@charset "utf-8";

body {background:url(../img/intro/bg.jpg) no-repeat center top;background-size:cover;}

#introIndex {position:relative;overflow:hidden;height:100%;}
.scroll #introIndex {overflow-x:hidden;overflow-y:auto;}
#introIndex header {display:block;overflow:hidden;width:100%;height:110px;box-sizing:border-box;padding:30px 50px;font-size:0;text-align:center;}
#introIndex header h1 {display:inline-block;vertical-align:top;}
#introIndex header h1 a {display:block;overflow:hidden;}
#introIndex header h1 a img {vertical-align:top;}
#introIndex footer {display:block;overflow:hidden;width:100%;box-sizing:border-box;padding:20px;text-align:center;}
#introIndex footer address {overflow:hidden;font-size:0;}
#introIndex footer address>span {display:inline-block;position:relative;margin-right:11px;padding-right:11px;color:#fff;font-style:normal;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:-1px;}
#introIndex footer address>span:last-of-type {margin-right:0;padding-right:0;}
#introIndex footer address>span::after {content:'';display:block;position:absolute;right:0;top:3px;width:1px;height:12px;background:#fff;opacity:0.3;}
#introIndex footer .copyright {display:block;margin-top:7px;color:#fff;font-style:normal;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:13px;font-weight:400;line-height:17px;text-align:center;}

#introIndex #contents {display:table;width:100%;height:calc(100% - 195px);}
#introIndex #contents>.cont_wrap {display:table-cell;padding:50px;text-align:center;vertical-align:middle;}

#introIndex .list_dot {overflow:hidden;margin-bottom:15px;}
#introIndex .list_dot>li {display:block;position:relative;padding-left:9px;color:#555;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:400;line-height:19px;letter-spacing:-1px;text-align:left;}
#introIndex .list_dot>li::before {content:'';display:block;position:absolute;left:0;top:7px;width:3px;height:3px;background:#69b848;}
#introIndex .list_dot>li+li {margin-top:5px;}

#introIndex p.exclam {margin-bottom:15px;background-position:left top 2px;font-size:14px;line-height:18px;}

#introIndex .main_tit {display:block;width:100%;max-width:1180px;margin:0 auto 0px;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:42px;font-weight:300;line-height:50px;letter-spacing:-1px;text-align:center;}
#introIndex .main_tit>em {font-style:normal;font-size:inherit;font-weight:700;}

#introIndex .list_bbs {display:block;overflow:hidden;width:100%;max-width:1210px;margin:45px auto 5px;box-sizing:border-box;padding-left:15px;}
#introIndex .list_bbs>li {display:block;float:left;position:relative;width:calc(33.33% - 15px);margin:0 15px 15px 0;background:rgba(255,255,255,1);}
#introIndex .list_bbs>li>a,
#introIndex .list_bbs>li>div {display:block;position:relative;overflow:hidden;box-sizing:border-box;padding:40px 25px 25px 30px;text-align:left;}
#introIndex .list_bbs>li .sort {display:inline-block;position:absolute;left:0;top:0;overflow:hidden;height:24px;padding:0 8px;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:300;line-height:25px;letter-spacing:-1px;}
#introIndex .list_bbs>li .sort.su {background:#089f92;}
#introIndex .list_bbs>li .sort.jung {background:#258a1b;}
#introIndex .list_bbs>li .sort.san {background:#6ba300;}
#introIndex .list_bbs>li .sort.jeon {background:#eb7312;}
#introIndex .list_bbs>li .sort.emu {background:#1997cd;}
#introIndex .list_bbs>li dl {overflow:hidden;}
#introIndex .list_bbs>li dl>dt {display:block;margin-bottom:15px;color:#222;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:24px;font-weight:500;line-height:32px;letter-spacing:-1px;word-break:break-all;}
#introIndex .list_bbs>li dl>dd {display:block;overflow:hidden;word-break:break-all;}
#introIndex .list_bbs>li.noArticle {background:rgba(255,255,255,0.5) url(../img/intro/ico_noArticle.png) no-repeat center;}
#introIndex .list_bbs>li.noArticle>p {overflow:hidden;text-align:left;text-indent:-999px;}

