@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);

.mcont0-section-wrap {position:relative;width:100%;}
#mcont0-section {}
#mcont0-section li{box-sizing: border-box;border-collapse:collapse;display:table-cell;cursor:pointer;}
#mcont0-section .slick-track > li{height:720px;background-size:cover !important;}
#mcont0-section li .txtBox {position:relative;width:100%;max-width:600px;height: auto;margin-left:12%;text-align: left;z-index: 52; top: 25%;}
#mcont0-section li .txtBox span {font-size: 30px;font-weight: 400;color: #666666;transform: translateY(-100px);transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
#mcont0-section li .txtBox h3 {font-size:60px;font-weight:600;}
#mcont0-section li .txtBox p.subtit {font-size: 20px;color: #000000;margin-top: 9%;font-weight: 400;
transform: translateY(-100px);
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transition: all 2s ease;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;}
#mcont0-section li .txtBox>div {overflow: hidden;}
#mcont0-section li.slick-current .bgBox {transform: translateX(-100px);}
#mcont0-section li.slick-current .txtBox h2.tit {transform: translateY(0);}
#mcont0-section li.slick-current .txtBox p.catch {transform: translateY(0);}
#mcont0-section li.slick-current .txtBox p.subtit {transform: translateY(0);}

#mcont0-section li a.bt_more {display:block;font-size:18px;width:187px;text-align:center;border:2px solid #ffffff;color:#ffffff;padding:12px 0;margin:0 auto;}

.slick-dots li button {width:15px !important;height:15px !important;padding:0px;}

.mcont0-section-wrap span.slick_button {position:absolute;z-index:1;bottom:12.7%;left:50%;}
.slick-dots {width:80px !important;}

@media screen and (max-width:990px){
	#mcont0-section .slick-track > li{height:500px;}
	#mcont0-section li .txtBox span {font-size: 20px;}
	#mcont0-section li .txtBox h3 {font-size:50px;}
	#mcont0-section li .txtBox p.subtit {font-size: 18px;}
}

@media screen and (max-width:750px){
	#mcont0-section .slick-track > li{height:450px;}
	#mcont0-section li .txtBox span {font-size: 18px;}
	#mcont0-section li .txtBox h3 {font-size:40px;}
	#mcont0-section li .txtBox p.subtit {font-size: 16px;}
}

@media screen and (max-width:600px){
	#mcont0-section .slick-track > li{height:400px;}
	#mcont0-section li .txtBox {margin-left:1%;}
	#mcont0-section li .txtBox span {font-size: 18px;}
	#mcont0-section li .txtBox h3 {font-size:40px;}
	#mcont0-section li .txtBox p.subtit {font-size: 16px;}
}
@media screen and (max-width:500px){
	#mcont0-section .slick-track > li{height:300px;}
	#mcont0-section li .txtBox span {font-size: 16px;}
	#mcont0-section li .txtBox h3 {font-size:30px;}
	#mcont0-section li .txtBox p.subtit {font-size: 13px;margin-top:4%;}
	.slick-dots {bottom:5% !important;}
	.slick-dots li button {padding:0px !important;width:10px !important;height:10px !important;}
	.mcont0-section-wrap span.slick_button {bottom:7.7%;}
}
@media screen and (max-width:400px){
	#mcont0-section li .txtBox span {font-size: 14px;}
	#mcont0-section li .txtBox h3 {font-size:30px;}
	#mcont0-section li .txtBox p.subtit {font-size: 13px;}
}

/*»ç¾÷¼Ò°³*/
#mcont1-section {width:100%;clear:both;display:table;}
#mcont1-section ul {width:100%;margin:0 auto;}
#mcont1-section ul > li {width:25%;float:left;text-align:center;font-size:18px;color:#000000;line-height:0px;cursor:pointer;position:relative;}
#mcont1-section ul li img {width:100%;}
#mcont1-section ul li div.txt {position:absolute;z-index:99;line-height:1.2;top: 0;width: 100%;color: #ffffff;margin-top: 15%;}
#mcont1-section ul li div.txt h3, #mcont1-section ul li div.txt span {font-size:20px;font-weight:300;}
#mcont1-section ul li div.txt h3:nth-child(2) {font-size:38px;margin:14% 0 5% 0;font-weight:400;}
#mcont1-section ul li div.overlay {display:none;position:absolute;z-index:99;line-height:1.2;top:0px;width:100%;height:100%;color:#ffffff;background:rgba(0, 0, 0, 0.5);}
#mcont1-section ul li div.overlay span { margin: 23% 10% 0 10%; top: 0px; display: block; font-size: 16px; line-height: 1.4; font-weight: 300;}
#mcont1-section ul li div.overlay img {width:auto;padding-bottom:10px;}

