@charset "utf-8";
#mcontainer-wrap {position:relative;width:100%;}
#mcontainer {word-break:keep-all;padding-bottom:0}
#mcontainer img {font-size:0}

/* ==============================
 * 메인비쥬얼
================================= */
.mVisual-wr {position:relative;width:100%;height:auto;box-sizing:border-box;padding:0;z-index:0;overflow:hidden;max-width:1780px;margin:0 auto;transition:all .3s ease}
#mVisual {position:relative}
#mVisual .dataList {display:block;z-index:0;}
#mVisual .dataList .owl-item {overflow:hidden}
#mVisual .dataList .owl-stage-outer,
#mVisual .dataList .owl-stage,
#mVisual .dataList .owl-item,
#mVisual .dataList .item,
#mVisual .dataList .item {}
#mVisual .dataList .item {display:block;box-sizing:border-box;position:relative}
#mVisual .dataList .item a:focus:after {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid rgba(59, 153, 252, .5);box-sizing:border-box;z-index:1;}
#mVisual .dataList .item.hasNoData {background:#f5f5f5;text-align:center}
#mVisual .dataList .item.hasNoData .no-data {display:inline-block;vertical-align:middle;width:auto}
#mVisual .dataList .txtBox {display:none;}
#mVisual .dataList .imgBox {display:block;position:relative;z-index:1;}
#mVisual .dataList .imgBox img {display:block;width:100%;height:auto;}
#mVisual .dataList .owl-stage-outer {z-index:0}
#mVisual .dataList .owl-nav {position:absolute;width:100%;left:0;top:50%;z-index:1}
#mVisual .dataList .owl-nav button {display:block;position:absolute;width:40px;height:40px;top:50%;transform:translateY(-50%);border:0;border-radius:3px;background:transparent}
#mVisual .dataList .owl-nav button:after {content:"";display:block;position:absolute;width:20px;height:20px;top:0;right:0;bottom:0;left:0;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #fff #fff;transition:all .3s ease}
#mVisual .dataList .owl-nav .owl-prev {left:20px}
#mVisual .dataList .owl-nav .owl-prev:after {transform:rotate(45deg);margin:auto auto auto 16px}
#mVisual .dataList .owl-nav .owl-prev:focus:after,
#mVisual .dataList .owl-nav .owl-prev:hover:after {margin:auto auto auto 10px}
#mVisual .dataList .owl-nav .owl-next {right:20px}
#mVisual .dataList .owl-nav .owl-next:after {transform:rotate(225deg);margin:auto 16px auto auto}
#mVisual .dataList .owl-nav .owl-next:focus:after,
#mVisual .dataList .owl-nav .owl-next:hover:after {margin:auto 10px auto auto}
#mVisual .dataCtrl {display:block;position:relative;width:auto;max-width:1400px;margin:0 auto;z-index:2}
#mVisual .dataCtrl .dataPkgs {display:block;position:absolute;left:50%;bottom:30px;margin-left:-103px;border-radius:25px;width:206px;background:rgba(45, 45, 45, .5);padding:10px 15px 12px 15px;box-sizing:border-box;}
#mVisual .dataCtrl .dataPkg1 {display:flex;justify-content:center;align-items:center;vertical-align:middle;line-height:1}
#mVisual .dataCtrl .dataNums {display:inline-block;vertical-align:middle;font-size:0.889em;letter-spacing:0;font-weight:700;color:#fff;font-family:"sofia-pro", sans-serif;line-height:1;padding-right:15px;}
#mVisual .dataCtrl .dataNums .press {position:relative;display:inline-block;padding-right:33px;}
#mVisual .dataCtrl .dataNums .press:before {display:block;content:'';position:absolute;top:2px;right:14px;width:1px;height:12px;background:#fff;opacity:0.2;}
#mVisual .dataCtrl .dataNums .total {display:inline-block; color:rgba(255,255,255,0.6)}
#mVisual .dataCtrl .dataAuto {display:inline-block;vertical-align:middle;line-height:1;font-size:0}
#mVisual .dataCtrl .dataAuto button {display:inline-block;position:relative;width:25px;height:28px;box-sizing:border-box;border:0;background-color:transparent;}
#mVisual .dataCtrl .dataAuto button:after {display:block;content:"";position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;box-sizing:border-box}
#mVisual .dataCtrl .dataAuto .btn-stop:after {width:8px;height:13px;border-left:2px solid #fff;border-right:2px solid #fff}
#mVisual .dataCtrl .dataAuto .btn-play {display:none}
#mVisual .dataCtrl .dataAuto .btn-play.on {display:inline-block;}
#mVisual .dataCtrl .dataAuto .btn-play:after {width:0;height:0;border:solid;border-width:6px 0 6px 8px;border-color:transparent transparent transparent #fff}
#mVisual .dataCtrl .dataAuto .owl-prev:after {width:14px;height:14px;border-bottom:3px solid #fff;border-right:3px solid #fff;transform:rotate(135deg);}
#mVisual .dataCtrl .dataAuto .owl-next:after {width:14px;height:14px;border-bottom:3px solid #fff;border-right:3px solid #fff;transform:rotate(-45deg);}
#mVisual .dataCtrl .dataPkg2 {display:none;vertical-align:middle;line-height:1;margin:0 0 0 10px}
#mVisual .dataCtrl .dataDots {font-size:0;line-height:1;text-align:center}
#mVisual .dataCtrl .dataDots button {display:inline-block;width:20px;height:20px;border:0;background:transparent;box-sizing:border-box;position:relative;font-size:0}
#mVisual .dataCtrl .dataDots button:after {content:"";display:block;position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;top:0;right:0;bottom:0;left:0;margin:auto}
#mVisual .dataCtrl .dataDots button.active:after {background:#1472b6}
#mVisual .dataCtrl .dataDots button .isSel {display:none}
#mVisual .dataCtrl .dataDots button.active .isSel {display:block;position:absolute;width:0;height:0;overflow:hidden;top:-9999em;left:-9999em;text-indent:-9999em;font-size:0;line-height:0;opacity:0;visibility:hidden}
#mVisual .owl-dots {display:none;}
#mVisual .dataCtrl .dataAuto.disabled {display:none;}