#introIndex .list_bnr {display:block;overflow:hidden;width:100%;max-width:1210px;margin:0 auto;box-sizing:border-box;padding-left:15px;}
#introIndex .list_bnr>li {display:block;float:left;position:relative;width:calc(33.33% - 15px);margin:0 15px 15px 0;}
#introIndex .list_bnr>li a {display:block;height:67px;padding:0 94px 0 30px;background-image:url(../img/intro/ico_lineArrR_white.png);background-repeat:no-repeat;background-position:right 30px center;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:20px;font-weight:500;line-height:68px;letter-spacing:-1px;text-align:left;}
#introIndex .list_bnr>li a.bnr_kor {background-color:#419639 !important;}
#introIndex .list_bnr>li a.bnr_ipsi {background-color:#a7bf04 !important;}
#introIndex .list_bnr>li a.bnr_totalInfo {background-color:#ff8315 !important;}

@media all and (max-width:1023px){
    .typeDeptPromotion #introIndex #contents>.cont_wrap {padding-bottom:90px;}

    #introIndex header {height:63px;padding:15px;}
    #introIndex header h1 a img {height:33px;}
    #introIndex footer address>span {font-size:12px;line-height:16px;}
    #introIndex footer .copyright {font-size:11px;line-height:15px;}

    #introIndex #contents {height:calc(100% - 148px);}
    #introIndex #contents>.cont_wrap {padding:30px 20px;}

    #introIndex .list_dot {margin-bottom:10px;}
    #introIndex .list_dot>li {padding-left:7px;font-size:13px;line-height:17px;}
    #introIndex .list_dot>li::before {width:2px;height:2px;}

    #introIndex p.exclam {padding-left:14px;background-size:auto 11px;background-position:left top 4px;font-size:13px;line-height:17px;}

    #introIndex .main_tit {margin:0 auto 00px;font-size:26px;}
    #introIndex .main_tit>em {display:block;text-align:center;}

    #introIndex .list_bbs {margin-top:30px;padding-left:10px;}
    #introIndex .list_bbs>li {width:calc(33.33% - 10px);margin:0 10px 10px 0;}
    #introIndex .list_bbs>li>a,
    #introIndex .list_bbs>li>div {padding:30px 15px 15px 20px;}
    #introIndex .list_bbs>li .sort {height:20px;font-size:12px;line-height:21px;}
    #introIndex .list_bbs>li dl>dt {margin-bottom:7px;font-size:17px;line-height:22px;}
    #introIndex .list_bbs>li dl>dd p {font-size:13px;line-height:17px;}
    #introIndex .list_bbs>li.noArticle {height:90px;background-size:auto 44px;}

    #introIndex .list_bnr {padding-left:10px;}
    #introIndex .list_bnr>li {width:calc(33.33% - 10px);margin:0 10px 10px 0;}
    #introIndex .list_bnr>li a {height:48px;padding:0 65px 0 20px;background-size:25px auto;font-size:13px;line-height:49px;}
}

@media all and (max-width:768px){
    body,
    body.scroll {background:url(../img/intro/bg_m.jpg) no-repeat center top;background-size:100% auto;}

    #introIndex .list_bbs {padding-left:0;}
    #introIndex .list_bbs>li {width:100%;margin-right:0;}

    #introIndex .list_bnr {padding-left:0;}
    #introIndex .list_bnr>li {width:100%;margin-right:0;}
}

@media all and (max-width:410px){
    #introIndex footer address>span {display:block;margin-right:0;padding-right:0;}
    #introIndex footer address>span::after {display:none;}
}

@media all and (max-width:320px){
    #introIndex .main_tit {font-size:24px;}
}


