@charset "utf-8";

/*
 * File       : rwd-layout.css
 *
 * SUMMARY:
 * 01) 2000px
 * 02) 1850px
 * 03) 1680px
 * 04) 1570px
 * 05) 1480px
 * 06) 1023px
 * 07) 860px
 * 08) 540px
 */


/* **************************************** *
 * 1850px
 * **************************************** */
@media (max-width: 1850px){

    /* LAYOUT */

    /* HEADER */
    .menu-bg__title {width:20%;}
    .menu-bg__title p {font-size:26rem;}
    .menu-banner {width:240rem; right:-220rem;}
    
}


/* **************************************** *
 * 1680px
 * **************************************** */
@media (max-width: 1680px){

    /* LAYOUT */
    .wrap {max-width: inherit;margin: 0 60rem;}
    .briefing .wrap {max-width:inherit;}
    .board-view .wrap {max-width:inherit;}

    /* HEADER */
    .menu-bg__title {width:260rem;}
    .menu-bg__title p {font-size:26rem;}
    .menu-banner {width:220rem; right:-230rem;}
    .global-menu-nav__wrap {margin-left:140rem;}

    
}



/* **************************************** *
 * 1480px
 * **************************************** */
@media (max-width: 1480px){

    html { font-size: 0.06756756756756757vw; }

    /* LAYOUT */

    /* HEADER */
    #menu .sub-menu > li { width: calc(33.33% - 40rem);  margin: 20rem 20rem;}
    #menu .sub-menu > li > a {font-size:16rem;}

}


/* **************************************** *
 * 1280px
 * **************************************** */
@media (max-width: 1280px){

    .all-menu__list > li { padding: 20rem 25rem 40rem;}
    .all-menu__list-wrap .global-quick-menu__list {padding: 20rem 0 20rem 25rem;}

}




/* **************************************** *
 * 1023px
 * **************************************** */
