@charset "utf-8";

/* 초기화 */
@media screen and (max-width:720px) {

    *{word-break: keep-all !important;}

    #gnb .gnb_wrap{position: static !important;}
    #gnb .gnb_mnal {display: block;}
    #gnb #gnb_1dul {display: none;}

    #gnb_all{background: none; width: 100%; height: 100%; border: 0; position: fixed; left: 0; top: 0;}
    #gnb_all h2{display: none;}
    #gnb_all .gnb_al_ul{position: absolute; left:5%; width: 90%; top:50%; transform: translate(0, -50%); max-height: 100%; overflow-y: scroll;}
    #gnb_all .gnb_al_ul .gnb_al_li{width: 100%; border: 0;}
    #gnb_all .gnb_al_li .gnb_al_a{color:#fff; font-size:28px;}
    #gnb_all .gnb_al_li li a{color:#fff;}

    #gnb .gnb_close_btn{background: none; color:#fff; font-weight: normal;}

    #gnb_all_bg{background: rgba(0,0,0,0.8);}

    #logo{padding: 12.5px 10px;}

    .main{padding-top: 0;}
    .main div img{width: 100%;}

    #ft{margin-top: 50px;}
    #ft img{width: 100%;}

    .sub_top .map_wrap .maps .cates{width: 40%; text-align: center;}
    .sub_top .map_wrap .maps a.cates{width: 20%;}

    #logo img{opacity: 1; background: none;}

    .sub_top .map_wrap .sub_top_img{background-position: center top !important;}
    .sub_top .map_wrap .sub_top_img.sub01{background-position: 80% top !important;}
    .sub_top .map_wrap .sub_top_img.sub04{background-position: 70% top !important;}
    .sub_top .map_wrap .sub_top_img.sub05{background-position: 70% top !important;}


    .sub .cont{padding: 50px 0;}
    .sub .cont .row > p{padding:0 15px; font-size: 25px !important; }
    .sub .cont .row > p br{display:none;}

    .sub.ABOUT_DILTON .cont .row span{padding: 0 15px;}
    .sub.ABOUT_DILTON .cont .row span br{display: none; line-height: 1.5;}

    .sub.CAMPAIGN .cont .row video{}

    #bo_cate ul{width: 80%;}
    #bo_cate li{margin: 3px;}

    .sub.PACKAGE_W .cont .row.cont01 ul{padding: 0 15px; gap: 10px;}
    .sub.PACKAGE_W .cont .row.cont01 ul li{width: 100%; padding: 72vw 0 8vw 0;}
    .sub.PACKAGE_W .cont .row.cont01 ul li p{}

    .sub.REASON .cont .row.cont01{padding: 80px 15px 0 15px; background-size: auto 100% !important; height: 196vw;}
    .sub.REASON .cont .row.cont01 font{line-height: 1.5; font-size: 20px;}
    .sub.REASON .cont .row.cont01 span{display: block; margin-top: 20px;}
    .sub.REASON .cont .row.cont01 span br{display: none;}
    .sub.REASON .cont .row.cont02{padding: 25px 15px;}
    .sub.REASON .cont .row.cont02 ul li{    flex: 0 0 calc((100% - 20px) / 2)}
    .sub.REASON .cont .row.cont02 ul li b{line-height: 1.4;}
    .sub.REASON .cont .row.cont03{padding: 30px 15px;}
    .sub.REASON .cont .row.cont03 ul{gap: 30px 0;}
    .sub.REASON .cont .row.cont03 ul li{flex:100%;}

    .sub.PRICE .cont .row ul{padding: 0 15px}
    .sub.PRICE .cont .row ul li{width: 100%; padding: 20px;}
    .sub.PRICE .cont .row ul li em{margin-top: 20px;}
    .sub.PRICE .cont .row ul li:after{display: none;}

    #bo_v_atc .img_slick .bo_v_img.bot .slick-slide{margin: 0 2.5px;}
}