@charset "UTF-8"; 

body{position: relative; height: auto;}
body.main.init-intro{height: 100%;}
body.main{height: auto;}
.container{position: relative;z-index: 2;}
html.main{overflow: hidden;}
body.main{overflow: hidden;}
.main .container{overflow: hidden; min-height: calc(var(--vh, 1vh) * 100 - 400px);}

.main .inner{max-width: calc(1820px + 100px);}
.inner{max-width: calc(1180px + 100px); padding: 0 50px; width: 100%; margin: 0 auto;}
.pc-ver{display: block !important;}
.mobile-ver{display: none !important;}


/* ico */
.ico-direction{width: 28px; height: 28px; background-image: url(../../images/ico/ico-dircetion.svg);}
.ico-mail2{width: 28px; height: 28px; background-image: url(../../images/ico/ico-mail2.svg);}


/* bg */
.btn-brown{background-color: #87462E; color: #F8F2E7;}

.main .top-btn{opacity: 0;}
.top-btn{
    position: fixed;
    bottom: 45px;
    right: 65px;
    z-index: 99;
    width: 64px;
    height: 20px;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Vollkorn';
    border-radius: 20px;
    opacity: 0;
}

body:not(.init-intro) .top-btn:not(.active){opacity: 0;}
.top-btn.active{opacity: 1;}

/***************************** HEAD ******************************/
#hd{z-index: 99;position: fixed;left: 0;top: 0; width: 100%;height: 100px;}
body:not(.init-intro) #hd{transition: .5s;}
.before-load.main #hd{top: 40px;}
body:not(.init-intro) #hd:not(.on):hover{background-color: #fff !important; box-shadow: 1px 1px 15px 0 rgb(0 0 0 / 20%);
-webkit-box-shadow: 1px 1px 15px 0 rgb(0 0 0 / 20%);}
body:not(.init-intro) #hd:not(.on).active{ box-shadow: 1px 1px 15px 0 rgb(0 0 0 / 20%); -webkit-box-shadow: 1px 1px 15px 0 rgb(0 0 0 / 20%);}
body:not(.main) #hd:not(.on):hover,
body:not(.main) #hd:not(.on).active{ box-shadow: 1px 1px 15px 0 rgb(0 0 0 / 20%); -webkit-box-shadow: 1px 1px 15px 0 rgb(0 0 0 / 20%); background-color: #fff !important;} 
body:not(.main) #hd{transition: .5s;}
body:not(.init-intro) #hd:not(.on).active #logo a,
body:not(.init-intro) #hd:not(.on):hover #logo a{background-image: url(../../images/cmn/logo_b.svg); }
body:not(.init-intro) #hd:not(.on).active #gnb #gnb_1dul > li > a,
body:not(.init-intro) #hd:not(.on):hover #gnb #gnb_1dul > li > a{color: #000;}
body:not(.init-intro) #hd:not(.on).active .lng-btn,
body:not(.init-intro) #hd:not(.on):hover .lng-btn{color: #000;}
body:not(.init-intro) #hd:not(.on).active .lng-btn .ico-arrow_bt,
body:not(.init-intro) #hd:not(.on):hover .lng-btn .ico-arrow_bt{background-image: url(../../images/ico/ico-arrow_b.svg);}
body:not(.init-intro) #hd:not(.on).active .hd-wrap__search a,
body:not(.init-intro) #hd:not(.on):hover .hd-wrap__search a{background-image: url(../../images/ico/ico-sch_b.svg);}