@media (max-width: 1023px){

    html { font-size: 0.09775171065493645vw; }

    /* LAYOUT */
    .wrap, .wrap-middle, .wrap-narrow { margin: 0 30rem;  max-width: inherit; }

    .popup-open .global-overlay { display: block;  z-index: 600;}

    /* HEADER */
    header:not(.home-header) .header-logo {display:none;}
    header:not(.home-header) .btn-goback {display:block;width: 30rem;height: 30rem;position: relative;}
    header:not(.home-header) .btn-goback button {border:none;background:none;display: block;width: 100%;height: 100%;padding: 0;}
    header:not(.home-header) .btn-goback:before {font-family:'minjoo';content:'\e905';font-style:normal;font-size: 20rem;color:#000;position:absolute;left: 50%;top:50%;transform: translate(-50%, -50%);}
    body.all-menu-open header:not(.home-header) .header-logo {display:block;}
    body.all-menu-open header:not(.home-header) .btn-goback {display:none;}

    .header-logo {max-width:100rem;}
    .top-banner, .global-bluewave, .global-menu-nav__wrap {display:none;}
    .header-menu__inner {height:80rem;}

    .all-menu-popup {top:80rem; height:calc(100vh - 80rem);}
    .all-menu-popup .wrap {margin:0; height:100%;}
    .all-menu-popup__head {position:static; display:none;}
    .all-menu__list-wrap {height:100%;}
    .all-menu__list {display:block;width: 100%; overflow-y: scroll; overflow-x: hidden; background:#fff;}
    .all-menu__list > li {position: relative;border-left:none;padding: 0;width: 100%;border-bottom:1rem solid #e6e6e6;}
    .all-menu__list > li > a:after {width: 30rem;height: 30rem;line-height: 30rem;text-align: center;font-family:'minjoo';content:'\e91c';font-style:normal;font-size: 26rem;font-weight: bold;color:#000;position: absolute;right: 30rem;top: 50%;margin-top: -15rem;}
    .all-menu__list > li.has-sub-menu > a:after {content:'\e913';font-size: 15rem;}
    .all-menu__list > li.menu-children--open > a:after {content:'\e92e';}
    .all-menu__list > li:nth-child(4), .all-menu__list > li:nth-child(5), .all-menu__list > li:nth-child(6), .all-menu__list > li:nth-child(7) {display:block;}
    .all-menu__list > li > a {position: relative;padding:20rem 35rem;font-size: 20rem;font-weight:500;}
    .all-menu__list .sub-menu {display: none; background:#fafafa; margin-top:0; padding:16rem 35rem;}
    .all-menu__list .sub-menu > li + li {margin-top: 0;}
    .all-menu__list .sub-menu > li > a {font-size:18rem; padding:10rem 0;}
    .all-menu__list .sub-menu > li > ul {margin-top:0; margin-bottom:10rem;}
    .all-menu__list .sub-menu > li > ul > li + li {margin-top:14rem;}
    .all-menu__list .sub-menu > li > ul > li > a {font-size:16rem;}
    .all-menu__list-wrap .global-quick-menu__list {display:none;}
    body.all-menu-open { overflow: hidden;}
    body.all-menu-open .header-logo, body.all-menu-open .global-menu-nav__wrap, body.all-menu-open .global-bluewave{opacity:1; visibility:visible;}

    #search-popup { top:81rem;}
    .search-popup__inner {max-width:100%; padding-top:60rem;}

    .global-zoom {display:none;}

    /* FOOTER */
    .footer-top .wrap { justify-content: center;}
    .footer-bottom {padding:50rem 0;}
    .footer-bottom__inner {display:block;}
    .footer-info {display:block;}
    .footer-logo {margin:0 auto;display: flex; align-items: center; justify-content: center;}
    .footer-info__text {margin-left:0; margin-top:20rem; text-align:center;}
    .footer-info__text .info-list {max-width:500rem; margin:0 auto; text-align:center;}
    .footer-info__text .info-list li:nth-child(1) {margin-right:0; padding-right:0;}
    .footer-info__text .info-list li:nth-child(3) {width:auto;margin-right:0; padding-right:0;}
    .footer-info__text .info-list li:nth-child(5) {width:auto;margin-right:0; padding-right:0;}
    .footer-cs-qr {display:none;}
    .footer-family {max-width:500rem; margin:30rem auto 0;}
    .footer-sns {margin-top:30rem; justify-content: center;}

    /* CONTAINER */
    .main-container { padding-top: 80rem;}



}



/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px){

    html { font-size: 0.13020833333333335vw; }

    /* LAYOUT */
    .wrap { margin: 0 25rem; }
    .wrap-middle { margin: 0 25rem;}
    .wrap-narrow { margin: 0 25rem; }

    /* HEADER */
    .header-menu__inner { height: 70rem;}
    .header-logo { max-width:85rem;}

    #search-popup {top: 70rem;}
    #search-popup .wrap { background-size: 300rem auto;}
    .global-search:before {font-size:19rem;}

    .all-menu-popup {top: 70rem; height:calc(100vh - 70rem)}
    .all-menu__list > li > a {font-size:18rem;}
    .all-menu__list .sub-menu > li + li {margin-top:5rem;}
    .all-menu__list .sub-menu > li > a {font-size:16rem;padding: 6rem 0;}
    .all-menu__list .sub-menu > li > ul {margin-top:5rem;}
    .all-menu__list .sub-menu > li > ul > li > a {font-size:14rem;}

    /* FOOTER */
    .footer-menu li {font-size:14rem;}
    .footer-menu li a { padding: 0 20rem; }
    .footer-logo { width: 160rem; height: 28rem;}
    .footer-info__text .info-list li {font-size:14rem;}
    .footer-copyright {font-size:14rem;}

    .footer-select__title {font-size:13rem; padding: 10rem 25rem 11rem 15rem;}
    .footer-select__title-button:after {right:12rem;}
    .footer-select__box ul li a {font-size:13rem;}
    .footer-select__box ul li a { padding: 6rem 10rem}

    /* CONTAINER */
    .main-container {padding-top:70rem;}

}



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px){

    html { font-size: 0.26666666666666665vw; }

    /* LAYOUT */
    .wrap-middle { margin: 0 15rem; }
    .wrap { margin: 0 15rem; }
    .wrap-narrow { margin: 0 15rem; }

    ::-webkit-input-placeholder { font-size: 14rem; }
    ::-moz-placeholder { font-size: 14rem; }
    :-ms-input-placeholder { font-size: 14rem; }

    /* HEADER */
    .header-menu__inner { height: 60rem;}
    header:not(.home-header) .btn-goback:before {font-size:18rem;}
    .header-logo {max-width:70rem;}

    .global-search {margin-right:0;}
    .global-search:before {font-size:18rem;}
    #search-popup {top:61rem;}
    #search-popup .wrap {background:none;}
    .search-popup__inner {padding-top:45rem; padding-bottom:20rem;}
    .global-search-form__input { height: 54rem; border-width: 3rem;}
    .global-search-submit {width:50rem;}
    .global-search-submit:after {font-size:18rem; line-height:47rem;}
    .search-popup__close {top:5rem; width: 40rem; height: 40rem;}
    .search-popup__close:after { font-size: 18rem; line-height:40rem;}
    .global-search-form input.global-search-field {padding-left:20rem;}
    .popular-search {margin-top:15rem;}
    .popular-search li a {font-size:13rem;}
    

    .global-all-menu-btn {width:20rem; }
    .all-menu-popup {top: 60rem; height:calc(100vh - 60rem)}
    .all-menu__list > li > a { position: relative; padding: 14rem 15rem 15rem; font-size:16rem;}
    .all-menu__list > li > a:after {right:15rem; font-size:20rem;}
    .all-menu__list > li.has-sub-menu > a:after {font-size:11rem;}
    .all-menu__list .sub-menu {padding:10rem 15rem;}
    .all-menu__list .sub-menu > li + li {margin-top:0;}
    .all-menu__list .sub-menu > li > a {font-size:14rem;}
    .all-menu__list .sub-menu > li > ul > li > a {font-size:13rem;}

    /* FOOTER */
    .footer-top {padding-top:16rem; padding-bottom:13rem;}
    .footer-menu {display:block; text-align: center;font-size:0;}
    .footer-menu li {position:relative;display:inline-block;font-size:12rem;}
    .footer-menu li:before {width:1rem; height:10rem; background:#bebebe; content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%);}
    .footer-menu li:nth-child(1):before, .footer-menu li:nth-child(4):before{ display:none;}
    .footer-menu li a { padding: 5rem 15rem; }
    .footer-logo { width: 140rem; height: 24rem;}
    .footer-info__text .info-list li {font-size:13rem;margin-right: 10rem; padding-right: 10rem;}
    .footer-info__text .info-list li:nth-child(3) {margin-right: 10rem; padding-right: 10rem;}
    .footer-info__text .info-list li:nth-child(2), .footer-info__text .info-list li:nth-child(4) {margin-right: 0; padding-right:0;}
    .footer-info__text .info-list li:nth-child(3):after {display:block;}
    .footer-info__text .info-list li:nth-child(2):after, .footer-info__text .info-list li:nth-child(4):after {display:none;}
    .footer-family__select {margin:0 5rem;}
    .footer-copyright {font-size:13rem;}

    .footer-select__title { padding: 8rem 22rem 9rem 12rem;}
    .footer-select__title-button:after {right:10rem;}
    

    /* CONTAINER */
    .main-container {padding-top:60rem;}


}