@charset "utf-8";

/*** layout ***/
#header {position:fixed;}
#header::after {display:block;position:fixed;}

.mStickyLock#header {background:none;}
.mStickyLock#header::before,
.mStickyLock#header::after {display:none}
.mStickyLock header .logo>a>img {display:none}
.mStickyLock header .logo>a>span {display:block;}
.mStickyLock header .top_util  {border-bottom:1px solid rgba(255,255,255,0.15);}
.mStickyLock header .top_util .siteCateg>a {border-right:1px solid rgba(255,255,255,0.15);}
.mStickyLock header .top_util .btn_topSearch {background-image:url(../img/layout/ico_topSearch_white.png);}
.mStickyLock header .top_util .btn_topSitemap {background-image:url(../img/layout/ico_lineGrp_white.png);}
.mStickyLock header>nav #gnb>li>a {color:#fff;}

.gnbOn.mStickyLock#header::after {display:block}
.gnbOn.mStickyLock header .logo>a>img {display:block;}
.gnbOn.mStickyLock header .logo>a>span {display:none;}
.gnbOn.mStickyLock header .top_util .btn_topSearch {background-image:url(../img/layout/ico_topSearch_black.png);}
.gnbOn.mStickyLock header .top_util .btn_topSitemap {background-image:url(../img/layout/ico_lineGrp_black.png);}
.gnbOn.mStickyLock header>nav #gnb>li>a {color:#222;}
.gnbOn.mStickyLock header>nav #gnb>li>a.on,
.gnbOn.mStickyLock header>nav #gnb>li>a:hover {color:#a70638;}