/* intro reN 추가 */
.typeDeptPromotion  {position:relative;background:none;}
.typeDeptPromotion #introIndex {min-height:80px;height:auto;overflow-y:auto;}
.typeDeptPromotion #introIndex #contents {display:block;height:auto;}
.typeDeptPromotion #introIndex #contents>.cont_wrap {display:block;padding-top:105px;background: url(../img/intro/bg.jpg) no-repeat center top;background-size: cover;}
.typeDeptPromotion #introIndex header {position:absolute;left:0;top:0;height:100px;padding:0 30px;border-bottom:1px solid rgba(255,255,255,0.2);z-index:999;}
.typeDeptPromotion #introIndex header h1 {display:block;position:absolute;left:38px;top:24px;}
.typeDeptPromotion #introIndex header>nav {position:relative;box-sizing:border-box;transition:.3s all;}
.typeDeptPromotion #introIndex header>nav #gnb {width:100%;padding-top:36px;box-sizing:border-box;text-align:center;font-size:0;}
.typeDeptPromotion #introIndex header>nav #gnb li {position:relative;display:inline-block;padding:0 80px;vertical-align:top;transition:.3s all;}
.typeDeptPromotion #introIndex header>nav #gnb li:first-child {padding-left:0;}
.typeDeptPromotion #introIndex header>nav #gnb li:last-child {padding-right:0;}
.typeDeptPromotion #introIndex header>nav #gnb li:before {content:'';position:absolute;right:0;top:7px;display:block;width:1px;height:20px;background:rgba(255,255,255,0.6);}
.typeDeptPromotion #introIndex header>nav #gnb li:last-child:before {display:none;}
.typeDeptPromotion #introIndex header>nav #gnb li a {display:block;font-size:21px;font-weight:500;color:#fff;}
.typeDeptPromotion #introIndex header>nav #gnb li a>span {display:block;padding-left:50px;}
.typeDeptPromotion #introIndex header>nav #gnb li.typeKor a span {background:url(../img/intro/ico_typeKor.png) no-repeat left 0 top 0;}
.typeDeptPromotion #introIndex header>nav #gnb li.typeIpsi a span {padding-left:42px;background:url(../img/intro/ico_typeIpsi.png) no-repeat left 0 top 0;}
.typeDeptPromotion #introIndex header>nav #gnb li.typeInfoSys a span {padding-left:45px;background:url(../img/intro/ico_typeInfoSys.png) no-repeat left 0 top 0;}

.typeDeptPromotion #introIndex .list_bbs {margin-top:66px;margin-bottom:125px;}
.typeDeptPromotion #introIndex footer {position:absolute;left:0;bottom:0;padding-bottom:30px;}
.typeDeptPromotion #introIndex footer address>span:last-child::after {display:none;}

