@charset "utf-8";

.mcont0-section-wrap {position:relative;width:100%;}
#mcont0-section {}
#mcont0-section li{box-sizing: border-box;border-collapse:collapse;display:table-cell;}
#mcont0-section .slick-track > li{height: 666px;background-size:cover !important;}
#mcont0-section li .txtBox {color:#ffffff;font-size: 21px;position:relative;width:100%;max-width: 1200px;margin: 0 auto;height:auto;text-align: left;line-height:1.7;z-index: 52;top: 26%;letter-spacing:-1px;}
#mcont0-section li .txtBox p {font-size: 30px;line-height: 1;}
#mcont0-section li .txtBox h2 {font-size: 48px;margin-bottom: 25px;font-family: 'GmarketSansBold';letter-spacing: -0.5px;}
#mcont0-section li .txtBox h3 {font-size: 21px;}
#mcont0-section li .txtBox a {width: 256px; text-align: center; font-size: 18px; color: #fff; display: inline-block; padding: 12px 0;  border: 2px solid #fff; margin-top: 50px;}

@media screen and (max-width:1200px){
	#mcont0-section .slick-track > li{padding:10px;height: 600px;}
	#mcont0-section li .txtBox {font-size: 21px;top: 26%;}
	#mcont0-section li .txtBox p {font-size: 30px;line-height: 1;}
	#mcont0-section li .txtBox h2 {font-size: 48px;margin-bottom: 25px;}
	#mcont0-section li .txtBox h3 {font-size: 21px;}
	#mcont0-section li .txtBox a {width: 256px; font-size: 18px; padding: 12px 0; margin-top: 50px;}
}
@media screen and (max-width:990px){
	#mcont0-section .slick-track > li{height: 550px;}
	#mcont0-section li .txtBox {font-size: 19px;top: 24%;}
	#mcont0-section li .txtBox p {font-size: 28px;line-height: 1;}
	#mcont0-section li .txtBox h2 {font-size: 46px;margin-bottom: 25px;}
	#mcont0-section li .txtBox h3 {font-size: 19px;}
	#mcont0-section li .txtBox a {width: 220px; font-size: 16px; padding: 10px 0; margin-top: 40px;}
}
@media screen and (max-width:700px){
	#mcont0-section .slick-track > li{height: 500px;}
	#mcont0-section li .txtBox {font-size: 17px;top: 22%;}
	#mcont0-section li .txtBox p {font-size: 26px;line-height: 1;}
	#mcont0-section li .txtBox h2 {font-size: 40px;margin-bottom: 25px;}
	#mcont0-section li .txtBox h3 {font-size: 17px;}
	#mcont0-section li .txtBox a {width: 200px; font-size: 15px; padding: 10px 0; margin-top: 40px;}
}
@media screen and (max-width:600px){
	#mcont0-section .slick-track > li{height: 450px;}
	#mcont0-section li .txtBox {font-size: 15px;top: 22%;}
	#mcont0-section li .txtBox p {font-size: 24px;line-height: 1;}
	#mcont0-section li .txtBox h2 {font-size: 36px;margin-bottom: 20px;}
	#mcont0-section li .txtBox h3 {font-size: 15px;}
	#mcont0-section li .txtBox a {width: 180px; font-size: 14px; padding: 7px 0; margin-top: 30px;}
}
@media screen and (max-width:500px){
	#mcont0-section .slick-track > li{height: 400px;}
	#mcont0-section li .txtBox {font-size: 14px;top: 16%;}
	#mcont0-section li .txtBox p {font-size: 20px;line-height: 1;}
	#mcont0-section li .txtBox h2 {font-size: 34px;margin: 20px 0;line-height:1.2;}
	#mcont0-section li .txtBox h2 span {display:block}
	#mcont0-section li .txtBox h3 {font-size: 14px;}
}
@media screen and (max-width:400px){
	#mcont0-section .slick-track > li{height: 350px;}
	#mcont0-section li .txtBox {top: 12%;}
	#mcont0-section li .txtBox p {font-size: 18px;line-height: 1;}
	#mcont0-section li .txtBox h2 {font-size: 30px;margin: 20px 0;line-height:1.2;}
}