.pcVerM #header::after {top:130px;}
.pcVerM .mStickyLock header .mLog>button {border:2px solid #fff;color:#fff;}
.pcVerM .mStickyLock header .mBtn_topMenu {background-image:url(../img/layout/m/ico_lineGrp_white.png);}

/*** contents ***/
.mVisual {position:relative;height:980px;}
.mVisual .list {position:relative;}
.mVisual .list .unit>div,
.mVisual .list .unit>a {display:inline-table;overflow:hidden;width:100%;height:980px;background-repeat:no-repeat;background-position:center top;background-size:auto 100%;vertical-align:top;}
.mVisual .list .unit .bg_m {display:none;}
.mVisual .list .unit .wrap {display:table-cell;padding:158px 320px 0 0;font-size:0;text-align:right;vertical-align:middle;}
.mVisual .list .unit .tit {display:block;position:relative;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:62px;font-weight:700;line-height:72px;}
.mVisual .list .unit .txt {display:inline-block;position:relative;width:400px;margin-top:175px;box-sizing:border-box;padding-left:20px;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:22px;font-weight:400;line-height:32px;}
.mVisual .list .unit .txt::after {content:'';display:block;position:absolute;left:-1195px;top:50%;width:1195px;height:1px;background:#fff;}
.mVisual .list .slick-dots {position:absolute;left:75px;top:50%;}
.mVisual .list .slick-dots li {position:relative;padding-left:27px;}
.mVisual .list .slick-dots li::before {content:'';display:block;position:absolute;left:1px;top:50%;overflow:hidden;width:10px;height:10px;margin-top:-5px;box-sizing:border-box;border:1px solid #fff;border-radius:50%;transition:0.2s;}
.mVisual .list .slick-dots li.slick-active::before {left:0;width:14px;height:14px;margin-top:-7px;background:#fff;}
.mVisual .list .slick-dots li>button {color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:16px;font-weight:400;line-height:20px;}
.mVisual .list .slick-dots li+li {margin-top:16px;}

/*vidoe fix*/
.mVisual {overflow:hidden;background:#000;}
.mVisual .list .unit {position:relative;}
.mVisual .list .unit .btn_Play{width:90px;height:40px;position:absolute;left:calc(50% - 45px);bottom:250px;padding-left:50px;font-size:20px;font-weight:500;text-align:left;color:#fff;z-index:10;background-size:35px auto;}
.mVisual .list .unit.stop .btn_Play{display:none;}
.mVisual .list .unit.video .youTube {position:absolute;width:100%;height:980px;left:50%;top:0;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);z-index:0;display:none;}
.mVisual .list .unit.video .videoDim{position:absolute;left:0;top:0;z-index:21;width:100%;height:100%;background:rgba(0,0,0,0.3);}
.mVisual .list .unit.video.stop .imgBox,
.mVisual .list .unit.video.stop .textArea{display:none !important;opacity:0 !important;}
.mVisual .list .unit.video.stop .youTube{display:block;}
.mVisual .list .unit.video.stop .youTube{display:block;}
.mVisual .list .unit.video .youTube .ytp_frame {position:absolute;left:0;top:0;width:100%;height:980px;z-index:20}
.mVisual .list .unit.video .youTube .ytp_frame .ytp_frame_inner {position:relative;top:-80px;height:1100px;}
.mVisual .list .unit.video .youTube .ytp_frame iframe {width:1920px;height:1080px;}
.mVisual .list .unit.video .youTube .ytp_frame {left:0;top:50%;transform:translateY(-50%);}

/*vidoe layer*/
.mVisual.videoLayer .unit>div {position:relative;}
.mVisual.videoLayer .unit a.btn_play {display:block;position:absolute;left:50%;top:50%;overflow:hidden;width:120px;height:121px;margin:-60px 0 0 -60px;background:url(../img/main/ico_cirPlay_b.png) no-repeat center;text-align:left;text-indent:-999px;}
.mVisual_player {display:none;table-layout:fixed;position:fixed;left:0;top:0;width:100%;height:100%;z-index:5000;}
.mVisual_player.on {display:inline-table;}
.mVisual_player .playerWrap {display:table-cell;position:relative;text-align:center;vertical-align:middle;}
.mVisual_player .playerWrap .play_iframe {display:inline-block;position:relative;width:762px;vertical-align:middle;}
.mVisual_player .playerWrap .play_iframe>div {position:absolute;left:0;top:0;width:100%;height:100%;z-index:5001;}
.mVisual_player .playerWrap .play_iframe iframe {}
.mVisual_player .playerWrap .play_iframe .btn_close {display:block;position:absolute;right:5px;top:-30px;overflow:hidden;width:21px;height:21px;background:url(../img/main/ico_popCloseX.png) no-repeat center;text-indent:-999px;z-index:5002;}
#dim.on2  {display:block;visibility:visible;opacity:0.5;z-index:1600;}

.mVisual .mouse {display:block;position:absolute;left:130px;bottom:80px;width:26px;height:83px;background:url(../img/main/mouse_motion.png) no-repeat left top;}
.mVisual .mouse {animation: mouseMotion 1s infinite;-webkit-animation: mouseMotion 1s infinite;}

@keyframes mouseMotion {
    0% {background-position:left 0 top 0;}
    50% {background-position:left 0 top 10px;}
    100% {background-position:left 0 top 0;}
}

/* Main video position Set */
@media all and (max-width: 1800px) {
    .mVisual .list .unit.video .youTube .ytp_frame {left:-10%;}
}

@media all and (max-width: 1600px) {
    .mVisual .list .unit.video .youTube .ytp_frame {left:-14%}
}

@media all and (max-width: 1400px) {
    .mVisual .list .unit.video .youTube .ytp_frame {left:-25%}
}

@media all and (max-width: 1300px) {
    .mVisual .list .unit.video .youTube .ytp_frame {left:-30%}
}

@media all and (max-width: 1200px) {
    .mVisual .list .unit.video .youTube .ytp_frame {left:-35%}
}

@media all and (max-width: 1100px) {
    .mVisual .list .unit.video .youTube .ytp_frame {left:-40%}
}
/* Main video position Set */

.mTit {color:#fff;font-family:'HelveticaNeue','Noto Sans KR',sans-serif;font-size:51px;font-weight:500;line-height:55px;text-transform:uppercase;}

.mNow {/*height:1297px;*/height:970px;background:#f1f5f8 url(../img/main/bg_now.png) no-repeat center top;}
.mNow .mWrap {position:relative;}
.mNow .mTit {position:absolute;left:50%;/*top:435px;*/top:335px;margin-left:-150px;width:100%;box-sizing:border-box;padding-bottom:22px;border-bottom:1px solid #a70638;color:#a70638;}
.mNow .nowTxt {position:absolute;left:50%;/*top:541px;*/top:441px;width:720px;margin-left:-360px;}
.mNow .nowTxt .unit {width:720px;height:250px;}
.mNow .nowTxt .unit a {display:block;overflow:hidden;}
.mNow .nowTxt .unit a strong {display:block;overflow:hidden;max-height:140px;color:#313033;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:56px;font-weight:500;line-height:70px;text-align:center;}
.mNow .nowTxt .unit a span {display:block;overflow:hidden;max-height:108px;margin-top:42px;color:#313033;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:22px;font-weight:500;line-height:36px;text-align:center;}
.mNow .nowImg_m {display:none;}
.mNow .nowImg {/*height:1297px;*/height:970px}
.mNow .nowImg .unit {display:block;position:absolute;}
.mNow .nowImg .unit a {display:block;overflow:hidden;}
.mNow .nowImg .unit a img {vertical-align:top;}
.mNow .nowImg .unit a .img {display:block;position:relative;background-repeat:no-repeat;background-position:left top;background-size:100% 100%;font-size:0;opacity:0.5;transition:0.5s;}
.mNow .nowImg .unit a .img img {opacity:0;}
.mNow .nowImg .unit a:hover .img,
.mNow .nowImg .unit.act a .img {transform:scale(1.05);opacity:1;}
.mNow .nowImg .unit a:hover .img img,
.mNow .nowImg .unit.act a .img img {opacity:1;}
.mNow .nowImg .unit .txt {display:inline-block;position:absolute;overflow:hidden;text-overflow:ellipsis;width:100%;color:#999;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:24px;font-weight:500;line-height:26px;white-space:nowrap;transform:rotate(90deg);text-align:right;transition:0.2s;}
.mNow .nowImg .unit:hover .txt,
.mNow .nowImg .unit.act .txt {color:#a70638;}
/*.mNow .nowImg .imgB,
.mNow .nowImg .imgB .img,
.mNow .nowImg .imgB img {width:596px;height:500px;}
.mNow .nowImg .imgB2,
.mNow .nowImg .imgB2 .img,
.mNow .nowImg .imgB2 img {width:485px;height:370px;}
.mNow .nowImg .imgM,
.mNow .nowImg .imgM .img,
.mNow .nowImg .imgM img {width:380px;height:279px;}
.mNow .nowImg .imgM2,
.mNow .nowImg .imgM2 .img,
.mNow .nowImg .imgM2 img {width:314px;height:230px;}
.mNow .nowImg .imgS ,
.mNow .nowImg .imgS .img,
.mNow .nowImg .imgS img {width:192px;height:154px;}
.mNow .nowImg .unit1 {left:0;top:214px;}
.mNow .nowImg .unit2 {left:275px;top:45px;}
.mNow .nowImg .unit3 {left:386px;top:245px;}
.mNow .nowImg .unit4 {right:413px;top:45px;}
.mNow .nowImg .unit5 {right:150px;top:296px;}
.mNow .nowImg .unit6 {right:0;top:185px;}
.mNow .nowImg .unit7 {left:0;top:435px;}
.mNow .nowImg .unit8 {left:110px;top:1005px;}
.mNow .nowImg .unit9 {left:575px;top:846px;}
.mNow .nowImg .unit10 {left:1015px;top:1080px;}
.mNow .nowImg .unit11 {right:0;top:686px;}*/
.mNow .nowImg .imgB {width:32%;height:39%;max-width:596px;max-height:500px;}
.mNow .nowImg .imgB a,
.mNow .nowImg .imgB .img,
.mNow .nowImg .imgB img {width:100%;height:100%;}
.mNow .nowImg .imgB .txt {width:100%;max-width:500px;}
.mNow .nowImg .imgB2 {width:26%;height:29%;max-width:485px;max-height:370px;}
.mNow .nowImg .imgB2 a,
.mNow .nowImg .imgB2 .img,
.mNow .nowImg .imgB2 img {width:100%;height:100%;}
.mNow .nowImg .imgB2 .txt {width:100%;max-width:370px;font-size:20px;}
.mNow .nowImg .imgM {width:20%;height:22%;max-width:380px;max-height:279px;}
.mNow .nowImg .imgM a,
.mNow .nowImg .imgM .img,
.mNow .nowImg .imgM img {width:100%;height:100%;}
.mNow .nowImg .imgM .txt {width:100%;max-width:279px;font-size:18px;}
.mNow .nowImg .imgM2 {width:17%;height:18%;max-width:314px;max-height:230px;}
.mNow .nowImg .imgM2 a,
.mNow .nowImg .imgM2 .img,
.mNow .nowImg .imgM2 img {width:100%;height:100%;}
.mNow .nowImg .imgM2 .txt {width:100%;max-width:230px;font-size:16px;}
.mNow .nowImg .imgS {width:11%;height:12%;max-width:192px;max-height:154px;}
.mNow .nowImg .imgS a,
.mNow .nowImg .imgS .img,
.mNow .nowImg .imgS img {width:100%;height:100%;}
.mNow .nowImg .imgS .txt {width:100%;max-width:154px;font-size:14px;}

/*.mNow .nowImg .unit1 {left:0;top:16.5%;}
.mNow .nowImg .unit1 .txt {right:-10px;bottom:-15px;transform-origin:right;}
.mNow .nowImg .unit2 {left:14.5%;top:2.5%;}
.mNow .nowImg .unit2 .txt {right:-10px;bottom:-15px;transform-origin:right;}
.mNow .nowImg .unit3 {left:20.3%;top:19%;}
.mNow .nowImg .unit3 .txt {right:-10px;bottom:-15px;transform-origin:right;}
.mNow .nowImg .unit4 {right:21.7%;top:3.5%;}
.mNow .nowImg .unit4 .txt {left:-15px;top:-15px;transform-origin:left;}
.mNow .nowImg .unit5 {right:7.9%;top:22.8%;}
.mNow .nowImg .unit5 .txt {left:-10px;top:-15px;transform-origin:left;}
.mNow .nowImg .unit6 {right:100px;top:14.3%;}
.mNow .nowImg .unit6 .txt {left:-10px;top:-15px;transform-origin:left;}
.mNow .nowImg .unit7 {left:0;top:33.5%;}
.mNow .nowImg .unit7 .txt {right:-10px;bottom:-15px;transform-origin:right;}
.mNow .nowImg .unit8 {left:5.8%;top:73.5%;}
.mNow .nowImg .unit8 .txt {right:-10px;bottom:-15px;transform-origin:right;}
.mNow .nowImg .unit9 {left:30.2%;top:65.2%;}
.mNow .nowImg .unit9 .txt {right:-10px;bottom:-15px;transform-origin:right;}
.mNow .nowImg .unit10 {left:53.3%;top:83.3%;}
.mNow .nowImg .unit10 .txt {right:-10px;bottom:-15px;transform-origin:right;}
.mNow .nowImg .unit11 {right:0;top:48%;}
.mNow .nowImg .unit11 .txt {left:-20px;top:-15px;transform-origin:left;}*/

.mNow .nowImg .unit1 {left:14.5%;top:2.5%;}
.mNow .nowImg .unit1 .txt {right:-10px;bottom:-15px;transform-origin:right;}
.mNow .nowImg .unit2 {right:21.7%;top:3.5%;}
.mNow .nowImg .unit2 .txt {left:-15px;top:-15px;transform-origin:left;}
.mNow .nowImg .unit3 {right:100px;top:14.3%;}
.mNow .nowImg .unit3 .txt {left:-10px;top:-15px;transform-origin:left;}
.mNow .nowImg .unit4 {left:0;top:16.5%;}
.mNow .nowImg .unit4 .txt {right:-10px;bottom:-15px;transform-origin:right;}
.mNow .nowImg .unit5 {left:20.3%;top:19%;}
.mNow .nowImg .unit5 .txt {right:-10px;bottom:-15px;transform-origin:right;}
.mNow .nowImg .unit6 {right:7.9%;top:22.8%;}
.mNow .nowImg .unit6 .txt {left:-10px;top:-15px;transform-origin:left;}
.mNow .nowImg .unit7 {left:0;top:33.5%;}
.mNow .nowImg .unit7 .txt {right:-10px;bottom:-15px;transform-origin:right;}
.mNow .nowImg .unit8 {right:0;top:48%;}
.mNow .nowImg .unit8 .txt {left:-20px;top:-15px;transform-origin:left;}
.mNow .nowImg .unit9 {left:30.2%;top:65.2%;}
.mNow .nowImg .unit9 .txt {right:-10px;bottom:-15px;transform-origin:right;}
.mNow .nowImg .unit10 {left:5.8%;top:73.5%;}
.mNow .nowImg .unit10 .txt {right:-10px;bottom:-15px;transform-origin:right;}
.mNow .nowImg .unit11 {left:53.3%;top:83.3%;}
.mNow .nowImg .unit11 .txt {right:-10px;bottom:-15px;transform-origin:right;}

.mOn {height:937px;background:#313033;}
.mOn .mWrap {position:relative;padding-top:137px;}
.mOn .mTit {position:absolute;left:0;top:128px;width:740px;box-sizing:border-box;padding:0 0 32px 320px;border-bottom:1px solid #eb1e49;z-index:10;}
.mOn .mTit::before {content:'';display:block;position:absolute;right:0;bottom:-1px;width:740px;height:1px;background:#eb1e49;}
.mOn .list {padding-left:320px;}
.mOn .list .unit {position:relative;overflow:hidden;width:1160px;padding-right:160px;}
.mOn .list .unit .img {display:block;position:relative;float:left;overflow:hidden;height:800px;transition:0.2s;}
.mOn .list .unit .img a {display:block;position:relative;overflow:hidden;width:561px;font-size:0;transition: 0.2s;}
.mOn .list .unit .img a.btn_play::after {content:'';display:block;position:absolute;left:50%;top:50%;width:230px;height:267px;margin:-134px 0 0 -115px;background:url(../img/main/ico_triPlay_b_red.png) no-repeat center;opacity:0;transition:0.5s;}
.mOn .list .unit .img img {vertical-align:top;}
.mOn .list .unit .img .info {display:block;position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;padding:0 0 30px 35px;}
.mOn .list .unit .img .info::after {content:'';display:block;position:absolute;left:35px;bottom:60px;width:calc(100% - 35px);height:1px;background:#fff;}
.mOn .list .unit .img .info>span {overflow:hidden;}
.mOn .list .unit .img .info>span>span {display:block;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:14px;font-weight:400;line-height:30px;}
.mOn .list .unit .img .info .person {float:left;width:calc(100% - 160px);}
.mOn .list .unit .img .info .person>em {display:block;color:#fff;font-style:normal;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:24px;font-weight:500;line-height:40px;}
.mOn .list .unit .img .info .movie {float:right;width:120px;margin-top:10px;padding-right:35px;text-align:right;}
.mOn .list .unit .txt {display:block;position:absolute;left:-570px;top:220px;overflow:hidden;width:565px;height:555px;transition:0.2s;}
.mOn .list .unit .txt strong {color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;/*font-size:56px;*/font-size:51px;font-weight:500;/*line-height:70px;*/line-height:65px;}
.mOn .list .unit .txt span {display:block;margin-top:45px;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:22px;font-weight:400;line-height:36px;}
.mOn .list .unit .txt .hash {display:block;position:absolute;left:0;bottom:74px;margin:0;color:#eb1e49;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:17px;font-weight:400;line-height:21px;}
.mOn .list .unit .txt .hash a {display:inline-block;margin:0 5px 5px;vertical-align:top;}
.mOn .list .slick-current .img,
.mOn .list .slick-cloned .img {float:right;}
.mOn .list .slick-current .img a,
.mOn .list .slick-cloned .img a {width:680px;height:800px;}
.mOn .list .slick-current .img a.btn_play::after,
.mOn .list .slick-cloned .img a.btn_play::after {opacity:1;}
.mOn .list .slick-current .txt,
.mOn .list .slick-cloned .txt {left:0;}
.mOn .list .slick-arrow {display:block;position:absolute;overflow:hidden;width:150px;height:150px;border-radius:50%;background:#d20d45;color:#fff;font-family:'HelveticaNeue','Noto Sans KR',sans-serif;font-size:18px;font-weight:500;line-height:150px;text-align:center;}
.mOn .list .slick-prev {display:none !important;}
.mOn .list .slick-next {left:1565px;top:50%;margin-top:-75px;text-transform:uppercase;}

.mBoard {overflow:hidden;position:relative;min-height:995px;}
.mBoard::before {content:'';display:block;position:absolute;right:0;top:0;width:100%;height:995px;background:#a70638;z-index:0;}
.mBoard::after {content:'';display:block;position:absolute;right:0;top:0;width:100%;height:995px;background:url(../img/main/bg_notice.png) no-repeat right bottom;opacity:0.3;z-index:1;}
.mBoard .mWrap {position:relative;padding:96px 0 0 320PX;z-index:2;}
.mBoard .mTit {width:100%;box-sizing:border-box;padding-bottom:38px;border-bottom:1px solid #fff;}
.mBoard .mNoti {position:relative;width:100%;max-width:1400px;margin-bottom:113px;box-sizing:border-box;padding:0 120px 0 480px;z-index:2;}
.mBoard .notiTab {position:absolute;left:0;top:43px;}
.mBoard .notiTab li {position:relative;margin-bottom:20px;padding-left:34px;}
.mBoard .notiTab li::before {content:'';display:block;position:absolute;left:0;top:17px;overflow:hidden;width:12px;height:12px;border-radius:50%;background:#fff;opacity:0;transition:0.2s;}
.mBoard .notiTab li button {color:rgba(255,255,255,0.25);font-family:'Roboto','Noto Sans KR',sans-serif;font-size:34px;font-weight:400;line-height:48px;transition:0.2s;}
.mBoard .notiTab li.on::before {opacity:1;}
.mBoard .notiTab li.on button,
.mBoard .notiTab li:hover button {color:#fff;font-size:44px;font-weight:700;line-height:48px;}
.mBoard .notiList {display:none;height:355px;box-sizing:border-box;padding-top:15px;}
.mBoard .notiList.on {display:block;}
.mBoard .notiList li {overflow:hidden;height:85px;box-sizing:border-box;padding-top:28px;border-bottom:1px solid rgba(255,255,255,0.25);}
.mBoard .notiList li a {display:inline-block;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 120px);color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:24px;font-weight:400;line-height:28px;vertical-align:top;white-space:nowrap;}
.mBoard .notiList li .ico_new {margin:2px 0 0 3px;vertical-align:top;}
.mBoard .notiList li .date {display:block;float:right;width:85px;padding-right:1px;color:#fff;font-family:'HelveticaNeue','Noto Sans KR',sans-serif;font-size:16px;font-weight:500;line-height:28px;text-align:right;}
.mBoard .notiList .btn_more {display:block;position:absolute;right:30px;top:-78px;overflow:hidden;width:39px;height:39px;background:url(../img/main/ico_plus_white.png) no-repeat center;text-indent:-999px;}
.mBoard .notiList .typeNoArticle {height:336px !important;}
.mBoard .notiList .no_article {color:#fff;}
.mBoard .mNoti+.mTit {border-bottom:none;}
.mBoard .mNews {position:relative;padding-bottom:80px;z-index:2;}
.mBoard .mNews .unit {width:500px;height:636px;margin-right:60px;}
.mBoard .mNews .unit>a {display:block;width:100%;height:100%;}
.mBoard .mNews .img {display:block;overflow:hidden;margin-bottom:31px;font-size:0;}
.mBoard .mNews .categ {display:block;overflow:hidden;text-overflow:ellipsis;margin-bottom:9px;color:#202020;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:18px;font-weight:400;line-height:22px;white-space:nowrap;}
.mBoard .mNews .tit {display:block;overflow:hidden;max-height:84px;color:#202020;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:32px;font-weight:500;line-height:40px;}
.mBoard .mNews .slick-arrow {display:block;position:absolute;top:-70px;overflow:hidden;width:39px;height:26px;text-indent:-999px;}
.mBoard .mNews .slick-prev {right:390px;background:url(../img/main/ico_lineArrL_white.png) no-repeat center;}
.mBoard .mNews .slick-next {right:320px;background:url(../img/main/ico_lineArrR_white.png) no-repeat center;}

/*CSD_mNews2_banner
.mBoard .csd_mNews2{overflow:hidden;}
.mBoard .csd_mNews2 .csd_bannerWrap{width:100%; max-width:1380px; background:#e8e8e8 url(/type/KOR_A/img/main/csd_mNews2.jpg) no-repeat; background-position:right; padding:20px 80px ; height:172px; box-sizing:border-box;}
.mBoard .csd_mNews2 .csd_banner_tit{font-size:38px; font-weight: bold;}
.mBoard .csd_mNews2 .csd_banner_desc{font-size:19px; font-weight: normal;}
.mBoard .csd_mNews2 .csd_btnGroup{margin-top:10px;}
.mBoard .csd_mNews2 .csd_btnGroup .csd_btn{font-size:18px; color:#fff; background:#000; display:block; width:215px; height:40px; line-height:40px; text-align:center;}
*/

.mPeople {/*height:842px;*/background:#313033;}
.mPeople .mWrap {position:relative;overflow:hidden;}
.mPeople .mTit {position:absolute;left:0;top:128px;width:740px;box-sizing:border-box;padding:0 0 32px 320px;border-bottom:1px solid #eb1e49;z-index:10;}
.mPeople .list_b {width:1600px;padding-left:320px;}
.mPeople .list_b .unit {position:relative;overflow:hidden;width:1280px;}
.mPeople .list_b .unit .img {position:relative;float:right;height:842px;}
.mPeople .list_b .unit .img a {display:block;position:relative;overflow:hidden;width:800px;height:842px;font-size:0;}
.mPeople .list_b .unit .img img {vertical-align:top;}
.mPeople .list_b .unit .img .info {display:block;position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;padding:0 0 30px 35px;}
.mPeople .list_b .unit .img .info em {display:block;color:#fff;font-style:normal;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:24px;font-weight:500;line-height:40px;}
.mPeople .list_b .unit .txt {display:block;position:absolute;left:0;top:280px;overflow:hidden;width:565px;height:555px;transition:0.2s;z-index:1;}
.mPeople .list_b .unit .txt strong {color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;/*font-size:72px;*/font-size:51px;font-weight:500;/*line-height:88px;*/line-height:67px;}
.mPeople .list_b .unit .txt span {display:block;margin-top:41px;padding-right:150px;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:22px;font-weight:400;line-height:36px;}
.mPeople .list_b .unit .txt .hash {display:block;position:absolute;left:0;bottom:74px;margin:0;color:#eb1e49;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:17px;font-weight:400;line-height:21px;}
.mPeople .list_b .unit .txt .hash a {display:inline-block;margin:0 5px 5px;vertical-align:top;}
.mPeople .list_s {position:absolute;right:0;top:0;width:320px;}
/*.mPeople .list_s .unit {width:320px;height:281px;box-sizing:border-box;padding-top:52px;background:#313033;}*/
.mPeople .list_s .unit {width:320px;height:281px;box-sizing:border-box;padding:10px 0;background:#313033;}
.mPeople .list_s .unit>a {display:block;width:100%;height:100%;}
.mPeople .list_s .unit.slick-current {background:#a70638;}
/*.mPeople .list_s .unit .img {display:block;overflow:hidden;width:140px;height:140px;margin:0 auto;border-radius:50%;font-size:0;}*/
.mPeople .list_s .unit .img {display:block;overflow:hidden;width:120px;height:120px;margin:0 auto;border-radius:50%;font-size:0;}
/*.mPeople .list_s .unit .txt {display:block;margin-top:20px;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:20px;font-weight:500;line-height:24px;text-align:center;}*/
.mPeople .list_s .unit .txt {display:block;margin-top:5px;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:14px;font-weight:500;line-height:22px;text-align:center;}

.mStory {height:947px;background:url(../img/main/bg_story.png) no-repeat center top 250px;}
.mStory .mWrap {position:relative;padding:105px 0 0 320px;}
.mStory .mTit {max-width:calc(100% - 200px);margin-bottom:40px;color:#a70638;}
.mStory .snsGrp {display:inline-block;position:absolute;right:209px;top:120px;font-size:0;white-space:nowrap;}
.mStory .snsGrp>a {display:inline-block;overflow:hidden;margin-left:20px;vertical-align:top;}
.mStory .snsGrp>a img {height:32px;}
.mStory .list {position:relative;max-width:1390px;padding-bottom:80px;z-index:2;}
.mStory .list .unit {width:417px;margin-right:60px;}
.mStory .list .unit a {display:block;overflow:hidden;}
.mStory .list .img {display:block;overflow:hidden;margin-bottom:23px;font-size:0;}
.mStory .list .txt {display:block;overflow:hidden;max-height:108px;margin-bottom:11px;color:#111;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:22px;font-weight:400;line-height:36px;}
.mStory .list .slick-arrow {display:block;position:absolute;overflow:hidden;width:150px;height:150px;border-radius:50%;background:#d20d45;color:#fff;font-family:'HelveticaNeue','Noto Sans KR',sans-serif;font-size:18px;font-weight:500;line-height:150px;text-align:center;}
.mStory .list .slick-prev {display:none !important;}
.mStory .list .slick-next {left:1290px;top:133px;text-transform:uppercase;}

.mMovie {height:576px;background:url(../img/main/mMovie_img.jpg) no-repeat center top;}
.mMovie .mWrap {position:relative;padding:105px 0 0 320px;}
.mMovie .mTit {width:100%;box-sizing:border-box;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,0.7);}
.mMovie .movie {padding-top:36px;text-align:center;}
.mMovie .movie a {display:inline-table;overflow:hidden;}
.mMovie .movie a>span {display:table-cell;height:154px;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:32px;font-weight:500;line-height:41px;text-align:left;vertical-align:middle;}
.mMovie .movie .btn_play>span {padding-left:150px;background:url(../img/main/ico_triPlay_s_red.png) no-repeat left center;}

@media all and (max-width: 1580px) {
    .mOn .mTit {width:auto;padding-left:30px;}
    .mOn .list {padding-left:30px;}

    .mBoard .mWrap {padding-left:30px;}
    .mBoard .mNoti {padding-left:300px;}
    .mBoard .mNews .slick-prev {right:190px;}
    .mBoard .mNews .slick-next {right:120px;}

    .mPeople .mTit {width:auto;padding-left:30px;}
    .mPeople .list_b {width:100%;padding:0 320px 0 30px;}

    .mStory .mWrap {padding-left:30px;}

    .mMovie .mWrap {padding-left:30px;}
}

@media all and (max-width: 1280px) {
    .mVisual .list .unit .wrap {padding-right:75px;}

    .mNow,
    .mNow .nowImg {height:997px;}
    .mNow .mTit,
    .mNow .nowTxt {margin-top:-100px;}

    .mOn .list .unit {width:1032px;}
    .mOn .list .unit .img a.btn_play::after {transform:scale(0.4);}

    .mBoard .mNoti {padding-right:30px;}
    .mBoard .mNews .slick-prev {right:100px;}
    .mBoard .mNews .slick-next {right:30px;}

    .mPeople .list_b {padding-right:0;}
    .mPeople .list_s {position:relative;right:auto;top:auto;width:100%;}

    .mStory .snsGrp {right:30px;}
}

@media all and (max-width: 1040px) {
    /*** layout ***/
    #header::after {top:65px;}
    .mStickyLock header .mLog>button {border:1px solid #fff;color:#fff;}
    .mStickyLock header .mBtn_topMenu {background-image:url(../img/layout/m/ico_lineGrp_white.png);}

    .gonOn.mStickyLock header>nav #gnb>li>a {color:#fff;}

    /*** contents ***/
    .mVisual {height:640px;}
    .mVisual .list .unit>div,
    .mVisual .list .unit>a {/*height:640px;*/height:100%;}
    .typeMobile .mVisual .list .unit>a {background:none;}
    .typeMobile .mVisual .list .unit .bg_m {display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
	.typeMobile .mVisual .list .unit .bg_m img {width:100%;height:100%;} /* 2022-12-22 �߰� */
    .mVisual .list .unit .wrap {padding:65px 0;text-align:center;}
    .mVisual .list .unit .tit {padding:0 30px;font-size:36px;line-height:46px;}
    .mVisual .list .unit .txt {width:100%;margin-top:185px;padding:0 60px;font-size:16px;line-height:26px;}
    .mVisual .list .unit .txt::after {left:50%;top:0;width:1px;height:80px;margin-top:-135px;}
    .mVisual .list .slick-dots {left:0;top:auto;bottom:20px;width:100%;text-align:center;}
    .mVisual .list .slick-dots li {display:inline-block;margin:0 !important;padding:0 5px;font-size:0;vertical-align:top;}
    .mVisual .list .slick-dots li::before {display:none;}
    .mVisual .list .slick-dots li>button {overflow:hidden;width:8px;height:8px;margin-top:1px;border:1px solid #fff;border-radius:50%;text-indent:-999px;}
    .mVisual .list .slick-dots li.slick-active>button {width:11px;height:11px;margin-top:0;background:#fff;}

    /*vidoe fix*/
    .mVisual .list .unit.video>div {background:#000;}
    .mVisual .list .unit.video .youTube {height:700px;}
	.mVisual .list .unit.video .youTube iframe{height:700px;}
    .mVisual .list .unit.video .youTube .ytp_frame {width:100%;height:700px;left:0;}
    .mVisual .list .unit.video .youTube .ytp_frame .ytp_frame_inner {top:0;height:auto;}
    .mVisual .list .unit.video .youTube .ytp_frame iframe {width:100%;height:700px;}

    .mVisual .list .unit .btn_Play {display:none;}

    .mVisual .list .unit,
    .mVisual .list .unit.video .youTube {height:auto;}
    .mVisual .list .unit.video .youTube .ytp_frame {top:0;transform:none;}
    .mVisual .list .unit .btn_Play {display:block;bottom:40%;}

    .typePc .mVisual .list .unit .txt {display:none;}
    .typeMobile .mVisual .list .unit .txt {display:inline-block;}

    /*vidoe layer*/
    .mVisual.videoLayer .unit a.btn_play {width:60px;height:60px;margin:-30px 0 0 -30px;background-size:auto 60px;}

    .mVisual .mouse {left:35px;bottom:30px;width:13px;height:50px;background-size:100% auto;}
   
	/* .mVisual{height:640px !important;} 2022-12-09 �߰� */
    /* .mVisual .list .unit{height:640px !important;} 2022-12-09 �߰� */
	body:not(.typeMobile) .mVisual{height:640px !important;} /* 2022-12-22 ���� */
    body:not(.typeMobile) .mVisual .list .unit{height:640px !important;} /* 2022-12-22 ���� */

    .mTit {font-size:20px;line-height:24px;}

    .mNow {height:640px;}
    .mNow .mWrap {padding:42px 0 0;}
    .mNow .mTit {left:30px;top:430px;margin:0;padding-bottom:13px;font-size:26px;line-height:30px;}
    .mNow .nowImg_m {display:block;width:179px;height:150px;opacity:0.5;}
    .mNow .nowImg_m .unit {width:179px;height:150px;}
    .mNow .nowImg {height:250px;margin-top:-50px;padding-left:30px;}
    .mNow .nowImg .unit {position:static;left:auto !important;top:auto !important;right:auto !important;width:298px !important;/*height:250px !important;*/height:269px !important;max-width:none;max-height:none;margin-right:15px;}
    .mNow .nowImg .unit a .img {background-size:298px 250px !important;}
    .mNow .nowImg .unit a,
    .mNow .nowImg .unit .img,
    .mNow .nowImg .unit img {width:298px !important;height:250px !important;opacity:1 !important;}
    .mNow .nowImg .unit .txt {/*display:none;*/position:relative;top:auto;right:auto;bottom:auto;left:auto;max-width:none;margin-top:5px;text-align:left;font-size:12px;font-weight:400;line-height:14px;transform:none;}
    .mNow .nowImg .slick-current,
    .mNow .nowImg .slick-current+.slick-slide,
    .mNow .nowImg .slick-current+.slick-slide+.slick-slide {position:relative;left:auto !important;top:auto !important;}
    .mNow .nowImg .slick-current a,
    .mNow .nowImg .slick-current+.slick-slide a,
    .mNow .nowImg .slick-current+.slick-slide+.slick-slide a  {left:0 !important;top:0 !important;}
    .mNow .nowTxt {position:relative;left:50px;top:auto;width:calc(100% - 100px);margin:89px 0 0;}
    .mNow .nowTxt .unit {height:auto;}
    .mNow .nowTxt .unit a strong {max-height:62px;font-size:21px;line-height:29px;text-align:left;}
    .mNow .nowTxt .unit a span {max-height:57px;margin-top:16px;font-size:13px;font-weight:300;line-height:19px;text-align:left;}
    .mNow .nowTxt .slick-arrow {display:block;position:absolute;top:-37px;overflow:hidden;width:9px;height:15px;text-indent:-999px;}
    .mNow .nowTxt .slick-prev {right:9px;background:url(../img/main/m/ico_arrL_gray.png) no-repeat center;background-size:auto 100%;}
    .mNow .nowTxt .slick-next {right:-20px;background:url(../img/main/m/ico_arrR_gray.png) no-repeat center;background-size:auto 100%;}

    .mOn {height:auto;padding-bottom:35px;}
    .mOn .mWrap {padding-top:45px;}
    .mOn .mTit {position:relative;left:auto;top:auto;padding:0 0 15px 30px;border-bottom:none}
    .mOn .mTit::before {right:auto;left:0;width:140px;}
    .mOn .list .unit {width:170px;padding:0;margin-right:16px;}
    .mOn .list .unit .img {height:auto;margin-bottom:30px;}
    .mOn .list .unit .img a {width:170px;height:199px;}
    .mOn .list .unit .img a.btn_play::after {width:66px;height:77px;margin:-39px 0 0 -32px;background-size:auto 100%;transform:none;}
    .mOn .list .unit .img .info {display:none;}
    .mOn .list .unit .txt {display:none;position:relative;left:240px;top:auto;width:100%;height:auto;}
        .mOn .list .unit .txt strong {/*font-size:21px;line-height:28px;*/font-size:20px;line-height:24px;}
    .mOn .list .unit .txt span {font-size:13px;font-weight:200;line-height:18px;}
    .mOn .list .unit .txt .hash {position:relative;left:auto;top:auto;bottom:auto;width:100%;height:auto;font-size:13px;line-height:17px;}
    .mOn .list .slick-current,
    .mOn .list .act {/*width:230px;*/width:460px !important;}
    .mOn .list .slick-current .img a,
    .mOn .list .act .img a {width:230px !important;height:270px !important;}
    .mOn .list .slick-current .txt,
    .mOn .list .act .txt {display:block;left:0;width:230px;margin-top:30px;box-sizing:border-box;padding-right:10px;}
    .mOn .list .slick-current .txt span,
    .mOn .list .act .txt span {margin-top:25px;}
    .mOn .list .slick-current .txt .hash,
    .mOn .list .act .txt .hash{margin-top:35px;}
    .mOn .list .slick-next {left:auto;right:-15px;width:100px;height:100px;/*margin-top:-50px;*/margin-top:10px;font-size:12px;line-height:100px;}

    .mBoard {min-height:auto;}
    .mBoard::before,
    .mBoard::after {height:576px;background:auto 100%;} /* 12.20 ��� �߰��� ���� ���� ���� 476 -> 576px */
    .mBoard .mWrap {padding:38px 0 47px 30px;} /* 12.20 ��� �߰��� ���� �Ʒ� ���� ���� 0 => 47px */
    .mBoard .mTit {margin-bottom:16px;padding-bottom:10px;}
    .mBoard .mNoti {margin-bottom:40px;padding:0 30px 0 0;}
    .mBoard .notiTab {position:relative;left:auto;top:auto;overflow:hidden;}
    .mBoard .notiTab li {float:left;margin:0 22px 0 0;padding:0 0 18px;}
    .mBoard .notiTab li::before {left:50%;top:auto;bottom:0;width:6px;height:6px;margin-left:-3px;}
    .mBoard .notiTab li button {font-size:18px !important;line-height:22px !important;}
    .mBoard .notiList {height:auto;padding-top:5px;}
    .mBoard .notiList li {height:auto;padding:12px 0 13px;}
    .mBoard .notiList li a {width:calc(100% - 90px);font-size:15px;line-height:19px;}
    .mBoard .notiList li .date {width:60px;font-size:12px;line-height:19px;}
    .mBoard .notiList li .ico_new {height:15px;}
    .mBoard .notiList .typeNoArticle {height:180px !important;}
    .mBoard .notiList .no_article {padding:125px 0 5px;background-position:50% 30px;font-size:14px;}
    .mBoard .notiList .btn_more {top:-50px;right:30px;width:21px;height:21px;background-size:auto 21px;}
    .mBoard .mNews {padding-bottom:40px;}
    .mBoard .mNews .unit {width:179px;height:auto;margin-right:18px;}
    .mBoard .mNews .img {width:179px;height:176px;margin-bottom:14px;}
    .mBoard .mNews .categ {font-size:12px;line-height:14px;}
    .mBoard .mNews .tit {font-size:15px;line-height:18px;}
    .mBoard .mNews .slick-arrow {top:-44px;width:9px;height:15px;}
    .mBoard .mNews .slick-prev {right:59px;background:url(../img/main/m/ico_arrL_white.png) no-repeat center;background-size:auto 100%;}
    .mBoard .mNews .slick-next {right:30px;background:url(../img/main/m/ico_arrR_white.png) no-repeat center;background-size:auto 100%;}

    .mPeople .mWrap {padding-top:37px;}
    .mPeople .mTit {display:inline-block;position:relative;left:auto;top:auto;padding:0 90px 9px 30px;}
    .mPeople .list_b {padding:0 160px 0 30px;}
    .mPeople .list_b .unit .txt {position:relative;left:auto;top:auto;float:left;width:calc(100% - 340px);height:auto;padding:34px 0 30px;}
    .mPeople .list_b .unit .txt strong {/*font-size:30px;line-height:38px;*/font-size:20px;line-height:24px;}
    .mPeople .list_b .unit .txt span {margin-top:20px;padding:0;font-size:14px;line-height:21px;}
    .mPeople .list_b .unit .txt .hash {position:relative;left:auto;bottom:auto;margin-top:21px;font-size:14px;}
    .mPeople .list_b .unit .img {width:auto;height:331px;}
    .mPeople .list_b .unit .img a {width:100%;height:100%;}
    .mPeople .list_b .unit .img a img {height:100%;}
    .mPeople .list_b .unit .img .info {padding:0 0 30px 43px;}
    .mPeople .list_b .unit .img .info em {font-size:14px;line-height:20px;}
    .mPeople .list_s {position:absolute;right:0;top:0;width:160px;}
    .mPeople .list_s .unit {width:160px;height:133px;padding-top:30px;}
    .mPeople .list_s .unit .img {width:59px;height:59px;}
    .mPeople .list_s .unit .txt {margin-top:10px;font-size:12px;line-height:16px;}

    .mStory {height:auto;background-position:center top 104px;background-size:auto 300px;}
    .mStory .mWrap {padding:32px 0 0 30px;}
    .mStory .mTit {width:calc(100% - 140px);margin-bottom:14px;}
    .mStory .snsGrp {top:40px;}
    .mStory .snsGrp>a {margin-left:10px;}
    .mStory .snsGrp>a img {height:16px;}
    .mStory .list .unit {width:179px;margin-right:15px;}
    .mStory .list .img {margin-bottom:13px;}
    .mStory .list .txt {max-height:66px;font-size:15px;line-height:22px;}
    .mStory .list .sns img {height:13px;}
    .mStory .list .slick-next {left:auto;right:-15px;top:auto;bottom:40px;width:100px;height:100px;font-size:12px;line-height:100px;}

    .mMovie {height:302px;background-size:auto 100%;}
    .mMovie .mWrap {padding:34px 0 0 30px;}
    .mMovie .mTit {padding-bottom:10px;}
    .mMovie .movie {padding-top:44px;}
    .mMovie .movie a>span {height:77px;font-size:16px;line-height:22px;text-align:center;vertical-align:top;}
    .mMovie .movie a.btn_play>span {padding:102px 0 0;background-position:center top;background-size:auto 77px;}
}

@media all and (max-width: 768px) {
    /*** layout ***/

    /*** contents ***/
    /*video fix*/
    .mVisual .list .unit.video .youTube .ytp_frame {height:540px;}
    .mVisual .list .unit.video .youTube .ytp_frame iframe {height:540px;}

    /*video layer*/
    .mVisual_player .playerWrap .play_iframe {width:90%;}
    .mVisual_player .playerWrap .play_iframe .btn_close {top:-20px;width:10px;height:10px;background-size:auto 10px;}

    .mNow .mTit {width:calc(100% - 50px);}

    .mPeople .list_b {padding:0;}
    .mPeople .list_b .unit .txt {float:none;width:100%;box-sizing:border-box;padding:34px 30px 30px;}
    .mPeople .list_b .unit .img {float:none;height:auto;}
    .mPeople .list_b .unit .img a img {height:auto;}
    .mPeople .list_s {position:relative;right:auto;top:auto;width:100%;}

	/*CSD_mNews2_banner
	.mBoard .csd_mNews2{padding-right:30px;}
	.mBoard .csd_mNews2 .csd_bannerWrap{background-position:18.6667vw 0; background-size:100vw; padding:0; height:22.9333vw; display:flex; justify-content:space-between; flex-direction:column;}
	.mBoard .csd_mNews2 .csd_bannerWrap > .csd_m_wrap{padding:3.8333vw 4vw 0;}
	.mBoard .csd_mNews2 .csd_banner_tit{font-size:5.0667vw; font-weight: bold;}
	.mBoard .csd_mNews2 .csd_banner_desc{font-size:2.5333vw; font-weight: normal;}
	.mBoard .csd_mNews2 .csd_btnGroup{margin-top:1.3333vw; width:100%;}
	.mBoard .csd_mNews2 .csd_btnGroup .csd_btn{font-size:2.4000vw;  width:100%; height:5.3333vw; line-height:5.3333vw; text-align:center;}
	*/
}

@media all and (max-width: 520px) {
    /*** layout ***/

    /*** contents ***/
    .mOn .mTit::before {display:none;}
    .mOn .list .unit {overflow:visible;}
    .mOn .list .unit .txt {transition:none;}
    .mOn .list .slick-current,
    .mOn .list .act {width:230px !important;}
    .mOn .list .slick-current .txt {width:330px !important;}
}
