@charset "utf-8";

/* 모바일용 CSS */
body {overflow-x:hidden;}
.main_wrap p {transition-duration:1s;}
.hidden {display:none !important;}
.upper {text-transform:uppercase !important;}

/* ----------------------------------------------------------------------------- */
/* TOP */
/* ----------------------------------------------------------------------------- */

#header {width:100%; height:67px; margin:0 auto; position:fixed; z-index:11; top:0; left:0; transition: all 0.5s ease-in-out;}
#header.floatNav {background:rgba(0, 0, 0, 0.6)}

.top_menu {width:92%; height:33px; margin:0 auto; display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap;}
.top_menu a {padding:0 8px; color:#8b8b8b; font-family: 'GmarketSansLight'; border-left:1px solid #333237; font-size:12px; height:15px; }
.top_menu a:first-child {border-left:0;}

.header_in_wrap {width:100%; height:67px; margin:0 auto; transition-duration:0.5s; position:relative;}
.header_in_wrap h1.logo {position:absolute; max-width:200px;width:calc(100% - 160px); height:26px; left:20px; top:50%; margin-top:-13px; line-height:0; z-index:10; }
.header_in_wrap h1.logo a {display:block; overflow:hidden; width:100%; height:26px; display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap;}
.header_in_wrap h1.logo a img {max-width:100%}

/* 메뉴 버튼*/
.t_btn_link {display:none;}

.t_cs_btn {position:absolute; cursor:pointer; top:0;  text-align:center;  display:flex; justify-content:center; align-items:center; display:none;}
.t_cs_btn img {}

.t_btn_menu {position:absolute; cursor:pointer; right:0; top:0; width:67px; height:67px; line-height:67px; text-align:center; }
.t_btn_menu a {  display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.t_btn_menu img {}


/* 전체메뉴  */
.menu_wrap {width:100%; height:100%; position:fixed; top:0; right:0; z-index:99999; display:none;}
.menu_wrap > div {height:100%; width:100%; position:relative; margin:0 auto; overflow-x:hidden;}
.gnb_bg {position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0.98; z-index:490; display:none;}

.menu_wrap .menu_area {width:100%; position:absolute; top:0; z-index:999999999999; background:rgba(59, 137, 158, 0.9); height:100%;}
.menu_wrap .menu_area > .height_finder {width:100%; height:0px;}
.menu_area .top_area {width:100%; position:relative; overflow:hidden;}
.menu_area .top_area .close_btn {display:block; text-align:right; overflow:hidden;  padding:25px;}
.menu_wrap .menu_area .row_01 {width:80%; margin: 0 auto; margin-bottom:80px; }
.menu_wrap .menu_area .row_01 > li {width:100%;}
.isDepth2	 { margin-top:30px; }
.isDepth2:first-child {margin-top:0; }
.menu_wrap .menu_area .row_01 > li > a {display:block; line-height:40px; height:40px; color:#fff;  font-family: 'GmarketSansMedium'; font-size:20px; }

.row_02 {width:100%; }
.row_02 > li {width:100%;overflow:hidden; }
.row_02 > li.fl50 { float:right; width:48%; overflow:hidden;}
.row_02 > li.fl50:first-child {float:left;}
.row_02 > li > a {
	display:block; color:#393939; font-weight:normal; font-family: 'GmarketSansMedium'; font-size:16px; height:26px; line-height:26px;}

.row_03 {display:none;}


/* 퀵메뉴 */
#quick {display:none}




/* ----------------------------------------------------------------------------- */
/* main.html */
/* ----------------------------------------------------------------------------- */

/* start fullpage 공통 */
.container {width:100%; margin:0 auto; overflow:hidden;  z-index:1;  }
.page-etit {font-family: 'GmarketSansMedium'; font-size:17px; text-align:center; color:#919191; margin-bottom:10px;}
.page-tit {font-family: 'Roboto', sans-serif; font-size:30px; margin-bottom:25px; line-height:36px; font-weight:900; text-align:center;}
.page-tit span {display:none;}
.page-stit {display:none;}

/* end fullpage 공통 */


/* ---- section #1 ---- */
.page1 {position:relative; overflow:visible; height:440px; padding:0; }
.page1 .container {}

/* 메인 롤링 */
.m-visual-wrap {position:relative; width:100%;}
#m_slider_wrap {display:block; width:100%; margin:0 auto; overflow:hidden; overflow:hidden;z-index:1}
#m_slider_wrap .swiper-wrapper {width:100%; margin:0 auto;   }
#m_slider_wrap .swiper-slide {width:100%; overflow:hidden; position:relative;}

#m_slider_wrap .swiper-slide .silder-con-wrap {width:90%; margin:0 auto; position:relative; max-width:960px; height:480px; z-index:2; }
#m_slider_wrap .swiper-slide .silder-con-wrap .tit-wrap {word-break:keep-all; width:100%; height:480px;  display:flex; justify-content:center; align-items:flex-start; flex-wrap:wrap; flex-direction:column;}
#m_slider_wrap .swiper-slide .silder-con-wrap .tit-wrap .stit { font-family: 'NEXEN_TIRE_Regular'; font-size:15px; color:#31cdee; word-break:keep-all;}
#m_slider_wrap .swiper-slide .silder-con-wrap .tit-wrap .tit { font-family: 'NEXEN_TIRE_Bold'; font-size:40px; color:#fff; line-height:50px; margin-top:10px;}
#m_slider_wrap .swiper-slide .silder-con-wrap .tit-wrap .tit span {font-family: 'NEXEN_TIRE_Bold'; color:#0084ff; }
#m_slider_wrap .swiper-slide .silder-con-wrap .tit-wrap .con { font-family: 'NEXEN_TIRE_Regular'; font-size:17px; color:#fff; word-break:keep-all; padding-top:28px; position:relative; margin-top:28px;}
#m_slider_wrap .swiper-slide .silder-con-wrap .tit-wrap .con::before {content:'';  position:absolute; left:0; top:0; width:49px; height:1px; background:#fff; display:block;  }

#m_slider_wrap .swiper-slide .thm-wrap {width:100%; position:absolute; left:0; top:0; z-index:1; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; height:480px;}
#m_slider_wrap .swiper-slide .thm-wrap img {height:480px}

.m_slider_control {position:absolute; width:calc(100% - 120px); right:0; bottom:353px;} 
.m_slider_control .m-slider-pagination {position:relative; height:30px; display:inline-flex; justify-content:flex-start; align-items:center; flex-wrap:wrap;}
.m_slider_control .swiper-pagination-bullet {width:30px; height:30px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; background:none; opacity:1; border-radius:0}
.m_slider_control .swiper-pagination-bullet p {width:10px; height:10px; border-radius:50%; background:#cfcfcf; }
.m_slider_control .swiper-pagination-bullet span {display:none;}
.m_slider_control .swiper-pagination-bullet-active {margin-right:5px;}
.m_slider_control .swiper-pagination-bullet-active p {display:none;}
.m_slider_control .swiper-pagination-bullet-active span {display:block; font-family: 'GmarketSansBold'; font-size:16px; color:#34d1b4;}
.m_slider_control .m-slider-autoplay {display:inline-block; width:30px; height:30px; vertical-align:middle; background:url('../images/m_slider_stop.png') no-repeat center center;  cursor:pointer;}
.m_slider_control .m-slider-autoplay.pause {background:url('../images/m_slider_start.png') no-repeat center center; }


/* ---- section #2 ---- */
.page2 {position:relative; z-index:2; background:#efefef; padding:0 0 0 0; overflow:visible;}
.page2 .container {overflow:visible;}

.link-list {width:92%; position:relative; overflow:hidden; max-width:480px; height:455px; margin:0 auto;  top:-40px; display:flex; justify-content:space-between; align-items:center; align-content:space-between; flex-wrap:wrap;}
.link-list li {width:48%; text-align:center; height:220px; padding:19px; box-sizing:border-box; backgrounD:#fff; border-radius:20px}
.link-list li a {width:100%; height:100%; display:flex; justify-content:space-between; align-items:center; flex-direction:column;}
.link-list li a .icon {width:75px;}
.link-list li a .icon img {max-width:100%;}
.link-list li a .tit {font-family: 'NEXEN_TIRE_Bold'; font-size:18px; word-break:keep-all;}
.link-list li a .stit {display:none}
.link-list li a .btn {width:100px; height:30px; background:#2d62b8; border-radius:5px; text-align:center; line-height:30px; font-family: 'NEXEN_TIRE_Regular'; font-size:15px; color:#fff;}


/* ---- section #3 ---- */
.page3 {width:100%; overflow:hidden; position:relative; background:#fff; z-index:2; }
.page3 .container {width:92%; margin:0 auto; overflow:visible; padding:40px 0; position:relative; z-index:2}
.page3-tit {}
.page3-btn {display:none;}

.m-works-wrap {width:100%; max-width:480px; margin:0 auto;}
.m-works {width:100%; margin-top:20px; min-height:250px; height: auto; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.m-works.works-1 {background:url('../images/m-works-1-bg.jpg') no-repeat center center; background-size:cover;}
.m-works.works-2 {background:url('../images/m-works-2-bg.jpg') no-repeat center center; background-size:cover;}
.m-works.works-3 {background:url('../images/m-works-3-bg.jpg') no-repeat center center; background-size:cover;}
.m-works p {width:90%; text-align:Center;}
.m-works p.tit {font-family: 'Roboto', sans-serif; color:#fff; font-weight:600; font-size:30px}
.m-works p.con {display:none;}
.m-works p.btn {margin-top:20px; max-width:220px;}
.m-works p.btn a {display:block; width:100%; height:50px; box-sizing:border-box; border:1px solid #fff; line-height:50px; text-align:center; color:#fff; margin-top:10px; border-radius:5px; font-family: 'GmarketSansBold'; font-size:16px; transition:all 0.5s ease-in-out;}
.m-works p.btn a:hover {background:#fff; color:#333}


/* ---- section #4 ---- */
.page4 {overflow:hidden; position:relative;}
.page4::before {content:''; position:absolute; display:block; left:0; bottom:0; width:100%; height:990px; background:url('../images/page4-bg.jpg') no-repeat center center; z-index:1;}
.page4 .container {width:92%; z-index:2; margin:0 auto; position:relative; padding:0 0 80px 0}
.page4-tit {text-align:center;}

.m-why-wrap {width:100%; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.m-why {width:106px; height:95px; display:flex; justify-content:center;  flex-direction:column; align-items:center;  flex-wrap:wrap; margin:0 10px}
.m-why.why-1 {background:url('../images/m-why-01-bg.png') no-repeat center center; background-size:cover;}
.m-why.why-2 {background:url('../images/m-why-02-bg.png') no-repeat center center; background-size:cover;}
.m-why.why-3 {background:url('../images/m-why-03-bg.png') no-repeat center center; background-size:cover;}
.m-why p {width:90%; text-align:Center;}
.m-why p.icon {height:38px;}
.m-why p.icon img {height:38px;}
.m-why p.tit {display:none;}

.m-gall-wrap {width:100%; border:1px solid rgba(255, 255, 255, 0.8); max-width:480px; margin:0 auto;  margin-top:25px; border-top:0px solid rgba(255, 255, 255, 0.8); box-sizing:Border-box;}
.m-gall-wrap li {width:100%;position:relative; box-sizing:Border-box; border-top:1px solid rgba(255, 255, 255, 0.8);}
.m-gall-wrap li a {padding:28px 23px; box-sizing:Border-box;  display:flex; justify-content:space-between; align-items:center;  flex-wrap:wrap; width:100%; }
.m-gall-wrap li a .tit-wrap {width:calc(100% - 90px); height:71px; overflow:hidden; display:flex; justify-content:center;  flex-direction:column; align-items:flex-start;  flex-wrap:wrap; z-index:2; }
.m-gall-wrap li a .tit-wrap .tit {font-family: 'GmarketSansMedium'; font-size:16px; line-height:18px; height:36px;color:#fff;  overflow:hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.m-gall-wrap li a .tit-wrap .date {font-family: 'GmarketSansMedium'; margin-top:8px; font-size:14px; color:rgba(255, 255, 255, 0.38);}
.m-gall-wrap li a .thm {width:71px; height:71px; overflow:hidden; display:flex; flex-direction:column; justify-content:center; align-items:center; flex-wrap:wrap; z-index:1; border-radius:50%;  position:relative; z-index:1}
.m-gall-wrap li a span {position:absolute; z-index:2; left:0; top:0; width:71px; height:71px; display:block; background:url('../images/m-gall-thm-cover.png') no-repeat center center;}
.m_inquiry_wrap {width:100%; box-sizing:border-box;  margin:0 auto; margin-top:50px; max-width:480px}
.m_inq_etit { line-height:26px; color:#fff; font-family: 'Roboto', sans-serif; color:#fff; font-weight:600; font-size:24px; text-align:center;}
.m_inq_tit {font-family: 'GmarketSansLight'; font-size:20px; line-height:22px; color:#fff;  text-align:center; margin-top:10px}
.inq_body {width:100%; margin:20px auto;  max-width:360px;}
.inq_body li {width:100%;  box-sizing:border-box;  margin:0 auto; position:relative; }
.inq_body li.inq_input { display:block; overflow:hidden; position:relative;}
.inq_body li.inq_input input[type=text],
.inq_body li.inq_input input[type=tel] {width:100%; height:58px; line-height:58px; display:block; font-family: 'GmarketSansMedium'; font-size:14px;  margin:0 auto; coloR:#fff; background:none; border-bottom:1px solid #f3f3f3; padding:0 40px; background:url('../images/inq-input-bg.png') no-repeat left 10px center;}
.inq_body li.inq_agree  {display:flex; justify-content:space-between; align-items:center;}
.inq_body li.inq_agree label {font-family: 'GmarketSansMedium'; color:#fff; font-size:13px; vertical-align:middle}
.inq_body li.inq_agree a {color:#fff; text-decoration:underline;}
.inq_done {}
.inq_done input {display:block; width:100%; max-width:360px; margin:0 auto; background:#961a1d; height:50px; text-align:Center; line-height:50px; font-family: 'GmarketSansBold'; color:#fff; font-size:17px; margin:0 auto; margin-top:25px}


/* ---- footer ---- */
.footer { }
.footer .container {width:100%; padding:0;}

#footer { background:#232323;}
#footer .footer_in { display:none; width:92%; margin:0 auto; overflow:hidden; padding:30px 0}
#footer .footer_in:first-child {display:block}

/*카피*/
.copy_right {width:100%;  max-width:1400px;  display:block; overflow:hidden;  padding:0 0 0; }

.copy_menu {width:100%;margin:0 auto;display:block;overflow:hidden;position:relative;  }
.copy_menu li{display:inline-block; height:14px; line-height:14px; padding:0 10px; border-left:1px solid #7a7a7a; margin-top:5px;}
.copy_menu li:first-child {background:none; border-left:.0px solid #fff; padding-left:0}
.copy_menu li a {display:block; width:100%; font-size: 14px;  height:14px; line-height:14px; color:#7a7a7a; font-family: 'GmarketSansMedium'; }

.copy_right address {width: 100%; max-width:1400px; margin:0 auto; display:block; overflow:hidden;   font-size: 14px; color: #7a7a7a; line-height:24px; word-break:keep-all;margin-top:20px; }
.copy_right address p { color: #7a7a7a;   }
.copy_right address span {display:inline-block; color: #7a7a7a; padding-right:24px; font-family: 'GmarketSansMedium';}
.copy_right address span i {font-style:normal; color:#7a7a7a}

.copy_count {width:92%; overflow:hidden;  order:1; max-width:230px; display:flex; justify-content:space-between; align-items:center; margin-top:20px}
.copy_count div { width:48%; display:flex; justify-content:space-between; align-items:center; height:30px; line-height:30px; background:#393939; border-radius:5px; overflow:hidden;}
.copy_count div p {font-size:13px; color:#fff; }
.copy_count div p.tit {width:50%; box-sizing:border-box; text-align:center; height:30px; line-height:30px; color:#fff; font-family: 'GmarketSansMedium';}
.copy_count div p.num {padding:0 6%; width:38%; text-align:right; color:#fff; font-family: 'GmarketSansMedium';}

.cr-wrap {height:51px; width:100%; backgrounD:#1c1c1c;}
.cr {width:92%; height:51px; line-height:51px;margin:0 auto;  text-align:left; max-width:1400px; color:#fff; font-family: 'GmarketSansMedium';}



/* 태블릿용 CSS */	
@media all and (min-width:768px){


/* ---- section #2 ---- */
.link-list {max-width: 1400px; height: 235px;}
.link-list li {width: 23.5%;}


/* ---- section #3 ---- */
.m-works-wrap {max-width: none;}
.m-works p.btn {max-width: 440px; display: flex; justify-content:space-around; align-items: center;flex-wrap: wrap;}
.m-works p.btn a:first-child {margin-left: 0;}
.m-works p.btn a {width: 48%;}



/* ---- section #4 ---- */
.m-gall-wrap {max-width: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.m-gall-wrap li {width:33.33333333%; border-left:1px solid rgba(255, 255, 255, 0.8);}
.m-gall-wrap li:first-child {border-left:0}

.m_inquiry_wrap {max-width: none;}
.inq_body {max-width: none;}




}




/* 낮은해상도 PC용 CSS */
@media all and (min-width:1250px){

/* ----------------------------------------------------------------------------- */
/* TOP */
/* --------------------------------------n --------------------------------------- */
#header {height:90px; }

.header_in_wrap {height:90px; max-width:1400px; margin:0 auto;}
.header_in_wrap h1.logo {max-width:236px; height:29px; margin-top:-15px; left:0}
.header_in_wrap h1.logo a {height:29px; }
.header_in_wrap h1.logo a img {max-width:initial; width:100%; }

/* 메뉴 버튼*/
#allmenu {display:none;}

/* 메뉴 버튼*/
.t_btn_link {display:block; position:absolute; width:96px; height:43px; right:0; top:28px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }
.t_btn_link a {display:block; width:43px; height:43px;display:flex; justify-content:center; align-items:center;}



/* 전체메뉴  */
.menu_wrap {max-width:100%; overflow:visible;  position:absolute; display:block !important; background:none; left:0; right:auto; height:0; z-index:98}
.menu_wrap > div {width:100%; margin:0 auto; overflow:hidden; border:none;}
.gnb_bg {display:none !important;}
.menu_wrap .menu_area {width:100%; position:static; margin:0 auto; overflow:visible; background:none;  transition:all 0.5s ease-in-out; }
.menu_wrap .menu_area > .height_finder {width:100%; height:0; top:90px; transition:all 0.5s ease-in-out; position:relative;}
.menu_area		{ right:0 !important; opacity:1 !important; }
.menu_area .top_area {display:none;}
.menu_area .top_area .close_btn {display:none;}
.menu_wrap .menu_area .row_01 {position:absolute; max-width:860px; left:50%; margin-left:-380px; z-index:9998; overflow:visible; display:block; }
.menu_wrap .menu_area .row_01 > li  {float:left; width:25%; text-align:center; position:relative; z-index:9997}
.isDepth2 { margin-top:0; }
.menu_wrap .menu_area .row_01 > li.long {width:16.5%;}
.menu_wrap .menu_area .row_01 > li > a {display:block; width:100%; height:90px; line-height:90px; color:#fff; background:none;font-family: 'NEXEN_TIRE_Bold'; padding:0; font-size:20px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.menu_wrap .menu_area .row_01 > li:hover > a {color:#31cdee;}
.menu_wrap .menu_area .row_01 > li > a span {font-family:inherit; word-break:keep-all; line-height:23px;}
.menu_wrap .menu_area .row_02  {height:0; overflow:hidden; position:absolute; z-index:9999; width:225px;  padding:0; margin:0;  left:50%; margin-left:-112px;}
.menu_wrap .menu_area .row_02 > li {width:100%; padding:0px; clear:both; position:relative; margin:0 auto; height:auto; margin-top:1px; background:#444;}
.menu_wrap .menu_area .row_02 > li:first-child {border-top:none;margin-top:0; }
.menu_wrap .menu_area .row_02 > li > a {
	background:none;/*background:url('../images/tm_a_bg.gif') no-repeat 5px center;*/ font-weight:normal;
	padding:0px; display:block; height:auto; line-height:20px; font-size:15px; color:#ffffff !important; height:40px; line-height:40px; background:none !important;  font-family: 'GmarketSansMedium';  }
.menu_wrap .isDepth2:hover ul,.menu_wrap .isDepth2:focus ul { height:auto !important; } 
.menu_wrap .isDepth2:hover ul li a:hover {background:#00347c !important;}
.menu_wrap #gnb .isDepth2 ul li a.on {background:#00347c !important;}


/* 퀵메뉴 */
#quick { right:0; position:fixed; z-index:10; width:79px; height:360px; display:flex; justify-content:center; align-items:center; display:block}



/* ----------------------------------------------------------------------------- */
/* main.html */
/* ----------------------------------------------------------------------------- */

/* start fullpage 공통 */

.page-etit {font-size:24px; height:24px; line-height:24px; margin-bottom:10px}
.page-tit {font-size:45px; line-height:48px;}
.page-tit span {display:inline-block; margin-left:30px; vertical-align:middle; font-size:24px; font-family: 'GmarketSansMedium';  opacity:0.5}
.page-stit {display:block; word-break:keep-all; color:#383838; font-size:20px; line-height:30px; font-family: 'GmarketSansLight'; text-align:center; }

/* end fullpage 공통 */


/* ---- section #1 ---- */
.page1 { height:785px; }

.m-visual-wrap {margin-top:0;}

#m_slider_wrap .swiper-slide .silder-con-wrap {height:785px; max-width:1400px;   }
#m_slider_wrap .swiper-slide .silder-con-wrap .tit-wrap {max-width:1400px; margin:0 auto; height:785px}
#m_slider_wrap .swiper-slide .silder-con-wrap .tit-wrap .stit { font-size:22px; }
#m_slider_wrap .swiper-slide .silder-con-wrap .tit-wrap .tit { font-size:68px;  line-height:75px; margin-top:20px}
#m_slider_wrap .swiper-slide .silder-con-wrap .tit-wrap .con { font-size:24px; padding-top:45px; margin-top:45px; margin-bottom:45px}

#m_slider_wrap .swiper-slide .thm-wrap { height:785px;}
#m_slider_wrap .swiper-slide .thm-wrap img {height:785px;}

.m_slider_control {position:absolute; width:630px;  right:auto; left:calc(2% + 130px);  bottom:553px;  } 



/* ---- section #2 ---- */
.page2 {}
.page2 .container {overflow:visible; height:390px}

.link-list {width:92%; position:relative; overflow:visible; max-width:1400px; height:420px; top:-150px}
.link-list li {width:23.5%; position:relative;  text-align:center; height:420px; padding:36px; border-radius:20px; transition: all 0.3s ease-in-out;top:0;box-shadow:5px 5px 10px rgba(0,0,0,.1); }
.link-list li:hover {top:-40px; box-shadow:5px 5px 15px rgba(0,0,0,.2);}
.link-list li a .icon {width:145px;}
.link-list li a .tit {font-size:25px; margin-bottom:0;}
.link-list li a .stit {display:block; font-size:16px; line-height:20px; height:60px; color:#9c9c9c; font-family: 'GmarketSansMedium'; margin-bottom:15px;}
.link-list li a .btn { height:37px; line-height:37px; }



/* ---- section #3 ---- */
.page3 {width:100%; overflow:hidden; position:relative; background:#fff; z-index:2; }
.page3 .container {padding:130px 0; }
.page3-tit {text-align:left; width:92%; margin:0 auto; max-width:1400px;}
.page3-stit {text-align:left; width:92%; margin:0 auto; max-width:1400px; margin-top:25px}
.page3-btn {display:block; position:absolute; top:200px; width:115px; left:50%; margin-left:600px;  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.page3-btn span {font-family:'Montserrat';}
.page3-btn::before {content:''; display:block; width:29px; height:1px; background:#999999; z-index:1;}
.m-works-wrap {margin:0 auto;  max-width:1795px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; margin-top:60px}
.m-works {width:calc((100% - 40px) / 3); margin-top:0; height:490px; }

.m-works p {width:90%; text-align:Center;}
.m-works p.tit { font-size:40px}
.m-works p.con {display:block; font-size:21px; line-height:30px; color:#fff; max-width:70%; font-family: 'GmarketSansMedium'; margin-top:40px; word-break:keep-all}
.m-works p.btn {margin-top:40px; max-width:90%; max-width:440px; }
.m-works p.btn a {height:58px; line-height:58px; font-size:17px;}





/* ---- section #4 ---- */
.page4 {overflow:hidden; position:relative;}
.page4::before {height:1045px; }
.page4 .container {width:92%; z-index:2; margin:0 auto; position:relative; padding:0 0 80px 0}

.m-why-wrap {margin-top:60px}
.m-why {width:359px; height:325px; display:flex; justify-content:center;  flex-direction:column; align-items:center;  flex-wrap:wrap; margin:0 50px}

.m-why p {width:90%; text-align:Center;}
.m-why p.icon {height:69px;}
.m-why p.icon img {height:69px;}
.m-why p.tit {margin-top:50px; display:block; font-size:24px; line-height:30px; color:#fff; font-family: 'GmarketSansMedium'; width:60%}

.m-gall-wrap {margin:0 auto; max-width:1400px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; margin-top:75px; border-top:0px solid rgba(255, 255, 255, 0.8); box-sizing:Border-box;}

.m-gall-wrap li a {padding:28px 23px; box-sizing:Border-box; display:flex; justify-content:space-between; align-items:center;  flex-wrap:wrap; width:100%; }
.m-gall-wrap li a .tit-wrap .tit { font-size:17px; height:18px; -webkit-line-clamp:1; }
.m-gall-wrap li a .tit-wrap .date {font-size:15px;}


.m_inquiry_wrap {margin-top:180px; max-width:1400px}
.m_inq_etit { line-height:48px; font-size:48px;}
.m_inq_tit { font-size:30px; line-height:32px; margin-top:30px}
.inq_body { margin:60px auto; max-width:890px; display:flex; justify-content:space-between; align-items:center;  flex-wrap:wrap; }
.inq_body li {margin-top:20px}
.inq_body li.block-1 {width:30%;}
.inq_body li.block-2 {width:63%;}
.inq_body li.inq_input input[type=text],
.inq_body li.inq_input input[type=tel] {font-size:16px;}
.inq_body li.inq_agree  {display:flex; justify-content:space-between; align-items:center;}
.inq_body li.inq_agree label {font-family: 'GmarketSansMedium'; color:#fff; font-size:13px; vertical-align:middle}
.inq_body li.inq_agree a {color:#fff; text-decoration:underline;}
.inq_done {}
.inq_done input { height:60px; line-height:60px; font-size:19px; margin-top:0; border-radius:8px}




/* ---- footer ---- */
#footer .footer_in_wrap { width:92%; max-width:1400px; margin:0 auto; padding:60px 0; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-start;}
#footer .footer_in {display:block; width:360px; margin:0; overflow:hidden; padding:0;   }
#footer .footer_in:first-child {width:calc(100% - 360px); }

.copy_menu {max-width:1400px; }
.copy_menu li{height:15px;  border-left:0;  border-right:1px solid #4b4b4b;}
.copy_menu li:first-child {border-left:0px solid #4b4b4b; padding-left:0}
.copy_menu li a {display:block; width:100%; font-size: 15px;  height:15px; line-height:15px; transition:all 0.5s ease-in-out;  padding:0 10px}
.copy_menu li:first-child a {padding-left:0}

/*카피*/
.copy_right {width:100%;  max-width:1400px;  display:block; overflow:hidden;  padding:0 0 0; }
.copy_right address {margin:0; ; font-size: 15px; line-height:28px; margin-top:0;  margin-top:30px;}
.copy_right address .cr {}
.copy_count { margin-top:30px}

.cs-tit {font-family: 'GmarketSansLight'; font-size:30px;  color:#fff;}
.cs-num {font-family: 'GmarketSansLight'; font-size:35px; margin-top:15px; color:#4ba3d1;}

.cs-detail {width:100%; max-width:360px; margin:15px 0; }
.cs-detail li {display:flex; justify-content:flex-start; align-items:center; height:24px; line-height:24px;}
.cs-detail li span {font-family: 'GmarketSansMedium'; width:calc(100% - 80px); height:24px; line-height:24px;  font-size:16px; color:#fff;}
.cs-detail li span:first-child {width:80px;}


}



/* 높은 해상도 PC용 CSS */
@media all and (min-width:1440px){

/* ----------------------------------------------------------------------------- */
/* TOP */
/* ----------------------------------------------------------------------------- */



/* 퀵메뉴 */
#quick {/*bottom:auto; left:auto;  right:0; position:absolute; width:80px; height:400px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
#quick a {width:80px; flex-direction:column;*/}



}