@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}
}

.stit {font-size:20px;color:#555;font-weight:500}

/* 메인비쥬얼
------------------------------------------------------ */
.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.4em;font-weight:700;line-height:1.2;letter-spacing:-0.05em;}
#mVisual .datalist .item .txt-sec .eb {display:block;color:#000;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:8px}
#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 .eb2 {color:rgba(0,0,0,.4);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 .ctrl-nums {font-size:0;position:absolute;bottom:25px;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: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 {margin:0 15px}
}
@media all and (max-width:400px){
	#mVisual .datalist .item .txt-sec {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}
.sect {position:relative}
.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:after {display:block;content:"";clear:both}
.mtit {color:#000;font-size:1.529em;font-weight:700;margin-bottom:30px}
.mtit.ef {font-family:univia-pro, sans-serif;text-transform:uppercase}
.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 {margin:0 -30px}
	.sect-tit .ef {font-size:2.6em}
}
@media all and (max-width:768px){
	.msect {margin:0 15px}
	.mtit {margin-bottom:15px}
}
@media all and (max-width:700px){
	.sect-in {margin:0}
}
@media all and (max-width:600px){
	.msect {margin:0 15px}
}
@media all and (max-width:400px){
	.msect {margin:0 10px}
}

/* 팝업존 */
.mpop-sec {width:405px;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){
}
@media all and (max-width:700px){
	.mpop-sec {width:100%;border-radius:0;margin:0 0 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);}
}



.sect-in2:after {display:block;content:"";clear:both}
.sect-in2 .sect-l {box-sizing:border-box;float:left;width:50%;max-width:520px;}
.sect-in2 .sect-l:after {display:block;content:"";clear:both}
.sect-in2 .sect-r {box-sizing:border-box;float:right;width:50%;max-width:595px}

