@charset "utf-8";
#khplay .khwrap { margin: 0 auto !important; }
/**/
@media (min-width:1280px) {
	.khwrap .tabs ul{font-size:0;text-align:center;overflow:hidden}
	.khwrap .tabs li{display:inline-block;position:relative;width:33.3%}
	.khwrap .tabs li a{display:block;line-height:68px;font-size:18px;color:#333;border:1px solid #eee;background:#fbfbfb}
	.khwrap .tabs li.sel a{color:#51BC80;border:1px solid #eee;border-bottom:0;border-top:3px solid #51BC80;background:#fff; font-weight:700;}
	.khwrap .tabs li.sel:before{content:'';position:absolute;z-index:2;top:0;right:-20px;width:0;height:0;border-bottom:72px solid rgba(0,0,0,.1);border-right:20px solid transparent}
	.khwrap .tabs li:last-child.sel:before{display:none}
	 .cons{padding:70px 0}
	 .cont{padding-left:270px}
	 .cont dl{position:relative;margin:0 0 40px 0;padding:20px 30px;border:1px solid #eee}
	 .cont dt{position:absolute;top:0;left:-240px;line-height:1;font-size:42px;font-weight:700;color:#a4a4a4}
	 .cont dt:before{content:'';position:absolute;top:20%;left:160px;width:80px;height:1px;background:#eee}
	 .cont dt:after{content:'';position:absolute;top:5px;left:140px;width:12px;height:12px;border:6px solid #a4a4a4;border-radius:20px}
	 .cont dd{padding:5px 0;font-size:18px}
	 .cont em{display:inline-block;margin:0 20px 0 0;padding:5px 10px;/* width:70px; */background:#e1e1e1;border-radius:30px; font-weight: 600; color: #fff;}
	 .cont dl:nth-child(1) dt{color:#51BC80}
	 .cont dl:nth-child(1) dt:after{border:6px solid #51BC80}
	 .cont dl:nth-child(1) em{background:#51BC80; font-weight: 600; color: #fff;}
	 .cont dl:nth-child(1) span{width: 85%; display: inline-block; vertical-align: middle;}
	
}

@media (max-width:1279px) and (min-width:748px) { 
	.khwrap .tabs ul{font-size:0;text-align:center;overflow:hidden}
	.khwrap .tabs li{display:inline-block;position:relative;width:33.3%}
	.khwrap .tabs li a{display:block;line-height:68px;font-size:18px;color:#333;border:1px solid #eee;background:#fbfbfb}
	.khwrap .tabs li.sel a{color:#51BC80;border:1px solid #eee;border-bottom:0;border-top:3px solid #51BC80;background:#fff; font-weight:700;}
	.khwrap .tabs li.sel:before{content:'';position:absolute;z-index:2;top:0;right:-20px;width:0;height:0;border-bottom:72px solid rgba(0,0,0,.1);border-right:20px solid transparent}
	.khwrap .tabs li:last-child.sel:before{display:none}
	 .cons{padding:70px 0}
	 .cont{padding-left:270px}
	 .cont dl{position:relative;margin:0 0 40px 0;padding:20px 30px;border:1px solid #eee}
	 .cont dt{position:absolute;top:0;left:-240px;line-height:1;font-size:30px;font-weight:700;color:#a4a4a4}
	 .cont dt:before{content:'';position:absolute;top:28%;left:160px;width:80px;height:1px;background:#eee}
	 .cont dt:after{content:'';position:absolute;top:5px;left:140px;width:12px;height:12px;border:6px solid #a4a4a4;border-radius:20px}
	 .cont dd{padding:5px 0;font-size:18px}
	 .cont em{display:inline-block;margin:0 20px 0 0;padding:5px 10px;/* width:70px; */background:#e1e1e1;border-radius:30px; font-weight: 600; color: #fff;}
	 .cont dl:nth-child(1) dt{color:#51BC80}
	 .cont dl:nth-child(1) dt:after{border:6px solid #51BC80}
	 .cont dl:nth-child(1) em{background:#51BC80; font-weight: 600; color: #fff;}
	 .cont dl:nth-child(1) span{width: 85%; display: inline-block; vertical-align: middle;}
}
@media (max-width:747px) { 
	.khwrap .tabs ul{font-size:0;text-align:center;overflow:hidden}
	.khwrap .tabs li{display:inline-block;position:relative;width:31%}
    .khwrap .tabs li a { display: block; line-height: 48px; font-size: 16px; color: #333; border: 1px solid #eee; background: #fbfbfb; /* width: 70px; */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.khwrap .tabs li.sel a{color:#51BC80;border:1px solid #eee;border-bottom:0;border-top:3px solid #51BC80;background:#fff}
	.khwrap .tabs li.sel:before{content:'';position:absolute;z-index:2;top:0;right:-20px;width:0;height:0;border-bottom:52px solid rgba(0,0,0,.1);border-right:20px solid transparent}
	.khwrap .tabs li:last-child.sel:before{display:none}
	/*  .cons{padding:30px 0} */
	 .cont dl{position:relative;margin:0 0 10px 0;padding:10px;border:1px solid #eee}
	 .cont dt{font-size:30px;font-weight:700;color:#51BC80}
	 .cont dd{position:relative;padding-bottom:10px;font-size:16px}
	 .cont dd:last-child { padding-bottom: 0; }
	 .cont em{/* position:absolute;top:5px;left:0; */display:inline-block;padding:5px 10px;background:#e1e1e1;border-radius:30px}
	 .cont dl:nth-child(1) dt{color:#51BC80; margin-bottom: 10px;}
	 .cont dl:nth-child(1) dt:after{border:6px solid #51BC80;}
	 .cont dl:nth-child(1) em{background:#51BC80; font-weight: 600; color: #fff;}
	 .cont dl:nth-child(1) span{width: 100%; margin-top: 5px; display: inline-block; vertical-align: middle; padding: 0 10px 5px; }
	#contain .container.khwrap .tabs li a {font-size:15px !important;}
}

/*콘텐츠 너비*/  
.container .img{margin: 0 0 80px 0}
.container .img img{display:block;margin:0 auto}
.container .tit{margin: 0 0 60px 0;line-height: 40px;font-size:22px;font-weight: 700;color:#333;text-align: center;}
.container .txt{line-height: 40px;font-size:20px;color:#333;text-align: center;}
.container .txt span{display:block;}
.container .txt span + span{margin-top:50px}
.container .sign{margin:80px 0 0 0;line-height:50px;font-size:20px;color:#333;text-align: center;}

@media (max-width:1880px) { 
.container .img{margin: 0 0 80px 0}
.container .img img{display:block;margin:0 auto;width:100%;height:auto}
.container .tit{margin: 0 0 60px 0;line-height: 40px;font-size:22px;font-weight: 700;color:#333;text-align: center;}
.container .txt{line-height: 40px;font-size:20px;color:#333;text-align: center;}
.container .txt span{display:block;}
.container .txt span + span{margin-top:50px}
.container .sign{margin:80px 0 0 0;line-height:50px;font-size:20px;color:#333;text-align: center;}

}
@media (max-width:1280px) {
#khplay .khwrap {width:100% !important;}
.container .img{margin: 0 0 80px 0}
.container .img img{display:block;margin:0 auto;width:100%;height:auto}
.container .tit{margin: 0 0 60px 0;line-height: 40px;font-size:22px;font-weight: 700;color:#333;text-align: center;}
.container .txt{line-height: 40px;font-size:20px;color:#333;text-align: center;}
.container .txt span{display:block;}
.container .txt span + span{margin-top:50px}
.container .sign{margin:80px 0 0 0;line-height:50px;font-size:20px;color:#333;text-align: center;}

}

@media (max-width:749px) {
.container{padding:0 15px 150px}
.container .img{margin: 0 0 80px 0}
.container .img img{display:block;margin:0 auto;width:100%;height:auto}
.container .tit{margin: 0 0 60px 0;line-height: 24px;font-size:15px;font-weight: 700;color:#333;text-align: center;}
.container .txt{line-height:24px;font-size:14px;color:#333;text-align: center;}
.container .txt span{display:block;}
.container .txt span + span{margin-top:50px}
.container .sign{margin:80px 0 0 0;line-height:24px;font-size:14px;color:#333;text-align: center;}

}