/* 레이아웃 */
body{margin-top:80px !important;}
.container{max-width:1440px;}

/* --------------------------- 상단 --------------------------- */
.wrap_header{position:fixed;left:0;top:0;z-index:100;width:100%;background:#fff;transition:all .3s;}
.header{display:flex;justify-content:space-between;align-items:center;height:80px;}

/* 상단 스크롤 고정 */
.wrap_header.header_fixed{box-shadow: 0 0 10px 3px rgba(0,0,0, 0.05);}

/* 메뉴 */
.menu > ul{display:flex;justify-content:center;align-items:center;}
.menu > ul > li{position:relative;}
.menu > ul > li > a{display:flex;justify-content:center;align-items:center;height:80px;font-size:1.8rem;font-family:'GmarketSans';color:#333;font-weight:400;padding:0 15px 2px;letter-spacing:-0.5px;transition: all .3s;}
.menu > ul > li > a.on, .menu > ul > li > a:hover{color:#febb17;}

.menu .menu_2{position:absolute;left:0;top:80px;width:100%;min-width:160px;display:none;background:#fff;padding:5px 0 20px 0;box-shadow:0 7px 15px 0 rgba(0,0,0, 0.08);}
.menu .menu_2:before{content:'';position:absolute;left:15%;top:-3px;display:block;width:70%;height:3px;background:#febb17;}
.menu .menu_2 li a{position:relative;z-index:1;display:flex;align-items:flex-end;width:100%;height:40px;font-size:1.5rem;font-family:'GmarketSans';color:#333;letter-spacing:-0.5px;padding:0 20px;}
.menu .menu_2 li a:before{content:'';position:absolute;left:20px;bottom:0;z-index:-1;display:block;width:0;height:8px;background:#febb17;transition: all .3s;}
.menu .menu_2 li a:hover:before{content:'';position:absolute;left:20px;bottom:0;z-index:-1;display:block;width:calc(100% - 40px);height:8px;background:#febb17;}

.top_menu{display:flex;justify-content:center;align-items:center;height:20px;}
.top_menu a{position:relative;display:inline-flex;align-items:center;height:20px;font-size:1.5rem;color:#333;padding:0 20px 2px;}
.top_menu a:after{content: '';position:absolute;right:0;top:0;display:inline-flex;width:1px;height:20px;background:#333;}
.top_menu a:last-child:after{display:none;}



/* --------------------------- 메인 --------------------------- */
.wrap_main_visual{position:relative;width:100%;height:calc(100vh - 80px);}

/* 메인 슬라이드 */
.hero{position:relative;}
.hero-slide > img{width: 100%;height:calc(100vh - 80px);object-fit: cover;object-position: top center;}
.slide-content{position:absolute;top:0;left:0;display:flex;justify-content:center;width:100%;height:100%;}


@-webkit-keyframes fadeInUpSD {
    0% {opacity: 0;-webkit-transform: translateY(100px);transform: translateY(100px);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}

@keyframes fadeInUpSD {
    0% {opacity: 0;-webkit-transform: translateY(100px);transform: translateY(100px);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}

.fadeInUpSD {-webkit-animation-name: fadeInUpSD;animation-name: fadeInUpSD;}
.slick-active .slide-content {animation-name: fadeInUpSD;animation-duration: 1s;opacity: 1;}

.box_slider_text{display:flex;flex-direction:column;justify-content:center;align-items: flex-start;max-width: 1440px;width:100%;height:100%;padding:2.5%;}

.box_slider_text p{font-family: 'GmarketSans';font-weight: 300;font-size:5.0rem;color:#2d2f42;}
.box_slider_text i{font-family: 'GmarketSans';font-weight: 400;font-size:1.8rem;color:#2d2f42;letter-spacing: 1px;}
.box_slider_text em{font-family: 'GmarketSans';font-weight: 600;font-size:6.6rem;color:#2d2f42;}
.box_slider_text em strong{font-family: 'GmarketSans';font-size:10.0rem;color:#2d2f42;}
.box_slider_text span{font-weight:300;font-size:1.8rem;color:#fff;line-height: 1.4;}
.box_slider_text a{display:flex;justify-content: center;align-items: center;width:240px;height:50px;font-family: 'GmarketSans';font-weight: 400;font-size:1.8rem;color:#fff;background:linear-gradient(to left, #ffc000, #ffa800);border-radius:50px;outline:none;}


.slick-dots {position: absolute;bottom:30px;display: block;width:100%;padding: 0;list-style: none;text-align: center;}
.slick-dots li {position: relative;display: inline-block;width: 60px;height: 4px;background:#fff;margin:0 1px;padding: 0;cursor: pointer;}
.slick-active button {background: #ffa800;}
.slick-dots li button {font-size: 0;line-height: 0;display: block;width: 60px;height: 4px;cursor: pointer;border: 0;outline: none;}
.slick-dots li button::before {font-size: 18px;color: #fff;opacity: 1;}



/* 스크롤 다운 */
.flxed_main_scroll{position: absolute;z-index:1000;bottom: 60px;left: 50%;transform: translate(-50%, -50%);}
.down {position: relative;width: 30px;height: 50px;border-radius: 25px;background: transparent;border: 1px solid #fff;overflow: hidden;}
.down:before {content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #fff;left: 50%;top: 15px;transform: translate(-50%, 0);animation: animate_down 1s linear infinite;}
.down:after {content: "";position: absolute;width: 4px;height: 12px;background: #fff;left: 50%;top: 5px;transform: translate(-50%, 0);border-radius: 3px;}

@keyframes animate_down {
    0% {transform: translate(-50%, 10px);}
    80% {transform: translate(-50%, 30px);}
    100% {transform: translate(-50%, 50px);}
}



/* 메인 배너 */
.wrap_main_banner{display: flex;justify-content: space-between;}
.wrap_main_banner ul{display: flex;width:calc(100% - 423px);background:#f7f7f7;border-radius:5px;}
.wrap_main_banner ul li{width:33.33333333333333%;border-left:1px solid #ddd;}
.wrap_main_banner ul li:nth-child(1){border-left:0;}
.wrap_main_banner ul li a{display:flex;justify-content: space-between;align-items:center;padding:30px;}
.wrap_main_banner ul li a span{display:flex;flex-direction: column;}

.wrap_main_banner em{font-size:1.9rem;color:#383a4a;font-weight:500;}
.wrap_main_banner i{font-size:1.5rem;color:#898989;font-weight:300;margin-top:10px;}

.wrap_main_banner img{max-width:60px;}

.wrap_main_banner .loc{display: flex;justify-content: space-between;align-items: center;width:407px;background:#3b3e51;border-radius:5px;margin-left:16px;padding:30px;}
.wrap_main_banner .loc span{display:flex;flex-direction: column;}
.wrap_main_banner .loc em{font-size:1.9rem;color:#fff;font-weight:500;}
.wrap_main_banner .loc i{font-size:1.5rem;color:rgba(255,255,255, .5);font-weight:300;margin-top:10px;}



/* 추가 배너 및 공지사항 */
.wrap_main_contents{display: flex;}
.box_fac{position:relative;display:flex;flex-direction: column;width:240px;height:266px;background:url('/images/main/bg_facil.jpg') no-repeat;background-size:cover;border-radius:5px;padding:30px;}
.box_fac em{font-size:2.6rem;color:#383a4a;font-weight:500;}
.box_fac i{font-size:1.6rem;color:rgba(255,255,255, .8);font-weight:300;margin-top:15px;}
.box_fac img{position:absolute;right:5px;bottom:5px;max-width:170px;width:auto;}
.box_use{position:relative;display:flex;flex-direction: column;width:240px;height:266px;background:linear-gradient(to left, #ffba00, #ffae00);border-radius:5px;padding:30px;margin:0 59px 0 16px;}
.box_use em{font-size:2.6rem;color:#fff;font-weight:500;line-height:1.2;}
.box_use i{font-size:1.6rem;color:rgba(255,255,255, .8);font-weight:300;line-height:1.3;margin-top:15px;}
.box_use img{position:absolute;right:0;bottom:0;width:auto;}
.box_notice{display:flex;width:calc(100% - 535px);}
.box_notice > a{display:flex;flex-direction: column;width:220px;}
.box_notice > div{width:calc(100% - 220px);border-top:1px solid #1a1662;}

.box_notice > a em{font-size:2.6rem;color:#383a4a !important;font-weight:500;line-height:1.2;}
.box_notice > a i{font-size:1.6rem;color:#71798c !important;font-weight:300;line-height:1.3;margin-top:15px;}

.ul_notice_list li a{display:flex;justify-content: space-between;padding:10px 0;}
.ul_notice_list li a span:nth-child(1){width:calc(100% - 80px);font-size:1.7rem;color:#000;line-height:1.2;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.ul_notice_list li a span:nth-child(2){width:80px;font-size:1.6rem;text-align: right;color:#777777;line-height:1.2;}



/* 협력사 */
.owl-carousel.parter{display:flex;flex-wrap:wrap;justify-content: space-between;}
.owl-carousel.parter div{text-align:center;}
.owl-carousel.parter div img{width:inherit !important;}



/* --------------------------- 하단 --------------------------- */
.footer{background:#383a4a;}
.footer address{line-height:1.8;font-size:1.4rem;font-weight:300;color:rgba(255,255,255,0.6);padding:23px 0;}
.footer address span{display:inline-block;font-weight:300;padding:0 15px;}
.footer address em{font-size:1.3rem;font-weight:300;color:rgba(255,255,255,0.6);}

.btn_top{position:absolute;right:20px;top:-30px;display:flex;flex-direction:column;justify-content: center;align-items: center;width:100px;height:94px;background:linear-gradient(to left, #ccaf37, #b29004);box-shadow:0 7px 15px 0 rgba(0,0,0, 0.08);}
.btn_top span{font-family:'Roboto';font-size:1.5rem;color:#fff !important;}
.btn_top img{margin-bottom:8px;transform: translate(-50%, 0);animation: animate_up 0.8s linear infinite;margin-left:20px;}


.layer_notice{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;background:#383a4a;padding:0 20px;}
.layer_notice strong{display:flex;justify-content:center;align-items:center;height:30px;font-size:1.8rem;font-weight:400;color:#ffcc00;border-bottom:1px solid #ffcc00;}
.layer_notice ul li{font-size:1.5rem;color:#fff;padding:7px 10px;}





@keyframes animate_up {
    0% {transform: translate(-50%, 0px);opacity: 0;}
    50% {transform: translate(-50%, -10px);opacity: 1;}
    100% {transform: translate(-50%, -20px);opacity: 0;}
}

/* 브레이크 포인트 */
/* xl */
@media(max-width:1439px){
    .footer.mf{display:flex;justify-content: space-between;}
    .box_footer{display:flex;;height:100%;}
    .box_footer div{height:100%;}

    /*
    .layer_notice{position:relative;right:inherit;top:inherit;display:flex;flex-direction:column;justify-content:center;flex-shrink:0;width:340px;height:auto;background:rgba(0,0,0, 0.2);padding:0 20px;}
    .layer_notice strong{display:flex;justify-content:center;align-items:center;height:30px;font-size:1.8rem;font-weight:400;color:#ffcc00;border-bottom:1px solid #ffcc00;}
    .layer_notice ul li{font-size:1.5rem;color:#fff;padding:7px 10px;}
    */
}

/* lg */
@media(max-width:1190px){
    /* 메뉴 */
    .menu > ul > li > a{font-size:1.5rem;padding:0 10px 2px;}
    .top_menu a{font-size:1.3rem;}

    /* 메인 배너 */
    .wrap_main_banner ul{width:calc(100% - 323px);}
    .wrap_main_banner ul li a{padding:20px;}
    .wrap_main_banner em{font-size:1.7rem;}
    .wrap_main_banner i{font-size:1.3rem;}
    .wrap_main_banner img{max-width:40px;}

    .wrap_main_banner .loc{width:307px;padding:20px;}
    .wrap_main_banner .loc em{font-size:1.7rem;}
    .wrap_main_banner .loc i{font-size:1.3rem;}

    /* 추가 배너 및 공지사항 */
    .wrap_main_contents{display: flex;}
    .box_fac{width:370px;height:auto;padding:20px;}
    .box_fac em{font-size:2.2rem;;}
    .box_fac i{font-size:1.4rem;}
    .box_use{width:240px;height:auto;padding:20px;margin:0 39px 0 16px;}
    .box_use em{font-size:2.2rem;}
    .box_use i{font-size:1.4rem;}
    .box_use img{position:absolute;right:0;bottom:0;width:auto;}
    .box_notice{display:flex;width:calc(100% - 655px);}
    .box_notice > a{display:flex;flex-direction: column;width:160px;}
    .box_notice > div{width:calc(100% - 160px);border-top:1px solid #1a1662;}

    .box_notice a em{font-size:2.2rem;}
    .box_notice a i{font-size:1.4rem;}

    .ul_notice_list li a{display:flex;justify-content: space-between;padding:10px 0;}
    .ul_notice_list li a span:nth-child(1){width:calc(100% - 80px);font-size:1.5rem;color:#000;line-height:1.2;}
    .ul_notice_list li a span:nth-child(2){width:80px;font-size:1.4rem;text-align: right;color:#777777;line-height:1.2;}


    /* 협력사 */
    .owl-carousel.parter div img{width:auto !important;height:62px;}
}

/* md */
@media(max-width:991px){
    /* 레이아웃 */
    body{margin-top:50px !important;}
    .container{max-width:1000px;padding:0 15px;}

    /* --------------------------- 상단 --------------------------- */
    .mobile_wrap_header{position:fixed;left:0;top:0;z-index:9998;width:100%;background:#fff;transition:all .3s;padding:0 15px;}
    /* 상단 스크롤 고정 */
    .header{display:flex;justify-content:space-between;align-items:center;height:50px;padding:0;}
    .header h1 img{height:38px;}
    .btn_mobild_menu_on{display:flex;justify-content:center;align-items:center;width:40px;}
    .btn_mobild_menu_on img{height:26px;}
    .btn_mobild_menu_off{position:absolute;right:15px;top:12px;display:flex;justify-content:center;align-items:center;width:40px;height:26px;}
    .btn_mobild_menu_off img{height:20px;}


    /* 메뉴 */
    .mobile_menu{position:fixed;left:0;top:0;z-index:10010;width:100%;height:100vh;display:none;background:rgba(255,255,255, 1);}
    .mobile_menu > ul{margin:50px 0;}
    .mobile_menu > ul > li{position:relative;}
    .mobile_menu > ul > li > a{position:relative;display:flex;justify-content: center;align-items:center;height:40px;font-size:2rem;color:#333;font-weight:500;padding:30px 0;cursor: pointer;}

    .mobile_menu .menu_2{display:none;width:100%;margin:5px 0}
    .mobile_menu .menu_2 li a{position:relative;display:flex;justify-content:center;font-size:1.8rem;color:#666;width:100%;letter-spacing:-0.5px;padding:15px 0;}
    .mobile_menu .menu_2 li a:hover{color:#febb17;}
    .mobile_menu .menu_2 li a:before{content:'';position:absolute;left:50%;bottom:0;z-index:-1;display:block;width:0;height:1px;background:#febb17;transition: all .3s;}
    .mobile_menu .menu_2 li a:hover:before{content:'';position:absolute;left:20%;bottom:0;z-index:-1;display:block;width:calc(100% - 40%);background:#febb17;}



    .top_menu{display:flex;justify-content:center;align-items:center;height:20px;}
    .top_menu a{position:relative;display:inline-flex;align-items:center;height:20px;font-size:1.5rem;color:#333;padding:0 20px 2px;}
    .top_menu a:after{content: '';position:absolute;right:0;top:0;display:inline-flex;width:1px;height:20px;background:#333;}
    .top_menu a:last-child:after{display:none;}


    .wrap_main_visual{position:relative;width:100%;height:calc(100vh - 50px);}

    /* 메인 슬라이드 */
    .hero{position:relative;}
    .hero-slide > img{width: 100%;height:calc(100vh - 50px);object-fit: cover;object-position: top center;}
    .slide-content{position:absolute;top:0;left:0;display:flex;justify-content:center;width:100%;height:100%;}


    .box_slider_text{display:flex;flex-direction:column;justify-content:center;align-items: flex-start;max-width: 1440px;width:100%;height:100%;padding:8%;}

    .box_slider_text p{font-family: 'GmarketSans';font-weight: 300;font-size:3.0rem;color:#fff;}
    .box_slider_text i{font-family: 'GmarketSans';font-weight: 400;font-size:1.5rem;color:#fff;letter-spacing: 1px;}
    .box_slider_text em{font-family: 'GmarketSans';font-weight: 600;font-size:4rem;color:#fff;}
    .box_slider_text em strong{font-family: 'GmarketSans';font-size:4.0rem;color:#fff;}
    .box_slider_text span{font-weight:300;font-size:1.4rem;color:#fff;line-height: 1.4;}
    .box_slider_text a{display:flex;justify-content: center;align-items: center;width:160px;height:40px;font-family: 'GmarketSans';font-weight: 400;font-size:1.5rem;color:#fff;background:linear-gradient(to left, #ffc000, #ffa800);border-radius:50px;}


    .slick-dots {position: absolute;bottom:30px;display: block;width:100%;padding: 0;list-style: none;text-align: center;}
    .slick-dots li {position: relative;display: inline-block;width:40px;height: 4px;background:#fff;margin:0 1px;padding: 0;cursor: pointer;}
    .slick-active button {background: #ffa800;}
    .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 40px;height: 4px;cursor: pointer;border: 0;outline: none;}
    .slick-dots li button::before {font-size: 18px;color: #fff;opacity: 1;}


    /* 스크롤 다운 */
    .flxed_main_scroll{position: absolute;z-index:9998;bottom: 40px;left: 50%;transform: translate(-50%, -50%);}
    .down {position: relative;width: 30px;height: 50px;border-radius: 25px;background: transparent;border: 1px solid #fff;overflow: hidden;}
    .down:before {content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #fff;left: 50%;top: 15px;transform: translate(-50%, 0);animation: animate_down 1s linear infinite;}
    .down:after {content: "";position: absolute;width: 4px;height: 12px;background: #fff;left: 50%;top: 5px;transform: translate(-50%, 0);border-radius: 3px;}

    @keyframes animate_down {
        0% {transform: translate(-50%, 10px);}
        80% {transform: translate(-50%, 30px);}
        100% {transform: translate(-50%, 50px);}
    }




    /* 메인 배너 */
    .wrap_main_banner{flex-direction: column;}
    .wrap_main_banner ul{flex-direction:column;width:100%;}
    .wrap_main_banner ul li{width:100%;border-left:0;border-bottom:1px solid #eee;}
    .wrap_main_banner ul li:last-child{border-bottom:0;}
    .wrap_main_banner ul li a{width:100%;padding:20px;}
    .wrap_main_banner em{font-size:1.7rem;}
    .wrap_main_banner img{max-width:40px;}

    .wrap_main_banner .loc{width:100%;padding:20px;margin:10px 0 0 0;}
    .wrap_main_banner .loc em{font-size:1.7rem;}
    .wrap_main_banner .loc i{font-size:1.3rem;}


    /* 추가 배너 및 공지사항 */
    .wrap_main_contents{flex-direction: column;}
    .box_fac{width:100%;height:130px;padding:20px;}
    .box_fac img{position:absolute;right:10px;bottom:0;width:160px;}
    .box_use{width:100%;height:130px;padding:20px;margin:10px 0;}
    .box_use img{position:absolute;right:0;bottom:0;width:auto;}

    .box_notice{flex-direction: column;width:100%;}
    .box_notice > a{flex-direction:column;width:100%;}
    .box_notice > div{width:100%;border-top:0;margin-top:10px;}


    /* 협력사 */
    .owl-carousel.parter{justify-content:space-around;align-items: center;}
    .owl-carousel.parter div{padding:0 6px;}
    .owl-carousel.parter div img{height:36px;}


    /* --------------------------- 하단 --------------------------- */
    .footer{background:#383a4a;}
    .footer address{line-height:1.8;font-size:1.4rem;font-weight:300;color:rgba(255,255,255,0.6);padding:10px 0;}
    .footer address span{display:inline-block;font-weight:300;padding:0 15px;}
    .footer address em{font-size:1.3rem;font-weight:300;color:rgba(255,255,255,0.6);}

    .btn_top{position:absolute;right:20px;top:-25px;display:flex;flex-direction:column;justify-content: center;align-items: center;width:50px;height:50px;background:linear-gradient(to left, #ccaf37, #b29004);box-shadow:0 7px 15px 0 rgba(0,0,0, 0.08);}
    .btn_top span{font-size:1.3rem;}
    .btn_top img{width:10px;margin-bottom:8px;transform: translate(-50%, 0);animation: animate_up 0.8s linear infinite;margin-left:10px;}

    @keyframes animate_up {
        0% {transform: translate(-50%, 5px);opacity: 0;}
        50% {transform: translate(-50%, -5px);opacity: 1;}
        100% {transform: translate(-50%, -10px);opacity: 0;}
    }

    .footer.mf{display:flex;justify-content: flex-start;flex-direction: column;}
    .box_footer{order:3;display:flex;;height:100%;}
    .box_footer div{height:100%;}

    /*
    .layer_notice{order:2;position:relative;right:inherit;top:inherit;display:flex;flex-direction:column;justify-content:center;flex-shrink:0;width:100%;height:auto;background:rgba(0,0,0, 0.2);border-left:0;padding:20px;}
    .layer_notice strong{display:flex;justify-content:center;align-items:center;height:30px;font-size:1.8rem;font-weight:400;color:#ffcc00;border-bottom:1px solid #ffcc00;}
    .layer_notice ul li{font-size:1.5rem;color:#fff;padding:7px 10px;}
    */

}

/* sm */
@media(max-width:767px){


}

/* xs */
@media(max-width:575px){


}