/*-------------------------mimban/TMPL02/style.css------------------------------------*/
/* ------------------------------------- S : mimban-sec ------------------------------------ */
.mimban-sec {margin:10px 0 17px;position:relative}
.mimban-list {}
.mimban-list .item {position:relative;padding-bottom:33px}
.mimban-list .item .img {background:#f3f3f3 url(/resources/_Img/Common/noimg_bg.png) no-repeat 50% 50%;display:block;padding-top:65.385%;position:relative}
.mimban-list .item .img img {width:100%;position:absolute;top:0;left:0;height:100%}
.mimban-list .item .img img[src=""] {display:none}
.mimban-list .item .tit-sec {position:absolute;bottom:0;left:0;width:100%;text-align:center}
.mimban-list .item .tit-sec.hidden {display:none}
.mimban-list .item .tit-sec .tit {background:#1689b9;margin:0px 105px;padding:20px 0px;position:relative;}
.mimban-list .item .tit-sec .tit:before {display:inline-block;vertical-align:middle;content:"";width:0;height:100%}
.mimban-list .item .tit-sec .tit:after {display:block;content:"";width:172px;height:62px;background:url(/resources/_Templet/Main/main_dep1/_Img/main_spr.png) no-repeat;position:absolute;bottom:0;right:0}
.mimban-list .item .tit-sec .tit span {display:inline-block;vertical-align:middle;color:#fff;font-size:1.212em;font-weight:400;text-decoration:underline}
.mimban-list .item .tit-sec span.tit2 {text-decoration:none;font-size:1.412em;font-weight:500;}
.mimban-sec .ctrlnums-wrap {font-size:0}
.mimban-sec .ctrlnums-wrap span {display:inline-block;vertical-align:middle;font-size:0}
.mimban-sec button {border:0;background:none;display:inline-block;vertical-align:middle;width:30px;height:30px;position:relative}
.mimban-sec button:before {display:block;content:"";position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;box-sizing:border-box}
.mimban-sec .ctrl-nav.disabled {display:none}
.mimban-sec .ctrl-nav button {position:absolute;top:-33px;bottom:0;margin:auto;z-index:1}
.mimban-sec .ctrl-nav .owl-prev {left:10px}
.mimban-sec .ctrl-nav .owl-next {right:10px}
.mimban-sec .ctrl-nav .btn-play, .mimban-sec .ctrl-nav .btn-stop {display:none}
.mimban-sec .ctrl-nav .btn-stop:before {width:10px;height:14px;border:2px solid #444;border-top:0;border-bottom:0}
.mimban-sec .ctrl-nav .btn-play:before {width:0;height:0;border:7px solid transparent;border-right:0;border-left:10px solid #444}
.mimban-sec .ctrl-nav .owl-prev:before,
.mimban-sec .ctrl-nav .owl-next:before {width:14px;height:14px;border:2px solid #444;border-left:0;border-top:0}
.mimban-sec .ctrl-nav .owl-prev:before {transform:rotate(135deg);-ms-transform:rotate(135deg);}
.mimban-sec .ctrl-nav .owl-next:before {transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
@media all and (max-width:1200px){
	.mimban-sec {float:left;width:45%}
	.mimban-list .item .tit-sec .tit {margin:0 30px;height:90px}
}
@media all and (max-width:768px){
	.mimban-sec {width:100%}
}
@media all and (max-width:600px){
	.mimban-list .item {padding-bottom:23px}
	.mimban-list .item .tit-sec .tit {height:65px}
	.mimban-list .item .tit-sec .tit:after {width:138px;height:50px;background-size:138px auto;}
	.mimban-list .item .tit-sec .tit span {font-size:1.1em}
}
@media all and (max-width:400px){
	.mimban-list .item {padding-bottom:13px}
	.mimban-list .item .tit-sec .tit {height:45px}
	.mimban-list .item .tit-sec .tit:after {width:104px;height:38px;background-size:104px auto;}
}
/* ------------------------------------- E : mimban-sec ------------------------------------ */

/*-------------------------micban2/TMPL02/style.css------------------------------------*/
/* ------------------------------------- S : mquick-sec ------------------------------------ */
.mquick-sec {position:relative}
.mquick-sec a {display:block;text-align:center}
.mquick-sec a span {display:block}
.mquick-sec a .ico {width:92px;border-radius:50%;background:#f4f4f4 url(/resources/_Img/MainModule/micban/TMPL02/mico1.png) no-repeat 50% 50%;background-size:100% auto;margin:0 auto 28px;transition:all .5s ease}
.mquick-sec a .ico:before {display:block;content:"";width:0;padding-top:100%}
.mquick-sec a .txt {font-size:1.059em;color:#333}
.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);}
.mquick-sec a:hover .ico, .mquick-sec a:focus .ico {animation:ico_ani .75s linear 1}
.mquick-sec a:hover .txt, .mquick-sec a:focus .txt {text-decoration:underline}
/* 아이콘 */
.mquick-sec a .icon1 {background-image:url(/resources/_Img/MainModule/micban/TMPL02/mico1.png)}
.mquick-sec a .icon2 {background-image:url(/resources/_Img/MainModule/micban/TMPL02/mico2.png)}
.mquick-sec a .icon3 {background-image:url(/resources/_Img/MainModule/micban/TMPL02/mico3.png)}
.mquick-sec a .icon4 {background-image:url(/resources/_Img/MainModule/micban/TMPL02/mico4.png)}
.mquick-sec a .icon5 {background-image:url(/resources/_Img/MainModule/micban/TMPL02/mico5.png)}
.mquick-sec a .icon6 {background-image:url(/resources/_Img/MainModule/micban/TMPL02/mico6.png)}
.mquick-sec a .icon7 {background-image:url(/resources/_Img/MainModule/micban/TMPL02/mico7.png)}
.mquick-sec a .icon8 {background-image:url(/resources/_Img/MainModule/micban/TMPL02/mico8.png)}
.mquick-sec a .icon9 {background-image:url(/resources/_Img/MainModule/micban/TMPL02/mico9.png)}
.mquick-sec a .icon10 {background-image:url(/resources/_Img/MainModule/micban/TMPL02/mico10.png)}
@media all and (max-width:1200px){
	.mquick-sec {margin:40px 0;float:right;width:50%}
}
@media all and (max-width:999px){
	.mquick-sec a .ico {width:74px}
	.mquick-sec a .txt {font-size:1em}
}
@media all and (max-width:768px){
	.mquick-sec {width:100%;margin:20px 0 40px}
	.mquick-sec a .ico {margin-bottom:10px}
	.mquick-sec .ctrlnums-wrap {top:2px}
}
/* ------------------------------------- E : mquick-sec ------------------------------------ */

/*-------------------------mtabgallery/TMPL02/style.css------------------------------------*/
/* ------------------------------------- S : mgallery-sec ------------------------------------ */
.mgallery-sec {}
.mgallery-sec .tit-sec {position:relative}
.mgallery-sec .tit-sec .btn-more {display:block;position:absolute;top:0;right:0;width:26px;height:26px}
.mgallery-sec .tit-sec .btn-more:before, .mgallery-sec .tit-sec .btn-more:after {width:100%}
.mgallery-sec ul {font-size:0}
.mgallery-sec li {display:inline-block;vertical-align:top;width:280px;margin-left:35px;font-size:1rem}
.mgallery-sec li:nth-child(2n+1) {margin-left:0}
.mgallery-sec li a {display:block;font-size:1.059em;line-height:1.4;color:#333}
.mgallery-sec li span {display:block}
.mgallery-sec li .img {padding-top:78.571%;background:#f3f3f3 url(/resources/_Img/Common/noimg_bg.png) no-repeat 50% 50%;background-size:30% auto;position:relative}
.mgallery-sec li .img img {position:absolute;top:0;left:0;width:100%;height:100%;}
.mgallery-sec li .txt {padding:16px 0 26px}
.mgallery-sec li a:hover .txt, .mgallery-sec li a:focus .txt {text-decoration:underline}
.mgallery-sec li.no-data {width:100%}
@media all and (max-width:1200px){
	.mgallery-sec li {width:22.75%;margin-left:3%}
	.mgallery-sec li:nth-child(2n+1) {margin-left:3%}
	.mgallery-sec li:nth-child(4n+1) {margin-left:0}
}
@media all and (max-width:999px){
	.mgallery-sec li {width:23.5%;margin-left:2%}
	.mgallery-sec li:nth-child(2n+1) {margin-left:2%}
	.mgallery-sec li:nth-child(4n+1) {margin-left:0}
	.mgallery-sec li a {font-size:1em}
}
@media all and (max-width:768px){
	.mgallery-sec li {width:49%}
	.mgallery-sec li:nth-child(4n+1) {margin-left:2%}
	.mgallery-sec li:nth-child(2n+1) {margin-left:0}
}
/* ------------------------------------- E : mgallery-sec ------------------------------------ */