@charset "utf-8";
body, html {font-size:19px;color:#555}
#mcontainer-wrap {position:relative;width:100%;line-height:1.529;letter-spacing:-.05em}
#mcontainer {word-break:keep-all;padding-bottom:0}
@media all and (max-width:1500px) {
	body, html {font-size:18px}
	#mcontainer {padding-bottom:0}
}
@media all and (max-width:1000px) {
	body, html {font-size:17px}
	#mcontainer-wrap {line-height:1.50}
}
@media all and (max-width:768px) {
	body, html {font-size:16px}
}
@media all and (max-width:600px) {
	body, html {font-size:15px}
}

/* 공통 */
.mtit {font-size:1.421rem;font-weight:700;color:#162661;padding:29px 30px 30px}
@media all and (max-width:999px){
	.mtit {font-size:1.25rem;padding:17px 30px 17px}
}
@media all and (max-width:600px){
	.mtit {padding:17px 25px 17px}
}
@media all and (max-width:400px){
	.mtit {padding:17px 15px 17px}
}

/* 메인비쥬얼
------------------------------------------------------ */
.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%}
#mVisual .datalist .item a {display:block;position:relative;z-index:1;height:100%}
#mVisual .datalist .item img {display:block;position:absolute;width:1920px;height:100%;left:50%;top:0;transform:translateX(-50%)}
#mVisual .datalist .item.hasNoData {}
#mVisual .datalist .item.hasNoData .no-data {display:block;position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);font-size:1rem;padding:80px 0 0;background:url(/resources/_Img/Board/default/ico_nodata.png) no-repeat center 0;text-align:center;margin:-80px 0 0;}
#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 .ctrl-nums {font-size:0;width:100%;position:absolute;bottom:110px;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 span {font-size:0}
#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:448px}
	#mVisual .datalist .item img {width:1536px}
}
@media all and (max-width:999px) {
	.mVisual-wr {height:358px}
	#mVisual .datalist .item img {width:1229px}
	#mVisual .ctrlnums-wrap .ctrl-nums {bottom:80px;}
}
@media all and (max-width:699px) {
	.mVisual-wr {height:286px}
	#mVisual .datalist .item img {width:983px}
	#mVisual .ctrlnums-wrap .ctrl-nums {bottom:65px;}
}

