@charset 'utf-8';
/* 모바일까지 ~320px */ 
@media screen and (max-width: 320px) {}

/* 모바일까지 ~767px */ 
@media screen and (max-width: 767px) {
    body {
        font-size: 0.9em;
    }
    .copy>span {
        display: block;
    }
}

/* 태블릿부터 768px~ */
@media screen and (min-width: 768px) {
    /*푸터 영역*/
    .ft_menu_wrap {
        font-size: 1.1em;
    }
    .ft_sns {
        top: 0px;
    }
    .ft_logo {
        position: absolute;
        right: 0;
        top: 0;
    }
    .ft_info {
        margin-top: 20px;
    }
    .ft_info dt {
        clear: none;
    }
    .ft_info dt:nth-of-type(4) {
        clear: both;
    }
    .Inform {
        padding-top: 10px;
        font-size: 0.8em;
    }
}

/* 태블릿만 768px~1024px */
@media screen and (min-width: 768px) and (max-width: 1024px) {}

/* PC부터 1025px~ */
@media screen and (min-width: 1025px) {
    body, a {
        color: #333;
    }
    #stone_gnb {
        display: block;
    }
    #header {
        height: 100px;
        overflow: hidden;
        transition: height 0.3s;
    }
    .wh_bg {
        position: absolute;
        width: 100%;
        height: 100px;
        background-color: #fff;
    }
    .logo {
        width: 195px;
    }
    #m_gnb {
        display: none;
    }

    /*주메뉴 영역*/
    #stone_gnb {
        float: left;
        display: block;
        margin-left: 50px;
    }
    #stone_gnb .depth1>a {
        color: #fff;
    }
    .gnb_wrap {
        font-weight: bold;
    }
    .depth1 {
        width: 125px;
        float: left;
        font-size: 1.2em;
    }
    .depth1>a {
        padding: 0.9em;
        line-height: 100px;
    }
    .depth2 {
/*        display: none;*/
        margin-top: 30px;
        font-size: 0.85em;
        padding-left: 0.9em;
        padding-bottom: 70px;
        line-height: 38px;
    }
    
    /*헤더 흰색 배경으로 바꾸기*/
    #header.wh_hd {
        background-color: #efefef;
    }
    #header.wh_hd .logo {
        background-image: url('../images/logo.png')
    }
    #header.wh_hd .depth1>a {
        color: #333;
    }
    #header.wh_hd .i_login>a {
        color: #333;
    }
    #header.wh_hd .i_search {
        background: url('../images/search.png') center center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
    #header.wh_hd .util .open {
        background: url('../images/side_menu_btn_o.png') center center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
    
    /*유틸 영역*/
    
    .i_sidemenu {
        display: none;
    }
    .i_sitemap {
        display: block;
    }
    #sitemap_chk:checked ~ .modal {
        display: block;
    }
    #sitemap_chk:checked ~ .util .open {
        display: none;
    }
    #sitemap_chk:checked ~ .util .close {
        display: block;
    }
    .modal {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.8);
        color: #fff;
    }
    .ft_info {
        font-size: 0.9em;
    }
}

