@media all and (max-width:999px) {
	#mVisual .dataCtrl .dataPkgs {position:relative;left:auto;bottom:auto;margin-left:0;border-radius:0;width:100%;background:none;padding:0; margin-top:10px}
	#mVisual .dataList .owl-nav button:after {border-color:transparent transparent #333 #333;}
	#mVisual .dataCtrl .dataNums {color:#333;}
	#mVisual .dataCtrl .dataNums .press:before {background:#333;}
	#mVisual .dataCtrl .dataNums .total {color:#888}
	#mVisual .dataCtrl .dataAuto .btn-stop:after {border-left:2px solid #333;border-right:2px solid #333}
	#mVisual .dataCtrl .dataAuto .btn-play:after {border-color:transparent transparent transparent #333}
	#mVisual .dataCtrl .dataAuto .owl-prev:after {border-bottom:2px solid #333;border-right:2px solid #333;}
	#mVisual .dataCtrl .dataAuto .owl-next:after {border-bottom:2px solid #333;border-right:2px solid #333;}
}

/* ==============================
 * 메인위젯
================================= */
/** -- 위젯 공통 */
.mPkg-wr {max-width:1600px;margin:0 auto;}

@media all and (max-width:1640px) {
	.mPkg-wr {margin:0 20px;}
}

/** -- Event Zone */
.mPkg1-wr {max-width:1700px;margin:0 auto;box-sizing:border-box;}
#mEvent {box-sizing:border-box;position:relative;margin-top:60px;/*padding-right:50px;*/overflow:hidden;}
#mEvent .dataTit {display:block;margin:0 0 73px;padding-left:50px;}
#mEvent .dataTit span {display:inline-block;color:#000000;font-size:2.222em;font-weight:700;line-height:1;}
#mEvent .btn-more {display:inline-block;position:absolute;top:4px;right:52px;color:#000;opacity:0.4;font-weight:500;padding-right:34px;transition:all .3s ease;}
#mEvent .btn-more:before {display:block;content:'';position:absolute;top:50%;right:0;margin-top:-1px;width:21px;height:2px;background:#333;}
#mEvent .btn-more:after {display:block;content:'';position:absolute;top:50%;right:2px;margin-top:-4px;width:6px;height:6px;border-bottom:2px solid #333;border-right:2px solid #333;transform:rotate(-45deg);}
#mEvent .btn-more:focus,
#mEvent .btn-more:hover {opacity:1;}
#mEvent .btn-more span:before, 
#mEvent .btn-more span:after {display:block;content:'';position:absolute;left:0;top:50%;width:36px;height:36px;background:#F1F1F1;border-radius:30px;transform:translateY(-50%);z-index:-1;}
#mEvent .btn-more span:before {width:36px;opacity:0;transition:width .3s ease .3s, opacity 0s ease .3s;}
#mEvent .btn-more span:after {width:100%;opacity:0;transition:width .3s ease 0s, opacity 0s ease .3s, left .3s ease 0s;}
#mEvent .btn-more:focus span:before,
#mEvent .btn-more:hover span:before {width:100%;opacity:0;transition:width .3s ease 0s, opacity 0s ease .3s;}
#mEvent .btn-more:focus span:after,
#mEvent .btn-more:hover span:after {left: calc(100% - 28px);width:36px;opacity:1;transition:width .3s ease .3s, opacity 0s ease .3s, left .3s ease .3s;}