/* mcont1-section */
#mcont1-section {width: 100%; height: 180px; display: inline-block; background: url('../img/main/line_bg.gif') center center no-repeat;}
#mcont1-section ul {width: 100%; max-width: 1000px; margin: 0 auto;}
#mcont1-section ul li {width: 50%; float: left; text-align: center; padding-top: 5%;}
#mcont1-section ul li:nth-child(1) h3 {}
#mcont1-section ul li:nth-child(1) h3 a {color: #fff; font-size: 36px; font-family: 'GmarketSansBold';}
#mcont1-section ul li:nth-child(1) h3 a em {color: #ffff00; font-weight: 700;}
#mcont1-section ul li:nth-child(1) h3 span {color: #fff;}
#mcont1-section ul li:nth-child(2) h3 {}
#mcont1-section ul li:nth-child(2) h3 a {font-size: 36px; color: #000; font-family: 'GmarketSansMedium';}
#mcont1-section ul li:nth-child(2) h3 a img {vertical-align: bottom; padding-right: 20px;}

@media screen and (max-width:1200px){
	#mcont1-section {height: 160px;}
	#mcont1-section ul li {padding-top: 4%;}
	#mcont1-section ul li:nth-child(1) h3 a,
	#mcont1-section ul li:nth-child(2) h3 a {font-size: 34px;}
}
@media screen and (max-width:990px){
	#mcont1-section {height: 140px;}
	#mcont1-section ul li:nth-child(1) h3 a,
	#mcont1-section ul li:nth-child(2) h3 a {font-size: 30px;}
	#mcont1-section ul li:nth-child(2) h3 a img {width:56px;}
}
@media screen and (max-width:800px){
	#mcont1-section ul li:nth-child(1) h3,
	#mcont1-section ul li:nth-child(2) h3 {width:100%;max-width:300px;display:inline-block;}
	#mcont1-section ul li:nth-child(1) h3 a,
	#mcont1-section ul li:nth-child(2) h3 a {font-size: 25px;}
	#mcont1-section ul li:nth-child(2) h3 a img {width:56px;}
	#mcont1-section ul li:nth-child(2) {padding-top: 5%;}
}
@media screen and (max-width:650px){
	#mcont1-section {height: 130px;}
	#mcont1-section ul li:nth-child(1) h3,
	#mcont1-section ul li:nth-child(2) h3 {max-width:250px;}
	#mcont1-section ul li:nth-child(1) h3 a,
	#mcont1-section ul li:nth-child(2) h3 a {font-size: 23px;}
	#mcont1-section ul li:nth-child(1) h3 span {font-size:13px;}
	#mcont1-section ul li:nth-child(2) h3 a img {width:40px;padding-right: 10px;}
	#mcont1-section ul li:nth-child(2) {padding-top: 6%;}
}
@media screen and (max-width:550px){
	#mcont1-section {height: auto;}
	#mcont1-section ul li:nth-child(1) h3,
	#mcont1-section ul li:nth-child(2) h3 {max-width:100%;}
	#mcont1-section ul li:nth-child(1) h3 a,
	#mcont1-section ul li:nth-child(2) h3 a {font-size: 21px;}
	#mcont1-section ul li:nth-child(2) h3 a img {width:35px;}
	#mcont1-section ul li {display:inline-block;padding-top:10px 0;}
	#mcont1-section ul li:nth-child(1) {width: 100%;background-color: #df1b1c;padding:15px 0;}
	#mcont1-section ul li:nth-child(2) {width: 100%;background-color: #e2e2e2;padding:15px 0;}
}
@media screen and (max-width:400px){
	#mcont1-section ul li:nth-child(1) h3 a,
	#mcont1-section ul li:nth-child(2) h3 a {font-size: 19px;}
	#mcont1-section ul li:nth-child(2) h3 a img {width:33px;}
}


