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

@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.778em;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: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:hover span:before {width:100%;opacity:0;transition:width .3s ease 0s, opacity 0s ease .3s;}
#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:83px;background:url(/resources/homepage/eng/_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 .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:46px;height:46px;background:#e80b8c;font-size:14px;}
#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:before {display:block;content:'';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:83px;background-image:url(/resources/homepage/eng/_Img/Contents/mEvent_bg01.png);}
#mEvent .dataList .item.event-gb-002:before {height:99px;background-image:url(/resources/homepage/eng/_Img/Contents/mEvent_bg02.png);}
#mEvent .dataList .item.event-gb-003:before {height:46px;background-image:url(/resources/homepage/eng/_Img/Contents/mEvent_bg03.png);}

#mEvent .dataCtrl {display:none;position:absolute;left:210px;top:8px;}
#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 .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}

@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;}
}
@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 .dataTit {margin:0 0 40px;}
	#mEvent .dataList .owl-stage > .owl-item:nth-child(odd) .item {padding-top:0;}
	#mEvent .dataList .item:before {right:5px;}
	
	#mEvent .dataList .item .pImg .title {bottom: calc(10% + 12px);left:20px;width: calc(100% - 40px);font-size:80%;}
	#mEvent .dataList .item .pImg:before {bottom:10%;left:20px;width: calc(100% - 40px);}
}
@media all and (max-width:599px) {
	#mEvent {margin-top:30px;padding:5px 10px 0 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:10px;}
	#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:before {left:10px;width: calc(100% - 20px);}
}
@media all and (max-width:449px) {
	#mEvent .dataTit span {font-size:2em;font-weight:700;line-height:1;}
}