#mEvent .dataList {position:relative;}
#mEvent .dataList .owl-stage > .owl-item:nth-child(odd) .item {padding-top:87px;}
#mEvent .dataList .item {box-sizing:border-box;position:relative;transition:all .3s ease;/*padding-bottom:50px;*/padding-right:25px;padding-left:25px;}
#mEvent .dataList .item:before {display:block;content:'';position:absolute;bottom:0;right:0;width:14px;height:130px;background:url(/resources/homepage/kor/_Img/Contents/mEvent_bg01.png) no-repeat 0 0;/*bottom:96px;right:-50px;transform: rotate(90deg);color:#999999;font-size:0.889em;font-weight:500;*/}
#mEvent .dataList .item a {display:block;position:relative;word-break:break-all;}
#mEvent .dataList .item a:focus:after {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid rgb(59, 153, 252);box-sizing:border-box;z-index:1;}
#mEvent .dataList .item .pTit {display:block;font-size:1.222em;color:#000;font-weight:700;line-height:1.182em;max-height:103px;overflow:hidden;}
#mEvent .dataList .item .pPlace {display:block;font-size:0.944em;color:#000;letter-spacing:0;padding-top:10px;line-height:1.2;}
#mEvent .dataList .item .pDate {display:block;font-size:0.778em;color:#777777;font-weight:500;letter-spacing:0;padding-top:7px;line-height:1.2;}
#mEvent .dataList .item .pImg {display:block;position:relative;width:100%;/*padding-top:143.215%;*/padding-top:140%;overflow:hidden;margin-top:18px;}
#mEvent .dataList .item .pImg img {position:absolute;top:0;left:0;width:100%;transition:all .3s ease}
#mEvent .dataList .item .pImg .day {position:absolute;top:10px;right:10px;min-width:33px;height:33px;padding:0 5px;box-sizing:border-box;background:#000000;font-family:"sofia-pro", sans-serif;font-weight:700;font-size:12px;color:#fff;letter-spacing:0;border-radius:20px;display:flex;justify-content:center;align-items:center;z-index:1;transition:all .3s ease}
#mEvent .dataList .item .pImg .day.ing {top:10px;right:10px;width:50px;height:30px;background:#e80b8c;font-size:14px;letter-spacing: -0.09em;border-radius:5px;}
#mEvent .dataList .item .pImg .title {display:block;position:absolute;bottom:57px;left:27px;width: calc(100% - 54px);font-size:1.111em;color:#fff;text-align:center;line-height:1.2em;border-bottom:0px solid #fff;display:-webkit-box;max-height:60%;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:5;-webkit-box-orient:vertical;/* overflow:hidden;white-space:nowrap;text-overflow:ellipsis; */z-index:1;}
#mEvent .dataList .item .pImg .titleLine {display:block;position:absolute;bottom:45px;left:27px;width: calc(100% - 54px);height:1px;background:#fff;z-index:2;}
#mEvent .dataList .item .pMore {position:absolute;bottom:0;left:0;width:111px;height:111px;border-radius:50%;display:flex;justify-content:center;align-items:center;opacity:0;overflow:hidden;transition:all .3s ease;display:none;}
#mEvent .dataList .item .pMore:before {display:block;content:'';position:absolute;top:0;top:0;width:100%;height:100%;background:#e80b8c;border-radius:50%;mix-blend-mode:multiply;opacity:0.9;z-index:1;transition:all .3s ease}
#mEvent .dataList .item .pMore span {position:relative;font-weight:500;color:#fff;z-index:2;}
#mEvent .dataList.owl-carousel .owl-stage-outer .owl-item .item:before {opacity:0;}
#mEvent .dataList.owl-carousel .owl-stage-outer .owl-item.active .item:before {opacity:1;}
#mEvent .dataList .item a:hover .pMore {opacity:1;bottom:-50px;left:-50px;}
#mEvent .dataList .item a:focus img,
#mEvent .dataList .item a:hover img {transform:scale(1.05)}
#mEvent .dataList .item.hasNoData {height:0;padding:0 0 47.025%}
#mEvent .dataList .item.hasNoData .no-data {position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);padding:0;background:none}
#mEvent .dataList .item.hasNoData .no-data:before {content:"";display:block;width:71px;height:71px;margin:0 auto 10px;background:url(/resources/_Img/Board/default/ico_nodata.png) no-repeat}

#mEvent .dataList .item.event-gb-001:before {height:130px;background-image:url(/resources/homepage/kor/_Img/Contents/mEvent_bg01.png);}
#mEvent .dataList .item.event-gb-002:before {height:131px;background-image:url(/resources/homepage/kor/_Img/Contents/mEvent_bg02.png);}
#mEvent .dataList .item.event-gb-003:before {height:128px;background-image:url(/resources/homepage/kor/_Img/Contents/mEvent_bg03.png);}

