body{overflow-x:hidden;}

.div-cont {text-align:left;margin:0 auto; max-width:1480px; padding:0 20px; box-sizing:border-box;}
.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}
	}
	
/*.gnb-wrap .gnb .dl .secs .sub-gnb{display:block;}*/

/* ======================================================
   .msec-visual
=========================================================*/
.msec-visual{height:620px; position:relative; background:url(/images/Gunsu/images/main/visual-bg.jpg) no-repeat center top; background-size:auto 100%; z-index:0;}
.msec-visual .visual-txt{position:absolute; width:100%; max-width:1480px; padding:0 20px; box-sizing:border-box; text-align:left;left:50%; top:50%; z-index:123;-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-txt .btxt{font-family: 'jalnan';font-size:80px; color:#eca929; letter-spacing:-0.03em; line-height:1.2em;}
.msec-visual .visual-txt .btxt span{color:#8eb44f; display:block;}
.msec-visual .visual-txt .stxt{font-family: 'GmarketSans';font-size:36px; letter-spacing:-0.03em; line-height:1.2em; margin-top:45px;}
.msec-visual .visual-txt .stxt span{font-size:48px; color:#805db5;font-family: 'jalnan';}

.msec-visual .visual-txt ul{text-align:left;margin-top:75px; margin-left:-20px;}
.msec-visual .visual-txt ul li{display:inline-block;vertical-align:top;}
.msec-visual .visual-txt ul li:nth-child(n+2){margin-left:38px;}
.msec-visual .visual-txt ul li a{font-family: 'GmarketSans';text-align:center; border-radius:100%; width:120px; box-sizing:border-box; padding-top:97px; font-size:1.20em; font-weight:500; color:#111; letter-spacing:-0.04em; position:relative ;display:block;}
.msec-visual .visual-txt ul li a:before{height:90px; position:absolute; left:0; width:100%; top:0; display:block; content:"";transition:transform 1s cubic-bezier(.33,.02,0,.93);}
.msec-visual .visual-txt ul li a:hover{color:#6839ed}
.msec-visual .visual-txt ul li a:hover:before{transform:scale(1) translateY(-6px)}

.msec-visual .visual-txt ul li:nth-child(1) a:before{background:url(/images/Gunsu/images/main/quick-ico01.png) no-repeat center top}
.msec-visual .visual-txt ul li:nth-child(2) a:before{background:url(/images/Gunsu/images/main/quick-ico02.png) no-repeat center top}
.msec-visual .visual-txt ul li:nth-child(3) a:before{background:url(/images/Gunsu/images/main/quick-ico03.png) no-repeat center top}
.msec-visual .visual-txt ul li:nth-child(4) a:before{background:url(/images/Gunsu/images/main/quick-ico04.png) no-repeat center top}

.msec-visual .visual{position:absolute;right:0; top:0; width:55%; z-index:12;}
.msec-visual .visual .visual-slide{border-radius:0 0 0 190px;overflow:hidden;}
.msec-visual .visual .item img{width:100%;height:590px;object-fit:cover;}

.msec-visual .visual .ctrl{margin-top:35px;text-align:center; position:relative;}
.msec-visual .visual .ctrl:before{border-bottom:1px solid #111; position:Absolute ;left:50%;width:50px; margin-left:-25px; top:50%; display:block; content:"";  z-index:-1; }
.msec-visual .visual .ctrl a{width:82px;height:24px; position:Relative ;display:inline-block;vertical-align:top;text-align:right; line-height:24px; font-size:1.07em; color:#111; font-family: 'GmarketSans';  font-weight:400;}
.msec-visual .visual .ctrl a:after{position:absolute; left:0; top:0; width:20px; height:24px; display:block; content:"";transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-visual .visual .ctrl .next{margin-left:75px;text-align:left}
.msec-visual .visual .ctrl .prev:after{background:url(/images/Gunsu/images/main/prom-prev.png) no-repeat left center; background-size:14px auto;}
.msec-visual .visual .ctrl .next:after{right:0; left:auto;background:url(/images/Gunsu/images/main/prom-next.png) no-repeat right center; background-size:14px auto;}
.msec-visual .visual .ctrl .prev:hover:after{transform:translateX(-7px)}
.msec-visual .visual .ctrl .next:hover:after{transform:translateX(7px)}

	@media all and (max-width:1480px){
		.msec-visual .visual-txt .btxt{font-size:68px;}
		.msec-visual .visual-txt .stxt{margin-top:30px;font-size:33px}
		.msec-visual .visual-txt .stxt span{font-size:44px}

		.msec-visual .visual-txt ul{margin-top:60px}
		.msec-visual .visual-txt ul li:nth-child(n+2){margin-left:28px;}
		.msec-visual .visual-txt ul li a{width:110px; padding-top:85px ; font-size:18px}
		.msec-visual .visual-txt ul li a:before{height:80px; background-size:auto 100% !important;}
		
		.msec-visual .visual{width:52%}
		.msec-visual .visual .visual-slide{border-radius:0 0 0 150px;}
		.msec-visual .visual .item img{height:550px}
		
		.msec-visual .visual .ctrl{margin-top:30px;}
		.msec-visual .visual .ctrl:before{width:40px; margin-left:-20px;}
		.msec-visual .visual .ctrl a{ font-size:14px; width:72px; }
		.msec-visual .visual .ctrl .next{margin-left:65px;}
		.msec-visual .visual .ctrl .prev:after, .msec-visual .visual .ctrl .next:after{background-size:12px auto !important}
	}
	@media all and (max-width:1220px){
		.msec-visual{background-position:58px;}
		.msec-visual .visual-txt .btxt{font-size:58px;}
		.msec-visual .visual-txt .stxt{font-size:30px ; margin-top:25px;}
		.msec-visual .visual-txt .stxt span{font-size:40px}

		.msec-visual .visual-txt ul{margin-top:50px}
		.msec-visual .visual-txt ul li:nth-child(n+2){margin-left:20px;}
		.msec-visual .visual-txt ul li a{width:100px; padding-top:80px ; font-size:16px}
		.msec-visual .visual-txt ul li a:before{height:70px;}

	}
	@media all and (max-width:1000px){
		.msec-visual{height:600px; background-position:76%;}
		.msec-visual .visual-txt{left:50%; top:70px; z-index:123;-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-txt .ov{background:rgba(255,255,255,0.75); display:inline-block;vertical-align:top; padding:40px 40px; border-radius:0 60px 60px 0; margin-left:-20px;box-shadow: 3px 6px 12px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 3px 6px 12px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 3px 6px 12px rgba(0, 0, 0, 0.2)  ; }
		.msec-visual .visual-txt .btxt{font-size:46px;}
		.msec-visual .visual-txt .stxt{font-size:27px; margin-top:20px;}
		.msec-visual .visual-txt .stxt span{font-size:36px}

		.msec-visual .visual-txt ul{margin-left:-5px;margin-top:30px}
		.msec-visual .visual-txt ul li{display:block;}
		.msec-visual .visual-txt ul li:nth-child(n+2){margin-left:0; margin-top:9px}
		.msec-visual .visual-txt ul li a{width:auto; padding-top:0; padding-left:50px; ; font-size:14px; text-align:left; line-height:30px;}
		.msec-visual .visual-txt ul li a:before{height:30px; left:0; top:0;  width:40px;}

		.msec-visual .visual{width:100%; }
		.msec-visual .visual .visual-slide{border-radius:0 0 0 0;}

		.msec-visual .visual .ctrl{margin-top:25px;}
		.msec-visual .visual .ctrl:before{width:40px; margin-left:-20px;}
		.msec-visual .visual .ctrl a{ font-size:13px; width:64px; }
		.msec-visual .visual .ctrl .next{margin-left:65px;}
		.msec-visual .visual .ctrl .prev:after, .msec-visual .visual .ctrl .next:after{background-size:10px auto !important}
	}
	@media all and (max-width:680px){
		.msec-visual{height:400px; background-position:71%;}
		.msec-visual .visual-txt{top:10px}
		.msec-visual .visual-txt .ov{padding:35px 30px}
		.msec-visual .visual-txt .btxt{font-size:38px;}
		.msec-visual .visual-txt .stxt{font-size:23px; margin-top:15px;}
		.msec-visual .visual-txt .stxt span{font-size:32px}

		.msec-visual .visual-txt ul{margin-top:30px; max-width:180px;}
		.msec-visual .visual-txt ul:after{display:block; content:"";clear:both;}
		.msec-visual .visual-txt ul li{font-size:13px;}
		.msec-visual .visual-txt ul li:nth-child(n+2){margin-top:7px}
		.msec-visual .visual-txt ul li a{padding-left:45px}
		
		.msec-visual .visual .item img{height:500px}
		
		.msec-visual .visual .ctrl{margin-top:20px;}
		.msec-visual .visual .ctrl:before{width:32px; margin-left:-16px;}
		.msec-visual .visual .ctrl a{ font-size:12px; width:54px; }
		.msec-visual .visual .ctrl .next{margin-left:50px;}
		.msec-visual .visual .ctrl .prev:after, .msec-visual .visual .ctrl .next:after{background-size:8px auto !important}
	}
	@media all and (max-width:480px) {
		.msec-visual{height:340px; background-position:70%;}
		.msec-visual .visual-txt .ov{padding:30px 25px}
		.msec-visual .visual-txt .btxt{font-size:26px;}
		.msec-visual .visual-txt .stxt{font-size:18px}
		.msec-visual .visual-txt .stxt span{font-size:25px}

		.msec-visual .visual-txt ul{margin-top:20px;}
		.msec-visual .visual-txt ul li:nth-child(n+2){margin-top:5px}

		.msec-visual .visual .item img{height:450px}
	}	


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



/* ======================================================
   .msec-01
=========================================================*/
.msec-01{position:relative;padding:80px 0 50px 0;font-family: 'GmarketSans';}
.msec-01:after{position:Absolute; left:50%; margin-left:-1000px; width:2000px; top:0; height:100%; display:block; content:"";z-index:-1;background: -webkit-gradient(linear, left top, right top, color-stop(0, #e9f8ff), color-stop(0.5, #ffffff));background: -moz-linear-gradient(left, #e9f8ff 0%, #ffffff 50%);background: -webkit-linear-gradient(left,  #e9f8ff 0%, #ffffff 50%);background: -o-linear-gradient(left,  #e9f8ff 0%, #ffffff 50%);background: -ms-linear-gradient(left,  #e9f8ff 0%, #ffffff 50%);background: linear-gradient(left,  #e9f8ff 0%, #ffffff 50%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9f8ff', endColorstr='#ffffff', gradientType=1);}
.msec-01 .tits{text-align:center;position:relative;}
.msec-01 .tits h3{font-family: 'jalnan'; color:#111; font-size:3.20em; letter-spacing:-0.03em; line-height:1em;}
.msec-01 .tits h3 span{color:#805db5; display:inline-block;vertical-align:top; position:relative;}
.msec-01 .tits h3 span:after{width:69px;height:56px; position:absolute; right:-82px; top:-10px; display:block; content:"";background:url(/images/Gunsu/images/main/photo-tit.png) no-repeat right top;}

.msec-01 .more{position:absolute; right:0; top:0; line-height:32px; font-size:1.07em; font-weight:400; color:#222; padding-right:50px; width:118px; height:34px; border:1px solid #c8c8c8 ; border-radius:34px; box-sizing:border-box; padding-left:16px}
.msec-01 .more:before{position:absolute; right:14px; top:50%; margin-top:-12px; width:30px; height:24px; background:url(/images/Gunsu/images/main/photo-more.png) no-repeat right center; background-size:auto 12px;display:block; content:"";transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-01 .more:hover:before{transform:translateX(5px)}

.msec-01 .cont{ margin-top:60px; width:calc(100% + 60px); margin-left:-30px; box-sizing:border-box; padding:0 30px; padding-bottom:30px;overflow:hidden;}
.msec-01 .cont .owl-stage-outer{overflow:visible}
.msec-01 .item a{display:block;}
.msec-01 .item .img{overflow:hidden; position:relative; border-radius:30px;transition: box-shadow 0.5s cubic-bezier(.33,.02,0,.93);}
.msec-01 .item .img:after{position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box;border-radius:30px; border:1px solid #6a3cee; display:block; content:"";opacity:0;transition:opacity 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-01 .item .img img{width:100%;transition:transform 2s cubic-bezier(.33,.02,0,.93)}
.msec-01 .item a:hover .img img{transform:scale(1.05) /*  translateX(-2%) */ }
.msec-01 .item a:hover .img:after{opacity:1; }
.msec-01 .item a:hover .img{box-shadow: 0 3px 16px rgba(129, 92, 239, 0.3)  ; -webkit-box-shadow: 0 3px 16px rgba(129, 92, 239, 0.3)  ; -moz-box-shadow: 0 3px 16px rgba(129, 92, 239, 0.3)  ; }

.msec-01 .item .txt{margin-top:15px;}
.msec-01 .item .btxt{font-weight:500; color:#111; font-size:1.33em; line-height:1.2em; letter-spacing:-0.02em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.msec-01 .item .stxt{margin-top:7px;font-weight:400; color:#666; font-size:1.00em; line-height:1.2em; letter-spacing:-0.02em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
	@media all and (max-width:1480px){
		.msec-01{padding:70px 0 40px 0}
		.msec-01 .tits h3{font-size:44px;}
		.msec-01 .tits h3 span:after{width:62px; height:48px; background-size:auto 100%; right:-76px}
		.msec-01 .more{font-size:15px; width:100px;}
		.msec-01 .more:before{background-size:auto 10px }

		.msec-01 .item .img, .msec-01 .item .img:after{border-radius:25px;}

		.msec-01 .item .btxt{font-size:18px;}
		.msec-01 .item .stxt{font-size:14px;}
	}
	@media all and (max-width:1220px){
		.msec-01 .tits h3{font-size:40px;}
		.msec-01 .tits h3 span:after{width:54px; height:45px;right:-70px}
		.msec-01 .more{font-size:14px;} 

		.msec-01 .cont{ margin-top:40px;}

		.msec-01 .item .img, .msec-01 .item .img:after{border-radius:20px;}
	}
	@media all and (max-width:1000px){
		.msec-01{padding:50px 0 30px 0 ; margin-top:25px;}
		.msec-01:after{width:1000px; margin-left:-500px}
		.msec-01 .tits {text-align:left;}
		.msec-01 .tits h3{font-size:36px;}
		.msec-01 .tits h3 span:after{width:46px; height:40px;right:-62px; top:-8px;}
		.msec-01 .more{text-indent:-9999em;width:32px;height:32px; padding:0;} 
		.msec-01 .more:before{width:100%; height:100%; margin-top:0;top:0;  background-position:center center; right:0 !important;}

		.msec-01 .item .btxt{font-size:16px;}
		.msec-01 .item .stxt{font-size:13px;}
	}
	@media all and (max-width:680px){
		.msec-01:after{width:680px; margin-left:-340px}

		.msec-01 .tits h3{font-size:32px;}
		.msec-01 .tits h3 span:after{width:40px; height:32px;right:-56px; top:-2px;}
		
		.msec-01 .cont{ margin-top:30px;}
		.msec-01 .photo-slide{max-width:92%;}
		.msec-01 .item .img, .msec-01 .item .img:after{border-radius:15px;}

		.msec-01 .more{width:30px;height:30px; top:0;}
	}
	@media all and (max-width:480px) {
		.msec-01:after{width:480px; margin-left:-240px}
		.msec-01 .tits h3{font-size:28px;}
		.msec-01 .tits h3 span:after{width:32px; height:28px;right:-46px; top:-3px;}

		.msec-01 .more{top:-3px;}

		.msec-01 .item .btxt{font-size:15px;}
		.msec-01 .item .stxt{font-size:12px;}
	}	



/* ======================================================
   .msec-02
=========================================================*/
.msec-02{position:relative; padding:100px 0;}
.msec-02 .tits{}
.msec-02 .tits h3{font-family: 'jalnan'; color:#111; font-size:2.67em ;font-weight:700; letter-spacing:-0.03em; line-height:1.2em;}
.msec-02 .tits h3 span{ color:#35a7b4;font-size:1.20em;}

.msec-02 .cont{margin-top:15px; position:relative ;}
.msec-02 .cont:after{display:block ;content:"";clear:both;}
	@media all and (max-width:1480px){
		.msec-02 .tits h3{font-size:36px}
		.msec-02 .tits h3 span{font-size:44px}

		.msec-02 .cont{margin-top:25px;}
	}
	@media all and (max-width:1280px){
		.msec-02 .tits h3{font-size:32px}
		.msec-02 .tits h3 span{font-size:40px}
	}
	@media all and (max-width:1000px){
		.msec-02{padding:80px 0}
		.msec-02 .tits h3{font-size:28px}
		.msec-02 .tits h3 span{font-size:36px}

		.msec-02 .cont{margin-top:10px;} 
	}
	@media all and (max-width:680px){
		.msec-02{padding:60px 0}
		.msec-02 .tits h3{font-size:24px}
		.msec-02 .tits h3 span{font-size:32px}
	}
	@media all and (max-width:480px) {
		.msec-02 .tits h3{font-size:20px}
		.msec-02 .tits h3 span{font-size:28px}
	}	


.msec-02 .vthums{position:absolute;right:0; top:-67px; width:980px; z-index:3;}
.msec-02 .prom-thums{width:calc(100% + 40px); margin-left:-20px; box-sizing:border-box; padding:0 20px; padding-bottom:20px;overflow:hidden;}
.msec-02 .prom-thums .owl-stage-outer{overflow:visible}
.msec-02 .prom-thums .item{}
.msec-02 .prom-thums .item a{font-family:'GmarketSans';display:block; height:160px; border-radius:20px; position:relative;background:#35a7b4;transition: box-shadow 0.5s cubic-bezier(.33,.02,0,.93);}
.msec-02 .prom-thums .item a:hover{box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.35)  ; -webkit-box-shadow:2px 3px 6px rgba(0, 0, 0, 0.35); -moz-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.35) ; }
.msec-02 .prom-thums .item.c02 a,.msec-02 .prom-thums .item.c04 a{background:#805db5}
.msec-02 .prom-thums .item .btxt{position:absolute;left:0; top:0; box-sizing:border-box; width:100%;  font-size:48px; font-weight:900; line-height:1em; color:#fff; opacity:0.2 ; box-sizing:border-box;padding:20px 10px;}
.msec-02 .prom-thums .item .stxt{font-size:21px ;font-weight:300; color:#fff; line-height:1.5em;text-align:right; position:Absolute;right:0; bottom:0; box-sizing:border-box; width:100%; padding:10px;}
.msec-02 .prom-thums .item .stxt span{display:block; font-size:26px; font-weight:700;}
	@media all and (max-width:1480px){
		.msec-02 .vthums{width:70%; top:-80px}
		.msec-02 .prom-thums .item a{height:190px;}
		.msec-02 .prom-thums .item .btxt{font-size:44px; padding:20px 25px;}
		.msec-02 .prom-thums .item .stxt{font-size:18px;}
		.msec-02 .prom-thums .item .stxt span{font-size:24px;}
	}
	@media all and (max-width:1280px){
		.msec-02 .prom-thums .item a{height:180px;}
		.msec-02 .prom-thums .item .btxt{font-size:40px; padding:20px 20px;}
		.msec-02 .prom-thums .item .stxt{font-size:18px;}
		.msec-02 .prom-thums .item .stxt span{font-size:22px;}
	}
	@media all and (max-width:1000px){
		.msec-02 .vthums{position:relative; right:auto; top:auto; width:auto; max-width:90%;}
		.msec-02 .prom-thums{overflow:visible}
		.msec-02 .prom-thums .item a{height:160px; border-radius:15px;}
		.msec-02 .prom-thums .item .btxt{font-size:36px; }
		.msec-02 .prom-thums .item .stxt{font-size:16px; }
		.msec-02 .prom-thums .item .stxt span{font-size:20px;}
		.msec-02 .owl-stage-outer{overflow:visible}
	}
	@media all and (max-width:680px){
		.msec-02 .prom-thums .item a{height:140px; border-radius:10px;}
		.msec-02 .prom-thums .item .btxt{font-size:32px; }
		.msec-02 .prom-thums .item .stxt{font-size:14px; }
		.msec-02 .prom-thums .item .stxt span{font-size:18px;}
	}
	@media all and (max-width:480px) {
		
	}	

.msec-02 .vimg{float:left;width:33.89%; position:relative;}
.msec-02 .vimg .item{text-align:center;}
.msec-02 .vimg .item .img{width:100%; display:inline-block;vertical-align:top;max-width:488px;overflow:hidden;border-radius:0 65px 0 65px;}
.msec-02 .vimg .item .img img{width:100%; }
.msec-02 .vimg .ctrl{margin-top:35px;text-align:center; font-size:0;position:relative;}
.msec-02 .vimg .ctrl:before{border-bottom:1px solid #111; position:Absolute ;left:50%;width:50px; margin-left:-25px; top:50%; display:block; content:"";  z-index:-1; }
.msec-02 .vimg .ctrl a{width:82px;height:24px; position:Relative ;display:inline-block;vertical-align:top;text-align:right; line-height:24px; font-size:16px; color:#111; font-family: 'GmarketSans';  font-weight:400;}
.msec-02 .vimg .ctrl a:after{position:absolute; left:0; top:0; width:20px; height:24px; display:block; content:"";transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-02 .vimg .ctrl .next{margin-left:75px;text-align:left}
.msec-02 .vimg .ctrl .prev:after{background:url(/images/Gunsu/images/main/prom-prev.png) no-repeat left center; background-size:14px auto;}
.msec-02 .vimg .ctrl .next:after{right:0; left:auto;background:url(/images/Gunsu/images/main/prom-next.png) no-repeat right center; background-size:14px auto;}
.msec-02 .vimg .ctrl .prev:hover:after{transform:translateX(-7px)}
.msec-02 .vimg .ctrl .next:hover:after{transform:translateX(7px)}
	@media all and (max-width:1480px){
		.msec-02 .vimg .ctrl{margin-top:30px;}
		.msec-02 .vimg .ctrl:before{width:40px; margin-left:-20px;}
		.msec-02 .vimg .ctrl a{ font-size:14px; width:72px; }
		.msec-02 .vimg .ctrl .next{margin-left:65px;}
		.msec-02 .vimg .ctrl .prev:after, .msec-02 .vimg .ctrl .next:after{background-size:12px auto !important}
	}
	@media all and (max-width:1220px){
		

	}
	@media all and (max-width:1000px){
		.msec-02 .vimg{float:none; width:auto; margin-top:15px;}
		.msec-02 .vimg .item .img{border-radius:0 50px 0 50px; width:80%}
		.msec-02 .vimg .ctrl{margin-top:25px;}
		.msec-02 .vimg .ctrl:before{width:40px; margin-left:-20px;}
		.msec-02 .vimg .ctrl a{ font-size:13px; width:64px; }
		.msec-02 .vimg .ctrl .next{margin-left:65px;}
		.msec-02 .vimg .ctrl .prev:after, .msec-02 .vimg .ctrl .next:after{background-size:10px auto !important}
	}
	@media all and (max-width:680px){
		.msec-02 .vimg .ctrl{margin-top:20px;}
		.msec-02 .vimg .ctrl:before{width:32px; margin-left:-16px;}
		.msec-02 .vimg .ctrl a{ font-size:12px; width:54px; }
		.msec-02 .vimg .ctrl .next{margin-left:50px;}
		.msec-02 .vimg .ctrl .prev:after, .msec-02 .vimg .ctrl .next:after{background-size:8px auto !important}
	}
	@media all and (max-width:480px) {
		.msec-02 .vimg .item .img{border-radius:0 40px 0 40px;}
	}	

.msec-02 .vtxt{float:right;width:63%;padding-top:180px;font-family: 'GmarketSans'; }
.msec-02 .vtxt dl{position:relative; overflow:hidden;}
.msec-02 .vtxt dl.ing:after{width:12px;height:26px; position:Absolute; left:94px; bottom:0; background:url(/images/Gunsu/images/main/prom-ing.png) no-repeat center center; display:block; content:""; display:none;}
.msec-02 .vtxt dt{padding-left:220px; position:relative;min-height:135px;padding-bottom:35px;margin-bottom:35px; border-bottom:1.75px dashed #c4c4c4; width:100%; box-sizing:border-box;}
.msec-02 .vtxt dt .nums{font-family: 'Gmarket Sans'; position:Absolute; left:0; top:15px; line-height:135px; font-size:140px ;font-weight:800; color:#e8e9e9}
.msec-02 .vtxt dt .vc{width:100%;padding-top:12px;}
.msec-02 .vtxt dt .btxt{font-size:36px ;font-weight:300; color:#111; letter-spacing:-0.03em; line-height:1.2em;}
.msec-02 .vtxt dt .btxt span{color:#35a7b4; font-weight:900;}
.msec-02 .vtxt dt .stxt{font-family: 'jalnan'; color:#333; font-size:60px ; margin-top:12px; letter-spacing:-0.03em; line-height:1.2em;}
.msec-02 .vtxt dt .stxt span{color:#35a7b4}

.msec-02 .vtxt dd{font-family: 'GmarketSans'; position:relative; padding-left:38px; min-height:28px; box-sizing:Border-box; padding-top:4px; width:25%; float:left; margin-bottom:15px; box-sizing:border-box;}
.msec-02 .vtxt dd .nums{width:28px;height:28px; background:#333; line-height:28px;text-align:center; font-size:16px; font-weight:400; color:#fff; border-radius:100%; position:Absolute; left:0; top:0;}
.msec-02 .vtxt dd .rtxt{line-height:1.3em; font-size:18px; color:#222; letter-spacing:-0.03em; font-weight:400; padding-right:10px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}

.msec-02 .vtxt dl:hover dd{ width:50%;}
.msec-02 .vtxt dl:hover dd .rtxt{white-space:normal;}

.msec-02 .vtxt .more{position:absolute; right:0; bottom:-30px; line-height:60px; font-size:20px ; font-weight:400; color:#222; padding-right:50px;}
.msec-02 .vtxt .more:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:0;border-bottom:1px solid #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-02 .vtxt .more:hover:after {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-02 .vtxt .more:before{position:absolute; right:0; top:50%; margin-top:-12px; width:30px; height:24px; background:url(/images/Gunsu/images/main/prom-arrow.png) no-repeat right center;background-size:auto 20px;display:block; content:"";transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-02 .vtxt .more:hover:before{transform:translateX(7px)}

	@media all and (max-width:1480px){
		.msec-02 .vtxt{width:62%; padding-top:160px;}
		.msec-02 .vtxt dl.ing:after{background-size:auto 22px}
		.msec-02 .vtxt dt{padding-left:200px; padding-bottom:25px; margin-bottom:25px;min-height:120px;}
		.msec-02 .vtxt dt .nums{font-size:140px; line-height:120px;}
		.msec-02 .vtxt dt .vc{padding-top:8px;}
		.msec-02 .vtxt dt .btxt{font-size:32px;}
		.msec-02 .vtxt dt .stxt{font-size:50px;}

		.msec-02 .vtxt dd{min-height:24px; padding-left:34px;}
		.msec-02 .vtxt dd:nth-child(n+3){margin-top:8px}
		.msec-02 .vtxt dd .nums{width:24px;height:24px; line-height:24px; font-size:14px;}
		.msec-02 .vtxt dd .rtxt{font-size:16px;}

		.msec-02 .vtxt .more{font-size:18px; line-height:52px; padding-right:40px} 
		.msec-02 .vtxt .more:before{background-size:auto 16px}
	}
	@media all and (max-width:1280px){
		.msec-02 .vtxt{padding-top:140px;}
		.msec-02 .vtxt dl.ing:after{background-size:auto 18px}
		.msec-02 .vtxt dt{padding-left:180px; padding-bottom:25px; margin-bottom:25px;  min-height:100px;}
		.msec-02 .vtxt dt .nums{font-size:120px; line-height:100px;}
		.msec-02 .vtxt dt .vc{padding-top:6px;}
		.msec-02 .vtxt dt .btxt{font-size:28px;}
		.msec-02 .vtxt dt .stxt{font-size:48px;}

		.msec-02 .vtxt dd{min-height:20px;padding-left:30px;}
		.msec-02 .vtxt dd:nth-child(n+3){margin-top:6px}
		.msec-02 .vtxt dd .nums{width:20px;height:20px; line-height:20px; font-size:12px; top:3px;}
		.msec-02 .vtxt dd .rtxt{font-size:15px;}

		.msec-02 .vtxt .more{font-size:16px; line-height:46px; padding-right:40px} 
		.msec-02 .vtxt .more:before{background-size:auto 12px}
	}
	@media all and (max-width:1180px){
		.msec-02 .vtxt dt{padding-left:150px;min-height:100px;}
		.msec-02 .vtxt dt .nums{font-size:100px; line-height:100px;}
		.msec-02 .vtxt dt .vc{padding-top:6px;}
		.msec-02 .vtxt dt .btxt{font-size:24px;}
		.msec-02 .vtxt dt .stxt{font-size:36px;}

		.msec-02 .vtxt dl dd{ width:50%;}
		.msec-02 .vtxt dl dd .rtxt{white-space:normal;}
	}
	@media all and (max-width:1000px){
		.msec-02 .vtxt{float:none; width:auto; padding-top:0; margin-top:35px;}
		.msec-02 .vtxt dl.ing{padding-bottom:45px;}
		.msec-02 .vtxt dl.ing:after{left:50%; margin-left:-6px;}
		.msec-02 .vtxt dt{padding-left:120px; min-height:80px;padding-bottom:20px; margin-bottom:20px;border-width:1.4px }
		.msec-02 .vtxt dt .nums{font-size:80px; line-height:80px;}
		.msec-02 .vtxt dt .vc{padding-top:6px;}
		.msec-02 .vtxt dt .btxt{font-size:20px;}
		.msec-02 .vtxt dt .stxt{font-size:40px; margin-top:7px;}

		.msec-02 .vtxt dd .rtxt{font-size:14px;}

		.msec-02 .vtxt .more{margin-top:20px;position:relative; font-size:14px; right:auto; bottom:auto; border:1px solid #dedede; border-radius:10px; display:block; padding:0 30px 0 20px}
		.msec-02 .vtxt .more:before{right:20px;}
		.msec-02 .vtxt .more:after{display:none}
		.msec-02 .vtxt .more:hover{background:#f2f2f2; color:#111;}
	}
	@media all and (max-width:680px){
		.msec-02 .vtxt dt{padding-left:90px; min-height:55px; padding-bottom:15px; margin-bottom:15px;}
		.msec-02 .vtxt dt .nums{font-size:55px; line-height:55px;}
		.msec-02 .vtxt dt .vc{padding-top:6px;}
		.msec-02 .vtxt dt .btxt{font-size:18px;}
		.msec-02 .vtxt dt .stxt{font-size:30px; margin-top:5px;}

		.msec-02 .vtxt dd{width:50%;}

	}
	@media all and (max-width:480px) {
		.msec-02 .vtxt dt{padding-left:70px; min-height:50px;}
		.msec-02 .vtxt dt .nums{font-size:40px; line-height:40px; display:block; }
		.msec-02 .vtxt dt .vc{padding-top:6px;}
		.msec-02 .vtxt dt .btxt{font-size:16px;}
		.msec-02 .vtxt dt .stxt{font-size:18px;}

		.msec-02 .vtxt dd{width:100%;}
	}