@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;position:relative;z-index:1}
@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}
}

.mtemplate-txt {text-align:center;font-size:1rem;box-sizing:border-box;}
.mtemplate-txt span {display:inline-block;vertical-align:middle;padding:40px 0}
.msect .mtemplate-txt {position:absolute;top:0;left:0;width:100%;height:100%}
.msect .mtemplate-txt:before {display:inline-block;vertical-align:middle;content:"";width:0;height:100%}

/* 메인비쥬얼
------------------------------------------------------ */
.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%;display:table;width:100%}
#mVisual .datalist .item a {display:block;position:relative;z-index:1;height:100%;display:table;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;position:absolute;top:180px;left:0; */box-sizing:border-box;padding:0 20px 115px;display:table-cell;vertical-align:middle;position:relative;text-align:center;text-shadow:0px 0px 13px rgba(0, 0, 0, 0.75);width:100%;font-size:2.316em;z-index:1}
#mVisual .datalist .item .txt-sec span {display:block;color:#fff;font-weight:400;line-height:1.2}
#mVisual .datalist .item .txt-sec span em {font-weight:700;font-style:normal}
#mVisual .datalist .item .txt-sec .etit {/* font-size:0.842em; */font-size:0.455em;font-weight:600;font-family:univia-pro, sans-serif;letter-spacing:0;color:rgba(255,255,255,.6);margin-top:8px}
#mVisual .datalist .item .txt-sec .etit2 {/* font-size:1.842em; */font-size:0.795em;font-family:univia-pro, sans-serif;letter-spacing:0;opacity:1;margin-top:8px}
#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: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: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}
}
@media all and (max-width:999px){
	.mVisual-wr {height:350px}
	#mVisual .datalist .item img {width:1200px;margin-left:-600px}
	#mVisual .datalist .item .txt-sec {/* top:30%; */padding-bottom:60px}
	#mVisual .datalist .item .txt-sec {font-size:2em}
	#mVisual .datalist .item .txt-sec {font-size:1.5em}
	#mVisual .datalist .item .txt-sec .etit {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}
}
@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:1.3em;padding-bottom:20px}
	#mVisual .datalist .item .txt-sec .etit {font-size:14px}
}
@media all and (max-width:400px){
	.mVisual-wr {height:205px}
	#mVisual .datalist .item img {width:700px;margin-left:-350px}
	#mVisual .datalist .item .txt-sec {font-size:1.1em}
	#mVisual .ctrlnums-wrap .ctrl-nums {bottom:20px}
}

