@charset 'utf-8';
/* 모바일 Tiny ~ 359px */
@media screen and (max-width: 356px) {
    html {font-size: 6px;}
}

/* 모바일까지 ~767px */
@media screen and (max-width: 767px) {
    .mo-only, .mo-tb-only {display: block;}
    .hd-menu {min-width:300px;}
    /* 푸터 */
    .ft-info dd:after {display: none;}
}

/* 태블릿부터 768px~ */
@media screen and (min-width: 768px) {
    /* 푸터 */
    .ft-nav-wrap {margin-bottom: 3rem;}
    .dt-addr {height: 4rem;}
    .ft-logo {float: left;}
    .ft-nav2 {float: right; margin: 1rem; line-height: 1; }
    .ft-nav2 li {float: left; padding: 0 1rem;}    
    .bdr {position: relative;}
    .bdr:after {position: absolute; right: 0; top: 0; width: 0.1rem; height: 1.2rem; background-color: #fff; opacity: 0.25;}
    .ft-nav2 .bdr:after{content: '';}
}

/* 태블릿만 768px~1024px */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .tb-only, .mo-tb-only, .tb-pc-only {display: block;}
}

/* PC부터 1025px~ */
@media screen and (min-width: 1025px) {
    html {font-size: 10px;}
    .pc-only, .tb-pc-only {display: block;}  
    .ft-info dt {width: inherit;}
    .ft-info dd {float: left; width: inherit; padding-right: 1rem;}
    .ft-info dd+dd {padding-left: 1rem;}
    .ft-info .bdr:after{content: ''; top: 0.5rem;}
    .dt-addr, .dt-phone {height: auto;}
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
}

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