@media screen and (max-width:1500px){
	#mcont1-section ul > li {font-size:16px}
	#mcont1-section ul li div.txt h3,
	#mcont1-section ul li div.txt span {font-size:18px;}
	#mcont1-section ul li div.txt h3:nth-child(2) {font-size: 36px;}
	#mcont1-section ul li div.overlay span {margin: 23% 10% 0 10%;font-size: 14px;}
}

@media screen and (max-width:1350px){
	#mcont1-section ul > li {font-size:14px}
	#mcont1-section ul li div.txt h3,
	#mcont1-section ul li div.txt span {font-size:16px;}
	#mcont1-section ul li div.txt h3:nth-child(2) {font-size: 30px;}
	#mcont1-section ul li div.overlay span {margin: 20% 10% 0 10%;font-size: 13px;}
}
@media screen and (max-width:1200px){
	#mcont1-section ul li div.overlay span {margin: 10% 5% 0 5%;font-size: 13px;}
}
@media screen and (max-width:1100px){
	#mcont1-section ul > li {font-size:13px}
	#mcont1-section ul li div.txt h3,
	#mcont1-section ul li div.txt span {font-size:14px;}
	#mcont1-section ul li div.txt h3:nth-child(2) {font-size: 25px;}
	#mcont1-section ul li div.overlay span {margin: 5% 5% 0 5%;font-size: 13px;}
}
@media screen and (max-width:1000px){
	#mcont1-section ul > li {width:50%;}
	#mcont1-section ul li div.overlay span {margin: 25% 10% 0 10%;font-size: 13px;}
}
@media screen and (max-width:700px){
	#mcont1-section ul li div.overlay span {margin: 10% 10% 0 10%;font-size: 13px;}
}
@media screen and (max-width:570px){
	#mcont1-section ul li div.overlay span {margin: 5% 5% 0 5%;font-size: 12px;}
}
@media screen and (max-width:500px){
	#mcont1-section ul > li {font-size:13px}
	#mcont1-section ul li div.txt h3,
	#mcont1-section ul li div.txt span {font-size:13px;}
	#mcont1-section ul li div.txt h3:nth-child(2) {font-size: 20px;}
	#mcont1-section ul li div.overlay {display:none !important;}
}
@media screen and (max-width:400px){
	#mcont1-section ul > li {font-size:12px}
	#mcont1-section ul li div.txt h3,
	#mcont1-section ul li div.txt span {font-size:12px;}
	#mcont1-section ul li div.txt h3:nth-child(2) {font-size: 18px;}
}

#mcont2-section {width:100%;max-width:1200px;margin:0 auto;padding:90px 0;clear:both;text-align:center;}
#mcont2-section h2 {font-size:36px;font-weight:500;color:#000000;}
#mcont2-section span {font-size:16px;color:#666666;}
#mcont2-section .board_box {width:100%;margin-top:50px;}
#mcont2-section .board_box ul {width: 100%;max-width: 1200px;margin: 0 auto;clear: both; position: relative;}
#mcont2-section .board_box ul li {width:25%;float:left;padding:0 10px;}
#mcont2-section .board_box ul li .img img{width:100%;height:auto;}
#mcont2-section .board_box ul li .txt {text-align:left;color:#666666;font-size:16px;padding-top:20px;}
#mcont2-section .board_box ul li .txt h4 {color:#000000;font-size:18px;padding:10px 0;}
#mcont2-section .board_box ul li .txt  span {font-size:14px;}
#mcont2-section a.bt_more {margin-top:50px;border:1px solid #cccccc;padding:15px 60px;font-size:18px;color:#000000;display: inline-table;border-radius: 30px;}

#mcont2-section .board_box ul.regular1 .slick-slide img {width:100%;max-width:263px;border:1px solid #cccccc;margin:0 auto;}
#mcont2-section .board_box ul.regular1 .arrow_prev {cursor:pointer;position:absolute;top:0px;left:0px;margin-top:70px;margin-left: -45px;}
#mcont2-section .board_box ul.regular1 .arrow_next {cursor:pointer;position:absolute;top:0px;right:0px;margin-top:70px;margin-right: -45px;}