/* gnb */
.main-wrap {position: fixed;top: 0;bottom: 0px;z-index: 11;width: 100%;height: 100px;left: 50%;transform: translate(-50%, 0px);display: flex;align-items: center;} 
#logo{width: 100%;height: 100px;display: flex;align-items: center;}
#logo a {background: no-repeat; background-position: 50%; background-size: 100% 100%; background-image: url(../../images/cmn/logo_b.svg);width: 236px;height: 63px;z-index: 11;position: relative;margin: 0 auto;display: flex;} 
#gnb {position: absolute;top: 0;width: 100%;display: flex;justify-content: space-between;z-index: 1;height: 100px;align-items: center;} 
.gnb_wrap {width: 100%;padding: 0 50px;padding-right: 70px;display: flex;justify-content: space-between;} 
.gnb-menu__wrap{display: flex;justify-content: space-between;width: 100%;}
#gnb #gnb_1dul {display: flex;align-items: center;justify-content: flex-start;flex: 0 0 auto;} 
#gnb_1dul.ul1 > li:nth-child(5),
#gnb_1dul.ul1 >  li:nth-child(6),
#gnb_1dul.ul1 >  li:nth-child(7){display: none;}
#gnb_1dul.ul2 li:nth-child(1),
#gnb_1dul.ul2 li:nth-child(2),
#gnb_1dul.ul2 li:nth-child(3),
#gnb_1dul.ul2 li:nth-child(4){display: none;}
#gnb_1dul > li {display: flex;align-items: center;margin-right: 40px;position: relative;} 
#gnb #gnb_1dul.ul2 {justify-content: right;}
#gnb #gnb_1dul > li > a{ font-family: 'Vollkorn', serif;font-weight: 500;color: #000;font-size: 20px;position: relative;}
#gnb #gnb_1dul > li > a:before{content: '';position: absolute;bottom: -11px;left: 50%;transform: translateX(-50%);width: 8px;height: 8px;border-radius: 50%;background: #000;transition: .5s;z-index: 1; transition: transform .35s, opacity .45s; opacity: 0;}
#gnb #gnb_1dul > li:hover > a:before,
#gnb #gnb_1dul > li.active > a:before {opacity: 1;}
.main #gnb_1dul > li.active2 > a{border: 2px solid #fff; padding: 1px 15px; border-radius: 18px;}
.gnb_2dul {opacity: 0; position: absolute;top: 100%;left: 50%;transform: translateX(-50%);padding-top: 7px; display: none;} 
.gnb_2dul_box { width: 165px; text-align: center; background: #F8F2E7; border-radius: 0 0 5px 5px; padding: 0 15px; } 
.gnb_2dul_box > li { padding: 9px 0; } 
.gnb_2dul_box > li > a { font-family: 'Vollkorn' ,sans-serif; color: #424242; word-break: keep-all;} 
.gnb_2dul_box > li > a:hover{text-decoration: underline;}
.gnb_2dul_box > li:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,0.1); } 
.gnb_2dul_box:after { content: ''; } 
#gnb_1dul .gnb_1dli:hover .gnb_2dul {display: block; opacity: 1; transition: transform .35s, opacity .45s;}
.main-banner .img-info{position: absolute;bottom: 0;left: 0;padding: 50px;color: #fff;opacity: 0;z-index: 11;}
body:not(.init-intro) .main-wrap {width: 100%;top: 0; height: 100px;}
body:not(.init-intro) #logo a {width: 236px;height: 63px;} 
body:not(.init-intro) #logo {height: 100px;}
body:not(.init-intro) #gnb {top: 0;} 
body:not(.init-intro) .main-banner .img-info {opacity: 0.5;} 
body:not(.init-intro) .main-wrap:not(.slide){top: 40px;}
body:not(.init-intro) .floating{opacity: 1;}
body:not(.init-intro) .top-btn{opacity: 1;}
.before-load .main-wrap{transition: all 1s ease-out 0s;}
.before-load #logo a{transition: all 1s ease-out 0s;}
.before-load #gnb{transition: top 1s ease 0s;}
.before-load .main-banner .img-info{transition: all 1s ease 0s;}
.before-load .floating{transition: all 1s ease 0s;}
.before-load .top-btn{transition: all 1s ease 0s;}
.gnb-sns{display: none;padding: 0 20px;}
.gnb-sns > li { padding-top: 20px; } 
.gnb-sns > li > a { display: inline-block; text-decoration: underline; font-family: 'Vollkorn', sans-serif; color: #757575; font-size: 19px; font-weight: 400; } 
#gnb_all {display: none;}
#gnb_all h2 {height: 61px; border-bottom: 1px solid #fff;}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0}
#gnb_all .gnb_al_li {position: relative;padding: 15px 20px;border-bottom: 1px solid #e4e4e4;}
#gnb_all .gnb_al_li > ul{display: none;padding: 20px 0;}
#gnb_all .gnb_al_li .gnb_al_a {display: flex; align-items: center; justify-content: space-between; font-family: 'Vollkorn', serif;font-weight: 500;position: relative;font-size: 34px;color: #000;}
#gnb_all .gnb_al_li .gnb_al_a:before, 
#gnb_all .gnb_al_li .gnb_al_a:after{content: '';width: 14px;height: 1px;background: #fff;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;position: absolute;right: 15px;}
#gnb_all .gnb_al_li .gnb_al_a:before{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);}
#gnb_all .gnb_al_li .gnb_al_a:after{margin-right: 10px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);}
#gnb_all .gnb_al_li li {line-height: 23px;}
#gnb_all .gnb_al_li li a {position: relative;padding-left: 10px;font-family: 'Vollkorn',sans-serif;font-weight: 500;}
#gnb_all .gnb_al_li li a:hover{text-decoration: underline;}
#gnb_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}


/* lng-wrap */
.gnb-btn__wrap{}
.lng-wrap {position: relative;margin-right: 35px;}
.lng-btn{color: #000;font-size: 20px;font-family: 'Vollkorn', serif;font-weight: 500;}
.ico-arrow_bt{background: no-repeat 50% / cover;background-image: url(../../images/ico/ico-arrow_b.svg);background-position: right;margin-left: 5px;width: 30px;height: 30px;margin-top: -5px;}
.lng-btn.active .ico-arrow_bt{transform: rotate(-180deg);}
.lng-list {display: none;position: absolute;width: 100px;left: 50%;transform: translateX(-50%);text-align: center; background: #F8F2E7; border-radius: 0 0 5px 5px;margin-top: 10px;padding: 0 15px;} 
.lng-list >li > a{padding: 9px 0; margin: 0 -15px;} 
.lng-list >li:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,0.15); } 
.lng-list > li >a {font-size: 16px; font-family: 'Vollkorn', serif; font-weight: 400;color: #424242;} 
.lng-list > li.lng_active > a, 
.lng_list > li:hover > a{color: #424242; font-weight: 700;}
.lng-btn.active:after {content: '';position: absolute;bottom: -15px;left: 50%;transform: translateX(-50%);width: 8px;height: 8px;background: #000;border-radius: 50%;z-index: 1;transition: .5s;} 


/* search */
#hd_sch {position: absolute;right: 50px;height: 30px;z-index: 1;}
.hd-wrap__search{width: 30px; height: 30px; position: relative;}
.hd-wrap__search a{width:inherit; height:inherit; border-radius: 50%; background: no-repeat 50% / cover; background-image: url(../../images/ico/ico-sch_b.svg);}
#hd.on .hd-wrap__search{padding-right: 40px;}
#hd.on .input-wrap{max-width: 780px;width: 100%;margin: 0 auto;height: 56px;border: 0;border-bottom: 1px solid #e4e4e4;font-size: 24px;color: #292929;outline: none;font-weight: 400;position: relative;border-radius: 0;}
#hd.on .input-wrap input{width: 100%;padding-right: 40px;height: 100%;border: 0;padding: 0;padding-bottom: 15px;border-bottom: 2px solid #c2a071;font-size: 24px;color: #292929;border-radius: 0 !important;}
#hd.on .input-wrap input::placeholder{color: #888; font-weight: 400; }
#hd.on .input-wrap button{height: 40px;width: 40px;padding: 0;}
#hd_sch .close-btn{width: 40px;height: 40px;background: no-repeat 50% / cover;background-image: url(../../images/cmn/hd-close.svg);position: absolute;bottom: -70px;z-index: 111;}
.input-btn_wrap{right: 0;position: absolute;top: 0;}
#hd_sch .ico-search{width: 40px; height: 40px; background: no-repeat 50% / cover; background-image: url(../../images/ico/ico-sch_b.svg);}
.hd-search__box{display: none;position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;}
.hd-search__cont{width: 100%;height: 270px;transition: .3s;margin: 0 auto;display: flex;align-items: center;justify-content: center;background: #fff;z-index: 9999;position: relative;top: 0;left: 0;}
.hd-search__box:before {content: '';position: fixed;top: 0;left: 0;width: 100%;height: 0;background: rgba(0,0,0,0.7);z-index: 9;opacity: 0;transition: opacity .3s;} 
#hd.on .hd-search__box:before { opacity: 1; height: calc(var(--vh, 1vh) * 100); display: block;} 
#hd.on .gnb-menu__wrap{display: none;}


/* floating-btn */
.floating{position: fixed;bottom: 85px;right: 50px;z-index: 99;}
.main .floating{opacity: 0;}
.floating-btn{position: relative;}
.floating-btn:hover .floating-txt{-webkit-animation-play-state: paused; animation-play-state: paused;}
.floating-txt{background: no-repeat 50% / cover;  width: 99px;height: 100px;display: flex;-webkit-animation: rotate normal infinite 20s linear;animation: rotate normal infinite 20s linear; background-image: url(../../images/cmn/floating-txt_black.svg);}
.main .floating-txt{background-image: url(../../images/cmn/floating-txt.svg);}
.floating-link{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: no-repeat 50% / cover; background-image: url(../../images/cmn/floating-btn_black.svg); width: 64px; height: 64px;}
.main .floating-link{ background-image: url(../../images/cmn/floating-btn.svg);}
.link-popup{display: none; position: fixed; left: 0;top: 0; bottom: 0; right: 0; width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);}
.link-popup__wrap{max-width: 1180px;width: 100%;height: 662px;margin: 0 auto;position: relative;top: 50%;transform: translateY(-50%);}
.link-popup__wrap iframe{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.popup-cls__btn { position: absolute; right: 0; top: -60px; width: 30px; height: 30px; background: no-repeat 50% / cover; background-image: url(../../images/ico/ico-close.svg); } 
.main .floating.black .floating-txt{background-image: url(../../images/cmn/floating-txt_black.svg);}
.main .floating.black .floating-link{background-image: url(../../images/cmn/floating-btn_black.svg);}




@-webkit-keyframes rotate {
    to {
      transform: rotate(360deg);
    }
}
@keyframes rotate { 
    to {
        transform: rotate(360deg);
    }
}


/***************************** FOOTER ******************************/
.link-banner{height: 60px;width: 100%;background-color: #DDD4C5;position: relative;overflow: hidden;z-index: 1;}
.link-banner__container{position: absolute;z-index: 10;top: 0;right: 0;left: 0;display: block;height: 100%;}
.link-banner__container:hover .link-banner__txt{ animation-play-state: paused;}
.link-banner__txt{position: absolute;top: 0;right: 0;left: 0;width: 300vw;height: 100%;-webkit-transition: background-position .5s ease-out;transition: background-position .5s ease-out;-webkit-animation-name: moveLeft;animation-name: moveLeft;-webkit-animation-duration: 30s;animation-duration: 30s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;background-image: url(../../images/cmn/link-banner_img.svg);background-repeat: repeat-x;background-position: 50% 50%,50% 200%;background-size: 264px auto;}


@keyframes moveLeft {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(calc(-100% + 100vw), 0, 0);
    }
}


footer{background-color: #292929; padding: 70px 0;}
footer .inner{max-width: 100%;}
.ft-wrap{display: flex; justify-content: space-between;}
.ft-logo{margin-right: 150px;}
.ft-left{display: flex;}
.ft-info__name{display: flex; color: rgba(248, 242, 231, 0.5); font-size: 14px;}
.ft-info__name b{margin-right: 8px;}
.ft-info__name .bns-link{margin-left: 10px; font-size: 12px; background-color: rgba(248, 242, 231, 0.2); padding: 2px 5px; color: rgba(248, 242, 231, 0.5);}
.ft-info__list{margin-top: 20px;}
.ft-info__list >p{ color: rgba(248, 242, 231, 0.5); margin-bottom: 8px; font-size: 12px;}
.ft-info__list >p:last-child{margin-bottom: 0;}
.ft-info__list > p > b{margin-right: 5px; display: inline-block; font-weight: 700;}
.ft-info__copyright{margin-top: 20px;}
.ft-info__copyright p{color: rgba(248, 242, 231, 0.5); font-size: 10px; line-height: 15px;}
.ft-info__copyright a{font-weight: 500; display: inline-block; color: rgba(248, 242, 231, 0.5);}
.ft-right{display: flex;}
.ft-right .ft-menu{margin-right: 90px; display: flex;}
.ft-menu .ft-menu__list:first-child{margin-right: 40px;}
.ft-menu__list > li:not(:last-child){margin-bottom: 13px;}
.ft-menu__list > li > a{font-family: 'Vollkorn', sans-serif; font-size: 12px; color: #EDE5D6;}
.ft-sns > li:not(:last-child){margin-bottom: 13px;}
.ft-sns > li > a{font-family: 'Vollkorn', sans-serif; font-size: 12px; color: #EDE5D6; text-decoration: underline; opacity: 0.5;}


#hd.on #logo{display: none;}
#hd.on {top: 0 !important;}
body:not(.init-intro) #hd.on .main-wrap:not(.slide) {top: 0 !important;}
body:not(.init-intro) #hd.on .gnb-menu__btn{opacity: 0;}


@media screen and (min-width: 1200px){
    .gnb_wrap{display: flex !important; opacity: 1 !important;}
}




/**************** pad ******************/
@media screen and (max-width: 1200px){
    .inner{max-width: 100%; padding: 0 30px;}

    /***************** HEAD ****************/
    #hd{height: 80px;}
    body:not(.before-load) #hd{height: 80px;}
    #hd.active .gnb-menu__btn span,
    #hd:hover .gnb-menu__btn span{background: #000;}
    #hd.active .gnb-menu__btn span:before,
    #hd:hover .gnb-menu__btn span:before,
    #hd.active .gnb-menu__btn span:after,
    #hd:hover .gnb-menu__btn span:after{background: #000;}
    #hd:hover .gnb-menu__btn.active span{background: transparent;}
    body:not(.before-load) #hd.active .gnb-menu__btn span,
    body:not(.before-load) #hd:hover .gnb-menu__btn span{background: #000;}
    body:not(.before-load) #hd.active .gnb-menu__btn span:before,
    body:not(.before-load) #hd:hover .gnb-menu__btn span:before,
    body:not(.before-load) #hd.active .gnb-menu__btn span:after,
    body:not(.before-load) #hd:hover .gnb-menu__btn span:after{background: #000;}
    body:not(.before-load) #hd:hover .gnb-menu__btn.active span{background: transparent;}


    #gnb{height: 80px;}
    .gnb-menu__wrap{display: none;}
    .main-wrap{top: 0;height: 80px;align-items: center;} 
    #logo{height: 80px;}
    #logo a{width: 151px; height: 40px; background-image: url(../../images/cmn/logo-m.svg);}
    body:not(.init-intro) #hd:not(.on).active #logo a, 
    body:not(.init-intro) #hd:not(.on):hover #logo a{background-image: url(../../images/cmn/logo-m.svg);}
    body:not(.init-intro) .main-wrap{top: 0;height: 80px;}
    body:not(.init-intro) #logo{height: 80px;}
    body:not(.init-intro) #logo a{width: 151px;height: 40px;background-image: url(../../images/cmn/logo-m_w.svg);}
    #hd_sch{right: 30px; height: 40px;}
    .hd-wrap__search{width: 40px; height: 40px;}
    body:not(.init-intro) .gnb-menu__btn{opacity: 1;} 
    .before-load .gnb-menu__btn{transition: all 1s ease 0s;}
    .gnb-menu__btn {position: absolute;left: 30px;background: none;width: 40px;height: 40px;border:0;display: flex;align-items: center;justify-content: center;z-index: 111; opacity: 1;}
    .gnb-menu__btn span{display: block;height: 2px;width: 22px;background: #000;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all 0.5s;}
    .gnb-menu__btn span:before,
    .gnb-menu__btn span:after{content: '';display: block;height: 100%;width: 100%;background: #000;position: absolute;top: -8px;transform: rotate(0deg);transition: all 0.5s;}
    .gnb-menu__btn span:before {top: -8px;} 
    .gnb-menu__btn span:after {top: 8px;} 
    .gnb-menu__btn.active span {background: transparent;} 
    .gnb-menu__btn.active span:before {transform: rotate(135deg);top: 0;background: #000;} 
    .gnb-menu__btn.active span:after {transform: rotate(-135deg);top: 0;background: #000;}
    .gnb-menu__btn.active ~ #gnb .gnb_wrap {position: fixed;top: 0;left: 0;width: 100%;height: calc(var(--vh, 1vh) * 100);background: #fff;z-index: 99;padding: 0 30px;padding-top: 80px;display: block;overflow-y: auto;} 
    .gnb-menu__btn.active ~ #gnb #gnb_all {display: block;border-top: 1px solid #e4e4e4;} 
    .gnb-menu__btn.active ~ #gnb #gnb_1dul { display: block; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; } 
    .gnb-menu__btn.active ~ #gnb #gnb_1dul.ul1{border-bottom: 0;}
    .gnb-menu__btn.active ~ #gnb #gnb_1dul > li { margin: 0; padding: 15px 20px; } 
    .gnb-menu__btn.active ~ #gnb #gnb_1dul:first-child { margin-bottom: 5px; } 
    .gnb-menu__btn.active ~ #gnb #gnb_1dul > li > a { font-size: 34px; color: #000; } 
    .gnb-menu__btn.active ~ #gnb #gnb_1dul > li:not(:last-child) { border-bottom: 1px solid #e4e4e4; } 
    .gnb-menu__btn.active ~ #gnb .gnb-btn__wrap { position: absolute; right: 0; top: 0; padding: 20px 30px; } 
    .gnb-menu__btn.active ~ #gnb .lng-wrap { margin: 0; } 
    .gnb-menu__btn.active ~ #gnb .lng-btn { color: #000; font-size: 24px; font-weight: 500;} 
    .gnb-menu__btn.active ~ #gnb .gnb-sns{display: block;}
    .gnb-sns {padding: 0 15px;}
    .gnb-sns > li > a{font-size: 14px;}
    .gnb-menu__btn.active ~ #gnb .gnb_wrap #gnb_1dul > li:hover a:before,
    .gnb-menu__btn.active ~ #gnb .gnb_wrap #gnb_1dul > li.active a:before{display: none;}
    .gnb-menu__btn.active span:before, .gnb-menu__btn.active span:after {background: #000 !important;}
    #hd.on .input-wrap {max-width: 100%; margin: 0 30px;}
    #gnb .gnb_mnal {display: block;padding-right: 6px;z-index: 9999;}
    .gnb_wrap{display: none;}
    #gnb #gnb_1dul{display: none;}
    #gnb .gnb_1dli:not(:last-child):after{display: none;}
    #gnb .gnb_menu_btn{background: transparent; margin: 8px 0;}
    #gnb .ico_gnb_menu_btn{background-image: url(../img/ico_gnb_menu_btn.svg);width: 100%;height: 100%;}
    #gnb_all .gnb_al_li{width: 100%;}
    #gnb_all .gnb_al_li:last-child .gnb_al_a:before, 
    #gnb_all .gnb_al_li:last-child .gnb_al_a:after{display: none;}
    #gnb_all .gnb_al_li.show .gnb_al_a:before{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);}
    #gnb_all .gnb_al_li.show .gnb_al_a:after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);}
    #gnb_all .gnb_al_li li a:before{content: '-';position: absolute;left: 0;}
    #gnb_all .gnb_al_li li:not(:last-child) {padding-bottom: 15px;}


    /* floating-btn */
    .floating{right: 30px;bottom: 70px;}
    .link-popup {padding: 0 30px;}
    .link-popup__wrap {max-width: 100%; height: 0; padding-bottom: 56.25%;}
    .top-btn{right: 45px;bottom: 30px;}


    /* footer */
    footer{padding: 50px 0;}
    .ft-wrap{align-items: flex-end;}
    .ft-left{flex-direction: column;}
    .ft-right{margin-bottom: 50px;}
    .ft-logo{margin-right: 0; margin-left: -5px;  margin-bottom: 30px; display: flex;}
    .ft-logo__bottom{margin-top: -4px;}


}


/**************** mobile ******************/
@media screen and (max-width: 768px){
    .inner{padding: 0 20px;}
    .pc-ver{display: none !important;}
    .mobile-ver{display: block !important;}


    #hd{height: 70px;}
    body:not(.before-load) #hd{height: 70px;}
    .hd-wrap__search{width: 40px; height: 40px;}
    body:not(.init-intro) #logo {height: 70px;}
    body:not(.init-intro) .main-wrap {height: 70px;}
    #logo{height: 70px;}
    #logo a{width: 151px;height: 40px;}
    .main-wrap {height: 70px;} 
    #hd_sch{right: 20px; height: 40px;}
    #gnb{height: 70px;}
    .gnb-menu__btn{left: 20px;}
    .gnb-menu__btn.active ~ #gnb .gnb_wrap{padding: 0 20px;padding-top: 70px;overflow-y: auto;padding-bottom: 100px;}
    .gnb-menu__btn.active ~ #gnb .lng-btn {background-size: 30px 30px; font-size: 20px;} 
    .gnb-menu__btn.active ~ #gnb #gnb_1dul > li{padding: 15px;}
    .gnb-menu__btn.active ~ #gnb #gnb_1dul > li > a{font-size: 20px;}
    #hd.on .input-wrap {margin: 0 20px;}
    #hd.on .input-wrap { height: 50px; } 
    #hd.on .input-wrap input { font-size: 18px; padding-bottom: 10px; } 
    #hd.on .hd-wrap__search ~ .hd-search__cont { height: 190px; } 
    #hd.on .hd-search__cont:after { height: calc(var(--vh, 1vh) * 100 - 190px); } 
    .ico-arrow_bt{margin-top: -3px;}
    #gnb_all .gnb_al_li .gnb_al_a {
        font-size: 20px;
    }
    
    #gnb_all .gnb_al_li {
        padding: 12px 15px;
    }

    /* floating-btn */
    .floating{right: 20px;bottom: 50px;}
    .main-banner__btnWrap{right: 20px;}
    .link-popup {padding: 0 20px;}
    .floating-txt{width: 76px; height: 76px;}
    .floating-link{width: 49px; height: 49px;}


    .main .top-btn{bottom: 40px;}
    .top-btn{right: 25px;bottom: 15px;}

    /* footer */
    footer{padding: 30px 0 45px;}
    .ft-wrap{display: block;}
    .ft-logo{margin-bottom: 20px;}
    .ft-logo > div{width: 147px; height: 39px;}
    .ft-logo > div img{width: 100%; height: auto;}
    .ft-right{margin-bottom: 0;margin-top: 50px;justify-content: space-between;}
    .ft-right .ft-menu{justify-content: space-between;margin-right: 0;width: 80%;flex: 0 0 auto;}
    .ft-menu .ft-menu__list:first-child{margin-right: 0;}
    .ft-menu__list {width: 50%;}
}