@charset "utf-8";

/* ======================================================
   .msec-cont
=========================================================*/
.msec-cont .mobile{display:none;}
.msec-cont .desktop{display:block;}
	@media only screen and (max-width:999px) {
		.msec-cont .mobile{display:block;}
		.msec-cont .desktop{display:none;}
	}
	@media only screen and (max-width:680px) {
	
	}
	@media only screen and (max-width:480px) {
		
	}

/* ======================================================
   .msec-01
=========================================================*/
.msec-01{position:relative;}
.msec-01 .cont{}
.msec-01 .img{}
.msec-01 .img img{width:100%;min-height:550px;object-fit:cover;}
.msec-01 .txt{position:Absolute;text-align:center; z-index:2; left:0; width:100%; top:33%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.msec-01 .txt .logo{}
.msec-01 .txt .btxt{margin-top:50px;}
.msec-01 .txt .stxt{margin-top:20px;}
.msec-01 .txt .ctxt{margin-top:40px;}

.msec-01 .txt .logo img{width:15%; max-width:150px; min-width:60px;}
.msec-01 .txt .btxt img{width:42%; max-width:430px; min-width:160px;}
.msec-01 .txt .stxt img{width:70%; max-width:674px; min-width:280px;}
.msec-01 .txt .ctxt{font-size:80px ;color:#fff; font-weight:400;  line-height:1em; letter-spacing:5em;  font-family:'ChungjuKimSaengTTF';}


	@media only screen and (max-width:1600px) {	
		.msec-01 .txt{top:50%;}
		.msec-01 .txt .btxt{margin-top:25px;}
		.msec-01 .txt .stxt{margin-top:10px;}
		.msec-01 .txt .ctxt{font-size:100px}
	}
	@media only screen and (max-width:1280px) {
		
		.msec-01 .txt .ctxt{font-size:90px}
		.msec-01 .txt .btxt img{width:42%; max-width:320px;}
	}
	@media only screen and (max-width:999px) {
		.msec-01 .txt .btxt{margin-top:15px;}
		.msec-01 .txt .stxt{margin-top:10px;}
		.msec-01 .txt .ctxt{font-size:80px}
	}
	@media only screen and (max-width:680px) {
		
		.msec-01 .txt .ctxt{font-size:60px; line-height:0.5em;}
	}
	@media only screen and (max-width:480px) {
		.msec-01 .txt .ctxt{font-size:40px}
	}



/* ======================================================
   .msec-02
=========================================================*/
.msec-02{padding:360px 0; background:url(../img/jingane_02.jpg) repeat center top;text-align:center; }
.msec-02 .cont{ position:relative;max-width:1284px; padding:0 20px; box-sizing:border-box; margin:0 auto;margin-top:100px;}
.msec-02 .cont dl{}
.msec-02 .cont dt{margin-bottom:65px;}
.msec-02 .cont dd{}
.msec-02 .cont dd:nth-child(n+3){margin-top:530px;}
.msec-02 .cont .btxt{}
.msec-02 .cont .stxt{margin-top:20px;}

.msec-02 .cont dt img{width:20%; max-width:159px; min-width:50px;}

.msec-02 .cont .btxt img{ width:100%; max-width:900px;}
.msec-02 .cont .stxt img{ width:100%; max-width:760px;}
	@media only screen and (max-width:1600px) {	
		.msec-02{padding:320px 0;}
		.msec-02 .cont dt{margin-bottom:50px;}
		.msec-02 .cont dd:nth-child(n+3){margin-top:420px;}
	}
	@media only screen and (max-width:1280px) {
		.msec-02{padding:250px 0;}
		.msec-02 .cont dd:nth-child(n+3){margin-top:310px;}
	}
	@media only screen and (max-width:999px) {
		.msec-02{padding:200px 0;}
		.msec-02 .cont dt{margin-bottom:30px;}
		.msec-02 .cont dd:nth-child(n+3){margin-top:200px;}
		.msec-02 .cont .stxt{margin-top:10px;}
	}
	@media only screen and (max-width:680px) {
		.msec-02{padding:160px 0; }
		.msec-02 .cont dt{margin-bottom:20px;}
		.msec-02 .cont dd:nth-child(n+3){margin-top:190px;}
	}
	@media only screen and (max-width:480px) {
		.msec-02{padding:60px 0 140px;background:url(../img/msec02-bg-m.jpg) repeat center top;}
		.msec-02 .cont dd:nth-child(n+3){margin-top:80px;}
	}




/* ======================================================
   .msec-03
=========================================================*/
.msec-03{padding:180px 0; background:url(../img/msec03-bg.jpg) repeat center top;  background-size:100% auto; text-align:center; }
.msec-03 .tits{position:relative; z-index:12;}
.msec-03 .tits h3 span{display:inline-block;vertical-align:top; position:relative;}
/*.msec-03 .tits h3 span:after{height:48px; position:absolute; left:-30px; bottom:-2px; width:0; display:block; content:"";background:#ffc600; z-index:-1;-webkit-transition: width 0.4s ease-out;-moz-transition: width 0.4s ease-out;-o-transition: width 0.4s ease-out;transition: width 0.4s ease-out;}*/
.msec-03 .tits h3.active span:after{transition-delay: 0.8s;width:calc(100% + 60px);}
.msec-03 .tits img{width:100%; max-width:700px;min-width:240px;}
.msec-03 .cont{ position:relative;max-width:1284px; padding:0 20px; box-sizing:border-box; margin:0 auto;margin-top:100px;}
.msec-03 .cont .msec03-slide{max-width:1100px; margin:0 auto;}
.msec-03 .cont .prev{width:35px;height:69px; position:absolute; left:0; top:50%; margin-top:-20px;background:url(../img/movie-prev.png) no-repeat left center; z-index:123}
.msec-03 .cont .next{width:35px;height:69px; position:absolute; right:0; top:50%; margin-top:-20px;background:url(../img/movie-next.png) no-repeat right center; z-index:123}
.msec-03 .vid{position:relative;height:0;padding-bottom:56.25%;overflow:hidden}
.msec-03 .vid iframe {position:absolute; top:0; left:0; width:100%; height:100%; z-index:125}

	@media only screen and (max-width:1600px) {	
		.msec-03{padding:150px 0;}
		.msec-03 .tits h3 span:after{height:40px;}
		.msec-03 .cont{margin-top:80px;}
	}
	@media only screen and (max-width:1280px) {
		.msec-03{padding:120px 0;}
		.msec-03 .tits h3 span:after{height:34px;left:-20px;  }
		.msec-03 .tits h3.active span:after{width:calc(100% + 40px);}
		.msec-03 .cont{margin-top:60px;}
		.msec-03 .cont .prev{width:20px;height:30px; left:20px;margin-top:-15px; background-size:100% auto}
		.msec-03 .cont .next{width:20px;height:30px; right:20px;margin-top:-15px; background-size:100% auto}
	}
	@media only screen and (max-width:999px) {
		.msec-03{padding:90px 0; background:url(../img/msec03-bg-t.jpg) repeat center top;}
		.msec-03 .tits img{width:70%;}
		.msec-03 .tits h3 span:after{height:28px;left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
		.msec-03 .tits h3.active span:after{ width:70%;}
		.msec-03 .cont{margin-top:40px;}
		.msec-03 .cont .prev{width:15px;height:20px; left:20px;margin-top:-10px;}
		.msec-03 .cont .next{width:15px;height:20px; right:20px;margin-top:-10px;}
	}
	@media only screen and (max-width:680px) {
		.msec-03{padding:60px 0; background:url(../img/msec03-bg-m.jpg) repeat center top;}
		.msec-03 .tits h3 span:after{height:20px;}
		.msec-03 .cont .prev{width:12px;left:15px;}
		.msec-03 .cont .next{width:12px; right:15px}
	}
	@media only screen and (max-width:480px) {
		.msec-03 .tits h3 span:after{height:15px;}
	}



/* ======================================================
   .msec-04
=========================================================*/
.msec-04{text-align:center;}
.msec-04 .cont li{position:relative; }
.msec-04 .cont .img{position:relative; }
.msec-04 .cont li:nth-child(n+2) .img:after{ position:Absolute; left:0; top:0;opacity:0.9 ;background:#000;width:100%; height:100%; display:block;content:"";-webkit-transition: opacity 1s ease-out;-moz-transition: opacity 1s ease-out;-o-transition: opacity 1s ease-out;transition: opacity 1s ease-out;}
.msec-04 .cont .img img{width:100%;}
.msec-04 .cont li:nth-child(n+2) .img.active:after{transition-delay: 1s;opacity:0}
.msec-04 .cont .txt{position:absolute; left:0; top:50%; width:100%; z-index:123;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.msec-04 .cont .txt2{position:absolute; left:5%; top:50%; width:70%; z-index:123;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.msec-04 .cont .txt3{position:absolute; left:15%; top:50%; width:80%; z-index:123;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}



.msec-04 .cont .txt span{position:absolute; left:50%; margin-left:-10000px; top:25%; letter-spacing:2em; width:20000px; line-height:1.2em; color:#fff; text-align:center; font-size:100px; /*font-family: 'baekDS','BookkMyungjo-Bd';*/ font-family:'BookkMyungjo-Bd';}
	
	@media only screen and (max-width:1600px) {	
		
		.msec-04 .cont .txt img{height:159px;}
		.msec-04 .cont .txt2 img{height:159px;}
		.msec-04 .cont .txt3 img{height:159px;}
		.msec-04 .cont li:nth-child(1) .txt img{ height:300px;}
		.msec-04 .cont li:nth-child(1) .img{height:500px;}
		.msec-04 .cont li:nth-child(1) .img img{width:100%; height:500px;object-fit:cover;}

		.msec-04 .cont .txt span{font-size:100px}
	}
	@media only screen and (max-width:1280px) {
		.msec-04 .cont .txt img{height:220px;}
		.msec-04 .cont .txt2 img{height:220px;}
		.msec-04 .cont .txt3 img{height:220px;}
		.msec-04 .cont li:nth-child(1) .txt img{ height:260px;}

		.msec-04 .cont li:nth-child(1) .img{height:400px;}
		.msec-04 .cont li:nth-child(1) .img img{height:400px;}

		.msec-04 .cont .txt span{font-size:80px}
	}
	@media only screen and (max-width:999px) {
		.msec-04 .cont .txt img{height:170px;}
		.msec-04 .cont .txt2 img{height:170px;}
		.msec-04 .cont .txt3 img{height:170px;}
		.msec-04 .cont li:nth-child(1) .txt img{ height:220px;}

		.msec-04 .cont li:nth-child(1) .img{height:350px;}
		.msec-04 .cont li:nth-child(1) .img img{height:350px;}

		.msec-04 .cont .txt span{font-size:60px}
	}
	@media only screen and (max-width:680px) {
		.msec-04 .cont .txt img{height:100px;}
		.msec-04 .cont .txt2 img{height:150px;}
		.msec-04 .cont .txt3 img{height:150px;}
		.msec-04 .cont li:nth-child(1) .txt img{ height:180px;}

		.msec-04 .cont li:nth-child(1) .img{height:300px;}
		.msec-04 .cont li:nth-child(1) .img img{height:300px;}

		.msec-04 .cont .txt span{font-size:50px}
	}
	@media only screen and (max-width:480px) {
		.msec-04 .cont .txt img{height:130px; }
		.msec-04 .cont .txt2 img{height:130px;}
		.msec-04 .cont .txt3 img{height:130px;}
		.msec-04 .cont li:nth-child(1) .txt img{ height:150px;}
		.msec-04 .cont li:nth-child(1) .txt2 img{ height:150px;}
		.msec-04 .cont li:nth-child(1) .img{height:180px;}
		.msec-04 .cont li:nth-child(1) .img img{height:180px;}

		.msec-04 .cont .txt span{font-size:40px}
		.msec-04 .cont .txt2 span{font-size:40px}
	}
	





/* ======================================================
   .msec-05
=========================================================*/
/*.msec-05{text-align:center; padding-top:200px; overflow:hidden;}*/
.msec-05{padding:180px 0 0px; background:url(../img/msec05-bg.jpg) repeat center top; text-align:center;}
.msec-05 .tits{}
.msec-05 .tits img{width:100%; max-width:1000px;min-width:300px;}
.msec-05 .cont{margin-top:0px;}
.msec-05 .cont .txt{}
.msec-05 .cont .txt img{width:80%; max-width:1100px; min-width:200px;}
.msec-05 .cont .img{margin-top:60px;}
.msec-05 .cont .img img{width:100%;}
	@media only screen and (max-width:1600px) {	
		.msec-05{padding-top:200px;}
		.msec-05 .cont{margin-top:0px;}
	}
	@media only screen and (max-width:1280px) {
		.msec-05{padding-top:170px;}
		.msec-05 .cont{margin-top:0px;}
		.msec-05 .tits img{width:100%; max-width:800px;}
		.msec-05 .cont .txt img{width:80%; max-width:600px;}
	}
	@media only screen and (max-width:999px) {
		.msec-05{padding-top:140px; background:url(../img/msec05-bg-t.jpg) repeat center top;}
		.msec-05 .cont{margin-top:0px;}
		.msec-05 .tits img{width:100%; max-width:660px;}
	}
	@media only screen and (max-width:680px) {
		.msec-05{padding-top:20px; }
		.msec-05 .cont{margin-top:0px;}
	}
	@media only screen and (max-width:480px) {
		.msec-05{padding-top:80px; background:url(../img/msec05-bg-m.jpg) repeat center top;}
		.msec-05 .cont{margin-top:40px;}
	}



/* ======================================================
   .msec-06
=========================================================*/
.msec-06{padding:200px 0;background:url(../img/msec06-bg.jpg) no-repeat center bottom; text-align:center;}
.msec-06 .tits{}
.msec-06 .tits img{width:86%; max-width:700px; min-width:300px;}
.msec-06 .cont{margin-top:120px; padding:0 20px}
.msec-06 .cont img{width:100%}
	@media only screen and (max-width:1600px) {	
		.msec-06{padding:200px 0;}
		.msec-06 .cont{margin-top:100px;}
	}
	@media only screen and (max-width:1280px) {
		.msec-06{padding:160px 0;}
		.msec-06 .cont{margin-top:80px;}
		.msec-06 .tits img{width:86%; max-width:600px;}
	}
	@media only screen and (max-width:999px) {
		.msec-06{padding:120px 0;}
		.msec-06 .cont{margin-top:60px;}
	}
	@media only screen and (max-width:680px) {
		.msec-06{padding:80px 0; background:url(../img/msec06-bg-m.jpg) no-repeat center bottom;}
		.msec-06 .cont{margin-top:40px; padding-right:90px;}
		.msec-06 .cont .swiper-container {overflow:visible}
	}
	@media only screen and (max-width:480px) {
		
		.msec-06 .tits img{width:70%; }
	}



/* ======================================================
   .msec-07
=========================================================*/
.msec-07{background:url(../img/msec07-bg.jpg) no-repeat center bottom; padding:220px 0}
.msec-07 .cont{max-width:1204px; padding:0 20px; box-sizing:border-box; margin:0 auto; }

.msec-07 .sales{text-align:center;}
.msec-07 .sales .tits{position:relative;}

.msec-07 .sales .nums{position:Absolute; left:0; width:100%; top:59%; font-weight:500; font-size:100px; color:#111; letter-spacing:-0.03em; line-height:1em; font-family:'ChungjuKimSaengTTF'; }
.msec-07 .sales .nums span{margin-right:3px;}
/* .msec-07 .sales .nums span{display:block;} */

.msec-07 .sales .tits img{width:90%;}
.msec-07 .sales .nums img{width:90%;}

.msec-07 .sales .percent{margin-top:50px;}
.msec-07 .sales .percent span{display:block;}
.msec-07 .sales .percent img{width:100%; max-width:1000px; }


.msec-07 .sales .rate{margin-top:50px;text-align:center;position:relative;}
.msec-07 .sales .rate div:nth-child(2){position:Absolute; left:0; bottom:0; width:100%;}
.msec-07 .sales .rate img{width:100%; max-width:990px; min-width:360px}
	@media only screen and (max-width:1600px) {	
		.msec-07{padding:200px 0;}
		.msec-07 .sales .nums{font-size:108px;}
		.msec-07 .sales .percent img{ max-width:800px;}
	}
	@media only screen and (max-width:1280px) {
		.msec-07 .sales .nums{font-size:94px;}
		.msec-07 .sales .percent img{ max-width:850px;}

	}
	@media only screen and (max-width:999px) {
		.msec-07{padding:160px 0; background:url(../img/msec07-bg-t.jpg) repeat center top;}
		.msec-07 .sales .percent{margin-top:30px; }
		.msec-07 .sales .rate{margin-top:30px;}
		.msec-07 .sales .nums{font-size:84px;}
		.msec-07 .sales .tits img{width:85%; max-width:560px;}
	}
	@media only screen and (max-width:680px) {
		.msec-07{padding:120px 0; background:url(../img/msec07-bg-m.jpg) repeat center top;}
		.msec-07 .sales .nums{font-size:64px;}
		.msec-07 .sales .percent img{ max-width:400px;}
	}
	@media only screen and (max-width:480px) {
		.msec-07{padding:100px 0; background:url(../img/msec07-bg-m.jpg) repeat center top;}
		.msec-07 .sales .nums{font-size:44px;}
	}


.msec-07 .expen{margin-top:90px;position:relative; z-index:2;text-align:center;}
.msec-07 .expen h3{text-align:center;}
.msec-07 .expen h3 span{display:block; margin-bottom:40px;}

/*.msec-07 .expen h3 div:nth-child(1) img{width:30%; max-width:250px;min-width:100px;}*/
.msec-07 .expen h3 div:nth-child(1) img{width:80%; max-width:540px;min-width:260px;}
	@media only screen and (max-width:1600px) {	
		.msec-07 .expen h3 span{ margin-bottom:30px;}
	}
	@media only screen and (max-width:1280px) {
		.msec-07 .expen h3 span{ margin-bottom:25px;}
		.msec-07 .expen h3 div:nth-child(1) img{width:80%; max-width:440px;}
	}
	@media only screen and (max-width:999px) {
		.msec-07 .expen h3 span{ margin-bottom:20px;}
		.msec-07 .expen h3 div:nth-child(1) img{width:70%; max-width:400px;}
	}
	@media only screen and (max-width:680px) {
		.msec-07 .expen h3 span{ margin-bottom:15px;}
	}
	@media only screen and (max-width:480px) {
		.msec-07 .expen h3 div:nth-child(1) img{width:50%;min-width:150px;}
		
	}


.msec-07 .graph{position:relative;max-width:972px; margin:0 auto; margin-top:65px;}
.msec-07 .graph .img{ width:100%;  }
.msec-07 .graph .img img{width:100%;}

.msec-07 .graph ul{position:absolute;right:0; bottom:14%;width:100%; height:calc(100% - 8%);overflow:hidden;}
.msec-07 .graph li{}
.msec-07 .graph li {position:Absolute;  bottom:0; height:100%; box-sizing:Border-box;  width:10%;  display:flex;align-items: end; justify-content: center;}
.msec-07 .graph li div{position:absolute;left:0; bottom:0; width:100%;}
.msec-07 .graph li img{width:100%}
.msec-07 .graph li:nth-child(1){left:18%; }
.msec-07 .graph li:nth-child(2){left:34.8%; }
.msec-07 .graph li:nth-child(3){left:52.4%; }
.msec-07 .graph li:nth-child(4) {left:69.3%; }
.msec-07 .graph li:nth-child(5){left:86.3%; }
	@media only screen and (max-width:1600px) {	
		.msec-07 .graph{margin-top:60px;}
	}
	@media only screen and (max-width:1280px) {
		.msec-07 .graph{margin-top:50px;}
	}
	@media only screen and (max-width:999px) {
		.msec-07 .graph{margin-top:40px;}
	}
	@media only screen and (max-width:680px) {
		.msec-07 .graph{margin-top:30px;}
	}
	@media only screen and (max-width:480px) {
		
	}


.msec-07 .expen dl{margin-top:100px;text-align:center;}
.msec-07 .expen dt{/* font-size:95px; color:#111;font-weight:600; display:block; line-height:1.1em;letter-spacing:-0.065em; */}
.msec-07 .expen dt span{display:inline-block;vertical-align:top; position:relative;}
.msec-07 .expen dt span:after{height:58px; position:absolute; left:-20px; bottom:-5px; display:block; width:0; content:"";background:#ffc600; z-index:-1;-webkit-transition: width 0.4s ease-out;-moz-transition: width 0.4s ease-out;-o-transition: width 0.4s ease-out;transition: width 0.4s ease-out;}
.msec-07 .expen dt.active span:after{transition-delay: 0.8s; width:calc(100% + 40px);}
.msec-07 .expen dd{margin-top:70px;/* font-size:30px; font-weight:300; color:#333;display:block; line-height:1.2em;letter-spacing:-0.06em; */}

.msec-07 .expen dt img{width:85%; max-width:600px;min-width:160px;}
.msec-07 .expen dd img{width:90%; max-width:850px;min-width:330px;}
	@media only screen and (max-width:1600px) {	
		.msec-07 .expen dl{margin-top:80px;}
		.msec-07 .expen dt span:after{height:50px;}
		.msec-07 .expen dd{margin-top:50px;}
	}
	@media only screen and (max-width:1280px) {
		.msec-07 .expen dt span:after{height:34px;left:-20px; }
		.msec-07 .expen dt.active span:after{ width:calc(100% + 40px);}
		.msec-07 .expen dt img{ max-width:450px;}
	}
	@media only screen and (max-width:999px) {
		.msec-07 .expen dl{margin-top:60px;}
		.msec-07 .expen dt img{width:60%;}
		.msec-07 .expen dt span:after{height:28px;left:50%;  -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
		.msec-07 .expen dt.active span:after{ width:52%;}
		.msec-07 .expen dd{margin-top:50px;}
	}
	@media only screen and (max-width:680px) {
		.msec-07 .expen dl{margin-top:40px;}
		.msec-07 .expen dt span:after{height:20px;}
		.msec-07 .expen dd{margin-top:30px;}
	}
	@media only screen and (max-width:480px) {
		.msec-07 .expen dt span:after{height:15px;}
		.msec-07 .expen dd{margin-top:20px;}

		.msec-07 .expen dt img{width:50%; min-width:120px;}
	}



	


/* ======================================================
   .msec-08
=========================================================*/
.msec-08{padding-bottom:0px;background:url(../img/msec08-bg02.jpg) no-repeat center bottom; }
.msec-08 .tits{text-align:center;background:url(../img/msec08-bg01.jpg) no-repeat center top; background-size:cover; position:relative;height:600px;display:flex;align-items: center; justify-content: center;}
.msec-08 .tits img{}
.msec-08 .tits img{width:80%; max-width:700px; min-width:220px;}

.msec-08 .timg p{position:absolute; bottom:0;}
.msec-08 .timg p:nth-child(1){right:65%; }
.msec-08 .timg p:nth-child(2){left:65%; }
.msec-08 .timg p span{display:block;}
.msec-08 .timg img{width:auto !important;max-width:none; min-width:auto;}

.msec-08 .cont{position:relative;}
.msec-08 .cont .item img{width:100%; }
.msec-08 .cont .prev{width:35px;height:69px; position:absolute; left:50px; top:50%; margin-top:-20px;background:url(../img/slide-prev.png) no-repeat left center; z-index:123}
.msec-08 .cont .next{width:35px;height:69px; position:absolute; right:50px; top:50%; margin-top:-20px;background:url(../img/slide-next.png) no-repeat right center; z-index:123}

.msec-08 .msec08-pagination{position:absolute; left:0; bottom:60px !important; text-align:center; width:100%; z-index:911;}
.msec-08 .swiper-pagination-bullet{width:18px;height:18px; background:none; position:relative; display:inline-block; cursor:pointer; opacity:0.7}
.msec-08 .swiper-pagination-bullet:nth-child(n+2){margin-left:7px; }
.msec-08 .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-08 .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;}
.msec-08 .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);}
	@media only screen and (max-width:1600px) {	
		.msec-08{padding-bottom:0px;}
		.msec-08 .tits{height:700px}
		.msec-08 .timg p:nth-child(1){right:68%; }
		.msec-08 .timg p:nth-child(2){left:68%; }
		.msec-08 .timg p img{height:500px}
	}
	@media only screen and (max-width:1280px) {
		.msec-08{padding-bottom:0px;}
		.msec-08 .tits{height:500px}
		.msec-08 .timg p:nth-child(1){right:70%; }
		.msec-08 .timg p:nth-child(2){left:70%; }
		.msec-08 .timg p img{height:400px}

		.msec-08 .cont .prev{width:20px;height:30px; left:20px;margin-top:-15px; background-size:100% auto}
		.msec-08 .cont .next{width:20px;height:30px; right:20px;margin-top:-15px; background-size:100% auto}

		.msec-08 .tits img{width:70%; max-width:600px;}
	}
	@media only screen and (max-width:999px) {
		.msec-08{padding-bottom:0px;}
		.msec-08 .tits{height:400px}
		.msec-08 .timg p:nth-child(1){right:75%; }
		.msec-08 .timg p:nth-child(2){left:75%; }
		.msec-08 .timg p img{height:400px; }

		.msec-08 .cont .prev{width:15px;height:20px; left:20px;margin-top:-10px;}
		.msec-08 .cont .next{width:15px;height:20px; right:20px;margin-top:-10px;}


		.msec-08 .msec08-pagination{bottom:30px !important;}
		.msec-08 .swiper-pagination-bullet:nth-child(n+2){margin-left:3px; }
		.msec-08 .swiper-pagination-bullet{width:12px;height:12px;}
		.msec-08 .swiper-pagination-bullet:after{width:8px;height:8px;}
		.msec-08 .swiper-pagination-bullet.swiper-pagination-bullet-active:after{border-width:3px;}
	}
	@media only screen and (max-width:680px) {
		.msec-08{padding-bottom:0px;}
		.msec-08 .tits{height:400px}
		.msec-08 .tits img{width:60%;}

		.msec-08 .timg p:nth-child(1){right:80%; }
		.msec-08 .timg p:nth-child(2){left:80%; }
		.msec-08 .timg p img{height:300px; }

		.msec-08 .cont .prev{width:12px;left:15px;}
		.msec-08 .cont .next{width:12px; right:15px}

		.msec-08 .msec08-pagination{bottom:15px !important;}
		.msec-08 .swiper-pagination-bullet:nth-child(n+2){margin-left:0; }
	}
	@media only screen and (max-width:480px) {
		.msec-08{padding-bottom:0px;}
		.msec-08 .tits{height:160px}
		.msec-08 .tits img{width:40%;  }

		.msec-08 .timg p img{height:100px; }
		.msec-08 .timg p:nth-child(1){right:82%; }
		.msec-08 .timg p:nth-child(2){left:82%; }

		.msec-08 .msec08-pagination{bottom:5px !important;}
	}


/* ======================================================
   .msec-09
=========================================================*/
.msec-09{position:relative; background:url(../img/msec09.png) no-repeat center top; background-size:100% auto; padding:400px 0 340px 0}
.msec-09:before{width:100%;position:absolute; left:0; top:0; height:100%; z-index:-1; display:block;content:""; background:url(../img/msec09-bg02.jpg) no-repeat center bottom;}
.msec-09 .tits{text-align:center;}
.msec-09 .tits img{width:80%; max-width:700px; min-width:300px;}
.msec-09 .cont{max-width:1204px; padding:0 20px; box-sizing:border-box; margin:0 auto; margin-top:120px;}
.msec-09 .cont ul{}
.msec-09 .cont li{text-align:center;}
.msec-09 .cont li:nth-child(n+2){margin-top:100px;}
.msec-09 .cont .img{position:relative;}
.msec-09 .cont .img img{width:100%; max-width:1100px;}
	@media only screen and (max-width:1600px) {	
		.msec-09{padding:360px 0 280px 0}
		.msec-09 .cont{margin-top:150px;}
		.msec-09 .cont li:nth-child(n+2){margin-top:80px;}
	}
	@media only screen and (max-width:1280px) {
		.msec-09{padding:300px 0 220px 0}
		.msec-09 .cont{margin-top:120px;}
		.msec-09 .cont li:nth-child(n+2){margin-top:60px;}
	}
	@media only screen and (max-width:999px) {
		.msec-09{padding:240px 0 160px 0}
		.msec-09 .cont{margin-top:90px;}
		.msec-09 .cont li:nth-child(n+2){margin-top:40px;}
	}
	@media only screen and (max-width:680px) {
		.msec-09{padding:180px 0 100px 0}
		
		.msec-09 .cont{margin-top:60px;}
		.msec-09 .cont li:nth-child(n+2){margin-top:20px;}
	}
	@media only screen and (max-width:480px) {
		.msec-09{padding:120px 0 50px 0}	
		.msec-09:before{background:url(../img/msec09-bg02-m.jpg) no-repeat center bottom;}
		.msec-09 .cont{margin-top:40px;}
		.msec-09 .tits img{width:65%; min-width:150px;}
	}	




/* ======================================================
   .msec-10
=========================================================*/
.msec-10{background:url(../img/msec10-bg.jpg) repeat center top; background-size:100% auto; padding:200px 0}
.msec-10 .tits{text-align:center;}
.msec-10 .tits h3{font-size:100px; font-weight:900; display:block; color:#111; line-height:1.2em;letter-spacing:-0.06em;}
.msec-10 .tits .nums{margin-top:75px;font-size:36px; font-weight:300; color:#333;display:block; line-height:1.2em;letter-spacing:-0.06em;}

.msec-10 .tits h3 img{width:55%; max-width:600px; min-width:220px;}
.msec-10 .tits .nums img{width:76%; max-width:650px; min-width:300px;}

.msec-10 .cont{max-width:1204px; padding:0 20px; box-sizing:border-box; margin:0 auto; margin-top:100px;}
.msec-10 .cont .img{text-align:center;}
.msec-10 .cont .img img.mobile{width:60%; max-width:687px; min-width:240px; }
.msec-10 .cont .img img.desktop{width:100%}
	@media only screen and (max-width:1600px) {	
		.msec-10{ padding:250px 0;}
		.msec-10 .tits .nums{margin-top:65px;}

		.msec-10 .cont{margin-top:80px}
	}
	@media only screen and (max-width:1280px) {
		.msec-10{ padding:200px 0; /*background-size:90px auto*/}
		.msec-10 .tits .nums{margin-top:55px;}
		.msec-10 .cont{margin-top:60px}
		.msec-10 .tits h3 img{width:55%; max-width:450px;}
	}
	@media only screen and (max-width:999px) {
		.msec-10{ padding:150px 0; /*background-size:70px auto*/}
		.msec-10 .tits .nums{margin-top:45px;}
		.msec-10 .cont{margin-top:40px}
		.msec-10 .cont .img img.mobile{display:inline-block !important}
	}
	@media only screen and (max-width:680px) {
		.msec-10{ padding:100px 0; /*background-size:50px auto*/}
		.msec-10 .tits .nums{margin-top:35px;}
		.msec-10 .cont{margin-top:30px}
	}
	@media only screen and (max-width:480px) {
		.msec-10{ padding:60px 0;}
		.msec-10 .tits .nums{margin-top:0px;}

		.msec-10 .tits h3 img{width:40%; min-width:200px;}
	}



/* ======================================================
   .msec-11
=========================================================*/
.msec-11{padding:350px 0; background:url(../img/msec11-bg.jpg) no-repeat ; background-size:cover;}
.msec-11 .cont{max-width:1204px; padding:0 20px; box-sizing:border-box; margin:0 auto;}
.msec-11 .cont .counsel{max-width:1140px; margin:0 auto; /*background:rgba(255,255,255,0.8);*/ padding:140px 100px 100px 100px; overflow:hidden; background:url(../img/msec11-bg02.png) no-repeat center top; background-size:100% auto;}
.msec-11 .cont h4{font-size:45px; font-weight:500;color:#111; letter-spacing:-0.065em; line-height:1.2em;text-align:center; } 
/*.msec-11 .cont h4 p{padding-top:155px; background:url(../img/msec11-logo.png) no-repeat center top; background-size:auto 115px;}*/

.msec-11 .cont .nums{margin-top:60px;font-size:34px; font-weight:400; color:#111; letter-spacing:-0.065em; line-height:1.1em;text-align:center;}
.msec-11 .cont .nums span{font-size:100px; font-weight:900; display:block; line-height:1.1em; margin-top:10px; letter-spacing:-0.065em;}
.msec-11 .cont .entry{margin-top:100px;}
.msec-11 .cont .entry:after{display:block; content:"";clear:both}
.msec-11 .cont .entry li{position:relative; padding-left:300px;}
.msec-11 .cont .entry li:nth-child(n+2){margin-top:15px;}
.msec-11 .cont .entry li .btxt{position:absolute; left:0; top:0; line-height:64px; color:#111; font-size:30px; font-weight:500; letter-spacing:-0.075em; font-family:'ChosunSm';}
.msec-11 .cont .entry li .chk-input{width:100%;}
.msec-11 .cont .entry li .chk-input input{ height:60px; font-size:20px; background-color:#ededed;}

.msec-11 .cont .entry .stxt{ font-size:36px; margin-top:70px; font-weight:500; letter-spacing:-0.065em; color:#000;text-align:center;  font-family:'ChosunSm';}

.msec-11 .cont .enter-btn{margin-top:50px;display:block;}
.msec-11 .cont .enter-btn img{width:100%;}

.msec-11 .cont h4 img{width:65%; max-width:600px; min-width:240px;}
.msec-11 .cont .nums img{width:60%; max-width:600px; min-width:240px;}
	@media only screen and (max-width:1600px) {	
		.msec-11{padding:300px 0;} 
		.msec-11 .cont .counsel{padding:120px 80px 80px 80px}
		
		.msec-11 .cont h4 p{padding-top:135px; background-size:auto 100px;}
		.msec-11 .cont .entry{margin-top:80px;}
		.msec-11 .cont .entry li{padding-left:280px;}
		.msec-11 .cont .entry li .btxt{font-size:30px; line-height:60px;}
		.msec-11 .cont .entry li .chk-input input{ height:60px; font-size:18px;}
		.msec-11 .cont .entry li .chk-input textarea{font-size:18px;}

		.msec-11 .cont .entry .stxt{ font-size:26px; margin-top:40px; }
	}
	@media only screen and (max-width:1280px) {
		.msec-11{padding:250px 0;} 
		.msec-11 .cont .counsel{padding:100px 60px 60px 60px}

		.msec-11 .cont h4 p{padding-top:0px; background-size:auto 90px;}
		.msec-11 .cont .entry{margin-top:80px;}

		.msec-11 .cont .entry li{padding-left:260px;}
		.msec-11 .cont .entry li .btxt{font-size:30px; line-height:55px;}
		.msec-11 .cont .entry li .chk-input input{ height:55px; font-size:16px;}
		.msec-11 .cont .entry li .chk-input textarea{font-size:16px;}

		.msec-11 .cont .entry .stxt{ font-size:30px; }

		.msec-09 .tits img{width:80%; max-width:600px;}
		.msec-11 .cont .nums img{width:60%; max-width:500px;}
		.msec-11 .cont h4 img{width:65%; max-width:500px;}
	}
	@media only screen and (max-width:999px) {
		.msec-11{padding:200px 0;} 
		.msec-11 .cont .counsel{padding:80px 40px 40px 40px}
		.msec-11 .cont .enter-btn{margin-top:50px;}

		.msec-11 .cont h4 p{padding-top:0px; background-size:auto 80px;}
		.msec-11 .cont .nums{margin-top:40px;}
		.msec-11 .cont .entry{margin-top:60px;}

		.msec-11 .cont .entry li{padding-left:220px;}
		.msec-11 .cont .entry li .btxt{font-size:22px; line-height:50px;}
		.msec-11 .cont .entry li .chk-input input{ height:50px; font-size:20px;}
		.msec-11 .cont .entry li .chk-input textarea{font-size:16px;}

		.msec-11 .cont .entry .stxt{ font-size:20px; margin-top:20px; }
	}
	@media only screen and (max-width:680px) {
		.msec-11{padding:150px 0;} 
		.msec-11 .cont .counsel{padding:60px 30px 30px 30px;}
		.msec-11 .cont .enter-btn{margin-top:10px;}

		.msec-11 .cont h4 p{padding-top:95px; background-size:auto 70px;}
		.msec-11 .cont .nums{margin-top:20px;}
	
		.msec-11 .cont .entry{margin-top:40px;}
		.msec-11 .cont .entry li{padding-left:160px;}
		.msec-11 .cont .entry li:nth-child(n+2){margin-top:10px;}
		.msec-11 .cont .entry li .btxt{font-size:18px; line-height:45px;}
		.msec-11 .cont .entry li .chk-input input{ height:45px; font-size:17px;}
		.msec-11 .cont .entry li .chk-input textarea{font-size:16px;}

		.msec-11 .cont .entry .stxt{ font-size:14px; }
	}
	@media only screen and (max-width:480px) {
		.msec-11{padding:100px 0;} 
		.msec-11 .cont .counsel{padding:30px 30px 30px 30px;  background:url(../img/msec11-bg02-m.png) no-repeat center top; background-size:100% auto; }
		.msec-11 .cont h4 p{padding-top:0px; background-size:auto 55px;}
		.msec-11 .cont .entry li{padding-left:120px;}
		.msec-11 .cont .entry li .btxt{font-size:16px; line-height:33px;}
		.msec-11 .cont .entry li .chk-input input{ height:33px;  font-size:16px;}
		.msec-11 .cont .entry li .chk-input textarea{font-size:15px;}

		.msec-11 .cont .entry .stxt{ font-size:13px; letter-spacing:-0.08em;  margin-top:10px;}
		.msec-11 .cont .nums{margin-top:10px;}


	}
	@media only screen and (max-width:380px) {
		.msec-11 .cont .entry .stxt{ font-size:11px; margin-top:10px;}

	}






/* 트랜지션 이름 */
.fade {opacity:0;visibility:hidden;-webkit-animation-delay: .1s ;animation-delay: .1s;}
.active .fade {opacity:1;visibility:visible;}





/* 애니메이션 이름 */
.active .slide-in-bottom{-webkit-animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both}
.active .slide-in-left{-webkit-animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both}
.active .slide-in-right{-webkit-animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both}
.active .slide-in-top{-webkit-animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both}
.active .bounce-in-bck{-webkit-animation:bounce-in-bck 1.1s both;animation:bounce-in-bck 1.1s both}
.active .bounce-in-fwd{-webkit-animation:bounce-in-fwd 1.1s both;animation:bounce-in-fwd 1.1s both}
.active .bounce-in-bottom{-webkit-animation:bounce-in-bottom 1.1s both;animation:bounce-in-bottom 1.1s both}
.active .slide-in-elliptic-top-fwd{-webkit-animation:slide-in-elliptic-top-fwd .7s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-elliptic-top-fwd .7s cubic-bezier(.25,.46,.45,.94) both}
.active .rotate-in-hor{-webkit-animation:rotate-in-hor .5s cubic-bezier(.25,.46,.45,.94) both;animation:rotate-in-hor .5s cubic-bezier(.25,.46,.45,.94) both}
.active .puff-in-center{-webkit-animation:puff-in-center .7s cubic-bezier(.47,0.000,.745,.715) both;animation:puff-in-center .7s cubic-bezier(.47,0.000,.745,.715) both}
.active .slide-in-blurred-left{-webkit-animation:slide-in-blurred-left .6s cubic-bezier(.23,1.000,.32,1.000) both;animation:slide-in-blurred-left .6s cubic-bezier(.23,1.000,.32,1.000) both}
.active .slide-in-blurred-right{-webkit-animation:slide-in-blurred-right .6s cubic-bezier(.23,1.000,.32,1.000) both;animation:slide-in-blurred-right .6s cubic-bezier(.23,1.000,.32,1.000) both}
.active .slide-in-blurred-bottom{-webkit-animation:slide-in-blurred-bottom .6s cubic-bezier(.23,1.000,.32,1.000) both;animation:slide-in-blurred-bottom .6s cubic-bezier(.23,1.000,.32,1.000) both}
.active .blink-1{-webkit-animation:blink-1 .6s both;animation:blink-1 .6s both}
.active .pulsate-bck{-webkit-animation:pulsate-bck .5s ease-in-out infinite both;animation:pulsate-bck .5s ease-in-out infinite both}
.active .ping{-webkit-animation:ping .8s ease-in-out infinite both;animation:ping .8s ease-in-out infinite both}

.active .fadeup{-webkit-animation:fadeup .5s cubic-bezier(.25,.46,.45,.94) both;animation:fadeup .5s cubic-bezier(.25,.46,.45,.94) both}


/* 애니메이션 키프레임 */
@-webkit-keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@-webkit-keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@-webkit-keyframes slide-in-top{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-top{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@-webkit-keyframes slide-in-right{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-right{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@-webkit-keyframes bounce-in-bck{0%{-webkit-transform:scale(7);transform:scale(7);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:scale(1.24);transform:scale(1.24);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}89%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:scale(1.04);transform:scale(1.04);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes bounce-in-bck{0%{-webkit-transform:scale(7);transform:scale(7);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:scale(1.24);transform:scale(1.24);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}89%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:scale(1.04);transform:scale(1.04);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
@-webkit-keyframes bounce-in-fwd{0%{-webkit-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:scale(.7);transform:scale(.7);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:scale(.84);transform:scale(.84);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}89%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:scale(.95);transform:scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes bounce-in-fwd{0%{-webkit-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:scale(.7);transform:scale(.7);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:scale(.84);transform:scale(.84);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}89%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:scale(.95);transform:scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
@-webkit-keyframes bounce-in-bottom{0%{-webkit-transform:translateY(500px);transform:translateY(500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateY(65px);transform:translateY(65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateY(28px);transform:translateY(28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateY(8px);transform:translateY(8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes bounce-in-bottom{0%{-webkit-transform:translateY(500px);transform:translateY(500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateY(65px);transform:translateY(65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateY(28px);transform:translateY(28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateY(8px);transform:translateY(8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
@-webkit-keyframes slide-in-elliptic-top-fwd{0%{-webkit-transform:translateY(-600px) rotateX(-30deg) scale(0);transform:translateY(-600px) rotateX(-30deg) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;opacity:0}100%{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% 1400px;transform-origin:50% 1400px;opacity:1}}@keyframes slide-in-elliptic-top-fwd{0%{-webkit-transform:translateY(-600px) rotateX(-30deg) scale(0);transform:translateY(-600px) rotateX(-30deg) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;opacity:0}100%{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% 1400px;transform-origin:50% 1400px;opacity:1}}
@-webkit-keyframes rotate-in-hor{0%{-webkit-transform:rotateX(360deg);transform:rotateX(360deg);opacity:0}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@keyframes rotate-in-hor{0%{-webkit-transform:rotateX(360deg);transform:rotateX(360deg);opacity:0}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}
@-webkit-keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}}
@-webkit-keyframes slide-in-blurred-left{0%{-webkit-transform:translateX(-1000px) scaleX(2.5) scaleY(.2);transform:translateX(-1000px) scaleX(2.5) scaleY(.2);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}100%{-webkit-transform:translateX(0) scaleY(1) scaleX(1);transform:translateX(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes slide-in-blurred-left{0%{-webkit-transform:translateX(-1000px) scaleX(2.5) scaleY(.2);transform:translateX(-1000px) scaleX(2.5) scaleY(.2);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}100%{-webkit-transform:translateX(0) scaleY(1) scaleX(1);transform:translateX(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}
@-webkit-keyframes slide-in-blurred-right{0%{-webkit-transform:translateX(1000px) scaleX(2.5) scaleY(.2);transform:translateX(1000px) scaleX(2.5) scaleY(.2);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}100%{-webkit-transform:translateX(0) scaleY(1) scaleX(1);transform:translateX(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes slide-in-blurred-right{0%{-webkit-transform:translateX(1000px) scaleX(2.5) scaleY(.2);transform:translateX(1000px) scaleX(2.5) scaleY(.2);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}100%{-webkit-transform:translateX(0) scaleY(1) scaleX(1);transform:translateX(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}
@-webkit-keyframes slide-in-blurred-bottom{0%{-webkit-transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform:translateY(1000px) scaleY(2.5) scaleX(.2);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}100%{-webkit-transform:translateY(0) scaleY(1) scaleX(1);transform:translateY(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes slide-in-blurred-bottom{0%{-webkit-transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform:translateY(1000px) scaleY(2.5) scaleX(.2);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}100%{-webkit-transform:translateY(0) scaleY(1) scaleX(1);transform:translateY(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}
@-webkit-keyframes blink-1{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes blink-1{0%,50%,100%{opacity:1}25%,75%{opacity:0}}
@-webkit-keyframes pulsate-bck{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulsate-bck{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes ping{0%{-webkit-transform:scale(.2);transform:scale(.2);opacity:.8}80%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}100%{-webkit-transform:scale(2.2);transform:scale(2.2);opacity:0}}@keyframes ping{0%{-webkit-transform:scale(.2);transform:scale(.2);opacity:.8}80%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}100%{-webkit-transform:scale(2.2);transform:scale(2.2);opacity:0}}


@-webkit-keyframes fadeup{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-top{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}











/* 애니메이션 지연시간 */
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.infinite {-webkit-animation-iteration-count: infinite!important;animation-iteration-count: infinite!important;}
.delay01s {-webkit-animation-delay: .1s!important;animation-delay: .1s!important;}
.delay02s {-webkit-animation-delay: .2s!important;animation-delay: .2s!important;}
.delay03s {-webkit-animation-delay: .3s!important;animation-delay: .3s!important;}
.delay04s {-webkit-animation-delay: .4s!important;animation-delay: .4s!important;}
.delay05s {-webkit-animation-delay: .5s!important;animation-delay: .5s!important;}
.delay06s {-webkit-animation-delay: .6s!important;animation-delay: .6s!important;}
.delay07s {-webkit-animation-delay: .7s!important;animation-delay: .7s!important;}
.delay08s {-webkit-animation-delay: .8s!important;animation-delay: .8s!important;}
.delay09s {-webkit-animation-delay: .9s!important;animation-delay: .9s!important;}
.delay10s {-webkit-animation-delay: 1s!important;animation-delay: 1s!important;}
.delay11s {-webkit-animation-delay: 1.1s!important;animation-delay: 1.1s!important;}
.delay12s {-webkit-animation-delay: 1.2s!important;animation-delay: 1.2s!important;}
.delay13s {-webkit-animation-delay: 1.3s!important;animation-delay: 1.3s!important;}
.delay14s {-webkit-animation-delay: 1.4s!important;animation-delay: 1.4s!important;}
.delay15s {-webkit-animation-delay: 1.5s!important;animation-delay: 1.5s!important;}
.delay16s {-webkit-animation-delay: 1.6s!important;animation-delay: 1.6s!important;}
.delay17s {-webkit-animation-delay: 1.7s!important;animation-delay: 1.7s!important;}
.delay18s {-webkit-animation-delay: 1.8s!important;animation-delay: 1.8s!important;}
.delay19s {-webkit-animation-delay: 1.9s!important;animation-delay: 1.9s!important;}
.delay20s {-webkit-animation-delay: 2s!important;animation-delay: 2s!important;}
.delay21s {-webkit-animation-delay: 2.1s!important;animation-delay: 2.1s!important;}
.delay22s {-webkit-animation-delay: 2.2s!important;animation-delay: 2.2s!important;}
.delay23s {-webkit-animation-delay: 2.3s!important;animation-delay: 2.3s!important;}
.delay24s {-webkit-animation-delay: 2.4s!important;animation-delay: 2.4s!important;}
.delay25s {-webkit-animation-delay: 2.5s!important;animation-delay: 2.5s!important;}
.delay26s {-webkit-animation-delay: 2.6s!important;animation-delay: 2.6s!important;}
.delay27s {-webkit-animation-delay: 2.7s!important;animation-delay: 2.7s!important;}
.delay28s {-webkit-animation-delay: 2.8s!important;animation-delay: 2.8s!important;}
.delay29s {-webkit-animation-delay: 2.9s!important;animation-delay: 2.9s!important;}
.delay30s {-webkit-animation-delay: 3s!important;animation-delay: 3s!important;}
.delay31s {-webkit-animation-delay: 3.1s!important;animation-delay: 3.1s!important;}
.delay32s {-webkit-animation-delay: 3.2s!important;animation-delay: 3.2s!important;}
.delay33s {-webkit-animation-delay: 3.3s!important;animation-delay: 3.3s!important;}
.delay34s {-webkit-animation-delay: 3.4s!important;animation-delay: 3.4s!important;}
.delay35s {-webkit-animation-delay: 3.5s!important;animation-delay: 3.5s!important;}
.delay36s {-webkit-animation-delay: 3.6s!important;animation-delay: 3.6s!important;}
.delay37s {-webkit-animation-delay: 3.7s!important;animation-delay: 3.7s!important;}
.delay38s {-webkit-animation-delay: 3.8s!important;animation-delay: 3.8s!important;}
.delay39s {-webkit-animation-delay: 3.9s!important;animation-delay: 3.9s!important;}
.delay40s {-webkit-animation-delay: 4s!important;animation-delay: 4s!important;}
.delay41s {-webkit-animation-delay: 4.1s!important;animation-delay: 4.1s!important;}
.delay42s {-webkit-animation-delay: 4.2s!important;animation-delay: 4.2s!important;}
.delay43s {-webkit-animation-delay: 4.3s!important;animation-delay: 4.3s!important;}
.delay44s {-webkit-animation-delay: 4.4s!important;animation-delay: 4.4s!important;}
.delay45s {-webkit-animation-delay: 4.5s!important;animation-delay: 4.5s!important;}
.delay46s {-webkit-animation-delay: 4.6s!important;animation-delay: 4.6s!important;}
.delay47s {-webkit-animation-delay: 4.7s!important;animation-delay: 4.7s!important;}
.delay48s {-webkit-animation-delay: 4.8s!important;animation-delay: 4.8s!important;}
.delay49s {-webkit-animation-delay: 4.9s!important;animation-delay: 4.9s!important;}
.delay50s {-webkit-animation-delay: 5s!important;animation-delay: 5s!important;}
.delay51s {-webkit-animation-delay: 5.1s!important;animation-delay: 5.1s!important;}
.delay52s {-webkit-animation-delay: 5.2s!important;animation-delay: 5.2s!important;}
.delay53s {-webkit-animation-delay: 5.3s!important;animation-delay: 5.3s!important;}
.delay54s {-webkit-animation-delay: 5.4s!important;animation-delay: 5.4s!important;}
.delay55s {-webkit-animation-delay: 5.5s!important;animation-delay: 5.5s!important;}
.delay56s {-webkit-animation-delay: 5.6s!important;animation-delay: 5.6s!important;}
.delay57s {-webkit-animation-delay: 5.7s!important;animation-delay: 5.7s!important;}
.delay58s {-webkit-animation-delay: 5.8s!important;animation-delay: 5.8s!important;}
.delay59s {-webkit-animation-delay: 5.9s!important;animation-delay: 5.9s!important;}
.delay60s {-webkit-animation-delay: 6s!important;animation-delay: 6s!important;}
.delay61s {-webkit-animation-delay: 6.1s!important;animation-delay: 6.1s!important;}
.delay62s {-webkit-animation-delay: 6.2s!important;animation-delay: 6.2s!important;}
.delay63s {-webkit-animation-delay: 6.3s!important;animation-delay: 6.3s!important;}
.delay64s {-webkit-animation-delay: 6.4s!important;animation-delay: 6.4s!important;}
.delay65s {-webkit-animation-delay: 6.5s!important;animation-delay: 6.5s!important;}
.delay66s {-webkit-animation-delay: 6.6s!important;animation-delay: 6.6s!important;}
.delay67s {-webkit-animation-delay: 6.7s!important;animation-delay: 6.7s!important;}
.delay68s {-webkit-animation-delay: 6.8s!important;animation-delay: 6.8s!important;}
.delay69s {-webkit-animation-delay: 6.9s!important;animation-delay: 6.9s!important;}
.delay70s {-webkit-animation-delay: 7s!important;animation-delay: 7s!important;}
.delay71s {-webkit-animation-delay: 7.1s!important;animation-delay: 7.1s!important;}
.delay72s {-webkit-animation-delay: 7.2s!important;animation-delay: 7.2s!important;}
.delay73s {-webkit-animation-delay: 7.3s!important;animation-delay: 7.3s!important;}
.delay74s {-webkit-animation-delay: 7.4s!important;animation-delay: 7.4s!important;}
.delay75s {-webkit-animation-delay: 7.5s!important;animation-delay: 7.5s!important;}
.delay76s {-webkit-animation-delay: 7.6s!important;animation-delay: 7.6s!important;}
.delay77s {-webkit-animation-delay: 7.7s!important;animation-delay: 7.7s!important;}
.delay78s {-webkit-animation-delay: 7.8s!important;animation-delay: 7.8s!important;}
.delay79s {-webkit-animation-delay: 7.9s!important;animation-delay: 7.9s!important;}
.delay80s {-webkit-animation-delay: 8s!important;animation-delay: 8s!important;}
.delay81s {-webkit-animation-delay: 8.1s!important;animation-delay: 8.1s!important;}
.delay82s {-webkit-animation-delay: 8.2s!important;animation-delay: 8.2s!important;}
.delay83s {-webkit-animation-delay: 8.3s!important;animation-delay: 8.3s!important;}
.delay84s {-webkit-animation-delay: 8.4s!important;animation-delay: 8.4s!important;}
.delay85s {-webkit-animation-delay: 8.5s!important;animation-delay: 8.5s!important;}
.delay86s {-webkit-animation-delay: 8.6s!important;animation-delay: 8.6s!important;}
.delay87s {-webkit-animation-delay: 8.7s!important;animation-delay: 8.7s!important;}
.delay88s {-webkit-animation-delay: 8.8s!important;animation-delay: 8.8s!important;}
.delay89s {-webkit-animation-delay: 8.9s!important;animation-delay: 8.9s!important;}
.delay90s {-webkit-animation-delay: 9s!important;animation-delay: 9s!important;}
.delay91s {-webkit-animation-delay: 9.1s!important;animation-delay: 9.1s!important;}
.delay92s {-webkit-animation-delay: 9.2s!important;animation-delay: 9.2s!important;}
.delay93s {-webkit-animation-delay: 9.3s!important;animation-delay: 9.3s!important;}
.delay94s {-webkit-animation-delay: 9.4s!important;animation-delay: 9.4s!important;}
.delay95s {-webkit-animation-delay: 4.5s!important;animation-delay: 9.5s!important;}
.delay96s {-webkit-animation-delay: 9.6s!important;animation-delay: 9.6s!important;}
.delay97s {-webkit-animation-delay: 9.7s!important;animation-delay: 9.7s!important;}
.delay98s {-webkit-animation-delay: 9.8s!important;animation-delay: 9.8s!important;}
.delay99s {-webkit-animation-delay: 9.9s!important;animation-delay: 9.9s!important;}
.delay100s {-webkit-animation-delay: 10s!important;animation-delay: 10s!important;}



/* 애니메이션 속도제어 */
.fast {-webkit-animation-duration: 800ms!important;animation-duration: 800ms!important;}
.faster {-webkit-animation-duration: 500ms!important;animation-duration: 500ms!important;}
.slow {-webkit-animation-duration: 2s!important;animation-duration: 2s!important;}
.slower {-webkit-animation-duration: 3s!important;animation-duration: 3s!important;}











/* ======================================================
   .layer-wrap.pop
=========================================================*/
.layer-wrap.pop{display:none;position:fixed; background:#fff; min-width:320px; width:90%; max-width:656px; z-index:9123; overflow:hidden; box-sizing:border-box;left:50%; top:50%;box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2)  ; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-wrap.pop .is-top{background:#3c2416; padding:0 32px; position:relative;}
.layer-wrap.pop .is-top h2{font-size:18px; line-height:60px; color:#fff; font-weight:500; letter-spacing:-0.03em; font-family: 'Pretendard';}
.layer-wrap.pop .is-top .close{position:absolute; right:21px ;top:18px; width:24px;height:24px; background:url(../img/layer-close.svg) no-repeat center center;background-size:100% auto; }
.layer-wrap.pop .is-con{padding:40px;height:350px;overflow-Y:scroll;line-height:1.6;font-size:14px; color:#555;  font-family: 'Pretendard';}

	@media only screen and (max-width:1640px){
		
	}
	@media only screen and (max-width:1480px){
		
	}
	@media only screen and (max-width:1280px){
		.layer-wrap.pop .is-top{padding:0 28px}
		.layer-wrap.pop .is-top .close{right:18px; top:16px;}
		.layer-wrap.pop .is-top h2{font-size:16px; line-height:55px;}
		.layer-wrap.pop .is-con{padding:30px;}
	
	}
	@media only screen and (max-width:999px){
		.layer-wrap.pop{}
		.layer-wrap.pop .is-top{padding:0 24px}
		.layer-wrap.pop .is-top h2{line-height:50px;}
		.layer-wrap.pop .is-top .close{top:14px;}
		.layer-wrap.pop .is-con{padding:25px;}
		
	@media only screen and (max-width:680px){
		.layer-wrap.pop .is-top .close{right:15px; background-size:90% auto;}
		.layer-wrap.pop .is-con{padding:20px;}
		
	}
	@media only screen and (max-width:480px){
		
	}