@charset "utf-8";

body{overflow-x: hidden;}
.div-cont {text-align:left;margin:0 auto; max-width:1440px; padding:0 20px; box-sizing:border-box; font-family:'NotoKrM';}
.div-cont:after {clear:both;content:"";display:block;}

.main-wrap{padding-top:148px}
@charset "utf-8";

body{overflow-x: hidden;}
.div-cont {text-align:left;margin:0 auto; max-width:1440px; padding:0 20px; box-sizing:border-box; font-family:'NotoKrM';}
.div-cont:after {clear:both;content:"";display:block;}

.main-wrap{padding-top:148px}

	@media all and (max-width:1600px){
		.main-wrap{width:100%; overflow-x:hidden;}
	}
	@media all and (max-width:1000px){
		.main-wrap{padding-top:80px}
	}
	@media all and (max-width:480px){
		.main-wrap{padding-top:55px}
	}
	
/* ======================================================
   .msec-visual
=========================================================*/
.msec-visual{position:relative; max-width:2000px; margin:0 auto; box-sizing:border-box;}
.msec-visual .visual .swiper-slide{position:relative;}
.msec-visual .visual .swiper-slide .img{ overflow:hidden;}
.msec-visual .visual .swiper-slide .img img{width:100%;height:655px;object-fit:cover;transform:scale(1.35, 1.35); -webkit-transform:scale(1.3, 1.3); -moz-transform:scale(1.3, 1.3); -ms-transform:scale(1.3, 1.3);-webkit-transition: transform 4s ease-in-out;-moz-transition: transform 4s ease-in-out;-o-transition: transform 4s ease-in-out;transition: transform 4s ease-in-out;}
.msec-visual .visual .swiper-slide-active .img img{transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}