#mEvent .dataCtrl {display:none;position:absolute;left:350px;top:0;}
#mEvent .dataCtrl.active {display:flex}
#mEvent .dataCtrl button {position:relative;width:40px;height:40px;box-sizing:border-box;border:1px solid #dddddd;background:transparent;font-size:0;border-radius:50%;transition:all .3s ease}
#mEvent .dataCtrl button:focus,
#mEvent .dataCtrl button:hover {background:#2360c5;border-color:#2360c5;}
#mEvent .dataCtrl button:after {content:"";display:block;position:absolute;box-sizing:border-box;top:0;right:0;bottom:0;left:0;transition:all .3s ease}
#mEvent .dataCtrl .dataNavi.disabled {display:none}
#mEvent .dataCtrl .dataNavi button:after {width:8px;height:8px;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #1b2f23 #1b2f23}
#mEvent .dataCtrl .dataNavi button:focus:after,
#mEvent .dataCtrl .dataNavi button:hover:after {border-color:transparent transparent #fff #fff}
#mEvent .dataCtrl .dataNavi button:focus {outline-color:red;}
#mEvent .dataCtrl .dataNavi .owl-prev:after {transform:rotate(45deg);margin:auto}
#mEvent .dataCtrl .dataNavi .owl-next:after {transform:rotate(225deg);margin:auto}
#mEvent .dataCtrl .dataAuto {margin-left:2px;display:none;}
#mEvent .dataCtrl .dataAuto .btn-stop {display:block}
#mEvent .dataCtrl .dataAuto .btn-stop:after {width:6px;height:10px;border:solid;border-width:0 2px;border-color:transparent #454545;margin:auto}
#mEvent .dataCtrl .dataAuto .btn-stop:focus:after,
#mEvent .dataCtrl .dataAuto .btn-stop:hover:after {border-color:transparent #fff}
#mEvent .dataCtrl .dataAuto .btn-play {display:none}
#mEvent .dataCtrl .dataAuto .btn-play:after {width:0;height:0;border:solid;border-width:5px 0 5px 6px;border-color:transparent transparent transparent #454545;margin:auto}
#mEvent .dataCtrl .dataAuto .btn-play:focus:after,
#mEvent .dataCtrl .dataAuto .btn-play:hover:after {border-color:transparent transparent transparent #fff}
#mEvent .dataDots {position:absolute;top:5px;right:100px;display:none;}
#mEvent .dataDots.disabled {display:none}
#mEvent .dataDots button {display:inline-block;width:20px;height:20px;border:0;background:transparent;position:relative;vertical-align:middle;font-size:0}
#mEvent .dataDots button:after {content:"";display:block;position:absolute;width:10px;height:10px;border-radius:50%;background:#777;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease}
#mEvent .dataDots button.active:after {background:#1472b6}

#mEvent .dataCtrl .dataNavi .owl-prev.disabled {display:none;}
#mEvent .dataCtrl .dataNavi .owl-next.disabled {display:none;}

@media all and (max-width:1700px) {
	#mEvent .dataTit {padding-left:20px;}
	#mEvent .btn-more {right:22px;}
	#mEvent .dataList .item {padding-bottom:25px;padding-right:25px;padding-left:25px;}
	#mEvent .dataList .item:before {bottom:25px;}
	#mEvent .dataList .item .pMore {width:90px;height:90px;}
	#mEvent .dataList .item a:hover .pMore {opacity:1;bottom:-25px;left:-25px;}
	#mEvent .dataCtrl {left:320px;}
}
@media all and (max-width:1299px) {
	#mEvent .dataList .owl-stage > .owl-item:nth-child(odd) .item {padding-top:40px;}
}
@media all and (max-width:999px) {
	#mEvent {margin-top:30px;}
	#mEvent .dataTit span {font-size:1.444em;}
	#mEvent .dataTit {margin:0 0 40px; padding-top:8px}
	#mEvent .dataList .owl-stage > .owl-item:nth-child(odd) .item {padding-top:0;}
	#mEvent .dataList .item:before {right:5px;}
	#mEvent .dataList .item .pTit {font-size:1em;color:#000;font-weight:700;line-height:1.182em;max-height:103px;overflow:hidden;}
	#mEvent .dataCtrl {left:200px; top:0px}
	
	#mEvent .dataList .item .pImg .title {bottom: calc(10% + 12px);left:20px;width: calc(100% - 40px);font-size:80%;}
	#mEvent .dataList .item .pImg .titleLine {bottom:10%;left:20px;width: calc(100% - 40px);}
}
@media all and (max-width:599px) {
	#mEvent {margin-top:30px;padding:5px 10px 0px 10px;box-sizing:border-box;}
	#mEvent .dataTit {margin:0 0 15px;padding-left:10px;}
	#mEvent .btn-more {right:12px;display:flex;justify-content: flex-end;position:relative;top:auto;right:auto;margin-top:10px;}
	#mEvent .dataList {padding-top:20px;}
	#mEvent .dataList .owl-stage > .owl-item:nth-child(odd) .item {padding-top:0;}
	#mEvent .dataList .item:before {display:none;}
	#mEvent .dataList .item {padding-bottom:0;padding-right:10px;padding-left:10px;}
	#mEvent .dataCtrl {left:auto; right:20px; top:7px;}
	#mEvent .dataCtrl button {width:30px;height:30px;}

	#mEvent .dataList .item .pImg .title {left:10px;width: calc(100% - 20px);font-size:70%;}
	#mEvent .dataList .item .pImg .titleLine {left:10px;width: calc(100% - 20px);}
}
@media all and (max-width:449px) {
	#mEvent .dataTit span {font-size:1.5em;font-weight:700;line-height:1;}
}



