/* 공통 클래스 */
.flex { display: flex; display: -ms-flexbox; }
.flex-col{display: flex; display: -ms-flexbox; flex-direction: column;}
.flex-ac {display: flex; display: -ms-flexbox; align-items: center;}
.flex-as {display: flex; display: -ms-flexbox; align-items: flex-start;}
.flex-jb{display: flex; display: -ms-flexbox; justify-content: space-between;}
.flex-jc{display: flex; display: -ms-flexbox; justify-content: center;}
.flex-ac-jb {display: flex; display: -ms-flexbox; align-items: center; justify-content: space-between;}
.flex-ac-jc {display: flex; display: -ms-flexbox; align-items: center; justify-content: center;}

.inner {max-width: 1320px; margin: 0 auto; }
.m-inner {max-width: 1420px; margin: 0 auto;}
.s-inner {max-width: 1320px; margin: 0 auto;}

.mo-none{display: block;}
.mo-block{display: none;}
.mo-none9{display: block;}
.mo-block9{display: none;}
.mo-none-in9{display: inline-block !important;}
.mo-block-in9{display: none !important;}
.mo-none10{display: block;}
.mo-block10{display: none;}
.mo-none12{display: block;}
.mo-block12{display: none;}
.mo-none14{display: block;}
.mo-block14{display: none;}
.mo-in-none10{display: inline-block;}
.mo-in-block10{display: none;}
.mo-none-flex{display: block;}
.mo-block-flex{display: none;}
.mo-none-flex-box-center-bw{display: flex; display: -ms-flexbox; align-items: center; justify-content: space-between;}
.mo-block-flex-box-center-bw{display: none;}

.clearfix::after{content: '';  display: block; clear: both;}

