@charset "utf-8";

/*** layout ***/
#header {position:fixed;}
#header::after {display:block;position:fixed;}

/* .mStickyLock#header {background:none;} */
/* .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 ***/
#contents{padding-top:158px;transition:all 0.2s;;}
.autoHead #contents{padding-top:0px;}

.mTit{display:block;width:100%;font-family: 'HelveticaNeue';font-size:36px;font-weight:bold;line-height:1em;color:#000;}
.mTit2{display:block;width:100%;font-size:34px;font-weight:bold;line-height:1em;color:#000;}
.mMoreBtn{width:40px;height:40px;background:url(../img/main/icon_mMoreBtn.png) no-repeat center center;text-indent:-9999px;display:inline-block;}

/* 메인비쥬얼 */
.mVisual{width:100%;}
.mVisual .Area{height:850px;max-width:1920px;width:100%;margin:0 auto;font-size:0;}
.mVisual .mVslider{position:relative;width:50%;display:inline-block;vertical-align:top;height:100%;}
.mVisual .mVslider .item{position:relative;width:100%;height:850px;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.mVisual .mVslider .item .mobile{display:none;}
.mVisual .mVslider .item img{display:block;position:absolute;left:0;top:0;height:850px;width:850px;}
.mVisual .mVslider .item .txtInfo{position:absolute;left:0;top:540px;width:100%;height:auto;padding:0 55px 110px 135px;box-sizing:border-box;}
.mVisual .mVslider .item .txtInfo strong{display:block;width:100%;font-size:56px;font-weight:bold;line-height:70px;color:#fff;margin-bottom:30px;word-break:keep-all;}
.mVisual .mVslider .item .txtInfo p{font-size:22px;line-height:32px;color:#fff;opacity:0.6;word-break:keep-all;}
.mVisual .mVslider .slick-dots{position:absolute;top:475px;width:100%;padding:0 55px 0 135px;box-sizing:border-box;font-size:0;}
.mVisual .mVslider .slick-dots li:not(.btn){display:inline-block;vertical-align:top;margin-right:15px;width:12px;height:12px;}
.mVisual .mVslider .slick-dots li:not(.btn)>button{width:100%;height:100%;text-indent:-9999px;border-radius:50%;background-color:rgba(255,255,255,0);border:1px solid #fff;box-sizing:border-box;transition:all 0.2s;;}
.mVisual .mVslider .slick-dots li.slick-active>button{background-color:#a70638;border:1px solid #a70638;}
.mVisual .mVslider .slick-dots .btn{display:inline-block;width:12px;height:12px}
.mVisual .mVslider .slick-dots .btn .playBtn{width:12px;height:12px;text-indent:-9999px;background:url(../img/main/icon_stopBtn.png) no-repeat center center;}
.mVisual .mVslider .slick-dots .btn .playBtn.play{background:url(../img/main/icon_playBtn.png) no-repeat center center;}

.mVisual .subArea{width:50%;display:inline-block;vertical-align:top;height:100%;}
.mVisual .subArea .topNotice{width:100%;height:470px;font-size:0;}
.mVisual .subArea .topNotice .mNotice{position:relative;width:50%;height:100%;display:inline-block;vertical-align:top;padding:70px 60px 20px 60px;box-sizing:border-box;background-color:#fff;;}
.mVisual .subArea .topNotice .mNotice .list{width:100%;margin-top:20px;}
.mVisual .subArea .topNotice .mNotice .list>li{display:block;padding:22px 0 ;border-bottom:1px solid #e1e4e7;}
.mVisual .subArea .topNotice .mNotice .list>li>a{position:relative; display:block;padding-right:75px;font-size:0;}
.mVisual .subArea .topNotice .mNotice .list>li>a>p{font-size:17px;color:#000;line-height:1em;width:auto;max-width:calc(100% - 24px);display:inline-block;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.mVisual .subArea .topNotice .mNotice .list>li>a>img{display:inline-block;vertical-align:-1px;}
.mVisual .subArea .topNotice .mNotice .list>li>a>span{font-size:15px;color:#666;line-height:1em;position:absolute;right:0;top:6px;}
.mVisual .subArea .topNotice .mNotice .mMoreBtn{position:absolute;top:61px;right:52px;}

.mVisual .subArea .topNotice .mSubBanner{width:50%;height:100%;display:inline-block;vertical-align:top;padding:70px 60px 20px 70px;box-sizing:border-box;background-color:#a70638;}
.mVisual .subArea .topNotice .mSubBanner .mTit2{color:#fff;}
.mVisual .subArea .topNotice .mSubBanner p{font-size:17px;color:#fff;line-height:30px;word-break:keep-all;margin-top:39px;}
.mVisual .subArea .mLineMore{position:relative;font-size:18px;color:#fff;font-weight:normal;display:inline-block;width:190px;margin-top:105px;padding-bottom:20px;background:url(../img/main/icon_mLineMore.png) no-repeat right top 8px;}
.mVisual .subArea .mLineMore::before{content:"";position:absolute;left:0;bottom:0;display:block;width:100%;height:2px;background-color:#fff;;}

.mVisual .subArea .mVsubBanner{width:100%;}
.mVisual .subArea .mVsubBanner .item{position:relative;width:100%;height:380px;background-repeat:no-repeat;background-size:cover;background-position:right center;}
.mVisual .subArea .mVsubBanner .item .itemBox{display:block;width:100%;height:100%;padding:60px 30% 20px 60px;box-sizing:border-box;}
.mVisual .subArea .mVsubBanner .item .itemBox .mTit2{color:#fff;}
.mVisual .subArea .mVsubBanner .item .itemBox p{font-size:17px;color:#fff;line-height:30px;margin-top:35px;}
.mVisual .subArea .mVsubBanner .item .itemBox .mLineMore{margin-top:75px;}
.mVisual .subArea .mVsubBanner .slick-dots{position:absolute;top:60px;width:100%;padding:0 55px 0 135px;box-sizing:border-box;font-size:0;text-align:right;}
.mVisual .subArea .mVsubBanner .slick-dots li:not(.btn){display:inline-block;vertical-align:top;margin-right:15px;width:12px;height:12px;}
.mVisual .subArea .mVsubBanner .slick-dots li:not(.btn)>button{width:100%;height:100%;text-indent:-9999px;border-radius:50%;background-color:rgba(255,255,255,0);border:1px solid #fff;box-sizing:border-box;transition:all 0.2s;;}
.mVisual .subArea .mVsubBanner .slick-dots li.slick-active>button{background-color:#fff;border:1px solid #fff;}
.mVisual .subArea .mVsubBanner .slick-dots .btn{display:inline-block;width:12px;height:12px}
.mVisual .subArea .mVsubBanner .slick-dots .btn .playBtn{width:12px;height:12px;text-indent:-9999px;background:url(../img/main/icon_stopBtn.png) no-repeat center center;}
.mVisual .subArea .mVsubBanner .slick-dots .btn .playBtn.play{background:url(../img/main/icon_playBtn.png) no-repeat center center;}

/* 링크영역 */
.mLinkArea{width:100%;padding:100px 0 130px;}
.mLinkArea .Area {height:auto;max-width:1570px;width:100%;margin:0 auto;font-size:0;text-align:center;}
.mLinkArea .Area .mTit {text-align:left;}

.mLinkArea .mLink{display:inline-block;width:425px;vertical-align:top;padding-right:20px;box-sizing:border-box;}
.mLinkArea .mLink>ul{width:100%;margin-top:40px;}
.mLinkArea .mLink>ul>li a{position:relative;padding:13px 0 15px 120px;box-sizing:border-box;display:block;width:100%;height:100%;text-align:left;}
.mLinkArea .mLink>ul>li a>img{position:absolute;left:0;top:0;}
.mLinkArea .mLink>ul>li a>strong{display:block;font-size:21px;color:#000;line-height:30px;font-weight:500;}
.mLinkArea .mLink>ul>li a>span{display:block;font-size:16px;color:#000;line-height:24px;margin-top:12px;}
.mLinkArea .mLink>ul>li+li{margin-top:40px;}

.mLinkArea .mRecord{position:relative;display:inline-block;width:calc(100% - 425px);vertical-align:top;padding-right:0px;box-sizing:border-box;}
.mLinkArea .mRecord .mRecord_Slider{width:100%;margin-top:40px;font-size:0;}
.mLinkArea .mRecord .mRecord_Slider .item{width:350px;display:inline-block;height:350px;vertical-align:top;margin-right:40px;text-align:left;}
/* .mLinkArea .mRecord .mRecord_Slider .item:nth-of-type(3n){margin-right:0px;} */
.mLinkArea .mRecord .mRecord_Slider .item a{position:relative;display:block;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.mLinkArea .mRecord .mRecord_Slider .item a::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%; background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 1) 100%);z-index:0;}
.mLinkArea .mRecord .mRecord_Slider .item a>strong{position:absolute;left:0;bottom:0;display:block;width:100%;padding:0 30px 20px 30px;box-sizing:border-box;font-size:26px;font-weight:500;line-height:34px;color:#fff;z-index:1;}
.mLinkArea .mRecord .mMoreBtn{position:absolute;right:20px;top:-10px;z-index:1;}

/* 하단 슬라이더 */
.mEtcArea{width:100%;padding:90px 0 135px 0;box-sizing:border-box;background-color:#f3f3f3;}
.mEtcArea .Area{height:auto;max-width:1690px;width:100%;margin:0 auto;font-size:0;}
.mEtcArea .mEtc{position:relative;font-size:0;padding-left:90px;box-sizing:border-box;}
.mEtcArea .mEtc .mEtcSlider{position:relative;font-size:0;margin-top:40px;}
.mEtcArea .mEtc .mEtcSlider::before{content:"";display:block;width:100%;height:100%;position:absolute;left:-100%;top:0;background-color:#f3f3f3;z-index:10;}
.mEtcArea .mEtc .mEtcSlider .slick-list{overflow:visible;}
.mEtcArea .mEtc .mEtcSlider .item{width:1460px;display:inline-block;vertical-align:top;font-size:0;padding-right:100px;box-sizing:border-box;}
.mEtcArea .mEtc .mEtcSlider .item .imgBox {position:relative;width:730px;height:480px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.mEtcArea .mEtc .mEtcSlider .item .imgBox a {display:block;position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100%;text-indent:-999px;z-index:1;}
.mEtcArea .mEtc .mEtcSlider .item .txtArea{width:calc(100% - 730px);display:inline-block;vertical-align:top;padding:25px 20px 0 60px;box-sizing:border-box;}
.mEtcArea .mEtc .mEtcSlider .item .txtArea>strong{font-size:40px;line-height:50px;font-weight:500;color:#000;word-break:keep-all;display:block;margin-bottom:40px;}
.mEtcArea .mEtc .mEtcSlider .item .txtArea>.txt{font-size:17px;line-height:26px;word-break:keep-all;color:#000;margin-bottom:40px;word-break:keep-all;}
.mEtcArea .mEtc .mEtcSlider .item .txtArea>.hashTag{font-size:0;margin-bottom:45px;}
.mEtcArea .mEtc .mEtcSlider .item .txtArea>.hashTag>span{font-size:20px;display:inline-block;font-weight:500;color:#a80638;line-height:1em;margin:0 15px 10px 0;}
.mEtcArea .mEtc .mEtcSlider .item .txtArea>.btnC{background-color:#f3f3f3;}
.mEtcArea .mEtc .mEtcSlider .item .txtArea>.btnC:hover{background-color:#313131;}
.mEtcArea .mEtc .control{width:150px;height:150px;position:absolute;right:30px;top:240px;z-index:10;}
.mEtcArea .mEtc .control .nextBtn{width:100%;height:100%;border-radius:50%;background-color:#a70638;color:#fff;font-size:18px;font-family: 'HelveticaNeue';font-weight:500;}

@media all and (max-width: 1920px) {
    .mVisual .mVslider .item .txtInfo{padding-left:60px;}
    .mVisual .mVslider .slick-dots{padding-left:60px;}

    /*.mLinkArea .mLink{padding-left:60px;}*/
    .mEtcArea .mEtc{padding-left:60px;}
}

@media all and (max-width: 1700px) {
    .mLinkArea {padding-left:60px;}
    .mLinkArea .Area {max-width:none;text-align:left;}
}

@media all and (max-width: 1640px) {
    .mVisual .subArea .topNotice .mNotice{padding:60px 40px 20px 40px;}
    .mVisual .subArea .topNotice .mSubBanner{padding:60px 40px 20px 40px;}
    .mVisual .subArea .topNotice .mNotice .mMoreBtn{top:51px;right:32px;}
    .mVisual .subArea .mVsubBanner .item .itemBox{padding-left:40px;}

    /*.mLinkArea .mLink{width:500px;}
    .mLinkArea .mRecord{width:calc(100% - 500px);}*/

    .mEtcArea .mEtc .mEtcSlider .item{width:1200px;padding-right:50px;}
    .mEtcArea .mEtc .mEtcSlider .item .imgBox{width:600px;}
    .mEtcArea .mEtc .mEtcSlider .item .txtArea{width:calc(100% - 600px);padding-left:40px;}
    .mEtcArea .mEtc .mEtcSlider .item .txtArea>.txt br{display:none;}

}
@media all and (max-width: 1280px) {
    #contents{padding-top:131px;}
    .mTit{font-size:28px;}
    .mTit2{font-size:26px;}

    .mVisual .Area{height:650px;}
    .mVisual .mVslider .item{height:650px;}
    .mVisual .mVslider .item .txtInfo{padding:0 30px 30px 30px;top:430px;}
    .mVisual .mVslider .item .txtInfo strong{font-size:40px;line-height:50px;margin-bottom:20px;}
    .mVisual .mVslider .item .txtInfo p{font-size:18px;line-height:24px;}
    .mVisual .mVslider .slick-dots{padding:0 30px;top:400px;}

    .mVisual .subArea .topNotice{height:340px;}
    .mVisual .subArea .topNotice .mNotice{padding:30px 30px 20px 30px;height:340px;}
    .mVisual .subArea .topNotice .mNotice .mMoreBtn{top:21px;right:22px;}
    .mVisual .subArea .topNotice .mNotice .list>li{padding:15px 0;}
    .mVisual .subArea .topNotice .mNotice .list>li>a{padding-right:55px;}
    .mVisual .subArea .topNotice .mNotice .list>li>a>img{vertical-align:-2px;}
    .mVisual .subArea .topNotice .mNotice .list>li>a>p{font-size:16px;}
    .mVisual .subArea .topNotice .mNotice .list>li>a>span{font-size:14px;}
    .mVisual .subArea .mLineMore{margin-top:70px;}
    .mVisual .subArea .mLineMore{font-size:16px;width:150px;padding-bottom:15px;}

    .mVisual .subArea .topNotice .mSubBanner{padding:30px 30px 20px 30px;height:340px;}
    .mVisual .subArea .topNotice .mSubBanner p{font-size:15px;line-height:24px;margin-top:30px;}
    .mVisual .subArea .mVsubBanner .item{height:310px;}
    .mVisual .subArea .mVsubBanner .item .itemBox{padding:50px 30px 30px 30px; }
    .mVisual .subArea .mVsubBanner .item .itemBox p{font-size:15px;line-height:24px;margin-top:25px;}
    .mVisual .subArea .mVsubBanner .slick-dots{top:40px;padding-right:30px;}

    .mLinkArea{padding:50px 0;}
    .mLinkArea .mLink{padding:0 30px;width:450px;}
    .mLinkArea .mLink>ul{margin-top:20px;}
    .mLinkArea .mLink>ul>li a{padding:10px 0 10px 100px;}
    .mLinkArea .mLink>ul>li a>img{width:80px;}
    .mLinkArea .mLink>ul>li a>strong{font-size:18px;line-height:26px;}
    .mLinkArea .mLink>ul>li a>span{font-size:15px;margin-top:8px;}

    .mLinkArea .mRecord{width:calc(100% - 450px);}
    .mLinkArea .mRecord .mRecord_Slider{margin-top:20px;}
    .mLinkArea .mRecord .mRecord_Slider .item{height:310px;width:310px;margin-right:20px;}
    .mLinkArea .mRecord .mRecord_Slider .item a>strong{padding:0 20px 20px 20px;font-size:20px;}

    .mEtcArea{padding:50px 0 80px 0;}
    .mEtcArea .mEtc{padding-left:30px;}
    .mEtcArea .mEtc .control{right:-30px;}
    .mEtcArea .mEtc .mEtcSlider .item{width:1040px;}

    .mEtcArea .mEtc .mEtcSlider .item .imgBox{width:500px;}
    .mEtcArea .mEtc .mEtcSlider .item .txtArea{width:calc(100% - 500px);}
    .mEtcArea .mEtc .mEtcSlider .item .txtArea>strong{font-size:34px;line-height:44px;margin-bottom:30px;}
    .mEtcArea .mEtc .mEtcSlider .item .txtArea>.txt{font-size:16px;margin-bottom:35px;}
    .mEtcArea .mEtc .mEtcSlider .item .txtArea>.hashTag{margin-bottom:40px;}
    .mEtcArea .mEtc .mEtcSlider .item .txtArea>.hashTag>span{font-size:18px;}

}
@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 ***/
    #contents{padding-top:66px;}
    .mVisual .Area{height:auto;}
    .mVisual .mVslider{width:100%;}
    .mVisual .mVslider .item{height:640px;background-image:none !important;}
    .mVisual .mVslider .item .mobile{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;}
    .mVisual .subArea{width:100%;}
    .mVisual .subArea .topNotice{height:300px;}
    .mVisual .subArea .topNotice .mNotice{height:300px;}
    .mVisual .subArea .topNotice .mNotice .list{margin-top:10px;}
    .mVisual .subArea .topNotice .mSubBanner{height:300px;}

    .mVisual .subArea .mVsubBanner .item{height:auto;}
    .mVisual .subArea .mVsubBanner .item .itemBox{padding:30px;}

    .mEtcArea .mEtc .mEtcSlider{margin-top:30px;}
    .mEtcArea .mEtc .mEtcSlider .item{padding-right:110px;}
    .mEtcArea .mEtc .mEtcSlider .item .imgBox{width:350px;height:300px;}
    .mEtcArea .mEtc .mEtcSlider .item .txtArea{width:calc(100% - 350px);padding:0 0 0 30px;}
    .mEtcArea .mEtc .mEtcSlider .item .txtArea>strong{font-size:30px;line-height:40px;margin-bottom:20px;}
    .mEtcArea .mEtc .mEtcSlider .item .txtArea>.txt{margin-bottom:30px;}
    .mEtcArea .mEtc .mEtcSlider .item .txtArea>.hashTag{margin-bottom:20px;}
    .mEtcArea .mEtc .mEtcSlider .item .txtArea>.hashTag>span{font-size:16px;margin:0 10px 10px 0;}
    .mEtcArea .mEtc .control{width:120px;height:120px;top:100px;}
}
@media all and (max-width: 850px) {
    .mLinkArea .mLink{width:100%;padding:0 30px;}
    .mLinkArea .mRecord{width:100%;margin-top:70px;padding-left:30px;}


}

@media all and (max-width: 768px) {
    /*** layout ***/

    /*** contents ***/
    .mTit{font-size:20px;}
    .mTit2{font-size:20px;}
    .mMoreBtn{width:30px;height:30px;background-size:15px auto;}

    .mVisual .mVslider .item{height:330px;}
    .mVisual .mVslider .item .txtInfo{top:190px;padding:0 30px 0 30px;}
    .mVisual .mVslider .item .txtInfo strong{font-size:29px;line-height:40px;height:80px;overflow:hidden;margin-bottom:10px;}
    .mVisual .mVslider .item .txtInfo p{font-size:15px;}
    .mVisual .mVslider .slick-dots{top:160px;padding:0 30px;}
    .mVisual .mVslider .slick-dots li:not(.btn){width:10px;height:10px;margin-right:10px;}
    .mVisual .mVslider .slick-dots .btn .playBtn{width:10px;height:10px;background-size:100 auto;}

    .mVisual .subArea .topNotice{height:auto;}
    .mVisual .subArea .topNotice .mNotice{width:100%;height:auto;padding:30px;}
    .mVisual .subArea .topNotice .mNotice .list>li{padding:12px 0 12px 0;}
    .mVisual .subArea .topNotice .mNotice .list>li>a>p{font-size:14px;}
    .mVisual .subArea .topNotice .mNotice .list>li>a>span{font-size:13px;}
    .mVisual .subArea .topNotice .mNotice .list>li>a>img{vertical-align:-2px;width:18px;}
    .mVisual .subArea .topNotice .mNotice .mMoreBtn{top:23px;right:23px;}

    .mVisual .subArea .topNotice .mSubBanner{width:100%;height:auto;padding:35px 60px 30px 30px;background-image:url(../img/main/icon_mLineMore.png);background-repeat:no-repeat;background-position:right 30px top 40px;}
    .mVisual .subArea .topNotice .mSubBanner p{font-size:14px;margin-top:15px;}
    .mVisual .subArea .mLineMore{display:none;}

    .mVisual .subArea .mVsubBanner .item{height:auto;}
    .mVisual .subArea .mVsubBanner .item .itemBox{position:relative;padding:35px 60px 60px 30px;}
    .mVisual .subArea .mVsubBanner .item .itemBox::before{content:"";position:absolute;right:30px;top:40px;display:block;width:24px;height:11px;background-image:url(../img/main/icon_mLineMore.png);background-repeat:no-repeat;background-position:center center;z-index:1;}
    .mVisual .subArea .mVsubBanner .item .itemBox p{font-size:14px;margin-top:15px;}

    .mVisual .subArea .mVsubBanner .slick-dots{top:auto;bottom:25px;padding:0 30px;text-align:left;}
    .mVisual .subArea .mVsubBanner .slick-dots li:not(.btn){width:10px;height:10px;margin-right:10px;}
    .mVisual .subArea .mVsubBanner .slick-dots .btn .playBtn{width:10px;height:10px;background-size:100 auto;}

    .mLinkArea{padding:35px 0 40px 0;}
    .mLinkArea .mRecord{margin-top:45px;}
    .mLinkArea .mLink>ul>li+li{margin-top:25px;}
    .mLinkArea .mLink>ul>li a{min-height:47px;padding:0px 0 0 65px;}
    .mLinkArea .mLink>ul>li a>strong{font-size:16px;line-height:24px;}
    .mLinkArea .mLink>ul>li a>span{font-size:13px;line-height:18px;margin-top:3px;}
    .mLinkArea .mLink>ul>li a>img{/*width:45px;*/width:auto;height:47px;}

    .mLinkArea .mRecord .mRecord_Slider .item{width:180px;height:180px;}
    .mLinkArea .mRecord .mRecord_Slider .item a>strong{font-size:16px;padding:0 20px 10px 20px;line-height:24px;}
    .mLinkArea .mRecord .mMoreBtn{top:-7px;right:10px;}

    .mEtcArea{padding:35px 0;}
    .mEtcArea .mEtc .mEtcSlider{margin-top:20px;}
    .mEtcArea .mEtc .mEtcSlider .item{padding-right:0;}
    .mEtcArea .mEtc .mEtcSlider .item .imgBox{width:100%;height:250px;}
    .mEtcArea .mEtc .mEtcSlider .item .txtArea{width:100%;}
    .mEtcArea .mEtc .mEtcSlider .item .txtArea{padding:30px 20px 0 0;}
    .mEtcArea .mEtc .mEtcSlider .item .txtArea>strong{font-size:20px;line-height:30px;margin-bottom:10px;}
    .mEtcArea .mEtc .mEtcSlider .item .txtArea>.txt{margin-bottom:15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height:52px;}
    .mEtcArea .mEtc .mEtcSlider .item .txtArea>.hashTag{margin-bottom:15px;}
    .mEtcArea .mEtc .mEtcSlider .item .txtArea>.hashTag>span{font-size:14px;}
    .mEtcArea .mEtc .control{top:240px;width:100px;height:100px;}
    .mEtcArea .mEtc .control .nextBtn{font-size:12px;}

}

@media all and (max-width: 520px) {
    /*** layout ***/

    /*** contents ***/

}

/* 2024-07-11 추가 : 와이드 화면 레이아웃 수정 */
@media all and (min-width: 1921px) {
    header .top_util .sideQuick { right: auto; margin-left: 103px; }
    .mVisual .list { max-width: 1920px; margin: 0 auto; }
    .mVisual .mouse { left: calc(50% - 850px); }

    .mOn .mWrap { max-width: 1920px; margin: 0 auto; }
    .mOn .list .slick-list { width: 100vw; overflow-y: visible; }

    .mBoard .mWrap { max-width: 1920px; margin: 0 auto; box-sizing: border-box; }
    .mBoard .mNews .slick-list { width: 100vw; }

    .mPeople .mWrap { max-width: 1920px; margin: 0 auto; }

    .mStory .mWrap { max-width: 1920px; margin: 0 auto; box-sizing: border-box; }

    .mMovie .mWrap { max-width: 1920px; margin: 0 auto; box-sizing: border-box; }
}
/* 2024-07-11 추가 : 와이드 화면 레이아웃 수정 */