@charset "utf-8";
/*** layout ***/
#header {background-image:url(../img/main/bg_header.png);background-repeat:repeat-x;}
#header.gnbOn,
.mSticky #header {background-color:#fff;}

header .logo>a .logo_p>img {display:block;}
header .logo>a .logo_p>span {display:none;}
header>nav #gnb_parent>li>a {color:#fff;}

.gnbOn header .logo>a .logo_p>img,
.mSticky header .logo>a .logo_p>img {display:none;}
.gnbOn header .logo>a .logo_p>span,
.mSticky header .logo>a .logo_p>span {display:block;}
.gnbOn header>nav #gnb_parent>li>a,
.mSticky header>nav #gnb_parent>li>a {color:#000;}


/*** contents ***/
.mTop_ct {position:relative;}
.mTop_ct .layer_ct {position:absolute;left:50%;top:240px;overflow:hidden;width:100%;max-width:575px;}

.mVisual {overflow:hidden;height:762px;margin-bottom:60px;}
.mVisual .unit>a {display:block;position:relative;overflow:hidden;}
.mVisual .unit .img {position:relative;left:50%;top:0;width:1920px;margin-left:-960px;}
.mVisual .unit .img>img {width:100%;height:762px;}
.mVisual .unit .img>span {display:none;}
.mVisual .unit .txt {display:table;position:absolute;left:50%;top:240px;width:600px;height:100%;margin-left:-630px;padding-left:30px;}
/*.mVisual .unit .txt>div {display:table-cell;height:100%;text-align:left;vertical-align:middle;}*/
.mVisual .unit .txt strong {display:block;color:#fff;font-family:'Roboto',sans-serif;font-size:54px;font-weight:500;line-height:64px;}
.mVisual .unit .txt span {display:block;margin-top:20px;color:#fff;font-family:'Noto Sans KR',sans-serif;font-size:18px;font-weight:300;line-height:28px;}
.mVisual .slick-dots {position:absolute;left:50%;top:595px;width:600px;margin-left:-630px;padding-left:30px;font-size:0;text-align:left;z-index:2;}
.mVisual .slick-dots li {display:inline-block;margin-right:15px;}
.mVisual .slick-dots li button {display:block;overflow:hidden;width:14px;height:14px;background:url(../img/main/cirPaging.png) no-repeat center;text-indent:-999px;}
.mVisual .slick-dots li.slick-active button {background:url(../img/main/cirPaging_on.png) no-repeat center;}
.mVisual .list_control {position:absolute;left:50%;top:592px;height:0;margin-left:-630px;padding-left:30px;z-index:3;}
.mVisual .list_control>button {display:block;position:relative;top:4px;overflow:hidden;width:8px;height:12px;background-repeat:no-repeat;background-position:center;text-indent:-999px;vertical-align:top;z-index:2;}
.mVisual .list_control>.btn_pause {background-image:url(../img/main/ico_pause2_white.png);}
.mVisual .list_control>.btn_play {background-image:url(../img/main/ico_play2_white.png);}

.mNoti {float:left;width:calc(100% - 192px);height:180px;box-sizing:border-box;padding:20px 25px;background:rgba(255,255,255,0.95);}
.mNoti h2 {display:block;margin-bottom:10px;color:#05548e;font-family:'Noto Sans KR',sans-serif;font-size:16px;font-weight:500;line-height:18px;letter-spacing:-1px;}
.mNoti .list {position:relative;height:105px;}
.mNoti .list .unit>a {display:block;overflow:hidden;height:68px;color:#000;font-family:'Noto Sans KR',sans-serif;font-size:24px;font-weight:700;line-height:34px;letter-spacing:-1px;}
.mNoti .list .slick-dots {position:absolute;left:0;bottom:0;font-size:0;text-align:left;}
.mNoti .list .slick-dots li {display:inline-block;padding:0 6px;vertical-align:top;}
.mNoti .list .slick-dots li>button {display:block;display:block;overflow:hidden;width:10px;height:10px;box-sizing:border-box;border-radius:50%;background:#b6bcc1;text-indent:-999px;}
.mNoti .list .slick-dots li.slick-active>button {background:#05548e;}

.mSchedule {float:left;/*display:table;*/width:180px;height:180px;margin-left:12px;background:rgba(210,165,67,0.95);}
.mSchedule a {/*display:table-cell;*/display:block;overflow:hidden;height:180px;box-sizing:border-box;padding:20px 20px 50px;background:url(../img/main/ico_halfArrR_white.png) no-repeat left 25px bottom 25px;vertical-align:top;}
.mSchedule strong {display:block;color:#fff;font-family:'Noto Sans KR',sans-serif;font-size:24px;font-weight:500;line-height:28px;letter-spacing:-1px}
.mSchedule span {display:block;margin-top:10px;color:#fff;font-family:'Noto Sans KR',sans-serif;font-size:16px;font-weight:300;line-height:20px;letter-spacing:-1px}

.mTopBnr {float:left;position:relative;width:572px;margin-top:12px;background:rgba(2,67,126,0.95);}
.mTopBnr .list .unit a {display:table;width:100%;height:180px;background-repeat:no-repeat;background-position:left 30px top 50%;}
.mTopBnr .list .unit a>div {display:table-cell;box-sizing:border-box;padding:10px 70px 10px 170px;text-align:left;vertical-align:middle;}
.mTopBnr .list .unit a>div>strong {display:block;color:#fff;font-family:'Noto Sans KR',sans-serif;font-size:23px;font-weight:300;line-height:27px;letter-spacing:-1px}
.mTopBnr .list .unit a>div>strong>span {display:block;color:#62ccfd;font-size:19px;line-height:21px;}
.mTopBnr .list .unit a>div>span {display:block;margin-top:7px;color:#fff;font-family:'Noto Sans KR',sans-serif;font-size:14px;font-weight:300;line-height:18px;}
.mTopBnr .list .slick-prev,
.mTopBnr .list .slick-next {display:block;position:absolute;top:35px;overflow:hidden;width:8px;height:15px;text-indent:-999px;z-index:2;}
.mTopBnr .list .slick-prev {right:60px;background:url(../img/main/ico_dotArrL_white.png) no-repeat center;}
.mTopBnr .list .slick-next {right:25px;background:url(../img/main/ico_dotArrR_white.png) no-repeat center;}
.mTopBnr .list_control {position:absolute;right:41px;top:35px;height:0;}
.mTopBnr .list_control>button {display:block;overflow:hidden;width:8px;height:15px;background-repeat:no-repeat;background-position:center;text-indent:-999px;z-index:2;}
.mTopBnr .list_control>.btn_pause {background-image:url(../img/main/ico_pause_white.png);}
.mTopBnr .list_control>.btn_play {background-image:url(../img/main/ico_play_white.png);}

.mMid_ct {overflow:hidden;width:100%;max-width:1200px;min-height:340px;margin:0 auto;}
.mTit {display:block;margin-bottom:30px;color:#000;font-family:'Roboto',sans-serif;font-size:25px;font-weight:700;line-height:25px;}

.mLink {float:left;width:325px;margin-bottom:70px;box-sizing:border-box;padding-right:30px;}
.mLink .unit {overflow:hidden;height:95px;}
.mLink .unit .img {float:left;overflow:hidden;width:70px;height:70px;background-repeat:no-repeat;background-position:left 0 top 0;}
.mLink .unit .img  img {min-width:50px;padding: 5px 0;}
/*.mLink .unit .img>span {display:none;}*/
.mLink .unit .txt {float:left;width:calc(100% - 70px);padding-top:7px;color:#000;font-family:'Noto Sans KR',sans-serif;font-size:18px;font-weight:400;line-height:20px;letter-spacing:-1px;}
.mLink .unit .txt>span {display:block;margin-top:3px;color:#000;font-family:'Noto Sans KR',sans-serif;font-size:15px;font-weight:300;line-height:17px;letter-spacing:-1px;}

.mGallery {position:relative;float:left;width:calc(100% - 325px);margin-bottom:70px;}
.mGallery .unit {overflow:hidden;margin-right:25px;}
.mGallery .unit a {display:block;overflow:hidden;}
.mGallery .unit img {width:275px;height:220px;}
.mGallery .unit .txt {display:block;overflow:hidden;width:270px;height:60px;margin-top:15px;color:#000;font-family:'Noto Sans KR',sans-serif;font-size:20px;font-weight:400;line-height:30px;letter-spacing:-1px;}
.mGallery .btn_more {display:block;position:absolute;right:0;top:2px;overflow:hidden;width:19px;height:19px;background:url(../img/main/ico_plus19_black.png) no-repeat center;text-indent:-999px;}

.mAcademy {margin-bottom:70px;}
.mAcademy .list .unit {position:relative;width:1200px;height:400px;padding:0 25px;z-index:0;}
.mAcademy .list .unit>a {display:block;position:relative;overflow:hidden;width:1200px;height:400px;z-index:0;}
.mAcademy .list .unit .img {width:1200px;}
.mAcademy .list .unit .img>span {display:none;}
.mAcademy .list .unit .txtGrp {position:absolute;left:0;top:0;/*width:100%;height:100%;*/box-sizing:border-box;padding:60px;z-index:1;}
.mAcademy .list .unit .tit {display:block;color:#fff;font-family:'Noto Sans KR',sans-serif;font-size:46px;font-weight:700;line-height:56px;}
.mAcademy .list .unit .txt {display:block;margin-top:20px;color:#fff;font-family:'Noto Sans KR',sans-serif;font-size:20px;font-weight:300;line-height:30px;letter-spacing:-1px;}
.mAcademy .list .unit b {display:block;margin-top:20px;color:#fff;font-family:'Noto Sans KR',sans-serif;font-size:16px;font-weight:400;line-height:26px;letter-spacing:-1px;}
.mAcademy .list .unit .btnGrp {overflow:hidden;width:360px;margin-top:45px;z-index:1;}
.mAcademy .list .unit .btnGrp2 {overflow:hidden;width:670px;margin-top:45px;z-index:1;}
.mAcademy .list .unit .btnGrp li {float:left;margin:0 4px 4px 0;}
.mAcademy .list .unit .btnGrp li>a {display:table-cell;width:175px;height:43px;box-sizing:border-box;padding:0 5px;border:1px solid #7e7d7a;color:#fff;font-family:'Noto Sans KR',sans-serif;font-size:16px;font-weight:400;line-height:18px;text-align:center;vertical-align:middle;}
.mAcademy .list .unit .btnGrp li>a.design_btn{position:absolute; top:60%; left:69%; line-height:38px;}
.typeMain.point_orange_yellow .mAcademy .list .unit .btnGrp li>a.design_btn:hover{background:#f9cc37; border-color:#f9cc37 !important;}
.mAcademy .list .unit .btnGrp li>a:hover,
.mAcademy .list .unit .btnGrp li>a.on {border:1px solid #d2a543;background:#d2a543;}

 


.mAcademy .list .slick-dots {margin-top:33px;font-size:0;text-align:center;}
.mAcademy .list .slick-dots li {display:inline-block;padding:0 8px;vertical-align:top;}
.mAcademy .list .slick-dots li>button {display:block;display:block;overflow:hidden;width:14px;height:14px;box-sizing:border-box;border-radius:50%;background:#b5bbc1;text-indent:-999px;}
.mAcademy .list .slick-dots li.slick-active>button {background:#d2a543;}
.mAcademy .list .slick-arrow {position:absolute;left:50%;top:50%;overflow:hidden;width:60px;height:60px;margin-top:-40px;background-repeat:no-repeat;background-position:center;text-indent:-999px;z-index:2;}
.mAcademy .list .slick-arrow.slick-prev {margin-left:-560px;background-image:url(../img/main/btn_cirPrev_trans.png);}
.mAcademy .list .slick-arrow.slick-next {margin-left:500px;background-image:url(../img/main/btn_cirNext_trans.png);}

.mainCt_sel {overflow:hidden;width:100%;max-width:1200px;min-height:340px;margin:0 auto;}

.mCommu {float:left;width:325px;margin-bottom:70px;box-sizing:border-box;padding-right:30px;}
.mCommu .unit {overflow:hidden;height:90px;}
.mCommu .unit .img {float:left;overflow:hidden;width:70px;height:70px;background-repeat:no-repeat;background-position:left 0 top 0;}
/*.mCommu .unit .img>span {display:none;}*/
.mCommu .unit .txt {float:left;width:calc(100% - 70px);padding-top:7px;color:#000;font-family:'Noto Sans KR',sans-serif;font-size:18px;font-weight:400;line-height:20px;letter-spacing:-1px;}
.mCommu .unit .txt>span {display:block;margin-top:3px;color:#000;font-family:'Noto Sans KR',sans-serif;font-size:15px;font-weight:300;line-height:17px;letter-spacing:-1px;}

.mMedia {position:relative;float:left;width:calc(100% - 325px);margin-bottom:70px;}
.mMedia .unit {overflow:hidden;margin-right:25px;}
.mMedia .unit a {display:block;overflow:hidden;}
.mMedia .unit img {width:275px;height:220px;}
.mMedia .unit .txt {display:block;overflow:hidden;width:275px;height:60px;margin-top:15px;color:#000;font-family:'Noto Sans KR',sans-serif;font-size:20px;font-weight:400;line-height:30px;letter-spacing:-1px;}
.mMedia .btn_more {display:block;position:absolute;right:0;top:2px;overflow:hidden;width:19px;height:19px;background:url(../img/main/ico_plus19_black.png) no-repeat center;text-indent:-999px;}

a.design_more_btn {position:absolute; left:69%; top:52%; line-height:43px !important;}


/*##### 미디어쿼리 수정시엔 모바일 css 교차부분도 동기화 필수!! ###############*/

@media all and (max-width: 1280px) {
    /*** contents ***/
    .typePc .mTop_ct .layer_ct {left:30px;top:auto;bottom:30px;width:calc(100% - 60px);max-width:none;height:180px;}

    .typePc .mVisual .unit .txt,
    .typePc .mVisual .slick-dots {left:0;margin-left:auto;}
    .typePc .mVisual .list_control {left:0;margin-top:-3px;margin-left:auto;}

    .typePc .mNoti {width:calc(100% - 776px);}
    .typePc .mNoti .list .unit>a {font-size:22px;letter-spacing:-2px;}

    .typePc .mTopBnr {margin:0 0 0 12px;;}
}

/***** pc최소값 부분(해상도:1200px) 제한시작 *********************************/
@media all and (max-width:1200px){
    .typePc .mAcademy .list .unit {padding:0;}
    .mAcademy .list .slick-arrow.slick-prev {left:30px;margin-left:auto;}
    .mAcademy .list .slick-arrow.slick-next {left:auto;right:30px;margin-left:auto;}
}
/**************************************************************************/

/* 메인 애니메이션 추가 s */
@media all and (min-width: 1200px) {
    .typePc .mNoti .list .unit>a:hover {text-decoration: underline;}
    .mSchedule a {transition: background-size 0.3s; background-size: 70%;}
    .mSchedule a:hover {background-size: 75%;}
    .mLink .unit a .txt, .mGallery .unit a .txt {transition: 0.3s;}
    .mLink .unit a:hover .txt {font-weight: bold;}
    .mGallery .unit a:hover .txt  {text-decoration: underline; text-underline-position: under;}
    .mTop_ct .layer_ct {animation: fadeUp 1.5s ease-out;}
    /* .fade-box {transform: translateY(30%); opacity: 0; transition: all 0.8s ease-out;} */
    /* .fade-box.fadeUp {opacity: 1; transform: translate(0);} */
    .mAcademy .list .slick-arrow {transition: 0.3s; border-radius: 50%;}
    .mAcademy .list .slick-arrow:hover {box-shadow: 0 8px 10px 0 rgba(0,0,0,0.1);)}
    .mMid_ct {animation: fadeUp 1.5s ease-out;}
}

@keyframes fadeUp {
    from {
        top: 480px;
        opacity: 0;
    }
    to {
        top: 240px;
        opacity: 1;
    }
}
/* 메인 애니메이션 추가 e */

.scrolling-text-wrap {position: fixed;mix-blend-mode: color-dodge;z-index: -1;left: 0;top: 40%;width: 100%;letter-spacing: -10px;font-weight: 900;overflow: hidden;color: #EFEFEF;}
.scrolling-text {white-space: nowrap; display: flex; transform: translateX(0); animation: marquee 40s linear infinite;}
.scrolling-text p {font-size: 180px;font-family: 'Roboto', sans-serif;}
.scrolling-text .line-txt {color: transparent;-webkit-text-stroke: 2px #EFEFEF;font-style: normal;}

@keyframes marquee {
    0% {transform: translateX(0);}
    100% {transform: translateX(-4332px);}
}