/** -- mTabBoard */
.mPkg2-wr {padding-top:58px;}
#mTabBoard {position:relative;height:310px;}
#mTabBoard .dataTit {display:inline-block;margin-right:50px;}
#mTabBoard .dataTit span {display:inline-block;font-family:"sofia-pro", sans-serif;line-height:1.2em;color:#000;font-size:2.5em;font-weight:900;letter-spacing:0;}

#mTabBoard dl {display:inline-block;margin-right:23px;margin-top:-14px;vertical-align:text-top;}
#mTabBoard dl:last-child {margin-left:0;}
#mTabBoard dl dt {display:inline-block}
#mTabBoard dl dt a {display:block;box-sizing:border-box;position:relative;transition:all .3s ease}
#mTabBoard dl dt a span {display:block;font-size:1.667em;font-weight:700;line-height:1.2em;letter-spacing:0;color:#909090;box-sizing:border-box;position:relative;transition:all .3s ease;}/* 접근성 color:#c7c7c7; */
#mTabBoard dl dt a span:after {display:block;content:'';position:absolute;bottom:-3px;left:0;width:100%;height:0;background:#2360c5;transition:all .3s ease;}
#mTabBoard dl dt a:focus span,
#mTabBoard dl dt a:hover span {color:#2360c5}
#mTabBoard dl dt a:focus span:after,
#mTabBoard dl dt a:hover span:after {height:3px;}
#mTabBoard dl dd {display:none}
#mTabBoard ul {display:flex;border-top:2px solid #202020;border-bottom:2px solid #202020;padding:28px 0 28px 0;}
#mTabBoard ul li {display:inline-block;position:relative;width:20%;}
#mTabBoard ul li:before {display:block;content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:rgba(32,32,32,0.2);transition:all .3s ease}
#mTabBoard ul li:first-child:before {display:none;}
#mTabBoard ul li a {display:block;position:relative;box-sizing:border-box;padding:15px 30px 5px 30px;}
#mTabBoard ul li a .sTit {display:block;font-size:1.222em;font-weight:500;color:#222;line-height:1.227em;width:auto;max-width:100%;height:82px;overflow:hidden;text-overflow:ellipsis;word-wrap:normal;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3; -webkit-box-orient:vertical;transition:all .3s ease}
#mTabBoard ul li a .sDate {display:block;font-size:0.944em;letter-spacing:0;color:#888888;font-family:"sofia-pro", sans-serif;padding-top:48px;}
#mTabBoard ul li a .sBtn {display:inline-block;position:absolute;bottom:5px;right:30px;width:46px;height:46px;border:1px solid #dddddd;background:#fff;border-radius:50%;transition:all .3s ease;}
#mTabBoard ul li a .sBtn:before {display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:21px;height:2px;background:#666666;transition:all .3s ease;}
#mTabBoard ul li a .sBtn:after {display:block;content:'';position:absolute;top:0;bottom:0;right:14px;margin:auto;width:7px;height:7px;border-bottom:2px solid #666666;border-right:2px solid #666666;transform:rotate(-45deg);transition:all .3s ease;}
#mTabBoard ul li a:focus .sTit,
#mTabBoard ul li a:hover .sTit {/*color:#1472b6;text-decoration:underline;text-underline-position:under;*/}
#mTabBoard ul li a:focus .sBtn,
#mTabBoard ul li a:hover .sBtn {background:#2360c5;border-color:#2360c5;}
#mTabBoard ul li a:focus .sBtn:before,
#mTabBoard ul li a:hover .sBtn:before {background:#fff;}
#mTabBoard ul li a:focus .sBtn:after,
#mTabBoard ul li a:hover .sBtn:after {border-color:#fff;}
#mTabBoard ul li.no-data {width:100%;padding:120px 0 0 0;height:180px;box-sizing:border-box;background-position:center 30px;}

#mTabBoard dl.isOn dt a {padding:0;}
#mTabBoard dl.isOn dt a span {color:#2360c5}
#mTabBoard dl.isOn dt a span:after {height:3px;}
#mTabBoard dl.isOn dd {display:block;position:absolute;width:100%;left:0;top:81px}

#mTabBoard .dataMore {display:inline-block;position:absolute;top:-64px;right:0;color:#000;opacity:0.4;font-weight:500;padding-right:34px;transition:all .3s ease;}
#mTabBoard .dataMore:before {display:block;content:'';position:absolute;top:50%;right:0;margin-top:-1px;width:21px;height:2px;background:#333;}
#mTabBoard .dataMore:after {display:block;content:'';position:absolute;top:50%;right:2px;margin-top:-4px;width:6px;height:6px;border-bottom:2px solid #333;border-right:2px solid #333;transform:rotate(-45deg);}
#mTabBoard .dataMore:focus,
#mTabBoard .dataMore:hover {opacity:1;}
#mTabBoard .dataMore span:before, 
#mTabBoard .dataMore span:after {display:block;content:'';position:absolute;left:0;top:50%;width:36px;height:36px;background:#F1F1F1;border-radius:30px;transform:translateY(-50%);z-index:-1;}
#mTabBoard .dataMore span:before {width:36px;opacity:0;transition:width .3s ease .3s, opacity 0s ease .3s;}
#mTabBoard .dataMore span:after {width:100%;opacity:0;transition:width .3s ease 0s, opacity 0s ease .3s, left .3s ease 0s;}
#mTabBoard .dataMore:focus span:before,
#mTabBoard .dataMore:hover span:before {width:100%;opacity:0;transition:width .3s ease 0s, opacity 0s ease .3s;}
#mTabBoard .dataMore:focus span:after,
#mTabBoard .dataMore:hover span:after {left: calc(100% - 28px);width:36px;opacity:1;transition:width .3s ease .3s, opacity 0s ease .3s, left .3s ease .3s;}

