@charset 'utf-8';
/* 모바일만 ~767px */
@media screen and (max-width: 767px) {
    .main-visual-wrap {margin-top: 70px; background-image: url('../images/mainbg-m.jpg'); background-position: top center;}
    .main-inner {left: 0; top: 250px; margin: 0 5%;}
    .main-inner-top, .main-inner-tit {font-size: 1.6em;}
    .main-inner-txt {font-size: 0.85em;}
    #loc_wrap {height: 120px;}
    #loc_wrap .in {width: 100%;margin-left: 5%;}
    #loc_wrap .loc_tit {font-size: 1.2em; width: 300px;}
    #loc_wrap .loc_tit:before {background-size: contain; width: 20px; height: 32px;}
    #loc_wrap .box1 {width: 310px; margin: 0 5%;}

    /*페이지1*/
    .pg1-container-wrap::before {width: 60px;}
    .pg1-top-txt {font-size: 0.95em; margin: 0 5% 100px;}
    .pg1-mid-txt {width: 90%; margin: 0 5%; font-size: 1.4em;}
    .free {width: 100%;}

    /*페이지2*/
    .pcver{display: none;}
    .m-ver{width: 100%;}

    /*페이지3*/
    .pg3-inner-wrap::before {width: 60px;}
    .pg3-tit {margin: 0 5%; font-size: 1.6em;}
    .pg3-txt {margin: 0 5%;}
    .pg3-slide img {width: 100%; left: 0;margin-left: 0 !important;}
    .pg3-slide-nav {display: none;}
    .view-btn a, .view-btn-bl a, .view-btn-wi a {padding-right: 15px;}
    .view-btn-bl {left: 15%; bottom: 30%;}
    .view-btn-bl img {width: 100px;}
    .view-btn, .view-btn-wi {left: 5%; bottom: 30%; }
    .view-btn img, .view-btn-wi img {width: 120px; float: none; left: 10%;}
    .pg3-pcver {display: none !important;}
}

/* 태블릿부터 768px~ */
@media screen and (min-width: 768px) {
    .m-ver {display: none !important;}

}

/* 태블릿만 768px~1279px */
@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-visual-wrap {background-image: url('../images/mainbg-m.jpg'); background-position: top center;}
    .main-inner {left: 0; top: 250px; margin: 0 5%;}
    #loc_wrap .box1 {width: 310px;}
    .pg1-container-wrap::before {width: 60px;}
    .free {width: 90%;}
}

/* PC 1280px~ */
@media screen and (min-width: 1280px) {
    
}