.mVisual_dept {position:relative;height:937px;background:#06adbe;overflow:hidden;box-sizing:border-box;transition:.7s all;}
.mVisual_dept .dept_tabArea {position:relative;margin-bottom:55px;padding-top:200px;font-size:0;text-align:center;z-index:5;}
.mVisual_dept .dept_tabArea .tabArea {font-size:0;}
.mVisual_dept .dept_tabArea .tabArea>li {position:relative;display:inline-block;vertical-align:top;background:rgba(255,255,255,0.2);transition:.5s all;}
.mVisual_dept .dept_tabArea .tabArea>li.on {background:#fff;}
.mVisual_dept .dept_tabArea .tabArea>li.on a {color:#000;font-weight:500;}
.mVisual_dept .dept_tabArea .tabArea>li>a:before {content:'';position:absolute;left:-11px;;top:0;display:block;width:11px;height:100%;background:url(../img/main/mainTab_arrL_white.png) no-repeat left 0 top 0;transition:.5s all;opacity:0;}
.mVisual_dept .dept_tabArea .tabArea>li>a:hover:before {opacity:1;background-image:url(../img/main/mainTab_arrL_white.png);}
.mVisual_dept .dept_tabArea .tabArea>li.on>a:before {opacity:1;background-image:url(../img/main/mainTab_arrL_white.png);}
.mVisual_dept .dept_tabArea .tabArea>li>a:after {content:'';position:absolute;right:-11px;;top:0;display:block;width:11px;height:100%;background:url(../img/main/mainTab_arrR_white.png) no-repeat left 0 top 0;z-index:2;transition:.5s all;opacity:0;}
.mVisual_dept .dept_tabArea .tabArea>li>a:hover:after {opacity:1;background-image:url(../img/main/mainTab_arrR_white.png);}
.mVisual_dept .dept_tabArea .tabArea>li.on>a:after {opacity:1;background-image:url(../img/main/mainTab_arrR_white.png);}
.mVisual_dept .dept_tabArea .tabArea>li:hover {background:#fff;}
.mVisual_dept .dept_tabArea .tabArea>li a {display:block;height:45px;padding: 0 20px;line-height:45px;color:#fff;transition:.3s all;font-size:16px;}
.mVisual_dept .dept_tabArea .tabArea>li:hover a {color:#000;font-weight:500;}
.mVisual_dept .dept_tabArea .tabArea>li:first-child>a:before {opacity:.2;}
.mVisual_dept .dept_tabArea .tabArea>li:last-child>a:after {opacity:.2;}
.mVisual_dept .dept_tabArea .tabArea>li.on a:before {opacity:1}
.mVisual_dept .dept_tabArea .tabArea>li.on a:after {opacity:1}
.mVisual_dept .dept_tabArea .tabArea>li.on:first-child>a:before {opacity:1;}
.mVisual_dept .dept_tabArea .tabArea>li.on:last-child>a:after {opacity:1;}
.mVisual_dept .dept_tabArea .tabArea>li:first-child:hover>a:before {opacity:1;}
.mVisual_dept .dept_tabArea .tabArea>li:last-child:hover>a:after {opacity:1;}

/* Visual bgColor */
#mBgColor0 {background:#06adbe}
#mBgColor1 {background:#527ac7}
#mBgColor2 {background:#883987}
#mBgColor3 {background:#fb7fa4}
#mBgColor4 {background:#b0660c}
#mBgColor5 {background:#006fb8}
#mBgColor6 {background:#61a374}

.mSlider {display:none;}
.mSlider.on {display:block;}
.mSlider .slick-list {overflow:visible;}
.mSlider .unit {position:relative;width:1110px;height:480px;margin-right:290px;transition: .3s all;;}
.mSlider .unit .btnName {display:none;}
.mSlider .unit .txtArea {position:relative;display:inline-block;z-index:2;}
.mSlider .unit .txtArea .deptTit {display:inline-block;margin-top:38px;font-size:75px;font-weight:700;letter-spacing:-1px;color:#fff;line-height:100px;text-decoration:underline;text-decoration-thickness: 5px;text-underline-offset:13px;line-height:105px;}
.mSlider .unit .txtArea .txt {margin-top:30px;color:#fff;font-size:16px;;letter-spacing:0;}
.mSlider .unit .thumnail {position:absolute;right:0;top:0;z-index:1;transition:.5s all;}
.mSlider .unit .thumnail .img {position:relative;width:820px;height:480px;margin-right:20px;z-index:3;}
.mSlider .unit .thumnail .img>img {width:100%;height:100%;}
.mSlider .unit .thumnail .videoWrap {position:absolute;left:0;top:0;width:820px;height:480px;margin-right:20px;z-index:3;overflow:hidden;z-index:0;opacity:0;}
.mSlider .unit .thumnail .videoWrap .video {width:100%;height:100%;}
.mSlider .unit .thumnail .videoWrap .video iframe {position:absolute;width:100%;height:100%;}
.mSlider .unit.slick-current .thumnail .img:before {content:'';position:absolute;left:0;bottom:-115px;display:block;width:823px;height:619px;background:url(../img/main/mainVisual_shadow.png) no-repeat;z-index:2;transition:.3s all;}
.mSlider .unit .thumnail .thum_tit {position:absolute;right:0;top:0;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;font-size:12px;color:#fff;opacity:0;transition:.5s all;letter-spacing:0.5px;}
.mSlider .unit .thumnail .thum_tit:before {content:'';position:absolute;left:50%;bottom:-21px;display:block;width:1px;height:15px;margin-left:0px;background:#fff;opacity:0.5}
.mSlider .unit .thumnail .img>a {position:relative;display:block;width:100%;height:100%;z-index:2;pointer-events: auto;}
.mSlider .unit .thumnail .img>a>img {width:100%;height:100%;}
.mSlider .unit .thumnail .img>img {position:relative;display:block;z-index:2;}
.mSlider .unit .thumnail .img .youtubePlay:before {content:'';position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:url(../img/main/mVisual_youtubePlay.png) no-repeat center;}
.mSlider .unit  .btn {margin-top:55px;}
.mSlider .unit  .btn .btn_go {display:block;width:138px;height:50px;border:1px solid #fff;text-align:center;line-height:50px;color:#fff;font-size:16px;}
.mSlider .unit .thumnail .youTube {position:absolute;left:0;top:0;width:820px;height:480px;margin-right:20px;z-index:0;overflow:hidden;}
.mSlider .unit .thumnail .youTube .videoDim {position:absolute;width:100%;height:100%;z-index:100;}
.mSlider .unit .thumnail .youTube .ytp_frame {width:100%;height:100%;}
.mSlider .unit .thumnail .youTube .ytp_frame iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.mSlider .unit .txtArea {display:none;}
.mSlider .unit .btn {display:none;}
.mSlider .unit.slick-current .txtArea {display:inline-block;margin-left:35px;}
.mSlider .unit.slick-current .btn {display:block;margin-left:35px;}
.mSlider .unit.slick-current .thum_tit {opacity:1;}
.mSlider .unit.unit.slick-current+.unit .thumnail {left:0;}
.mSlider .slick-slider .slick-track,
.mSlider .slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mSlider .PageIndex {display:none;position:relative;width:100%;margin-top:40px;font-size:0;text-align:center;z-index:10}
.mSlider.on .PageIndex {display:block;}
.mSlider .PageIndex .slick-dots {display:none !important;font-size:0;}
.mSlider .PageIndex .slick-dots:first-child {display:block !important;}
.mSlider .PageIndex .slick-dots>li {display:inline-block;vertical-align:top;}
.mSlider .PageIndex .slick-dots>li+li {margin-left:28px;}
.mSlider .PageIndex .slick-dots>li.controller {margin-left:30px;}
.mSlider .PageIndex .slick-dots>li button {display:block;width:6px;height:6px;border-radius:50%;background:#fff;opacity:0.4;font-size:1px;text-indent:-9999px;overflow:hidden;transition:.2s all;}
.mSlider .PageIndex .slick-dots>li button:hover {opacity:1;}
.mSlider .PageIndex .slick-dots>li.slick-active button {background:#fff;opacity:1;}
.mSlider .slick-arrow{position:absolute;top:50%;box-sizing:border-box;font-size:16px;color:#fff;background-repeat:no-repeat;transform:translateY(-50%);z-index:1;}
.mSlider .slick-arrow.slick-prev{padding-left:35px;background-image:url(../img/main/mVisual_slickBtn_arrL.png);background-position:top 50% left 0;left:150px}
.mSlider .slick-arrow.slick-next{padding-right:35px;background-image:url(../img/main/mVisual_slickBtn_arrR.png);background-position:top 50% right 0;right:150px}
.mSlider .PageIndex .slick-dots>li.controller button {display:block;width:12px;height:12px;margin-top:-3px;border-radius:0;font-size:0;z-index:1;background:url(../img/main/mVisual_btn_pause.png) no-repeat center;opacity:0.5;}
.mSlider .PageIndex .slick-dots>li.controller button:hover {opacity:1;}
.mSlider .PageIndex .slick-dots>li.controller button.paused {background-image:url(../img/main/mVisual_btn_play.png);}

@media all and (max-width: 1800px) {
    /* mVisual */
    .mSlider .unit {margin-right:200px;}
    .mSlider .slick-arrow.slick-next {right:100px;}
    .mSlider .slick-arrow.slick-prev {left:100px;}
    .mSlider .slick-arrow {max-width:180px;text-align:left;}
}

@media all and (max-width: 1750px) {
    /* mVisual */
    .mVisual_dept {height:876px;}
    .mSlider .unit {width:980px;height:410px;margin-right:150px;}
    .mSlider .unit .thumnail .img {width:700px;height:410px;}
    .mSlider .unit .thumnail .videoWrap  {width:700px;height:410px;}
    .mSlider .unit .thumnail .youTube  {width:700px;height:410px;}
    .mSlider .unit .txtArea {max-width:700px}
    .mSlider .unit.slick-current .thumnail .img:before {bottom:-87px;height:519px;background-size:700px auto;}
    .mSlider .unit .txtArea .deptTit {margin-top:20px;font-size:65px;line-height:95px;}

    .mSlider .slick-arrow.slick-prev {left:20px;}
    .mSlider .slick-arrow.slick-next {right:20px;}
}


@media all and (max-width: 1650px) {
    .typeDeptPromotion #introIndex header>nav {padding-left:150px;}
    .typeDeptPromotion #introIndex header>nav #gnb li {padding:0 50px;}
}


@media all and (max-width: 1400px) {
    .typeDeptPromotion #introIndex header>nav {padding-left:300px;}
    .typeDeptPromotion #introIndex header>nav #gnb li {padding:0 35px;}
    .typeDeptPromotion #introIndex header>nav #gnb li a {font-size:19px;}

    .mVisual_dept .dept_tabArea {padding-top:160px;}
    .mVisual_dept .dept_tabArea .tabArea>li a {padding:0 20px;}
    .mVisual_dept {height:auto;padding-bottom:50px;}

    .mSlider .unit.slick-current .thumnail .img:before {bottom:-78px;}
    .mSlider .unit {width:auto;height:auto;margin:0 20px;}
    .mSlider .unit .thumnail {position:relative;}
    .mSlider .unit .txtArea .deptTit br {display:none;}
    .mSlider .unit.slick-current .txtArea {display:block;margin-left:0;}
    .mSlider .unit.slick-current .btn {margin-left:0;}
    .mSlider .unit .thumnail .thum_tit {display:none;}
    .mSlider .slick-arrow {display:none !important;}
    .mSlider .unit .txtArea {display:block;}
    .mSlider .unit .btn {display:block;}
    .mSlider .unit .txtArea .deptTit {max-width:520px;max-height:94px;margin-top:10px;font-size:45px;overflow:hidden;text-decoration-thickness: 3px;text-underline-offset: 7px;}
    .mSlider .unit .txtArea .txt {margin-top:5px;}
    .mSlider .unit .btn {margin-top:35px;}
}

@media all and (max-width: 1041px) {
    .typeDeptPromotion #introIndex header {height:auto;padding:0 20px;}
    .typeDeptPromotion #introIndex header h1 {position:relative;left:0;top:0;padding-top:10px;text-align:center;}
    .typeDeptPromotion #introIndex header>nav {padding:0;}
    .typeDeptPromotion #introIndex header>nav #gnb {width:calc(100% + 10px);margin-left:-10px;padding-top:12px;padding-bottom:20px;}
    .typeDeptPromotion #introIndex header>nav #gnb li {width:calc(33.333% - 10px);margin-left:10px;height:40px;border:1px solid #fff;margin-left:10px;padding:0;box-sizing:border-box;}
    .typeDeptPromotion #introIndex header>nav #gnb li:before {display:none;}
    .typeDeptPromotion #introIndex header>nav #gnb li a {line-height:40px;}
    .typeDeptPromotion #introIndex header>nav #gnb li a>span {padding-left:0 !important;background:none !important;line-height:40px;font-weight:700;font-size:15px;}
    .typeDeptPromotion #introIndex .list_bbs {width:calc(100% + 10px);margin-right:-10px;margin-top:40px;margin-bottom:30px;}
    .typeDeptPromotion #introIndex #contents>.cont_wrap {padding-top:55px;}
    .typeDeptPromotion #introIndex footer {padding-top:0;}
    .typeDeptPromotion #introIndex .main_tit {line-height:35px;}
    .typeDeptPromotion .bnrArea {padding-top:50px;}

    /* mVisual */
    .mVisual_dept {height:800px;}
    .mVisual_dept .dept_tabArea {padding-top:143px;padding-left:20px;margin-bottom:20px;text-align:left;overflow:visible !important}
    .mVisual_dept .dept_tabArea .tabArea>li {background:transparent;}
    .mVisual_dept .dept_tabArea .tabArea>li a {padding-right:15px;padding-left:0;font-weight:700;opacity:0.5;color:#fff;font-size:18px;}
    .mVisual_dept .dept_tabArea .tabArea>li:hover {background:transparent;}
    .mVisual_dept .dept_tabArea .tabArea>li:hover a {color:#fff;font-weight:700;}
    .mVisual_dept .dept_tabArea .tabArea>li.on {background:transparent;}
    .mVisual_dept .dept_tabArea .tabArea>li.on a {opacity:1;color:#fff;font-weight:700;}
    .mVisual_dept .dept_tabArea .tabArea>li>a:before {display:none;}
    .mVisual_dept .dept_tabArea .tabArea>li>a:after {display:none;}

    .mSlider .unit {margin:0 20px;}
    .mSlider .unit .thumnail .img {width:520px;height:304px;margin-right:0;}
    .mSlider .unit .thumnail .youTube  {width:520px;height:304px;}
    .mSlider .unit .thumnail .videoWrap  {width:520px;height:304px;}
    .mSlider .unit .txtArea {max-width:520px}
    .mSlider .unit.slick-current .thumnail .img:before {bottom:-58px;width:580px;height:400px;background-size:540px auto;}
    .mSlider .unit .txtArea .deptTit {font-size:35px;line-height:75px;}
    .mSlider .unit .txtArea .txt {margin-top:0;font-size:15px;}
    .mSlider .unit .btn {margin-top:16px;}
    .mSlider .unit .btn .btn_go {width:108px;height:40px;line-height:40px;font-size:15px;}
    .mSlider .PageIndex  {position:absolute;left:50%;transform:translateX(-50%);bottom:45px;width:100%;margin-top:32px;}
    .mSlider .PageIndex .slick-dots>li+li {margin-left:15px;}
    .mSlider .PageIndex .slick-dots>li.controller {margin-left:15px;}
}

    
@media all and (max-width: 768px) {
    .typeDeptPromotion #introIndex header>nav #gnb {width:calc(100% + 5px);margin-left:-5px;}
    .typeDeptPromotion #introIndex header>nav #gnb li {width:calc(33.333% - 5px);margin-left:5px;}
    .typeDeptPromotion #introIndex header>nav #gnb li a>span {font-size:14px;}
    .typeDeptPromotion .bnrArea {padding-top:40px;}
    .typeDeptPromotion #introIndex .list_bbs {width:100%;margin-right:0;margin-top:38px;}
    .typeDeptPromotion #introIndex footer address>span {display:block;padding-right:0;margin-right:0;}
    .typeDeptPromotion #introIndex footer address>span::after {display:none;}

    /* mVisual */
    .mVisual_dept {height:660px;}
    .mVisual_dept .dept_tabArea {padding-top:130px;margin-bottom:5px;}
    .mVisual_dept .dept_tabArea .tabArea>li a {font-size:17px;}
    .mSlider .unit {margin:0 7.5px;}
    .mSlider .unit .thumnail .img {width:400px;height:234px;}
    .mSlider .unit .thumnail .youTube  {width:400px;height:234px;}
    .mSlider .unit .thumnail .videoWrap  {width:400px;height:234px;}
    .mSlider .unit .txtArea {max-width:400px}
    .mSlider .unit.slick-current .thumnail .img:before {bottom:-36px;height:245px;background: url(../img/main/m/mainVisual_shadow.png) no-repeat;background-size:400px auto;}
    .mSlider .unit .txtArea .deptTit {max-width:400px;font-size:26px;line-height:45px;letter-spacing:-.5px;text-decoration-thickness: 2px;text-underline-offset:6px;}
    .mSlider .unit .txtArea .txt {font-size:14px;}
    .mSlider .unit .btn .btn_go {width:95px;height:35px;line-height:35px;font-size:14px;}
    .mSlider .unit .thumnail .img .youtubePlay:before {background-image:url(../img/main/m/mVisual_youtubePlay.png);background-size:24px auto;}
}


@media all and (max-width: 600px) {
    /* mVisual */
    .mVisual_dept {height:605px;}
    .mSlider .unit .thumnail .img {width:300px;height:176px;}
    .mSlider .unit .thumnail .youTube  {width:300px;height:176px;}
    .mSlider .unit .thumnail .videoWrap  {width:300px;height:176px;}
    .mSlider .unit .txtArea {max-width:300px}
    .mSlider .unit.slick-current .thumnail .img:before {bottom:-56px;width:320px;height:215px;background-size:300px auto;}
}


@media all and (max-width: 390px) {
    .mVisual_dept {height:590px;padding-bottom:20px;}
    .mSlider .unit .thumnail .img {width:260px;height:152px;}
    .mSlider .unit .thumnail .youTube  {width:260px;height:152px;}
    .mSlider .unit .thumnail .videoWrap  {width:260px;height:152px;}
    .mSlider .unit .txtArea {max-width:260px}
}

@media all and (max-width: 370px) {
    .typeDeptPromotion #introIndex header>nav #gnb li a>span {font-size:13px;}
}

/* animation */
.mSlider .slider  {animation:mOpacity 0.5s forwards .8s;opacity:0;}
.mSlider .slick-arrow {transition:.5s all;opacity:1;}
.mSlider .slick-arrow.txtAni {opacity:0;}

@keyframes mOpacity {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    } 
}