@charset "utf-8";

@media (max-width:1740px) {
    .main_visu {padding-left: 93px;}
    .main_visu .vis_txt {top: 20px;left: 93px;}
    .main_visu .vis_txt strong {font-size: 54px;}
    .main_visu .bg_box {right: -70px;}
}

@media (max-width:1540px) {
    .wrap {max-width: 97%;}
    .main_visu {padding-left: 3%;}
    .main_visu .vis_txt {left: 3%;}

    /* CHARGE YOUR BUSINESS  */
    
}

@media (max-width:1300px) {
    .main_visu .vis_txt strong {font-size: 38px;}
    .main_visu .vis_txt strong > span {letter-spacing: 0;/*font-size: 48px;*/}
    .main_visu .bg_box > img {width: 1000px;}
    .main_visu .vis_sub {padding-top: 220px;}
    .main_visu .vis_sub .num_box .num > ul {padding: 1.2rem;}
    .main_visu .vis_sub .num_box .num > ul > li strong {font-size: 22px;}
    .main_visu .vis_sub .num_box .news a {padding: 1.2rem;}

    section .sec_tit {font-size: 32px;}
    .charge .tit_bg {width: 300px;}
    .yt .tit_bg {width: 570px;left: 56.12%;}
    .yt .sec_tit {padding-right: 27%;}
    .effective .tit_bg {width: 700px;}
    section .sec_tit_normal {font-size: 32px;}

    .charge .charge_list {/*flex-direction: column;*/justify-content: center;align-items: center;flex-wrap: wrap;}
    .charge .charge_list > li {padding: 100px 30px 0 30px;width: 45%;}
    .charge .charge_list > li:nth-of-type(1) {margin-right: 30px;}
    .charge .charge_list > li:nth-of-type(2) {margin: 30px 0;}
    .charge .charge_list > li .charge_list_box .list_tit {font-size: 28px;}
    .charge .charge_list > li .charge_list_box p br {display: none;}
    
    section.yt {position: relative;}
    .yt .tit_bg {left: auto;right: 0;}

    .banner .banner_box strong {font-size: 32px;}
    .banner .banner_box span > img {width: 200px;}
}

@media (max-width:1080px) {
    .navigation-top .main-navigation .gnb > li > a {font-size: 18px;padding: 0 9px 25px;}
    .main_visu {padding-left: 0;}
    .main_visu .vis_sub .num {margin-right: 30px;}
    .main_visu .vis_sub .num_box {margin-right: 0;display: flex;justify-content: center;align-items: center;}
    .main_visu .vis_sub .num_box .num > ul > li.full {padding-top: 0;width: auto;}
    .main_visu .vis_sub .num_box .news {border-top: none;flex: none;width: 215px;}
    .main_visu .vis_sub .num_box .news a {padding: 1.2rem 1.2rem 1.2rem 1.2rem ;}
    .main_visu .vis_sub {padding-top: 161px;display: block;}
    .main_visu .vis_txt strong br {display: none;}

    .effective .tit_bg {left: auto;right: 60px;}

    .time_banner .wrap {flex-direction: column;}
    .time_banner .wrap .day ul > li {margin-right: 30px;}
    .time_banner .wrap .day ul > li:last-of-type {margin-right: 0;}
    .time_banner .wrap .day ul > li strong {font-size: 28px;}
    .time_banner .start {margin-right: 0;margin-bottom: 0;}

    footer {padding: 40px 0;}
    footer .f_top {justify-content: center;margin: 0;}
    footer .f_top h1 {margin: 0;}
    footer .f_top h1 > a > img {width: 140px;}
    footer .ft-navigation {display: none;}
    footer .f_bottom {flex-direction: column; align-items: center;}
    
}

@media (max-width:960px) {
    .charge .charge_list {flex-direction: column;}
    .charge .charge_list > li {width: 100%;}
    .charge .charge_list > li:first-of-type {margin-right: 0;}
}