.msec-visual .visual .swiper-slide .txt{position:absolute; width:100%; max-width:1440px; padding:0 20px; left:50%; top:195px;box-sizing:border-box;-webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0);  -ms-transform: translate(-50%, 0);  -o-transform: translate(-50%, 0);  transform: translate(-50%, 0);}
.msec-visual .visual .swiper-slide .txt p{font-size:80px; line-height:1.2em;  color:#fff; font-weight:800; font-family: 'NanumMyeongjoB';text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6) ; -webkit-text-shadow:1px 1px 0 rgba(0, 0, 0, 0.6) ; -moz-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px); -ms-transform:translateY(40px);-o-transform:translateY(40px);-webkit-transition: opacity 0.5s ease-out, transform 0.5s ease-out;-moz-transition:opacity 0.5s ease-out, transform 0.5s ease-out;-o-transition: opacity 0.5s ease-out, transform 0.5s ease-out;transition: opacity 0.5s ease-out, transform 0.5s ease-out;}
.msec-visual .visual .swiper-slide .txt a{margin-top:32px;display:inline-block;vertical-align:top; line-height:40px; border-radius:40px; color:#fff; padding:0 20px; font-size:15px; font-weight:400;background:rgba(0,0,0,0.5);opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px); -ms-transform:translateY(40px);-o-transform:translateY(40px);-webkit-transition: opacity 0.5s ease-out, transform 0.5s ease-out;-moz-transition:opacity 0.5s ease-out, transform 0.5s ease-out;-o-transition: opacity 0.5s ease-out, transform 0.5s ease-out;transition: opacity 0.5s ease-out, transform 0.5s ease-out;}
.msec-visual .visual .swiper-slide .txt a span{background:url(/images/eng/images/main/visual-contact.png) no-repeat left calc(50% + 1px); background-size:auto 16px; padding-left:20px;}
.msec-visual .visual .swiper-slide .txt a:hover{background:#111;}

.msec-visual .visual .swiper-slide-active .txt p{transition-delay: 0.2s; opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}
.msec-visual .visual .swiper-slide-active .txt a{transition-delay: 0.4s; opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}
   @media all and (max-width:1840px){
		
		
   }
   @media all and (max-width:1660px){
		
		
   }
   @media all and (max-width:1440px){
		
		.msec-visual .visual .swiper-slide .img img{height:620px;}
		.msec-visual .visual .swiper-slide .txt{top:170px}
		.msec-visual .visual .swiper-slide .txt p{font-size:72px;}
		.msec-visual .visual .swiper-slide .txt a{margin-top:26px; line-height:35px; border-radius:35px; padding:0 17px; font-size:14px;}
		.msec-visual .visual .swiper-slide .txt a span{padding-left:20px; background-size:14px auto;}
   }
   @media all and (max-width:1220px){
		
		.msec-visual .visual .swiper-slide .img img{height:580px;}
		.msec-visual .visual .swiper-slide .txt{top:150px}
		.msec-visual .visual .swiper-slide .txt p{font-size:64px;}
   }
   @media all and (max-width:1000px){
		.msec-visual .visual .swiper-slide .img img{height:540px;}
		.msec-visual .visual .swiper-slide .txt{top:140px}
		.msec-visual .visual .swiper-slide .txt{text-align:center;}
		.msec-visual .visual .swiper-slide .txt p{font-size:56px;}

		.msec-visual .visual .swiper-slide .txt a{margin-top:20px; line-height:30px; border-radius:30px; padding:0 17px; font-size:13px;}
		.msec-visual .visual .swiper-slide .txt a span{padding-left:18px; background-size:10px auto;}
   }
   @media all and (max-width:680px){
		.msec-visual .visual .swiper-slide .img img{height:480px;}
		.msec-visual .visual .swiper-slide .txt{top:130px}
		.msec-visual .visual .swiper-slide .txt p{font-size:44px;}
		.msec-visual .visual .swiper-slide .txt a{font-size:12px;}
   }
   @media all and (max-width:480px) {
		.msec-visual .visual .swiper-slide .img img{height:420px;}
		.msec-visual .visual .swiper-slide .txt{top:120px}
		.msec-visual .visual .swiper-slide .txt p{font-size:36px;}
		.msec-visual .visual .swiper-slide .txt a{margin-top:14px;}
		
   }	
.msec-visual .visual .visual-ctrl{position:absolute; width:100%; max-width:1440px; padding:0 20px; z-index:5523; left:50%; bottom:120px;box-sizing:border-box;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.msec-visual .visual .visual-ctrl:after{display:block ;content:"";clear:both;}
.msec-visual .visual .visual-ctrl .visual-paging{float:left;}
.msec-visual .visual .visual-ctrl .visual-paging:after{display:block ;content:"";clear:both;}
.msec-visual .visual .visual-ctrl .swiper-pagination-bullet{float:left;width:18px;height:18px; background:none; position:relative; display:block; cursor:pointer; opacity:0.7}
.msec-visual .visual .visual-ctrl .swiper-pagination-bullet:nth-child(n+2){margin-left:7px; }
.msec-visual .visual .visual-ctrl .swiper-pagination-bullet:after{position:absolute;  width:10px; height:10px; border-radius:100%; box-sizing:Border-box; background:#fff;display:block; content:"";left:50%; top:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.msec-visual .visual .visual-ctrl .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;}
.msec-visual .visual .visual-ctrl .swiper-pagination-bullet.swiper-pagination-bullet-active:after{position:Absolute; left:0; top:0; width:100%; height:100%; border-radius:100%; box-sizing:Border-box;background:none; border:5px solid #fff; display:block; content:"";-webkit-transform: translate(0, 0); -moz-transform: translate(0, 0);  -ms-transform: translate(0, 0);  -o-transform: translate(0, 0);  transform: translate(0, 0);}

.msec-visual .visual .visual-ctrl .visual-stop, .msec-visual .visual .visual-ctrl .visual-play{margin-left:15px; width:18px;height:18px; position:relative; float:left;}
.msec-visual .visual .visual-ctrl .visual-stop{background:url(/images/eng/images/main/visual-stop.png) no-repeat center center;}
.msec-visual .visual .visual-ctrl .visual-play{background:url(/images/eng/images/main/visual-play.png) no-repeat center center; display:none;}

.msec-visual .abr{box-sizing: border-box;position:Absolute;right:200px; bottom:70px; z-index:12; font-size:0; width:430px;}
.msec-visual .thumbs .swiper-slide {display:inline-block;vertical-align:top;width:25%; opacity: 1; cursor:pointer;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
.msec-visual .thumbs .swiper-slide:last-child{margin-right:0 !important;}
.msec-visual .thumbs .swiper-wrapper{display:block;}
.msec-visual .thumbs .swiper-slide-thumb-active { opacity: 1;}
.msec-visual .thumbs .swiper-slide img{width:100%;height:76px;object-fit:cover;}

.msec-visual .thumbs .swiper-slide:after{width:100%;height:100%;border:0 solid #fff; display:block; content:"";box-sizing:border-box; left:0; top:0; position:absolute;-webkit-transition: border-width 0.3s ease-in-out;-moz-transition: border-width 0.3s ease-in-out;;-o-transition: border-width 0.3s ease-in-out;;transition: border-width 0.3s ease-in-out;}
.msec-visual .thumbs .swiper-slide-thumb-active:after{border-width:5px;}
   @media all and (max-width:1840px){
		
		
   }
   @media all and (max-width:1660px){
		.msec-visual .abr{ right:150px; bottom:65px;  width:380px;}
		.msec-visual .thumbs .swiper-slide img{height:70px;}
   }
   @media all and (max-width:1440px){
		.msec-visual .abr{ right:100px; bottom:55px; width:330px;}
		.msec-visual .thumbs .swiper-slide img{height:64px;}
		.msec-visual .thumbs .swiper-slide-thumb-active:after{border-width:3px;}
   }
   @media all and (max-width:1220px){
		.msec-visual .abr{ right:50px; bottom:50px; width:280px;}
		.msec-visual .thumbs .swiper-slide img{height:58px;}
   }
   @media all and (max-width:1000px){
		.msec-visual .visual .visual-ctrl{font-size:0;text-align:center; bottom:120px;}
		.msec-visual .visual .visual-ctrl .visual-paging{display:inline-block;vertical-align:top; float :none;}
		.msec-visual .visual .visual-ctrl .swiper-pagination-bullet{display:inline-block;vertical-align:top; float :none; width:16px; height:16px;}
		.msec-visual .visual .visual-ctrl .visual-stop, .msec-visual .visual .visual-ctrl .visual-play{display:inline-block;vertical-align:top; float :none; width:16px; height:16px;background-size:12px auto !important;}
		.msec-visual .visual .visual-ctrl .visual-play{display:none;}

		.msec-visual .visual .visual-ctrl .swiper-pagination-bullet:after{width:8px; height:8px;}

		.msec-visual .abr{right:auto;left:50%; bottom:40px; width:100%; max-width:260px;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
		.msec-visual .thumbs .swiper-slide img{height:50px;}
   }
   @media all and (max-width:680px){
		.msec-visual .visual .visual-ctrl{bottom:100px}
		.msec-visual .visual .visual-ctrl .swiper-pagination-bullet{width:14px; height:14px;}
		.msec-visual .visual .visual-ctrl .swiper-pagination-bullet:after{width:6px; height:6px;}
		.msec-visual .visual .visual-ctrl .visual-stop, .msec-visual .visual .visual-ctrl .visual-play{width:14px;height:14px; background-size:10px auto;}
		

		.msec-visual .abr{max-width:230px; bottom:30px;}
		.msec-visual .thumbs .swiper-slide img{height:45px;}
		.msec-visual .thumbs .swiper-slide-thumb-active:after{border-width:2px;}
   }
   @media all and (max-width:480px) {
		.msec-visual .visual .visual-ctrl{bottom:90px}

		.msec-visual .abr{max-width:200px; bottom:25px}
		.msec-visual .thumbs .swiper-slide img{height:40px;}
   }

/* ======================================================
   .msec-cont
=========================================================*/
 .msec-cont{}




/* ======================================================
   .msec-01
=========================================================*/
.msec-01{position:relative;padding:60px 0 50px 0}
.msec-01:after{ background:url(/images/eng/images/main/msec01-bg.png) no-repeat right bottom #f3f4f7; background-size:539px auto;width:50%; height:calc(100% + 328px); right:0; display:block; content:""; position:absolute; bottom:0; z-index:-1;}
.msec-01 .cont:after{display:block; content:"";clear:both;}

.msec-01 h3{font-size:30px; font-weight:700; color:#111; font-family: 'NanumMyeongjoB'; letter-spacing:0.01em; line-height:1.2em;}
.msec-01 .stit{font-size:15px; font-weight:300 ;color:#555; line-height:1.2em; margin-top:12px;}

.msec-01 .intro{float:left; width:50%}
.msec-01 .greet{float:right; width:50%; box-sizing:border-box; padding-left:60px; position:relative;}
   @media all and (max-width:1440px){
		.msec-01:after{background-size:500px auto; height:calc(100% + 260px);}
		.msec-01 h3{font-size:28px;}
		.msec-01 .stit{font-size:14px; margin-top:10px;}
		.msec-01 .greet{padding-left:50px;}
   }
   @media all and (max-width:1220px){
		.msec-01:after{background-size:420px auto; height:calc(100% + 220px);}
		.msec-01 h3{font-size:26px;}
		.msec-01 .greet{padding-left:40px;}
   }
   @media all and (max-width:1000px){
		.msec-01 h3{font-size:24px;}
		.msec-01 .stit{font-size:13px;margin-top:7px;}
   }
   @media all and (max-width:680px){
		.msec-01{padding:0}
		.msec-01:after{display:none;}
		.msec-01 h3{font-size:22px;}
		.msec-01 .stit{margin-top:5px;}
		.msec-01 .intro{float:none; width:auto; padding:30px 0;}
		.msec-01 .greet{float:none; width:auto; padding:30px 0;}
		.msec-01 .greet:after{ background:#f3f4f7; width:20000px; left:50%; margin-left:-10000px; height:100%;  display:block; content:""; position:absolute; bottom:0; z-index:-1;}

   }
   @media all and (max-width:480px) {

   }

.msec-01 .intro ul{margin-top:35px;}
.msec-01 .intro ul:after{display:block; content:"";clear:both;}
.msec-01 .intro li{float:left; width:50%;box-sizing:border-box;}
.msec-01 .intro li:nth-child(n+3){margin-top:25px;}
.msec-01 .intro li a{display:block; position:Relative ; font-size:15px; color:#111; letter-spacing:0; line-height:1.3em; font-weight:300; padding-left:84px; height:68px; display:flex;align-items: center; justify-content: left;}
.msec-01 .intro li a:before{width:68px;height:68px; position:absolute; left:0; top:0; display:block; content:"";overflow:hidden; transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-01 .intro li a:hover:before{transform:scale(1) translateY(-10px)}
.msec-01 .intro li a:hover{font-weight:500;}

.msec-01 .intro li:nth-child(1) a:before{background:url(/images/eng/images/main/intro-ico01.png) no-repeat center center;}
.msec-01 .intro li:nth-child(2) a:before{background:url(/images/eng/images/main/intro-ico02.png) no-repeat center center;}
.msec-01 .intro li:nth-child(3) a:before{background:url(/images/eng/images/main/intro-ico03.png) no-repeat center center;}
.msec-01 .intro li:nth-child(4) a:before{background:url(/images/eng/images/main/intro-ico04.png) no-repeat center center;}
   @media all and (max-width:1440px){
		.msec-01 .intro ul{margin-top:25px;}
		.msec-01 .intro li:nth-child(n+3){margin-top:20px;}
		.msec-01 .intro li a{padding-left:80px; height:64px;}
		.msec-01 .intro li a:before{width:64px;height:64px; background-size:auto 100% !Important}
   }
   @media all and (max-width:1220px){
		.msec-01 .intro li:nth-child(n+3){margin-top:17px;}
		.msec-01 .intro li a{font-size:14px;}
   }
   @media all and (max-width:1000px){
		.msec-01 .intro li:nth-child(odd){width:54%;padding-right:20px}
		.msec-01 .intro li:nth-child(even){width:46%}
		.msec-01 .intro li a{font-size:13px;padding-left:70px; height:56px;}
		.msec-01 .intro li a:before{width:56px;height:56px;}
		.msec-01 .intro li a{}
   }
   @media all and (max-width:680px){
		.msec-01 .intro li:nth-child(odd){width:58%;}
		.msec-01 .intro li:nth-child(even){width:42%}
		.msec-01 .intro li a{font-size:12px;padding-left:60px; height:50px;}
		.msec-01 .intro li a:before{width:50px;height:50px;}
   }
   @media all and (max-width:480px) {
		
   }

.msec-01 .greet .img{position:absolute;right:-50px; bottom:-61px;width:282px;}
.msec-01 .greet .img img{width:100%;}

.msec-01 .greet .txt{min-height:145px; margin-top:35px;}
.msec-01 .greet .txt .btxt{font-weight:700; color:#4672c1; font-size:20px; line-height:1.2em;}
.msec-01 .greet .txt .stxt{font-size:15px; font-weight:300 ;color:#555; line-height:1.35em; margin-top:15px;}

.msec-01 .greet .more{width:90px; height:35px; line-height:33px; text-align:center; display:inline-block;vertical-align:top; background:#fff; border-radius:35px; font-size:15px; font-weight:300; color:#111}
.msec-01 .greet .more:hover{background:#111; color:#fff}
   @media all and (max-width:1440px){
		.msec-01 .greet .img{width:260px; bottom:-58px; right:-25px}
		.msec-01 .greet .txt{min-height:130px; margin-top:30px;}
		.msec-01 .greet .txt .btxt{font-size:18px}
		.msec-01 .greet .txt .stxt{font-size:14px; padding-right:200px;}
		.msec-01 .greet .txt .stxt br{display:none;}
		.msec-01 .greet .more{width:80px; height:32px; line-height:30px; font-size:14px}
   }
   @media all and (max-width:1220px){
		.msec-01 .greet .img{width:220px; bottom:-70px; right:-25px}
		.msec-01 .greet .txt{min-height:120px;margin-top:25px;}
		.msec-01 .greet .txt .btxt{font-size:16px}
		.msec-01 .greet .txt .stxt{font-size:13px; padding-right:150px;}
   }
   @media all and (max-width:1000px){
		.msec-01 .greet .img{width:180px; bottom:-54px; }
		.msec-01 .greet .txt .stxt{padding-right:110px; margin-top:10px;}
		.msec-01 .greet .more{width:70px; height:28px; line-height:26px; font-size:13px}
   }
   @media all and (max-width:680px){
		.msec-01 .greet .img{width:150px; bottom:0; }
		.msec-01 .greet .txt{min-height:110px; margin-top:17px;}
		.msec-01 .greet .txt .btxt{font-size:15px}
		.msec-01 .greet .txt .stxt{padding-right:90px; font-size:12px;}

		.msec-01 .greet .more{font-size:12px; width:60px; height:24px; line-height:22px;}
   }
   @media all and (max-width:480px) {
		.msec-01 .greet .img{width:130px;}
		.msec-01 .greet .txt{min-height:95px;}
   }



/* ======================================================
   .msec-02
=========================================================*/
.msec-02{position:relative;padding:80px 0 0 0; }
.msec-02:after{background:#2ea287; height:calc(100% - 35px); position:absolute; left:50%; width:20000px; margin-left:-10000px; top:0; display:block; content:""; z-index:-1;}
.msec-02 .tits{position:relative;}
.msec-02 .tits h3{font-size:34px; font-weight:800; color:#fff; font-family: 'NanumMyeongjoB'; letter-spacing:0.01em; line-height:1.2em;}

.msec-02 .tab{ position:absolute; right:0; top:0; z-index:21;}
.msec-02 .tab .ov{position:relative; }
.msec-02 .tab ul:after{display:block; content:"";clear:both}
.msec-02 .tab li{float:left;position:relative;}
.msec-02 .tab li:nth-child(n+2){margin-left:70px;}
.msec-02 .tab li a{display:block; line-height:40px; font-size:17px; font-weight:300; color:#fff; position:relative;}
.msec-02 .tab li a:after{ background:rgba(0,0,0,0.3); position:absolute; left:0; bottom:6px; z-index:-1; width:100%; height:0;display:block; content:"";box-sizing:border-box;-webkit-transition: height 0.4s ease-in-out;-moz-transition: height 0.4s ease-in-out;-o-transition: height 0.4s ease-in-out;transition: height 0.4s ease-in-out; }
.msec-02 .tab li.active a{color:#f8ff36; font-weight:700; letter-spacing:-0.03em;}
.msec-02 .tab li a br{display:none;}

.msec-02 .tab li.active a:after, .msec-02 .tab li a:hover:after{height:10px;}
   @media all and (max-width:1560px){
		.msec-02 .tab{ right:120px;}
   }
   @media all and (max-width:1440px){
		/* .msec-02:after{height:calc(100% - 55px); } */
		.msec-02 .tits h3{font-size:31px;}
		
		.msec-02 .tab{ right:110px;}
		.msec-02 .tab li:nth-child(n+2){margin-left:55px;}
		.msec-02 .tab li a{font-size:16px;}
		.msec-02 .tab li.active a:after, .msec-02 .tab li a:hover:after{height:8px;}
   }
   @media all and (max-width:1220px){
		.msec-02 .tits h3{font-size:28px;}
		
		.msec-02 .tab{ right:100px;}
		.msec-02 .tab li a{font-size:15px;}
		.msec-02 .tab li a:after{bottom:8px;}
		.msec-02 .tab li.active a:after, .msec-02 .tab li a:hover:after{height:6px;}
		.msec-02 .tab li:nth-child(n+2){margin-left:40px;}
   }
   @media all and (max-width:1000px){
		.msec-02{padding-top:60px}
		.msec-02 .tits h3{font-size:25px;}
		
		.msec-02 .tab{position:relative; right:auto; top:auto; margin-top:15px;}
		.msec-02 .tab li{width:33.333%}
		.msec-02 .tab li:nth-child(n+2){margin-left:0;}
		.msec-02 .tab li a{font-size:14px; line-height:1.3em; height:55px; color:rgba(255,255,255,0.65);display:flex;align-items: center; justify-content: center; text-align:center; border:1px solid rgba(255,255,255,0.65);}
		.msec-02 .tab li:nth-child(n+2) a{border-left:none;}
		.msec-02 .tab li a:before{border:1px solid rgba(255,255,255,0.5); height:100%; bottom:0;}
		.msec-02 .tab li a:after{display:none;}
		.msec-02 .tab li.active a{background:#f8ff36;border-color:transparent; color:#2ea287; }
		.msec-02 .tab li a br{display:block;}
   }
   @media all and (max-width:680px){
		.msec-02{padding-top:40px}
		.msec-02 .tits h3{font-size:22px;}
		.msec-02 .tab li:nth-child(1){width:41%}
		.msec-02 .tab li:nth-child(2){width:35%}
		.msec-02 .tab li:nth-child(3){width:24%}
		.msec-02 .tab li a{font-size:13px; height:50px;}
   }
   @media all and (max-width:480px) {
		.msec-02 .tab li a{font-size:12px; height:45px;}
   }
  



.msec-02 .cont{margin-top:45px;position:relative;}
.msec-02 .cont .tab-con.hide{position:absolute; left:-9999em; top:0; width:100%}
.msec-02 .cont .ctrl .disabled{display:block; opacity:0.3; cursor:default}
.msec-02 .cont .prev{width:42px;height:42px; position:absolute ; z-index:912;left:-65px; top:50%; margin-top:-21px; background:url(/images/eng/images/main/visit-prev.png) no-repeat center center; background-size:84% auto; border:1px solid rgba(255,255,255,1);  border-radius:100%;}
.msec-02 .cont .next{width:42px;height:42px; position:absolute ;  z-index:912;right:-65px; top:50%; margin-top:-21px; background:url(/images/eng/images/main/visit-next.png) no-repeat center center; background-size:84% auto; border:1px solid rgba(255,255,255,1); border-radius:100%;} 
	 @media all and (max-width:1560px){
		.msec-02 .cont .prev{width:36px;height:36px; left:auto; right:54px; top:-60px;}
		.msec-02 .cont .next{width:36px;height:36px; right:0;top:-60px;}
   }
   @media all and (max-width:1440px){
		.msec-02 .cont .prev{width:32px;height:32px;  right:50px; top:-56px;}
		.msec-02 .cont .next{width:32px;height:32px; top:-56px;}
   }
   @media all and (max-width:1220px){
		.msec-02 .cont .prev{top:-52px;}
		.msec-02 .cont .next{top:-52px;}
   }
   @media all and (max-width:1000px){
		.msec-02 .cont{margin-top:30px;}
		.msec-02 .cont .prev{width:28px;height:28px;  right:42px; top:-110px;}
		.msec-02 .cont .next{width:28px;height:28px; top:-110px;}
		
   }
   @media all and (max-width:680px){
		.msec-02 .cont{margin-top:20px;}
		.msec-02 .cont .prev{width:24px;height:24px; right:36px; top:-90px;}
		.msec-02 .cont .next{width:24px;height:24px; top:-90px;}
   }
   @media all and (max-width:480px) {
		.msec-02 .cont .prev{top:-82px;}
		.msec-02 .cont .next{top:-82px;}

   }
.msec-02 .cont .ov{overflow:hidden; padding-bottom:10px;}
.msec-02 .cont .visit-slide{overflow:visible !important;}
.msec-02 .cont ul:after{display:block ;content:"";clear:both;}
.msec-02 .cont li{float:left; position:relative;width:289px;margin-left:30px;min-height:310px;}
.msec-02 .cont li:first-child{margin-left:0 !important; width:446px;}
.msec-02 .cont li:first-child .img {border: 10px solid rgba(255,255,255,0.15); -webkit-box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.1);}
.msec-02 .cont li:first-child .img img {height:306px;object-fit:cover;}
.msec-02 .cont li a{position:relative;display:block;}
.msec-02 .cont li .img{overflow:hidden;}
.msec-02 .cont li .img img{width:100%;transition:transform 2s cubic-bezier(.33,.02,0,.93)}
.msec-02 .cont li a:hover .img img{transform:scale(1.05) translateX(-2%) }

.msec-02 .cont li .txt{margin-top:15px;}
.msec-02 .cont li .txt p{font-size:15px; color:#fff; line-height:1.3em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.msec-02 .cont li .txt{margin-top:20px;}
.msec-02 .cont li .txt .btxt{font-size:18px; font-weight:400; color:#000; letter-spacing:-0.03em; line-height:1.3em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msec-02 .cont li .txt .stxt{margin-top:10px;font-size:14px; font-weight:300; color:#888; letter-spacing:-0.03em; line-height:1.3em;}

.msec-02 .cont li.active  a{}
.msec-02 .cont li.active  .img{max-width:none;border:10px solid rgba(255,255,255,0.15);border-radius:8px;box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.1)  ; }
.msec-02 .cont li.active  .img img{;object-fit:cover;}
.msec-02 .cont li.active  .txt{max-width:none;position:absolute; left:0; bottom:0; width:100%; box-sizing:Border-box; padding:22px 25px;}
.msec-02 .cont li.active  .txt p{font-size:18px; font-weight:500; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;   -webkit-line-clamp: 2; -webkit-box-orient: vertical;white-space: normal; }
	@media all and (max-width:1560px){
	
   }
   @media all and (max-width:1440px){
		.msec-02 .cont li{margin-left:25px;}
		.msec-02 .cont li .txt p{font-size:14px;}
		.msec-02 .cont li.active  .txt p{font-size:17px;}
		.msec-02 .cont li.active  .img img{height:290px;}
   }
   @media all and (max-width:1220px){
		.msec-02 .cont li.active  .txt p{font-size:16px;}
		.msec-02 .cont li.active  .img img{height:260px;}
		.msec-02 .cont li.active  .img{border-width:6px;}
   }
   @media all and (max-width:1000px){
		.msec-02 .cont .ov{overflow:visible;padding-right:80px;}
		
		.msec-02 .cont li{margin-left:20px;}
		.msec-02 .cont li .txt{margin-top:10px;}
		.msec-02 .cont li .txt p{font-size:13px;}

		.msec-02 .cont li.active  .txt p{font-size:15px;}

		.msec-02 .cont li{width:240px;min-height:auto;}
		.msec-02 .cont li.active .img{border-width:4px;}
   }
   @media all and (max-width:680px){
		.msec-02 .cont .ov{}
		.msec-02 .cont li{margin-left:15px;}
		.msec-02 .cont li .txt{margin-top:10px;}
		.msec-02 .cont li .txt p{font-size:12px;}

		.msec-02 .cont li.active .txt{padding:20px}
		.msec-02 .cont li.active .txt p{font-size:14px;}

		.msec-02 .cont li{width:220px;}
   }
   @media all and (max-width:480px) {

		.msec-02 .cont li{width:200px;}

		.msec-02 .cont li .txt{margin-top:10px;}
		.msec-02 .cont li .txt p{font-size:12px;}
		.msec-02 .cont li.active  .txt{padding:17px}
		.msec-02 .cont li.active  .txt p{font-size:13px;}
   } 







/* ======================================================
   .msec-03
=========================================================*/
.msec-03{padding:55px 0;}
.msec-03 .service{}
.msec-03 .service ul:after{display:block; content:"";clear:both;}
.msec-03 .service li{float:left; width:25%;}
.msec-03 .service li a{display:block; position:Relative ; font-size:15px; color:#111; letter-spacing:0; font-weight:300; padding-left:142px; height:107px; display:flex;align-items: center; justify-content: left;}
.msec-03 .service li a:before{width:107px;height:107px; position:absolute; left:0; top:0; background-color:#f3f4f7 !important; border-radius:15px; display:block; content:"";overflow:hidden; transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-03 .service li a:hover:before{transform:scale(1) translateY(-10px)}
.msec-03 .service li a:hover{font-weight:500;}

.msec-03 .service li:nth-child(1) a:before{background:url(/images/eng/images/main/service-ico01.jpg) no-repeat center center;}
.msec-03 .service li:nth-child(2) a:before{background:url(/images/eng/images/main/service-ico02.jpg) no-repeat center center;}
.msec-03 .service li:nth-child(3) a:before{background:url(/images/eng/images/main/service-ico03.jpg) no-repeat center center;}
.msec-03 .service li:nth-child(4) a:before{background:url(/images/eng/images/main/service-ico04.jpg) no-repeat center center;}
   @media all and (max-width:1440px){
		.msec-03 .service li a{padding-left:122px; height:90px;}
		.msec-03 .service li a:before{width:90px;height:90px; background-size:auto 100% !important }
   }
   @media all and (max-width:1220px){
		.msec-03 .service li a{padding-left:100px; height:80px;}
		.msec-03 .service li a:before{width:80px;height:80px; }
   }
   @media all and (max-width:1000px){
		.msec-03 .service li{}
		.msec-03 .service li a{padding-left:0; height:auto; display:block; padding:0; padding-top:76px; font-size:14px; text-align:center;}
		.msec-03 .service li a:before{width:70px;height:70px; left:50%; margin-left:-35px;}
   }

   @media all and (max-width:680px){
		.msec-03{padding:40px 0;}
		.msec-03 .service li a{font-size:13px; padding-top:66px}
		.msec-03 .service li a:before{width:60px;height:60px; margin-left:-30px;}
   }
   @media all and (max-width:480px) {
		.msec-03 .service li{width:50%}
		.msec-03 .service li:nth-child(n+3){margin-top:25px;}
		.msec-03 .service li a{font-size:12px; padding-top:56px;}
		.msec-03 .service li a:before{width:50px;height:50px; margin-left:-25px;}
   }


.msec-03 .manys{position:relative;margin-top:67px;}
.msec-03 .manys:before{border:1px solid #f3f4f7; position:absolute; left:0; top:0; width:100%; height:100%; display:block; content:"";z-index:-1 ;box-sizing:border-box;}
.msec-03 .manys:after{display:block; content:"";clear:both;}
.msec-03 .manys .vtem{float:left; width:33.3333333333333%;position:relative; padding:55px 40px 0 40px; box-sizing:border-box; min-height:305px;overflow:hidden;}
.msec-03 .manys .vtem:after{width:100%; position:absolute;right:0;bottom:0; height:100%; display:block; content:""; transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-03 .manys .vtem:hover:after{transform:scale(1) translateX(3%)}
.msec-03 .manys .vtem h3{ font-size:28px; font-weight:700; color:#111; font-family: 'NanumMyeongjoB'; letter-spacing:0.01em; line-height:1.2em;}
.msec-03 .manys .vtem ul{margin-top:80px; position:relative ;z-index:2;}
.msec-03 .manys .vtem li{}
.msec-03 .manys .vtem li:nth-child(n+2){margin-top:11px;}
.msec-03 .manys .vtem li a{border-radius:40px; padding:0 15px; line-height:40px; background:#fff; font-size:15px; font-weight:300; color:#111; display:inline-block;vertical-align:top; position:relative; overflow:hidden;-webkit-transition: color 0.4s ease-in-out;-moz-transition: color 0.4s ease-in-out;-o-transition: color 0.4s ease-in-out;transition: color 0.4s ease-in-out;}
.msec-03 .manys .vtem li a span{display:block; position:relative; z-index:2;}
.msec-03 .manys .vtem li a:hover{transition-delay: 0.2s;color:#fff}
.msec-03 .manys .vtem li a:before {content:'';position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);z-index:1;height:calc(100% + 2px);background:#111;opacity:0;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition:-webkit-transform .3s cubic-bezier(.77,0,.175,1),opacity .5s;-moz-transition:-moz-transform .3s cubic-bezier(.77,0,.175,1),opacity .5s;transition:transform .3s cubic-bezier(.77,0,.175,1),opacity .5s}
.msec-03 .manys .vtem li a:hover:before {opacity:1;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scaleX(1);-moz-transform:scaleX(1); transform:scaleX(1);-webkit-transition:-webkit-transform 1s cubic-bezier(.77,0,.175,1),opacity .3s; -moz-transition:-moz-transform 1s cubic-bezier(.77,0,.175,1),opacity .3s;transition:transform 1s cubic-bezier(.77,0,.175,1),opacity .3s} 

.msec-03 .manys .vtem:nth-child(1){background:#d9e8f9}
.msec-03 .manys .vtem:nth-child(2){}
.msec-03 .manys .vtem:nth-child(3){background:#c2e6c2}

.msec-03 .manys .vtem:nth-child(1):after{background:url(/images/eng/images/main/culture-bg.png) no-repeat right bottom}
.msec-03 .manys .vtem:nth-child(2):after{background:url(/images/eng/images/main/travel-bg.png) no-repeat right bottom}
.msec-03 .manys .vtem:nth-child(3):after{background:url(/images/eng/images/main/guide-bg.png) no-repeat right bottom}

.msec-03 .manys .vtem:nth-child(2) ul{margin-top:35px}
.msec-03 .manys .vtem:nth-child(2) li a{background:#f3f4f7}

.msec-03 .manys .vtem:nth-child(1) li a:before{background:#1e72d1;}
.msec-03 .manys .vtem:nth-child(2) li a:before{background:#111;}
.msec-03 .manys .vtem:nth-child(3) li a:before{background:#489e48;}
   @media all and (max-width:1440px){
		.msec-03 .manys .vtem{min-height:280px; padding:45px 30px 0 30px}
		.msec-03 .manys .vtem h3{font-size:26px;}
		.msec-03 .manys .vtem ul{margin-top:65px;}
		.msec-03 .manys .vtem li a{font-size:14px; line-height:36px;}

		.msec-03 .manys .vtem:nth-child(2) ul{margin-top:30px}

		.msec-03 .manys .vtem:nth-child(1):after{background-size:220px auto;}
		.msec-03 .manys .vtem:nth-child(2):after{background-size:180px auto;}
		.msec-03 .manys .vtem:nth-child(3):after{background-size:160px auto;}
   }
   @media all and (max-width:1220px){
		.msec-03 .manys .vtem{min-height:250px; padding:30px 30px 0 30px}
		.msec-03 .manys .vtem h3{font-size:24px;}
		.msec-03 .manys .vtem ul{margin-top:50px;}
		.msec-03 .manys .vtem li a{font-size:13px; line-height:32px;}

		.msec-03 .manys .vtem:nth-child(2) ul{margin-top:25px}

		.msec-03 .manys .vtem:nth-child(1):after{background-size:170px auto;}
		.msec-03 .manys .vtem:nth-child(2):after{background-size:150px auto;}
		.msec-03 .manys .vtem:nth-child(3):after{background-size:130px auto;}
   }
   @media all and (max-width:1000px){
		.msec-03 .manys{margin-top:50px;}
		.msec-03 .manys:before{display:none;}
		.msec-03 .manys .vtem{min-height:240px; padding:25px 25px 0 25px}
		.msec-03 .manys .vtem h3{font-size:22px;}
		.msec-03 .manys .vtem ul{margin-top:20px !important}
		.msec-03 .manys .vtem li a{font-size:12px;line-height:1.2em; padding:7px 15px;}

		.msec-03 .manys .vtem:nth-child(1):after{background-size:140px auto;}
		.msec-03 .manys .vtem:nth-child(2):after{background-size:120px auto;}
		.msec-03 .manys .vtem:nth-child(3):after{background-size:100px auto;}
   }
   @media all and (max-width:880px){
		.msec-03 .manys .vtem h3{font-size:20px;}
   }
   @media all and (max-width:680px){
		.msec-03 .manys{margin-top:40px;}
		.msec-03 .manys .vtem{min-height:200px;border-radius:0 20px 0 20px}
		.msec-03 .manys .vtem li:nth-child(n+2){margin-top:8px;}
		.msec-03 .manys .vtem li a{padding:5px 15px}
		.msec-03 .manys .vtem:nth-child(1){float:none; width:auto;}
		.msec-03 .manys .vtem:nth-child(2){float:none; width:auto;border:1px solid #ededed; margin:20px 0 }
		.msec-03 .manys .vtem:nth-child(3){float:none; width:auto;}

		.msec-03 .manys .vtem:nth-child(1):after{background-size:120px auto;}
		.msec-03 .manys .vtem:nth-child(2):after{background-size:100px auto;}
		.msec-03 .manys .vtem:nth-child(3):after{background-size:90px auto;}
   }
   @media all and (max-width:480px) {
		.msec-03 .manys{margin-top:30px;}
		.msec-03 .manys .vtem{min-height:180px; padding:25px 20px 0 20px}
		.msec-03 .manys .vtem ul{margin-top:15px !important}
		.msec-03 .manys .vtem:nth-child(1):after{background-size:120px auto;}
		.msec-03 .manys .vtem:nth-child(2):after{background-size:100px auto;}
		.msec-03 .manys .vtem:nth-child(3):after{background-size:90px auto;}
   }


    
	@media all and (max-width:1600px){
		.main-wrap{width:100%; overflow-x:hidden;}
	}
	@media all and (max-width:1000px){
		.main-wrap{padding-top:80px}
	}
	@media all and (max-width:480px){
		.main-wrap{padding-top:55px}
	}
	
/* ======================================================
   .msec-visual
=========================================================*/
.msec-visual{position:relative; max-width:2000px; margin:0 auto; box-sizing:border-box;}
.msec-visual .visual .swiper-slide{position:relative;}
.msec-visual .visual .swiper-slide .img{ overflow:hidden;}
.msec-visual .visual .swiper-slide .img img{width:100%;height:655px;object-fit:cover;transform:scale(1.35, 1.35); -webkit-transform:scale(1.3, 1.3); -moz-transform:scale(1.3, 1.3); -ms-transform:scale(1.3, 1.3);-webkit-transition: transform 4s ease-in-out;-moz-transition: transform 4s ease-in-out;-o-transition: transform 4s ease-in-out;transition: transform 4s ease-in-out;}
.msec-visual .visual .swiper-slide-active .img img{transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}

.msec-visual .visual .swiper-slide .txt{position:absolute; width:100%; max-width:1440px; padding:0 20px; left:50%; top:195px;box-sizing:border-box;-webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0);  -ms-transform: translate(-50%, 0);  -o-transform: translate(-50%, 0);  transform: translate(-50%, 0);}
.msec-visual .visual .swiper-slide .txt p{font-size:80px; line-height:1.2em;  color:#fff; font-weight:800; font-family: 'NanumMyeongjoB';text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6) ; -webkit-text-shadow:1px 1px 0 rgba(0, 0, 0, 0.6) ; -moz-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px); -ms-transform:translateY(40px);-o-transform:translateY(40px);-webkit-transition: opacity 0.5s ease-out, transform 0.5s ease-out;-moz-transition:opacity 0.5s ease-out, transform 0.5s ease-out;-o-transition: opacity 0.5s ease-out, transform 0.5s ease-out;transition: opacity 0.5s ease-out, transform 0.5s ease-out;}
.msec-visual .visual .swiper-slide .txt a{margin-top:32px;display:inline-block;vertical-align:top; line-height:40px; border-radius:40px; color:#fff; padding:0 20px; font-size:15px; font-weight:400;background:rgba(0,0,0,0.5);opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px); -ms-transform:translateY(40px);-o-transform:translateY(40px);-webkit-transition: opacity 0.5s ease-out, transform 0.5s ease-out;-moz-transition:opacity 0.5s ease-out, transform 0.5s ease-out;-o-transition: opacity 0.5s ease-out, transform 0.5s ease-out;transition: opacity 0.5s ease-out, transform 0.5s ease-out;}
.msec-visual .visual .swiper-slide .txt a span{background:url(/images/eng/images/main/visual-contact.png) no-repeat left calc(50% + 1px); background-size:auto 16px; padding-left:20px;}
.msec-visual .visual .swiper-slide .txt a:hover{background:#111;}

.msec-visual .visual .swiper-slide-active .txt p{transition-delay: 0.2s; opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}
.msec-visual .visual .swiper-slide-active .txt a{transition-delay: 0.4s; opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}
   @media all and (max-width:1840px){
		
		
   }
   @media all and (max-width:1660px){
		
		
   }
   @media all and (max-width:1440px){
		
		.msec-visual .visual .swiper-slide .img img{height:620px;}
		.msec-visual .visual .swiper-slide .txt{top:170px}
		.msec-visual .visual .swiper-slide .txt p{font-size:72px;}
		.msec-visual .visual .swiper-slide .txt a{margin-top:26px; line-height:35px; border-radius:35px; padding:0 17px; font-size:14px;}
		.msec-visual .visual .swiper-slide .txt a span{padding-left:20px; background-size:14px auto;}
   }
   @media all and (max-width:1220px){
		
		.msec-visual .visual .swiper-slide .img img{height:580px;}
		.msec-visual .visual .swiper-slide .txt{top:150px}
		.msec-visual .visual .swiper-slide .txt p{font-size:64px;}
   }
   @media all and (max-width:1000px){
		.msec-visual .visual .swiper-slide .img img{height:540px;}
		.msec-visual .visual .swiper-slide .txt{top:140px}
		.msec-visual .visual .swiper-slide .txt{text-align:center;}
		.msec-visual .visual .swiper-slide .txt p{font-size:56px;}

		.msec-visual .visual .swiper-slide .txt a{margin-top:20px; line-height:30px; border-radius:30px; padding:0 17px; font-size:13px;}
		.msec-visual .visual .swiper-slide .txt a span{padding-left:18px; background-size:10px auto;}
   }
   @media all and (max-width:680px){
		.msec-visual .visual .swiper-slide .img img{height:480px;}
		.msec-visual .visual .swiper-slide .txt{top:130px}
		.msec-visual .visual .swiper-slide .txt p{font-size:44px;}
		.msec-visual .visual .swiper-slide .txt a{font-size:12px;}
   }
   @media all and (max-width:480px) {
		.msec-visual .visual .swiper-slide .img img{height:420px;}
		.msec-visual .visual .swiper-slide .txt{top:120px}
		.msec-visual .visual .swiper-slide .txt p{font-size:36px;}
		.msec-visual .visual .swiper-slide .txt a{margin-top:14px;}
		
   }	
.msec-visual .visual .visual-ctrl{position:absolute; width:100%; max-width:1440px; padding:0 20px; z-index:5523; left:50%; bottom:120px;box-sizing:border-box;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.msec-visual .visual .visual-ctrl:after{display:block ;content:"";clear:both;}
.msec-visual .visual .visual-ctrl .visual-paging{float:left;}
.msec-visual .visual .visual-ctrl .visual-paging:after{display:block ;content:"";clear:both;}
.msec-visual .visual .visual-ctrl .swiper-pagination-bullet{float:left;width:18px;height:18px; background:none; position:relative; display:block; cursor:pointer; opacity:0.7}
.msec-visual .visual .visual-ctrl .swiper-pagination-bullet:nth-child(n+2){margin-left:7px; }
.msec-visual .visual .visual-ctrl .swiper-pagination-bullet:after{position:absolute;  width:10px; height:10px; border-radius:100%; box-sizing:Border-box; background:#fff;display:block; content:"";left:50%; top:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.msec-visual .visual .visual-ctrl .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;}
.msec-visual .visual .visual-ctrl .swiper-pagination-bullet.swiper-pagination-bullet-active:after{position:Absolute; left:0; top:0; width:100%; height:100%; border-radius:100%; box-sizing:Border-box;background:none; border:5px solid #fff; display:block; content:"";-webkit-transform: translate(0, 0); -moz-transform: translate(0, 0);  -ms-transform: translate(0, 0);  -o-transform: translate(0, 0);  transform: translate(0, 0);}

.msec-visual .visual .visual-ctrl .visual-stop, .msec-visual .visual .visual-ctrl .visual-play{margin-left:15px; width:18px;height:18px; position:relative; float:left;}
.msec-visual .visual .visual-ctrl .visual-stop{background:url(/images/eng/images/main/visual-stop.png) no-repeat center center;}
.msec-visual .visual .visual-ctrl .visual-play{background:url(/images/eng/images/main/visual-play.png) no-repeat center center; display:none;}

.msec-visual .abr{box-sizing: border-box;position:Absolute;right:200px; bottom:70px; z-index:12; font-size:0; width:430px;}
.msec-visual .thumbs .swiper-slide {display:inline-block;vertical-align:top;width:25%; opacity: 1; cursor:pointer;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
.msec-visual .thumbs .swiper-slide:last-child{margin-right:0 !important;}
.msec-visual .thumbs .swiper-wrapper{display:block;}
.msec-visual .thumbs .swiper-slide-thumb-active { opacity: 1;}
.msec-visual .thumbs .swiper-slide img{width:100%;height:76px;object-fit:cover;}

.msec-visual .thumbs .swiper-slide:after{width:100%;height:100%;border:0 solid #fff; display:block; content:"";box-sizing:border-box; left:0; top:0; position:absolute;-webkit-transition: border-width 0.3s ease-in-out;-moz-transition: border-width 0.3s ease-in-out;;-o-transition: border-width 0.3s ease-in-out;;transition: border-width 0.3s ease-in-out;}
.msec-visual .thumbs .swiper-slide-thumb-active:after{border-width:5px;}
   @media all and (max-width:1840px){
		
		
   }
   @media all and (max-width:1660px){
		.msec-visual .abr{ right:150px; bottom:65px;  width:380px;}
		.msec-visual .thumbs .swiper-slide img{height:70px;}
   }
   @media all and (max-width:1440px){
		.msec-visual .abr{ right:100px; bottom:55px; width:330px;}
		.msec-visual .thumbs .swiper-slide img{height:64px;}
		.msec-visual .thumbs .swiper-slide-thumb-active:after{border-width:3px;}
   }
   @media all and (max-width:1220px){
		.msec-visual .abr{ right:50px; bottom:50px; width:280px;}
		.msec-visual .thumbs .swiper-slide img{height:58px;}
   }
   @media all and (max-width:1000px){
		.msec-visual .visual .visual-ctrl{font-size:0;text-align:center; bottom:120px;}
		.msec-visual .visual .visual-ctrl .visual-paging{display:inline-block;vertical-align:top; float :none;}
		.msec-visual .visual .visual-ctrl .swiper-pagination-bullet{display:inline-block;vertical-align:top; float :none; width:16px; height:16px;}
		.msec-visual .visual .visual-ctrl .visual-stop, .msec-visual .visual .visual-ctrl .visual-play{display:inline-block;vertical-align:top; float :none; width:16px; height:16px;background-size:12px auto !important;}
		.msec-visual .visual .visual-ctrl .visual-play{display:none;}

		.msec-visual .visual .visual-ctrl .swiper-pagination-bullet:after{width:8px; height:8px;}

		.msec-visual .abr{right:auto;left:50%; bottom:40px; width:100%; max-width:260px;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
		.msec-visual .thumbs .swiper-slide img{height:50px;}
   }
   @media all and (max-width:680px){
		.msec-visual .visual .visual-ctrl{bottom:100px}
		.msec-visual .visual .visual-ctrl .swiper-pagination-bullet{width:14px; height:14px;}
		.msec-visual .visual .visual-ctrl .swiper-pagination-bullet:after{width:6px; height:6px;}
		.msec-visual .visual .visual-ctrl .visual-stop, .msec-visual .visual .visual-ctrl .visual-play{width:14px;height:14px; background-size:10px auto;}
		

		.msec-visual .abr{max-width:230px; bottom:30px;}
		.msec-visual .thumbs .swiper-slide img{height:45px;}
		.msec-visual .thumbs .swiper-slide-thumb-active:after{border-width:2px;}
   }
   @media all and (max-width:480px) {
		.msec-visual .visual .visual-ctrl{bottom:90px}

		.msec-visual .abr{max-width:200px; bottom:25px}
		.msec-visual .thumbs .swiper-slide img{height:40px;}
   }

/* ======================================================
   .msec-cont
=========================================================*/
 .msec-cont{}




/* ======================================================
   .msec-01
=========================================================*/
.msec-01{position:relative;padding:60px 0 50px 0}
.msec-01:after{ background:url(/images/eng/images/main/msec01-bg.png) no-repeat right bottom #f3f4f7; background-size:539px auto;width:50%; height:calc(100% + 328px); right:0; display:block; content:""; position:absolute; bottom:0; z-index:-1;}
.msec-01 .cont:after{display:block; content:"";clear:both;}

.msec-01 h3{font-size:30px; font-weight:700; color:#111; font-family: 'NanumMyeongjoB'; letter-spacing:0.01em; line-height:1.2em;}
.msec-01 .stit{font-size:15px; font-weight:300 ;color:#555; line-height:1.2em; margin-top:12px;}

.msec-01 .intro{float:left; width:50%}
.msec-01 .greet{float:right; width:50%; box-sizing:border-box; padding-left:60px; position:relative;}
   @media all and (max-width:1440px){
		.msec-01:after{background-size:500px auto; height:calc(100% + 260px);}
		.msec-01 h3{font-size:28px;}
		.msec-01 .stit{font-size:14px; margin-top:10px;}
		.msec-01 .greet{padding-left:50px;}
   }
   @media all and (max-width:1220px){
		.msec-01:after{background-size:420px auto; height:calc(100% + 220px);}
		.msec-01 h3{font-size:26px;}
		.msec-01 .greet{padding-left:40px;}
   }
   @media all and (max-width:1000px){
		.msec-01 h3{font-size:24px;}
		.msec-01 .stit{font-size:13px;margin-top:7px;}
   }
   @media all and (max-width:680px){
		.msec-01{padding:0}
		.msec-01:after{display:none;}
		.msec-01 h3{font-size:22px;}
		.msec-01 .stit{margin-top:5px;}
		.msec-01 .intro{float:none; width:auto; padding:30px 0;}
		.msec-01 .greet{float:none; width:auto; padding:30px 0;}
		.msec-01 .greet:after{ background:#f3f4f7; width:20000px; left:50%; margin-left:-10000px; height:100%;  display:block; content:""; position:absolute; bottom:0; z-index:-1;}

   }
   @media all and (max-width:480px) {

   }

.msec-01 .intro ul{margin-top:35px;}
.msec-01 .intro ul:after{display:block; content:"";clear:both;}
.msec-01 .intro li{float:left; width:50%;box-sizing:border-box;}
.msec-01 .intro li:nth-child(n+3){margin-top:25px;}
.msec-01 .intro li a{display:block; position:Relative ; font-size:15px; color:#111; letter-spacing:0; line-height:1.3em; font-weight:300; padding-left:84px; height:68px; display:flex;align-items: center; justify-content: left;}
.msec-01 .intro li a:before{width:68px;height:68px; position:absolute; left:0; top:0; display:block; content:"";overflow:hidden; transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-01 .intro li a:hover:before{transform:scale(1) translateY(-10px)}
.msec-01 .intro li a:hover{font-weight:500;}

.msec-01 .intro li:nth-child(1) a:before{background:url(/images/eng/images/main/intro-ico01.png) no-repeat center center;}
.msec-01 .intro li:nth-child(2) a:before{background:url(/images/eng/images/main/intro-ico02.png) no-repeat center center;}
.msec-01 .intro li:nth-child(3) a:before{background:url(/images/eng/images/main/intro-ico03.png) no-repeat center center;}
.msec-01 .intro li:nth-child(4) a:before{background:url(/images/eng/images/main/intro-ico04.png) no-repeat center center;}
   @media all and (max-width:1440px){
		.msec-01 .intro ul{margin-top:25px;}
		.msec-01 .intro li:nth-child(n+3){margin-top:20px;}
		.msec-01 .intro li a{padding-left:80px; height:64px;}
		.msec-01 .intro li a:before{width:64px;height:64px; background-size:auto 100% !Important}
   }
   @media all and (max-width:1220px){
		.msec-01 .intro li:nth-child(n+3){margin-top:17px;}
		.msec-01 .intro li a{font-size:14px;}
   }
   @media all and (max-width:1000px){
		.msec-01 .intro li:nth-child(odd){width:54%;padding-right:20px}
		.msec-01 .intro li:nth-child(even){width:46%}
		.msec-01 .intro li a{font-size:13px;padding-left:70px; height:56px;}
		.msec-01 .intro li a:before{width:56px;height:56px;}
		.msec-01 .intro li a{}
   }
   @media all and (max-width:680px){
		.msec-01 .intro li:nth-child(odd){width:58%;}
		.msec-01 .intro li:nth-child(even){width:42%}
		.msec-01 .intro li a{font-size:12px;padding-left:60px; height:50px;}
		.msec-01 .intro li a:before{width:50px;height:50px;}
   }
   @media all and (max-width:480px) {
		
   }

.msec-01 .greet .img{position:absolute;right:-50px; bottom:-61px;width:282px;}
.msec-01 .greet .img img{width:100%;}

.msec-01 .greet .txt{min-height:145px; margin-top:35px;}
.msec-01 .greet .txt .btxt{font-weight:700; color:#4672c1; font-size:20px; line-height:1.2em;}
.msec-01 .greet .txt .stxt{font-size:15px; font-weight:300 ;color:#555; line-height:1.35em; margin-top:15px;}

.msec-01 .greet .more{width:90px; height:35px; line-height:33px; text-align:center; display:inline-block;vertical-align:top; background:#fff; border-radius:35px; font-size:15px; font-weight:300; color:#111}
.msec-01 .greet .more:hover{background:#111; color:#fff}
   @media all and (max-width:1440px){
		.msec-01 .greet .img{width:260px; bottom:-58px; right:-25px}
		.msec-01 .greet .txt{min-height:130px; margin-top:30px;}
		.msec-01 .greet .txt .btxt{font-size:18px}
		.msec-01 .greet .txt .stxt{font-size:14px; padding-right:200px;}
		.msec-01 .greet .txt .stxt br{display:none;}
		.msec-01 .greet .more{width:80px; height:32px; line-height:30px; font-size:14px}
   }
   @media all and (max-width:1220px){
		.msec-01 .greet .img{width:220px; bottom:-70px; right:-25px}
		.msec-01 .greet .txt{min-height:120px;margin-top:25px;}
		.msec-01 .greet .txt .btxt{font-size:16px}
		.msec-01 .greet .txt .stxt{font-size:13px; padding-right:150px;}
   }
   @media all and (max-width:1000px){
		.msec-01 .greet .img{width:180px; bottom:-54px; }
		.msec-01 .greet .txt .stxt{padding-right:110px; margin-top:10px;}
		.msec-01 .greet .more{width:70px; height:28px; line-height:26px; font-size:13px}
   }
   @media all and (max-width:680px){
		.msec-01 .greet .img{width:150px; bottom:0; }
		.msec-01 .greet .txt{min-height:110px; margin-top:17px;}
		.msec-01 .greet .txt .btxt{font-size:15px}
		.msec-01 .greet .txt .stxt{padding-right:90px; font-size:12px;}

		.msec-01 .greet .more{font-size:12px; width:60px; height:24px; line-height:22px;}
   }
   @media all and (max-width:480px) {
		.msec-01 .greet .img{width:130px;}
		.msec-01 .greet .txt{min-height:95px;}
   }



/* ======================================================
   .msec-02
=========================================================*/
.msec-02{position:relative;padding:80px 0 0 0; }
.msec-02:after{background:#2ea287; height:calc(100% - 35px); position:absolute; left:50%; width:20000px; margin-left:-10000px; top:0; display:block; content:""; z-index:-1;}
.msec-02 .tits{position:relative;}
.msec-02 .tits h3{font-size:34px; font-weight:800; color:#fff; font-family: 'NanumMyeongjoB'; letter-spacing:0.01em; line-height:1.2em;}

.msec-02 .tab{ position:absolute; right:0; top:0; z-index:21;}
.msec-02 .tab .ov{position:relative; }
.msec-02 .tab ul:after{display:block; content:"";clear:both}
.msec-02 .tab li{float:left;position:relative;}
.msec-02 .tab li:nth-child(n+2){margin-left:70px;}
.msec-02 .tab li a{display:block; line-height:40px; font-size:17px; font-weight:300; color:#fff; position:relative;}
.msec-02 .tab li a:after{ background:rgba(0,0,0,0.3); position:absolute; left:0; bottom:6px; z-index:-1; width:100%; height:0;display:block; content:"";box-sizing:border-box;-webkit-transition: height 0.4s ease-in-out;-moz-transition: height 0.4s ease-in-out;-o-transition: height 0.4s ease-in-out;transition: height 0.4s ease-in-out; }
.msec-02 .tab li.active a{color:#f8ff36; font-weight:700; letter-spacing:-0.03em;}
.msec-02 .tab li a br{display:none;}

.msec-02 .tab li.active a:after, .msec-02 .tab li a:hover:after{height:10px;}
   @media all and (max-width:1560px){
		.msec-02 .tab{ right:120px;}
   }
   @media all and (max-width:1440px){
		/* .msec-02:after{height:calc(100% - 55px); } */
		.msec-02 .tits h3{font-size:31px;}
		
		.msec-02 .tab{ right:110px;}
		.msec-02 .tab li:nth-child(n+2){margin-left:55px;}
		.msec-02 .tab li a{font-size:16px;}
		.msec-02 .tab li.active a:after, .msec-02 .tab li a:hover:after{height:8px;}
   }
   @media all and (max-width:1220px){
		.msec-02 .tits h3{font-size:28px;}
		
		.msec-02 .tab{ right:100px;}
		.msec-02 .tab li a{font-size:15px;}
		.msec-02 .tab li a:after{bottom:8px;}
		.msec-02 .tab li.active a:after, .msec-02 .tab li a:hover:after{height:6px;}
		.msec-02 .tab li:nth-child(n+2){margin-left:40px;}
   }
   @media all and (max-width:1000px){
		.msec-02{padding-top:60px}
		.msec-02 .tits h3{font-size:25px;}
		
		.msec-02 .tab{position:relative; right:auto; top:auto; margin-top:15px;}
		.msec-02 .tab li{width:33.333%}
		.msec-02 .tab li:nth-child(n+2){margin-left:0;}
		.msec-02 .tab li a{font-size:14px; line-height:1.3em; height:55px; color:rgba(255,255,255,0.65);display:flex;align-items: center; justify-content: center; text-align:center; border:1px solid rgba(255,255,255,0.65);}
		.msec-02 .tab li:nth-child(n+2) a{border-left:none;}
		.msec-02 .tab li a:before{border:1px solid rgba(255,255,255,0.5); height:100%; bottom:0;}
		.msec-02 .tab li a:after{display:none;}
		.msec-02 .tab li.active a{background:#f8ff36;border-color:transparent; color:#2ea287; }
		.msec-02 .tab li a br{display:block;}
   }
   @media all and (max-width:680px){
		.msec-02{padding-top:40px}
		.msec-02 .tits h3{font-size:22px;}
		.msec-02 .tab li:nth-child(1){width:41%}
		.msec-02 .tab li:nth-child(2){width:35%}
		.msec-02 .tab li:nth-child(3){width:24%}
		.msec-02 .tab li a{font-size:13px; height:50px;}
   }
   @media all and (max-width:480px) {
		.msec-02 .tab li a{font-size:12px; height:45px;}
   }
  



.msec-02 .cont{margin-top:45px;position:relative;}
.msec-02 .cont .tab-con.hide{position:absolute; left:-9999em; top:0; width:100%}
.msec-02 .cont .ctrl .disabled{display:block; opacity:0.3; cursor:default}
.msec-02 .cont .prev{width:42px;height:42px; position:absolute ; z-index:912;left:-65px; top:50%; margin-top:-21px; background:url(/images/eng/images/main/visit-prev.png) no-repeat center center; background-size:84% auto; border:1px solid rgba(255,255,255,1);  border-radius:100%;}
.msec-02 .cont .next{width:42px;height:42px; position:absolute ;  z-index:912;right:-65px; top:50%; margin-top:-21px; background:url(/images/eng/images/main/visit-next.png) no-repeat center center; background-size:84% auto; border:1px solid rgba(255,255,255,1); border-radius:100%;} 
	 @media all and (max-width:1560px){
		.msec-02 .cont .prev{width:36px;height:36px; left:auto; right:54px; top:-60px;}
		.msec-02 .cont .next{width:36px;height:36px; right:0;top:-60px;}
   }
   @media all and (max-width:1440px){
		.msec-02 .cont .prev{width:32px;height:32px;  right:50px; top:-56px;}
		.msec-02 .cont .next{width:32px;height:32px; top:-56px;}
   }
   @media all and (max-width:1220px){
		.msec-02 .cont .prev{top:-52px;}
		.msec-02 .cont .next{top:-52px;}
   }
   @media all and (max-width:1000px){
		.msec-02 .cont{margin-top:30px;}
		.msec-02 .cont .prev{width:28px;height:28px;  right:42px; top:-110px;}
		.msec-02 .cont .next{width:28px;height:28px; top:-110px;}
		
   }
   @media all and (max-width:680px){
		.msec-02 .cont{margin-top:20px;}
		.msec-02 .cont .prev{width:24px;height:24px; right:36px; top:-90px;}
		.msec-02 .cont .next{width:24px;height:24px; top:-90px;}
   }
   @media all and (max-width:480px) {
		.msec-02 .cont .prev{top:-82px;}
		.msec-02 .cont .next{top:-82px;}

   }
.msec-02 .cont .ov{overflow:hidden; padding-bottom:10px;}
.msec-02 .cont .visit-slide{overflow:visible !important;}
.msec-02 .cont ul:after{display:block ;content:"";clear:both;}
.msec-02 .cont li{float:left; position:relative;width:289px;margin-left:30px;min-height:310px;}
.msec-02 .cont li:first-child{margin-left:0 !important; width:446px;}
.msec-02 .cont li:first-child .img img {height:306px;object-fit:cover;}
.msec-02 .cont li a{position:relative;display:block;}
.msec-02 .cont li .img{overflow:hidden;}
.msec-02 .cont li .img img{width:100%;transition:transform 2s cubic-bezier(.33,.02,0,.93)}
.msec-02 .cont li a:hover .img img{transform:scale(1.05) translateX(-2%) }

.msec-02 .cont li .txt{margin-top:15px;}
.msec-02 .cont li .txt p{font-size:15px; color:#fff; line-height:1.3em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.msec-02 .cont li .txt{margin-top:20px;}
.msec-02 .cont li .txt .btxt{font-size:18px; font-weight:400; color:#000; letter-spacing:-0.03em; line-height:1.3em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msec-02 .cont li .txt .stxt{margin-top:10px;font-size:14px; font-weight:300; color:#888; letter-spacing:-0.03em; line-height:1.3em;}

.msec-02 .cont li.active  .img{max-width:none;border:10px solid rgba(255,255,255,0.15);border-radius:8px;box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.1)  ; }
.msec-02 .cont li.active  .img img{object-fit:cover;}
.msec-02 .cont li.active  .txt{max-width:none;position:absolute; left:0; bottom:0; width:100%; box-sizing:Border-box; padding:22px 25px;}
.msec-02 .cont li.active  .txt p{font-size:18px; font-weight:500; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;   -webkit-line-clamp: 2; -webkit-box-orient: vertical;white-space: normal; }
	@media all and (max-width:1560px){
	
   }
   @media all and (max-width:1440px){
		.msec-02 .cont li{margin-left:25px;}
		.msec-02 .cont li .txt p{font-size:14px;}
		.msec-02 .cont li.active  .txt p{font-size:17px;}
   }
   @media all and (max-width:1220px){
		.msec-02 .cont li.active  .txt p{font-size:16px;}
		.msec-02 .cont li.active  .img{border-width:6px;}
   }
   @media all and (max-width:1000px){
		.msec-02 .cont .ov{overflow:visible;padding-right:80px;}
		
		.msec-02 .cont li{margin-left:20px;}
		.msec-02 .cont li .txt{margin-top:10px;}
		.msec-02 .cont li .txt p{font-size:13px;}

		.msec-02 .cont li.active  .txt p{font-size:15px;}

		.msec-02 .cont li{width:240px;min-height:auto;}
		.msec-02 .cont li.active .img{border-width:4px;}
   }
   @media all and (max-width:680px){
		.msec-02 .cont .ov{}
		.msec-02 .cont li{margin-left:15px;}
		.msec-02 .cont li .txt{margin-top:10px;}
		.msec-02 .cont li .txt p{font-size:12px;}

		.msec-02 .cont li.active .txt{padding:20px}
		.msec-02 .cont li.active .txt p{font-size:14px;}

		.msec-02 .cont li{width:220px;}
   }
   @media all and (max-width:480px) {

		.msec-02 .cont li{width:200px;}

		.msec-02 .cont li .txt{margin-top:10px;}
		.msec-02 .cont li .txt p{font-size:12px;}
		.msec-02 .cont li.active  .txt{padding:17px}
		.msec-02 .cont li.active  .txt p{font-size:13px;}
   } 







/* ======================================================
   .msec-03
=========================================================*/
.msec-03{padding:55px 0;}
.msec-03 .service{}
.msec-03 .service ul:after{display:block; content:"";clear:both;}
.msec-03 .service li{float:left; width:25%;}
.msec-03 .service li a{display:block; position:Relative ; font-size:15px; color:#111; letter-spacing:0; font-weight:300; padding-left:142px; height:107px; display:flex;align-items: center; justify-content: left;}
.msec-03 .service li a:before{width:107px;height:107px; position:absolute; left:0; top:0; background-color:#f3f4f7 !important; border-radius:15px; display:block; content:"";overflow:hidden; transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-03 .service li a:hover:before{transform:scale(1) translateY(-10px)}
.msec-03 .service li a:hover{font-weight:500;}

.msec-03 .service li:nth-child(1) a:before{background:url(/images/eng/images/main/service-ico01.jpg) no-repeat center center;}
.msec-03 .service li:nth-child(2) a:before{background:url(/images/eng/images/main/service-ico02.jpg) no-repeat center center;}
.msec-03 .service li:nth-child(3) a:before{background:url(/images/eng/images/main/service-ico03.jpg) no-repeat center center;}
.msec-03 .service li:nth-child(4) a:before{background:url(/images/eng/images/main/service-ico04.jpg) no-repeat center center;}
   @media all and (max-width:1440px){
		.msec-03 .service li a{padding-left:122px; height:90px;}
		.msec-03 .service li a:before{width:90px;height:90px; background-size:auto 100% !important }
   }
   @media all and (max-width:1220px){
		.msec-03 .service li a{padding-left:100px; height:80px;}
		.msec-03 .service li a:before{width:80px;height:80px; }
   }
   @media all and (max-width:1000px){
		.msec-03 .service li{}
		.msec-03 .service li a{padding-left:0; height:auto; display:block; padding:0; padding-top:76px; font-size:14px; text-align:center;}
		.msec-03 .service li a:before{width:70px;height:70px; left:50%; margin-left:-35px;}
   }

   @media all and (max-width:680px){
		.msec-03{padding:40px 0;}
		.msec-03 .service li a{font-size:13px; padding-top:66px}
		.msec-03 .service li a:before{width:60px;height:60px; margin-left:-30px;}
   }
   @media all and (max-width:480px) {
		.msec-03 .service li{width:50%}
		.msec-03 .service li:nth-child(n+3){margin-top:25px;}
		.msec-03 .service li a{font-size:12px; padding-top:56px;}
		.msec-03 .service li a:before{width:50px;height:50px; margin-left:-25px;}
   }


.msec-03 .manys{position:relative;margin-top:67px;}
.msec-03 .manys:before{border:1px solid #f3f4f7; position:absolute; left:0; top:0; width:100%; height:100%; display:block; content:"";z-index:-1 ;box-sizing:border-box;}
.msec-03 .manys:after{display:block; content:"";clear:both;}
.msec-03 .manys .vtem{float:left; width:33.3333333333333%;position:relative; padding:55px 40px 0 40px; box-sizing:border-box; min-height:305px;overflow:hidden;}
.msec-03 .manys .vtem:after{width:100%; position:absolute;right:0;bottom:0; height:100%; display:block; content:""; transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-03 .manys .vtem:hover:after{transform:scale(1) translateX(3%)}
.msec-03 .manys .vtem h3{ font-size:28px; font-weight:700; color:#111; font-family: 'NanumMyeongjoB'; letter-spacing:0.01em; line-height:1.2em;}
.msec-03 .manys .vtem ul{margin-top:80px; position:relative ;z-index:2;}
.msec-03 .manys .vtem li{}
.msec-03 .manys .vtem li:nth-child(n+2){margin-top:11px;}
.msec-03 .manys .vtem li a{border-radius:40px; padding:0 15px; line-height:40px; background:#fff; font-size:15px; font-weight:300; color:#111; display:inline-block;vertical-align:top; position:relative; overflow:hidden;-webkit-transition: color 0.4s ease-in-out;-moz-transition: color 0.4s ease-in-out;-o-transition: color 0.4s ease-in-out;transition: color 0.4s ease-in-out;}
.msec-03 .manys .vtem li a span{display:block; position:relative; z-index:2;}
.msec-03 .manys .vtem li a:hover{transition-delay: 0.2s;color:#fff}
.msec-03 .manys .vtem li a:before {content:'';position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);z-index:1;height:calc(100% + 2px);background:#111;opacity:0;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition:-webkit-transform .3s cubic-bezier(.77,0,.175,1),opacity .5s;-moz-transition:-moz-transform .3s cubic-bezier(.77,0,.175,1),opacity .5s;transition:transform .3s cubic-bezier(.77,0,.175,1),opacity .5s}
.msec-03 .manys .vtem li a:hover:before {opacity:1;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scaleX(1);-moz-transform:scaleX(1); transform:scaleX(1);-webkit-transition:-webkit-transform 1s cubic-bezier(.77,0,.175,1),opacity .3s; -moz-transition:-moz-transform 1s cubic-bezier(.77,0,.175,1),opacity .3s;transition:transform 1s cubic-bezier(.77,0,.175,1),opacity .3s} 

.msec-03 .manys .vtem:nth-child(1){background:#d9e8f9}
.msec-03 .manys .vtem:nth-child(2){}
.msec-03 .manys .vtem:nth-child(3){background:#c2e6c2}

.msec-03 .manys .vtem:nth-child(1):after{background:url(/images/eng/images/main/culture-bg.png) no-repeat right bottom}
.msec-03 .manys .vtem:nth-child(2):after{background:url(/images/eng/images/main/travel-bg.png) no-repeat right bottom}
.msec-03 .manys .vtem:nth-child(3):after{background:url(/images/eng/images/main/guide-bg.png) no-repeat right bottom}

.msec-03 .manys .vtem:nth-child(2) ul{margin-top:35px}
.msec-03 .manys .vtem:nth-child(2) li a{background:#f3f4f7}

.msec-03 .manys .vtem:nth-child(1) li a:before{background:#1e72d1;}
.msec-03 .manys .vtem:nth-child(2) li a:before{background:#111;}
.msec-03 .manys .vtem:nth-child(3) li a:before{background:#489e48;}
   @media all and (max-width:1440px){
		.msec-03 .manys .vtem{min-height:280px; padding:45px 30px 0 30px}
		.msec-03 .manys .vtem h3{font-size:26px;}
		.msec-03 .manys .vtem ul{margin-top:65px;}
		.msec-03 .manys .vtem li a{font-size:14px; line-height:36px;}

		.msec-03 .manys .vtem:nth-child(2) ul{margin-top:30px}

		.msec-03 .manys .vtem:nth-child(1):after{background-size:220px auto;}
		.msec-03 .manys .vtem:nth-child(2):after{background-size:180px auto;}
		.msec-03 .manys .vtem:nth-child(3):after{background-size:160px auto;}
   }
   @media all and (max-width:1220px){
		.msec-03 .manys .vtem{min-height:250px; padding:30px 30px 0 30px}
		.msec-03 .manys .vtem h3{font-size:24px;}
		.msec-03 .manys .vtem ul{margin-top:50px;}
		.msec-03 .manys .vtem li a{font-size:13px; line-height:32px;}

		.msec-03 .manys .vtem:nth-child(2) ul{margin-top:25px}

		.msec-03 .manys .vtem:nth-child(1):after{background-size:170px auto;}
		.msec-03 .manys .vtem:nth-child(2):after{background-size:150px auto;}
		.msec-03 .manys .vtem:nth-child(3):after{background-size:130px auto;}
   }
   @media all and (max-width:1000px){
		.msec-03 .manys{margin-top:50px;}
		.msec-03 .manys:before{display:none;}
		.msec-03 .manys .vtem{min-height:240px; padding:25px 25px 0 25px}
		.msec-03 .manys .vtem h3{font-size:22px;}
		.msec-03 .manys .vtem ul{margin-top:20px !important}
		.msec-03 .manys .vtem li a{font-size:12px;line-height:1.2em; padding:7px 15px;}

		.msec-03 .manys .vtem:nth-child(1):after{background-size:140px auto;}
		.msec-03 .manys .vtem:nth-child(2):after{background-size:120px auto;}
		.msec-03 .manys .vtem:nth-child(3):after{background-size:100px auto;}
   }
   @media all and (max-width:880px){
		.msec-03 .manys .vtem h3{font-size:20px;}
   }
   @media all and (max-width:680px){
		.msec-03 .manys{margin-top:40px;}
		.msec-03 .manys .vtem{min-height:200px;border-radius:0 20px 0 20px}
		.msec-03 .manys .vtem li:nth-child(n+2){margin-top:8px;}
		.msec-03 .manys .vtem li a{padding:5px 15px}
		.msec-03 .manys .vtem:nth-child(1){float:none; width:auto;}
		.msec-03 .manys .vtem:nth-child(2){float:none; width:auto;border:1px solid #ededed; margin:20px 0 }
		.msec-03 .manys .vtem:nth-child(3){float:none; width:auto;}

		.msec-03 .manys .vtem:nth-child(1):after{background-size:120px auto;}
		.msec-03 .manys .vtem:nth-child(2):after{background-size:100px auto;}
		.msec-03 .manys .vtem:nth-child(3):after{background-size:90px auto;}
   }
   @media all and (max-width:480px) {
		.msec-03 .manys{margin-top:30px;}
		.msec-03 .manys .vtem{min-height:180px; padding:25px 20px 0 20px}
		.msec-03 .manys .vtem ul{margin-top:15px !important}
		.msec-03 .manys .vtem:nth-child(1):after{background-size:120px auto;}
		.msec-03 .manys .vtem:nth-child(2):after{background-size:100px auto;}
		.msec-03 .manys .vtem:nth-child(3):after{background-size:90px auto;}
   }