/* 고객센터 */
#mcont2-section {width: 100%;max-width: 1200px;margin: 70px auto;display: table;}
#mcont2-section ul {width: 100%;}
#mcont2-section ul li.left_li {width: 33.333%;float: left;}
#mcont2-section ul li.left_li:nth-child(1) > div {float:left;}
#mcont2-section ul li.left_li:nth-child(2) > div {margin: 0 auto;float: none;}
#mcont2-section ul li.left_li:nth-child(3) > div {float:right;}

#mainRealtime {float:left; background-color:#f8f8f8; width:100%;max-width: 380px;height: 335px;}
#mainRealtime h3 {background-image:url("../img/main/board_ico1.gif");background-repeat:no-repeat;background-position:left 10px center;padding-left: 50px;background-color: #333333;line-height: 60px;color:#fff;letter-spacing:-2px;font-size: 18px;font-weight: 500;border-top-left-radius:8px;border-top-right-radius:8px;position:relative;}
#mainRealtime h3 span {position:absolute;top: 8px;right:17px;}
#mainRealtime ul {padding: 12px 15px;height: 274px; overflow:hidden;display:block;}
#mainRealtime ul div.slide4 {width:100%;}
#mainRealtime ul div.cycle-carousel-wrap {width:100%;}
#mainRealtime li {width:100%;clear:both;line-height: 28px;display: table;}
#mainRealtime li p {float:left;font-size:14px;color:#525252;display: table-cell;}
#mainRealtime li p:nth-child(1) {width: 35%;display: block;white-space: nowrap;overflow: hidden;}
#mainRealtime li p:nth-child(2) {width: 40%;}
#mainRealtime li p:nth-child(3) {width:25%;}
#mainRealtime li p.mainRealBtn {border:solid 1px #abc4c8; background-color:#FFF; font-size:13px; border-radius:20px; letter-spacing:-1.5px; text-align:center; line-height:21px; padding:0; margin-right:0;}

#request { background-color:#f8f8f8; width:100%;max-width: 380px;height: 335px;}
#request h3 {background-image: url("../img/main/board_ico2.gif");background-repeat: no-repeat;background-position: left 10px center;padding-left: 50px;background-color: #333333;line-height: 60px;color:#fff;letter-spacing:-2px;font-size: 18px;font-weight: 500;border-top-left-radius:8px;border-top-right-radius:8px;position:relative;}
#request h3 span {position:absolute;top: 8px;right:17px;}
#request ul {padding: 12px 15px;height: 274px;overflow:hidden;}
#request li {display:inline-block;width:90%;margin:0 5%;clear:both; line-height:28px;}
#request li p {float:left;font-size:14px;color:#525252;overflow:hidden;display: block;white-space: nowrap;text-overflow: ellipsis;width: 70%;}
#request li p.mainRealBtn {width:70px; border:solid 1px #abc4c8; background-color:#FFF; font-size:13px; border-radius:20px; letter-spacing:-1.5px; text-align:center; line-height:21px; padding:0; margin-right:0;}
#request li p.datetime {margin-right: 0px;float:right;width: 30%;text-align:right;}

#mainConsult {float:right; width:100%;max-width: 380px;height: 335px;background-color: #181d62; border-radius:8px;}
#mainConsult #top_form {display:table;}
#mainConsult h3 {background-image: url("../img/main/ico_counsel.gif");background-repeat: no-repeat;background-position: left 35% center;line-height:61px;padding-left: 30px;color:#fff;letter-spacing:-2px;font-size: 18px;font-weight: 500;text-align:center;border-bottom:solid 1px #5d6275;}
#mainConsult dl {padding: 20px 40px 20px 40px;}
#mainConsult dl:after {content:""; display:block; clear:both;}
#mainConsult dl dt {float:left;color:#e3f1f2;font-weight:500;padding-top: 15px;width:25%;}
#mainConsult dl dd {float:left;height:33px;margin-top: 10px;width:75%;}
#mainConsult dl dd input {border-radius:3px; border:solid 1px #ebecee; background-color:#ebecee; height:31px; width:100%;padding-left:10px;}
#mainConsult p {clear:both;width: 89%;font-size: 14px;color: #fff;text-align:right;letter-spacing:-1px;height: 45px;}
#mainConsult .mainConsultBtn {width: 97%; height:52px; margin:0 auto; background-color:#fbfbfb; text-align:center; line-height:56px; font-size:18px; font-weight:700;color: #000; letter-spacing:-1.5px; border-radius:7px;}