@media (max-width:767px) {
    header .menu-gnb-container {width: 100%;height: calc(100vh - 169px);overflow-y: auto;overflow-x: hidden;position: absolute;right:-110%;top: 93px;background-color: #fff;z-index: 1050;transition: all .3s;}
    header .menu-gnb-container.on {right: -1.5%;}
    header .menu-gnb-container a {color: #333;}
    /* .navigation-top {overflow-x: hidden;} */
    .navigation-top .sns {margin-right: 52px;}
    .navigation-top .main-navigation .gnb > li > a {min-width: 220px;padding: 0;font-weight: 700;padding: 1rem;}
    .main-navigation a:hover {color: #333 !important;}
    .gnb {margin: 0;}
    .main-navigation .gnb > li {margin-bottom: 20px;border-bottom: none;}
    .main-navigation .gnb > li.focus > a {color: #002cc3 !important;}
    .main-navigation .gnb > li .dropdown-toggle {top: 10px;}
    .main-navigation .menu-toggle {position: absolute;right: 0;top: 11px;}
    .main-navigation .menu-toggle > svg {fill: #000;background: #fff;width: 35px;height: 35px;border-radius: 7px;padding: 7px;}
    .gnb .sub-menu {display:none;}
    .gnb .sub-menu > li > a {text-align: left;padding: 0.5rem 1rem;}

    .main_visu .vis_sub .num {margin-right: 0;}
    .main_visu .vis_sub .num_box .num > ul {padding: 1.2rem 1.2rem 0 1.2rem;}
    .main_visu .vis_sub .num_box {flex-direction: column;}
    .main_visu .vis_sub .num_box .news {width: 250px;}

    section .sec_tit {font-size: 28px;}
    section .sec_tit_normal {font-size: 28px;}
    
    .yt .sec_tit {padding-right: 24%;}

    .effective .tit_bg {width: 500px;}
    .effective .eff_list {display: block;}
    .effective .eff_list > li {width: 100%;}
    .effective .eff_list li a {height: 210px;}
    .effective .eff_list li.bg p {font-size: 20px;}

    .time_banner .wrap .day ul {flex-wrap: wrap;justify-content: center;}
    .time_banner .wrap .day ul > li {margin-right: 0;justify-content: center;width: 30%;}
    .time_banner .wrap .day ul > li strong {font-size: 18px;}

    .banner .banner_box strong {font-size: 24px;}
    .banner .banner_box span {margin: 0 50px;}

    footer .f_bottom .info {color: #fff;}
}

@media (max-width:640px) {
    .main_visu .bg_box {width: 400px;right: 0;top: 59px;}
    .main_visu .vis_txt strong {font-size: 28px;padding-bottom: 9px;display: block;}
    .main_visu .vis_txt strong > span {font-size: 28px;}

    section.yt {margin-top: 150px;}

    .time_banner {margin-top: 70px;}

    .effective {margin-top: 120px;}
    .effective .sec_tit {padding-left: 10px;margin-bottom: 100px;}
    .effective .tit_bg {right: 10px;}

    .banner {margin-top: 90px;}
    .banner .banner_box {padding: 3rem 10px;}
    .banner .banner_box strong {font-size: 20px;}
    .banner .banner_box span {margin: 0 22px;}
    .banner .banner_box span > img {width: 140px;}
    .banner .banner_box .apply p {font-size: 14px;}
    .banner .banner_box .apply > img {width: 30px;}

    .logo_sec {margin-top: 80px;}

    footer .f_top h1 > a > img {width: 120px;}
    footer .f_bottom .info > ul > li strong {font-size: 16px;}
    footer .f_bottom .sns > span {font-size: 16px;}
    footer .f_bottom .info > ul > li strong br {display: block;} 
}

@media (max-width:480px) {
    .navigation-top {padding-bottom: 0;}
    .navigation-top .logo img {width: 90px;}
    .main_visu .vis_sub {padding-top: 169px;}

    section .sec_tit {font-size: 22px;}

    .yt .sec_tit {padding-right: 39%;}
    section.yt .tit_bg {width: 300px;transform: translateY(-77px);}

    .effective .tit_bg {width: 260px;transform: translateY(-45%);}
    .effective .tit_bg > img {height: 220px;}
    .effective .eff_list li.bg {margin: 24px 0;}
    .effective .eff_list li a {height: 130px;}
    .effective .eff_list li.bg p {font-size: 16px;}

    section.charge {margin-top: 140px;}
    .charge .tit_bg {width: 186px;}
    .charge .sec_tit {padding-left: 15px;}

    section .sec_tit_normal {font-size: 22px;margin-bottom: 30px;}

    .logo_sec .logo_list > li {height: 60px;margin-bottom: 7px;}
    .logo_sec .logo_list > li img {position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        max-height: 49px;
        max-width: 84px;
    }
}