@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:0}
@media all and (max-width:1400px) {
	#mcontainer {padding-bottom:0}
}
@media all and (max-width:1000px) {
	#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%}
#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:125px;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:#fff;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;margin-bottom:20px}
#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,.6);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:1200px;margin:0 auto;height:0;z-index:2;text-align:center;}
#mVisual .ctrlnums-wrap .ctrl-auto.disabled {display:none}
#mVisual .ctrlnums-wrap {position:relative;max-width:1200px;margin:0 auto}
#mVisual .ctrlnums-wrap .ctrl-nums {font-size:0;position:absolute;bottom:153px;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.disabled + .ctrl-auto {display:none}
#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}
	#mVisual .ctrlnums-wrap {margin: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: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: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 {font-weight:500}
	#mVisual .datalist .item .txt-sec span:first-child:before {width:24px;height:15px;background-size:104px auto;background-position:0 -39px;margin-bottom:10px}
	#mVisual .datalist .item .txt-sec .ef {font-size:13px;font-weight:400;margin-top:7px}
	#mVisual .ctrlnums-wrap {margin:0 15px}
}
@media all and (max-width:400px){
	#mVisual .datalist .item .txt-sec {font-size:.4em;padding:0 10px}
}

.msect {max-width:1200px;margin:0 auto;position:relative;z-index:1}
.module-no-set {position:relative;text-align:center;line-height:80px}
.micban-sec .module-no-set {line-height:130px;color:#fff}
.sect {position:relative;padding:60px 0}
.sect:before {display:block;content:"";width:2000px;height:100%;background:#efefef;position:absolute;top:0;left:50%;margin-left:-1000px;z-index:-1}
.sect-in {position:relative}
.sect-in:after {display:block;content:"";clear:both}
.sect-tit {color:#333;position:relative;text-align:center;margin-bottom:40px}
.sect-tit span {display:block;}
.sect-tit .ef {font-size:2.941em;font-weight:700}
.sect-tit .ktit {font-size:1.176em;font-weight:300}
.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}
}
@media all and (max-width:999px){
	.mtit {font-size:1.4em}
	.sect-in {padding:0}
	.sect-tit .ef {font-size:2.6em}
}
@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}
}

.sect1 {margin-top:-130px;padding-right:20%;position:relative}
.btn-login {display:block;position:absolute;top:0;right:0;width:20%;height:100%;background:#c31a21;font-size:1.294em;font-weight:600;text-align:center;z-index:1}
.btn-login:before {display:inline-block;vertical-align:middle;content:"";width:0;height:100%}
.btn-login span {display:inline-block;vertical-align:middle;color:#fff;text-transform:uppercase}
@media all and (max-width:999px){
	.sect1 {margin:0 -30px}
}
@media all and (max-width:768px){
	.sect1 {margin:0 -20px}
}
@media all and (max-width:600px){
	.sect1 {margin:0 -15px;padding-right:0}
	.btn-login {width:100px;display:none}
}
@media all and (max-width:400px){
	.sect1 {padding-right:0}
	.btn-login {width:100%;height:auto;position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0;padding:10px;box-sizing:border-box}
}

/* 팝업존 */
.mpop-sec {width:380px;float:right;position:relative;border-radius:0 0 30px 0;overflow:hidden;}
.mpop-sec .item {font-size:0}
.mpop-sec .item:before {display:inline-block;vertical-align:middle;content:"";width:0;padding-top:78.947%}
.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:before {display:block;content:"";width:100%;height:100%;background:#000;opacity:.6;position:absolute;top:0;left:0;z-index:-1}
.mpop-sec .ctrlnums-wrap:after {display:inline-block;content:"";vertical-align:middle;width:0;height:100%}
.mpop-sec .ctrlnums-wrap.disabled {display:none}
.mpop-sec .ctrlnums-wrap .ctrl-nums {font-size:0.941em;font-family:univia-pro, sans-serif;color:#fff;position:absolute;top:16px;left:40px}
.mpop-sec .ctrlnums-wrap .ctrl-nums span {display:inline-block}
.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}
@media all and (max-width:1200px){
	.mpop-sec {width:32%}
}
@media all and (max-width:999px){
}
@media all and (max-width:700px){
	.mpop-sec {width:100%;border-radius:0;margin-top:20px}
}
/* 아이콘 애니메이션 */
@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);}
}