.msect {position:relative;background:#f0f0f0;font-size:0;padding:0;max-width:1440px;margin:-90px auto 0}
.msect:after {content:"";display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;margin:0 0 0 -1000px;background:#f0f0f0;z-index:-1;}
.sect {display:inline-block;vertical-align:top;background:#fff;border-radius:5px;overflow:hidden;position:relative;font-size:0;z-index:3}
.sect:before {display:inline-block;vertical-align:top;content:"";width:0;padding-top:120.805%}
.sect .sect-in {display:inline-block;vertical-align:top;width:100%}
@media all and (max-width:1500px) {
	.msect {margin:-90px 20px 0;}
}
@media all and (min-width:1000px){
	.sect {width:31.333%;margin:0 0 3% 3%}
	.sect:nth-child(3n+1) {margin-left:0}
	.sect:nth-child(3n+1), .msect .sect:nth-child(3n+3) {margin-top:-70px}
	.sect:nth-child(-n+3):before {padding-top:540px}
}
@media all and (min-width:1000px) and (max-width:1200px){
	.sect:nth-child(-n+3):before {padding-top:410px}
}

/*
@media all and (min-width:1000px) and (max-width:1800px){
	.msect {padding:0 70px}
}
@media all and (min-width:1000px) and (max-width:1500px){
	.msect {padding:0 3.333%}
}
@media all and (min-width:1000px) and (max-width:1200px){
	.sect:nth-child(-n+3):before {padding-top:505px}
}
*/
@media all and (max-width:999px){
	.msect {padding:0;margin-top:0;padding-top:30px;display:flex;flex-flow:row;flex-wrap:wrap;}
	.sect {width:48%;margin:0 0 4% 4%}
	.sect:nth-child(2n+2) {margin-left:0}
}
@media all and (max-width:600px){
	.msect {padding:20px 0 0}
}
@media all and (max-width:500px){
	.sect {min-height:inherit;width:100%;margin:0 0 4%}
}


/* 이미지 배너 */
.mvr-sec {min-height:380px}
.mvr-sec .sect-in {box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%}
.mvr-sec .sect-in .hasNoData {display:block;position:absolute;width:100%;height:100%;}
.mvr-sec .sect-in .hasNoData .no-data {display:block;position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);font-size:1rem;padding:80px 0 0;background:url(/resources/_Img/Board/default/ico_nodata.png) no-repeat center 0;text-align:center}
.mvr-sec .sect-in .mimban2 {position:relative;width:100%;height:100%}
.mvr-sec .sect-in .mimban2 .datalist {position:relative;width:100%;height:100%}
.mvr-sec .sect-in .mimban2 .datalist .item {}
.mvr-sec .sect-in .mimban2 .datalist .item a {display:block;box-sizing:border-box;position:relative;}
.mvr-sec .sect-in .mimban2 .datalist .item a span {display:block;position:relative;width:100%;height:0;padding:0 0 120%;}
.mvr-sec .sect-in .mimban2 .datalist .item a img {display:block;position:absolute;width:100%;height:100%;left:0;top:0;}
.mvr-sec .sect-in .mimban2 .datalist .owl-stage-outer {position:relative;z-index:0;}
.mvr-sec .sect-in .mimban2 .datalist .owl-dots {position:absolute;z-index:1;width:100%;left:0;bottom:20px;text-align:center;font-size:0;text-align:center}
.mvr-sec .sect-in .mimban2 .datalist .owl-dots button {display:inline-block;width:20px;height:20px;border:0;border-radius:50%;border:2px solid #023399;margin:0 2px;vertical-align:top;background:#fff;transition:all .3s ease;}
.mvr-sec .sect-in .mimban2 .datalist .owl-dots button.active {background:#023399}
.mvr-sec .sect-in .mimban2 .datalist .owl-nav {}
@media all and (max-width:999px){
	.mvr-sec {min-height:inherit;margin-right:0;margin-left:4% !important;}
	.mvr-sec .sect-in {padding-bottom:65px}
	.mvr-sec .img .ico {width:75px}
	.mvr-sec .img .ico:after {background-size:292px auto}
}
@media all and (max-width:600px){
	.mvr-sec {width:100%;margin-left:0 !important;}
	.mvr-sec .sect-in {padding-bottom:62px}
	.mvr-sec .img .ico {width:56px}
	.mvr-sec .img .ico:after {background-size:219px auto}
}
@media all and (max-width:500px){
	.mvr-sec:before {display:none}
	.mvr-sec .sect-in {padding-bottom:0;position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0}
	.mvr-sec a {padding:0}
	.mvr-sec .img {position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0;}
	.mvr-sec .tit {position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0;padding:25px 20px;font-size:1.1em}
}

/* sns */
.msns-sec .mtit {position:absolute;top:0;left:0;width:100%;box-sizing:border-box;}
.msns-sec .mtit span {display:inline-block;vertical-align:middle;position:relative;}
.msns-sec .mtit span:before {display:block;content:"";width:100%;height:5px;background:#ffbf27;position:absolute;bottom:7px;left:0;z-index:-1}
.msns-sec .mtab {width:100%;height:100%;text-align:right;box-sizing:border-box;font-size:0;padding:27px 35px}
.msns-sec .mtab.hasNoData {height:100%}
.msns-sec .mtab.hasNoData .no-data {display:block;position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);font-size:1rem;padding:80px 0 0;background:url(/resources/_Img/Board/default/ico_nodata.png) no-repeat center 0;text-align:center}
.msns-sec .mtab dl {display:inline-block;vertical-align:middle;text-align:left;font-size:1rem}
.msns-sec .mtab dt a {display:block;width:39px;background:url(/resources/_Templet/Main/main_dep3/Img/main_spr.png) no-repeat -205px 0;margin-left:14px;position:relative;z-index:2}
.msns-sec .mtab dt a:before {display:inline-block;vertical-align:middle;content:"";width:0;padding-top:100%}
.msns-sec .mtab dd {position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding-top:90px;display:none;}
.msns-sec .mtab dd ul {height:100%}
.msns-sec .mtab dd ul:after {display:block;content:"";clear:both}
.msns-sec .mtab dd ul li {position:relative;color:#383838;width:50%;height:50%;float:left;box-sizing:border-box;}
.msns-sec .mtab dd ul li a {display:block}
.msns-sec .mtab dd ul li span {display:block;}
.msns-sec .mtab dd ul li .img {position:relative;z-index:1}
.msns-sec .mtab dd ul li img {width:100%}
.msns-sec .mtab dd ul li .txt-sec {position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;box-sizing:border-box;padding:21px 20px;opacity:0;transition:opacity .5s ease-in;z-index:-1}
.msns-sec .mtab dd ul li .txt-sec .sns {color:#0052a6;margin-bottom:14px}
.msns-sec .mtab dd ul li .txt-sec .tit {max-height:87px;margin-bottom:11px;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.msns-sec .mtab dd ul li .txt-sec .date {color:#898989;font-size:0.842em;font-weight:300;padding-left:32px;position:relative}
.msns-sec .mtab dd ul li .txt-sec .date:before {display:block;content:"";width:18px;height:18px;background:url(/resources/_Templet/Main/main_dep3/Img/main_spr.png) no-repeat -119px -110px;position:absolute;top:0;bottom:0;left:0;margin:auto}
.msns-sec .mtab dd ul li a:hover .txt-sec,
.msns-sec .mtab dd ul li a:focus .txt-sec {background:rgba(255,255,255,.85);opacity:1;z-index:1}
.msns-sec .mtab dd ul li.no-data {width:100%;text-align:center;padding-right:0;padding-left:0;font-size:1em}
.msns-sec .mtab .isOn dd {display:block}
.msns-sec .mtab .vnum1 dt a {background-position:-205px 0}
.msns-sec .mtab .vnum2 dt a {background-position:-246px 0}
.msns-sec .mtab .vnum4 dt a {background-position:-286px 0}
.msns-sec .mtab .vnum3 dt a {background-position:-326px 0}
.msns-sec .mtab .vnum1 dd ul li .txt-sec .sns {color:#0052a6}
.msns-sec .mtab .vnum2 dd ul li .txt-sec .sns {color:#2cb400}
.msns-sec .mtab .vnum4 dd ul li .txt-sec .sns {color:#3d9cd6}
.msns-sec .mtab .vnum3 dd ul li .txt-sec .sns {color:#ea318d}
@media all and (max-width:1400px){
	.msns-sec .mtab dd ul li .txt-sec {padding:15px 20px}
	.msns-sec .mtab dd ul li .txt-sec .sns {font-size:15px;margin-bottom:9px}
	.msns-sec .mtab dd ul li .txt-sec .tit {max-height:81px}
	.msns-sec .mtab dd ul li .txt-sec .date {padding-left:24px}
}
@media all and (max-width:1200px){
	.msns-sec .mtab {padding-right:20px}
	.msns-sec .mtab dt a {margin-left:9px}
	.msns-sec .mtab dd ul li .txt-sec {padding:7px 15px}
	.msns-sec .mtab dd ul li .txt-sec .tit {-webkit-line-clamp:2;max-height:54px}
}
@media all and (max-width:999px){
	.msns-sec {width:100%;margin-left:0}
	.msns-sec:before {padding-top:203px;padding-bottom:33.203%}
	.msns-sec .mtab {padding:17px 30px 17px}
	.msns-sec .mtab dd {padding-top:70px}
	.msns-sec .mtab dd ul li {height:100%;width:33.333%}
	.msns-sec .mtab dd ul li a {height:100%}
	.msns-sec .mtab dd ul li .img {height:50%;overflow:hidden}
	.msns-sec .mtab dd ul li .txt-sec {width:100%;opacity:1;position:relative;top:auto;bottom:auto;right:auto;left:auto;padding:10px 15px;box-sizing:border-box;height:50%}
	.msns-sec .mtab dd ul li .txt-sec .tit {max-height:50px}
}
@media all and (max-width:600px){
	.msns-sec:before {padding-top:203px;padding-bottom:168px}
	.msns-sec {width:100%;margin:0 0 4%;}
	.msns-sec .mtab {padding:17px 25px}
	.msns-sec .mtab dd ul {}
	.msns-sec .mtab dd ul li {width:100%;height:33.333%}
	.msns-sec .mtab dd ul li a {padding:0 0 0 115px}
	.msns-sec .mtab dd ul li .img {width:100px;height:100%;position:absolute;top:0;left:0;}
	.msns-sec .mtab dd ul li .txt-sec {padding:3px 20px 11px 0}
	.msns-sec .mtab dd ul li .txt-sec .sns {margin-bottom:5px;font-size:12px}
	.msns-sec .mtab dd ul li .txt-sec .tit {max-height:44px;-webkit-line-clamp:2;margin-bottom:6px}
	.msns-sec .mtab dd ul li .txt-sec .date {padding-left:27px}
}

/* 팝업존 */
.mpop-sec {position:relative}
.mpop-sec .ctrlnums-wrap {position:absolute;bottom:24px;left:28px;font-size:0;z-index:1}
.mpop-sec .ctrlnums-wrap.disabled {display:none}
.mpop-sec .ctrlnums-wrap .ctrl-dots, .mpop-sec .ctrlnums-wrap .ctrl-auto {display:inline-block;vertical-align:middle;font-size:0}
.mpop-sec .ctrlnums-wrap button {width:24px;height:24px;background:none;border:0;display:inline-block;vertical-align:middle;position:relative}
.mpop-sec .ctrlnums-wrap button:before {display:block;content:"";position:absolute;top:0;left:0;bottom:0;right:0;margin:auto}
.mpop-sec .ctrlnums-wrap .ctrl-dots button:before {width:12px;height:12px;background:#fff;border-radius:50%}
.mpop-sec .ctrlnums-wrap .ctrl-dots .active:before {width:18px;height:18px;background:#ff6000}
.mpop-sec .ctrlnums-wrap .ctrl-auto .btn-play {display:none}
.mpop-sec .ctrlnums-wrap .ctrl-auto .btn-play:before {width:0;height:0;border:7px solid transparent;border-left:10px solid #fff;border-right:0}
.mpop-sec .ctrlnums-wrap .ctrl-auto .btn-stop:before {width:10px;height:14px;box-sizing:border-box;border-left:3px solid #fff;border-right:3px solid #fff}
@media all and (max-width:600px){
	.mpop-sec {width:100%}
}


/* 포토갤러리 */
.mphoto-sec .mtab {font-size:0}
.mphoto-sec .mtab:before {display:block;content:"";width:100%;height:73px;background:#023399;position:absolute;top:0;left:0;z-index:2}
.mphoto-sec .mtab dl {display:inline-block;vertical-align:middle;width:33.333%;font-size:1rem}
.mphoto-sec .mtab dt {display:block}
.mphoto-sec .mtab dt a {display:block;position:relative;z-index:2;font-size:0;font-weight:500;text-align:center;color:#fff;word-break:break-word;height:73px}
.mphoto-sec .mtab dt a:before {display:inline-block;vertical-align:middle;content:"";width:0;height:100%}
.mphoto-sec .mtab dt a:after {display:block;content:"";width:1px;height:100%;background:#fff;opacity:.3;position:absolute;top:0;left:100%}
.mphoto-sec .mtab dt a span {display:inline-block;vertical-align:middle;position:relative;font-size:1.158rem;word-break:break-word;line-height:1.2}
.mphoto-sec .mtab dt a span:after {display:block;content:"";width:0;height:0;border:7px solid transparent;border-top:0;border-bottom:0;position:absolute;top:100%;left:0;right:0;margin:9px auto 0;transition:all .3s ease}
.mphoto-sec .mtab dd {display:none;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;box-sizing:border-box;padding-top:73px;background:#fff}
.mphoto-sec .mtab dd .news-cont {position:relative;height:100%}
.mphoto-sec .mtab dd .news-cont a {display:block;height:100%;padding:5px 40px 66.443%;font-size:0;box-sizing:border-box;background:#fff}
.mphoto-sec .mtab dd .news-cont a:before {display:inline-block;vertical-align:middle;content:"";width:0;height:100%}
.mphoto-sec .mtab dd .news-cont a .txt-sec {display:inline-block;vertical-align:middle;font-size:1rem;width:100%}
.mphoto-sec .mtab dd .news-cont a .tit {font-size:1.263em;font-weight:700;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}
.mphoto-sec .mtab dd .news-cont a .txt {font-size:1.053em;color:#696969;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:none}
.mphoto-sec .mtab dd .news-cont a .img {position:absolute;bottom:0;left:0;width:100%;font-size:0;padding-top:66.443%}
.mphoto-sec .mtab dd .news-cont a .img img {position:absolute;top:0;left:0;width:100%;height:100%;background:#f7f7f7 url(/resources/_Img/Common/f_logo.png) no-repeat 50% 50%}
.mphoto-sec .news-cont .no-data {text-align:center;padding-top:90px;background:url(/resources/_Img/Board/default/ico_nodata.png) no-repeat center 0;width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);-ms-transform:translateY(-50%);font-size:1rem}
.mphoto-sec .mtab dd .btn-more {display:block;width:65px;height:65px;position:absolute;top:0;right:0;z-index:2}
.mphoto-sec .mtab dd .btn-more:before, .mphoto-sec .mtab dd .btn-more:after {display:block;content:"";width:21px;height:1px;background:#fff;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;transition:all .35s ease-in}
.mphoto-sec .mtab dd .btn-more:after {transform:rotate(90deg);-ms-transform:rotate(90deg)}
.mphoto-sec .mtab dd .news-cont a:hover .tit, .mphoto-sec .mtab dd .news-cont a:focus .tit {text-decoration:underline}
.mphoto-sec .mtab dd .btn-more:hover:before, .mphoto-sec .mtab dd .btn-more:focus:before {transform:rotate(90deg);-ms-transform:rotate(90deg)}
.mphoto-sec .mtab dd .btn-more:hover:after, .mphoto-sec .mtab dd .btn-more:focus:after {transform:rotate(180deg);-ms-transform:rotate(180deg)}
.mphoto-sec .mtab .isOn dt a {background:#fff;color:#023399}
.mphoto-sec .mtab .isOn dt a span:after {border-top:10px solid #023399}
.mphoto-sec .mtab .isOn dd {display:block}
@media all and (min-width:1000px) and (max-width:1500px){
	.mphoto-sec .mtab dd .news-cont a .tit {font-size:1.1em}
	.mphoto-sec .mtab dd .news-cont a .txt {display:none}
}
@media all and (max-width:1500px){
	.mphoto-sec .mtab dd .news-cont a .tit {max-height:60px;overflow:hidden}
}
@media all and (max-width:1200px){
	.mphoto-sec .mtab dl {font-size:.9rem}
}
@media all and (max-width:999px){
	.mphoto-sec {margin-left:0;margin-right:4%}
	.mphoto-sec:before {padding-top:475px}
	.mphoto-sec .mtab dd .news-cont a {padding:15px 20px 66.443%}
	.mphoto-sec .mtab dd .news-cont a .txt {display:none}
}
@media all and (max-width:799px){
	.mphoto-sec {width:48%;}
	.mphoto-sec:before {padding-top:66.443%;padding-bottom:150px}
	.mphoto-sec .mtab dd .news-cont a .tit {font-size:1.15em;max-height:54px}
}
@media all and (max-width:600px){
	.mphoto-sec {width:100%;margin-right:0;}
	.mphoto-sec .mtab:before {height:60px}
	.mphoto-sec .mtab dt a {height:60px}
	.mphoto-sec .mtab dd {padding-top:60px}
	.mphoto-sec .mtab dd .news-cont a {padding-top:0}
	.mphoto-sec .mtab dd .news-cont a .tit {width:100%;max-height:50px;font-size:1.15rem}
}
@media all and (max-width:400px){
	.mphoto-sec .mtab dd .news-cont a {padding:0 15px 66.443%}
}