.msect {background:#f0f0f0;font-size:0;padding:0 245px;margin-top:-90px}
.sect {display:inline-block;vertical-align:top;background:#fff;border-radius:5px;overflow:hidden;position:relative;font-size:0;width:31.333%;margin:0 0 4% 3%;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%;white-space:normal;}
@media all and (min-width:1500px){
	.msect {max-width:1440px;margin:-90px auto 0;padding:0;position:relative}
	.msect:before {display:block;content:"";width:2000px;height:100%;background:#f0f0f0;position:absolute;top:0;left:50%;margin-left:-1000px}
	.sect {width:446px;margin:0 0 45px 50px}
}
@media all and (min-width:1000px){
	/* .msect {padding:0 70px} */
	.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:121.076%}
}
@media all and (min-width:1000px) and (max-width:1500px){
	.msect {padding:0 3.333%}
}
@media all and (max-width:999px){
	.msect {padding:0 30px;margin-top:0}
	.sect {width:48%;margin:0 0 4% 4%}
	.sect:nth-child(2n+2) {margin-left:0}
}
@media all and (max-width:600px){
	.msect {padding:0 20px}
}
@media all and (max-width:500px){
	.sect {min-height:inherit;width:100%;margin:0 0 4%}
}

/*  */
.mtabbaords .mtab {position:relative;font-size:0}
.mtabbaords .mtab:before {display:block;content:"";width:100%;height:73px;background:#023399;position:absolute;top:0;left:0;z-index:2}
.mtabbaords .mtab dl {display:inline-block;vertical-align:middle;width:33.333%;font-size:1rem}
.mtabbaords .mtab dt {display:block;}
.mtabbaords .mtab dt a {display:block;position:relative;z-index:2;font-size:1.158em;font-weight:500;text-align:center;color:#fff;height:73px}
.mtabbaords .mtab dt a:before {display:inline-block;vertical-align:middle;content:"";width:0;height:100%}
.mtabbaords .mtab dt a:after {display:block;content:"";width:1px;height:100%;background:#fff;opacity:.3;position:absolute;top:0;left:100%}
.mtabbaords .mtab dt a span {display:inline-block;vertical-align:middle;position:relative;}
.mtabbaords .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}
.mtabbaords .mtab dd {display:none;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding-top:73px;background:#fff}
.mtabbaords .mtab dd ul {padding:55px 30px 0}
.mtabbaords .mtab dd ul li {position:relative;color:#383838;border-top:1px solid #ddd}
.mtabbaords .mtab dd ul li .subject {display:block;}
.mtabbaords .mtab dd ul li .tit {display:inline-block;vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;max-width:89%}
.mtabbaords .mtab dd ul li .isNewIcon {display:inline-block;vertical-align:middle}
.mtabbaords .mtab dd ul li .date {font-size:0.895em;color:#959595;position:absolute}
.mtabbaords .mtab dd ul li:first-child {border:0}
.mtabbaords .mtab dd ul li:first-child:not(.no-data) {padding:3px 0 30px 130px;min-height:95px;}
.mtabbaords .mtab dd ul li:first-child:not(.no-data) .subject {margin-bottom:7px}
.mtabbaords .mtab dd ul li:first-child:not(.no-data) .tit {font-size:1.158em;color:#222}
.mtabbaords .mtab dd ul li:first-child:not(.no-data) .txt {display:block;max-height:56px;overflow:hidden;}
.mtabbaords .mtab dd ul li:first-child:not(.no-data) .date {top:0;left:0;width:110px;box-sizing:border-box;border:5px solid #f0f0f0;background:#fff;color:#5f5f5f;text-align:center}
.mtabbaords .mtab dd ul li:first-child:not(.no-data) .date:before {display:inline-block;vertical-align:middle;content:"";width:0;padding-top:100%}
.mtabbaords .mtab dd ul li:first-child:not(.no-data) .date .year {display:inline-block;vertical-align:middle;padding-top:55px;position:relative;}
.mtabbaords .mtab dd ul li:first-child:not(.no-data) .date .day {font-size:2.526em;font-weight:500;color:#000;position:absolute;top:0;left:0;width:100%;line-height:1}
.mtabbaords .mtab dd ul li:not(:first-child) {padding:17px 80px 17px 0}
.mtabbaords .mtab dd ul li:not(:first-child) .date {top:18px;right:0;font-weight:300}
.mtabbaords .mtab dd ul li.no-data {font-size:1em}
.mtabbaords .mtab dd .btn-more {display:block;width:65px;height:65px;position:absolute;top:0;right:0;z-index:2}
.mtabbaords .mtab dd .btn-more:before, .mtabbaords .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}
.mtabbaords .mtab dd .btn-more:after {transform:rotate(90deg);-ms-transform:rotate(90deg);}
.mtabbaords .mtab dd ul li a:hover .tit, .mtabbaords .mtab dd ul li a:focus .tit {text-decoration:underline}
.mtabbaords .mtab dd .btn-more:hover:before, .mtabbaords .mtab dd .btn-more:focus:before {transform:rotate(90deg);-ms-transform:rotate(90deg)}
.mtabbaords .mtab dd .btn-more:hover:after, .mtabbaords .mtab dd .btn-more:focus:after {transform:rotate(180deg);-ms-transform:rotate(180deg)}
.mtabbaords .mtab .isOn dt a {background:#fff;color:#023399}
.mtabbaords .mtab .isOn dt a span:after {border-top:10px solid #023399;}
.mtabbaords .mtab .isOn dd {display:block}
@media all and (max-width:1500px){
	.mtabbaords .mtab dd ul {padding-top:45px}
	.mtabbaords .mtab dd ul li .tit {max-width:87%}
	.mtabbaords .mtab dd ul li:first-child:not(.no-data) .subject {overflow:hidden}
	.mtabbaords .mtab dd ul li:first-child:not(.no-data) .tit {white-space:inherit;white-space:nowrap;display:inline-block}
	.mtabbaords .mtab dd ul li:nth-child(5) {display:none}
}
@media all and (max-width:1300px){
	.mtabbaords .mtab dd ul {padding-top:35px}
}
@media all and (max-width:1200px){
	.mtabbaords .mtab dl {font-size:.9rem}
	.mtabbaords .mtab dd ul {padding-top:19px}
	.mtabbaords .mtab dd ul li .subject img {width:18px}
	.mtabbaords .mtab dd ul li:first-child:not(.no-data) {padding:3px 0 20px 95px}
	.mtabbaords .mtab dd ul li:first-child:not(.no-data) .tit {font-size:1.1em}
	.mtabbaords .mtab dd ul li:first-child:not(.no-data) .txt {max-height:46px}
	.mtabbaords .mtab dd ul li:first-child:not(.no-data) .date {width:80px}
	.mtabbaords .mtab dd ul li:first-child:not(.no-data) .date .year {padding-top:28px}
	.mtabbaords .mtab dd ul li:first-child:not(.no-data) .date .day {font-size:2em}
	.mtabbaords .mtab dd ul li:not(:first-child) {padding:10px 0 28px 0}
	.mtabbaords .mtab dd ul li:not(:first-child) .date {top:36px}
}
@media all and (max-width:1100px){
	.mtabbaords .mtab dd ul li:nth-child(4) {display:none}
}
@media all and (max-width:999px){
	.mtabbaords {width:48%}
	.mtabbaords:before {padding-top:475px}
	.mtabbaords .mtab:before {height:70px}
	.mtabbaords .mtab dl {font-size:1rem}
	.mtabbaords .mtab dt a {height:70px}
	.mtabbaords .mtab dd ul li:nth-child(4),
	.mtabbaords .mtab dd ul li:nth-child(5) {display:block}
	.mtabbaords .mtab dd ul li:first-child:not(.no-data) .subject {margin-bottom:10px}
	.mtabbaords .mtab dd ul li:first-child:not(.no-data) .txt {display:block;max-height:48px}
	.mtabbaords .mtab dd ul li:not(:first-child) {padding:17px 80px 17px 0}
	.mtabbaords .mtab dd ul li:not(:first-child) .date {top:18px}
	.mtabbaords .mtab dd {padding-top:70px}
	.mtabbaord-sec {margin:4% 0;width:100%}
}
@media all and (max-width:799px){
	.mtabbaords {width:100%;margin-left:0;margin-top:0}
}
@media all and (max-width:600px){
	.mtabbaords:before {padding-top:405px}
	.mtabbaords .mtab:before {height:60px}
	.mtabbaords .mtab dt a {height:60px}
	.mtabbaords .mtab dd ul {padding:23px 25px 0}
	.mtabbaords .mtab dd ul li:first-child:not(.no-data) {padding:0 0 10px 85px}
	.mtabbaords .mtab dd ul li:first-child:not(.no-data) .subject {margin-bottom:5px}
	.mtabbaords .mtab dd ul li:first-child:not(.no-data) .txt {font-size:.9em;max-height:42px}
	.mtabbaords .mtab dd ul li:first-child:not(.no-data) .date {width:70px}
	.mtabbaords .mtab dd ul li:first-child:not(.no-data) .date .year {padding-top:25px}
	.mtabbaords .mtab dd ul li:not(:first-child) {padding-right:65px}
	.mtabbaords .mtab dd {padding-top:60px}
}
@media all and (max-width:400px){
	.mtabbaord-sec .mtab dd ul {padding:23px 15px 0}
	.mtabbaord-sec .mtab dd ul li:first-child:not(.no-data) {padding-bottom:20px;padding-left:0}
	/* .mtabbaord-sec .mtab dd ul li:first-child:not(.no-data) .subject {margin:0;height:69px;max-height:69px}
	.mtabbaord-sec .mtab dd ul li:first-child:not(.no-data) .tit {white-space:inherit;display:inline;line-height:1.2}
	.mtabbaord-sec .mtab dd ul li:first-child:not(.no-data) .txt {display:none} */
	.mtabbaord-sec .mtab dd ul li:not(:first-child) {padding-right:0}
	.mtabbaord-sec .mtab dd ul li .date {display:none}
}

/*  */
.mvr-sec {}
.mvr-sec .mtit {padding:29px 30px 30px}
.mvr-sec .mtit span {display:block;width:auto;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;}
@media all and (max-width:999px) {
	.mvr-sec .mtit {padding:17px 30px 17px}
}

/* 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 dl {display:inline-block;vertical-align:middle;text-align:left;font-size:1rem}
.msns-sec .mtab dl.hidden {display:none}
.msns-sec .mtab dt a {display:block;width:39px;background:url(/resources/_Templet/Main/main_dep4/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;height:100%}
.msns-sec .mtab dd ul li span {display:block}
.msns-sec .mtab dd ul li .img {position:relative;height:100%;z-index:1}
.msns-sec .mtab dd ul li img {display:block;height:100%;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 .3s ease-in-out;z-index:2}
.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_dep4/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 {opacity: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 > .no-data {text-align:center;position:absolute;top:50%;left:0;width:100%;font-size:1rem;transform:translateY(-50%);-ms-transform:translateY(-50%);color:#555;box-sizing:border-box;padding-top:90px;background:url(/resources/_Img/Board/default/ico_nodata.png) no-repeat center 0;}
.msns-sec .mtab .isOn dd {display:block}
.msns-sec .mtab .vnum1 dt a {background-position:-326px 0}
.msns-sec .mtab .vnum2 dt a {background-position:-205px 0}
.msns-sec .mtab .vnum3 dt a {background-position:-246px 0}
.msns-sec .mtab .vnum1 dd ul li .txt-sec .sns {color:#ea318d}
.msns-sec .mtab .vnum2 dd ul li .txt-sec .sns {color:#0052a6}
.msns-sec .mtab .vnum3 dd ul li .txt-sec .sns {color:#e32902}
@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}
	.msns-sec .mtab dd ul li:first-child:not(.no-data) {padding-right:0;width:33.333%}
	.msns-sec .mtab dd ul li:first-child:not(.no-data) .txt-sec {width:100%}
}
@media all and (max-width:600px){
	.msns-sec:before {padding-bottom:168px}
	.msns-sec .mtab {padding:17px 25px}
	.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:first-child:not(.no-data) {width:100%;height:33.333%}
	.msns-sec .mtab dd ul li .txt-sec .date {padding-left:27px}
}

/* 팝업존 */
.mpop-sec {overflow:visible;}
.mpop-sec .datalist {border-radius:5px;overflow:hidden}
.mpop-sec .no-data {text-align:center;position:absolute;top:0;left:0;width:100%;height:100%;font-size:1rem;box-sizing:border-box;}
.mpop-sec .no-data:before {display:inline-block;vertical-align:middle;content:"";width:0;height:100%}
.mpop-sec .no-data p {display:inline-block;vertical-align:middle;padding-top:90px;background:url(/resources/_Img/Board/default/ico_nodata.png) no-repeat center 0}
.mpop-sec .ctrlnums-wrap {position:absolute;width:100%;text-align:center;top:100%;left:0;font-size:0;z-index:1;margin:10px 0 0;}
.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:#ccc;border-radius:50%;box-shadow:2px 2px 2px rgba(0, 0, 0, .2) inset;transition:all .3s ease}
.mpop-sec .ctrlnums-wrap .ctrl-dots .active:before {width:18px;height:18px;background:#ff6000;box-shadow:2px 2px 2px rgba(255, 255, 255, .5) inset, 2px 2px 2px rgba(0, 0, 0, .2)}
.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 #aaa;border-right:0}
.mpop-sec .ctrlnums-wrap .ctrl-auto .btn-stop:before {width:10px;height:14px;box-sizing:border-box;border-left:3px solid #aaa;border-right:3px solid #aaa}
@media all and (max-width:999px) {
	.mpop-sec {margin-bottom:8%;}
}
@media all and (max-width:600px){
	/* .mpop-sec {width:100%;margin-bottom:45px} */
}
@media all and (max-width:500px){
	.mpop-sec {margin-bottom:45px}
}

/* 게시판 */
.mstory-sec {margin:0 160px;padding:40px 0 70px}
.mstory-sec .mtit {font-size:2.421em;font-weight:400;color:#0a0a0a;padding:0}
.mstory-sec .mtit span {display:inline-block;position:relative;}
.mstory-sec .mtit span:before {display:block;content:"";width:100%;height:5px;background:#0a0a0a;position:absolute;bottom:10px;left:100%;margin-left:35px}
.mstory-sec .mtit em {font-style:normal;font-weight:700}
.mstory-sec .mtxt {font-size:1.316em;color:#0a0a0a;margin-bottom:50px}
.mstory-sec .mtxt span {color:#264c93}
.mstory-sec ul {border-top:1px solid #dfdfdf;position:relative}
.mstory-sec ul:before {display:block;content:"";width:100%;height:1px;background:#dfdfdf;position:absolute;bottom:0;left:0}
.mstory-sec ul:after {display:block;content:"";clear:both}
.mstory-sec ul li {float:left;width:50%;box-sizing:border-box;padding:32px 90px 32px 40px;border-bottom:1px solid #dfdfdf}
.mstory-sec ul li a {display:block;position:relative;padding-right:100px}
.mstory-sec ul li a:before, .mstory-sec ul li a:after {display:block;content:"";position:absolute;left:100%;margin:auto;transition:all .3s ease-in}
.mstory-sec ul li a:before {width:60px;height:60px;border:1px solid #cecece;border-radius:50%;right:0;bottom:0;top:0;margin-left:25px}
.mstory-sec ul li a:after {width:8px;height:8px;border:1px solid #8b8b8b;border-left:0;border-top:0;box-sizing:border-box;transform:rotate(-45deg);-ms-transform:rotate(-45deg);top:0;bottom:0;margin-left:51px}
.mstory-sec ul li a span {display:block;}
.mstory-sec ul li a .tit {font-size:1.053em;color:#1a1a1a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:20px;position:relative}
.mstory-sec ul li a .tit:before {display:block;content:"";border-radius:50%;width:6px;height:6px;background:#4e4e4e;position:absolute;top:0;left:0;bottom:0;margin:auto}
.mstory-sec ul li a .date {position:absolute;top:0;right:0;font-size:1.053em;color:#8b8b8b}
.mstory-sec ul li a:hover:before, .mstory-sec ul li a:focus:before {background:#cecece}
.mstory-sec ul li a:hover:after, .mstory-sec ul li a:focus:after {border-color:#1a1a1a}
.mstory-sec ul li a:hover .tit, .mstory-sec ul li a:focus .tit {text-decoration:underline}
.mstory-sec ul li.no-data {width:100%;height:auto;text-align:center;padding:120px 0 30px 0;background:url(/resources/_Img/Board/default/ico_nodata.png) no-repeat center 30px;font-size:1rem}
.mstory-sec .btn-more {display:inline-block;vertical-align:middle;margin-top:70px;width:180px;height:55px;box-sizing:border-box;border:1px solid #222;color:#222;font-size:1.053em;transition:all .5s ease-in}
.mstory-sec .btn-more:before {display:inline-block;vertical-align:middle;content:"";width:0;height:100%}
.mstory-sec .btn-more span {display:inline-block;vertical-align:middle;}
.mstory-sec .btn-more:hover, .mstory-sec .btn-more:focus {background:#222;color:#fff}
@media all and (max-width:1800px){
	.mstory-sec {margin:0 40px}
}
@media all and (max-width:1400px){
	.mstory-sec ul li {padding-left:0}
	.mstory-sec ul li a:before {width:48px;height:48px}
	.mstory-sec ul li a:after {margin-left:44px}
	.mstory-sec ul li:nth-child(2n+1) {padding-right:95px}
	.mstory-sec ul li:nth-child(2n+1) a:before {margin-left:20px}
	.mstory-sec ul li:nth-child(2n+1) a:after {margin-left:39px}
	.mstory-sec ul li:nth-child(2n+2) {padding-left:5px}
}
@media all and (max-width:999px){
	.mstory-sec {margin:0 30px}
	.mstory-sec .mtit {font-size:2em}
	.mstory-sec .mtxt {margin-bottom:30px;font-size:1.1em}
	.mstory-sec ul li {padding-right:65px}
	.mstory-sec ul li a {padding-right:0;margin:-10px 0 10px}
	.mstory-sec ul li a:before {width:36px;height:36px;margin-top:0}
	.mstory-sec ul li a:after {margin-top:15px;margin-left:39px}
	.mstory-sec ul li a .date {right:auto;left:20px;top:100%;font-size:.9em}
	.mstory-sec ul li:nth-child(2n+1) {padding-right:70px}
	.mstory-sec ul li:nth-child(2n+1) a:after {margin-left:34px}
	.mstory-sec .btn-more {margin-top:50px}
}
@media all and (max-width:768px){
	.mstory-sec ul li {padding:15px 65px 15px 0;width:100%}
	.mstory-sec ul li a {padding-right:85px;margin:0}
	.mstory-sec ul li a:before {/* width:36px;height:36px; */margin-top:auto}
	.mstory-sec ul li a:after {margin-top:auto}
	.mstory-sec ul li a .date {right:0;left:auto;top:0}
	.mstory-sec ul li:nth-child(2n+1) {padding-right:65px}
	.mstory-sec ul li:nth-child(2n+1) a:before {margin-left:25px}
	.mstory-sec ul li:nth-child(2n+1) a:after {margin-left:39px}
	.mstory-sec ul li:nth-child(2n+2) {padding-left:0}
}
@media all and (max-width:600px){
	.mstory-sec {margin:0 20px}
	.mstory-sec ul li {padding-right:0}
	.mstory-sec ul li:nth-child(2n+1) {padding-right:0}
	.mstory-sec ul li a:before, .mstory-sec ul li a:after {display:none}
	.mstory-sec .btn-more {margin-top:30px}
}