#header {z-index: 99999;}
.pc_header {transition: 0.3s; background: transparent}
.pc_header .inner {padding: 0 2rem 0 6.8rem; border-bottom: 1px solid #A4AAB1}
.pc_header .logo {transition: 0.3s}
.pc_header .gnb {transition: 0.1s}
.pc_header .gnb_lst {min-width: 16rem}
.pc_header .gnb_lst > a {padding: 4rem 0; display: block; transition: 0.3s}
.pc_header .gnb_lst > a:hover {font-weight: bold}
.pc_header .lnb {width: 16rem; padding: 2rem 0; display: none;}
.pc_header .lnb_lst {transition: 0.4s}
.pc_header .lnb_lst:hover {color: #000;}
.pc_header .lnb_lst + .lnb_lst {margin-top: 1.2rem}
.pc_header .lnb_lst a {display: block;}
.pc_header .lnb_lst a:hover {font-weight: 500}
.pc_header .login {padding: 0.8rem 1.6rem; border: 1px solid #C9CDD2; border-radius: 20px; transition: 0.1s}
.pc_header .login a:hover {font-weight: 500}
.pc_header .menu_btn {transition: 0.3s}

.pc_header.fix {background: rgba(255,255,255,0.9)}
.pc_header.fix .logo {filter: brightness(0);}
.pc_header.fix .gnb {color: #222527}
.pc_header.fix .gnb_lst > a {padding: 3rem 0;}
.pc_header.fix .login {color: #222527; border: 1px solid #222527; font-weight: 400}
.pc_header.fix .menu_btn {filter: brightness(0);}

@media all and (max-width: 880px){
    .mo_header {position: fixed; width: 100%; top: 0; z-index: 99; transition: 0.3s;}
    .mo_header.fix {background: #fff;}

    .mo_header .mo_head {padding: 1.8rem 2.4rem;}
    .mo_header .mo_head .call {filter: brightness(100); width: 2.2rem}
    .mo_header .mo_head .logo {width: 17.2rem}
    .mo_header .mo_head .menu_btn {width: 2.8rem; filter: brightness(100);}

    .mo_header.fix .mo_head {background: #fff}
    .mo_header.fix .mo_head .call {filter: none;}
    .mo_header.fix .mo_head .logo {filter: none; filter: brightness(0);}
    .mo_header.fix .mo_head .menu_btn {filter: none}

    .mo_header .mo_menu_wrap {position: fixed; width: 100%; height: 100%; top: 0; display: none;}
    .mo_header .mo_menu_wrap .mo_black_bg {width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; top:0; left: 0;}

    .mo_header .mo_menu_box {width: 80%; height: 100%; margin-left: auto; background: #fff; right: -100%; transition: 1s;}
    .mo_header .mo_menu_box .menu_logo {padding: 20px 25%; filter: brightness(0);}

    .mo_header .menu_gnb {padding: 20px;}
    .mo_header .menu_gnb_lst {padding: 8px; border-bottom: 1px solid #e1e1e1;}
    .mo_header .menu_gnb_lst .gnb_name {font-size: 1.8rem; display: block; font-weight: 500;}
    .mo_header .menu_gnb_lst .gnb_name:after {content: ''; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 15px; height: 15px; background: url('../img/mo_menu_arrow.png') no-repeat; background-size: contain; transition: 0.4s}
    .mo_header .menu_gnb_lst .gnb_name.on:after {transform: translateY(-50%) rotate(180deg);}

    .mo_header .menu_lnb {display: none; margin: 15px 0;}
    .mo_header .menu_lnb .menu_lnb_lst {}
    .mo_header .menu_lnb .menu_lnb_lst a {display: block; font-size: 1.6rem; padding: 5px; color: #5a5a5a;}
}


.full_menu {}
.full_menu .inner {padding-top: 16rem;}
.full_menu .logo {margin-bottom: 11rem}
.full_menu .gnb {padding: 0 10rem;}
.full_menu .gnb_lst {flex: 1; padding-bottom: 4.3rem}
.full_menu .gnb_lst::before {content: ''; display: block; position: absolute; width: 100%; height: 1px; left: 0; bottom: -1px; transition: 0.6s; background: transparent}
.full_menu .gnb_lst:hover::before {background: #fff;}
.full_menu .lnb_wrap {padding: 0 10rem; border: 1px solid rgba(255,255,255,0.3); border-right: 0; border-left: 0;}
.full_menu .lnb {flex: 1; padding: 4.2rem 0}
.full_menu .lnb::before {content: ''; display: block; position: absolute; width: 100%; height: 1px; left: 0; top: -1px; transition: 0.6s; background: transparent}
.full_menu .lnb:hover::before {background: #fff;}
.full_menu .lnb_lst {transition: 0.3s; color: rgba(255,255,255,0.6)}
.full_menu .lnb_lst:hover {color: #fff}
.full_menu .lnb_lst + .lnb_lst {margin-top: 1.2rem}
.full_menu .lnb_lst a {}
.full_menu .login_wrap {margin-top: 4rem}
.full_menu .login_wrap .login {padding: 0.8rem 1.6rem; background: rgba(255,255,255,0.2); border-radius: 20px;}
.full_menu .login_wrap .login a:hover {font-weight: 400}

.full_menu {width: 0; transition: 0.5s; opacity: 0; overflow: hidden;}
.full_menu .logo {top: 5rem; opacity: 0; transition: 1s}
.full_menu .gnb {top: 5rem; opacity: 0; transition: 1s}
.full_menu .lnb_wrap {top: 5rem; opacity: 0; transition: 1s}
.full_menu .login_wrap {top: 5rem; opacity: 0; transition: 1s}
.full_menu.active {width: 100%; opacity: 1}
.full_menu .logo.on {top: 0; opacity: 1;}
.full_menu .gnb.on {top: 0; opacity: 1;}
.full_menu .lnb_wrap.on {top: 0; opacity: 1;}
.full_menu .login_wrap.on {top: 0; opacity: 1;}
.full_menu .hide_btn {max-width: 8rem}

.float {right: 8rem; z-index: 9999; bottom: 5%;}
.float .lst {padding: 4.8rem 0.8rem; border-radius: 60px; display: none;}
.float .lst li {opacity: 0.9;}
.float .lst li a {}
.float .lst li img {}
.float .lst li .txt {padding-top: 5px}
.float .lst li + li {margin-top: 4rem;}
.float .lst li:hover {opacity: 1;}
.float .lst li:hover .txt {font-weight: 600}
.float .lst_ico {visibility: hidden;}
.float .lst_ico.on {visibility: visible;;}
.float .top {margin-top: 1.6rem;}
.float .top img {filter: drop-shadow(0.5rem 0.5rem 1rem rgba(0,0,0,0.2));}

@media all and (max-width: 880px){
    .float {right: 0; bottom: auto; top: 50%; transform: translateY(-50%);}
    .float .lst {border-radius: 20px 0 0 20px; padding: 1.6rem; display: block; position: relative;}
    .float .lst li + li {margin-top: 1.5rem;}
    .float .lst li img {width: 3.2rem;}
}

.consult {z-index: 9999; transition: 0.4s; bottom: -20rem}
.consult .cs_btn {padding: 1.3rem 5.7rem; border-radius: 20px 20px 0 0; width: 24rem; gap: 0.8rem;}
.consult .cs_cont {padding: 5.4rem 0; gap: 4.7rem;}
.consult .cs_cont .cont {}
.consult .cs_cont .cont .lst {gap: 2.4rem;}
.consult .cs_cont .cont .lst .ipt {}
.consult .cs_cont .cont .lst .ipt input {border-radius: 40px; width: 26rem; height: 4.8rem;}
.consult .cs_cont .cont .lst .ipt select {border-radius: 40px; width: 26rem; height: 4.8rem;}
.consult .cs_cont .cont .agree {gap: 1.4rem; justify-content: end; padding: 1.6rem 0rem 0 0;}
.consult .cs_cont .cont .agree label {bottom: -2px;}
.consult .submit_btn {padding: 3rem 3.2rem; border-radius: 14px;}

@media all and (max-width: 880px){
    .consult {bottom: -25rem;}
    .consult .cs_btn {padding: 1.3rem 3.7rem; justify-content: center;}
    .consult .cs_cont {flex-direction: column; padding: 2.4rem 2.7rem; gap: 3rem;}
    .consult .cs_cont .cont {width: 100%;}
    .consult .cs_cont .cont .lst {flex-direction: column; gap: 0.8rem;}
    .consult .cs_cont .cont .lst .ipt input {height: 3.8rem; width: 100%;}
    .consult .cs_cont .cont .lst .ipt select {height: 3.8rem; width: 100%;}
    .consult .cs_cont .cont .agree {gap: 0.8rem; justify-content: flex-start; font-size: 1.4rem; padding-top: 0.8rem;}
    .consult .submit_btn {width: 100%; font-size: 1.8rem; padding: 1.2rem 0; border-radius: 8px;}
}

.infoArea {}
.infoArea .box {width: 50%;}
.infoArea .info_box {background: url('../img/common/info_bg.jpg') no-repeat center/cover; padding-left: 10%}
.infoArea .info_box .title {margin-bottom: 12.8rem}
.infoArea .info_box .title .subt {}
.infoArea .info_box .title .tit {}
.infoArea .info_box .cont {}
.infoArea .info_box .cont .line {padding-top: 2.4rem; border-top: 1px solid #56E2AA; max-width: 51.5rem}
.infoArea .info_box .cont .line + .line {margin-top: 5rem;}
.infoArea .info_box .cont .line .tit {gap: 0.8rem; min-width: 13.8rem;}
.infoArea .info_box .cont .line .lst {}
.infoArea .info_box .cont .line .lst li + li {margin-top: 1.2rem;}
.infoArea .info_box .cont .line .lst li.last {padding-top: 4px}
.infoArea .info_box .cont .line .lst span {min-width: 9.6rem; display: inline-block;}
.infoArea .info_box .cont .line .lst i {padding: 2px 6px; margin-left: 1.2rem;}
.infoArea .info_box .cont .line .last i {display: none}
.infoArea .map_box {}

@media all and (max-width: 880px){
    .infoArea {flex-direction: column-reverse;}
    .infoArea .box {width: 100%}
    .infoArea .info_box {padding: 8.3rem 0 7.4rem; }
    .infoArea .info_box .title {max-width: 87%; margin: 0 auto; width: 100%; margin-bottom: 6rem;}
    .infoArea .info_box .title .subt {font-size: 1.8rem}
    .infoArea .info_box .title .tit {font-size: 4rem}
    .infoArea .info_box .cont {max-width: 87%; margin: 0 auto; width: 100%}
    .infoArea .info_box .cont .line {flex-direction: column; padding-top: 2rem; gap: 1.1rem}
    .infoArea .info_box .cont .line .tit img {max-width: 2.4rem}
    .infoArea .info_box .cont .line .lst i {display: none}
    .infoArea .info_box .cont .line .last i {display: inline-block;}
}


#db_bar {position: fixed; width: 70%; min-width: 1340px; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 9999; background: #307B61; border-radius: 30px 30px 0 0; overflow: hidden;}
#db_bar .db_bar_inner {padding: 3.1rem 7.5rem;}
#db_bar .db_bar_inner .bar_logo {max-width: 20rem;}
#db_bar .db_bar_inner .bar_form {gap: 1rem; justify-content: center;}
#db_bar .db_bar_inner .bar_form input {border-radius: 5px}
#db_bar .db_bar_inner .bar_form input:focus {outline: none;}
#db_bar .db_bar_inner .bar_form .form_box_1 {gap: 1rem;}
#db_bar .db_bar_inner .bar_form .form_box_1 input {}
#db_bar .db_bar_inner .bar_form .form_box_2 {gap: 1rem;}
#db_bar .db_bar_inner .bar_form .form_box_2 input {}
#db_bar .db_bar_inner .bar_form .form_box_2 button {font-size: 1.8rem; font-weight: bold; background: #09553c; padding: 2.1rem 1.6rem; border-radius: 5px; color: #fff}
#db_bar .db_bar_inner .bar_form .form_agree {color: #fff; font-size: 1.6rem; bottom: 0; gap: 0.6rem; right: 17%;}
#db_bar .db_bar_inner .bar_num {}
#db_bar .db_bar_inner .bar_num .txt {font-size: 1.6rem; color: #CECECE;}
#db_bar .db_bar_inner .bar_num .num {font-size: 3.2rem; color: #99e2ca; font-weight: bold; line-height: 4.6rem;}

@media all and (max-width: 1340px){
    #db_bar {min-width: 100%; width: 100%;}
}

@media all and (max-width: 768px){
    #db_bar {width: 100%;}
    #db_bar .db_bar_inner {padding: 5.5rem 0; width: 81%; margin: 0 auto;}
    #db_bar .db_bar_inner .bar_form {flex-direction: column;}
    #db_bar .db_bar_inner .bar_form .form_box_1 input {width: 50%;}
    #db_bar .db_bar_inner .bar_form .form_box_2 input {flex: 1;}
    #db_bar .db_bar_inner .bar_form .form_box_2 button {padding: 4rem 2.7rem; font-size: 2.7rem; flex-shrink: 0;}
    #db_bar .db_bar_inner .bar_form .form_agree {font-size: 1.3rem; right: auto; left: 0;}
}

@media all and (max-width: 450px){
    #db_bar .db_bar_inner {padding: 4rem 0;}
    #db_bar .db_bar_inner .bar_form {gap: 0.7rem;}
    #db_bar .db_bar_inner .bar_form input {height: 30px; font-size: 1.3rem;}
    #db_bar .db_bar_inner .bar_form .form_box_1 {gap: 0.7rem;}
    #db_bar .db_bar_inner .bar_form .form_box_2 {gap: 0.7rem;}
    #db_bar .db_bar_inner .bar_form .form_box_2 button {padding: 2.5rem 1.5rem; font-size: 2rem;}
}



#footer {}
.ft_inner {padding: 4.7rem 0 14.8rem;}
.ft_inner .ft_logo {margin-bottom: 1.6rem;}
.ft_inner .ft_cont {}
.ft_inner .ft_cont .lst + .lst {margin-left: 9.6rem;}
.ft_inner .ft_cont .lst li + li {margin-top: 0.6rem}
.ft_inner .ft_cont .lst li span {min-width: 12.7rem; border-right: 1px solid #72787F; display: inline-block; margin-right: 0.6rem}
.ft_inner .ft_cont .lst:nth-child(2) li span {min-width: 8.3rem;}
.ft_inner .ft_cont .etc {margin-left: auto}
.ft_inner .ft_cont .etc .sns {gap: 1.2rem; align-items: center;}
.ft_inner .ft_cont .etc img {opacity: 0.5; transition: 0.4s;}
.ft_inner .ft_cont .etc img:hover {opacity: 1;}
.ft_inner .ft_cont .etc .copy {margin-top: 1.4rem;}

@media all and (max-width: 880px){
    .ft_inner {max-width: 87%; width: 100%; margin: 0 auto; padding: 4.4rem 0 4.7rem;}
    .ft_inner .ft_logo {max-width: 21.5rem; margin-bottom: 2.5rem;}
    .ft_inner .ft_logo img {width: 100%; display: block;}
    .ft_inner .ft_cont {flex-direction: column; align-items: baseline;}
    .ft_inner .ft_cont .lst + .lst {margin-left: 0;}
    .ft_inner .ft_cont .lst li {display: flex; margin-top: 1rem}
    .ft_inner .ft_cont .lst li span {min-width: 11rem}
    .ft_inner .ft_cont .lst:nth-child(2) li span {min-width: 11rem}
    .ft_inner .ft_cont .etc {margin-left: 0; margin-top: 4rem}
    .ft_inner .ft_cont .etc img {max-width: 3.2rem;}

}

.trigger_top_off {bottom: -5rem; opacity: 0; transition: 1.4s}
.trigger_top_on {bottom: 0; opacity: 1; transition: 1.4s}

.trigger_left_off {right: -5rem; opacity: 0; transition: 1.4s;}
.trigger_left_on {right: 0; opacity: 1; transition: 1.4s;}

.trigger_right_off {left: -5rem; opacity: 0; transition: 1.4s;}
.trigger_right_on {left: 0; opacity: 1; transition: 1.4s;}

.trigger_bot_off {top: -5rem; opacity: 0; transition: 1.4s}
.trigger_bot_on {top: 0; opacity: 1; transition: 1.4s}

.trigger_opa_off {opacity: 0; transition: 1.4s}
.trigger_opa_on {opacity: 1; transition: 1.4s}

.trigger_fil_off {filter: blur(20px); opacity: 0; transition: 1.4s}
.trigger_fil_on {filter: blur(0); opacity: 1; transition: 1.4s}

.fillter_blur {filter: blur(20px); opacity: 0; transition: 1.4s}
.fillter_blur.fillter_off {filter: blur(0); opacity: 1; transition: 1.4s}

.fillter_left {right: -5rem; opacity: 0; transition: 1.4s;}
.fillter_left.fillter_off {right: 0; opacity: 1; transition: 1.4s;}

.fillter_top {bottom: -5rem; opacity: 0; transition: 1.4s;}
.fillter_top.fillter_off {bottom: 0; opacity: 1; transition: 1.4s;}