@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;padding-bottom:60px}
@media all and (max-width:999px) {
	#mcontainer-wrap {font-size:16px;line-height:1.50;padding-bottom:40px}
}
@media all and (max-width:600px) {
	#mcontainer-wrap {font-size:15px}
}

/* 메인비쥬얼
------------------------------------------------------ */
.mVisual-wr {position:relative;height:480px}
#mVisual {position:relative;height:100%}
#mVisual .datalist {position:relative;z-index:1;height:100%}
#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:114px;left:50%;margin-left:-600px;vertical-align:middle;position:relative;width:1200px;font-size:1em;letter-spacing:-.025em;z-index:1}
#mVisual .datalist .item .txt-sec span {display:block;color:#373a3e;font-size:2.588em;font-weight:700;line-height:1.2}
#mVisual .datalist .item .txt-sec span:first-child:before {display:block;content:"";width:39px;height:25px;background:url(/resources/_Templet/Main/main_dep1/_Img/main_spr.png) no-repeat 0 -64px}
#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:#8a8c8f;font-size:0.941em;font-family:univia-pro, sans-serif;letter-spacing:0;margin-top:17px;padding:0}
#mVisual .datalist .item .txt-sec .ef:before {display:none}
#mVisual .ctrlnums-wrap {display:block;position:relative;width:auto;max-width:1400px;margin:0 auto;height:0;z-index:2;text-align:center;}
/* #mVisual .ctrlnums-wrap.disabled {display:none} */
#mVisual .ctrlnums-wrap.disabled .ctrl-auto {display:none}
#mVisual .ctrlnums-wrap .ctrl-nums {font-size:0;width:100%;position:absolute;bottom:100px;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:400px}
	#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:300px}
	#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:138px auto;background-position:0 -52px}
	#mVisual .datalist .item .txt-sec .ef {font-size:15px}
	#mVisual .ctrlnums-wrap .ctrl-nums {bottom:30px}
}
@media all and (max-width:768px){
	.mVisual-wr {height:250px}
	#mVisual .datalist .item img {width:1000px;margin-left:-500px}
	#mVisual .datalist .item .txt-sec {top:20%}
}
@media all and (max-width:600px){
	.mVisual-wr {height:200px}
	#mVisual .datalist .item img {width:800px;left:0;margin-left:-130px}
	#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:104px auto;background-position:0 -39px}
	#mVisual .datalist .item .txt-sec .ef {font-size:13px;margin-top:7px}
	#mVisual .ctrlnums-wrap .ctrl-nums {bottom:10px}
}
@media all and (max-width:400px){
	.mVisual-wr {height:175px}
	#mVisual .datalist .item img {width:700px;margin-left:-111px}
	#mVisual .datalist .item .txt-sec {padding: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-in:after {display:block;content:"";clear:both}
.sect-in .sect-l {box-sizing:border-box;float:left;width:46%;max-width:520px}
.sect-in .sect-l:after {display:block;content:"";clear:both}
.sect-in .sect-r {box-sizing:border-box;float:right;width:50%;max-width:600px}
.ef {font-family:univia-pro, sans-serif}
.mtit {color:#000;font-size:1.647em;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}
}
@media all and (max-width:999px){
	.sect-in .sect-l {width:100%;max-width:100%;box-sizing:border-box;padding-left:42%;position:relative}
	.sect-in .sect-r {width:100%;max-width:100%}
	.mtit {font-size:1.4em}
}
@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-in .sect-l {padding:0}
}
@media all and (max-width:400px){
	.msect {margin:0 10px}
}