@media all and (max-width:1099px) {
	#mTabBoard ul li a {padding:15px 20px 5px 20px;}
	#mTabBoard ul li a .sBtn {right:20px;}
}
@media all and (max-width:999px) {
	#mTabBoard ul li {width:25%;}
	#mTabBoard ul li:last-child {display:none;}
	#mTabBoard dl dt a span {font-size:1.333em}
	#mTabBoard dl dt a span:after {display:none;}
	#mTabBoard ul li a .sTit {height:75px;}
	#mTabBoard ul li a .sBtn {width:36px;height:36px;}
	#mTabBoard ul li a .sBtn:before {width:17px;}
	#mTabBoard ul li a .sBtn:after {right:11px;width:5px;height:5px;}

}  
@media all and (max-width:799px) {
	#mTabBoard ul li a .sBtn {right:15px;width:30px;height:30px;}
	#mTabBoard ul li a .sBtn:before {width:17px;}
	#mTabBoard ul li a .sBtn:after {right:8px;width:5px;height:5px;}
}
@media all and (max-width:599px) {
	.mPkg2-wr {padding-top:30px;}
	#mTabBoard {height:410px;}
	#mTabBoard .dataTit {margin-right:30px;}
	#mTabBoard ul {flex-wrap:wrap;padding:5px 0;}
	#mTabBoard ul li {width:50%;margin:10px 0;}
	#mTabBoard ul li:nth-child(odd):before {display:none;}
	#mTabBoard ul li a .sTit {height:68px;}
	#mTabBoard ul li a .sDate {padding-top:28px;}
	#mTabBoard dl {margin-top:-10px;}
	#mTabBoard dl.isOn dd {top:70px}
	#mTabBoard .dataMore {top:-50px;}
}
@media all and (max-width:599px) {
	#mTabBoard {height:385px;}
	#mTabBoard .dataTit {margin-right:10px;}
	#mTabBoard ul {display:block;padding:0;height:100%;}
	#mTabBoard ul li {width:100%;margin:0;border-bottom:1px solid #ddd;}
	#mTabBoard ul li:nth-child(4n) {border-bottom:0;}
	#mTabBoard ul li:before {display:none;}
	#mTabBoard ul li a {padding:15px 15px 10px 15px;}
	#mTabBoard ul li a .sTit {height:22px;display:block;-webkit-line-clamp:initial;-webkit-box-orient:initial;white-space:nowrap;}
	#mTabBoard ul li a .sDate {padding-top:5px;}
	#mTabBoard ul li a .sBtn {display:none;}
	#mTabBoard dl dt a span {font-size:1.125em}
	#mTabBoard dl.isOn dd {top:70px;height: calc(100% - 70px);}
	}
	@media all and (max-width:459px) {
	#mTabBoard {height:415px;}
	#mTabBoard .dataTit {display:block;padding-bottom:20px;}
	#mTabBoard dl.isOn dd {top:100px;height: calc(100% - 100px);}
	#mTabBoard .dataMore {top:-35px;}
}


/** -- mTabGallery */
.mPkg3-wr {position:relative;width:100%;margin-top:87px;}
.mPkg3-wr .dataTit {font-size:2.778em;color:#000000;font-weight:900;letter-spacing:0;font-family:"sofia-pro", sans-serif;line-height:1.2em;padding-bottom:34px;}
.mPkg3-wr .snsTab {position:absolute;top:9px;right:0;display:flex;}
.mPkg3-wr .snsTab a {display:inline-block;position:relative;width:50px;height:50px;margin-left:10px;/*border-radius:50%;overflow:hidden;transition:all .3s ease;*/}
.mPkg3-wr .snsTab a:before {display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;margin:auto;background:url(/resources/homepage/kor/_Img/Contents/main_spr.png) no-repeat 0 -60px;transform:translateY(0);transition:all .3s ease;}
.mPkg3-wr .snsTab a:hover {/*box-shadow:9px 0 10px rgba(0,0,0,0.1);*/}
.mPkg3-wr .snsTab a:after {display:block;content:'';position:absolute;bottom:0;left:50%;width:0;height:7px;opacity:0;background:radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);transition:all .3s ease;}
.mPkg3-wr .snsTab a:hover:before {transform:translateY(-10px);}
.mPkg3-wr .snsTab a:hover:after {opacity:1;left:10%;width:80%;}
.mPkg3-wr .snsTab .btnInstagram:before {background-position:0 -60px;}
.mPkg3-wr .snsTab .btnFacebook:before {background-position:-60px -60px;}
.mPkg3-wr .snsTab .btnYoutube:before {background-position:-119px -60px;}
.mPkg3-wr .snsTab .btnBlog:before {background-position:-180px -60px;}
.mPkg3-wr .snsTab .btnKakao:before {background-position:-241px -60px;}

