@charset "UTF-8";


/******************************************************************************/

/* slick slider default */
.slider .slick-arrow { position:absolute; top:50%; z-index:5; text-indent:-9999px; }
.slider .slick-dots { display: flex !important; align-items: center; justify-content: center; gap:10px; }
.slider .slick-dots li button { text-indent:-9999px; width:10px; height:10px; background:#fff; border-radius:50%; opacity:.2; }
.slider .slick-dots li.slick-active button { opacity:1; }

.dotlist { width:auto; display:flex; gap:25px; margin-right:15px; }
.dotlist button,
.dotlist a { font-size:0; width:20px; height:20px; border-radius:50%; background:#e7e7e7; position:relative; }
.dotlist button:before,
.dotlist a:before { content:""; display:block; width:8px; height:8px; background:#949697; border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.dotlist button.on,
.dotlist a.on { background:none; border:3px solid #2f3191; }
.dotlist button.on:before,
.dotlist a.on:before { background:#2f3191; }

@media (max-width:767px) {
    .slider .slick-dots li button { width: 8px; height: 8px; }
    .dotlist { gap:10px; }
    .dotlist a { width:16px; height:16px; }
    .dotlist button.on,
    .dotlist a.on { border-width:2px; }
    .dotlist button:before,
    .dotlist a:before { width:7px; height:7px; }
}


/***************************************************************************************************************/

.newMain { position:relative; z-index:10; margin-top:130px; overflow:hidden; }
.newMain .inner { max-width:1440px; width: 100%; margin:auto; display:flex; justify-content: space-between; }

@media (max-width:1470px) {
    .newMain .inner { max-width:100%; padding:0 15px; }
}

@media (max-width:1199px) {
    .newMain { margin-top:0; }
}

/***************************************************************************************************************/

/*visual*/
.vs { width: 100%; height:calc(100vh - 130px);  position:fixed; z-index:1; overflow:hidden; }
.vs nav { position:absolute; right:-450px; bottom:0; height: 100%; padding-left:80px; z-index:2; transition:all .3s; }
.vs nav button { position:absolute; bottom:0; left:0; width:80px; height:250px; font-size:18px; background:rgba(7,17,54,.8) url(/images/home/kor/user/main_new/icon_plus.png) no-repeat center 30px; color:#fff; font-weight: 700; box-sizing:border-box; padding:55px 30px 160px; }
.vs nav ul { width:450px; height:100%; background:rgba(7,17,54,.8); float:right; box-sizing:border-box; border-left:1px solid #202949; }
.vs nav li { /*height:12.5%;*/ border-bottom:1px solid #202949; }
.vs nav li a { display:flex; align-items: center; height: 100%; color:#fff; font-size:18px; font-weight: 400; line-height:1.4; padding-left:40px; }
.vs nav li i { font-weight:700; margin-right:12px; }
.vs nav li span { padding-right:55px; width:85%; }
.vs nav li a:hover > span { background:url(/images/home/kor/user/main_new/icon_arrow.png) no-repeat center right;  }
.vs nav.on { right:0; }

.vs .slider,
.vs .slider .slick-list,
.vs .slider .slick-track { width: 100%; height:100%; }
.vs .slider .item { width: 100%; /*height:100vh;*/ position:relative; background:#eee; }
.vs .slider .item img { min-width:100vw; height: 100%; max-height:100% !important; max-width:300% !important; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); object-fit: cover; z-index:-1; }
.vs .slider .tit { color:#fff; position:absolute; width: 1440px; left:50%; transform:translate(-50%); top:25vh; }
.vs .slider h2 { font-size:66px; font-weight: 700; color:#fff; }
.vs .slider h2 + p { font-size:21px; margin-top:15px; }

.vs > .inner { position:absolute; left:50%; transform:translateX(-50%); }
.vs > .btn { bottom:70px; }
.vs .dot { top:58vh; display:flex; align-items: center; justify-content: flex-start; gap:10px; }
.vs .dot button { color:#fff; font-family: 'Paperlogy'; font-weight: 600; font-size:15px; }
.vs .dot button.pause { width:12px; height:12px; margin-top:1px; text-indent:-9999px; background:url(/images/home/kor/user/main_new/bullet_stop.png) no-repeat center; }
.vs .dot button.pause.on { background:url(/images/home/kor/user/main_new/bullet_play.png) no-repeat center; }

/*타이틀 하단 정렬*/
.vs.bottom .slider .tit { top:unset; bottom:15vh; }
.vs.bottom > .dot { top:inherit; bottom:5vh; }
.vs.bottom > .btn { display:none; }

/*비주얼/배너*/
.vs.mo,
.vs.bn { max-height:calc(100vh - 130px); height:50vw; }

.vs.mo > .dot,
.vs.bn > .dot { top:inherit; bottom:70px; }
.vs.mo > .btn,
.vs.bn > .btn{ display:none; }

/*pc/mobile 이미지제어*/
.vs .slider .item img.pc { display:block; }
.vs .slider .item img.mo { display:none; }

.probox { display:flex; align-items: center; gap:10px; }
.probox span { color:#fff; font-family: 'Paperlogy'; font-weight: 600; }
.probox .progress { width:150px; height:1px; background:rgba(255,255,255,.4); position:relative; }
.probox .progress i { position:absolute; top:0; left:0; width:0; height:100%; background:#fff; }


@media (max-width:1470px) {
    .vs { width: 100%; }
    .vs .slider .tit { width: 100%; left:50%; transform:translate(-50%); padding:0 15px; }
    .vs .box { width: 100%; bottom:90px; padding:0 15px; }
}



@media (max-width:1199px) {
    .vs { max-height:100vh; height:100%; position:fixed; z-index:1; overflow:hidden; background:rgba(7,17,54,.8); }
    .vs nav { position:absolute; left:0; bottom:0; width:100%; height: auto; padding:0; }
    .vs nav button { position:relative; width: 100%; height: 60px; background-image:none; padding:0 30px; text-align:left; }
    .vs nav button:after { content:""; display:block; width:20px; height:12px; background:url(/images/home/kor/user/main_new/bullet_mainVisual.png) no-repeat; position:absolute; top:50%; right:30px; transform:translateY(-50%) rotate(180deg); }
    .vs nav button br { display:none; }
    .vs .box > button { display:none; }

    /*비주얼/배너*/
    .newMain { background:rgba(7,17,54,.8); }
    .vs.mo,
    .vs.bn { overflow:visible; }
    .vs.mo nav,
    .vs.bn nav { bottom:-60px; }
    .vs.mo > .dot,
    .vs.bn > .dot { bottom:3.5vh; }

    /*pc/mobile 이미지제어*/
    .vs .slider .item img.pc { display:block !important; }
    .vs .slider .item img.mo { display:none !important; }

    .vs nav ul { display:none; width:100%; height:auto; float:none; border-left:none; border-top:1px solid #202949; overflow:hidden; }
    .vs nav li { float:left; width:50%; height: 60px !important; border-bottom:1px solid #202949; }
    .vs nav li:nth-child(odd) { border-right:1px solid #202949; }
    .vs nav li a { display:flex; align-items: center; height: 100%; color:#fff; font-size:18px; font-weight: 400; line-height:1.4; padding-left:40px; }
    .vs nav li i { font-weight:700; margin-right:12px; }
    .vs nav li span { padding-right:55px; }
    .vs nav li a:hover span { background:none; }
    .vs nav li span span { display:none; }
    .vs nav.on ul { display:block; }
    .vs nav.on button:after { transform:translateY(-50%) rotate(0); }

    .vs .slider h2 { font-size:50px; }
    .vs .slider h2 + p { font-size:18px; line-height:1.5; }
    .vs:not(.bottom, .mo, .bn) .dot { top:60vh; }
    .vs > .btn { display:none; }

    .vs.mo .slider .tit,
    .vs.bn .slider .tit { top:18vw; }
    .vs.mo .slider h2,
    .vs.bn .slider h2 { font-size:5vw; }

    /*타이틀 하단 정렬*/
    .vs.bottom .slider .tit { top:unset; bottom:150px; }
    .vs.bottom > .dot { bottom:100px; }

    @media (max-height:650px) {
        .vs.mo + .box_hd1, .vs.bn + .box_hd1 { height:100vh;}
        .vs.mo, .vs.bn { height:100vh; max-height:calc(100vh - 55px); }
    }
}

@media (max-width:767px) {
    .vs nav li a { font-size:16px; padding:0 10px 0 30px; }
    .vs nav li i { margin-right:15px; }
}
@media (max-width:620px) {
    .vs nav button { height: 50px; padding:0 15px; font-size:14px; border-top:1px solid #2f3858; }
    .vs nav button:after { width:10px; height:6px; background-size:100%; top:49%; right:15px; }
    .vs nav li { height:50px; }
    .vs nav li a { font-size:12px; padding:0 10px; }
    .vs nav li i { margin-right:5px; }
    .vs nav li span { padding-right:0; word-break:break-all; }
    .vs nav li a:hover span { background:none; }

    .vs .slider h2 { font-size:30px; }
    .vs .slider h2 + p { font-size:15px; }
    .vs .dot { top:60vh; }
    .vs > .btn { display:none; }
    .probox .progress { width:100px; }

    /*비주얼/배너*/
    .vs.mo,
    .vs.bn { height:51vw; }
    .vs.mo nav,
    .vs.bn nav{ bottom:-50px; }
    .vs.mo > .dot,
    .vs.bn > .dot { bottom:25px; }
    .vs.mo .slider h2,
    .vs.bn .slider h2 { font-size:6vw; }
    .vs.mo .slider h2 + p,
    .vs.bn .slider h2 + p { font-size:2vw; }
}

@media(max-width:550px) {
    .vs.bn { position:relative; z-index:16; }
    .vs.bn nav button:after { transform:translateY(-50%) rotate(0); }
    .vs.bn nav.on button:after { transform:translateY(-50%) rotate(180deg); }
    .vs.bn nav { top:100%; background:rgba(7,17,54,.8); }
    .vs.bn nav li { height:60px; }
    .vs.bn > .dot { bottom: 4vw; }
    .vs.bn .dot button.pause { width:10px; height:10px; margin-top:2px; }
    .vs.bn .slider .tit { top:20vw; }
    .vs.bn .slider h2 + p { margin-top: 1vw; }

    .probox .progress { width:60px; margin-top:3px; }
}

/*모바일화면 시작기준점*/
@media (max-width:530px) {
    .vs.mo { height:142vw; }
    /*pc/mobile 이미지제어*/
    /*.vs .slider .item img { min-width:auto; }*/
    .vs .slider .item img.pc { display:none !important; }
    .vs .slider .item img.mo { display:block !important; width:100%; }

    .vs.mo .slider .tit { top:52vw; }
    .vs.mo .slider h2 { font-size:9vw; }
    .vs.mo .slider h2 + p { font-size:4vw; }
}

@media (max-width:430px) {
    /*비주얼/배너*/
    .vs.mo nav { bottom:-50px; }
}


/***************************************************************************************************************/

/* section2 */
.sc_notice { width:100%; height:calc(101vh + 100px); position:relative; z-index:15; box-sizing:border-box; box-shadow:0 0 15px 0 rgba(0,0,0,.15); display:flex; background:#fff; overflow:hidden; }
.sc_notice:before,
.sc_notice:after { content:""; display:block; width:550px; height:550px; border-radius:50%; background:rgba(70,102,174,.5); filter:blur(50px); position:absolute; z-index:-1; animation:blurAni infinite alternate 1.5s; }
.sc_notice:before { top:-350px; left:-350px; }
.sc_notice:after { bottom:-350px; right:-350px; }

@keyframes blurAni {
    0% { opacity: .3; zoom:.1;}
    100% { opacity: 1; zoom:1; }
}

.sc_notice.on { position:fixed; top:0; z-index:15; }
.sc_notice .inner { display:flex; justify-content: space-between; align-items: center; }
.sc_notice .latest { width: 650px; }
.sc_notice .latest .tit { overflow:hidden; display:flex; justify-content: space-between; align-items: center; }
.sc_notice .latest h3 { color:#000; font-size:42px; font-weight: 700; }
.sc_notice .latest .tit a { display:block; width:29px; height:29px; position:relative; font-size:0; }
.sc_notice .latest .tit a:before { content:""; display:block; width:100%; height:3px; background:#000; position:absolute; top:13px; left:0; }
.sc_notice .latest .tit a:after { content:""; display:block; width:3px; height:100%; background:#000; position:absolute; top:0; left:13px; }
.sc_notice .latest ul { margin-top:20px; border-top:2px solid #000; }
.sc_notice .latest li { border-bottom:1px solid #e0e0e5; padding:22px 0; width: 100%; overflow:hidden; }
.sc_notice .latest li:nth-child(n+5) { display:none; }
.sc_notice .latest li a { display:grid; grid-template-columns: 80px 1fr; overflow:hidden; gap:30px; align-items: center; }
.sc_notice .latest li a i { display:flex; width:80px; height:80px; border-radius:15px; box-sizing:border-box; justify-content: center; align-items:center; flex-direction:column; color:#000; transition:all .3s; background:#e5e5ef; }
.sc_notice .latest li a i span { font-size:24px; font-weight:700; }
.sc_notice .latest li a i p { font-size:12px; }
.sc_notice .latest li a:hover i { background:#2f3191; color:#fff; }
.sc_notice .latest li dl { overflow:hidden; }
.sc_notice .latest li dt { color:#000; font-size:20px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc_notice .latest li dd { margin-top:10px; color:#505561; font-size:16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.sc_notice .bn { width:700px; margin-top:157px; }
.sc_notice .slider { width: 100%; height: 540px; border-radius:40px; overflow:hidden; box-shadow: rgba(201, 209, 233, .9) 0px 25px 65px 0px; }
.sc_notice .slider .slick-list,
.sc_notice .slider .slick-track { height:100%; }
.sc_notice .slider .item { width: 100%; height:100%; }
.sc_notice .slider .item img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:auto; max-width:140% !important; min-width:100%; height:100%; }

.sc_notice .btn { display:flex; justify-content: flex-end; align-items: center; margin-top:25px; gap:15px; z-index:10; position:relative; }
.sc_notice .btn .dotlist { width:auto; display:flex; gap:25px; margin-right:15px; }
.sc_notice .btn > button { display:block; width:36px; height:36px; border:1px solid #9099b1; border-radius:50%; font-size:0; align-self:flex-end; }
.sc_notice .btn > button.play { background:url(/images/home/kor/user/main_new/icon_play.png) no-repeat center; }
.sc_notice .btn > button.stop { background:url(/images/home/kor/user/main_new/icon_stop.png) no-repeat center; }
.sc_notice .btn > button.active { opacity:.3;}

.sc_notice .lr { display:flex; flex-direction: column; width:65px; gap:10px; position:relative; left:calc(100% - 30px); bottom:227px; }
.sc_notice .lr button { width:65px; height:65px; border-radius:50%; background:#fff; box-shadow:0 5px 5px 0; box-shadow:0 0 12px rgba(0,0,0,.1); font-size:0; right:0; }
.sc_notice .lr button.prev { background:#fff url(/images/home/kor/user/main_new/bullet_prev.png) no-repeat center; }
.sc_notice .lr button.next { background:#fff url(/images/home/kor/user/main_new/bullet_next.png) no-repeat center; }



@media (max-width:1570px) {
    .sc_notice .lr { left:calc(100% - 50px); }
}

@media (max-width:1470px) {
    /* section2 */
    .sc_notice .latest { width:48%; }
    .sc_notice .bn { width:48%; }
}
@media (max-width:1199px) {

    /* section2 */
    .sc_notice { height:auto; padding:80px 0; box-shadow:inherit; overflow:visible; }
    .sc_notice .inner { flex-direction: column; }

    .sc_notice .latest { width: 100%; }
    .sc_notice.on { position:relative; }
    .sc_notice .bn { width:100%; margin-top:50px; }
    .sc_notice .slider { height:59vw; max-height:540px; }
    .sc_notice .slider .item img { max-height:inherit !important; max-width:auto !important;  width:100% !important; }

    .sc_notice .btn {  justify-content: flex-start; gap:10px; }
    .sc_notice .lr { display:flex; flex-direction: row; justify-content: flex-end; width:auto; left:inherit; bottom:10vw; top:inherit; right:0; gap:15px; }

    /*.sc_notice:before,*/
    /*.sc_notice:after { width:300px; height:300px; }*/
    .sc_notice:before { width:150px; height:200px; top:-25px; left:0; border-radius: 0 150px 150px 0; transform:rotate(90deg); }
    .sc_notice:after { width:300px; height:300px; bottom:-120px; right:-150px; }

}
@media (max-width:767px) {

    /* section2 */
    .sc_notice { padding:40px 0 30px; min-height:auto; }
    .sc_notice .latest h3 { font-size:25px; }
    .sc_notice .latest .tit a { width:19px; height:19px; }
    .sc_notice .latest .tit a:before { width: 19px; height:2px; top:50%; transform:translateY(-50%); }
    .sc_notice .latest .tit a:after { width:2px; height:19px; top:0; left:50%; transform:translateX(-50%); }
    .sc_notice .latest ul { margin-top: 15px; }
    .sc_notice .latest li { padding:15px 0; }
    .sc_notice .latest li a { gap:10px; grid-template-columns:50px 1fr; }
    .sc_notice .latest li a i { width:50px; height:50px; border-radius:10px; }
    .sc_notice .latest li a i span { font-size:15px; }
    .sc_notice .latest li a i p { font-size:10px; margin-top: 1px; }
    .sc_notice .latest li dt { font-size:15px; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; white-space:initial; }
    .sc_notice .latest li dd { display:none; }

    .sc_notice .bn { width:100%; margin-top:40px; }
    .sc_notice .slider { border-radius:20px; height:65vw; box-shadow: rgba(201, 209, 233, .9) 0px 15px 45px 0px; }
    .sc_notice .btn { margin-top:15px;  }
    .sc_notice .btn .dotlist { gap:15px; }
    .sc_notice .btn > button { width:30px; height:30px; background-size:7px !important;  }
    .sc_notice .lr { gap:5px; bottom:60px; }
    .sc_notice .lr button { width:32px; height:32px; background-size:5px !important; }

    /*.sc_notice:before,*/
    /*.sc_notice:after { width:200px; height:200px; }*/
    /*.sc_notice:before { width:200px; height:200px; top:-100px; left:-100px; }*/
    .sc_notice:before { left:-100px; }
    .sc_notice:after { width:200px; height:200px; bottom:-120px; right:-120px; }
}
@media (max-width:550px) {
    .sc_notice .lr { bottom:11vw; }
}
@media (max-width:480px) {
    .sc_notice .lr { bottom:15vw; }
}

/***************************************************************************************************************/


/* section3 */
.sc_bn { z-index:30; margin-top:-100px; background:url(/images/home/kor/user/main_new/bg_bn.png) no-repeat center; background-size:cover; position:relative; overflow:hidden; padding:140px 0 80px; box-shadow:0 0 15px 0 rgba(0,0,0,.1); }
.sc_bn .marquee { position:absolute; bottom:0; left:0; width:100%; z-index:-1; display:flex; flex-direction: column; align-items: center; justify-content: center; gap:80px; }
.sc_bn .marquee p { font-size:110px; font-weight: 700; color:#fff; width:100%; white-space:nowrap; animation: rolling 15s linear infinite ; }
@keyframes rolling {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

.sc_bn .tit { overflow:hidden; display:flex; justify-content: space-between; align-items: flex-end; }
.sc_bn .tit h3 { font-size:50px; color:#000; font-weight: 700;  }
.sc_bn .tit h3 b { color:#2f3191; }
.sc_bn .tit .box { display:flex; align-items: center; gap:20px; }
.sc_bn .tit a.more { display:flex; border:1px solid #242424; width:230px; height:65px; border-radius:30px; padding-left:30px; align-items: center; font-weight: 700; position:relative; }
.sc_bn .tit a.more:before { content:""; display:block; position:absolute; top:50%; right:7%; transform:translateY(-50%); width:13px; height:13px; background:url(/images/home/kor/user/main_new/bullet_more.png) no-repeat; }

.sc_bn > article.inner { margin:60px auto 80px; }

.sc_bn .slider_box { margin:65px auto 0; width: 1440px; }
.sc_bn .slider_box .slick-list { width:calc(calc(1440px * 2) + 10.41%); }
.sc_bn .item ul { display:grid; width: 1440px; grid-template-columns: 60.4% 29.16%; gap:0 10.41%;
    grid-template-areas :
                    "a b"
                    "a c";
}
.sc_bn .item li:first-child { grid-area: a; }
.sc_bn .item li:nth-child(2) { grid-area: b; }
.sc_bn .item li:nth-child(3) { grid-area: c; margin-top:35px; }

.sc_bn .item { opacity:.15; transition:all .3s; }
.sc_bn .item.slick-current { opacity:1; }
.sc_bn .item .img { width:100%; height:250px; background: #000; border-radius:30px; overflow:hidden; position:relative; }
.sc_bn .item .img i { position:absolute; bottom:0; left:30px; background:#000; color:#fff; z-index:10; width:auto; height: 40px; padding:0 20px; display:flex; align-items: center; justify-content: center; border-radius:7px 7px 0 0; }
.sc_bn .item .img img { position:absolute; width:100vw; height: 100%; object-fit: cover; top:50%; left:50%; transform: translate(-50%, -50%); }
.sc_bn .item dt { width:calc(95% - 74px); margin-top:25px; color:#000; font-size:18px; line-height:1.5; font-weight: 700; }
.sc_bn .item dd { margin-top:15px; color:#444; font-size:15px; }
.sc_bn .item dl { position:relative; }
.sc_bn .item dl:before { content:""; display:block; width:16px; height:16px; background:url(/images/home/kor/user/main_new/icon_arrow_go.png) no-repeat; position:absolute; top:14px; right:10px; z-index:7; }
.sc_bn .item dl:after { content:""; display:block; width:52px; height:52px; background:#2f3191; border:11px solid #d5d6e9; border-radius:50%; position:absolute; top:-15px; right:-20px; z-index:2; opacity:0; transition:all .3s; }
.sc_bn .item .arrow { display:none; }
.sc_bn .item li:first-child .img { height:530px; }
.sc_bn .item li:first-child dt { margin-top:40px; font-size:32px; }
.sc_bn .item li:first-child dd { margin-top:30px; font-size:17px; }

.sc_bn .item li a:hover dl:before { filter:invert(100%); }
.sc_bn .item li a:hover dl:after { opacity:1; }

@media (max-width:1570px) {
    .sc_bn .item dl:before { right:29px; }
    .sc_bn .item dl:after { right:0; }
}

@media (max-width:1470px) {
    .sc_bn .tit { flex-direction: column; gap:20px; }
    .sc_bn .tit h3 { margin-right:auto; }
    .sc_bn .slider_box { margin:65px auto 0; width: 100%; padding:0 15px; }
    .sc_bn .slider_box .slick-list { width:100%; }
    .sc_bn .item ul { width: 100%; }
}

@media (max-width:1199px) {
    /* section3 */
    .sc_bn { z-index:10; margin-top:0; background:url(/images/home/kor/user/main_new/bg_bn.png) no-repeat center; background-size:cover; position:relative; overflow:hidden; padding:0 0 80px; box-shadow:none; }
    .sc_bn .tit { align-items: flex-start; }
    .sc_bn .tit a.more {  width:220px; height:55px; border-radius:30px; padding-left:30px; }

    .sc_bn .slider_box { margin:45px auto 0; }
    .sc_bn .item ul { display:block; }
    .sc_bn .item li { width:100%; margin-top:5vw !important; }
    .sc_bn .item li:first-child { margin-top:0 !important; }

    .sc_bn .item .img { height:50vw !important; }
    .sc_bn .item dt { width:calc(95% - 74px); margin-top:25px !important; font-size:18px !important;  }
    .sc_bn .item dd { margin-top:10px !important; font-size:15px !important; }
    .sc_bn .item dl:before { width:16px; height:16px; background:url(/images/home/kor/user/main_new/icon_arrow_go.png) no-repeat; top:14px; right:10px; }
    .sc_bn .item dl:after { display:none; }

    .sc_bn .item li a:hover dl:before { filter:invert(0); }
    .sc_bn .item li a:hover dl:after { opacity:0; }

    .sc_bn .marquee p { font-size:15vw; }
}
@media (max-width:767px) {
    /* section3 */
    .sc_bn { margin-top:-1px; padding:60px 0; }
    .sc_bn .tit { gap:20px; }
    .sc_bn .tit h3 { font-size:25px; }
    .sc_bn .tit .box { gap:5px; }

    .sc_bn .tit a.more { width:120px; height:35px; border-radius:18px; padding-left:15px; font-size:12px;}
    .sc_bn .tit a.more:before { width:8px; height:8px; background-size:100%; right:10%; }
    .sc_bn .slider_box { margin-top:30px; }

    .sc_bn .item .img { border-radius:15px; }
    .sc_bn .item .img i { left:10px; font-size:11px; height:30px; padding:0 10px; }
    .sc_bn .item dl:before { top:30px; }
    .sc_bn .item dt { margin-top:15px !important; width:calc(100% - 40px); font-size:16px; }
    .sc_bn .item dd { font-size:14px !important; margin-top:13px !important; }
}

/*히든영역*/
.box_hd1 { width:100%; /*min-height:880px; height:100vh;*/ min-height:500px; }
.box_hd2 { width:100%; min-height:880px;  position:relative; z-index:-1; }
.sc_notice.on + .box_hd2 { margin-top:840px; }


@media (max-width:1199px) {
    /*히든영역*/
    .box_hd1 { min-height:auto; /*height:100vh;*/ }
    .box_hd2,
    .sc_notice.on + .box_hd2 { display:none; }
}

@media(max-width:550px) {
    .vs.bn + .box_hd1 { display:none; }
    .vs.bn + .box_hd1 + .sc_notice { margin-top:50px; }
    .sc_bn { z-index:1; padding-top:0; }
}

/*모니터 2560 이상일떄*/
@media (min-width:2500px) {
    .sc_notice { height:auto; box-shadow:none; overflow:visible; }
    .sc_notice.on { position:relative; }
    .sc_notice:before { width:235px; height:400px; top:-83px; left:0; border-radius:0 200px 200px 0; transform:rotate(90deg); }
    .sc_notice:after { bottom:-150px; right:-350px; }
    .box_hd2 { display:none; }
    .sc_bn { margin-top:-2px; box-shadow:none; z-index:5; }
}
/***************************************************************************************************************/