.bd-left{position: relative;}
.bd-left::after{content: ''; display: inline-block; width: 1px; height: 15px; border-left: 2px solid #b4b3b2; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.bb-none{border-bottom: 0;}
.mr10{margin-right: 10px;}
.mr30{margin-right: 30px;}
.mg10{margin: 10px 0;}
.mb100{margin-bottom: 100px;}
.ml30{margin-left: 30px;}
.pb40{padding-bottom: 40px;}
.pd20{padding: 0 20px;}
.pd50{padding: 0 50px;}
.pb-none{padding-bottom: 0;}


.bk{font-family: 'noto_bk','serif';}


.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.ellipsis2 { width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

::selection {
    background: var(--main-color-1);
    color: #fff;
}

:root {
    /* gray */
    --gray-color-1  : #f0f0f0;
    --gray-color-2  : #dddddd;
    --gray-color-3  : #cccccc;
    --gray-color-4  : #eeeeee;
    --gray-color-5  : #dcdcdc;
    --gray-color-6  : #959595;
    --gray-color-7  : #f5f5f5;
    --gray-color-8  : #c8c8c8;
    --gray-color-9  : #f6f6f6;
    --gray-color-10 : #f2f2f2;
    --gray-color-11 : #aaaaaa;
    --gray-color-12 : #fbfbfb;
    --gray-color-13 : #dedcd9;
    --gray-color-14 : #fbf9f7;
    --gray-color-15 : #e7e7dd;
    --gray-color-16 : #eceae6;
    /* white */
    --white-color-1 : #ffffff;
    /* black */
    --black-color-0 : #000000; 
    --black-color-1 : #111111; 
    --black-color-2 : #222222; 
    --black-color-3 : #333333; 
    --black-color-4 : #444444; 
    --black-color-5 : #555555; 
    --black-color-6 : #666666; 
    --black-color-7 : #777777; 
    --black-color-8 : #888888; 
    --black-color-9 : #999999; 
    /* company color */
    --main-color-1  : #f26521;
    --main-color-2  : #003174;
    --main-color-3  : #887b69;
    --main-color-4  : #8e8270;
    --main-color-5  : #d9d1c6;
    --main-color-6  : #6a8797;
    --main-color-7  : #c5bcaf;
    --main-color-8  : #86adff;
}

/* font-weight */
.fw-bk { font-weight: 900; }
.fw-eb { font-weight: 800; }
.fw-bo { font-weight: 700; }
.fw-sb { font-weight: 500; }
.fw-me { font-weight: 500; }
.fw-rg { font-weight: 400; }
.fw-li { font-weight: 300; }
.fw-th { font-weight: 200; }


.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs21 { font-size: 21px; }
.fs22 { font-size: 22px; }
.fs24 { font-size: 24px; }

.red { color: #f26521; }
.org { color: #f7941c; }
.grn { color: #71bf44; }
.ema { color: #00ada2; }
.sky { color: #008dd0; }
.vio { color: #b355a0; }
/* ::-webkit-scrollbar{
    width: 6px;
}
::-webkit-scrollbar-thumb {
    background-color: #ee7500;
    border-radius: 10px;
    height: 17%;
}
::-webkit-scrollbar-track{
    background-color: rgba(0, 0, 0, 0);
    border-radius: 10px;
} */

/* html {
    scrollbar-face-color: #5500ff;
    scrollbar-track-color: #5500ff;
    scrollbar-arrow-color: none;
    scrollbar-highlight-color: #5500ff;
    scrollbar-3dlight-color: none;
    scrollbar-shadow-color: #5500ff;
    scrollbar-darkshadow-color: none;
} */

/* * { cursor: inherit; } */

#pointer {
    position: fixed;
    z-index: 1000;
    background-color: var(--main-color-7);
    border-radius: 50%;
    pointer-events: none;
    border: none;
    text-align: center;
    color: var(--white-color-1);
    transform: translate(25%, 25%);
    left: 15px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-weight: 700;
    transition: width 200ms ease-out, height 200ms ease-out, line-height 200ms ease-out, font-size 200ms ease-out;
}

body.fixed{
    overflow: hidden;
}
/* 공통 */
#container { overflow-x: hidden; }
.main_menu_aside { position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.7);display:none;z-index: 50; }
body.body_bg { overflow: hidden !important; }
.body_bg .main_menu_aside { display: block; }
.Cafe24Syongsyong { font-family: 'Cafe24Syongsyong', sans-serif; }
/* #main { position: relative; z-index: 60; background-color: #fff; }
#sub { position: relative; z-index: 60; background-color: #fff; } */


/* header */
#header { position: relative; }
#header .header-box { transition: all 0.2s; align-items: flex-start; position: fixed; top: 0; left: 0; width: 100%; height: 90px; z-index: 100; justify-content: space-between; background-color: #fff; }
#header .header-box::after { content: ''; display: none; width: 100%; height: 1px; background-color: var(--gray-color-4); position: absolute; top: 89px; left: 0; }
#header .header-box > .inner { position: relative; }
/* #header .header-box > .inner::before { content: ''; opacity: 0; position: relative; background-image: url(/img/common/h-illust.jpg); background-size: contain; width: 549px; height: 254px; background-position: 0 90%; background-repeat: no-repeat; position: absolute; bottom: 25px; left: 0; z-index: 20; } */
#header .header-box.h-bg { width: 100%; z-index: 100; background-color: var(--white-color-1); box-shadow: 0 0 20px rgba(0, 0, 0, .2); height: 90px; }
#header .header-box.h-bg .h-logo a { background-image: url(/img/common/h-logo-a.png); }
#header .header-box.h-bg .dep1 .dep1-a { line-height: 90px; }
/* #header .header-box > .inner {  } */
#header .header-box .h-logo { margin-right: 55px; line-height: 90px; z-index: 10; }
#header .header-box .h-logo a { display: inline-block; }
#header .header-box .dep1  { justify-content: flex-end; }
#header .header-box .dep1 > li:not(:last-child) { margin-right: 50px; }
#header .header-box .dep1 > li::after { content: ''; opacity: 0; visibility: hidden; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); transition: all 0.3s; }
#header .header-box .dep1 > li:hover::after { opacity: 1; visibility: visible; }
#header .header-box .dep1 .dep1-a { display: inline-block; font-size: 18px; font-weight: 700; padding: 0; line-height: 90px; font-family: 'NANUMSQUARE', sans-serif; padding: 0 5px; }
#header .header-box .dep1 .dep1-a img { margin-right: 5px; }
#header .header-box .dep2 { display: none; background-color: transparent; z-index: 10; height: 300px; padding-top: 17.5px; text-align: center; }
#header .header-box .dep2 .dep2-a { display: block; padding: 12.5px 0px; font-size: 16px; font-weight: 300; color: #777777; font-family: 'NANUMSQUARE', sans-serif; letter-spacing: -0.055em; }
#header .header-box .lang-btn > li { position: relative; }
#header .header-box .lang-btn > li > ul { display: none; position: absolute; top: 70%; left: 0; width: 100%; z-index: 10; background-color: rgba(255, 255, 255, .7); }
#header .header-box .lang-btn > li > ul li a { display: inline-block; font-size: 16px; font-weight: 700; padding: 10px; text-align: center; width: 100%; }
#header .header-box .lang-btn .swich-btn { line-height: 90px; font-size: 18px; font-weight: 700; color: var(--white-color-1); }
#header .header-box .lang-btn .swich-btn span { font-size: 18px; color: var(--white-color-1); font-weight: 700; transform: scale(0.5); margin-left: 7px; }
#header .header-box .lang-btn .swich-btn span.rotate { transform: scale(0.5) rotate(180deg); }
#header .illust-box { opacity: 0; position: absolute; bottom: 25px; left: 0; }
#header .illust-box.active { animation: fUp 0.5s forwards 0.2s; }
/* header - hover */
#header.active .header-box { height: 390px; background-color: #fff; }
#header.active .header-box.h-bg { height: 390px; }
#header.active .header-box.h-bg:hover:after { display: block; }
#header.active .header-box.h-bg::after { display: none; }
#header .header-box:hover:after { display: block; }
/* #header .header-box .dep1 > li:hover .dep2 { background-color: var(--main-color-2); } */
/* #header .header-box .dep2:hover { background-color: var(--main-color-2); } */
#header .header-box .dep2 .dep2-a:hover,
#header .header-box .dep2 .dep2-a:focus { color: #008dd0; font-weight: 700; }
@keyframes fUp {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
#quick-menu { display: none; position: fixed; right: 30px; bottom: 30px; z-index: 11; }
#quick-menu .btn-tel { width: 52px; height: 52px; background: #008dd0; font-size: 0.9rem; font-weight: 600; line-height: 1.2; display: block; color: #fff; border-radius: 10px; padding: 9px 12px; }
#quick-menu .btn-tel a { color: inherit; font: inherit; }

/* footer */
#footer { background-color: var(--white-color-1); border-top: 1px solid var(--gray-color-13); }
#footer .footer-wrap { padding: 30px 0; }
#footer .footer-wrap .f-logo { width: 230px; }
#footer .footer-wrap .address-box { width: calc(85% - 230px); }
#footer .footer-wrap .address-box .f-add { font-size: 14px; color: #999; line-height: 1.4; letter-spacing: -0.055em; margin-bottom: 5px; }
#footer .footer-wrap .address-box .f-add span { display: inline-block; color: #aaa; }
#footer .footer-wrap .address-box .copyR { font-size: 14px;  color: #cccccc }
#footer .footer-wrap .slide-box { width: 15%; position: relative; border: 1px solid #ccc; }
#footer .footer-wrap .slide-box .footer-swiper { position: relative; overflow: hidden; }
#footer .footer-wrap .slide-box .f-slide { height: 55px; display: flex; align-items: center; justify-content: center; }
#footer .f-next,
#footer .f-prev { width: 8px; height: 14px; background-size: 8px 14px; transition: all 0.3s; margin-top: 0; transform: translateY(-50%); }
#footer .f-next { background-image: url(/img/main/visual-next.png); margin-left: 0; right: -20px; }
#footer .f-prev { background-image: url(/img/main/visual-prev.png); margin-right: 0; left: -20px; }
#footer .insta { margin-right: 50px; }

/* util */
#util { position: fixed; top: 0; z-index: 500; transform: translateX(-100%); left: 100%; width: 75px; }
#util .util-wrap { display: flex; height: 550px; border-bottom-left-radius: 20px; position: relative; overflow: hidden; transition: all 0.5s; box-shadow: 0 10px 10px rgba(0,0,0,.1); }
#util .menu-btn { position: absolute; top: 35px; right: 27px; z-index: 200; text-align: left; }
#util .menu-btn .line{ width: 20px; height: 3px; background-color: #fff; display: block; margin: 7px 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#util .menu-btn .line:nth-child(2) { width: 16px; }
#util .menu-btn:hover{ cursor: pointer; }
#util .menu-btn.is-active .line { background-color: #fff; }
#util .menu-btn.is-active .line:nth-child(2){ opacity: 0; }
#util .menu-btn.is-active .line:nth-child(1){ -webkit-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); -o-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
#util .menu-btn.is-active .line:nth-child(3){ -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); -o-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }

#util .uTab-btn-box ul { background-color: #fff; }
#util .uTab-btn-box ul li { cursor: pointer; }
#util .uTab-btn-box ul li span { writing-mode: vertical-rl; transform: rotate(180deg); line-height: 75px; display: inline-block; height: 100%; padding-top: 45px; font-size: 18px; font-weight: 500; }
#util .uTab-btn-box ul #tabBtn1 { height: 400px; background-color: #003174; border-bottom-left-radius: 20px; position: relative; }
#util .uTab-btn-box ul #tabBtn1 span { color: #fff; }
#util .uTab-btn-box ul #tabBtn2 { height: 150px; background-color: #fff; }
#util .uTab-cont-box { overflow: hidden; width: 100%; }
/* #util .uTab-cont-box.slideUp { width: 100%; opacity: 1; visibility: visible; } */
/* #util .tab-cont {}
#util .tab-cont.slideUp {} */
#util .tab-cont { height: 100%; position: relative; }
#util #tabCont1 { background-color: #022c6b; text-align: center; }
#util #tabCont1 .cont { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); }
#util #tabCont1 .cont > * { color: #fff; }
#util #tabCont1 .cont p { font-size: 16px; line-height: 1.8; text-align: left; padding-left: 33px; padding-bottom: 35px; white-space: nowrap; }
#util #tabCont1 .cont span a { font-size: 24px; font-weight: 500; white-space: nowrap; color: #fff; }
#util #tabCont2 { display: none; background-color: #e9eef3; }
#util #tabCont2 .cont { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); }
#util #tabCont2 .cont li { text-align: center; }
#util #tabCont2 .cont li:not(:last-child) { margin-bottom: 10px; }
#util #tabCont2 .cont li a { display: inline-block; padding: 12px 20px; background-color: #fff; border-radius: 5px; font-size: 16px; white-space: nowrap; }
#util #tabCont2 .cont li a i { color: #939aa2; margin-right: 5px; font-weight: bold; }





@media screen and (max-width: 1620px) {
    .inner { padding: 0 20px; }
    .m-inner { padding: 0 20px; }
    .s-inner { padding: 0 20px; }
}

@media screen and (max-width: 1300px) {
    /* header */
    /* #header .header-box > .inner::before { max-width: 30.7692vw; background-size: contain; left: 20px; bottom: 50px; } */
    #header .illust-box { max-width: 30.7692vw; background-size: contain; left: 20px; bottom: 50px; }
}


@media screen and (max-width: 1204px) {
    /* header */


    /* footer */
    #footer .footer-wrap .f-logo { width: 180px; }
    #footer .footer-wrap .f-logo img { max-width: 150px; }
    #footer .footer-wrap .address-box { width: calc(75% - 150px); padding-right: 40px; }
    #footer .footer-wrap .link-box { width: 35%; }
}

@media screen and (max-width: 1023px) {
    .mo-none10{display: none;}
    .mo-block10{display: block;}


    /* header */
    #header .header-box .h-logo { margin-right: 30px; }
    #header .header-box .dep1 > li:not(:last-child) { margin-right: 25px; }
    #header .header-box .h-logo a { max-width: 160px; }
    #header .header-box .dep1 .dep1-a { font-size: 16px; white-space: nowrap; }
    #header .header-box .dep2 .dep2-a { font-size: 14px; }
    #header .header-box > .inner::before { display: none; }
    /* addClass h-bg */
    #header .header-box.h-bg .dep1 .dep1-a { font-size: 16px; }


    /* mo-header */
    body.body-bg { overflow: hidden; height: 100%; }
    body.body-bg .main-menu-aside { opacity: 1; visibility: visible; }
    .main-menu-aside { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.7); opacity: 0; visibility: hidden; z-index: 80; }

    #m-header .m-header-box { height: 100px; padding: 0 30px; position: fixed; top: 0; left: 0; width: 100%; z-index: 100; transition: all 0.5s; background-color: var(--white-color-1); }
    #m-header .m-header-box::after { content: ''; display: block; width: 100%; height: 1px; background-color: var(--gray-color-4); position: absolute; top: 99px; left: 0; }
    /* #m-header .m-header-box.h-bg { width: 100%; z-index: 100; box-shadow: 0 5px 20px 0 rgba(0,0,0,.7); background-color: var(--white-color-1); height: 80px; }
    #m-header .m-header-box.h-bg::after { display: none; } */
    /* #m-header .m-header-box.h-bg .m-h-logo img { max-width: 35px; } */
    /* #m-header .m-header-box.h-bg .m-h-nav { top: 80px; height: calc(100vh - 80px); } */
    /* #m-header .m-header-box.h-bg .hamburger .line { margin: 8px 0; }
    #m-header .m-header-box.h-bg .hamburger.is-active .line:nth-child(1){ -webkit-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); -o-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    #m-header .m-header-box.h-bg .hamburger.is-active .line:nth-child(3){ -webkit-transform: translateY(-11px) rotate(-45deg); -ms-transform: translateY(-11px) rotate(-45deg); -o-transform: translateY(-11px) rotate(-45deg); transform: translateY(-11px) rotate(-45deg); } */
    #m-header .m-header-box .m-h-nav { position: fixed; top: 100px; right: -100%; width: 60%; background-color: var(--white-color-1); z-index: 101; height: calc(100vh - 100px); transition: all 0.5s; overflow-y: auto; }
    #m-header .m-header-box .m-h-nav.show { right: 0; }
    #m-header .m-header-box .m-h-nav .m-dep1 { padding: 50px; padding-bottom: 140px; text-align: center; }
        .m-header-box .m-h-nav .m-dep1 > li:not(:last-child) { margin-bottom: 100px; }
        .m-header-box .m-h-nav .m-dep1 > li > a { display: inline-block; font-size: 3.6458vw; font-weight: 700; }
        .m-header-box .m-h-nav .m-dep1 > li > a .icon-img { margin-right: 5px; }
        .m-header-box .m-h-nav .m-dep1 > li > a .arrow-img { margin-left: 4.5573vw; transition: all 0.2s; transform: rotate(180deg); }
        .m-header-box .m-h-nav .m-dep1 > li > a .arrow-img.rotate { transform: rotate(0); }
            .m-h-nav .m-dep2 { display: block; padding-top: 50px; }
            .m-h-nav .m-dep2 li a { display: block; margin-bottom: 30px; font-size: 2.8646vw; color: #777777; }
    /* hamburger Menu */
    .hamburger { position: relative; z-index: 200; text-align: left; }
    .hamburger .line{ width: 35px; height: 3px; background-color: #008dd0; display: block; margin: 8px 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 5px; }
    /* .hamburger .line:nth-child(2) { width: 20px; } */
    .hamburger:hover{ cursor: pointer; }
    .hamburger.is-active .line:nth-child(2){ opacity: 0; }
    .hamburger.is-active .line:nth-child(1){ -webkit-transform: translateY(11px) rotate(45deg); -ms-transform: translateY(11px) rotate(45deg); -o-transform: translateY(11px) rotate(45deg); transform: translateY(11px) rotate(45deg); }
    .hamburger.is-active .line:nth-child(3){ -webkit-transform: translateY(-11px) rotate(-45deg); -ms-transform: translateY(-11px) rotate(-45deg); -o-transform: translateY(-11px) rotate(-45deg); transform: translateY(-11px) rotate(-45deg); }
 
 
}


@media screen and (max-width: 768px) {
    .mo-none{display: none;}
    .mo-block{display: block;}
    .fs18 { font-size: 2.6042vw; }
    /* .fs20 { font-size: 20px; } */
    .fs21 { font-size: 3.1250vw; }
    /* .fs22 { font-size: 22px; }
    .fs24 { font-size: 24px; } */
    #pointer { display: none; }

    #quick-menu { display: block; }


    /* footer */
    #footer .footer-wrap { padding: 20px 0; padding-bottom: 30px; }
    #footer .footer-wrap > .flex-ac { flex-wrap: wrap; text-align: center; justify-content: center; }
    #footer .footer-wrap .f-logo { width: 100%; margin-bottom: 20px; }
    #footer .footer-wrap .f-logo img { max-width: 100%; }
    #footer .footer-wrap .address-box { width: 100%; margin-bottom: 30px; padding-right: 0; }
    #footer .footer-wrap .address-box .f-add { font-size: 2.3438vw; margin-bottom: 20px; }
    #footer .footer-wrap .address-box .copyR { font-size: 2.3438vw; }
    #footer .footer-wrap .slide-box { display: inline-block; width: 230px; }
}


@media screen and (max-width: 500px) {
    .fs18 { font-size: 14px; }
    /* .fs20 { font-size: 20px; } */
    .fs21 { font-size: 17px; }
    /* .fs22 { font-size: 22px; }
    .fs24 { font-size: 24px; } */
    #container { margin-top: 60px; }
    /* mo-header */
    #m-header .m-header-box { height: 60px; padding: 0 20px; }
    #m-header .m-header-box::after { top: 59px; }
    /* #m-header .m-header-box.h-bg { height: 60px; }
    #m-header .m-header-box.h-bg .m-h-logo img { max-width: 28px; }
    #m-header .m-header-box.h-bg .m-h-nav { top: 60px; height: calc(100vh - 60px); } */
    #m-header .m-h-logo a img { max-width: 150px; }
    #m-header .m-header-box .hamburger-menu { width: 40px; }
    #m-header .m-header-box .hamburger-menu span { width: 40px; height: 2px; margin: 8px 0; }
    #m-header .m-header-box .hamburger-menu span:nth-child(2) { width: 30px; }

    #m-header .m-header-box .m-h-nav { padding: 0; width: 65%; top: 60px; height: calc(100vh - 60px); }
    #m-header .m-header-box .m-h-nav .close-box { top: 15px; right: 17.5px; }
    #m-header .m-header-box .m-h-nav .close-box img { width: 30px; }
    #m-header .m-header-box .m-h-nav > h3 { font-size: 20px; padding-left: 25px; margin-bottom: 50px; }
    #m-header .m-header-box .m-h-nav .m-dep1 { padding: 30px 0; padding-bottom: 60px; }
        .m-header-box .m-h-nav .m-dep1 > li:not(:last-child) { margin-bottom: 50px; }
        .m-header-box .m-h-nav .m-dep1 > li > a { font-size: 18px; }
        .m-header-box .m-h-nav .m-dep1 > li > a .icon-img { transform: scale(0.8); }
        .m-header-box .m-h-nav .m-dep1 > li > a .arrow-img { margin-left: 15px; width: 12px; }
        .m-h-nav .m-dep2 { padding-top: 25px; }
        .m-h-nav .m-dep2 li a { font-size: 14px; margin-bottom: 20px; }
    .hamburger .line { margin: 6px 0; width: 25px; }
    .hamburger.is-active .line:nth-child(1) {-webkit-transform: translateY(9px) rotate(45deg); -ms-transform: translateY(9px) rotate(45deg); -o-transform: translateY(9px) rotate(45deg); transform: translateY(9px) rotate(45deg); }
    .hamburger.is-active .line:nth-child(3) { -webkit-transform: translateY(-9px) rotate(-45deg); -ms-transform: translateY(-9px) rotate(-45deg); -o-transform: translateY(-9px) rotate(-45deg); transform: translateY(-9px) rotate(-45deg); }

    #quick-menu { right: 20px; bottom: 20px; }


    /* footer */
    #footer .footer-wrap { padding: 10px 0; padding-bottom: 15px; }
    #footer .footer-wrap .f-logo { margin-bottom: 10px; }
    #footer .footer-wrap .address-box { margin-bottom: 15px; }
    #footer .footer-wrap .address-box .f-add { font-size: 12px; margin-bottom: 10px; }
    #footer .footer-wrap .address-box .copyR { font-size: 12px; }
    #footer .footer-wrap .slide-box { display: inline-block; width: 150px; }
    

}