#mgalleryTab {position:relative;width:100%;display:flex;}
#mgalleryTab dl dt a {display:inline-block;position:relative;color:#666666;font-size:1.333em;font-weight:500;line-height:50px;letter-spacing:0;padding-left:67px;}
#mgalleryTab dl dt a:before {display:block;content:'';position:absolute;top:0;bottom:0;left:0;width:50px;height:50px;margin:auto;background:url(/resources/homepage/kor/_Img/Contents/main_spr.png) no-repeat 0 0;}
#mgalleryTab dl dt a.yt-tit {padding-left:72px;}
#mgalleryTab dl dt a.yt-tit:before {width:53px;height:37px;background-position:-60px 0;}
#mgalleryTab dl dd {margin-top:20px;}

#mgalleryTab #mgallery1 {width:73.125%;}
#mgalleryTab #mgallery1 #msns1 {width:100%;}
#mgalleryTab #mgallery1 #msns1 .item {display:block;position:relative;}
#mgalleryTab #mgallery1 #msns1 .item .img {display:block;position:relative;width:100%;height:0;padding-top:100%;overflow:hidden;}
#mgalleryTab #mgallery1 #msns1 .item .img img {position:absolute;top:0;left:0;width:100%;transition:all .3s ease;}
#mgalleryTab #mgallery1 #msns1 .item a:hover .img img {transform:scale(1.05);}
#mgalleryTab #mgallery1 #msns1 .item a:focus:after {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid rgb(59, 153, 252);z-index:1;box-sizing:border-box;}

#mgalleryTab #mgallery2 {width:23.75%;margin-left:2.9375%;}
#mgalleryTab #mgallery2 #msns2 .item {display:block;width:100%;position:relative;}
#mgalleryTab #mgallery2 #msns2 .item .img {display:block;position:relative;width:100%;height:0;/*padding-top:56.1%;*/padding-top:70%;overflow:hidden;background:#000;}
#mgalleryTab #mgallery2 #msns2 .item .img img {position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:100%;transition:all .3s ease;}
#mgalleryTab #mgallery2 #msns2 .item .subject {display:block;height:66px;max-width:250px;margin:0 auto;overflow:hidden;color:#333333;font-weight:500;line-height:1.222em;text-align:center;padding-top:30px;}
#mgalleryTab #mgallery2 #msns2 .item .tag {display:none;height:22px;max-width:250px;margin:0 auto;overflow:hidden;font-size:0.889em;color:#585858;font-weight:300;text-align:center;padding-top:17px;}
#mgalleryTab #mgallery2 #msns2 .item a:hover .img img {transform:scale(1.05);}
#mgalleryTab #mgallery2 #msns2 .item a:focus:after {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid rgb(59, 153, 252);z-index:1;box-sizing:border-box;}