/* 배너모음 */
.mquick-sec {position:relative}
.mquick-sec .mtit {margin-bottom:26px}
.mquick-sec .item {font-size:0}
.mquick-sec a {display:inline-block;margin:0 0 20px 20px;position:relative}
.mquick-sec a:after {display:block;content:"";width:100%;height:100%;position:absolute;top:0;left:0;border:0px solid #18589f;box-sizing:border-box;transition:all .1s ease}
.mquick-sec a:nth-child(2n+1) {margin-left:0}
.mquick-sec a img {width:100%;border:1px solid #e1e1e1;box-sizing:border-box}
.mquick-sec a:hover:after {border-width:3px}
.mquick-sec .ctrlnums-wrap {font-size:0;position:absolute;top:10px;right:0;z-index:1}
.mquick-sec .ctrlnums-wrap span {display:inline-block;vertical-align:middle;font-size:0}
.mquick-sec button {border:0;background:none;display:inline-block;vertical-align:middle;width:30px;height:30px;position:relative}
.mquick-sec button:before {display:block;content:"";position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;box-sizing:border-box}
.mquick-sec .ctrl-nav.disabled {display:none}
.mquick-sec .ctrl-nav .btn-play {display:none}
.mquick-sec .ctrl-nav .btn-stop:before {width:10px;height:14px;border:2px solid #444;border-top:0;border-bottom:0}
.mquick-sec .ctrl-nav .btn-play:before {width:0;height:0;border:7px solid transparent;border-right:0;border-left:10px solid #444}
.mquick-sec .ctrl-nav .owl-prev:before,
.mquick-sec .ctrl-nav .owl-next:before {width:14px;height:14px;border:2px solid #444;border-left:0;border-top:0}
.mquick-sec .ctrl-nav .owl-prev:before {transform:rotate(135deg);-ms-transform:rotate(135deg);}
.mquick-sec .ctrl-nav .owl-next:before {transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
@media all and (max-width:1200px){
	.mquick-sec {margin:40px 0}
	.mquick-sec a {width:49%;margin:0 0 2% 2%}
}
@media all and (max-width:999px){
	.mquick-sec {margin:10px 0 30px}
	.mquick-sec .mtit {margin-bottom:21px}
}
@media all and (max-width:768px){
	.mquick-sec .ctrlnums-wrap {top:2px}
}
@media all and (max-width:700px){
	.mquick-sec .mtit {margin-bottom:16px}
}
/* 팝업존 */
.mpop-sec {position:relative;overflow:hidden;margin-top:10px}
.mpop-sec .item {font-size:0}
.mpop-sec .item:before {display:inline-block;vertical-align:middle;content:"";width:0;padding-top:41.667%}
.mpop-sec .item a {display:inline-block;vertical-align:middle}
.mpop-sec .item img {width:100%;display:inline-block}
.mpop-sec .item.no-data p {display:inline-block;vertical-align:middle;width:100%;text-align:center;padding-top:90px;font-size:1rem;background:url(/resources/_Img/Board/default/ico_nodata.png) no-repeat center 0}
.mpop-sec .ctrlnums-wrap {position:absolute;bottom:0;left:0;width:100%;height:60px;text-align:right;z-index:1}
.mpop-sec .ctrlnums-wrap.disabled {display:none}
.mpop-sec .ctrlnums-wrap .ctrl-auto {display:inline-block;vertical-align:middle;font-size:0;margin-right:30px}
.mpop-sec .ctrlnums-wrap .ctrl-auto.disabled {display:none}
.mpop-sec .ctrlnums-wrap .ctrl-auto button {display:inline-block;vertical-align:middle;width:26px;height:26px;background:none;border:0;position:relative}
.mpop-sec .ctrlnums-wrap .ctrl-auto button:before {display:block;content:"";position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;box-sizing:border-box}
.mpop-sec .ctrlnums-wrap .ctrl-auto .owl-prev:before, .mpop-sec .ctrlnums-wrap .ctrl-auto .owl-next:before {width:14px;height:14px;border:2px solid #fff;border-right:0;border-bottom:0}
.mpop-sec .ctrlnums-wrap .ctrl-auto .owl-prev:before {transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.mpop-sec .ctrlnums-wrap .ctrl-auto .owl-next:before {transform:rotate(135deg);-ms-transform:rotate(135deg)}
.mpop-sec .ctrlnums-wrap .ctrl-auto .btn-play {display:none}
.mpop-sec .ctrlnums-wrap .ctrl-auto .btn-play:before {width:0;height:0;border:5px solid transparent;border-left:10px solid #fff;border-right:0}
.mpop-sec .ctrlnums-wrap .ctrl-auto .btn-stop:before {width:10px;height:12px;border:3px solid #fff;border-top:0;border-bottom:0}

/* 아이콘 애니메이션 */
@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);}
}