@media screen and (max-width:1200px){
	#mcont2-section ul li.left_li {padding:0 5px;}
}
@media screen and (max-width:1100px){
	#mainConsult dl dt {font-size:13px;}
	#mainConsult .mainConsultBtn {font-size:16px;}
	#mainRealtime li p,
	#mainRealtime li p a,
	#request li p,
	#request li p a {font-size:13px;}
}
@media screen and (max-width:950px){
	#mcont2-section {max-width: 650px;margin: 50px auto;}
	#mcont2-section ul li.left_li:nth-child(1) {width:50%;}
	#mcont2-section ul li.left_li:nth-child(2) {width:50%;}
	#mcont2-section ul li.left_li:nth-child(3) {width:100%;}
	#mcont2-section ul li.left_li:nth-child(3) > div {margin:0 auto;float: none;display: table;margin-top: 40px;}
}
@media screen and (max-width:650px){
	#mcont2-section ul li.left_li:nth-child(1),
	#mcont2-section ul li.left_li:nth-child(2) {width:100%;}
	#mcont2-section ul li.left_li:nth-child(1) > div {margin:0 auto;float: none;display: table;}
	#mcont2-section ul li.left_li:nth-child(2) > div {margin:0 auto;float: none;display: table;margin-top: 40px;}
}
@media screen and (max-width: 500px){
	#mcont2-section {margin: 30px auto;}
	#mcont2-section ul li.left_li:nth-child(3) > div {margin-top: 30px;}
	#mcont2-section ul li.left_li:nth-child(2) > div {margin-top: 30px;}
	#request li p {width:100%;}
	#mainConsult dl {padding: 10px 10px;}
	#mainConsult dl dt {width:100%;padding-top:5px;}
	#mainConsult dl dd {width:100%;padding-top:0px;}
	#mainRealtime li p:nth-child(2) {}
	#request li p.datetime {display:none;}
	#mainConsult {height:335px;}
	#mainRealtime, #request {height:300px;}
	#mainRealtime h3, #request h3, 	#mainConsult h3 {font-size:16px;line-height:50px;}
	#mainConsult p {height:40px}
	#mainConsult .mainConsultBtn {height:45px;line-height:45px;font-size:16px;margin-bottom:5px;}
}
@media screen and (max-width:400px){
	#mainConsult .mainConsultBtn {width:96%;}
	#mainRealtime h3 span,
	#request h3 span {display:none;}
}