.mPkg3-wr .dataCtrl .dataAuto,
.mPkg3-wr .dataCtrl .dataNavi {display:none;}
.mPkg3-wr .owl-dots {padding-top:7px;display:flex;justify-content:center;}
.mPkg3-wr .owl-dots .owl-dot {width:8px;height:8px;border:1px solid #ddd;background:#fff;margin:0 2px;border-radius:50%;transition:all .3s ease;}
.mPkg3-wr .owl-dots .owl-dot.active {border-color:#2360c5;background:#2360c5;}
 
@media all and (max-width:999px) {
	#mgalleryTab dl dt a:before {transform:scale(0.7);}
	#mgalleryTab dl dt a {padding-left:50px;}
	#mgalleryTab dl dt a.yt-tit {padding-left:62px;}
	#mgalleryTab #mgallery2 #msns2 .item .subject {height:40px;padding-top:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}
@media all and (max-width:799px) {
	#mgalleryTab dl dt a {font-size:1.125em;padding-left:42px;}
	#mgalleryTab dl dt a:before {left:-8px;}
	#mgalleryTab dl dt a.yt-tit {padding-left:52px;}
}
@media all and (max-width:599px) {
	.mPkg3-wr {margin-top:50px;}
	.mPkg3-wr .dataTit {font-size:2.5em;padding-bottom:34px;}
	.mPkg3-wr .snsTab {top:3px;}
	.mPkg3-wr .snsTab a {transform:scale(0.7);margin-left:-10px;}

	#mgalleryTab #mgallery1 {width:68%;}
	#mgalleryTab #mgallery2 {width:30%;margin-left:2%;}
	#mgalleryTab #mgallery2 #msns2 .item .subject {height:35px;padding-top:15px;}
	#mgalleryTab #mgallery2 #msns2 .item .tag {padding-top:10px;}
}
@media all and (max-width:499px) {
	#mgalleryTab #mgallery1 {width:48%;}
	#mgalleryTab #mgallery1 #msns1 .item {display:block;width:100%;margin:0;}
	#mgalleryTab #mgallery2 {width:48%;margin-left:4%;}
}



/** -- Popup Zone */
.mPkg4-wr {padding-top:63px;}
#mPopup {box-sizing:border-box;position:relative;padding-bottom:50px;}
#mPopup .dataTit {display:block;margin:0 0 30px}
#mPopup .dataTit span {display:inline-block;color:#000000;font-size:1.667em;font-weight:700;}
#mPopup .dataList {border-top:2px solid #202020;padding-top:28px;}
#mPopup .dataList .item {box-sizing:border-box;position:relative;overflow:hidden;border-radius:10px;padding-top:53.888%;}
#mPopup .dataList .item a {display:block;overflow:hidden;}
#mPopup .dataList .item a:focus:after {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid rgb(59, 153, 252);z-index:1;box-sizing:border-box;}
#mPopup .dataList .item img {position:absolute;top:0;left:0;display:block;width:100%;transition:all .3s ease}
#mPopup .dataList .item a:focus img,
#mPopup .dataList .item a:hover img {transform:scale(1.1)}
#mPopup .dataList .item.hasNoData {height:0;padding:0 0 47.025%}
#mPopup .dataList .item.hasNoData .no-data {position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);padding:0;background:none}
#mPopup .dataList .item.hasNoData .no-data:before {content:"";display:block;width:71px;height:71px;margin:0 auto 10px;background:url(/resources/_Img/Board/default/ico_nodata.png) no-repeat}
#mPopup .dataCtrl {display:none;position:absolute;left:140px;top:-6px;}
#mPopup .dataCtrl.active {display:flex;align-items: center;}
#mPopup .dataCtrl button {position:relative;width:40px;height:40px;box-sizing:border-box;border:1px solid #dddddd;background:transparent;font-size:0;border-radius:50%;transition:all .3s ease}
#mPopup .dataCtrl button:focus,
#mPopup .dataCtrl button:hover {background:#2360c5;border-color:#2360c5;outline-color:red;}
#mPopup .dataCtrl button:after {content:"";display:block;position:absolute;box-sizing:border-box;top:0;right:0;bottom:0;left:0;transition:all .3s ease}
#mPopup .dataCtrl .dataNavi.disabled {display:none}
#mPopup .dataCtrl .dataNavi button:after {width:8px;height:8px;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #1b2f23 #1b2f23}
#mPopup .dataCtrl .dataNavi button:focus:after,
#mPopup .dataCtrl .dataNavi button:hover:after {border-color:transparent transparent #fff #fff}
#mPopup .dataCtrl .dataNavi .owl-prev:after {transform:rotate(45deg);margin:auto}
#mPopup .dataCtrl .dataNavi .owl-next:after {transform:rotate(225deg);margin:auto}
#mPopup .dataCtrl .dataAuto {padding-left:2px;}
#mPopup .dataCtrl .dataAuto .btn-stop {display:block}
#mPopup .dataCtrl .dataAuto .btn-stop:after {width:6px;height:10px;border:solid;border-width:0 2px;border-color:transparent #454545;margin:auto}
#mPopup .dataCtrl .dataAuto .btn-stop:focus:after,
#mPopup .dataCtrl .dataAuto .btn-stop:hover:after {border-color:transparent #fff}
#mPopup .dataCtrl .dataAuto .btn-play {display:none}
#mPopup .dataCtrl .dataAuto .btn-play:after {width:0;height:0;border:solid;border-width:5px 0 5px 6px;border-color:transparent transparent transparent #454545;margin:auto}
#mPopup .dataCtrl .dataAuto .btn-play:focus:after,
#mPopup .dataCtrl .dataAuto .btn-play:hover:after {border-color:transparent transparent transparent #fff}
#mPopup .dataDots {position:absolute;top:5px;right:100px;display:none;}
#mPopup .dataDots.disabled {display:none}
#mPopup .dataDots button {display:inline-block;width:20px;height:20px;border:0;background:transparent;position:relative;vertical-align:middle;font-size:0}
#mPopup .dataDots button:after {content:"";display:block;position:absolute;width:10px;height:10px;border-radius:50%;background:#777;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease}
#mPopup .dataDots button.active:after {background:#1472b6}

@media all and (max-width:599px) {
	.mPkg4-wr {padding-top:40px;}
	#mPopup {padding-bottom:30px;}
	#mPopup .dataTit {margin:0 0 15px}
	#mPopup .dataTit span {font-size:1.4em;}
	#mPopup .dataList {padding-top:20px;}
	#mPopup .dataCtrl {left:110px;top:-3px;}
	#mPopup .dataCtrl button {width:30px;height:30px;}
	#mPopup .dataCtrl .dataNavi {display:flex;align-items:flex-start;}
}