@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;600&display=swap');

.mTit {display:block;margin-bottom:25px;color:#000;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:36px;font-weight:700;line-height:40px;}

.mVisual {margin-bottom:70px;background:#e7eaf1;}
.mVisual .mVisual_wrap {position:relative;overflow:hidden;width:100%;max-width:1902px;margin:0 auto;font-size:0;text-align:right;}
.mVisual .visual_ct {display:inline-block;/*float:left;*/width:calc(100% - 951px);max-width:741px;height:820px;box-sizing:border-box;/*padding:0 100px 0 250px;*/padding:0 100px 0 40px;text-align:left;vertical-align:top;}
.mVisual .visual_ct .slogun {display:block;height:330px;box-sizing:border-box;padding-top:95px;color:#000;font-family:'Cormorant Garamond', serif;font-size:92px;font-weight:300;line-height:92px;letter-spacing:-2px;}
.mVisual .visual_ct .visual_search {overflow:hidden;height:190px;margin-bottom:40px;}
.mVisual .visual_ct .visual_search>form {position:relative;height:60px;margin-bottom:30px;box-sizing:border-box;padding-right:65px;border-bottom:4px solid #000;}
.mVisual .visual_ct .visual_search>form>input {display:block;width:100%;height:56px;border:none;background:none;color:#000;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:22px;font-weight:400;line-height:56px;}
.mVisual .visual_ct .visual_search>form>input::-ms-input-placeholder {color:#555;}
.mVisual .visual_ct .visual_search>form>input::-webkit-input-placeholder {color:#555;}
.mVisual .visual_ct .visual_search>form>input::-moz-placeholder {color:#555;}
.mVisual .visual_ct .visual_search>form>input::-o-placeholder {color:#555;}
.mVisual .visual_ct .visual_search>form .btn_search {display:block;position:absolute;right:0;top:0;overflow:hidden;width:56px;height:56px;background:url(../img/main/ico_search_black.png) no-repeat center;text-indent:-999px;}
.mVisual .visual_ct .visual_search .schWord {display:block;overflow:hidden;max-height:100px;font-size:0;text-align:left;}
.mVisual .visual_ct .visual_search .schWord a {display:inline-block;margin:0 10px 10px 0;padding:0 15px;background:#fff;color:#000;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:17px;font-weight:400;line-height:40px;transition:0.2s;}
.mVisual .visual_ct .visual_search .schWord a:hover,
.mVisual .visual_ct .visual_search .schWord a.on {background:#db2931;color:#fff;}
.mVisual .visual_ct .visual_noti {position:relative;}
.mVisual .visual_ct .visual_noti .mTit {display:inline-block;margin-bottom:24px;font-size:27px;font-weight:500;line-height:31px;}
.mVisual .visual_ct .visual_noti li {display:block;position:relative;padding:0 40px 0 10px;font-size:0;}
.mVisual .visual_ct .visual_noti li::before {content:'';display:block;position:absolute;left:0;top:8px;width:2px;height:2px;background:#333;}
.mVisual .visual_ct .visual_noti li+li {margin-top:14px;}
.mVisual .visual_ct .visual_noti li a {display:inline-block;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 60px);color:#333;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:16px;font-weight:300;line-height:20px;vertical-align:top;white-space:nowrap;letter-spacing:-1px;}
.mVisual .visual_ct .visual_noti li .ico_new {display:inline-block;margin:2px 0 0 5px;vertical-align:top;}
.mVisual .visual_ct .visual_noti li .ico_hot {display:inline-block;margin:1px 0 0 5px;vertical-align:top;}
.mVisual .visual_ct .visual_noti li .date {display:block;position:absolute;right:0;top:0;width:60px;padding-right:1px;color:#333;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:300;line-height:20px;text-align:right;}
.mVisual .visual_ct .visual_noti .btn_more {display:block;position:absolute;left:95px;top:0;overflow:hidden;width:20px;height:30px;background:url(../img/main/ico_arrR_red_s.png) no-repeat 100% 50%;text-indent:-999px;}
.mVisual .visual_bnr {display:inline-block;/*float:left;*/width:951px;text-align:left;vertical-align:top;}
.mVisual .visual_bnr .list {width:841px;}
.mVisual .visual_bnr .list a {display:block;position:relative;overflow:hidden;width:100%;height:820px;background-repeat:no-repeat;background-size:cover;background-position:center top;}
.mVisual .visual_bnr .list a::before {}
.mVisual .visual_bnr .list a .gradient{display:block;position:absolute;left:0;bottom:0;width:100%;height:60%;background:linear-gradient(0deg, rgba(0,0,0,0.7), transparent);z-index:0;}
.mVisual .visual_bnr .list a:focus-visible:after{content:''; box-sizing:border-box; position:absolute;  left:0; top:0; display:block; width:100%; height:100%; border: 3px solid #000; border-radius:3px; z-index:99;}
.mVisual .visual_bnr .list .tit {position:absolute;left:0;bottom:113px;overflow:hidden;box-sizing:border-box;padding:0 60px;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:44px;font-weight:500;line-height:60px;letter-spacing:-1px;z-index:5;}
.mVisual .visual_bnr .slick-dots {position:absolute;left:60px;bottom:55px;overflow:hidden;z-index:5;}
.mVisual .visual_bnr .slick-dots li {float:left;box-sizing:border-box;padding-right:10px;}
.mVisual .visual_bnr .slick-dots li button {display:block;position:relative;overflow:hidden;width:70px;height:30px;text-indent:-999px;}
.mVisual .visual_bnr .slick-dots li button::after {content:'';display:block;position:absolute;left:0;top:50%;width:100%;height:4px;margin-top:-2px;background:rgba(255,255,255,0.2);transition:0.2s;}
.mVisual .visual_bnr .slick-dots li.slick-active button::after {background:#fff;}

.mResearch {margin-bottom:70px;}
.mResearch .mResearch_wrap {position:relative;width:100%;max-width:1460px;margin:0 auto;box-sizing:border-box;padding:0 30px;}
.mResearch .list li {overflow:hidden;/*height:196px;*/height:198px;box-sizing:border-box;/*padding-top:35px;*/padding-top:25px;}
.mResearch .list li a {display:block;overflow:hidden;}
.mResearch .list li .img {display:none;}
.mResearch .list li .info {float:left;position:relative;width:100%;}
.mResearch .list li .info .categ {display:block;overflow:hidden;height:20px;/*margin-bottom:15px;*/margin-bottom:10px;color:#1f72c2;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:16px;font-weight:300;line-height:20px;letter-spacing:-1px;}
.mResearch .list li .info .tit {display:block;overflow:hidden;max-height:64px;/*margin-bottom:20px;*/margin-bottom:4px;color:#000;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:24px;font-weight:500;line-height:32px;letter-spacing:-1px;}
.mResearch .list li .info .txt {display:block;overflow:hidden;max-height:50px;color:#666;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:300;line-height:24px;letter-spacing:-1px;}
.mResearch .list li.headline {float:left;width:920px;height:560px;margin-right:40px;padding-top:0 !important;}
.mResearch .list li.headline+li {border-top:2px solid #000;}
.mResearch .list li.headline a {position:relative; box-sizing:border-box; display:block; width:100%; height:100%; }
.mResearch .list li.headline a:focus-visible:after{content:''; box-sizing:border-box; position:absolute;  left:0; top:0; display:block; width:100%; height:100%; border: 2px solid #000; border-radius:3px; z-index:99;}
.mResearch .list li.headline .img {display:block;position:relative;font-size:0;padding:1px;}
.mResearch .list li.headline .img::before {content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:50%;background:linear-gradient(0deg, rgba(0,0,0,0.5), transparent);z-index:0;}
.mResearch .list li.headline .img img {width:100%;}
.mResearch .list li.headline .categ {display:none;}
.mResearch .list li.headline .info {position:absolute;left:0;bottom:0;background:linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.7) 100%);}
.mResearch .list li.headline .info .tit {max-height:120px;margin:0 0 5px;box-sizing:border-box;padding:40px 45px 0;color:#fff;font-size:36px;font-weight:400;line-height:40px;z-index:2;}
.mResearch .list li.headline .info .txt {display:block;margin-bottom:40px;padding:10px 45px 0;color:#fff;}
.mResearch .btn_more {display:block;position:absolute;right:30px;top:0;overflow:hidden;width:22px;height:22px;background:url(../img/main/ico_more_trans.png) no-repeat center;text-indent:-999px;}

.mToday {margin-bottom:110px;}
.mToday .mToday_wrap {position:relative;width:100%;max-width:1460px;margin:0 auto;box-sizing:border-box;padding:0 30px;}
.mToday .list {width:calc(100% + 30px);}
.mToday .unit {/*width:440px;*/margin-right:37px;}
.mToday .unit a {display:block;position:relative;width:100%;max-height:280px;box-sizing:border-box;background-repeat:no-repeat;background-position:center top;background-size:cover;}
.mToday .unit a::before {content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:100%;background:linear-gradient(0deg, rgba(0,0,0,0.3), transparent);z-index:1;}
.mToday .unit a .img {display:block;position:relative;padding:1px;z-index:0;}
.mToday .unit a .img img {width:100%;max-width:440px;max-height:280px;}
.mToday .unit a .txt {display:block;position:absolute;left:0;bottom:30px;overflow:hidden;width:100%;max-height:86px;box-sizing:border-box;padding:30px 30px 0;color:#fff;font-size:24px;font-weight:400;line-height:28px;text-align:center;letter-spacing:-1px;z-index:2;}
.mToday .unit a.btn_play::after {content:'';display:block;position:absolute;left:50%;top:50%;overflow:hidden;width:80px;height:80px;margin:-40px 0 0 -40px;background:url(../img/main/ico_cirPlay_white.png) no-repeat center;background-size:auto 100%;}
.mToday .slick-dots {overflow:hidden;margin-top:27px;box-sizing:border-box;padding-right:37px;}
.mToday .slick-dots li {float:left;}
.mToday .slick-dots li button {display:block;position:relative;overflow:hidden;width:100%;height:30px;text-indent:-999px;}
.mToday .slick-dots li button::after {content:'';display:block;position:absolute;left:0;top:50%;width:100%;height:4px;margin-top:-2px;background:#ebeef2;transition:0.2s;}
.mToday .slick-dots li.slick-active button::after {background:#000;}
.mToday .btn_more {display:block;position:absolute;right:30px;top:7px;overflow:hidden;width:22px;height:22px;background:url(../img/main/ico_more_trans.png) no-repeat center;text-indent:-999px;}

.mIcoBnr {margin-bottom:100px;}
.mIcoBnr .mIcoBnr_wrap {position:relative;width:100%;max-width:1600px;margin:0 auto;box-sizing:border-box;padding:0 100px;}
.mIcoBnr .unit a {display:block;box-sizing:border-box;padding-top:95px;background-repeat:no-repeat;background-position:center top;color:#000;font-size:21px;font-weight:400;line-height:25px;text-align:center;letter-spacing:-1px;}
.mIcoBnr .slick-arrow {display:block;position:absolute;top:27px;overflow:hidden;width:35px;height:67px;text-indent:-999px;}
.mIcoBnr .slick-prev {left:-70px;background:url(../img/main/ico_arrL_thin.png) no-repeat center;}
.mIcoBnr .slick-next {right:-70px;background:url(../img/main/ico_arrR_thin.png) no-repeat center;}

.mImgBnr {}
.mImgBnr .mImgBnr_wrap {display:table;position:relative;overflow:hidden;width:100%;max-width:1902px;height:500px;margin:0 auto;}
.mImgBnr .img {display:block;position:absolute;left:50%;top:0;width:1902px;height:500px;margin-left:-951px;z-index:0;}
.mImgBnr span {display:table-cell;position:relative;width:50%;color:#fff;font-family:'Times New Roman', serif;font-size:56px;font-weight:400;line-height:56px;vertical-align:middle;z-index:1;}
.mImgBnr .txt1 {padding-right:110px;text-align:right;}
.mImgBnr .txt2 {padding-left:110px;text-align:left;}
.mImgBnr .txt1 img,
.mImgBnr .txt2 img {height:56px;}
.mImgBnr a.btn_play {display:block;position:absolute;left:50%;top:50%;overflow:hidden;width:110px;height:110px;margin:-55px 0 0 -55px;background:url(../img/main/ico_cirPlayB_white.png) no-repeat center;text-indent:-999px;z-index:2;}
/*.mImgBnr a.btn_allPlay {display:block;position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100%;background:url(../img/main/ico_cirPlayB_white.png) no-repeat center;z-index:2;}*/
.mImgBnr a.btn_allPlay {display:block;position:relative;overflow:hidden;}
.mImgBnr a.btn_allPlay::before {content:'';display:block;position:absolute;left:50%;top:50%;width:110px;height:110px;margin:-55px 0 0 -55px;background:url(../img/main/ico_cirPlayB_white.png) no-repeat center;z-index:2;}

@media all and (max-width:1740px) {
    .mIcoBnr .mIcoBnr_wrap {max-width:none;}
}

@media all and (max-width:1550px) {
    .mVisual .visual_ct {width:575px;}
    .mVisual .visual_bnr {width:calc(100% - 575px);}
    .mVisual .visual_bnr .list {width:calc(100% - 110px);}
}

@media all and (max-width:1300px) {
    .mResearch .list li {height:auto;padding-bottom:30px;border-top:1px solid #d9dee6;}
    .mResearch .list li:last-child {padding-bottom:0;}
    .mResearch .list li.headline {float:none;width:100%;height:auto;margin-right:0;padding-bottom:5px;border-top:none;}
    .mResearch .list li.headline+li {border-top:none;}

    .mToday .list {width:100%;}
    .mToday .unit a {width:440px;}
    .mToday .slick-dots {padding-right:0;}
}

@media all and (max-width:1200px) {
    .mVisual .visual_ct {display:block;width:100%;max-width:none;padding-right:150px;}
    .mVisual .visual_bnr {display:block;width:100%;}
    .mVisual .visual_bnr .list {width:100%;}
}

@media all and (max-width:1041px) {
    .mTit {margin-bottom:20px;font-size:20px;line-height:24px;}

    .mVisual {margin-bottom:30px;}
    .mVisual .visual_ct {height:auto;padding:0 30px;}
    .mVisual .visual_ct .slogun {height:auto;margin-bottom:38px;padding-top:90px;font-size:50px;line-height:50px;}
    .mVisual .visual_ct .visual_search {height:120px;}
    .mVisual .visual_ct .visual_search>form {height:35px;margin-bottom:15px;padding-right:35px;border-bottom:2px solid #000;}
    .mVisual .visual_ct .visual_search>form>input {height:35px;font-size:16px;line-height:35px;}
    .mVisual .visual_ct .visual_search>form .btn_search {width:35px;height:35px;background-size:auto 19px;}
    .mVisual .visual_ct .visual_search .schWord {max-height:80px;}
    .mVisual .visual_ct .visual_search .schWord a {margin:0 7px 7px 0;padding:0 10px;font-size:13px;line-height:30px;}
    .mVisual .visual_ct .visual_noti {margin-bottom:40px;}
    .mVisual .visual_ct .visual_noti .mTit {margin-bottom:15px;font-size:20px;font-weight:700;line-height:24px;}
    .mVisual .visual_ct .visual_noti .mTit>a {height:20px;}
    .mVisual .visual_ct .visual_noti li {padding-left:8px;}
    .mVisual .visual_ct .visual_noti li a {font-size:14px;line-height:18px;}
    .mVisual .visual_ct .visual_noti li .ico_new {margin-top:1px;}
    .mVisual .visual_ct .visual_noti li .ico_hot {margin-top:0;}
    .mVisual .visual_ct .visual_noti li .date {font-size:13px;}
    .mVisual .visual_ct .visual_noti .btn_more {left:70px;height:24px;}
    .mVisual .visual_bnr .list a {height:352px;background-size:100% auto;background-position:center;}
    .mVisual .visual_bnr .list .tit {bottom:50px;padding:0 30px;font-size:23px;line-height:31px;}
    .mVisual .visual_bnr .slick-dots {left:30px;bottom:15px;}
    .mVisual .visual_bnr .slick-dots li button {width:50px;}
    .mVisual .visual_bnr .slick-dots li button::after {height:3px;}

    .mResearch {margin-bottom:40px;}
    .mResearch .mResearch_wrap {padding:0 15px;}
    .mResearch .list li {padding:16px 0;}
    .mResearch .list li .info .categ {height:auto;margin-bottom:8px;font-size:13px;line-height:17px;}
    .mResearch .list li .info .tit {max-height:none;margin-bottom:12px;font-size:16px;line-height:20px;}
    .mResearch .list li .info .txt {max-height:none;font-size:13px;line-height:17px;}
    .mResearch .list li.headline .info .tit {max-height:60px;margin-bottom:5px;padding:15px 15px 0;font-size:18px;line-height:22px;}
    .mResearch .list li.headline .info .txt {max-height:36px;margin-bottom:15px;padding:5px 15px 0;font-size:14px;line-height:18px;}
    .mResearch .btn_more {top:5px;width:15px;height:15px;background-size:auto 15px;}

    .mToday {margin-bottom:40px;}
    .mToday .mToday_wrap {padding:0 15px;}
    .mToday .unit {width:275px;margin-right:15px;}
    .mToday .unit a {width:275px;height:175px;}
    .mToday .unit a .img img {max-width:275px;max-height:175px;}
    .mToday .unit a .txt {bottom:0;overflow:hidden;text-overflow:ellipsis;padding:15px 18px;font-size:18px;line-height:22px;text-align:left;white-space:nowrap;}
    .mToday .unit a.btn_play::after {width:40px;height:40px;margin:-20px 0 0 -20px;background-size:auto 40px;}
    .mToday .slick-dots {margin-top:7px;}
    .mToday .btn_more {top:5px;width:15px;height:15px;background-size:auto 15px;}

    .mIcoBnr {margin-bottom:40px;}
    .mIcoBnr .mIcoBnr_wrap {padding:0 40px;}
    .mIcoBnr .unit a {padding-top:50px;background-size:auto 40px;font-size:14px;line-height:18px;}
    .mIcoBnr .slick-arrow {width:10px;height:20px;background-size:auto 20px !important;}
    .mIcoBnr .slick-prev {left:-20px;background:url(../img/main/m/ico_arrL_thin.png) no-repeat center;}
    .mIcoBnr .slick-next {right:-20px;background:url(../img/main/m/ico_arrR_thin.png) no-repeat center;}

    .mImgBnr .mImgBnr_wrap {height:274px;}
    .mImgBnr .img {width:1042px;height:274px;margin-left:-521px;}
    .mImgBnr .txt1 {padding:85px 5px 0 40px;font-size:24px;line-height:28px;}
    .mImgBnr .txt2 {padding:85px 40px 0 5px;font-size:24px;line-height:28px;}
    .mImgBnr .txt1 img,
    .mImgBnr .txt2 img {height:24px;margin-top:4px;}
    .mImgBnr a.btn_play {width:55px;height:55px;margin:-47px 0 0 -27px;background-size:auto 55px;}
    /*.mImgBnr a.btn_allPlay {background-position:center top 90px;background-size:auto 55px;}*/
    .mImgBnr a.btn_allPlay::before {top:62px;margin-top:0;background-size:auto 55px;}
}

@media all and (max-width:768px) {
    .mToday .unit a .txt {font-size:16px;line-height:20px;}

    .mImgBnr .mImgBnr_wrap {height:200px;}
    .mImgBnr .img {width:760px;height:200px;margin-left:-380px;}
    .mImgBnr .txt1,
    .mImgBnr .txt2 {padding-top:80px;}
    /*.mImgBnr a.btn_allPlay {background-position:center top 53px;}*/
    .mImgBnr a.btn_allPlay::before {top:26px;}
}
