@charset "utf-8";

.mainSec{width:100%;}
.mainSec .secCont{ width:100%; max-width: 1200px; box-sizing: border-box; margin:0 auto; padding:150px 10px;}

/* main slide */
.mainVisual{height:100%; }
.pc .main_slide{height:100% !important;}
.main_slide {height:100%; position:relative;}
.main_slide ul {overflow:hidden; height:100%; position:relative;}
.main_slide .bxslide li {overflow:hidden; position:absolute; height:100%; width:100%;}
.main_slide .bxslide li .img {position:absolute; left:0; top:0; width:100%; height:100%; background-size: cover !important; transform:scale(1.03);}
.main_slide .bxslide li .img.on { animation:im 2s linear; animation-fill-mode: forwards;}
@keyframes im {
  from {transform:scale(1.03);}
  to {transform:scale(1);}
}
.main_slide .bxslide li .img img{display:none;}

/* .main_slide .bxslide li > img {width:100%;} */
.main_slide .bxslide li > .txt_box {  }
.main_slide .bxslide li > .txt_box > .txt {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; text-align:center; display:none; box-sizing: border-box; }
.main_slide .bxslide li.item01 > .txt_box > .txt {background: rgba(56,153,212,.25); padding:65px 10px; margin-top:130px;}
.main_slide .bxslide li.item02:after{content:""; display:block; width:1260px; height:115px; background-color:#fff; opacity: 0.6; position:absolute; left:50%; top:40px; margin-left:-630px;}
.main_slide .bxslide li.item02 > .txt_box > .txt {margin-top:-166px;}
.main_slide .bxslide li.item03 > .txt_box > .txt {background: rgba(51,51,51,.25); padding:65px 10px; margin-top:130px;}


.main_slide .bxslide li > .txt_box > .txt.on {animation:ms 2s linear; display:block;}
.main_slide .bxslide li > .txt_box > .txt > img {display:inline-block;}
@keyframes ms {
  from {transform:translateY(-20%); opacity:0;}
  to {transform:translateY(-50%); opacity:1;}
}
.main_slide .bx-controls{width:100%; max-width: 1180px;  box-sizing: border-box; position:absolute; left:50%; top:50%; margin-left:-590px;}
.main_slide .bx-controls .bx-pager {position:relative; z-index:1000;}
/* .main_slide .bx-wrapper .bx-pager.bx-default-pager a {margin:0 19px;} */
.main_slide .bx-wrapper{position:absolute; left:0; top:0; width:100%; height:100%;}
.main_slide .bx-wrapper .bx-viewport{position:absolute; left:0; top:0; width:100%; height:100% !important;}
.main_slide .bx-wrapper .bx-controls-direction{}
.main_slide .bx-wrapper .bx-controls-direction a {width:46px; height:79px; margin-top:92px;}
.main_slide .bx-wrapper .bx-prev {background:url('/ko/front/image/main/btn_prev.png') no-repeat center !important; left:0; margin-top:-30px;}
.main_slide .bx-wrapper .bx-next {background:url('/ko/front/image/main/btn_next.png') no-repeat center !important; right:0; margin-top:-30px;}

@media all and (max-width:1260px) {
	.main_slide .bxslide li.item02:after{width:100%; margin-left:0; left:0;}
}

@media all and (max-width:1180px) {
	.main_slide .bx-controls{left:0; margin-left:0;}
	.main_slide .bxslide li.item02:after{top:0; height:95px;}
	.mainVisual{width:auto !important; height:auto !important;}
	.main_slide .bxslide li .img .moImg{display:none; width:100%;}
	.main_slide .bxslide li .img .tabletImg{display:block; width:100%;}
	.main_slide{overflow: hidden}
	.main_slide .bx-wrapper .bx-viewport{overflow:initial !important;}
	.main_slide ul{overflow: initial !important}
	.main_slide .bxslide li{overflow: initial !important}
	.main_slide .bxslide li.item01 > .txt_box > .txt {background: rgba(56,153,212,.25); padding:25px 50px; margin-top:80px;}
	.main_slide .bxslide li.item02 > .txt_box > .txt {margin-top:-0px; padding:0 50px;}
	.main_slide .bxslide li.item03 > .txt_box > .txt {background: rgba(51,51,51,.25);  padding:25px 50px; margin-top:80px;}
	.main_slide .bx-wrapper .bx-controls-direction a{margin-top:42px;}
}

@media all and (max-width:765px) {
	.main_slide .bxslide li.item02:after{display:none;}
	.main_slide .bxslide li .img .tabletImg{display:none; width:100%;}
	.main_slide .bxslide li .img .moImg{display:block; width:100%;}
	.main_slide .bxslide li.item01 > .txt_box > .txt {background: rgba(56,153,212,.25); padding:25px 50px; margin-top:80px;}
	.main_slide .bxslide li.item02 > .txt_box > .txt {margin-top:-41px; padding:0 50px;}
	.main_slide .bxslide li.item03 > .txt_box > .txt {background: rgba(51,51,51,.25);  padding:25px 50px; margin-top:80px;}
	.main_slide .bx-wrapper .bx-controls-direction a{margin-top:64px; width:18px; height:30px; background-size: cover !important;}
	.main_slide .bx-wrapper .bx-prev{left:10px;}
	.main_slide .bx-wrapper .bx-next{ right:10px; }
}

.sec01{background-color:#e5effa; position:relative; overflow:hidden;}
.sec01 .mainSecInner{padding-left:380px; position:relative;}
.sec01 .mainSecInner .titBx{position:absolute; left:0; top:50%; -webkit-transform:translate(0, -50%); transform:translate(0, -50%);}
.sec01 .mainSecInner .titBx .tit {padding-top:58px; position:relative; display: inline-block;}
.sec01 .mainSecInner .titBx .tit:after{content:""; display:block; position:absolute; left:-20px; top:-20px; 
	border-top: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #3899d4;
	transform: rotate(225deg);
}
.sec01 .mainSecInner .titBx .tit > strong{ font-size:40px; color:#333; letter-spacing:-2px; display:block;}
.sec01 .mainSecInner .titBx .tit > strong span{color:#3899d4;}
.sec01 .mainSecInner .titBx .tit > span {display:block; font-size:20px; color:#676767; font-weight:normal; padding-top:16px; letter-spacing:-1px;}

.sec01 .mainSecInner .sec01Cont {text-align: center; padding:128px 0; position:relative;}
.sec01 .mainSecInner .sec01Cont .sec01Inner {display: inline-block; position:relative;}
.sec01 .mainSecInner .sec01Cont .item{line-height:1.4; display:block; 
	width:210px; border:5px solid #fff; border-radius: 15px; padding:16px 10px; box-sizing: border-box;
	-webkit-transition:all 100ms linear;
	-moz-transition:all 100ms linear;
	-o-transition:all 100ms linear;
	-ms-transition:all 100ms linear;
	transition:all 100ms linear;
}
.sec01 .mainSecInner .sec01Cont li:hover .item{
	z-index: 3;
	background-color:#fafafa;
	-webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.2);
}


.sec01 .mainSecInner .sec01Cont .item strong{display:block; font-size:20px; color:#333; font-family: 'NotoKrM', sans-serif;-webkit-transition:all 100ms linear;
	-moz-transition:all 100ms linear;
	-o-transition:all 100ms linear;
	-ms-transition:all 100ms linear;
	transition:all 100ms linear;}
.sec01 .mainSecInner .sec01Cont li:hover .item strong{color:#3899d4;  transform:scale(1.06);}
.sec01 .mainSecInner .sec01Cont .item span{display:block; font-size:14px; color:#676767; padding-top:8px; font-family: 'NotoKrR', sans-serif;-webkit-transition:all 100ms linear;
	-moz-transition:all 100ms linear;
	-o-transition:all 100ms linear;
	-ms-transition:all 100ms linear;
	transition:all 100ms linear;}
.sec01 .mainSecInner .sec01Cont li:hover .item span{ transform:scale(1.06);}
.sec01 .mainSecInner .sec01Cont .item.item01 {position:absolute; left:50%; top:-121px; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); text-align: center; width:250px;}
.sec01 .mainSecInner .sec01Cont .item.item02 {position:absolute; right:-210px; top:50px; text-align: left}
.sec01 .mainSecInner .sec01Cont .item.item03 {position:absolute; right:-210px; top:280px; text-align: left}
.sec01 .mainSecInner .sec01Cont .item.item04 {position:absolute; left:50%; bottom:-121px; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); text-align: center;}
.sec01 .mainSecInner .sec01Cont .item.item05 {position:absolute; left:-190px; top:280px; text-align: right; width:183px;}
.sec01 .mainSecInner .sec01Cont .item.item06 {position:absolute; left:-190px; top:50px; text-align: right; width:183px;}

@media all and (max-width:1180px) {
	.sec01 .mainSecInner{padding-left:0;}
	.sec01 .mainSecInner .titBx{position:static; -webkit-transform:translate(0,0); transform:translate(0,0); text-align: center; padding-bottom:30px;}
	.sec01 .mainSecInner .sec01Cont .sec01Inner .img img{height:330px;}
	.sec01 .mainSecInner .sec01Cont .item.item01{left:50%; top:-121px;}
	.sec01 .mainSecInner .sec01Cont .item.item02{right:-250px; top:30px;}
	.sec01 .mainSecInner .sec01Cont .item.item03{right:-250px; top:190px;}
	.sec01 .mainSecInner .sec01Cont .item.item04{left:50%; bottom:-121px;}
	.sec01 .mainSecInner .sec01Cont .item.item05{left:-203px; top:190px;}
	.sec01 .mainSecInner .sec01Cont .item.item06{left:-203px; top:30px;}
}

@media all and (max-width:765px) {
	.mainSec .secCont{padding:40px 0;}
	.sec01 .mainSecInner .titBx{padding-bottom:0;}
	.sec01 .mainSecInner .titBx .tit{padding-top:28px;}
	.sec01 .mainSecInner .titBx .tit:after{
		left:-10px; top:-10px;
		border-top: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 10px solid #3899d4;
	}
	.sec01 .mainSecInner .titBx .tit > strong{font-size:30px;}
	.sec01 .mainSecInner .titBx .tit > span {font-size:15px;}

	.sec01 .mainSecInner .sec01Cont{overflow:hidden;}
	.sec01 .mainSecInner .sec01Cont .item{border:2px solid #fff;  padding:5px 5px; letter-spacing:0;}
	.sec01 .mainSecInner .sec01Cont .item strong{font-size:14px;}
	.sec01 .mainSecInner .sec01Cont .item span{font-size:12px;}
	.sec01 .mainSecInner .sec01Cont .sec01Inner .img img{height:180px;}
	.sec01 .mainSecInner .sec01Cont .item.item01{left:50%; top:-90px; width:200px;}
	.sec01 .mainSecInner .sec01Cont .item.item02{right:-140px; top:0px; width:130px; z-index: 2}
	.sec01 .mainSecInner .sec01Cont .item.item03{right:-140px; top:115px; width:130px; z-index: 2}
	.sec01 .mainSecInner .sec01Cont .item.item04{left:50%; bottom:-90px;width:200px;}
	.sec01 .mainSecInner .sec01Cont .item.item05{left:-140px; top:115px;width:130px; z-index: 2}
	.sec01 .mainSecInner .sec01Cont .item.item06{left:-140px; top:0px;width:130px; z-index: 2}
	.sec01 .mainSecInner .sec01Cont .item.item02 br,
	.sec01 .mainSecInner .sec01Cont .item.item03 br,
	.sec01 .mainSecInner .sec01Cont .item.item05 br,
	.sec01 .mainSecInner .sec01Cont .item.item06 br{display:none;}
}

@media all and (max-width:460px) {
	.sec01 .mainSecInner .sec01Cont .sec01Inner .img img{height:120px;}
	.sec01 .mainSecInner .sec01Cont .item.item01{left:50%; top:-90px; width:200px;}
	.sec01 .mainSecInner .sec01Cont .item.item02{right:-110px; top:-35px; width:110px; z-index: 2}
	.sec01 .mainSecInner .sec01Cont .item.item03{right:-110px; top:65px; width:110px; z-index: 2}
	.sec01 .mainSecInner .sec01Cont .item.item04{left:50%; bottom:-90px;width:200px;}
	.sec01 .mainSecInner .sec01Cont .item.item05{left:-110px; top:65px;width:110px; z-index: 2}
	.sec01 .mainSecInner .sec01Cont .item.item06{left:-110px; top:-35px;width:110px; z-index: 2}
}


.mainSec.sec02 .secCont{max-width: 100%; padding-left:0; padding-right:0;}
.mainSec.sec02 .secCont .swiper-pagination{display:none;}
.mainSec.sec02{position:relative; overflow:hidden; }
.mainSec.sec02:after{content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; -webkit-transform:translate(0, 50%); transform:translate(0, 50%); background-color:#e5effa; margin-top:49px;}
.sec02 .mainSecInner .titBx{text-align: center; padding-bottom:20px;}
.sec02 .mainSecInner .titBx .tit {padding-top:22px; position:relative; display: inline-block;}
.sec02 .mainSecInner .titBx .tit:after{content:""; display:block; position:absolute;width:80px; height:3px; background-color:#3899d4; position:absolute; left:50%; top:0; margin-left:-40px;}
.sec02 .mainSecInner .titBx .tit > strong{ font-size:40px; color:#333; letter-spacing:-2px; display:block;}
.sec02 .mainSecInner .titBx .tit > strong span{color:#3899d4;}
.sec02 .mainSecInner .titBx .tit > span {display:block; font-size:20px; color:#676767; font-weight:normal; padding-top:16px; letter-spacing:-1px;}

.sec02 .sec02Swiper{padding:30px 10px; max-width: 1200px; box-sizing: border-box; margin:0 auto;}
.sec02 .sec02Swiper .swiper-slide > a{
	display:block;
	background-color:#fff;
	-webkit-transition:all 100ms linear;
	-moz-transition:all 100ms linear;
	-o-transition:all 100ms linear;
	-ms-transition:all 100ms linear;
	transition:all 100ms linear;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);
}
.sec02 .sec02Swiper .swiper-slide > a:hover{
	-moz-transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-o-transform: scale(1.06);
	-ms-transform: scale(1.06);
	transform: scale(1.06);
}
.sec02 .sec02Swiper .swiper-slide > a .img{display:block; background-size: cover !important;}
.sec02 .sec02Swiper .swiper-slide > a .img img{display:block; width:100%;}
.sec02 .sec02Swiper .swiper-slide .txWrap{display:block; height:217px; box-sizing: border-box; padding:20px; position:relative;}
.sec02 .sec02Swiper .swiper-slide .txWrap .cate{display: inline-block; min-width: 140px; box-sizing: border-box; background-color:#3899d4; text-align: center; padding:7px; font-size:17px; color:#ffffff; font-weight:bold; letter-spacing:-1px; font-family: 'NotoKrB', sans-serif;}
.sec02 .sec02Swiper .swiper-slide .txWrap .tx{display:block; font-size:14px; color:#676767; line-height:1.4;  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; height:40px; margin-top:18px; font-family: 'NotoKrR', sans-serif;}
.sec02 .sec02Swiper .swiper-slide .txWrap .more{font-size:13px; color:#3899d4;  position:absolute; left:20px; bottom:20px;}
.sec02 .buttonWrap{width:100%; max-width: 1180px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); z-index: 11; margin-top:46px;}
.sec02 .swiper-button-next,
.sec02 .swiper-button-prev{width:25px; height:50px;}
.sec02 .swiper-button-prev{background:url('/ko/front/image/main/sec02_prev.png') no-repeat center !important; margin-left:-90px; left:0;}
.sec02 .swiper-button-next{background:url('/ko/front/image/main/sec02_next.png') no-repeat center !important; margin-right:-90px; right:0;}

@media all and (max-width:1380px) {
	.sec02 .swiper-button-prev{display:none;}
	.sec02 .swiper-button-next{display:none;}
	.sec02 .sec02Swiper{}
}

@media all and (max-width:765px) {
	.sec02 .mainSecInner .titBx{padding-bottom:0;}
	.sec02 .mainSecInner .titBx .tit > strong{font-size:30px;}
	.sec02 .mainSecInner .titBx .tit > span {font-size:15px;}
	.sec02 .sec02Swiper .swiper-slide .txWrap{height:180px;}
	.sec02 .sec02Swiper .swiper-slide .txWrap .cate{font-size:14px; min-width:100%;}
	.sec02 .sec02Swiper .swiper-slide .txWrap .tx{font-size:12px; margin-top:10px; height:34px;}
	.sec02 .sec02Swiper .swiper-slide .txWrap .more{font-size:12px;}
	.mainSec.sec02 .secCont .swiper-pagination{display:block;}
}

.sec03{position:relative; }
.mainSec.sec03 .secCont .swiper-pagination{display:none; margin-top:30px; position: static;}
.mainSec.sec03 .sec03Cont{position:relative;}
.mainSec.sec03 .sec03Cont .sec03Swiper:after{content:""; display:block; width:380px; height:537px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background-color:#3899d4;}
.mainSec.sec03 .sec03Cont .sec03Swiper .socialItem {text-align: left; display:block; height:447px; box-sizing: border-box; padding-bottom:55px; position:relative;}
.mainSec.sec03 .sec03Cont .sec03Swiper .socialItem .socialTitle strong{font-family:Arial, sans-serif; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; color:#333; padding:0 20px 0 50px; height:50px; line-height:50px;}
.mainSec.sec03 .sec03Cont .sec03Swiper .socialItem .socialTitle strong:after{content:""; display:block; width:22px; height:22px; position:absolute; left:20px; top:14px; background:url('/ko/front/image/main/icn_social.png') no-repeat 0 0}
.mainSec.sec03 .sec03Cont .sec03Swiper .socialItem .social_image {max-height: 260px; overflow: hidden}
.mainSec.sec03 .sec03Cont .sec03Swiper .socialItem .social_text {display:block; font-size:14px; color:#454545; line-height:20px; padding:0 15px; margin-top:15px; font-family: 'NotoKrR', sans-serif; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; line-clamp:4; -webkit-box-orient:vertical; height:80px;}
.mainSec.sec03 .sec03Cont .sec03Swiper .socialItem .social_bottom {position:absolute; left:0; bottom:0; width:100%; box-sizing: border-box; padding:0 20px;}
.mainSec.sec03 .sec03Cont .sec03Swiper .socialItem .social_bottom .bottom_inner {padding:10px 0 14px; border-top:1px solid #ddd;}
.mainSec.sec03 .sec03Cont .sec03Swiper .socialItem .social_bottom .bottom_inner > span{display: inline-block; vertical-align:middle; position:relative; font-family: 'NotoKrL', sans-serif; font-size:12px; margin-right:10px;}
.mainSec.sec03 .sec03Cont .sec03Swiper .socialItem .social_bottom .bottom_inner > span:after{content:""; display:block; position:absolute; left:0;}
.mainSec.sec03 .sec03Cont .sec03Swiper .socialItem .social_bottom .bottom_inner > span.like_num{padding-left:17px;}
.mainSec.sec03 .sec03Cont .sec03Swiper .socialItem .social_bottom .bottom_inner > span.like_num:after{top:1px; width:13px; height:12px; background:url('/ko/front/image/main/ico_like.gif') no-repeat 0 0}
.mainSec.sec03 .sec03Cont .sec03Swiper .socialItem .social_bottom .bottom_inner > span.reply_num{ padding-left:15px;}
.mainSec.sec03 .sec03Cont .sec03Swiper .socialItem .social_bottom .bottom_inner > span.reply_num:after{top:1px; width:11px; height:12px; background:url('/ko/front/image/main/ico_reply.gif') no-repeat 0 0}

/*main_news*/
.mainSec.sec03 .sec03Cont{margin-top:60px;}
.s3bg{background:#ebf5fb;position:absolute;width:100%;height:320px;top:270px;left:0;z-index:-1;}
.s3L{width:580px;float:left;}
.s3L > .htit{font-size:18px;color:#080808;font-family: 'NotoKrM', sans-serif;margin-bottom:20px;font-weight:bold;letter-spacing:-1px;}
.s3L > ul{font-size:0;margin-left:-20px;}
.s3L > ul li{background:#fff;display:inline-block;margin-left:20px;width:calc(50% - 20px);border-radius:10px;box-shadow:2px 2px 10px rgba(0, 0, 0, 0.2);padding:20px 0;}
.s3L > ul li a{display:block;}
.s3L > ul li a > img{width:100%;}
.s3L > ul li a > p{padding:0 20px;}
.s3L > ul li a > p.tob{font-family: 'NotoKrM', 'Arial', sans-serif;margin-top:20px;font-size:16px;color:#333333;font-weight:bold;}
.s3L > ul li a > p.tob img{display:inline-block;vertical-align:middle;}
.s3L > ul li a > p.tit{color:#050505;font-size:16px;font-family: 'NotoKrM', 'Arial', sans-serif;margin-top:20px;line-height:23px;letter-spacing:-1px;}
.s3L > ul li a > p.txt{color:#616161;font-weight:14px;font-family: 'NotoKrR', 'Arial', sans-serif;margin-top:15px;line-height:21px;letter-spacing:-1px;}

.s3R{width:580px;float:right;}
.s3R > .htit{font-size:18px;color:#080808;font-family: 'NotoKrM', sans-serif;margin-bottom:20px;font-weight:bold;letter-spacing:-1px;}
.s3R > ul{background:#fff;font-size:0;padding:20px;box-shadow:2px 2px 10px rgba(0, 0, 0, 0.2);border-radius:10px;position:relative;}
.s3R > ul > li{display:inline-block;width:calc(50% - 20px);height:343px;}
.s3R > ul > li:first-child{margin-right:40px;}
.s3R > ul > li:first-child:after{content:'';position:absolute;width:1px;height:367px;background:#dfdfdf;left:50%;top:20px;}
.s3R > ul > li > a img{width:100%;}
.s3R > ul > li > a p.box{margin:20px 0 16px;background:#3899d4;padding:7px;font-size:14px;font-family: 'NotoKrR', sans-serif;color:#fff;text-align:center;letter-spacing:-1px;line-height:18px;}
.s3R > ul > li > a p.tit{color:#050505;font-size:16px;font-family: 'NotoKrM', sans-serif;letter-spacing:-1px;line-height:21px;}
.s3R > ul > li > a p.txt{color:#616161;font-size:14px;font-family: 'NotoKrR', sans-serif;letter-spacing:-1px;margin-top:15px;line-height:21px;}

@media all and (max-width:765px) {
	.s3L{width:calc(100% - 20px);margin:0 auto;float:none;}
	.s3R{width:calc(100% - 20px);margin:0 auto;float:none;margin-top:50px;}
	.s3bg{top:140px;}
	.s3L > ul{font-size:0;margin-left:-10px;}
	.s3L > ul li{margin-left:10px;width:calc(50% - 10px);vertical-align:top;}
	.s3R > ul > li{width:calc(50% - 10px);}
	.s3R > ul > li:first-child{margin-right:20px;}
}
@media all and (max-width:470px) {

}


.sec03 .mainSecInner .titBx{text-align: center; padding-bottom:35px;}
.sec03 .mainSecInner .titBx .tit { position:relative; display: inline-block;}
.sec03 .mainSecInner .titBx .tit > strong{ font-size:40px; color:#333; letter-spacing:-2px; display:block;}
.sec03 .mainSecInner .titBx .tit > strong span{color:#3899d4;}
.sec03 .mainSecInner .titBx .tit > span {display:block; font-size:20px; color:#676767; font-weight:normal; padding-top:16px; letter-spacing:-1px;}

.sec03 .sec03Swiper{padding:30px 10px; max-width: 1200px; box-sizing: border-box; margin:0 auto;}
.sec03 .sec03Swiper .swiper-slide{
	border-radius: 10px !important;
	position:relative;
	overflow: hidden;
	text-align: center;
	background-color:#fff;
	-webkit-transition:all 100ms linear;
	-moz-transition:all 100ms linear;
	-o-transition:all 100ms linear;
	-ms-transition:all 100ms linear;
	transition:all 100ms linear;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);
}
.sec03 .sec03Swiper .swiper-slide > a:after{content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background-color:#fff; opacity: .6; 
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	transition:all 300ms linear;
}
.sec03 .sec03Swiper .swiper-slide.on{
	-moz-transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-o-transform: scale(1.06);
	-ms-transform: scale(1.06);
	transform: scale(1.06);
}
.sec03 .sec03Swiper .swiper-slide.on > a:after{opacity: 0}
.sec03 .sec03Swiper .swiper-slide > a .img{display:block; background-size: cover !important;}
.sec03 .sec03Swiper .swiper-slide > a .img img{display:block; width:100%;}
.sec03 .sec03Swiper .swiper-slide .txWrap{display:block; height:217px; box-sizing: border-box; padding:20px; position:relative;}
.sec03 .sec03Swiper .swiper-slide .txWrap .cate{display: inline-block; min-width: 140px; box-sizing: border-box; background-color:#3899d4; text-align: center; padding:7px; font-size:17px; color:#ffffff; font-weight:bold; letter-spacing:-1px;}
.sec03 .sec03Swiper .swiper-slide .txWrap .tx{display:block; font-size:14px; color:#676767; line-height:1.4;  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; height:40px; margin-top:18px;}
.sec03 .sec03Swiper .swiper-slide .txWrap .more{font-size:13px; color:#3899d4;  position:absolute; left:20px; bottom:20px;}
.sec03 .sec03Swiper .swiper-button-next,
.sec03 .buttonWrap{width:100%; max-width: 1180px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); z-index: 11; margin-top:46px;}
.sec03 .swiper-button-next,
.sec03 .swiper-button-prev{width:82px; height:82px; margin-top:-41px;}
.sec03 .swiper-button-prev{background:url('/ko/front/image/main/sec03_prev.png') no-repeat center !important; margin-left:-90px; left:0;}
.sec03 .swiper-button-next{background:url('/ko/front/image/main/sec03_next.png') no-repeat center !important; margin-right:-90px; right:0;}

@media all and (max-width:1380px) {
	.sec03 .swiper-button-prev{display:none;}
	.sec03 .swiper-button-next{display:none;}
	.sec03 .sec03Swiper{}
}

@media all and (max-width:1030px) {
	.mainSec.sec03 .sec03Cont .sec03Swiper .socialItem{height:400px;}
}

@media all and (max-width:896px) {
	.mainSec.sec03 .sec03Cont .sec03Swiper .socialItem{height:380px;}
}

@media all and (max-width:765px) {
	.sec03 .mainSecInner .titBx .tit > strong{font-size:30px;}
	.sec03 .mainSecInner .titBx .tit > span{font-size:15px;}
	.sec03 .sec03Swiper{padding-top:20px; padding-bottom:20px;}
	.mainSec.sec03 .sec02Cont .sec03Swiper:after{width:60%; height:100%;}
	.sec03 .sec03Swiper .swiper-slide.on{
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	.sec03 .sec03Swiper .swiper-slide > a:after{display:none;}
	.mainSec.sec03 .secCont .swiper-pagination{display:block;}
	.mainSec.sec03 .sec03Cont .sec03Swiper:after{width:50%; height:100%;}
	.mainSec.sec03 .sec03Cont .sec03Swiper .socialItem{height:auto;}
}


.mainSec.sec04{position:relative; overflow:hidden; }
.mainSec.sec04:after{content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); background-color:#e5effa; margin-top:-49px;}
.mainSec.sec04 .secCont{ position:relative; z-index: 2; padding-top:0; padding-bottom:0; margin-bottom:158px;}
.mainSec.sec04 .secCont .sec02Box{
	position:relative;
	background-color:#fff;
	padding:40px 70px 50px;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);
}
.mainSec.sec04 .secCont .sec02Box:before{content:""; display:block; width:100%; height:50%; background-color:#3899d4; position:absolute; right:-80px; bottom:-80px; z-index: -1}
.mainSec.sec04 .secCont .sec02Inner{display: table; table-layout: fixed; width:100%;}
.mainSec.sec04 .secCont .sec02Inner .mapBox{display: table-cell; vertical-align:top; padding:0 10px;}
.mainSec.sec04 .secCont .sec02Inner .mapBox .mapTitle .tit{font-size:40px; color:#333; padding-bottom:15px;}
.mainSec.sec04 .secCont .sec02Inner .mapBox .mapTitle .tit span{color:#3899d4;}
.mainSec.sec04 .secCont .sec02Inner .mapBox .mapTitle .tx {font-size:16px; color:#676767; line-height:1.6; font-family: 'NotoKrR', sans-serif;}
.mainSec.sec04 .secCont .sec02Inner .mapBox .mapArea {margin-top:25px;}
.mainSec.sec04 .secCont .sec02Inner .mapBox .mapArea .map-responsive {padding-bottom:0; height:318px;}
.mainSec.sec04 .secCont .sec02Inner .appArea{display: table-cell; vertical-align:top; padding:0 10px; line-height:1.4;}
.mainSec.sec04 .secCont .sec02Inner .appArea .addBx > p{ padding-left:56px;background:url('/ko/front/image/main/icn_map.png') no-repeat 3px 6px; background-size: 26px 32px; border-bottom:1px solid #dfdfdf; padding-bottom:11px;}
.mainSec.sec04 .secCont .sec02Inner .appArea .addBx strong{display:block; font-size:15px; color:#676767; font-family: 'NotoKrR', sans-serif;}
.mainSec.sec04 .secCont .sec02Inner .appArea .addBx span{display:block; font-size:16px; color:#333333;  font-weight:bold; padding-top:3px; font-family: 'NotoKrM', sans-serif;}

.mainSec.sec04 .secCont .sec02Inner .appArea .callBx{margin-top:10px;}
.mainSec.sec04 .secCont .sec02Inner .appArea .callBx > p{ padding-left:56px;background:url('/ko/front/image/main/icn_call.png') no-repeat 0 6px; background-size: 32px 32px;  padding-bottom:11px;}
.mainSec.sec04 .secCont .sec02Inner .appArea .callBx strong{display:block; font-size:20px; color:#3899d4; font-family: 'NotoKrR', sans-serif;}
.mainSec.sec04 .secCont .sec02Inner .appArea .callBx span{display:block; font-size:14px; color:#333333; padding-top:3px; font-family: 'NotoKrR', sans-serif;}
.mainSec.sec04 .secCont .sec02Inner .appArea .inpItem {margin-bottom:9px;}
.mainSec.sec04 .secCont .sec02Inner .appArea .inpItem .inpType01{height:60px; line-height:60px; width:100%; font-size:15px;}
.mainSec.sec04 .secCont .sec02Inner .appArea .inpItem .inputStyle{height:104px;}
.mainSec.sec04 .secCont .sec02Inner .appArea .buttonBx{padding-top:4px;}
.mainSec.sec04 .secCont .sec02Inner .appArea .buttonBx button{font-size:17px; color:#fff; text-align: center; width:100%; background-color:#3899d4; height:60px; font-family: 'NotoKrM', sans-serif;}


@media all and (max-width:765px) {
	.mainSec.sec04 .secCont{padding-left:10px; padding-right:10px; margin-bottom:100px;}
	.mainSec.sec04 .secCont .sec02Box{padding:25px 20px;}
	.mainSec.sec04 .secCont .sec02Box:before{right:-40px; bottom:-40px;}
	.mainSec.sec04 .secCont .sec02Inner .mapBox{display:block;  padding:0;}
	.mainSec.sec04 .secCont .sec02Inner .mapBox .mapTitle .tit{font-size:25px;}
	.mainSec.sec04 .secCont .sec02Inner .mapBox .mapTitle .tx{font-size:14px;}
	.mainSec.sec04 .secCont .sec02Inner .appArea{display:block; padding:0; margin-top:35px;}
	.mainSec.sec04 .secCont .sec02Inner .appArea .addBx > p{padding-left:45px;}
	.mainSec.sec04 .secCont .sec02Inner .appArea .addBx strong{font-size:13px;}
	.mainSec.sec04 .secCont .sec02Inner .appArea .addBx span{font-size:14px;}
	.mainSec.sec04 .secCont .sec02Inner .appArea .callBx > p{padding-left:45px;}
	.mainSec.sec04 .secCont .sec02Inner .appArea .callBx strong{font-size:18px;}
	.mainSec.sec04 .secCont .sec02Inner .appArea .callBx span{font-size:14px;}
	.mainSec.sec04 .secCont .sec02Inner .appArea .buttonBx button{font-size:14px;}
}