@charset "utf-8";
#mcontainer-wrap {position:relative;width:100%;font-size:17px;color:#555;line-height:1.529;letter-spacing:-.04em}
#mcontainer {word-break:keep-all}
@media all and (max-width:999px) {
	#mcontainer-wrap {font-size:16px;line-height:1.50}
}
@media all and (max-width:600px) {
	#mcontainer-wrap {font-size:15px}
}

/* 메인비쥬얼
------------------------------------------------------ */
.mVisual-wr {position:relative;height:560px}
#mVisual {position:relative;height:100%}
#mVisual .datalist {position:relative;z-index:1;height:100%;display:block}
#mVisual .datalist .owl-stage-outer,
#mVisual .datalist .owl-stage,
#mVisual .datalist .owl-item,
#mVisual .datalist .item {height:100%;overflow:hidden}
#mVisual .datalist .item {display:block;box-sizing:border-box;position:relative;height:100%;width:100%}
#mVisual .datalist .item a {display:block;position:relative;z-index:1;height:100%;width:100%}
#mVisual .datalist .item img {display:block;position:absolute;width:1920px;height:100%;left:50%;top:0;margin:0 0 0 -960px}
#mVisual .datalist .item .txt-sec {display:block;box-sizing:border-box;position:absolute;top:178px;left:0;vertical-align:middle;text-align:center;font-size:1em;letter-spacing:-.025em;width:100%;z-index:1}
#mVisual .datalist .item .txt-sec span {display:block;color:#fff;font-size:2.588em;font-weight:700;line-height:1.3}
#mVisual .datalist .item .txt-sec span:first-child:before {display:block;content:"";width:39px;height:25px;background:url(/resources/_Templet/Main/main_dep2/_Img/main_spr.png) no-repeat 0 -42px;margin:0 auto 4px}
#mVisual .datalist .item .txt-sec .etxt {font-family:univia-pro, sans-serif;font-size:1.765em;font-weight:700}
#mVisual .datalist .item .txt-sec .ef {color:rgba(255,255,255, 0.6);font-size:0.941em;font-family:univia-pro, sans-serif;letter-spacing:0;margin-top:15px;padding:0}
#mVisual .datalist .item .txt-sec .ef:before {display:none}
#mVisual .ctrlnums-wrap {display:block;position:relative;width:auto;max-width:1200px;margin:0 auto;height:0;z-index:2;text-align:center;}
#mVisual .ctrlnums-wrap.disabled .ctrl-auto {display:none}
#mVisual .ctrlnums-wrap .ctrl-nums {font-size:0;position:absolute;bottom:30px;left:0;}
#mVisual .ctrlnums-wrap .ctrl-nums button {border:0;background:none;display:inline-block;vertical-align:middle;width:27px;height:27px;position:relative;}
#mVisual .ctrlnums-wrap .ctrl-nums button:before {display:block;content:"";position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;}
#mVisual .ctrlnums-wrap .ctrl-dots,
#mVisual .ctrlnums-wrap .ctrl-auto {display:inline-block;vertical-align:middle;font-size:0}
#mVisual .ctrlnums-wrap .ctrl-dots button:before {width:10px;height:10px;border-radius:999px;background:#fff;opacity:.5}
#mVisual .ctrlnums-wrap .ctrl-dots button.active:before {opacity:1;width:27px;height:8px}
#mVisual .ctrlnums-wrap .ctrl-auto .btn-play {display:none}
#mVisual .ctrlnums-wrap .ctrl-auto .btn-play:before {width:0;height:0;border:5px solid transparent;border-left:10px solid #fff;border-right:0}
#mVisual .ctrlnums-wrap .ctrl-auto .btn-stop:before {width:10px;height:12px;box-sizing:border-box;border:3px solid #fff;border-top:0;border-bottom:0}
@media all and (max-width:1200px){
	.mVisual-wr {height:467px}
	#mVisual .datalist .item img {width:1600px;margin-left:-800px}
	#mVisual .datalist .item .txt-sec {width:100%;left:0;top:77px;margin:0;font-size:.9em;box-sizing:border-box;padding:0 30px}
}
@media all and (max-width:999px){
	.mVisual-wr {height:350px}
	#mVisual .datalist .item img {width:1200px;margin-left:-600px}
	#mVisual .datalist .item .txt-sec {font-size:.7em}
	#mVisual .datalist .item .txt-sec span:first-child:before {width:32px;height:20px;background-size:47px auto;background-position:0 -34px}
	#mVisual .datalist .item .txt-sec .ef {font-size:15px}
	#mVisual .ctrlnums-wrap {margin:0 30px}
	#mVisual .ctrlnums-wrap .ctrl-nums {bottom:30px}
}
@media all and (max-width:768px){
	.mVisual-wr {height:292px}
	#mVisual .datalist .item img {width:1000px;margin-left:-500px}
	#mVisual .datalist .item .txt-sec {top:20%}
	#mVisual .ctrlnums-wrap {margin:0 20px}
}
@media all and (max-width:600px){
	.mVisual-wr {height:234px}
	#mVisual .datalist .item img {width:800px;margin-left:-400px}
	#mVisual .datalist .item .txt-sec {font-size:.5em;padding:0 15px}
	#mVisual .datalist .item .txt-sec span:first-child:before {width:24px;height:15px;background-size:35px auto;background-position:0 -26px}
	#mVisual .datalist .item .txt-sec .ef {font-size:13px;margin-top:7px}
	#mVisual .ctrlnums-wrap {margin:0 15px}
}
@media all and (max-width:400px){
	#mVisual .datalist .item .txt-sec {padding:0 10px}
	#mVisual .ctrlnums-wrap {margin:0 10px}
}

.msect {max-width:1200px;margin:0 auto;position:relative;z-index:1}
.module-no-set {text-align:center;background:#fff;line-height:80px}
.sect {position:relative;padding:60px 0}
.sect:before {display:block;content:"";width:2000px;height:100%;background:#e8e8e8;position:absolute;top:0;left:50%;margin-left:-1000px}
.sect-in:after {display:block;content:"";clear:both}
.ef {font-family:univia-pro, sans-serif}
.mtit {color:#000;font-size:1.529em;font-weight:700;text-transform:uppercase;margin-bottom:30px}
.btn-more:before, .btn-more:after {display:block;content:"";height:2px;background:#444;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;transition:all .5s ease}
.btn-more:before {transform:rotate(90deg);-ms-transform:rotate(90deg)}
.btn-more:hover:before, .btn-more:focus:before {transform:rotate(180deg);-ms-transform:rotate(180deg)}
.btn-more:hover:after, .btn-more:focus:after {transform:rotate(90deg);-ms-transform:rotate(90deg)}
@media all and (max-width:1200px){
	.msect {margin:0 30px}
	.sect-in {position:relative;padding-left:54%}
}
@media all and (max-width:999px){
	.mtit {font-size:1.4em}
	.sect-in {padding:0}
}
@media all and (max-width:768px){
	.msect {margin:0 20px}
	.mtit {margin-bottom:20px}
}
@media all and (max-width:600px){
	.msect {margin:0 15px}
	.sect {padding:30px 0}
}
@media all and (max-width:400px){
	.msect {margin:0 10px}
}
/* 아이콘 애니메이션 */
@keyframes ico_ani {
	0%,100% {transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);}
	10%, 30%, 50%, 70%, 90% {transform:rotateZ(-5deg);-webkit-transform:rotateZ(-5deg);}
	20%, 40%, 60%, 80% {transform:rotateZ(5deg);-webkit-transform:rotateZ(5deg);}
}