/** -- 타이틀 */
.mTit {display:block;width:100%;font-size:2.778em;color:#000000;font-weight:900;line-height:1;}


/* Info */
.mPkg2-wr {width:100%;max-width:1820px;margin:0 auto;padding:80px 20px 0 20px;box-sizing:border-box;}
.mPkg2-wr .mTit {padding-bottom:38px;}
.micban .dataLst {width:100%;display:flex;}
.micban .dataLst > li {width:20%;}
.micban .dataLst a {display:block;position:relative;height:0;padding-top:134.834%;text-align:center;background:url(/resources/homepage/eng/_Img/Contents/mInfo_img01.jpg) no-repeat 50% 100%;background-size:100% auto;transition:all .3s ease;}
.micban .dataLst a:before {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(62,71,139,0.8);opacity:0;transition:all .3s ease;}
.micban .dataLst .pPkg {position:absolute;bottom:23px;left:0;width:100%;transition:all .3s ease;z-index:2;}
.micban .dataLst .sTit {display:block;font-size:1.667em;color:#fff;font-weight:900;line-height:1;padding-bottom:8px;transition:all .3s ease;}
.micban .dataLst .sMore {display:block;position:relative;width:44px;height:44px;border:2px solid transparent;border-radius:50%;margin:0 auto 0 auto;font-size:0.778em;color:#fff;line-height:1;text-decoration:underline;}
.micban .dataLst .sMore:before {display:none;content:'';position:absolute;top:50%;left:50%;margin:-1px 0 0 -10px;width:21px;height:2px;background:#fff;}
.micban .dataLst .sMore:after {display:none;content:'';position:absolute;top:50%;left:50%;margin:-4px 0 0 2px;width:6px;height:6px;border-bottom:2px solid #fff;border-right:2px solid #fff;transform:rotate(-45deg);}

.micban .dataLst .n1 a {background-image:url(/resources/homepage/eng/_Img/Contents/mInfo_img01.jpg);}
.micban .dataLst .n2 a {background-image:url(/resources/homepage/eng/_Img/Contents/mInfo_img02.jpg);}
.micban .dataLst .n3 a {background-image:url(/resources/homepage/eng/_Img/Contents/mInfo_img03.jpg);}
.micban .dataLst .n4 a {background-image:url(/resources/homepage/eng/_Img/Contents/mInfo_img04.jpg);}
.micban .dataLst .n5 a {background-image:url(/resources/homepage/eng/_Img/Contents/mInfo_img05.jpg);}

.micban .dataLst a:focus,
.micban .dataLst a:hover {box-shadow:9px 0 10px rgba(0,0,0,0.1);}
.micban .dataLst a:focus:before,
.micban .dataLst a:hover:before {opacity:1;}
.micban .dataLst a:focus .pPkg,
.micban .dataLst a:hover .pPkg {bottom:50%;margin-bottom:-70px;}
.micban .dataLst a:focus .sTit,
.micban .dataLst a:hover .sTit {padding-bottom:32px;}
.micban .dataLst a:focus .sMore,
.micban .dataLst a:hover .sMore {border-color:#fff;font-size:0;color:transparent;margin-bottom:0;font-size:0;}
.micban .dataLst a:focus .sMore:before,
.micban .dataLst a:hover .sMore:before {display:block;}
.micban .dataLst a:focus .sMore:after,
.micban .dataLst a:hover .sMore:after {display:block;}

@media all and (max-width:1099px) {
	.micban .dataLst a {background-size:102% auto;}
}
@media all and (max-width:999px) {
	.mPkg2-wr {padding-top:50px;}
}
@media all and (max-width:799px) {
	.micban .dataLst {flex-wrap:wrap;}
	.micban .dataLst > li {width:33.33%;}
}
@media all and (max-width:599px) {
	.mPkg2-wr {padding-top:30px;}
	.mPkg2-wr .mTit {padding-bottom:30px;}
}
@media all and (max-width:429px) {
	.micban .dataLst > li {width:50%;}
}


/* Visit */
.mPkg3-wr {width:100%;max-width:1820px;margin:0 auto;overflow:hidden;padding:50px 20px 72px 20px;box-sizing:border-box;display:flex;flex-wrap:wrap;}
.mPkg3-wr .mTit {padding-bottom:48px;}
.micbanBox {width:33.034%;}
.micbanBox .mlinks3 {height:100%;}
.micbanBox .dataLst {width:100%;height:100%;display:flex;flex-wrap:wrap;}
.micbanBox .dataLst li {width:50%;box-sizing:border-box;padding:0 1px 1px 0;}
.micbanBox .dataLst a {display:flex;justify-content:center;align-items:center;position:relative;height:100%;background:#d6d6d6;border-radius:60px;text-align:center;transition:all .3s ease;}
.micbanBox .dataLst .pPkg {position:relative;}
.micbanBox .dataLst .pPkg:before {display:block;content:'';position:absolute;top:0;left:50%;margin-left:-73px;width:146px;height:76px;background:url(/resources/homepage/eng/_Img/Contents/m_spr.png) no-repeat 0 0;}
.micbanBox .dataLst .sTit {display:block;font-size:1.333em;color:#333333;font-weight:600;padding-top:82px;transition:all .3s ease;}
.micbanBox .dataLst .n1 .pPkg:before {background-position:0 0;}
.micbanBox .dataLst .n2 .pPkg:before {background-position:-156px 0;}
.micbanBox .dataLst .n3 .pPkg:before {background-position:-312px 0;}
.micbanBox .dataLst .n4 .pPkg:before {background-position:-468px 0;}

.micbanBox .dataLst a:focus,
.micbanBox .dataLst a:hover {background:#000000;}
.micbanBox .dataLst a:focus .sTit,
.micbanBox .dataLst a:hover .sTit {color:#fff;}
.micbanBox .dataLst .n1 a:focus .pPkg:before,
.micbanBox .dataLst .n1 a:hover .pPkg:before {background-position:-624px 0;}
.micbanBox .dataLst .n2 a:focus .pPkg:before,
.micbanBox .dataLst .n2 a:hover .pPkg:before {background-position:-780px 0;}
.micbanBox .dataLst .n3 a:focus .pPkg:before,
.micbanBox .dataLst .n3 a:hover .pPkg:before {background-position:-936px 0;}
.micbanBox .dataLst .n4 a:focus .pPkg:before,
.micbanBox .dataLst .n4 a:hover .pPkg:before {background-position:-1092px 0;}


.directBox {width:62.922%;padding-left:4.043%;position:relative;}
.directBox .img {width:100%;position:relative;}
.directBox .img img {width:100%;}
.directBox .linkBox {position:absolute;bottom:64px;right:55px;text-align:right;z-index:2;}
.directBox .linkBox .tit {display:block;color:#fff;font-size:1.667em;font-weight:700;padding-bottom:18px;}
.directBox .linkBox a {display:inline-block;position:relative;color:#fff;font-size:1.111em;}
.directBox .linkBox a:after {display:block;content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:#fff;transition:all .3s ease;}
.directBox .linkBox a:last-child {margin-left:32px;}
.directBox .linkBox a:last-child:before {display:block;content:'';position:absolute;top:8px;left:-18px;width:1px;height:21px;background:rgba(255,255,255,0.3);}
.directBox .linkBox a:focus:after,
.directBox .linkBox a:hover:after {width:100%;}

@media all and (max-width:1099px) {
.micbanBox .dataLst a {border-radius:30px;}
.micbanBox .dataLst .pPkg {margin:20px 0 30px 0;}
.micbanBox .dataLst .pPkg:before {transform:scale(0.6);}
.micbanBox .dataLst .sTit {padding-top:68px;}
}
@media all and (max-width:999px) {
.micbanBox {width:100%;}
.directBox {width:100%;padding-left:0;padding-top:20px;}
}
@media all and (max-width:599px) {
.mPkg3-wr {padding-top:30px;padding-bottom:40px;}
.mPkg3-wr .mTit {padding-bottom:20px;}
.directBox .linkBox .tit {padding-bottom:10px;}
.directBox .linkBox {bottom:35px;right:40px;}
.directBox .linkBox a:last-child:before {left:-15px;height:15px;}
}
@media all and (max-width:449px) {
.mTit {font-size:2em;}
}
@media all and (max-width:399px) {
.directBox .linkBox {bottom:25px;right:25px;}
}