@media screen and (max-width:1290px){
	#mcont2-section .board_box ul.regular1 {width:98%;margin:0 auto;}
	#mcont2-section .board_box ul.regular1 .arrow_prev {left:50%;top:unset;bottom:-50px;}
	#mcont2-section .board_box ul.regular1 .arrow_next {right:50%;top:unset;bottom:-50px;}
}

@media screen and (max-width:990px){
	#mcont2-section {padding: 70px 0;}
	#mcont2-section h2 {font-size:30px;}
	#mcont2-section span {font-size:14px;}
	#mcont2-section .board_box ul li .txt {font-size:14px;}
	#mcont2-section .board_box ul li .txt h4 {font-size:16px;}
	#mcont2-section .board_box ul li .txt  span {font-size:13px;}
}

@media screen and (max-width:700px){
	#mcont2-section {padding: 60px 0;}
	#mcont2-section h2 {font-size:25px;}
	#mcont2-section span {font-size:13px;}
/*	#mcont2-section .board_box ul li {width:50%;}*/
	#mcont2-section .board_box ul li .txt {padding-top:10px;padding-bottom:20px;}
	#mcont2-section a.bt_more { margin-top: 40px;padding: 12px 40px;}
	#mcont2-section .board_box ul.regular1 .arrow_prev,
	#mcont2-section .board_box ul.regular1 .arrow_next {bottom:-30px;}
}

@media screen and (max-width:600px){
	#mcont2-section {padding: 50px 0;}
	#mcont2-section h2 {font-size:22px;}
	#mcont2-section span {font-size:13px;}
/*	#mcont2-section .board_box ul li {width:50%;}*/
	#mcont2-section a.bt_more { margin-top: 30px;padding: 12px 40px;font-size:16px;}
	#mcont2-section .board_box ul.regular1 .arrow_prev,
	#mcont2-section .board_box ul.regular1 .arrow_next {bottom:-20px;}
	#mcont2-section .arrow_prev img, #mcont2-section .arrow_next img {width: 30px !important;}
}
@media screen and (max-width:500px){
	#mcont2-section .board_box {margin-top:30px;}
	#mcont2-section .board_box ul li .txt h4 {padding: 5px 0;}
	#mcont2-section a.bt_more { margin-top: 20px;padding: 10px 30px;font-size:14px;}
}
@media screen and (max-width:400px){
	#mcont2-section .board_box ul li .txt {font-size: 13px;}
	#mcont2-section .board_box ul li .txt span {font-size: 12px;}
    #mcont2-section .board_box ul li .txt h4 {font-size: 14px;padding:0px;}
}

#mcont3-section {width:100%;background-color:#efefef;clear:both;display:table;padding:40px 0;}
#mcont3-section ul {width:100%;max-width:1200px;margin:0 auto;}
#mcont3-section ul li.left_li {width:25%;float:left;}
#mcont3-section ul li.left_li a.txtbox {width:50%;margin-left:100px;display:block;font-size:14px;line-height:1.5}
#mcont3-section ul li.left_li a.txtbox h3 {border-bottom:1px solid #cccccc;font-size:18px;margin-bottom:7px;padding-bottom:5px;}
#mcont3-section ul li.left_li:nth-child(1) {background:url("../img/main/ico_banner01.jpg")center left no-repeat;}
#mcont3-section ul li.left_li:nth-child(2) {background:url("../img/main/ico_banner02.jpg")center left no-repeat;}
#mcont3-section ul li.left_li:nth-child(3) {background:url("../img/main/ico_banner03.jpg")center left no-repeat;}
#mcont3-section ul li.left_li:nth-child(4) {background:url("../img/main/ico_banner04.jpg")center left no-repeat;}

