@charset "utf-8";

/* ======================================================
   .msec-visual
=========================================================*/
.msec-visual{position:relative; overflow:hidden;height:900px; }
.visual-slide .item{position:relative;}
.visual-slide .item .img{position:relative;z-index:2; background-size:cover !important;transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);-webkit-transition: transform 5s ease-out;-moz-transition: transform 5s ease-out;-o-transition: transform 5s ease-out;transition: transform 5s ease-out;}
.visual-slide .item .img img{height:900px;object-fit:cover; width:100%;visibility:hidden; position:relative;}
.visual-slide .item .img:after{position:absolute; left:0; top:0; width:100%; height:100%; background:#000;box-sizing:border-box; opacity:0.5; display:block; content:"";}
.visual-slide .item .txt{ position:absolute; z-index:12;left:50%; top:223px; width:100%;max-width:1240px; box-sizing:border-box; padding:0 20px;-webkit-transform: translate(-50%,0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0);-o-transform:  translate(-50%, 0);  transform: translate(-50%, 0);}
.visual-slide .item .txt .nums{opacity:0;position:relative;font-size:20px; font-weight:700; color:#fff; line-height:1.2em; width:85px;display:inline-block;vertical-align:top; padding-bottom:5px;position:relative;-webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%);-o-transform:  translateY(20%);  transform: translateY(20%);-webkit-transition: transform 0.3s ease-out, opacity 0.3s ease-out;-moz-transition: transform 0.3s ease-out, opacity 0.3s ease-out;-o-transition: transform 0.3s ease-out, opacity 0.3s ease-out;transition: transform 0.3s ease-out, opacity 0.3s ease-out;}
.visual-slide .item .txt .nums:after{width:0;height:1px; background:#fff;position:absolute; left:0; bottom:0; display:block; content:"";-webkit-transition: width 0.3s ease-out;-moz-transition: width 0.3s ease-out;-o-transition: width 0.3s ease-out;transition: width 0.3s ease-out;}
.visual-slide .item .txt .ov{min-height:146px;margin-top:30px; }
.visual-slide .item .txt .btxt{opacity:0;font-size:30px; font-weight:300; color:#fff ; line-height:1.2em; margin-top:30px;-webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%);-o-transform:  translateY(20%);  transform: translateY(20%);-webkit-transition: transform 0.3s ease-out, opacity 0.3s ease-out;-moz-transition: transform 0.3s ease-out, opacity 0.3s ease-out;-o-transition: transform 0.3s ease-out, opacity 0.3s ease-out;transition: transform 0.3s ease-out, opacity 0.3s ease-out;}
.visual-slide .item .txt .btxt span{}
.visual-slide .item .txt .stxt{opacity:0; position:relative; display:inline-block;vertical-align:top; line-height:1.1em; font-size:70px; font-weight:900; color:#fff;-webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%);-o-transform:  translateY(20%);  transform: translateY(20%);-webkit-transition: transform 0.3s ease-out, opacity 0.3s ease-out;-moz-transition: transform 0.3s ease-out, opacity 0.3s ease-out;-o-transition: transform 0.3s ease-out, opacity 0.3s ease-out;transition: transform 0.3s ease-out, opacity 0.3s ease-out;}
.visual-slide .item .txt .stxt:after{position:absolute; left:0; bottom:9px; width:100%; height:15px;   display:block; content:"";z-index:-1 ; background: -webkit-gradient(linear, left top, right top, color-stop(0, #0068d0), color-stop(0.99, #13a7e2));background: -moz-linear-gradient(left, #0068d0 0%, #13a7e2 99%);background: -webkit-linear-gradient(left,  #0068d0 0%, #13a7e2 99%);background: -o-linear-gradient(left,  #0068d0 0%, #13a7e2 99%);background: -ms-linear-gradient(left,  #0068d0 0%, #13a7e2 99%);background: linear-gradient(left,  #0068d0 0%, #13a7e2 99%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0068d0', endColorstr='#13a7e2', gradientType=1);}
.visual-slide .item .txt ul{opacity:0;margin-top:70px;-webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%);-o-transform:  translateY(20%);  transform: translateY(20%);-webkit-transition: transform 0.3s ease-out, opacity 0.3s ease-out;-moz-transition: transform 0.3s ease-out, opacity 0.3s ease-out;-o-transition: transform 0.3s ease-out, opacity 0.3s ease-out;transition: transform 0.3s ease-out, opacity 0.3s ease-out;}
.visual-slide .item .txt ul:after{display:block; content:"";clear:both}
.visual-slide .item .txt li{float:left; line-height:22px; letter-spacing:-0.03em; font-size:20px; font-weight:400; color:#fff; position:relative;}
.visual-slide .item .txt li:nth-child(n+2){margin-left:21px;}
.visual-slide .item .txt li:nth-child(n+2):before{width:2px;height:16px; position:Absolute; left:-11px; top:50%;margin-top:-8px; background:#fff; display:block; content:"";border-radius:2px;}

.visual-slide .item.c02 .txt .stxt{font-size:60px; line-height:1.22em; letter-spacing:-0.04em;} 
.visual-slide .item.c02 .txt .stxt span{color:#31c4ff}
.visual-slide .item.c02 .txt .stxt:after{display:none}

.visual-slide .item.c01 .img{background:url(../img/main/visual-img01.jpg) no-repeat center top; }
.visual-slide .item.c02 .img{background:url(../img/main/visual-img02.jpg) no-repeat center top; }

.visual-slide .slick-dots{position:absolute;right:0; z-index:10; bottom:100px; box-sizing:border-box; width:100%;}
.visual-slide .slick-dots ul{height:6px; margin:0; padding:0; font-size:0;text-align:center;}
.visual-slide .slick-dots li{margin:0;display:inline-block;vertical-align:top;width:auto;height:16px; padding:0}
.visual-slide .slick-dots li:nth-child(n+2){margin-left:5px;}
.visual-slide .slick-dots li button{padding:0;width:6px;height:6px; margin:0;border:none; border-radius:6px; background:rgba(255,255,255,0.5)}
.visual-slide .slick-dots li.slick-active button{width:15px; background:#fff;}

.msec-visual .ctrl{position:absolute; z-index:14;left:50%; bottom:250px; width:100%;font-size:0;max-width:1240px;text-align:left; box-sizing:border-box; padding:0 20px;-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 .ctrl a{display:inline-block;vertical-align:top; width:24px;height:24px}
.msec-visual .ctrl a:nth-child(n+2){margin-left:10px;}
.msec-visual .ctrl .prev{background:url(../img/main/visual-prev.png) no-repeat center center; background-size:100% auto;}
.msec-visual .ctrl .next{background:url(../img/main/visual-next.png) no-repeat center center; background-size:100% auto;}

.msec-visual.ani .slick-active.item .nums{transition-delay: 0.3s;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0);-o-transform:  translateY(0);  transform: translateY(0);}
.msec-visual.ani .slick-active.item .nums:after{width:100%;transition-delay: 0.6s;}
.msec-visual.ani .slick-active.item .btxt{transition-delay: 0.9s;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0);-o-transform:  translateY(0);  transform: translateY(0);}
.msec-visual.ani .slick-active.item .stxt{transition-delay: 1.2s;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0);-o-transform:  translateY(0);  transform: translateY(0);}
.msec-visual.ani .slick-active.item ul{transition-delay: 1.5s;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0);-o-transform:  translateY(0);  transform: translateY(0);}
.msec-visual.ani .slick-active.item .img{transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
	@media only screen and (max-width:1400px){
		
	}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.msec-visual{height:750px}
		.visual-slide .item .img img{height:750px}
		.visual-slide .item .txt{top:183px;}
		.visual-slide .item .txt .ov{min-height:140px; margin-top:20px;}
		.visual-slide .item .txt .nums{font-size:17px; width:70px}
		.visual-slide .item .txt .btxt{font-size:25px;}
		.visual-slide .item .txt .stxt{font-size:60px;}
		.visual-slide .item .txt .stxt:after{height:10px}
		.visual-slide .item .txt ul{margin-top:30px;}
		.visual-slide .item .txt li{font-size:17px;}
		.visual-slide .item .txt li:nth-child(n+2):before{width:2px;height:12px; margin-top:-6px}
		
		.visual-slide .item.c02 .txt .stxt{font-size:45px;}

		.visual-slide .slick-dots{bottom:70px}

		.msec-visual .ctrl{bottom:210px;}
		.msec-visual .ctrl a{width:20px;height:20px;}
	}
	@media only screen and (max-width:680px){
		.msec-visual{height:600px}
		.visual-slide .item .img img{height:600px}
		
		.visual-slide .item .txt{top:133px; padding:0 16px;}
		.visual-slide .item .txt .ov{min-height:110px;}
		.visual-slide .item .txt .nums{font-size:15px;}
		.visual-slide .item .txt .btxt{font-size:20px;}
		.visual-slide .item .txt .stxt{font-size:45px;}
		.visual-slide .item .txt ul{margin-top:0;}
		.visual-slide .item .txt li{font-size:15px;}
		
		.visual-slide .item.c02 .txt .stxt{font-size:30px;}

		.visual-slide .slick-dots{bottom:40px}

		.msec-visual .ctrl{bottom:170px; padding:0 16px;}
		.msec-visual .ctrl a{width:16px;height:16px;}
		.msec-visual .ctrl a:nth-child(n+2){margin-left:7px;}
	}
	@media only screen and (max-width:480px){
		
	}



/* ======================================================
   .msec-01
=========================================================*/
.msec-01{position:relative;padding:100px 20px 100px; }
.msec-01 .tits{text-align:left;max-width:1200px; margin:0 auto;box-sizing:border-box; position:relative; z-index:2;}
.msec-01 .tits h3{line-height:1.1em;}
.msec-01 .tits h3 .btxt{color:#13a7e2;font-size:18px; font-weight:700; line-height:1.1em; text-transform:uppercase;display:block;}
.msec-01 .tits h3 .stxt{margin-top:15px;font-size:50px; line-height:60px; font-weight:800; color:#393941; display:inline-block;vertical-align:top; letter-spacing:-0.03em; position:relative;}
.msec-01 .tits h3 .stxt:after{position:absolute; left:0; bottom:6px; width:100%; height:15px; background:#13a7e2; opacity:0.2; display:block; content:"";z-index:-1}

.msec-01 .cont{max-width:1200px;  box-sizing:border-box; margin:0 auto; margin-top:80px;}
.msec-01 .cont ul{}
.msec-01 .cont ul:after{display:block; content:"";clear:both}
.msec-01 .cont li{float:left; width:49%}
.msec-01 .cont li:nth-child(even){float:right}
.msec-01 .cont li:nth-child(n+3){margin-top:2%}
.msec-01 .cont li a{display:block;position:relative;padding:20px; border:1px solid #e2e2e2;}
.msec-01 .cont li a .img{position:relative; overflow:hidden; border:1px solid #e2e2e2 }
.msec-01 .cont li a .img img{height:315px;object-fit:cover; width:100%;-webkit-transition: transform 0.5s ease-out;-moz-transition: transform 0.5s ease-out;-o-transition: transform 0.5s ease-out;transition: transform 0.5s ease-out;} 
.msec-01 .cont li a .txt{text-align:center; padding-top:35px; padding-bottom:40px; box-sizing:border-box; min-height:132px; position:relative; z-index:5;}
.msec-01 .cont li a .txt .btxt{font-size:20px; display:inline-block;vertical-align:top;position:relative; letter-spacing:-0.03em;font-weight:700; color:#393941;}
.msec-01 .cont li a .txt .btxt:after{position:absolute; left:0; bottom:0; width:100%; height:5px; background:#13a7e2; opacity:0.2; display:block; content:"";z-index:-1}
.msec-01 .cont li a .txt .stxt{font-size:15px;color:#777;letter-spacing:-0.03em; line-height:1.45em; margin-top:30px;word-break: keep-all;}

.msec-01 .cont li a:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}
	@media only screen and (max-width:1400px){
		
	}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.msec-01{padding:80px 20px;}
		.msec-01 .tits{text-align:center;}
		.msec-01 .tits h3 .btxt{margin-top:15px; font-size:17px; font-weight:800}
		.msec-01 .tits h3 .stxt{margin-top:10px; font-size:40px; line-height:1.2em;}
		.msec-01 .tits h3 .stxt:after{height:10px; bottom:2px}
		.msec-01 .tits h3 .stxt br{display:none}
		.msec-01 .tits p{margin-top:20px; font-size:17px;}
		
		.msec-01 .cont{margin-top:60px;}
		.msec-01 .cont li a{padding:16px;}
		.msec-01 .cont li a .img img{width:100%; height:auto;}
		.msec-01 .cont li a .txt{min-height:135px; padding:30px 0}
		.msec-01 .cont li a .txt .btxt{font-size:15px;}
		.msec-01 .cont li a .txt .btxt:after{height:5px; bottom:2px;}
		.msec-01 .cont li a .txt .stxt{font-size:13px; margin-top:15px;}
		
	}
	@media only screen and (max-width:680px){
		.msec-01{padding:60px 16px;}
		.msec-01 .tits h3 .btxt{font-size:13px; font-size:15px;}
		.msec-01 .tits h3 .stxt{font-size:30px;}
		.msec-01 .tits h3 .stxt:after{height:7px;}
		.msec-01 .tits p{font-size:15px;}

		.msec-01 .cont{margin-top:30px;}
		.msec-01 .cont li{float:none; width:auto}
		.msec-01 .cont li:nth-child(even){float:none}
		.msec-01 .cont li:nth-child(n+2){margin-top:20px;}
		.msec-01 .cont li a{padding:12px;}
		.msec-01 .cont li a .txt{min-height:auto; padding:20px 0;}
		.msec-01 .cont li a .txt .btxt{font-size:15px;}
		.msec-01 .cont li a .txt .btxt:after{height:5px;}
		.msec-01 .cont li a .txt .stxt{font-size:13px;}
		
		
	}
	@media only screen and (max-width:480px){
		.msec-01{padding:40px 16px 60px 16px;}
		.msec-01 .tits h3 .btxt{font-size:13px;}
		.msec-01 .tits h3 .stxt{font-size:20px;}	
		

		.msec-01 .cont li a .txt .btxt{font-size:15px;}
		.msec-01 .cont li a .txt .stxt{font-size:13px;}
	}




/* ======================================================
   .msec-02
=========================================================*/
.msec-02{position:relative;padding:80px 20px 80px; }
.msec-02:after{position:absolute; left:0;top:0; width:100%;height:100%; display:block; content:"";z-index:-1;background:#f8f9fb;}

.msec-02 .tits{text-align:left;max-width:1200px;margin:0 auto;box-sizing:border-box; position:relative; z-index:2;}
.msec-02 .tits h3{line-height:1.1em;}
.msec-02 .tits h3 .btxt{color:#13a7e2;font-size:18px; font-weight:700; line-height:1.1em; text-transform:uppercase;display:block;}
.msec-02 .tits h3 .stxt{margin-top:15px;font-size:50px; line-height:60px; font-weight:800; color:#393941; display:inline-block;vertical-align:top; letter-spacing:-0.03em; position:relative;}
.msec-02 .tits h3 .stxt:after{position:absolute; left:0; bottom:6px; width:100%; height:15px; background:#13a7e2; opacity:0.2; display:block; content:"";z-index:-1}

.msec-02 .cont{max-width:1200px; box-sizing:border-box; margin:0 auto; margin-top:60px;}
.msec-02 .vtab{position:relative;z-index:2}
.msec-02 .vtab:after{width:100%;height:1px; position:Absolute; left:0; bottom:0; display:block; content:"";z-index:-1; background:#e2e2e2}
.msec-02 .vtab-slide{overflow:visible !important}
.msec-02 .vtab ul{}
.msec-02 .vtab ul:after{display:block; content:"";clear:both;}
.msec-02 .vtab li{float:left;}
.msec-02 .vtab li a{padding:12px 0 14px; display:block; font-size:20px ;font-weight:400; color:#c2c2c2; letter-spacing:-0.03em;text-align:center; position:relative;}
.msec-02 .vtab li.active a{color:#13a7e2}
.msec-02 .vtab li.active a:after{position:Absolute; left:0; bottom:0; width:100%;height:3px; background:#13a7e2; display:block; content:"";}

.msec-02 .vlist{margin-top:45px;}
.msec-02 .vlist .item{}
.msec-02 .vlist .item .txt{text-align:center;}
.msec-02 .vlist .item .txt p{display:inline-block;vertical-align:top;border:1px solid #13a7e2; color:#13a7e2;padding:15px 50px; font-size:20px; font-weight:700; letter-spacing:-0.03em; border-radius:52px; line-height:1.2em;background:#fff;box-shadow: 0 3px 20px rgba(19, 167, 226, 0.2)  ; -webkit-box-shadow: 0 3px 20px rgba(19, 167, 226, 0.2); -moz-box-shadow: 0 3px 20px rgba(19, 167, 226, 0.2)  ; word-break: keep-all;}
.msec-02 .vlist .item .img{margin-top:45px;text-align:center;}
.msec-02 .vlist .item .img img{width:100%; max-width:984px; display:inline-block;vertical-align:top;}
	@media only screen and (max-width:1400px){
		
	}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.msec-02{padding:80px 20px;}
		.msec-02 .tits{text-align:center;}
		.msec-02 .tits h3 .btxt{margin-top:15px; font-size:17px; font-weight:800}
		.msec-02 .tits h3 .stxt{margin-top:10px; font-size:40px; line-height:1.2em;}
		.msec-02 .tits h3 .stxt:after{height:10px; bottom:2px}
		.msec-02 .tits p{margin-top:20px; font-size:17px;}
		
		.msec-02 .cont{margin-top:60px;}
		.msec-02 .vtab li{width:auto !important ; margin-left:40px}
		.msec-02 .vtab li:first-child{margin-left:0;}
		.msec-02 .vtab li a{font-size:17px;}

		.msec-02 .vlist{margin-top:30px;}
		.msec-02 .vlist .item .txt p{font-size:17px;padding:15px 30px; }
		.msec-02 .vlist .item .img img{max-width:none;}
	
	}
	@media only screen and (max-width:680px){
		.msec-02{padding:60px 16px;}
		.msec-02 .tits h3 .btxt{font-size:13px; font-size:15px;}
		.msec-02 .tits h3 .stxt{font-size:30px;}
		.msec-02 .tits h3 .stxt:after{height:7px;}
		.msec-02 .tits p{font-size:15px;}

		.msec-02 .cont{margin-top:30px;}
		.msec-02 .vtab li{margin-left:30px}
		.msec-02 .vtab li a{font-size:16px;}
		.msec-02 .vlist .item .txt p{font-size:15px;padding:15px 15px; }
		
	}
	@media only screen and (max-width:480px){
		.msec-02{padding:40px 16px 60px 16px;}
		.msec-02 .tits h3 .btxt{font-size:13px;}
		.msec-02 .tits h3 .stxt{font-size:20px;}	
		
		.msec-02 .vtab li{margin-left:20px}
		.msec-02 .vtab li a{font-size:15px;}
		
		.msec-02 .vlist .item .txt p{font-size:13px; }
		
	}

/* ======================================================
   .msec-03
=========================================================*/
.msec-03{position:relative;padding:100px 20px 100px; }

.msec-03 .tits{text-align:left;max-width:1200px; margin:0 auto;box-sizing:border-box; position:relative; z-index:2;}
.msec-03 .tits h3{line-height:1.1em;}
.msec-03 .tits h3 .btxt{color:#13a7e2;font-size:18px; font-weight:700; line-height:1.1em; text-transform:uppercase;display:block;}
.msec-03 .tits h3 .stxt{margin-top:15px;font-size:50px; line-height:60px; font-weight:800; color:#393941; display:inline-block;vertical-align:top; letter-spacing:-0.03em; position:relative;}
.msec-03 .tits h3 .stxt:after{position:absolute; left:0; bottom:6px; width:100%; height:15px; background:#13a7e2; opacity:0.2; display:block; content:"";z-index:-1}

.msec-03 .cont{max-width:1200px;  box-sizing:border-box; margin:0 auto; margin-top:80px;}
.msec-03 .cont ul{}
.msec-03 .cont ul:after{display:block; content:"";clear:both}
.msec-03 .cont li{float:left; width:48%}
.msec-03 .cont li:nth-child(even){float:right}
.msec-03 .cont li a{display:block;position:relative;}
.msec-03 .cont li a .img{position:relative; overflow:hidden;}
.msec-03 .cont li a .img img{width:100%;height:332px;object-fit:cover; width:100%;-webkit-transition: transform 0.5s ease-out;-moz-transition: transform 0.5s ease-out;-o-transition: transform 0.5s ease-out;transition: transform 0.5s ease-out;} 
.msec-03 .cont li a .txt{position:absolute ;left:0; top:50%; width:100%; padding-top:65px; font-size:20px; color:#fff; letter-spacing:-0.03em; line-height:1.2em;background:url(../img/main/ico-play.png) no-repeat center top; z-index:2;text-align:center; background-size:50px auto;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);-o-transform:  translateY(-50%);  transform: translateY(-50%);}
.msec-03 .cont li a:after{position:absolute; left:0; top:0; width:100%;height:100%;background:rgba(0,0,0,0.5); display:block; content:""; z-index:1;}

.msec-03 .cont li a:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}
	@media only screen and (max-width:1400px){
		
	}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.msec-03{padding:80px 20px;}
		.msec-03 .tits{text-align:center;}
		.msec-03 .tits h3 .btxt{margin-top:15px; font-size:17px; font-weight:800}
		.msec-03 .tits h3 .stxt{margin-top:10px; font-size:40px; line-height:1.2em;}
		.msec-03 .tits h3 .stxt:after{height:10px; bottom:2px}
		.msec-03 .tits p{margin-top:20px; font-size:17px;}
		
		.msec-03 .cont{margin-top:60px;}
		.msec-03 .cont li a .txt{font-size:17px; padding-top:60px;}
		.msec-03 .cont li a .img img{height:290px;}
	}
	@media only screen and (max-width:680px){
		.msec-03{padding:60px 16px;}
		.msec-03 .tits h3 .btxt{font-size:13px; font-size:15px;}
		.msec-03 .tits h3 .stxt{font-size:30px;}
		.msec-03 .tits h3 .stxt:after{height:7px;}
		.msec-03 .tits p{font-size:15px;}

		.msec-03 .cont{margin-top:30px;}
		.msec-03 .cont li{float:none; width:auto}
		.msec-03 .cont li:nth-child(n+2){margin-top:20px;}
		.msec-03 .cont li:nth-child(even){float:none}
		.msec-03 .cont li a .txt{font-size:15px;}
		.msec-03 .cont li a .img img{height:240px;}
	}
	@media only screen and (max-width:480px){
		.msec-03{padding:40px 16px 60px 16px;}
		.msec-03 .tits h3 .btxt{font-size:13px;}
		.msec-03 .tits h3 .stxt{font-size:20px;}	
		
		.msec-03 .cont li a .img img{height:193px;}
	}


/* ======================================================
   .msec-04
=========================================================*/
.msec-04{position:relative;padding:100px 20px 100px; }
.msec-04:after{position:absolute; left:0;top:0; width:100%;height:346px; display:block; content:"";z-index:-1;background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #13a7e2), color-stop(1, #0068d0));background: -moz-linear-gradient(-45deg, #13a7e2 0%, #0068d0 100%);background: -webkit-linear-gradient(-45deg,  #13a7e2 0%, #0068d0 100%);background: -o-linear-gradient(-45deg,  #13a7e2 0%, #0068d0 100%);background: -ms-linear-gradient(-45deg,  #13a7e2 0%, #0068d0 100%);background: linear-gradient(-45deg,  #13a7e2 0%, #0068d0 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13a7e2', endColorstr='#0068d0', gradientType=1);}

.msec-04 .tits{text-align:left;max-width:1200px;  margin:0 auto;box-sizing:border-box; position:relative; z-index:2;}
.msec-04 .tits h3{line-height:1.1em;}
.msec-04 .tits h3 .btxt{color:#13a7e2;font-size:18px; font-weight:700; line-height:1.1em; text-transform:uppercase;display:block;}
.msec-04 .tits h3 .stxt{margin-top:15px;font-size:50px; line-height:60px; font-weight:800; color:#fff; display:inline-block;vertical-align:top; letter-spacing:-0.03em; position:relative;}
.msec-04 .tits h3 .stxt:after{position:absolute; left:0; bottom:6px; width:100%; height:15px; background:#fff; opacity:0.2; display:block; content:"";z-index:-1}
.msec-04 .cont{max-width:1200px; box-sizing:border-box; margin:0 auto; margin-top:80px;}
.msec-04 .cont ul{margin:0 -1%}
.msec-04 .cont ul:after{display:block; content:"";clear:both}
.msec-04 .cont li{float:left; width:23%; margin:0 1%}
.msec-04 .cont li:nth-child(n+5){margin-top:20px;}
.msec-04 .cont li a{display:block; border:1px solid #e2e2e2; height:150px; box-sizing:border-box;background:#fff;text-align:Center;}
.msec-04 .cont li img{height:148px}
	@media only screen and (max-width:1400px){
		.msec-04 .cont li a{height:auto; padding:12px 0}
		.msec-04 .cont li img{height:120px}
	}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.msec-04{padding:80px 20px;}
		.msec-04:after{height:260px;}
		.msec-04 .tits{text-align:center;}
		.msec-04 .tits h3 .btxt{margin-top:15px; font-size:17px; font-weight:800}
		.msec-04 .tits h3 .stxt{margin-top:10px; font-size:40px; line-height:1.2em;}
		.msec-04 .tits h3 .stxt:after{height:10px; bottom:2px}
		.msec-04 .tits p{margin-top:20px; font-size:17px;}
		
		.msec-04 .cont{margin-top:60px;}
		.msec-04 .cont ul{margin:0 -1.5%}
		.msec-04 .cont li{width:47%;margin:0 1.5%}
		.msec-04 .cont li:nth-child(n+3){margin-top:3%;}
		.msec-04 .cont li a{padding:12px 0; height:auto;}
		.msec-04 .cont li img{height:100px}
	}
	@media only screen and (max-width:680px){
		.msec-04{padding:60px 16px;}
		.msec-04:after{height:200px;}
		.msec-04 .tits h3 .btxt{font-size:13px; font-size:15px;}
		.msec-04 .tits h3 .stxt{font-size:30px;}
		.msec-04 .tits h3 .stxt:after{height:7px;}
		.msec-04 .tits p{font-size:15px;}

		.msec-04 .cont{margin-top:30px;}
		.msec-04 .cont li img{height:80px}
	}
	@media only screen and (max-width:480px){
		.msec-04{padding:40px 16px 60px 16px;}
		.msec-04:after{height:169px;}
		.msec-04 .tits h3 .btxt{font-size:13px;}
		.msec-04 .tits h3 .stxt{font-size:20px;}
		.msec-04 .cont li img{height:64px}
	}


/* ======================================================
   .msec-05
=========================================================*/
.msec-05{position:relative;padding:100px 20px 100px; }
.msec-05:after{position:absolute; left:0;top:0; width:100%;height:100%; display:block; content:"";z-index:-1;background:#f8f9fb;}

.msec-05 .tits{text-align:left;max-width:1200px; margin:0 auto;box-sizing:border-box; position:relative; z-index:2;}
.msec-05 .tits h3{line-height:1.1em;}
.msec-05 .tits h3 .btxt{color:#13a7e2;font-size:18px; font-weight:700; line-height:1.1em; text-transform:uppercase;display:block;}
.msec-05 .tits h3 .stxt{margin-top:15px;font-size:50px; line-height:60px; font-weight:800; color:#393941; display:inline-block;vertical-align:top; letter-spacing:-0.03em; position:relative;}
.msec-05 .tits h3 .stxt:after{position:absolute; left:0; bottom:6px; width:100%; height:15px; background:#13a7e2; opacity:0.2; display:block; content:"";z-index:-1}

.msec-05 .cont{max-width:1200px; box-sizing:border-box; margin:0 auto; margin-top:60px;}
.msec-05 .cont table{}
.msec-05 .cont table thead{}
.msec-05 .cont table thead th{text-align:left; padding:20px 0; text-align:left; font-size:20px; font-weight:700; color:#393941; letter-spacing:-0.03em; line-height:1.2em;}
.msec-05 .cont table tbody th{text-align:left;font-size:18px;vertical-align:top; font-weight:700; letter-spacing:-0.03em; line-height:1.4em; color:#777; padding:20px 0 30px;border-top:1px solid #c2c2c2}
.msec-05 .cont table tbody td{text-align:left;font-size:18px;vertical-align:top;font-weight:400; letter-spacing:-0.03em; line-height:1.4em; color:#777; padding:20px 0 30px;border-top:1px solid #c2c2c2}

.msec-05 .cont .usd{}
.msec-05 .cont .usd .btxt{font-size:40px; letter-spacing:-0.02em; color:#13a7e2; font-weight:900; line-height:1.1em; word-break: keep-all;}
.msec-05 .cont .usd .btxt span{font-size:20px; color:#393941 ; margin-left:5px; font-weight:400;}
.msec-05 .cont .usd .stxt{margin-top:7px;font-size:15px; font-weight:400; color:#777; letter-spacing:-0.03em; line-height:1.2em; word-break: keep-all;;}
.msec-05 .cont .usd .ctxt{margin-top:12px;font-size:18px; font-weight:700; color:#393941; letter-spacing:-0.03em; line-height:1.2em; word-break: keep-all;}

.msec-05 .cont ul{}
.msec-05 .cont ul li{position:relative; padding-left:25px;line-height:20px;font-size:18px; line-height:1.4em; color:#777; letter-spacing:-0.03em;word-break:keep-all}
.msec-05 .cont ul li:before{width:20px;height:20px; position:absolute; left:0; top:2px;background:url(../img/main/ico-check.png) no-repeat left center; background-size:100% auto; display:block; content:""}
.msec-05 .cont ul li:nth-child(n+2){margin-top:17px;}
.msec-05 .cont ul li.first{padding-left:0;color:#13a7e2}
.msec-05 .cont ul li.first:before{display:none;}
	@media only screen and (max-width:1400px){
		
	}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.msec-05{padding:80px 20px;}
		.msec-05 .tits{text-align:center;}
		.msec-05 .tits h3 .btxt{margin-top:15px; font-size:17px; font-weight:800}
		.msec-05 .tits h3 .stxt{margin-top:10px; font-size:40px; line-height:1.2em;}
		.msec-05 .tits h3 .stxt:after{height:10px; bottom:2px}
		.msec-05 .tits p{margin-top:20px; font-size:17px;}
		
		.msec-05 .cont{margin-top:60px;}

		.msec-05 .cont table thead th{font-size:17px; padding:20px 0}
		.msec-05 .cont table tbody th{font-size:17px;}
		.msec-05 .cont table tbody td{font-size:16px;}

		.msec-05 .cont .usd .btxt{font-size:27px;}
		.msec-05 .cont .usd .btxt span{font-size:15px;}
		.msec-05 .cont .usd .stxt{font-size:15px;}
		.msec-05 .cont .usd .ctxt{font-size:16px}
		
		.msec-05 .cont ul li{font-size:16px; padding-left:20px;}
		.msec-05 .cont ul li:before{width:16px;height:16px;background-size:16px auto;top:3px}
		.msec-05 .cont ul li:nth-child(n+2){margin-top:15px;}
	}
	@media only screen and (max-width:680px){
		.msec-05{padding:60px 16px;}
		.msec-05 .tits h3 .btxt{font-size:13px; font-size:15px;}
		.msec-05 .tits h3 .stxt{font-size:30px;}
		.msec-05 .tits h3 .stxt:after{height:7px;}
		.msec-05 .tits p{font-size:15px;}

		.msec-05 .cont{margin-top:30px;}

		.msec-05 .cont table thead th{font-size:15px; padding:15px 0}
		.msec-05 .cont table tbody th{font-size:15px;}
		.msec-05 .cont table tbody td{font-size:15px;}


		.msec-05 .cont .usd .btxt{font-size:24px;}
		.msec-05 .cont .usd .btxt span{font-size:13px;}
		.msec-05 .cont .usd .stxt{font-size:13px;}
		.msec-05 .cont .usd .ctxt{font-size:14px}

		.msec-05 .cont ul li{font-size:14px; padding-left:16px;}
		.msec-05 .cont ul li:before{width:14px;height:14px;background-size:14px auto;}
	}
	@media only screen and (max-width:480px){
		.msec-05{padding:40px 16px 60px 16px;}
		.msec-05 .tits h3 .btxt{font-size:13px;}
		.msec-05 .tits h3 .stxt{font-size:20px;}

		.msec-05 .cont table thead th{font-size:13px; padding:10px 0}
		.msec-05 .cont table tbody th{font-size:13px;}
		.msec-05 .cont table tbody td{font-size:13px;}

		.msec-05 .cont .usd .btxt{font-size:30px;}
		.msec-05 .cont .usd .btxt span{font-size:11px;}
		.msec-05 .cont .usd .stxt{font-size:11px;}
		.msec-05 .cont .usd .ctxt{font-size:12px}

		.msec-05 .cont ul li{font-size:12px; padding-left:12px;}
		.msec-05 .cont ul li:before{width:10px;height:10px;background-size:10px auto; }
	}


/* ======================================================
   .msec-06
=========================================================*/
.msec-06{position:relative;padding:100px 20px 100px; }
.msec-06 .tits{text-align:left;max-width:1240px;margin:0 auto;box-sizing:border-box; position:relative; z-index:2;}
.msec-06 .tits h3{line-height:1.1em;}
.msec-06 .tits h3 .btxt{color:#13a7e2;font-size:18px; font-weight:700; line-height:1.1em; text-transform:uppercase;display:block;}
.msec-06 .tits h3 .stxt{margin-top:15px;font-size:50px; line-height:60px; font-weight:800; color:#393941; display:inline-block;vertical-align:top; letter-spacing:-0.03em; position:relative;}
.msec-06 .tits h3 .stxt:after{position:absolute; left:0; bottom:6px; width:100%; height:15px; background:#13a7e2; opacity:0.2; display:block; content:"";z-index:-1}

.msec-06 .cont{max-width:1200px; padding:0 0 20px 0; box-sizing:border-box; margin:0 auto; margin-top:80px;position:relative;}

.msec-06 .cont .cost-slide:after{display:block; content:"";clear:both;}
.msec-06 .cont .slick-list{overflow:visible;}

.msec-06 .cont .slick-track{}
.msec-06 .cont .item{width:31.333333%; margin:0 1%;position:relative;float:left;height:803px; padding:0 30px; box-sizing:border-box;} 
.msec-06 .cont .item:before{position:absolute; left:0; top:10px; height:calc(100% - 10px); width:100%; box-sizing:border-box;background:#fff; border-radius:10px;text-align:center;box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1); display:block; content:"";z-index:-1}
.msec-06 .cont .item .step{position:absolute; left:50%; width:168px; text-align:Center; font-size:20px;margin-left:-84px; top:0; border-radius:18px; border-top-left-radius:0; border-top-right-radius:0; line-height:60px;text-transform:uppercase; color:rgba(255,255,255,0.85)}
.msec-06 .cont .item .step span{font-size:30px; color:#fff; font-weight:700; margin-left:10px; }
.msec-06 .cont .item .step:before{  width: 0;height: 0; border-bottom: 10px solid #0482b4;border-right: 10px solid transparent; position:absolute; right:-10px; display:block; content:""; top:0;}
.msec-06 .cont .item .step:after{  width: 0;height: 0; border-bottom: 10px solid #0482b4;border-left: 10px solid transparent; position:absolute; left:-10px; display:block; content:""; top:0;}
.msec-06 .cont .item .won{font-size:20px; font-weight:700; color:#777; letter-spacing:-0.03em; line-height:1.2em;padding-top:100px;}
.msec-06 .cont .item .won span{font-size:30px; font-weight:800; color:#13a7e2; line-height:1.2em; display:block; margin-top:5px;}
.msec-06 .cont .item .txt{padding-top:20px; margin-top:20px; border-top:1px solid #e2e2e2;}
.msec-06 .cont .item .txt .c02{margin-top:25px;}
.msec-06 .cont .item .txt .c03{margin-top:25px;}
.msec-06 .cont .item .txt .c04{margin-top:25px;}

.msec-06 .cont .item dl{}
.msec-06 .cont .item dt{font-size:15px; font-weight:700; color:#393941; letter-spacing:-0.03em; margin-bottom:15px;}
.msec-06 .cont .item dd{position:Relative;padding-left:20px; line-height:1.25em; font-size:13px; color:#777; letter-spacing:-0.03em;}
.msec-06 .cont .item dd:before{width:15px;height:15px; position:absolute; left:0; top:0;background:url(../img/main/ico-check.png) no-repeat left center; background-size:100% auto; display:block; content:""}
.msec-06 .cont .item dd:nth-child(n+3){margin-top:11px;}

.msec-06 .cont .item .c01{min-height:53px}
.msec-06 .cont .item .c02{min-height:189px}
.msec-06 .cont .item .c03{min-height:189px}

.msec-06 .cont .item.c01 .step{background:#13a7e2; }
.msec-06 .cont .item.c01 .step:before, .msec-06 .cont .item.c01 .step:after{ border-bottom-color:#0482b4}
.msec-06 .cont .item.c02 .step{background:#016ad1; }
.msec-06 .cont .item.c02 .step:before, .msec-06 .cont .item.c02 .step:after{ border-bottom-color:#004487}
.msec-06 .cont .item.c03 .step{background:#26487d; }
.msec-06 .cont .item.c03 .step:before, .msec-06 .cont .item.c03 .step:after{ border-bottom-color:#08234e}

.msec-06 .cont .item.c01 .won span{color:#13a7e2}
.msec-06 .cont .item.c02 .won span{color:#016ad1}
.msec-06 .cont .item.c03 .won span{color:#26487d}

.msec-06 .cont .item:after{width:220px;height:5px; border-radius:10px; left:50%; margin-left:-110px; position:absolute; bottom:0; display:block; content:""; border-bottom-left-radius:0; border-bottom-right-radius:0;}

.msec-06 .cont .item.c01:after{background:#13a7e2}
.msec-06 .cont .item.c02:after{background:#016ad1}
.msec-06 .cont .item.c03:after{background:#26487d}

.msec-06 .cont .owl-nav{display:block !important;}
.msec-06 .cont .owl-prev{z-index:912;display:none !important;border:none; text-indent:-9999em;width:20px;height:20px; position:absolute ;left:-28px; top:50%; margin-top:-10px; background:url(../img/main/cost-prev.png) no-repeat center center; background-size:15px auto;}
.msec-06 .cont .owl-next{z-index:912;display:none !important;border:none; text-indent:-9999em;width:20px;height:20px; position:absolute ;right:-28px; top:50%; margin-top:-10px; background:url(../img/main/cost-next.png) no-repeat center center; background-size:15px auto;}
	
.msec-06 .cont .owl-dots{display:none;}	
	@media only screen and (max-width:1400px){
		
	}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (min-width:1000px){
		.msec-06 .cont .cost-slide{}
		.msec-06 .cont .slick-track{width:auto !important; left:auto !important;margin:0 -1%}
	}
	@media only screen and (max-width:999px){
		.msec-06{padding:80px 20px;}
		.msec-06 .tits{text-align:center;}
		.msec-06 .tits h3 .btxt{margin-top:15px; font-size:17px; font-weight:800}
		.msec-06 .tits h3 .stxt{margin-top:10px; font-size:40px; line-height:1.2em;}
		.msec-06 .tits h3 .stxt:after{height:10px; bottom:2px}
		
		.msec-06 .cont{margin-top:60px; padding:0 24px 24px 24px;}
		.msec-06 .cont .cost-slide{margin:0 }
		.msec-06 .cont .owl-stage-outer{overflow:visible}
		.msec-06 .cont .item{float:none;width:auto; margin:0;}
		.msec-06 .cont .item:before{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;-webkit-transition: box-shadow 0.3s ease-out;-moz-transition: box-shadow 0.3s ease-out;-o-transition: box-shadow 0.3s ease-out;transition: box-shadow 0.3s ease-out;}
		.msec-06 .cont .owl-item.active .item:before{box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);}

		.msec-06 .cont .item .step span{margin-left:5px}

		.msec-06 .cont .owl-prev{display:block !important;}
		.msec-06 .cont .owl-next{display:block !important;}
	}
	@media only screen and (max-width:680px){
		.msec-06{padding:60px 16px;}
		.msec-06 .tits{padding:0 16px 0 16px;}
		.msec-06 .tits h3 .btxt{font-size:13px; font-size:15px;}
		.msec-06 .tits h3 .stxt{font-size:30px;}
		.msec-06 .tits h3 .stxt:after{height:7px;}

		.msec-06 .cont{padding:0 24px 24px 24px;margin-top:40px;}
	}
	@media only screen and (max-width:480px){
		.msec-06{padding:40px 16px;}
		.msec-06 .tits h3 .btxt{font-size:13px;}
		.msec-06 .tits h3 .stxt{font-size:20px;}
	}




/* ======================================================
   .msec-07
=========================================================*/
.msec-07{position:relative;padding:80px 20px 97px; }
.msec-07:after{position:absolute; left:0;top:0; width:100%;height:100%; display:block; content:"";z-index:-1;background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #13a7e2), color-stop(1, #0068d0));background: -moz-linear-gradient(-45deg, #13a7e2 0%, #0068d0 100%);background: -webkit-linear-gradient(-45deg,  #13a7e2 0%, #0068d0 100%);background: -o-linear-gradient(-45deg,  #13a7e2 0%, #0068d0 100%);background: -ms-linear-gradient(-45deg,  #13a7e2 0%, #0068d0 100%);background: linear-gradient(-45deg,  #13a7e2 0%, #0068d0 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13a7e2', endColorstr='#0068d0', gradientType=1);}
.msec-07 .tits{position:relative; text-align:left;max-width:1200px; margin:0 auto;box-sizing:border-box; position:relative; z-index:2;}
.msec-07 .tits h3{line-height:1.1em;}
.msec-07 .tits h3 .btxt{color:#53ffd6;font-size:18px; font-weight:700; line-height:1.1em; text-transform:uppercase;display:block;}
.msec-07 .tits h3 .stxt{margin-top:15px;font-size:50px; line-height:60px; font-weight:800; color:#fff; display:inline-block;vertical-align:top; letter-spacing:-0.03em; position:relative;}
.msec-07 .tits h3 .stxt:after{position:absolute; left:0; bottom:6px; width:100%; height:15px;background:#fff; opacity:0.2; display:block; content:"";z-index:1}
.msec-07 .tits p{margin-top:30px; font-size:20px; font-weight:700; color:#fff; line-height:1.2em; letter-spacing:-0.03em;}

.msec-07 .cont{max-width:1200px; box-sizing:border-box; margin:0 auto; margin-top:80px;}
.msec-07 .cont .cost{}
.msec-07 .cont .cost ul{margin:0 -1%}
.msec-07 .cont .cost ul:after{display:block; content:"";clear:both}
.msec-07 .cont .cost li{float:left; width:31.3333333333%; margin:0 1%; background:#fff; border-radius:10px; padding:40px 0;text-align:center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1)  ; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1)  ; }
.msec-07 .cont .cost li .btxt{display:inline-block;vertical-align:top;line-height:52px; font-size:20px;font-weight:700;letter-spacing:-0.03em; border-radius:10px; color:#016ad1; width:183px; background:rgba(1,105,209,0.2)} 
.msec-07 .cont .cost li .stxt{margin-top:20px;display:block;font-size:30px; line-height:20px; text-align:Center; font-weight:800; color:#393941; line-height:1.2em}
.msec-07 .cont .cost li .stxt span{font-size:20px; color:#777; margin-left:5px; font-weight:400;}

.msec-07 .cont .service{margin-top:40px;padding:40px 10px; background:#fff; border-radius:10px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1)  ; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1)  ;}
.msec-07 .cont .service dl{}
.msec-07 .cont .service dl:after{display:block; content:"";clear:both;}
.msec-07 .cont .service dt{text-align:center;line-height:1.2em; color:#393941; font-size:20px; letter-spacing:-0.03em; float:left; margin-bottom:40px; width:100%;}
.msec-07 .cont .service dd{float:left; width:25%; position:relative; }
.msec-07 .cont .service dd{color:#393941; font-size:15px; line-height:1.25em; text-align:center;padding-top:80px; background-size:70px auto !important}
.msec-07 .cont .service dd:nth-child(2){background:url(../img/main/counsel-ico01.png) no-repeat center top}
.msec-07 .cont .service dd:nth-child(3){background:url(../img/main/counsel-ico02.png) no-repeat center top}
.msec-07 .cont .service dd:nth-child(4){background:url(../img/main/counsel-ico03.png) no-repeat center top}
.msec-07 .cont .service dd:nth-child(5){background:url(../img/main/counsel-ico04.png) no-repeat center top}
.msec-07 .cont .service dd:nth-child(n+3):before{position:absolute;width:1px;height:40px; top:50%;margin-top:-20px; background:rgba(57,57,57,0.2);display:block; content:""; left:-1px;}
	@media only screen and (max-width:1400px){
		
	}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.msec-07{padding:80px 20px;}
		.msec-07 .tits{text-align:center;}
		.msec-07 .tits h3 .btxt{margin-top:15px; font-size:17px; font-weight:800}
		.msec-07 .tits h3 .stxt{margin-top:10px; font-size:40px; line-height:1.2em;}
		.msec-07 .tits h3 .stxt:after{height:10px; bottom:2px}
		.msec-07 .tits p{margin-top:20px; font-size:17px;}
		
		.msec-07 .cont{margin-top:60px;}
		.msec-07 .cont .cost ul{margin:0}
		.msec-07 .cont .cost li{float:none;padding:25px 0; width:auto; margin:0;}
		.msec-07 .cont .cost li:nth-child(n+2){margin-top:15px;}
		.msec-07 .cont .cost li .btxt{font-weight:900;}
		.msec-07 .cont .cost li .stxt span{margin-left:3px}

		.msec-07 .cont .service{margin-top:15px; padding:40px 5px}
		.msec-07 .cont .service dt{font-weight:900}
		.msec-07 .cont .service dd{width:50%; font-size:14px; }
		.msec-07 .cont .service dd:nth-child(n+4){margin-top:40px;}
		.msec-07 .cont .service dd:nth-child(n+3):before{display:none}		
	}
	@media only screen and (max-width:680px){
		.msec-07{padding:60px 16px;}
		.msec-07 .tits h3 .btxt{font-size:13px; font-size:15px;}
		.msec-07 .tits h3 .stxt{font-size:30px;}
		.msec-07 .tits h3 .stxt:after{height:7px;}
		.msec-07 .tits p{font-size:15px;}

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

	}
	@media only screen and (max-width:480px){
		.msec-07{padding:40px 16px 60px 16px;}
		.msec-07 .tits h3 .btxt{font-size:13px;}
		.msec-07 .tits h3 .stxt{font-size:20px;}

		.msec-07 .cont .service dd{font-size:13px;}
	}




/* ======================================================
   .msec-08
=========================================================*/
.msec-08{position:relative;padding:100px 0 100px; }
.msec-08 .tits{text-align:left;max-width:1240px; padding:0 20px; margin:0 auto;box-sizing:border-box; position:relative; z-index:2;}
.msec-08 .tits h3{line-height:1.1em;}
.msec-08 .tits h3 .btxt{color:#13a7e2;font-size:18px; font-weight:700; line-height:1.1em; text-transform:uppercase;display:block;}
.msec-08 .tits h3 .stxt{margin-top:15px;font-size:50px; line-height:60px; font-weight:800; color:#393941; display:inline-block;vertical-align:top; letter-spacing:-0.03em; position:relative;}
.msec-08 .tits h3 .stxt:after{position:absolute; left:0; bottom:6px; width:100%; height:15px; background:#13a7e2; opacity:0.2; display:block; content:"";z-index:-1}
.msec-08 .cont{max-width:1240px; padding:0 20px; box-sizing:border-box; margin:0 auto; margin-top:80px;}
.msec-08 .cont .img{}
.msec-08 .cont .img img{width:100%;}
.msec-08 .cont .img .desktop{display:block}
.msec-08 .cont .img .mobile{display:none}
	@media only screen and (max-width:1400px){
		
	}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.msec-08{padding:80px 0;}
		.msec-08 .tits{text-align:center;}
		.msec-08 .tits h3 .btxt{margin-top:15px; font-size:17px; font-weight:800}
		.msec-08 .tits h3 .stxt{margin-top:10px; font-size:40px; line-height:1.2em;}
		.msec-08 .tits h3 .stxt:after{height:10px; bottom:2px}
		
		.msec-08 .cont{margin-top:60px;}
		.msec-08 .cont .img .desktop{display:none}
		.msec-08 .cont .img .mobile{display:block}
	}
	@media only screen and (max-width:680px){
		.msec-08{padding:60px 0;}
		.msec-08 .tits{padding:0 16px;}
		.msec-08 .tits h3 .btxt{font-size:13px; font-size:15px;}
		.msec-08 .tits h3 .stxt{font-size:30px;}
		.msec-08 .tits h3 .stxt:after{height:7px;}

		.msec-08 .cont{padding:0 16px;margin-top:40px;}
	}
	@media only screen and (max-width:480px){
		.msec-08{padding:40px 0 60px 0;}
		.msec-08 .tits h3 .btxt{font-size:13px;}
		.msec-08 .tits h3 .stxt{font-size:20px;}
	}



/* ======================================================
   .msec-09
=========================================================*/
.msec-09{position:relative;padding:100px 0 75px; background:url(../img/main/service-bg.jpg) no-repeat center top ;background-size:cover;}
.msec-09 .tits{text-align:left;max-width:1240px; padding:0 20px; margin:0 auto;box-sizing:border-box; position:relative; z-index:2;}
.msec-09 .tits h3{font-family: 'NanumSquare' ;font-size:50px; line-height:60px; font-weight:800; color:#fff; line-height:60px;}
.msec-09 .tits ul{margin-top:26px}
.msec-09 .tits ul:after{display:block; content:"";clear:both;}
.msec-09 .tits li{float:left;}
.msec-09 .tits li p{padding-left:40px; line-height:30px; position:relative;font-family: 'NanumSquare' ; color:#e2e2e2; font-size:20px;}
.msec-09 .tits li:nth-child(n+2){margin-left:61px}
.msec-09 .tits li:nth-child(n+2):before{background:rgba(255,255,255,0.2); height:24px; position:Absolute; left:-31px; top:50% ; margin-top:-12px; display:block; content:"";}
.msec-09 .tits li:nth-child(1) p{background:url(../img/main/ico-mail.png) no-repeat left center; background-size:30px auto;}
.msec-09 .tits li:nth-child(2) p{background:url(../img/main/ico-call.png) no-repeat left center; background-size:30px auto;}

.msec-09 .cont{max-width:1240px; padding:0 20px; box-sizing:border-box; margin:0 auto; margin-top:60px;}
.msec-09 .cont .field{margin:0 -0.5%}
.msec-09 .cont .field:after{display:block; content:"";clear:both}
.msec-09 .cont .field .chk-input {float:left; width:32.3333333%; margin:0 0.5%;display:inline-block; vertical-align:top; position:relative; box-sizing:border-box;}
.msec-09 .cont .field .chk-input input{font-family:'Noto Sans KR';height:51px; letter-spacing:-0.03em; border:none; background:rgba(255,255,255,0.3); color:#fff; padding:0 20px;font-size:15px; box-sizing:border-box; display:block; width:100%; position:relative;}
.msec-09 .cont .field .chk-input input::placeholder{color:#e2e2e2 !important; opacity:1}
.msec-09 .cont .chk-input.stance{margin-top:1%;width:100%;display:inline-block; vertical-align:top; position:relative;}
.msec-09 .cont .chk-input.stance textarea{font-family:'Noto Sans KR';height:200px; resize:none;letter-spacing:-0.03em; border:none; background:rgba(255,255,255,0.3); color:#fff; padding:20px;font-size:15px; box-sizing:border-box; display:block; width:100%; position:relative;}
.msec-09 .cont .chk-input.stance textarea::placeholder{color:#e2e2e2 !important; opacity:1}

.msec-09 .cont .agree{margin-top:16px;}
.msec-09 .cont .agree .chk-check{display:inline-block; font-size:0; vertical-align:top; }
.msec-09 .cont .agree .chk-check input[type="checkbox"]{position: absolute; width:1px; height: 1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.msec-09 .cont .agree .chk-check input[type="checkbox"] + label{font-family:'Noto Sans KR';display:block; position:relative; padding-left:25px; min-height:18px; letter-spacing:-0.02em; line-height:18px; word-break: keep-all;font-size:13px; cursor:pointer; color:#e2e2e2}
.msec-09 .cont .agree .chk-check input[type="checkbox"] + label:before{content:''; position: absolute; left:0px; top:0px; box-sizing:border-box;width:18px;height:18px; position:absolute; background:none;left:0; top:0; border:1px solid #e2e2e2; border-radius:2px; overflow:hidden;}
.msec-09 .cont .agree .chk-check input[type="checkbox"]:checked + label{color:#fff}
.msec-09 .cont .agree .chk-check input[type="checkbox"]:checked + label:before{background:url(../img/main/check-on.png) no-repeat center center #fff;  background-size:70% auto;}

.msec-09 .cont .lower{margin-top:125px; text-align:center;}
.msec-09 .cont .lower button{border:none;font-family:'Noto Sans KR';width:300px;display:inline-block;vertical-align:top; background:#13a7e2; color:#fff; font-size:15px; letter-spacing:-0.03em; line-height:51px}
	@media only screen and (max-width:1400px){
		
	}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.msec-09{padding:80px 0;background-image:url(../img/main/service-bg.png)}
		.msec-09 .tits{text-align:center;}
		.msec-09 .tits h3{font-size:40px; line-height:1.2em;}
		.msec-09 .tits ul{margin-top:20px}
		.msec-09 .tits li{text-align:center; float:none}
		.msec-09 .tits li:nth-child(n+2){margin-left:0}
		.msec-09 .tits li:nth-child(n+2){margin-top:10px;}
		.msec-09 .tits li p{display:inline-block;vertical-align:top; }

		.msec-09 .cont .field{margin:0}
		.msec-09 .cont .field .chk-input{float:none; width:100%; margin:0; display:block;}
		.msec-09 .cont .field .chk-input:nth-child(n+2){margin-top:10px}
		.msec-09 .cont .chk-input.stance{margin-top:10px;}
		.msec-09 .cont .chk-input.stance textarea{padding:15px 20px}

		.msec-09 .cont .lower{margin-top:100px;}
	}
	@media only screen and (max-width:680px){
		.msec-09{padding:70px 0;}
		.msec-09 .tits{padding:0 16px;}
		.msec-09 .tits h3{font-size:30px}
		.msec-09 .tits li p{font-size:17px;padding-left:30px; background-size:20px auto !important; line-height:20px;}

		.msec-09 .cont{padding:0 16px;margin-top:37px;}
		.msec-09 .cont .lower{margin-top:70px;}
	}
	@media only screen and (max-width:480px){
		.msec-09 .tits h3{font-size:20px}
		.msec-09 .tits li p{font-size:13px;}

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




/* ======================================================
    .layer-wrap.video
=========================================================*/
.layer-wrap.video{display:none; min-width:320px; width:96%; max-width:1200px;box-sizing:border-box; padding:40px; position:fixed !important; left:50% !important;top:50% !important;-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.video .close{width:42px;height:42px; background:url(../img/sub/layer-closew.png) no-repeat center center; position:Absolute; right:40px; top:40px;}
.layer-wrap.video .movie {position:relative;width: 100%;padding-bottom: 56.25%; }
.layer-wrap.video .movie iframe {position:absolute;width: 100%; height: 100%;}
.layer-wrap.video .is-con{padding-top:70px;}
	@media only screen and (max-width:999px) {
		.layer-wrap.video{padding:30px;}
		.layer-wrap.video .close{background-size:24px auto; right:30px; top:25px;width:30px;height:30px;}
		.layer-wrap.video .is-con{padding-top:40px;}
	}
	@media only screen and (max-width:780px) {
		.layer-wrap.video{padding:30px 20px 20px 20px}
		.layer-wrap.video .close{right:20px; top:17px; width:24px;height:24px; background-size:18px auto;}
		.layer-wrap.video .is-con{padding-top:30px;}
	}
	@media only screen and (max-width:480px) {
		
	}