/* mcont3-section */
#mcont3-section {display: table; width: 100%; margin: 0 auto; background-color: #f4f4f4;}
#mcont3-section > ul {width: 100%; max-width: 1200px; margin: 0 auto; padding: 60px 0; display: table;}
#mcont3-section ul li.left_li {float: left;}
#mcont3-section ul li.left_li:nth-child(1) {width: 65%;}
#mcont3-section ul li.left_li:nth-child(1) h3 {font-size: 24px; font-weight: 500;}
#mcont3-section ul li.left_li:nth-child(1) div {width: 100%; max-width: 780px; display: inline-block; margin-top: 35px;}
#mcont3-section ul li.left_li:nth-child(1) div ul {}
#mcont3-section ul li.left_li:nth-child(1) div ul li {width: 25%; float: left; text-align: center;}
#mcont3-section ul li.left_li:nth-child(1) div ul li span.circle{width: 150px; height: 150px; background-color: #fff; border-radius: 50%; text-align: center; vertical-align: middle; display: inline-block; padding-top: 22%; margin-bottom: 12px;}
#mcont3-section ul li.left_li:nth-child(1) div ul li img {width: 65px;}
#mcont3-section ul li.left_li:nth-child(1) div ul li span {display: block; font-size: 14px; color: #999999; text-align: center;}
#mcont3-section ul li.left_li:nth-child(1) div ul li b {display: block; font-size: 18px; color: #000000; font-weight: 400;}
#mcont3-section ul li.left_li:nth-child(2) {width: 35%;}
#mcont3-section ul li.left_li:nth-child(2) #mainBanner {width: 100%; max-width: 380px; height: 289px; background: url("../img/main/banner_bg.jpg") center center no-repeat; background-size: cover; float: right; padding: 30px; border-radius: 10px;}
#mcont3-section ul li.left_li:nth-child(2) #mainBanner ul {color: #fff; width: 100%; margin: 0 auto; text-align: center;}
#mcont3-section ul li.left_li:nth-child(2) #mainBanner ul h4 {display: block; font-size: 24px; border-bottom: 1px solid #fff; padding: 13px 0;}
#mcont3-section ul li.left_li:nth-child(2) #mainBanner ul h3 {display: block; font-size: 48px; padding: 20px 0; font-family: 'GmarketSansBold';}
#mcont3-section ul li.left_li:nth-child(2) #mainBanner ul a {font-size: 18px; color: #fff; display: inline-block; border: 2px solid #fff; padding: 0 20px; line-height: 48px;}

@media screen and (max-width:1200px){
	#mcont3-section ul li.left_li {padding:0 5px;}
}
@media screen and (max-width:990px){
	#mcont3-section ul li.left_li:nth-child(1) div ul li span.circle{width: 140px; height: 140px;}
	#mcont3-section ul li.left_li:nth-child(2) #mainBanner ul h4 {font-size: 23px;}
	#mcont3-section ul li.left_li:nth-child(2) #mainBanner ul h3 {font-size: 46px;}
	#mcont3-section ul li.left_li:nth-child(2) #mainBanner ul a {font-size: 17px;}
}
@media screen and (max-width:950px){
	#mcont3-section > ul {padding: 40px 0;}
	#mcont3-section ul {max-width:800px;}
	#mcont3-section ul li.left_li:nth-child(1) {width: 100%;text-align:center;}
	#mcont3-section ul li.left_li:nth-child(2) {width: 100%;margin-top:40px;}
	#mcont3-section ul li.left_li:nth-child(2) #mainBanner {float:none;margin:0 auto;}
}
@media screen and (max-width:650px){
	#mcont3-section ul li.left_li:nth-child(1) div ul li span.circle{width: 120px; height: 120px;}
	#mcont3-section ul li.left_li:nth-child(1) div ul li img {width: 55px;}
	#mcont3-section ul li.left_li:nth-child(1) h3 {font-size: 22px;}
	#mcont3-section ul li.left_li:nth-child(1) div ul li span {font-size: 13px;}
	#mcont3-section ul li.left_li:nth-child(1) div ul li b {font-size: 16px;}
}
@media screen and (max-width:550px){
	#mcont3-section ul li.left_li:nth-child(1) div {max-width:400px;margin-top: 25px;}
	#mcont3-section ul li.left_li:nth-child(1) div ul li {width: 50%;}
	#mcont3-section ul li.left_li:nth-child(1) div ul li:nth-child(3),
	#mcont3-section ul li.left_li:nth-child(1) div ul li:nth-child(4) {margin-top:20px;}
	#mcont3-section ul li.left_li:nth-child(1) div ul li span.circle{padding-top:14%;}
	#mcont3-section ul li.left_li:nth-child(2) #mainBanner {height: 250px;padding:20px}
	#mcont3-section ul li.left_li:nth-child(2) #mainBanner ul h4 {font-size: 22px;}
	#mcont3-section ul li.left_li:nth-child(2) #mainBanner ul h3 {font-size: 44px; padding: 15px 0;}
	#mcont3-section ul li.left_li:nth-child(2) #mainBanner ul a {font-size: 16px;  padding: 0 15px; line-height: 45px;}
}
@media screen and (max-width:500px){
	#mcont3-section > ul {padding: 30px 0;}
	#mcont3-section ul li.left_li:nth-child(1) h3 {font-size: 20px;}
}
@media screen and (max-width:400px){
	#mcont3-section ul li.left_li:nth-child(1) div {max-width:300px}
	#mcont3-section ul li.left_li:nth-child(1) div ul li span.circle{width: 110px; height: 110px;}
	#mcont3-section ul li.left_li:nth-child(1) div ul li span.circle{padding-top:18%;}
	#mcont3-section ul li.left_li:nth-child(2) #mainBanner {height: 220px;padding:13px}
	#mcont3-section ul li.left_li:nth-child(2) #mainBanner ul h4 {font-size: 18px;}
	#mcont3-section ul li.left_li:nth-child(2) #mainBanner ul h3 {font-size: 38px; padding: 15px 0;}
	#mcont3-section ul li.left_li:nth-child(2) #mainBanner ul a {font-size: 14px;  padding: 0 15px; line-height: 35px;}
}

	
/* gallery */
#mcont4-section {width:100%;max-width:1230px;clear:both;display:table;margin: 70px auto 0 auto;text-align:center;}
#mcont4-section h2 {display:inline-block;position:relative;font-size:24px;color:#000000;font-weight:500;}
#mcont4-section h2::before {position:absolute;top:5px;left:0px;margin-left:-190px;display:inline-block;content:'';background:url('../img/common/prev_titlebg.gif') center right no-repeat;width: 149px;height: 21px;}
#mcont4-section h2::after {position:absolute;top:5px;right:0px;margin-right:-190px;display:inline-block;content:'';background:url('../img/common/next_titlebg.gif') center left no-repeat;width: 149px;height: 21px;}
#mcont4-section ul {}
#mcont4-section ul li {float:left; width:25%;text-align:center;display: inline-block;}
#mcont4-section ul li a {display:block;width:100%;max-width:278px;margin:0 auto;}
#mcont4-section ul li a img {width:100%;height:auto;max-width: 280px;border-radius: 10px;}
#mcont4-section ul li.mainServiceEnd {margin-right:0;}
#mcont4-section ul li p.mainServiceTit {font-size: 18px;font-weight: 400;color: #000;letter-spacing:-2px;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2; /* 텍스트를 자를 때 원하는 단위 ex) 3줄 */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin: 10px 0;}
#mcont4-section ul li .mainServiceInfo {font-size: 16px;color: #666666;letter-spacing:-1px;width: 100%;margin: 0px auto 20px auto;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2; /* 텍스트를 자를 때 원하는 단위 ex) 3줄 */-webkit-box-orient: vertical;overflow: hidden;}