@media screen and (max-width:1000px){
	#mcont3-section ul li.left_li:nth-child(1) {background:url("../img/main/ico_banner01.jpg")center left 10px no-repeat;}
	#mcont3-section ul li.left_li:nth-child(2) {background:url("../img/main/ico_banner02.jpg")center left 10px no-repeat;}
	#mcont3-section ul li.left_li:nth-child(3) {background:url("../img/main/ico_banner03.jpg")center left 10px no-repeat;}
	#mcont3-section ul li.left_li:nth-child(4) {background:url("../img/main/ico_banner04.jpg")center left 10px no-repeat;}
	#mcont3-section ul li.left_li {width:49%;padding-left:1%;}
	#mcont3-section ul li.left_li:nth-child(3),
	#mcont3-section ul li.left_li:nth-child(4) {margin-top:3%;}
}
@media screen and (max-width:600px){
	#mcont3-section ul li.left_li {background-position:top center !important;}
	#mcont3-section ul li.left_li a.txtbox {width:100%;margin:0px;text-align:center;padding-top:35%;}
	#mcont3-section ul li.left_li:nth-child(1) {margin-bottom:10px;}
	#mcont3-section ul li.left_li:nth-child(2) {margin-bottom:10px;}

}
@media screen and (max-width:500px){
/*	#mcont3-section {padding:20px 0;}*/
/*	#mcont3-section ul li.left_li {width:48%;padding-left:2%;overflow:hidden;}*/
/*	#mcont3-section ul li.left_li a.txtbox {width:100%;margin-left:90px;}*/

}
@media screen and (max-width:400px){
	#mcont3-section ul li.left_li {background-size:70px !important;}
	#mcont3-section ul li.left_li a.txtbox h3 {font-size:14px;}
	#mcont3-section ul li.left_li a.txtbox {font-size:13px;line-height:1.4;}
}




#mcont4-section {width:100%;max-width:1200px;clear:both;display:table;margin:70px auto;}
#mcont4-section ul {}
#mcont4-section ul li.left_li {width:25%;float:left;color:#666666;line-height:1.5;font-size:15px;}
#mcont4-section ul li.left_li b {color:#000000;}
#mcont4-section ul li.left_li h3 {font-size:16px;margin-bottom:20px;}
#mcont4-section ul li.left_li .left_li_box {position:relative;}
#mcont4-section ul li.left_li .left_li_box span {position:absolute;z-index:1;padding:20px;font-size:14px;color:#ffffff;line-height:1.9;font-weight:500;}
#mcont4-section ul li.left_li .left_li_box span h3 {font-size:18px;}

@media screen and (max-width:1000px){
	#mcont4-section ul li.left_li {width:49%;padding-left:1%;}
	#mcont4-section ul li.left_li:nth-child(3),
	#mcont4-section ul li.left_li:nth-child(4) {margin-top:3%;}
}
@media screen and (max-width:500px){
	#mcont4-section {margin: 50px auto;}
	#mcont4-section ul li.left_li {width:100%;font-size:13px;}
	#mcont4-section ul li.left_li h3 {margin-bottom:10px;}
	#mcont4-section ul li.left_li:nth-child(2) {margin-top:5%;padding-top:10px;border-top:1px solid #cccccc;}
	#mcont4-section ul li.left_li:nth-child(3) {margin-top:5%;padding-top:10px;border-top:1px solid #cccccc;}
	#mcont4-section ul li.left_li:nth-child(4) {margin-top:5%;padding-top:10px;border-top:1px solid #cccccc;}
}



#mcont5-section {width:100%;max-width:1200px;margin:0 auto;clear:both;position:relative;}
#mcont5-section .slick-slide img {width:95%;max-width:218px;border:1px solid #cccccc;margin:0 auto;}
#mcont5-section .arrow_prev {cursor:pointer;position:absolute;top:0px;left:0px;margin-top:25px;margin-left: -45px;}
#mcont5-section .arrow_next {cursor:pointer;position:absolute;top:0px;right:0px;margin-top:25px;margin-right: -45px;}

@media screen and (max-width:1290px){
	#mcont5-section {width:98%;margin:0 auto;}
	#mcont5-section .arrow_prev {left:50%;top:unset;bottom:-50px;}
	#mcont5-section .arrow_next {right:50%;top:unset;bottom:-50px;}
}

.slider {width: 50%; margin: 100px auto;}
.slick-slide img {width: 100%;}
.slick-prev:before, .slick-next:before {color: black;}
.slick-slide {transition: all ease-in-out .3s; opacity: .2;}
.slick-active {opacity: 1;}
.slick-current {opacity: 1;}



.slick-slider .slick-prev {width:35px !important;height:55px !important;background:none !important;text-indent:unset !important;border:0px  !important;left:3% !important;}
.slick-slider .slick-next {width:35px !important;height:55px !important;background:none !important;text-indent:unset !important;border:0px  !important;right:3% !important;}