@charset "utf-8";
#mcontainer-wrap {position:relative;font-size:18px;line-height:1}
#mcontainer {word-break:keep-all}
#mcontainer img {width:auto;max-width:100%}
.msec {width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box}
.msec-l {width:100%;max-width:1600px;margin:0 auto;box-sizing:border-box}
.m-tit-box {width:410px}
.m-tit-box .m-tit {color:#111;font-size:3.333em;font-weight:700;font-family:"Gmarket Sans", sans-serif;letter-spacing:0}
.m-tit-box .m-eng-tit {display:block;margin-bottom:17px;color:#006ee9;font-size:.333em;font-weight:700;font-family:"Gmarket Sans", sans-serif;letter-spacing:0}


@media all and (max-width:1759px) {
	.msec-l {padding:0 30px}
}
@media all and (max-width:1459px) {
	.msec {padding:0 30px}
}
@media all and (max-width:999px) {
	#mcontainer-wrap {font-size:17px}
	.msec-l,
	.msec {padding:0 20px}
	.m-tit-box {width:auto}
	.m-tit-box .m-tit {font-size:2.353em}
	.m-tit-box .m-eng-tit {font-size:.4615em}
}
@media all and (max-width:768px){
	#mcontainer-wrap {font-size:16px}
	.m-tit-box .m-tit {font-size:1.733em}
}
@media all and (max-width:599px) {
	#mcontainer-wrap {font-size:15px}
}
/* ==============================
 * 메인비쥬얼
================================= */
.mVisual-wr {position:relative;padding:0 60px}
.mVisual-wr:before {content:"";display:block;position:absolute;right:-440px;top:-140px;background-color:#006ee9;width:100%;height:calc(100% + 60px)}
.mVisual-wr:after,
.msec01:before {content:"";display:block;position:absolute;left:60px;bottom:0;background-color:#e9ebf1;width:2000px;height:100%;z-index:-1}
.mVisual-wr:after {height:50%}
#mVisual {}
#mVisual .data-list {}
#mVisual .data-list .item-box {display:flex;align-items:center}
#mVisual .data-list .img-box {align-self:flex-start;flex:1 1 0;position:relative;border-radius:0 0 100px 30px;overflow:hidden;z-index:1}
#mVisual .data-list .img-box:before {content:"";display:block;width:0;padding-top:55.5555%}
#mVisual .data-list .img-box img {display:block;position:absolute;width:auto;height:100%;left:50%;top:0;transform:translateX(-50%)}
#mVisual .data-list .txt-box {position:relative;width:545px;padding:0 0 190px 65px;box-sizing:border-box;z-index:1}
#mVisual .data-list .txt-box .txt-core {position:relative}
#mVisual .data-list .txt-box .txt-core .p-txt1,
#mVisual .data-list .txt-box .txt-core .p-txt2 {color:#fff;line-height:1.22;font-family:"Gmarket Sans", sans-serif;word-wrap:break-word;word-break:keep-all;white-space:normal;box-sizing:border-box;word-wrap:break-word;opacity:0}
#mVisual .data-list .txt-box .txt-core .p-txt1 {font-size:3.333em;font-weight:700;letter-spacing:-.05em;transform:translateY(-60px)}
#mVisual .data-list .txt-box .txt-core .p-txt1:before {content:"";display:block;background-color:#ffd325;border-radius:50%;width:16px;height:16px;margin:0 0 24px 4px}
#mVisual .data-list .txt-box .txt-core .p-txt2 {margin:24px 0 0 3px;font-size:1.111em;letter-spacing:0;;transform:translateY(60px)}

#mVisual .data-list .swiper-slide-active {}
#mVisual .data-list .swiper-slide-active .txt-box .txt-core .p-txt1,
#mVisual .data-list .swiper-slide-active .txt-box .txt-core .p-txt2 {opacity:1;transform:translateY(0)}
#mVisual .data-list .swiper-slide-active .txt-box .txt-core .p-txt1 {transition:all 1s ease .4s}
#mVisual .data-list .swiper-slide-active .txt-box .txt-core .p-txt2 {transition:all 1s ease .6s}

#mVisual .data-list .hasNoData {background:#f5f5f5;text-align:center}
#mVisual .data-list .hasNoData:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle}
#mVisual .hasNoData .no-data {display:inline-block;vertical-align:middle;width:auto}
#mVisual .data-ctrl {position:absolute;left:calc(100% - 545px);bottom:190px;padding-left:70px;z-index:1}
#mVisual .data-ctrl button {display:block;position:relative;background:none;border:0;width:25px;height:25px}
#mVisual .data-ctrl button:before,
#mVisual .data-ctrl button:after {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
#mVisual .data-pkgs {display:inline-flex;align-items:center}
#mVisual .data-pkgs > button {margin:0 -7px}
#mVisual .data-pkgs > button:before,
#mVisual .data-pkgs > button:after {background:#fff;border:0;width:2px;height:14px}
#mVisual .data-pkgs .btn-prev,
#mVisual .data-pkgs .btn-next {transition:transform .3s ease-out}
#mVisual .data-pkgs .btn-prev:hover {transform:translateX(-6px)}
#mVisual .data-pkgs .btn-next:hover {transform:translateX(6px)}
#mVisual .data-pkgs .btn-prev:before {transform:translateY(-35%) rotate(39deg)}
#mVisual .data-pkgs .btn-prev:after {transform:translateY(35%) rotate(-39deg)}
#mVisual .data-pkgs .btn-next:before {transform:translateY(35%) rotate(39deg)}
#mVisual .data-pkgs .btn-next:after {transform:translateY(-35%) rotate(-39deg)}
#mVisual .data-nums {display:inline-flex;align-items:center;flex-direction:column;margin:0 auto;width:160px;font-size:.889em;font-weight:500;letter-spacing:-.05em;text-align:center;position:relative}
#mVisual .data-nums:before {content:"";display:block;background-color:#fff;width:1px;height:28px;transform:rotate(45deg);position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
#mVisual .data-nums span {margin:2px 0}
#mVisual .data-nums .current {color:#fff;margin-right:18px}
#mVisual .data-nums .total {color:rgba(255, 255, 255, .6);margin-left:26px}
#mVisual .data-auto {display:inline-flex;align-items:center;align-self:center;margin-left:20px}
#mVisual .data-auto.disabled {display:none}
#mVisual .data-auto button {background-color:#fff;border-radius:50%;width:30px;height:30px}
#mVisual .data-auto .btn-stop:before {border:2px solid #626262;border-top:0;border-bottom:0;width:6px;height:10px;box-sizing:border-box}
#mVisual .data-auto .btn-play {display:none}
#mVisual .data-auto .btn-play:before {border-width:5px 0 5px 7px;border-style:solid;border-color:transparent;border-left-color:#626262;width:0;height:0}


@media all and (max-width:1799px) {
	.mVisual-wr:before {right:-360px}
	#mVisual .data-ctrl {bottom:100px}
}
@media all and (max-width:1699px) {
	.mVisual-wr {padding:0 30px}
	.mVisual-wr:before {right:-315px}
	.mVisual-wr:after,
	.msec01:before {left:30px}
}
@media all and (max-width:1599px) {
	.mVisual-wr:before {right:-260px}
	#mVisual .data-list .txt-box .txt-core .p-txt1 {font-size:2.8em}
}
@media all and (max-width:1399px) {
	.mVisual-wr:before {top:0;right:0;border-bottom-left-radius:200px;height:100%}
	.mVisual-wr:after,
	.msec01:before {left:0}
	#mVisual .data-list .item-box {flex-direction:column}
	#mVisual .data-list .img-box {width:80%;flex:auto;border-bottom-right-radius:170px}
	#mVisual .data-list .txt-box {align-self:flex-end;width:auto;margin-top:-223px;padding:0 0 120px}
	#mVisual .data-list .txt-box .txt-core .p-txt1 {font-size:2.6em}
	#mVisual .data-ctrl {bottom:45px}
}
@media all and (max-width:999px) {
	.mVisual-wr {padding:0 20px}
}
@media all and (max-width:768px) {
	.mVisual-wr:before {border-bottom-left-radius:100px}
	#mVisual .data-list .item-box {display:block}
	#mVisual .data-list .img-box {width:auto;border-radius:0 0 80px 20px}
	#mVisual .data-list .txt-box {margin-top:-45px;padding:0 30px 60px 30px}
	#mVisual .data-list .txt-box .txt-core .p-txt1 {margin-top:-40px;font-size:2.3em}
	#mVisual .data-list .txt-box .txt-core .p-txt1:before {margin-bottom:10px;width:10px;height:10px}
	#mVisual .data-list .txt-box .txt-core .p-txt2 {font-size:1em}
	#mVisual .data-ctrl {left:auto;right:10px;bottom:20px}
	#mVisual .data-nums {width:120px}
}
@media all and (max-width:399px) {
	#mVisual .data-list .txt-box {padding:0 15px 60px 15px}
	#mVisual .data-list .txt-box .txt-core .p-txt2 br {display:none}
	#mVisual .data-ctrl {bottom:15px}
}

/* ==============================
 * 주요서비스
================================= */
.msec01 {position:relative;padding:45px 0}
.msec01:before {border-bottom-left-radius:30px}
.msec01 .mquick-wr {display:flex;flex-flow:row wrap;align-items:center}
.mquick-wr .m-tit-box .m-tit {position:relative;font-size:2em;letter-spacing:-.05em}
.mquick-wr .m-tit-box .m-tit:before {content:"";display:block;position:absolute;left:-4px;top:-9px;background-color:#ffd325;border-radius:50%;width:13px;height:13px;z-index:-1}
.mquick-wr .m-tit-box .m-txt {margin-top:17px;color:#555;line-height:1.2}
.mquick-wr .mquick {display:flex;align-items:center;align-self:flex-start;width:calc(100% - 410px);box-sizing:border-box}
.mquick > ul {width:170px;padding-right:40px}
.mquick > ul > li button {background:#fff;border:1px solid #ddd;border-radius:30px;width:130px;margin-bottom:3px;padding:12px 10px;color:#0d1744;font-size:16px;font-weight:500;font-family:"Gmarket Sans", sans-serif;letter-spacing:-.05em;box-sizing:border-box;transition:all .3s}
.mquick > ul > li:last-child button {margin-bottom:0}
.mquick > ul > li button.over,
.mquick > ul > li button:hover {background:#22264c;border-color:#22264c;color:#fff;box-shadow:0 13px 28px 0 rgba(144, 156, 187, .4)}
.mquick-wr .mquick .tab-container {width:calc(100% - 170px);padding:20px;box-sizing:border-box}
.mquick-wr .mquick .tab-container div[role="tabpanel"] {display:none;position:relative;padding-right:60px;box-sizing:border-box}
.mquick-wr .mquick .tab-container div[role="tabpanel"].active {display:block}
.mquick-wr .mquick .swiper {margin:-30px;padding:30px}
.mquick-wr .mquick .swiper-slide a {display:flex;flex-flow:column;justify-content:center;background-color:#fff;border-radius:40px;height:150px;padding:5px 7px;text-align:center;box-shadow:0 13px 25px 0 rgba(204, 209, 222, .4);box-sizing:border-box}
.mquick-wr .mquick .swiper-slide a span {display:block}
.mquick-wr .mquick .swiper-slide a .s-ico {display:block;background-repeat:no-repeat;background-position:center;width:60px;height:60px;margin:0 auto;transition:transform .3s ease-out}
.mquick-wr .mIcban1 .swiper-slide a .s-ico.icon1 {background-image:url(/resources/_Img/MainModule/micban/l1/ico1.png)}
.mquick-wr .mIcban1 .swiper-slide a .s-ico.icon2 {background-image:url(/resources/_Img/MainModule/micban/l1/ico2.png)}
.mquick-wr .mIcban1 .swiper-slide a .s-ico.icon3 {background-image:url(/resources/_Img/MainModule/micban/l1/ico3.png)}
.mquick-wr .mIcban1 .swiper-slide a .s-ico.icon4 {background-image:url(/resources/_Img/MainModule/micban/l1/ico4.png)}
.mquick-wr .mIcban1 .swiper-slide a .s-ico.icon5 {background-image:url(/resources/_Img/MainModule/micban/l1/ico5.png)}
.mquick-wr .mIcban1 .swiper-slide a .s-ico.icon6 {background-image:url(/resources/_Img/MainModule/micban/l1/ico6.png)}
.mquick-wr .mIcban1 .swiper-slide a .s-ico.icon7 {background-image:url(/resources/_Img/MainModule/micban/l1/ico7.png)}
.mquick-wr .mIcban1 .swiper-slide a .s-ico.icon8 {background-image:url(/resources/_Img/MainModule/micban/l1/ico8.png)}
.mquick-wr .mIcban1 .swiper-slide a .s-ico.icon9 {background-image:url(/resources/_Img/MainModule/micban/l1/ico9.png)}
.mquick-wr .mIcban1 .swiper-slide a .s-ico.icon10 {background-image:url(/resources/_Img/MainModule/micban/l1/ico10.png)}
.mquick-wr .mIcban2 .swiper-slide a .s-ico.icon1 {background-image:url(/resources/_Img/MainModule/micban/l2/ico1.png)}
.mquick-wr .mIcban2 .swiper-slide a .s-ico.icon2 {background-image:url(/resources/_Img/MainModule/micban/l2/ico2.png)}
.mquick-wr .mIcban2 .swiper-slide a .s-ico.icon3 {background-image:url(/resources/_Img/MainModule/micban/l2/ico3.png)}
.mquick-wr .mIcban2 .swiper-slide a .s-ico.icon4 {background-image:url(/resources/_Img/MainModule/micban/l2/ico4.png)}
.mquick-wr .mIcban2 .swiper-slide a .s-ico.icon5 {background-image:url(/resources/_Img/MainModule/micban/l2/ico5.png)}
.mquick-wr .mIcban2 .swiper-slide a .s-ico.icon6 {background-image:url(/resources/_Img/MainModule/micban/l2/ico6.png)}
.mquick-wr .mIcban2 .swiper-slide a .s-ico.icon7 {background-image:url(/resources/_Img/MainModule/micban/l2/ico7.png)}
.mquick-wr .mIcban2 .swiper-slide a .s-ico.icon8 {background-image:url(/resources/_Img/MainModule/micban/l2/ico8.png)}
.mquick-wr .mIcban2 .swiper-slide a .s-ico.icon9 {background-image:url(/resources/_Img/MainModule/micban/l2/ico9.png)}
.mquick-wr .mIcban2 .swiper-slide a .s-ico.icon10 {background-image:url(/resources/_Img/MainModule/micban/l2/ico10.png)}
.mquick-wr .mIcban3 .swiper-slide a .s-ico.icon1 {background-image:url(/resources/_Img/MainModule/micban/l3/ico1.png)}
.mquick-wr .mIcban3 .swiper-slide a .s-ico.icon2 {background-image:url(/resources/_Img/MainModule/micban/l3/ico2.png)}
.mquick-wr .mIcban3 .swiper-slide a .s-ico.icon3 {background-image:url(/resources/_Img/MainModule/micban/l3/ico3.png)}
.mquick-wr .mIcban3 .swiper-slide a .s-ico.icon4 {background-image:url(/resources/_Img/MainModule/micban/l3/ico4.png)}
.mquick-wr .mIcban3 .swiper-slide a .s-ico.icon5 {background-image:url(/resources/_Img/MainModule/micban/l3/ico5.png)}
.mquick-wr .mIcban3 .swiper-slide a .s-ico.icon6 {background-image:url(/resources/_Img/MainModule/micban/l3/ico6.png)}
.mquick-wr .mIcban3 .swiper-slide a .s-ico.icon7 {background-image:url(/resources/_Img/MainModule/micban/l3/ico7.png)}
.mquick-wr .mIcban3 .swiper-slide a .s-ico.icon8 {background-image:url(/resources/_Img/MainModule/micban/l3/ico8.png)}
.mquick-wr .mIcban3 .swiper-slide a .s-ico.icon9 {background-image:url(/resources/_Img/MainModule/micban/l3/ico9.png)}
.mquick-wr .mIcban3 .swiper-slide a .s-ico.icon10 {background-image:url(/resources/_Img/MainModule/micban/l3/ico10.png)}
.mquick-wr .mquick .swiper-slide a:hover .s-ico {transform:translateY(-6px)}
.mquick-wr .mquick .swiper-slide a .s-tit {margin-top:10px;color:#0d1744;font-size:.944em;font-weight:500;letter-spacing:-.05em;overflow:hidden;word-wrap:break-word}
.mquick-wr .data-ctrl {position:absolute;right:0;top:50%;margin-top:-47px;z-index:2}
.mquick-wr .data-ctrl button {display:block;position:relative;background:#d6d8e1;border:0;border-radius:50%;width:44px;height:44px;margin-bottom:5px;transition:all .3s ease-out}
.mquick-wr .data-ctrl button:last-child {margin-bottom:0}
.mquick-wr .data-ctrl .btn-prev {}
.mquick-wr .data-ctrl .btn-next {}
.mquick-wr .data-ctrl button:before,
.mquick-wr .data-ctrl button:after {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.mquick-wr .data-ctrl > button:before,
.mquick-wr .data-ctrl > button:after {background:#0b1747;border:0;width:2px;height:8px;transition:all .3s ease-out}
.mquick-wr .data-ctrl .btn-prev:before {transform:translateY(-35%) rotate(45deg)}
.mquick-wr .data-ctrl .btn-prev:after {transform:translateY(35%) rotate(-45deg)}
.mquick-wr .data-ctrl .btn-next:before {transform:translateY(35%) rotate(45deg)}
.mquick-wr .data-ctrl .btn-next:after {transform:translateY(-35%) rotate(-45deg)}
.mquick-wr .data-ctrl .btn-prev:hover, 
.mquick-wr .data-ctrl .btn-next:hover {background-color:#0b1747;}
.mquick-wr .data-ctrl > button:hover:before,
.mquick-wr .data-ctrl > button:hover:after {background:#fff}

@media all and (min-width:1400px) {
	.mquick-wr .data-ctrl.hide {display:none !important}
}

@media all and (max-width:1799px) {
	.msec01 .msec-l {padding-right:10px}
	.mquick-wr .mquick {padding-right:0}
	.msec01 .mquick-wr {padding-left:30px}
}
@media all and (max-width:1599px) {
	.msec01 .m-tit-box {width:320px}
	.mquick-wr .mquick {width:calc(100% - 320px)}
	.mquick > ul {padding-right:10px}
	.mquick-wr .mquick .tab-container {width:calc(100% - 140px)}
} 
@media all and (max-width:1399px) {
	.msec01 .mquick-wr {padding-left:0}
	.mquick-wr .mquick .swiper {margin:-30px 0;padding:30px 0} 
}
@media all and (max-width:999px) {
	.msec01 {padding-bottom:30px}
	.msec01 .mquick-wr {display:block}
	.mquick-wr .m-tit-box {margin-bottom:12px}
	.mquick-wr .m-tit-box .m-tit {font-size:1.765em}
	.mquick-wr .m-tit-box .m-txt {display:none}
	.mquick-wr .mquick {position:relative;display:block;width:auto;z-index:1}
	.mquick > ul.mquick-list {display:flex;justify-content:flex-end;position:absolute;right:0;bottom:100%;width:100%;padding-right:0}
	.mquick > ul.mquick-list > li {position:relative;margin-left:-15px}
	.mquick > ul.mquick-list > li:first-child {z-index:2}
	.mquick > ul.mquick-list > li:nth-child(2) {z-index:1}
	.mquick > ul.mquick-list > li button {margin-bottom:5px;padding:11px 10px}
	.mquick-wr .mquick .tab-container {width:auto;padding:20px 18px}
	.mquick-wr .mquick .tab-container div[role="tabpanel"] {padding-right:0}
	.mquick-wr .mquick .swiper {margin:0;padding:0}
	.mquick-wr .mquick .swiper-slide a {border-radius:30px;height:120px;box-shadow:none}
	.mquick-wr .mquick .swiper-slide a .s-ico {background-size:42px auto;width:42px;height:42px}
	.mquick-wr .data-ctrl {position:static;margin-top:0}
	.mquick-wr .data-ctrl button {position:absolute;top:50%;width:36px;height:36px;margin-top:-18px;z-index:2}
	.mquick-wr .data-ctrl .btn-prev {left:-18px}
	.mquick-wr .data-ctrl .btn-next {right:-18px}
}
@media all and (max-width:768px) {
	.mquick-wr .m-tit-box .m-tit {font-size:1.25em}
	.mquick-wr .mquick .tab-container {padding:10px 20px}
	.mquick > ul.mquick-list > li {margin-left:-10px}
	.mquick > ul.mquick-list > li button {width:78px;margin-bottom:5px;padding:6px 10px;font-size:12px}
	.mquick-wr .mquick .swiper-slide {height:auto;min-height:88px}
	.mquick-wr .mquick .swiper-slide a {border-radius:15px;min-height:auto;height:100%;padding:10px 5px;box-sizing:border-box}
	.mquick-wr .mquick .swiper-slide a .s-tit {margin-top:3px}
	.mquick-wr .data-ctrl button {width:30px;height:30px;margin-top:-15px}
	.mquick-wr .data-ctrl > button:before,
	.mquick-wr .data-ctrl > button:after {background-color:#0a1646;height:6px}
}
@media all and (max-width:399px) {
	.mquick > ul.mquick-list {position:static}
}

/* ==============================
 *  대학 공지
================================= */
.msec02 {margin-top:100px}
.mboard-wr {height:410px}
.mboard-wr .m-tit-box {padding-bottom:25px}
.mboard-wr .m-tit-box .m-txt {margin:10px 0 0 3px;color:#555;font-size:1.111em;line-height:1.2}
#mTabBoard {display:flex;flex-flow:row wrap;position:relative;width:410px;box-sizing:border-box}
#mTabBoard dl {}
#mTabBoard dl dt {position:relative;z-index:1}
#mTabBoard dl dt a {display:block;background-color:#fff;border:1px solid #ddd;border-radius:30px;min-width:64px;margin:11px 3px 0 0;padding:14px 18px 12px;color:#666;font-size:.889em;font-weight:400;text-align:center;line-height:1;letter-spacing:-.05em;box-sizing:border-box;transition:all .3s ease}
#mTabBoard dl.isOn dt a,
#mTabBoard dl dt a:hover {background-color:#22264c;border-color:#22264c;color:#ffffff;font-weight:500;box-shadow:0 13px 28px 0 rgba(144, 156, 187, .4)}
#mTabBoard dl dd {display:none;position:absolute;top:-120px;left:0;width:calc(50vw + 800px);max-width:2000px;padding-left:410px;box-sizing:border-box}
#mTabBoard dl dd .swiper-slide {}
#mTabBoard dl dd .swiper-slide > a {display:block;position:relative;background-color:#fff;border:1px solid #bac7d8;border-radius:30px;height:410px;padding:40px 50px;box-sizing:border-box;transition:all .3s ease-out}
#mTabBoard dl dd .swiper-slide > a:before {content:"";display:block;position:absolute;right:0;bottom:0;border-radius:30px;transition:all .3s ease-out;z-index:-1}
#mTabBoard dl dd .swiper-slide > a:before {background-color:#f5f9fd;width:calc(100% - 20px);height:calc(100% - 20px)}
#mTabBoard dl dd .swiper-slide > a span {display:block;letter-spacing:-.05em}
#mTabBoard dl dd .swiper-slide > a .s-cate {border-width:1px;border-style:solid;border-radius:50%;width:50px;height:50px;margin-left:-10px;line-height:48px;text-align:center;box-sizing:border-box;transition:all .3s ease-out}
#mTabBoard dl dd .swiper-slide > a.c01 .s-cate {background-color:#0091dc;border-color:#0091dc}
#mTabBoard dl dd .swiper-slide > a.c02 .s-cate {background-color:#755fff;border-color:#755fff}
#mTabBoard dl dd .swiper-slide > a.c03 .s-cate {background-color:#fb3b4c;border-color:#fb3b4c}
#mTabBoard dl dd .swiper-slide > a.c04 .s-cate {background-color:#d931ac;border-color:#d931ac}
#mTabBoard dl dd .swiper-slide > a.c05 .s-cate {background-color:#ff7f4d;border-color:#ff7f4d}
#mTabBoard dl dd .swiper-slide > a .s-cate .txt {display:inline-block;color:#fff;font-size:.889em;font-weight:500;transition:color .3s ease-out}
#mTabBoard dl dd .swiper-slide > a .date-box {position:absolute;right:37px;top:33px;color:#71788e;font-weight:500;letter-spacing:-.05em;text-align:center}
#mTabBoard dl dd .swiper-slide > a .date-box .day {font-size:2.222em}
#mTabBoard dl dd .swiper-slide > a .date-box .year {margin-top:4px;font-size:.833em}
#mTabBoard dl dd .swiper-slide > a .s-tit {margin-top:30px;color:#000;font-size:1.333em;font-weight:500;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:90px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
#mTabBoard dl dd .swiper-slide > a .s-txt {margin-top:22px;color:#777;font-size:.944em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:41px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#mTabBoard dl dd .swiper-slide > a .s-charge {margin-top:32px;color:#22264c;font-size:.944em;font-weight:500}
#mTabBoard dl dd .swiper-slide > a .s-period {margin-top:11px;color:#22264c;font-size:.889em;letter-spacing:0}
#mTabBoard dl dd .data-ctrl {display:flex;align-items:center;position:absolute;left:0;bottom:0;z-index:1}
#mTabBoard dl dd .data-ctrl button,
#mTabBoard dl dd .data-ctrl a {position:relative;display:block;background-color:#fff;border:1px solid #ddd;border-radius:50%;width:40px;height:40px;margin-right:5px;box-sizing:border-box;transition:all .3s ease-out}
#mTabBoard dl dd .data-ctrl button:before,
#mTabBoard dl dd .data-ctrl button:after {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
#mTabBoard dl dd .data-ctrl > button:before,
#mTabBoard dl dd .data-ctrl > button:after {background:#0c2042;border:0;width:2px;height:13px}
#mTabBoard dl dd .data-ctrl .btn-prev:before {transform:translateY(-35%) rotate(45deg)}
#mTabBoard dl dd .data-ctrl .btn-prev:after {transform:translateY(35%) rotate(-45deg)}
#mTabBoard dl dd .data-ctrl .btn-next:before {transform:translateY(35%) rotate(45deg)}
#mTabBoard dl dd .data-ctrl .btn-next:after {transform:translateY(-35%) rotate(-45deg)}
#mTabBoard dl dd .data-ctrl button:hover {background-color:#ddd}
#mTabBoard dl dd .data-ctrl .data-more {background-color:#71788e;border-color:#71788e;transition:all .3s ease}
#mTabBoard dl dd .data-ctrl .data-more:before,
#mTabBoard dl dd .data-ctrl .data-more:after {content:"";display:block;position:absolute;width:16px;height:2px;top:0;right:0;bottom:0;left:0;margin:auto;background:#fff}
#mTabBoard dl dd .data-ctrl .data-more:before {}
#mTabBoard dl dd .data-ctrl .data-more:after {transform:rotate(90deg)}
#mTabBoard dl dd .data-ctrl .data-more:hover {transform:rotate(270deg)}
#mTabBoard dl dd .data-auto button {}
#mTabBoard dl dd .data-auto .btn-stop:before {border:2px solid #0a1646;border-top:0;border-bottom:0;width:8px;height:16px;box-sizing:border-box}
#mTabBoard dl dd .data-auto .btn-play {display:none}
#mTabBoard dl dd .data-auto .btn-play:before {border-width:5px 0 5px 7px;border-style:solid;border-color:transparent;border-left-color:#0a1646;width:0;height:0}

#mTabBoard dl.isOn dd {display:block}

@media all and (min-width:1400px) {
	/* #mTabBoard dl dd .data-ctrl.hide button {display:none !important} */
}
@media all and (min-width:769px) {
	#mTabBoard dl dd .swiper-slide > a:hover {background-color:#f5f9fd;border-color:#f5f9fd;border-bottom-right-radius:150px}
	#mTabBoard dl dd .swiper-slide > a.c01:hover:before {background-color:#0091dc}
	#mTabBoard dl dd .swiper-slide > a.c02:hover:before {background-color:#755fff}
	#mTabBoard dl dd .swiper-slide > a.c03:hover:before {background-color:#fb3b4c}
	#mTabBoard dl dd .swiper-slide > a.c04:hover:before {background-color:#d931ac}
	#mTabBoard dl dd .swiper-slide > a.c05:hover:before {background-color:#ff7f4d}
	#mTabBoard dl dd .swiper-slide > a:hover .s-cate {background-color:#fff}
	#mTabBoard dl dd .swiper-slide > a:hover.c01 .s-cate .txt {color:#0091dc}
	#mTabBoard dl dd .swiper-slide > a:hover.c02 .s-cate .txt {color:#755fff}
	#mTabBoard dl dd .swiper-slide > a:hover.c03 .s-cate .txt {color:#fb3b4c}
	#mTabBoard dl dd .swiper-slide > a:hover.c04 .s-cate .txt {color:#d931ac}
	#mTabBoard dl dd .swiper-slide > a:hover.c05 .s-cate .txt {color:#ff7f4d}
}
@media all and (max-width:1659px) {
	#mTabBoard dl dd {width:calc(100vw - 60px)} 
}
@media all and (max-width:1599px) {
	#mTabBoard dl dd .swiper-slide > a {padding:40px 30px}
}
@media all and (max-width:1399px) {
	.mboard-wr {height:auto}
	.mboard-wr .m-tit-box {width:auto;text-align:center}
	#mTabBoard {justify-content:center;width:auto;height:530px}
	#mTabBoard dl dd {top:0;width:100%;margin-top:120px;padding-left:0}
	#mTabBoard dl dd .data-ctrl {justify-content:center;right:0;bottom:100%;margin:0 auto 20px}
}
@media all and (max-width:999px) {
	.msec02 {margin-top:45px}
	.mboard-wr .m-tit-box {padding-bottom:2px}
	.mboard-wr .m-tit-box .m-txt {margin:15px 0 0}
	#mTabBoard {height:498px}
	#mTabBoard dl dt a {margin-right:9px}
	#mTabBoard dl dd {/*width:calc(100vw + 151px);*/margin-top:130px}
	#mTabBoard dl dd .swiper-slide > a {height:368px}
	#mTabBoard dl dd .swiper-slide > a .s-cate {width:40px;height:40px;font-size:.765em;line-height:38px}
	#mTabBoard dl dd .swiper-slide > a .date-box .day {font-size:1.882em}
	#mTabBoard dl dd .swiper-slide > a .date-box .year {font-size:.706em}
	#mTabBoard dl dd .swiper-slide > a .s-tit {height:72px;font-size:1.117em}
	#mTabBoard dl dd .swiper-slide > a .s-txt {height:39px}
}
@media all and (max-width:768px) {
	.mboard-wr {height:405px}
	.mboard-wr .m-tit-box .m-txt {display:none}
	#mTabBoard {height:auto}
	#mTabBoard dl dt a {min-width:auto;margin:7px 3px 0 0;padding:10px 9px 7px 7px}
	#mTabBoard dl dd {width:100%;height:295px;margin-top:85px}
	#mTabBoard dl dd .swiper-wrapper {height:292px}
	#mTabBoard dl dd .swiper-slide > a {display:flex;align-items:center;background-color:#f5f9fd;border:0;border-radius:10px;height:70px;margin-bottom:5px;padding:5px 27px 5px 20px}
	#mTabBoard dl dd .swiper-slide > a .date-box,
	#mTabBoard dl dd .swiper-slide > a .s-txt,
	#mTabBoard dl dd .swiper-slide > a .s-charge,
	#mTabBoard dl dd .swiper-slide > a .s-period {display:none}
	#mTabBoard dl dd .swiper-slide > a .s-cate {width:41px;height:41px;margin-left:0;margin-right:13px;line-height:38px}
	#mTabBoard dl dd .swiper-slide > a .s-tit {flex:1 1 0;margin-top:0;height:auto;max-height:35px;font-size:.933em;-webkit-line-clamp:2}
	#mTabBoard dl dd .data-ctrl button,
	#mTabBoard dl dd .data-ctrl a {width:25px;height:25px}
	#mTabBoard dl dd .data-ctrl {margin-bottom:10px}
	#mTabBoard dl dd .data-ctrl > button:before,
	#mTabBoard dl dd .data-ctrl > button:after {height:6px}
	#mTabBoard dl dd .data-auto .btn-stop:before {width:6px;height:10px}
	#mTabBoard dl dd .data-auto .btn-play:before {border-width:4px 0 4px 5px}
	#mTabBoard dl dd .data-ctrl .data-more:before,
	#mTabBoard dl dd .data-ctrl .data-more:after {width:10px}
}
@media all and (max-width:399px) {
	.mboard-wr {height:440px}
	#mTabBoard {padding:0 30px}
	#mTabBoard dl dd {margin-top:125px}
}

/* ==============================
 * 동아뉴스
================================= */
.msec03 {position:relative;margin-top:130px}
.msec03 .deco {display:block;position:absolute;top:-30px;left:calc(50% - 100px);width:1920px;color:#fff;font-size:9.445em;font-weight:700;font-family:"Gmarket Sans", sans-serif; text-shadow: -1px 0 #004a80, 0 1px #004a80, 1px 0 #004a80, 0 -1px #004a80;opacity:.3}
#mNews {}
#mNews .mnews-sld-box {position:relative;margin-top:35px;z-index:1}
#mNews .mnews-txt-box {position:absolute;right:0;bottom:55px;background-color:#1962cc;border-radius:20px;width:47.16%;margin-left:-40px;padding:46px 60px 30px;box-sizing:border-box;z-index:1}
#mNews .mnews-txt-box a {display:block;color:#fff}
#mNews .mnews-sld-box .s-cate {position:absolute;left:60px;top:-15px;background-color:#203a91;border-radius:10px;padding:11px 20px 9px;color:#fff;font-size:.889em;font-weight:300;letter-spacing:-.05em}
#mNews .mnews-sld-box .s-tit {position:relative;color:#fff;font-size:1.444em;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:114px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;transition:all .3s ease-out}
#mNews .mnews-sld-box .s-tit:before {content:"";display:block;background-color:#ffd325;border-radius:50%;width:10px;height:10px;margin:0 0 10px 8px}
#mNews .mnews-sld-box .s-txt {margin-top:15px;font-size:.889em;font-weight:300;line-height:1.2;letter-spacing:-.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:39px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#mNews .mnews-sld-box .s-date {display:flex;align-items:center;position:relative;margin-top:38px;color:#fff;font-size:.833em;font-weight:300}
#mNews .mnews-sld-box .s-date:before {content:"";display:block;background-color:rgba(0 ,0, 0, .3);border-radius:50%;width:28px;height:28px;margin-right:8px}
#mNews .mnews-sld-box .s-date:after {content:"";display:block;position:absolute;left:8px;top:7px;background:url(/resources/_Templet/Main/main_kor/Img/main_spr.png) no-repeat 0 0;width:13px;height:13px}
#mNews .mnews-sld-box .s-more {display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-end;position:absolute;right:42px;bottom:20px;font-size:.889em;z-index:1}
#mNews .mnews-sld-box .s-more:after {content:"";display:block;background:url(/resources/_Templet/Main/main_kor/Img/main_spr.png) no-repeat -23px 0;margin-left:-10px;width:45px;height:47px;transition:transform .3s ease;z-index:-1}
#mNews .mnews-txt-box .s-tit,
#mNews .mnews-txt-box .s-txt {opacity:0;transform:translateY(30px)}
#mNews .mnews-txt-box .s-tit {transition:all .3s ease-out}
#mNews .mnews-txt-box .s-txt {transition:all .3s ease-out .1s}
#mNews .mnews-txt-box.news-on .s-tit,
#mNews .mnews-txt-box.news-on .s-txt {opacity:1;transform:translateY(0)}
#mNews .mnews-txt-box a:hover .s-more:after {transform:translateX(6px)}

#mNews .mnews-sld-box .swiper-slide {}
#mNews .mnews-sld-box .swiper-slide > a,
#mNews .mnews-sld-box .swiper-slide > a span {display:block}
#mNews .mnews-sld-box .swiper-slide .img-box {position:relative;background-color:#f2f2f2;border-radius:20px;overflow:hidden}
#mNews .mnews-sld-box .swiper-slide .img-box:before {content:"";display:block;padding-top:66.6666%}
#mNews .mnews-sld-box .swiper-slide .img-box > img {position:absolute;left:50%;top:0;height:100%;max-width:none;transform:translateX(-50%) scale(1);transition:transform .5s ease-out}
#mNews .mnews-sld-box .swiper-slide > a:hover .img-box > img {transform:translateX(-50%) scale(1.1)}
#mNews .mnews-sld-box .swiper-slide .txt-box {display:none !important}

#mNews .mnews-sld-box .swiper-slide a {display:flex;align-items:flex-end}
#mNews .mnews-sld-box .swiper-slide .img-box {width:58.54%}
#mNews .mnews-sld .data-ctrl {display:flex;position:absolute;right:0;bottom:380px;z-index:2}
#mNews .mnews-sld .data-ctrl button,
#mNews .mnews-sld .data-ctrl a {position:relative;display:block;background-color:#fff;border:1px solid #ddd;border-radius:50%;margin-left:5px;width:40px;height:40px;box-sizing:border-box;transition:all .3s ease-out}
#mNews .mnews-sld .data-ctrl button:before,
#mNews .mnews-sld .data-ctrl button:after {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
#mNews .mnews-sld .data-ctrl > button:before,
#mNews .mnews-sld .data-ctrl > button:after {background:#0c2042;border:0;width:2px;height:13px}
#mNews .mnews-sld .data-ctrl .btn-prev:before {transform:translateY(-35%) rotate(45deg)}
#mNews .mnews-sld .data-ctrl .btn-prev:after {transform:translateY(35%) rotate(-45deg)}
#mNews .mnews-sld .data-ctrl .btn-next:before {transform:translateY(35%) rotate(45deg)}
#mNews .mnews-sld .data-ctrl .btn-next:after {transform:translateY(-35%) rotate(-45deg)}
#mNews .mnews-sld .data-ctrl button:hover {background-color:#ddd;}
#mNews .mnews-sld .data-ctrl .data-more {background-color:#71788e;border-color:#71788e;transition:all .3s ease}
#mNews .mnews-sld .data-ctrl .data-more:before,
#mNews .mnews-sld .data-ctrl .data-more:after {content:"";display:block;position:absolute;width:16px;height:2px;top:0;right:0;bottom:0;left:0;margin:auto;background:#fff}
#mNews .mnews-sld .data-ctrl .data-more:before {}
#mNews .mnews-sld .data-ctrl .data-more:after {transform:rotate(90deg)}
#mNews .mnews-sld .data-ctrl .data-more:hover {transform:rotate(270deg)}
@media all and (min-width:1000px) and (max-width:1599px) {
	#mNews .mnews-sld-box .swiper-slide a {padding-bottom:55px;box-sizing:border-box}
	#mNews .mnews-sld-box .swiper-slide .img-box {width:69.54%}
	#mNews .mnews-txt-box {padding:40px 30px 30px}
	#mNews .mnews-sld-box .s-more {right:25px}
}
@media all and (min-width:1000px) {
	#mNews .mnews-sld-box {display:flex;flex-flow:row wrap;width:calc(50vw + 900px)}
	#mNews .mnews-sld-box .mnews-sld {width:56.99%;margin:0 40px 0 0}
	#mNews .mnews-sld-box .mnwes-thumb-sld {width:37.21%;margin:50px 0 0}
	/* #mNews .mnews-sld-box .mnwes-thumb-sld .swiper-slide-active {display:none} */
	#mNews .mnews-sld-box .mnwes-thumb-sld .img-box {width:auto}
	#mNews .mnews-sld-box .mnwes-thumb-sld a {display:block;margin-top:90px}
	#mNews .mnews-sld-box .mnwes-thumb-sld .s-cate,
	#mNews .mnews-sld-box .mnwes-thumb-sld .s-txt {display:none !important}
	#mNews .mnews-sld-box .mnwes-thumb-sld .txt-box {display:block !important;background:none;margin:35px 0 0;padding:0}
	#mNews .mnews-sld-box .mnwes-thumb-sld .txt-box .s-tit {color:#000;font-size:1.111em;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:48px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
	#mNews .mnews-sld-box .mnwes-thumb-sld .txt-box .s-tit:before {display:none}
	#mNews .mnews-sld-box .mnwes-thumb-sld .txt-box .s-date {display:block;margin-top:13px;color:#222;font-size:.833em}
	#mNews .mnews-sld-box .mnwes-thumb-sld .txt-box .s-date:before,
	#mNews .mnews-sld-box .mnwes-thumb-sld .txt-box .s-date:after {display:none}
	#mNews .mnews-sld-box .mnews-sld .data-ctrl.hide {display:none !important}
}

@media all and (min-width:1000px) and (max-width:1459px) {
	.msec03 .deco {font-size:7em}
	#mNews .mnews-sld-box {width:calc(100vw + 60px)} 
	#mNews .mnews-sld-box .mnews-sld {margin-right:20px}
}

@media all and (max-width:999px) {
	.msec03 {margin-top:45px}
	.msec03 .deco {top:-14px;font-size:6em}
	#mNews .mnews-sld {margin-top:20px}
	#mNews .mnews-sld-box .mnwes-thumb-sld {display:none !important}
	#mNews .mnews-sld .swiper-slide a {align-items:flex-start}
	#mNews .mnews-sld-box .s-tit {height:79px;-webkit-line-clamp:2}
	#mNews .mnews-sld-box .s-txt {height:37px}
	#mNews .mnews-sld-box .s-date {margin-top:17px}
	#mNews .mnews-sld .data-ctrl {right:0;bottom:auto;top:0}
	#mNews .mnews-txt-box {bottom:0;padding:30px 30px 25px}
}
@media all and (max-width:768px) {
	.msec03 .deco {display:none}
	#mNews .mnews-sld {margin-top:-63px;padding-top:40px}
	#mNews .mnews-sld .swiper-slide a {display:block}
	#mNews .mnews-sld .swiper-slide .img-box {width:auto}
	#mNews .mnews-txt-box {position:relative;right:auto;bottom:auto;border-radius:20px;width:100%;height:auto;margin-left:0;padding:40px 20px 20px}
	#mNews .mnews-txt-box .s-cate {left:20px}
	#mNews .mnews-txt-box .s-tit {height:63px;font-size:1.067em}
	#mNews .mnews-txt-box .s-tit:before {width:8px;height:8px;margin:0 0 5px}
	#mNews .mnews-txt-box .s-txt {display:none}
	#mNews .mnews-sld-box .s-more {right:20px;bottom:18px}
	#mNews .mnews-sld-box .s-more:after {background-size:94px auto;background-position:-16px 0;width:32px;height:33px;margin-left:-5px}
	#mNews .mnews-sld .data-ctrl {}
	#mNews .mnews-sld .data-ctrl a,
	#mNews .mnews-sld .data-ctrl button {width:26px;height:26px}
	#mNews .mnews-sld .data-ctrl > button:before,
	#mNews .mnews-sld .data-ctrl > button:after {height:7px}
	#mNews .mnews-sld .data-ctrl .data-more:before,
	#mNews .mnews-sld .data-ctrl .data-more:after {width:10px}
}
@media all and (max-width:599px) {
	#mNews .mnews-txt-box .txt-box .s-tit {height:71px}
}
/* ==============================
 * 동아피플
================================= */
.msec04 {position:relative;margin-top:143px;padding-bottom:110px}
.msec04:before,
.msec04:after {content:"";display:block;position:absolute;background-color:rgba(68, 144, 254, .2);width:600px;height:500px;z-index:-1}
.msec04:before {left:-100px;top:45px;border-top-right-radius:200px}
.msec04:after {right:-100px;bottom:0;border-bottom-left-radius:200px}
.msec04 .mpeople-wr {box-sizing:border-box}
.mpeople-wr .m-tit-box {width:auto;margin-bottom:36px;text-align:center}
#mPeople {position:relative}
.mpeople-wr .m-tit-box .m-txt {margin-top:8px;color:#22264c;font-size:1.111em;font-weight:500;letter-spacing:-.05em}
.mpeople-sld {padding:40px;margin:-40px 0}
.mpeople-sld a {display:block;position:relative;;max-width:400px;margin:0 auto}
.mpeople-sld a span {display:block}
.mpeople-sld .mpeople-box {position:relative;border-radius:20px;box-shadow:0 8px 16px -2px rgba(10, 10 ,10 ,.1), 0 13px 28px 0 rgba(144, 156, 187, .4);overflow:hidden}
.mpeople-sld .img-box {position:relative}
.mpeople-sld .img-box:before {content:"";display:block;width:0;padding-top:142.5%}
.mpeople-sld .img-box > img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);width:100% !important;height:auto;min-height:100%;transition:transform .5s ease-out}
.mpeople-sld .txt-box {display:flex;flex-direction:column;justify-content:flex-end;position:absolute;left:0;bottom:0;background:url(/resources/_Templet/Main/main_kor/Img/mpeople_bg.png) no-repeat center bottom;width:100%;min-height:328px;padding:0 40px 25px;color:#fff;box-sizing:border-box}
.mpeople-sld .txt-box .s-tit {font-size:1.222em;line-height:1.364;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:90px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.mpeople-sld .txt-box .s-more {display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-end;position:relative;font-size:.889em;z-index:1}
.mpeople-sld .txt-box .s-more:after {content:"";display:block;background:url(/resources/_Templet/Main/main_kor/Img/main_spr.png) no-repeat -23px 0;margin-left:-10px;width:45px;height:47px;transition:transform .3s ease;z-index:-1}
.mpeople-sld a:hover .img-box > img {transform:translate(-50%, -50%) scale(1.1)}
.mpeople-sld a:hover .txt-box .s-more:after {transform:translateX(6px)}
#mPeople .data-ctrl button {display:block;position:absolute;top:50%;background-color:#fff;border:0;border-radius:50%;width:80px;height:80px;margin-top:-40px;transition:transform .3s ease-out;z-index:2}
#mPeople .data-ctrl .btn-prev {left:0}
#mPeople .data-ctrl .btn-next {right:0}
#mPeople .data-ctrl button:before,
#mPeople .data-ctrl button:after {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
#mPeople .data-ctrl > button:before,
#mPeople .data-ctrl > button:after {background:#0a1646;border:0;width:2px;height:12px}
#mPeople .data-ctrl .btn-prev:before {transform:translateY(-35%) rotate(45deg)}
#mPeople .data-ctrl .btn-prev:after {transform:translateY(35%) rotate(-45deg)}
#mPeople .data-ctrl .btn-next:before {transform:translateY(35%) rotate(45deg)}
#mPeople .data-ctrl .btn-next:after {transform:translateY(-35%) rotate(-45deg)}
#mPeople .data-ctrl .btn-prev:hover {transform:translateX(-6px)}
#mPeople .data-ctrl .btn-next:hover {transform:translateX(6px)}

@media all and (min-width:1000px) {
	.mpeople-wr .data-ctrl.hide {display:none !important}
}
@media all and (max-width:1399px) {
	.mpeople-sld {padding:40px 20px}
}
@media all and (max-width:999px) {
	.msec04 {margin-top:45px;padding-bottom:0}
	.msec04:before {left:0;width:250px}
	.msec04:after {display:none}
	.mpeople-wr {padding-left:70px}
	.mpeople-wr .m-tit-box {margin-bottom:5px;margin-left:-70px}
	.mpeople-sld {margin:0 -20px -40px}
	.mpeople-sld .txt-box .s-tit {height:86px}
	.mpeople-sld .mpeople-box{box-shadow:0 8px 16px -2px rgba(10, 10 ,10 ,.1), 0 13px 12px 0 rgba(144, 156, 187, .4)}
	#mPeople .data-ctrl {position:absolute;left:-70px;top:50%;margin-top:-65px}
	#mPeople .data-ctrl button {position:relative;top:auto;left:auto;right:auto;border:1px solid #ddd;width:65px;height:65px;margin-top:0}
	#mPeople .data-ctrl .btn-prev {z-index:1}
	#mPeople .data-ctrl .btn-next {margin-top:-10px}
}
@media all and (max-width:768px) {
	.msec04:before {height:60%}
	.mpeople-sld .mpeople-box {box-shadow:none}
	.mpeople-sld .txt-box {min-height:100%;padding:0 20px 15px}
	.mpeople-sld .txt-box .s-tit {height:70px;font-size:1em}
}
@media all and (max-width:599px) {
	.mpeople-wr {padding-left:20px}
	.mpeople-wr .m-tit-box {margin-left:-20px}
	.mpeople-sld .txt-box {}
	.mpeople-sld .txt-box .s-tit {height:62px}
	#mPeople .data-ctrl {left:-20px;margin-top:-43px}
	#mPeople .data-ctrl button {width:40px;height:40px}
	#mPeople .data-ctrl .btn-next {margin-top:-5px}
	#mPeople .data-ctrl > button:before,
	#mPeople .data-ctrl > button:after {height:7px}
}
@media all and (max-width:399px) {
	.mpeople-sld .txt-box {background-position:center -60%}
}
/* ==============================
 * what's on
================================= */
.msec05 {margin-top:40px}
.msec05 .mkeyword-wr {display:flex;flex-flow:row wrap;align-items:center}
.mkeyword-wr .m-tit-box {width:auto;margin-right:158px}
.mkeyword-wr .m-tit-box h3 {color:#111;font-size:5.556em;font-weight:700;font-family:"Gmarket Sans", sans-serif;letter-spacing:0}
.mkeyword-wr .m-tit-box h3:before {content:"";display:block;background-color:#fff300;border-radius:50%;margin-bottom:23px;width:18px;height:18px}
.mkeyword-wr .m-tit-box .m-sub-tit {margin-top:34px;color:#006ee9;font-size:2em;font-weight:700;font-family:"Gmarket Sans", sans-serif;letter-spacing:0}
.mkeyword-wr .m-tit-box .m-txt {margin-top:18px;color:#22264c;font-weight:500;letter-spacing:-.05em}
.mkeyword-wr .mkeyword {display:flex;flex-flow:row wrap;flex:1 1 0;margin-top:-20px}
.mkeyword-wr .mkeyword > button {background-color:#e1e1e2;border:0;border-radius:50px;min-width:112px;margin:20px 10px 0 0;padding:16px 21px;color:#333;font-size:20px;font-weight:500;letter-spacing:-.05em;text-align:center;box-sizing:border-box}
.mkeyword-wr .mkeyword > button:hover {background-color:#111;color:#fff}

.msec05 .mad-wr {display:flex;flex-flow:row wrap;margin-top:85px;padding-top:30px;overflow:hidden}
.msec05 .mad-wr .msns-wr {position:relative;width:67.1875%}
.msec05 .mad-wr .msns-wr:before {content:"";display:block;position:absolute;right:-70px;top:225px;background-color:#e0e0e0;width:2px;height:100%}
.msec05 .mad-wr #mImban1 {align-self:flex-end;width:32.8125%;padding-left:155px;box-sizing:border-box}
.msns-wr .m-tit {margin-bottom:33px;color:#000;font-size:2em;font-weight:700;font-family:"Gmarket Sans", sans-serif;letter-spacing:0}
.msns-wr .msns-list {display:flex;flex-flow:row wrap;align-items:center;position:absolute;left:202px;top:4px}
.msns-wr .msns-list li {margin-right:22px}
.msns-wr .msns-list li:last-child {margin-right:0}
.msns-wr .msns-list a {display:block;background:url(/resources/_Templet/Main/main_kor/Img/main_spr.png) no-repeat 0 -57px;width:26px;height:26px}
.msns-wr .msns-list a.yb {background-position-x:0}
.msns-wr .msns-list a.face {background-position-x:-36px}
.msns-wr .msns-list a.nb {background-position-x:-72px}
.msns-wr .msns-list a.insta {background-position-x:-108px}
.msns-wr .msns-list a:hover {background-position-y:-93px}
.msns-wr .msns-sld a,
.msns-wr .msns-sld a span {display:block}
.msns-wr .msns-sld .img-box {display:block;position:relative;background-color:#434343;border-radius:20px;overflow:hidden}
.msns-wr .msns-sld .img-box:before {content:"";display:block;width:0;padding-top:100%}
.msns-wr .msns-sld .img-box > img {position:absolute;left:0;top:0;width:100%;height:auto}
.msns-wr .msns-sld .txt-box {position:relative;padding-top:23px}
.msns-wr .msns-sld .txt-box .icon {position:absolute;right:20px;top:-20px;border-radius:15px;width:40px;height:40px;transition:transform .3s ease-out}
.msns-wr .msns-sld .yb .txt-box .icon {background-color:#d00000}
.msns-wr .msns-sld .face .txt-box .icon {background-color:#3545b5}
.msns-wr .msns-sld .nb .txt-box .icon {background-color:#00ab4c}
.msns-wr .msns-sld .insta .txt-box .icon {background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%)}
.msns-wr .msns-sld .txt-box .icon:before {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:url(/resources/_Templet/Main/main_kor/Img/main_spr.png) no-repeat 0 -129px;width:20px;height:20px;margin:auto}
.msns-wr .msns-sld .yb .txt-box .icon:before {background-position-x:0}
.msns-wr .msns-sld .face .txt-box .icon:before {background-position-x:-30px}
.msns-wr .msns-sld .nb .txt-box .icon:before {background-position-x:-60px}
.msns-wr .msns-sld .insta .txt-box .icon:before {background-position-x:-90px}
.msns-wr .msns-sld .txt-box .sns-name {font-size:.889em;font-weight:700;font-family:"Gmarket Sans", sans-serif}
.msns-wr .msns-sld .yb .txt-box .sns-name {color:#d00000}
.msns-wr .msns-sld .face .txt-box .sns-name {color:#3545b5}
.msns-wr .msns-sld .nb .txt-box .sns-name {color:#00ab4c}
.msns-wr .msns-sld .insta .txt-box .sns-name {color:#db34a7}
.msns-wr .msns-sld .txt-box .s-tit {margin-top:9px;color:#555;font-size:.889em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:58px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.msns-wr .msns-sld a:hover .txt-box .icon {transform:translateY(-5px)}
.msns-wr .data-ctrl {position:absolute;right:-90px;top:70px;background-color:#fff;}
.msns-wr .data-ctrl button,
.msns-wr .data-ctrl a {position:relative;display:block;background-color:#fff;border:1px solid #ddd;border-radius:50%;width:40px;height:40px;margin-bottom:5px;box-sizing:border-box;transition:all .3s ease-out}
.msns-wr .data-ctrl button:before,
.msns-wr .data-ctrl button:after {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.msns-wr .data-ctrl > button:before,
.msns-wr .data-ctrl > button:after {background:#0c2042;border:0;width:2px;height:13px}
.msns-wr .data-ctrl .btn-prev:before {transform:translateY(-35%) rotate(45deg)}
.msns-wr .data-ctrl .btn-prev:after {transform:translateY(35%) rotate(-45deg)}
.msns-wr .data-ctrl .btn-next:before {transform:translateY(35%) rotate(45deg)}
.msns-wr .data-ctrl .btn-next:after {transform:translateY(-35%) rotate(-45deg)}
.msns-wr .data-ctrl button:hover {background-color:#ddd;}
.msns-wr .data-ctrl .data-more {background-color:#71788e;border-color:#71788e;transition:all .3s ease}
.msns-wr .data-ctrl .data-more:before,
.msns-wr .data-ctrl .data-more:after {content:"";display:block;position:absolute;width:16px;height:2px;top:0;right:0;bottom:0;left:0;margin:auto;background:#fff}
.msns-wr .data-ctrl .data-more:before {}
.msns-wr .data-ctrl .data-more:after {transform:rotate(90deg)}
.msns-wr .data-ctrl .data-more:hover {transform:rotate(270deg)}
.msns-wr .data-auto button {}
.msns-wr .data-auto .btn-stop:before {border:2px solid #0a1646;border-top:0;border-bottom:0;width:8px;height:16px;box-sizing:border-box}
.msns-wr .data-auto .btn-play {display:none}
.msns-wr .data-auto .btn-play:before {border-width:5px 0 5px 7px;border-style:solid;border-color:transparent;border-left-color:#0a1646;width:0;height:0}

#mImban1 a,
#mImban1 a span {display:block}
#mImban1 a {position:relative;max-width:258px}
#mImban1 a .icon {position:absolute;left:-18px;top:-18px;background:#ffd44d;border-radius:25px;width:60px;height:60px;transition:transform .3s  ease-out;z-index:1}
#mImban1 a .icon:before {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:url(/resources/_Templet/Main/main_kor/Img/main_spr.png) no-repeat -78px 0;width:27px;height:29px;margin:auto}
#mImban1 a .s-img-wr {box-shadow:0 13px 28px 0 rgba(144, 156, 187, .4)}
#mImban1 a .s-img {position:relative;overflow:hidden}
#mImban1 a .s-img:before {content:"";display:block;width:0;padding-top:130.6201%}
#mImban1 a .s-img img {position:absolute;left:50%;top:50%;width:100%;min-width:100%;transform:translate(-50%, -50%)}
#mImban1 a .s-tit {position:absolute;right:-35px;top:59px;color:rgba(9, 52, 104, .3);font-size:3.333em;font-weight:700;font-family:"Gmarket Sans", sans-serif;letter-spacing:-.05em;writing-mode:vertical-rl;text-orientation:sideways;z-index:-1} 
#mImban1 a .s-txt {margin-top:22px;color:#000;font-size:.722em;font-weight:500;letter-spacing:-.05em;text-align:right}
#mImban1 a:hover .icon {transform:translateY(-5px)}
@media all and (max-width:1399px) {
	.msec05 .mkeyword-wr {display:block}
	.mkeyword-wr .mkeyword {margin-top:0}
	.msec05 .mad-wr .msns-wr {padding-right:50px;box-sizing:border-box}
	.msec05 .mad-wr .msns-wr:before {right:0}
	.msns-wr .data-ctrl {right:-15px}
	.msec05 .mad-wr #mImban1 {padding-left:5%}
}
@media all and (max-width:999px) {
	.msec05 {margin-top:25px}
	.mkeyword-wr .m-tit-box {margin-right:0}
	.mkeyword-wr .m-tit-box h3 {font-size:3.529em}
	.mkeyword-wr .m-tit-box h3:before {margin-bottom:15px}
	.mkeyword-wr .m-tit-box .m-sub-tit {font-size:1.764em}

	.msec05 .mad-wr {margin-top:45px}
	.msns-wr .msns-sld .txt-box .s-tit {height:55px}
	.msec05 .mad-wr #mImban1 {align-self:center}
	#mImban1 a {padding-right:30px;box-sizing:border-box}
	#mImban1 a .icon {width:50px;height:50px}
	#mImban1 a .s-tit {right:0}
}
@media all and (max-width:768px) {
	.mkeyword-wr .m-tit-box h3 {font-size:2em}
	.mkeyword-wr .m-tit-box h3:before {width:10px;height:10px;margin-bottom:10px}
	.mkeyword-wr .m-tit-box .m-sub-tit {margin-top:20px;font-size:1em}
	.mkeyword-wr .m-tit-box .m-txt {margin-top:8px;font-size:.889em}
	.mkeyword-wr .mkeyword > button {min-width:90px;margin:10px 5px 0 0;padding:12px 20px;font-size:12px}


	.msec05 .mad-wr .msns-wr {width:calc(100% - 290px);flex:1 1 0}
	.msns-wr .msns-list {left:auto;right:0}
	.msns-wr .msns-list li {margin-right:15px}
	.msec05 .mad-wr #mImban1 {width:290px}
	.msns-wr .msns-sld .txt-box .s-tit {height:52px}
}
@media all and (max-width:699px) {
	.msec05 .mad-wr .msns-wr {padding-right:35px}
	.msec05 .mad-wr .msns-wr:before {top:185px;right:11px}
	.msns-wr .msns-list {margin-right:-35px}
	.msns-wr .data-ctrl {right:0;top:90px}
	.msns-wr .m-tit {margin-bottom:10px}
	.msns-wr .msns-list {justify-content:flex-end;position:static;right:auto;top:auto;margin-bottom:23px}
	.msns-wr .data-ctrl button,
	.msns-wr .data-ctrl a {width:25px;height:25px}
	.msns-wr .data-ctrl {margin-bottom:10px}
	.msns-wr .data-ctrl > button:before,
	.msns-wr .data-ctrl > button:after {height:6px}
	.msns-wr .data-auto .btn-stop:before {width:6px;height:10px}
	.msns-wr .data-auto .btn-play:before {border-width:4px 0 4px 5px}
	.msns-wr .data-ctrl .data-more:before,
	.msns-wr .data-ctrl .data-more:after {width:10px}
}
@media all and (max-width:599px) {
	.msec05 .mad-wr {display:block}
	.msec05 .mad-wr .msns-wr,
	.msec05 .mad-wr #mImban1  {width:auto}

	.msec05 .mad-wr #mImban1 {display:none}
	.msns-wr .msns-sld .txt-box .s-tit {height:46px}
}
/* ==============================
 * 동아파워
================================= */
.msec06 {position:relative;background-color:#f4f5f8;border-radius:70px 70px 0 0;margin-top:105px;overflow:hidden}
.msec06 .msec06-deco {position:absolute;left:0;top:0;width:100%;height:100%;;}
.msec06 .msec06-deco:before,
.msec06 .msec06-deco:after {content:"";display:block;position:absolute;border:1px solid rgba(63, 81, 181, .2);border-radius:50%}
.msec06 .msec06-deco:before {left:118px;bottom:196px;width:1263px;height:1263px}
.msec06 .msec06-deco:after {left:100%;bottom:100%;width:1643px;height:1643px;margin:0 0 -163px -1060px}
.msec06 .mpower-wr {padding:83px 0 55px;z-index:1}
.mpower-wr .m-tit-box {width:auto;margin-bottom:65px;text-align:center}
.mpower-wr .m-tit-box .m-txt {margin-top:8px;color:#22264c;font-size:1.111em;font-weight:500;letter-spacing:-.05em}
.mpower-wr .mpower {left:50%;width:1952px;padding:40px;margin:-40px;margin-left:-1016px}
.mpower .data-ctrl {margin-top:25px;font-size:0;text-align:center}
.mpower .data-ctrl > * {display:inline-block}
.mpower .data-ctrl button {display:inline-block;position:relative;background:none;border:0;width:33px;height:20px;margin:0 11px;transition:transform .3s ease-out}
.mpower .data-ctrl button.btn-prev:hover {transform:translateX(-6px)}
.mpower .data-ctrl button.btn-next:hover {transform:translateX(6px)}
.mpower .data-ctrl button .arr {display:block;position:relative;background:#141845;border:0;width:100%;height:2px;transition:.35s .35s}
.mpower .data-ctrl button .arr:before,
.mpower .data-ctrl button .arr:after {content:"";display:block;position:absolute;top:50%;background-color:#141845;width:2px;height:13px;transition:.35s}
.mpower .data-ctrl button.btn-prev .arr:before {left:2px;transform:translateY(-2px) rotate(-45deg)}
.mpower .data-ctrl button.btn-prev .arr:after {left:2px;transform:translateY(-11px) rotate(225deg)}
.mpower .data-ctrl button.btn-next .arr:before {right:2px;transform:translateY(-2px) rotate(225deg)}
.mpower .data-ctrl button.btn-next .arr:after {right:2px;transform:translateY(-11px) rotate(-45deg)}
.mpower .data-auto button {width:12px}
.mpower .data-auto button:before {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.mpower .data-auto .btn-stop:before {border:2px solid #0a1646;border-top:0;border-bottom:0;width:8px;height:16px;box-sizing:border-box}
.mpower .data-auto .btn-play {display:none}
.mpower .data-auto .btn-play:before {border-width:5px 0 5px 7px;border-style:solid;border-color:transparent;border-left-color:#0a1646;width:0;height:0}

.mpower .mpower-box {position:relative;background-color:#fff;border-radius:20px;min-height:446px;padding:36px 42px;box-shadow:0 13px 28px 0 rgba(144, 156, 187, .4);box-sizing:border-box;transition:all .25s ease-out}
.mpower-box .mp-tit {margin-bottom:27px;color:#000;font-size:1.333em;font-weight:700;letter-spacing:-.05em;line-height:1.2}
.mpower-box .mp-num {font-weight:700;font-family:"Gmarket Sans", sans-serif}
.mpower-box .mp-num em {font-size:2.667em;font-style:normal}
.mpower-box .mp-txt {font-size:1.111em;font-weight:500;font-family:"Gmarket Sans", sans-serif;line-height:1.2}
.mpower-box .mp-txt.s {margin-top:18px;color:#686868;font-size:.889em}
.mpower-box .mp-ico {}
.mpower-box .mp-img-box {position:relative;background:#f2f4f6;border-radius:50%;width:156px;height:156px;margin:0 auto 33px}
.mpower-box .mp-img-box > img {position:absolute;left:0;right:0;margin:0 auto}
.mpower-box .mp-list {}
.mpower-box .mp-list li {border-bottom:1px solid #dee4ea;margin-bottom:20px;padding-bottom:20px;box-sizing:border-box}
.mpower-box .mp-list li:last-child {border-bottom:0;margin-bottom:0;padding-bottom:0}
.mpower-box .mp-list .mp-list-box {display:flex;align-items:center;justify-content:space-between;background:#f2f4f6;border-radius:10px;height:120px;padding:10px 23px;box-sizing:border-box}
.mpower-box .mp-list .mp-list-box .txt {color:#000;font-weight:500;line-height:1.2;letter-spacing:-.05em;font-family:"Gmarket Sans", sans-serif}
.mpower-box .mp-list .mp-list-box .txt > span {font-size:.778em}

.mpower-box.p01 .mp-txt span {color:#9264e5}
.mpower-box.p01 .mp-img-box > img {bottom:-8px}
.mpower-box.p02 .mp-num {color:#e6446c}
.mpower-box.p02 .mp-ico {position:absolute;right:49px;bottom:49px}
.mpower-box.p03 .mp-num {position:relative;margin-bottom:-8px;color:#0946a1;font-size:2em;line-height:1;z-index:1}
.mpower-box.p04 .mp-num,
.mpower-box.p06 .mp-num {color:#141845}
.mpower-box.p04 .mp-num .p04-c,
.mpower-box.p06 .mp-num .p06-c {color:#3f51b5}
.mpower-box.p04 .mp-ico,
.mpower-box.p06 .mp-ico {position:absolute;right:45px;bottom:43px}
.mpower-box.p03 .mp-txt {position:relative;background-color:#2374ef;border-radius:30px;padding:12px 5px 6px;color:#fff;font-size:.889em;line-height:1;text-align:center;box-sizing:border-box;z-index:1}
.mpower-box.p03 .mp-txt:after {content:"";position:absolute;left:25px;top:100%;border-style:solid;border-color:#2374ef transparent transparent transparent;border-width:12px 12px 12px 0;width:0;height:0;margin:auto}
.mpower-box.p05 .mp-num {color:#1eacb4}
.mpower-box.p07 .mp-num {color:#faad18}
.mpower-box.p07 .mp-ico {position:absolute;right:45px;bottom:49px}
.mpower-box.p08 .mp-txt span {color:#1eb48f}
.mpower-box.p08 .mp-img-box > img {bottom:10px}

.mpower-box.swiper-slide-active .mp-tit,
.mpower-box.swiper-slide-active .mp-num,
.mpower-box.swiper-slide-active .mp-num,
.mpower-box.swiper-slide-active .mp-txt,
.mpower-box.swiper-slide-active .mp-txt span,
.mpower-box.swiper-slide-active .mp-num span,
.mpower-box.swiper-slide-active .mp-list .mp-list-box .txt {color:#fff !important}
.mpower-box.swiper-slide-active .mp-img-box {background-color:rgba(242, 244, 246, .3)}
.mpower-box.swiper-slide-active .mp-list-box {background-color:rgba(255, 255, 255 ,.25)}

.mpower-box.p01.swiper-slide-active {background-color:#9264e5}
.mpower-box.p01.swiper-slide-active .mp-img-box {}
.mpower-box.p02.swiper-slide-active {background-color:#e6446c}
.mpower-box.p03.swiper-slide-active {background-color:#2374ef}
.mpower-box.p03.swiper-slide-active .mp-txt {background-color:#fff;color:#2374ef !important}
.mpower-box.p03.swiper-slide-active .mp-txt:after {border-color:#fff transparent transparent transparent}
.mpower-box.p04.swiper-slide-active {background-color:#3f51b5}
.mpower-box.p05.swiper-slide-active {background-color:#1eacb4}
.mpower-box.p06.swiper-slide-active {background-color:#3f51b5}
.mpower-box.p07.swiper-slide-active {background-color:#faad18}
.mpower-box.p08.swiper-slide-active {background-color:#1eb48f}
@media all and (max-width:999px) {
	.msec06 {margin-top:45px}
	.msec06 .mpower-wr {padding:35px 0}
	.mpower-wr .mpower {width:1200px;margin-left:-640px}
}
@media all and (max-width:929px) {
	.mpower-wr .m-tit-box {margin-bottom:35px}
	.mpower-wr .mpower {width:986px;margin-left:-533px}
	.mpower-sld .mpower-box {min-height:auto;height:auto;padding:25px 35px}
	.mpower-box .mp-txt {font-size:1em}
	.mpower-box .mp-tit {margin-bottom:17px}
	.mpower-box .mp-list .mp-list-box {flex-flow:column;align-items:baseline;height:auto}
	.mpower-box .mp-list .mp-list-box .txt br {display:none}
	.mpower-box .mp-list .mp-list-box .mp-num {align-self:flex-end;margin-top:7px}

	.mpower-box.p03 img {display:block;width:80% !important;margin:0 auto}
}
@media all and (max-width:768px) {
	.msec06 .mpower-wr {padding:30px 0 25px}
	.mpower-box.p02 .mp-ico,
	.mpower-box.p04 .mp-ico,
	.mpower-box.p06 .mp-ico,
	.mpower-box.p07 .mp-ico {right:20px;bottom:20px}
	.mpower .data-ctrl button {width:26px;height:17px;margin:0 5px}
	.mpower .data-ctrl button .arr:before,
	.mpower .data-ctrl button .arr:after {height:9px;transition:.35s}
	.mpower .data-ctrl button.btn-prev .arr:after {transform:translateY(-7px) rotate(225deg)}
	.mpower .data-ctrl button.btn-next .arr:after {transform:translateY(-7px) rotate(-45deg)}
}
@media all and (max-width:699px) {
	.mpower-wr .mpower {width:734px;margin-left:-407px}
	.mpower-sld .mpower-box {padding:25px}
}
/* ==============================
 * DAU 배너모음
================================= */
.msec07 {background-color:#e8eaf6;padding:28px 0}
.msec07 .mbnr-wr {display:flex;flex-flow:row wrap}
.mbnr-wr .m-tit-box {display:flex;align-items:center;flex-basis:264px}
.mbnr-wr .m-tit-box h3 {margin-right:22px;color:#111;font-weight:700;font-family:"Gmarket Sans", sans-serif;letter-spacing:0}
.mbnr-wr .mbnr-sld a {display:block;border-radius:10px;overflow:hidden}
.mbnr-wr .data-ctrl {display:flex;align-items:center}
.mbnr-wr .data-ctrl button {position:relative;display:block;background-color:#fff;border:0;border-radius:50%;width:26px;height:26px;margin-right:2px}
.mbnr-wr .data-ctrl button:before,
.mbnr-wr .data-ctrl button:after {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.mbnr-wr .data-ctrl > button:before,
.mbnr-wr .data-ctrl > button:after {background:#0a1646;border:0;width:2px;height:6px}
.mbnr-wr .data-ctrl .btn-prev:before {transform:translateY(-35%) rotate(39deg)}
.mbnr-wr .data-ctrl .btn-prev:after {transform:translateY(35%) rotate(-39deg)}
.mbnr-wr .data-ctrl .btn-next:before {transform:translateY(35%) rotate(39deg)}
.mbnr-wr .data-ctrl .btn-next:after {transform:translateY(-35%) rotate(-39deg)}
.mbnr-wr .data-auto button {}
.mbnr-wr .data-auto .btn-stop:before {border:2px solid #0a1646;border-top:0;border-bottom:0;width:6px;height:8px;box-sizing:border-box}
.mbnr-wr .data-auto .btn-play {display:none}
.mbnr-wr .data-auto .btn-play:before {border-width:5px 0 5px 7px;border-style:solid;border-color:transparent;border-left-color:#0a1646;width:0;height:0}

.mbnr-wr .mbnr-sld-wr {flex:1 1 0}
@media all and (max-width:999px) {
	.mbnr-wr .m-tit-box {flex-basis:auto;margin-right:15px}
}
@media all and (max-width:768px) {
	.msec07 .mbnr-wr {display:block}
	.mbnr-wr .m-tit-box {display:block;position:relative;margin-right:0;margin-bottom:15px}
	.mbnr-wr .data-ctrl {position:absolute;top:-7px;right:0}
}