@media screen and (max-width:1200px){
	#mcont4-section ul li a img {width:95%;}
}
@media screen and (max-width:980px){
	#mcont4-section {margin: 30px auto 0 auto;}
	#mcont4-section ul {max-width: 650px;margin: 0 auto;}
	#mcont4-section ul li {width:50%;}
	#mcont4-section ul li a img {width:95%;}
	#mcont4-section ul li:nth-child(1),
	#mcont4-section ul li:nth-child(2) {margin-bottom: 30px;}
	#mcont4-section ul li:nth-child(3) {clear:both;}
}
@media screen and (max-width:800px){
	#mcont4-section ul {margin-top:30px;}
}
@media screen and (max-width:600px){
	#mcont4-section ul li p.mainServiceTit {font-size:16px;margin: 10px 0 10px 0;width: 98%;}
	#mcont4-section ul li .mainServiceInfo {font-size:13px;line-height:1.5;margin-bottom:0px;}
}
@media screen and (max-width:500px){
	#mcont4-section h2 {font-size:18px;}
	#mcont4-section h2::before {margin-left:-120px;width: 110px;}
	#mcont4-section h2::after {margin-right:-120px;width: 110px;}
	#mcont4-section ul li p.mainServiceTit {font-size: 14px;}
	#mcont4-section {margin: 20px auto;}
	#mcont4-section ul li:nth-child(odd) {clear:both;}
}