@charset "utf-8";

/* Extra small devices (phones, less than 768px) */
@media (max-width: 768px) {

    /*헤드*/
    .tnb { display: none; }
    .sns-box {
        display: none;
    }
    #logo {
        float: left;
        position: relative;
        z-index: 99;
        padding: 37px 0 0 15px;
    }
    #logo a {
        display: inline-block;
        width: 100px;
    }

    /*레프트메뉴*/
    .left_menu {
        min-height: auto;
        border-right: 0;
        margin: 0;
        padding-right: 0;
        text-align: center;
    }
    .left_menu .menu {
        margin-top: 10px;
    }

    /*메인*/
    .main-t .container .pb-15 { padding-bottom:0; }
    .main-t .row-con .col-md-6 { padding:0; }
    .main-t .row-con .col-md-3 { padding:0; }
    .main-t .mody-row { margin:0; }
    .main-visual-bg2 .mb-inr .mb-t-1 {
        padding: 30px 0 30px 115px;
        background: url(../img/icon_1.png) no-repeat;
        background-position: 10px 20px;
    }
    .main-visual-bg2 .mb-inr .mb-t-2 {
        padding: 30px 0 30px 115px;
        background: url(../img/icon_2.png) no-repeat;
        background-position: 10px 20px;
    }

    .main-t .t-1-1 {
        padding: 40px 0 40px 0;
        text-align: center;
        background: url(../img/main_li_01_m.jpg) no-repeat center;
        background-position: center;
    }
    .main-t .bg2 {
        background: #f2f3f5;
    }
    .main-t .t-1-2 {
        padding: 40px 0 40px 0;
        text-align: center;
        background: url(../img/main_li_02_m.jpg) no-repeat center;
        background-position: right;
    }
    .main-t .t-1 .t3 {
        margin: 10px 0 15px;
    }
    .main-t .t-1 .t4 {
        font-size: 13px;
        font-weight: 500;
        color: #454545;
    }
    .main-t .t-2 .t3 {
        margin: 10px 0 15px;
    }
    .main-t .t-2 .t4 {
        font-size: 13px;
        font-weight: 500;
        color: #fff;
    }

    .main-t .t-2 {
        padding: 40px 0;
        color: #fff;
        text-align: center;
    }

    .main-hair .inr {
        padding: 25px 0;
    }
    .main-hair .t1 {
        font-size: 32px;
        font-weight: 300;
        letter-spacing: -1px;
    }
    .main-hair .t2 {
        font-size: 18px;
        font-weight: 300;
    }
    .main-hair .t3 {
        display: inline-block;
        width: 39px;
        height: 2px;
        background: #fff;
        border: 0;
        margin: 11px 0 6px;
    }
    .main-hair .t4 {
        font-size: 13px;
        font-weight: 200;
        color: #fff;
    }

    /*서브페이지*/
    .sub-container .tit-box {
        position: relative;
        border-top: 1px solid #eee;
    }
    .sub-container {
        margin-top: 10px;
        position: relative;
        overflow: hidden;
        min-height: auto;
    }
    
    /*인코리아 한복*/
    .m11_bg {
        position: absolute;
        top: auto;
        bottom: 0 !important;
    }

    /*영업시간/요금*/
    .m31 .acc .line { display: none }
    .m31 .acc .txt {
        margin-top: 10px;
    }
    .m31 .hpl { margin-top: 10px; }
    .m31 h2.tit2 {
        margin-top: 20px;
    }

    /*문의*/
    .grid-box > div {
        min-height: auto;
        padding: 20px 10px;
        text-align: center;
        border-right: 0 !important;
        border-bottom: 1px solid #d2d2d2 !important;
    }


    /*오시는길*/
    .m61 .map-box li {
        float: none;
    }
    .m61 .map-box iframe {
        width: 100%;
        height: 303px;
    }
    .m61 .map-box li > img { width: 100%; }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {

    /*헤드*/
    .navbar { display: none;}
    .tnb li {
        float: left;
        margin: 0px 10px;
    }
    .tnb li .tnb-a {
        display: inline-block;
        color: #262222;
        font-weight: 600;
        font-size: 13px;
        letter-spacing: 0.1px;
        padding: 20px 5px;
    }
    .country-box {
        position: absolute;
        display: inline-block;
        top: 10px;
        right: 110px;
        font-size: 0;
    }
    .sns-box {
        position: absolute;
        bottom: 10px;
        top: 10px;
        right: 10px;
    }

    /*메인*/
    .main-visual-bg2 .mb-inr .mb-t-1 {
        padding: 30px 0 30px 115px;
        background: url(../img/icon_1.png) no-repeat;
        background-position: 10px 20px;
    }
    .main-visual-bg2 .mb-inr .mb-t-2 {
        padding: 30px 0 30px 115px;
        background: url(../img/icon_2.png) no-repeat;
        background-position: 10px 20px;
    }

    .main-t .container .pb-15 { padding-bottom:0; }


    /*레프트메뉴*/
    .left_menu {
        min-height: auto;
        border-right: 0;
        margin: 0;
        padding-right: 0;
        text-align: center;
    }
    .left_menu .menu {
        margin-top: 10px;
    }

    /*서브페이지*/
    .sub-container .tit-box {
        position: relative;
        border-top: 1px solid #eee;
    }
    .sub-container {
        margin-top: 10px;
        position: relative;
        overflow: hidden;
        min-height: auto;
    }

    /*인코리아 한복*/
    .m11_bg {
        position: absolute;
        top: auto;
        bottom: 0 !important;
    }

    /*문의*/
    .grid-box > div {
        min-height: auto;
        padding: 20px 10px;
        text-align: center;
        border-right: 0 !important;
        border-bottom: 1px solid #d2d2d2 !important;
    }


    /*오시는길*/
    .m61 .map-box {}
    .m61 .map-box li { width: 100%; }
    .m61 .map-box li > img { width: 100%; }
    .m61 .map-box iframe { width: 100%; }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {

    /*헤드*/
    .navbar { display: none;}

    /*메뉴*/
    .tnb li {
        float: left;
        margin: 0 10px;
    }

    /*오시는길*/
    .m61 .map-box {}
    .m61 .map-box li { width: 100%; }
    .m61 .map-box li > img { width: 100%; }
    .m61 .map-box iframe { width: 100%; }

    /*메인*/
    .main-t .t-1-1 {
        background-position: 235px;
    }
    .main-t .t-1-2 {
        background-position: 0px;
    }

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    /*헤드*/
    .navbar { display: none;}

    /*서브페이지 공통*/
    .sub-container .inr-container .row .col-md-9 { padding-left:0; }

    .acc {}
    .acc .col-lg-2 { padding:0; }
}