@charset "utf-8";
#footer { width: 100%; background-color: var(--main-black); padding: 100px 0;  box-sizing: border-box; overflow-x: hidden; position: relative; }

#footer .t_inform { display: none; }
#footer .t_inform > .inner {padding: 15px 0;}
#footer .t_inform a{font-size: 14px; color: #ddd; display: inline-block; margin: 0 15px; opacity: .7; transition:  all .3s ease-in-out;}
#footer .t_inform a:hover {opacity: 1;}
#footer .t_inform a:first-child {margin-left: 0;}
#footer .t_inform a:last-child {margin-right: 0;}

.f_inform_wrap { display: flex; justify-content: space-between; }
.f_inform_wrap .f_logo { width: 196px; height: 48px; }
.f_inform_wrap .f_logo img { width: 100%; }
.f_inform_wrap .cmp-info { margin-top: 80px; }
.f_inform_wrap .cmp-info .name { font: 500 22px/100% var(--font-family); color: #fff; margin-bottom: 30px; }
.f_inform_wrap .cmp-info ul { display: flex; flex-wrap: wrap; gap: 15px 30px; max-width: 660px; opacity: 0.95; }
.f_inform_wrap .cmp-info ul p { display: flex; gap: 8px; }
.f_inform_wrap .cmp-info ul p > span { display: inline-block; color: #fff; font: 300 20px/100% var(--font-family); }
.f_inform_wrap .cmp-info ul p > span.itm { font-weight: 500; }

.f_inform_wrap .rg-box { max-width: 560px; }
.f_inform_wrap .ft-qk-menu ul { display: flex; flex-direction: column; gap: 24px; opacity: 0.95; }
.f_inform_wrap .ft-qk-menu a { display: inline-block; font: 500 18px/100% var(--font-family); color: #fff; padding-right: 26px; position: relative; }
.f_inform_wrap .ft-qk-menu li:not(:first-child) a::after { content: ''; width: 20px; height: 20px; background: url('/resources/img/common/ft_ico_newwin.png') no-repeat center/contain; position: absolute; right: 0; top: 0; }

.f_inform_wrap .top_btn { width: 60px; height: 60px; background-color: rgba(255,255,255,0.3); border-radius: 50%; position: absolute; right: 0; top: 0; cursor: pointer; z-index: 10; }
.f_inform_wrap .top_btn .ico { display: block; width: 16px; height: 30px; background: url('/resources/img/common/ft_ico_arr_top.png') no-repeat center/contain; position: absolute; left: calc(50% - 8px); top: calc(50% - 15px); }
.f_inform_wrap .top_btn .txt { display: block; width: 0; height: 0; font-size: 0; text-indent: -9999px; }
.f_inform_wrap .copy { font: 600 18px/100% var(--font-family); color: #fff; padding-top: 25px; border-top: 1px solid rgba(255,255,255,0.5); margin-top: 48px; }


@media screen and (max-width:1280px){
   .f_inform_wrap { gap: 40px; }
   .f_inform_wrap .lf-box { display: flex; flex-direction: column; justify-content: space-between; }
   .f_inform_wrap .cmp-info { margin-top: auto; }
   .f_inform_wrap .cmp-info .name { font-size: 20px; }
   .f_inform_wrap .cmp-info ul p > span { font-size: 18px; }
   .f_inform_wrap .rg-box { min-width: 400px; }
   .f_inform_wrap .copy { font-size: 16px; }
}
@media screen and (max-width:1024px){
   #footer { padding: 80px 0; }
   .f_inform_wrap { flex-direction: column-reverse; }
   .f_inform_wrap .lf-box { border-top: 1px solid rgba(255,255,255,0.3); padding: 40px 0; margin-top: -40px; }
   .f_inform_wrap .cmp-info { margin-top: 40px; }
   .f_inform_wrap .rg-box { min-width: unset; max-width: unset; }
   .f_inform_wrap .copy { width: 100%; margin-top: 0; position: relative; top: 320px; }
   .f_inform_wrap .top_btn { right: 3%; }
}
@media screen and (max-width:640px){
   #footer { padding: 60px 0 110px; }
   .f_inform_wrap .f_logo { width: 176px; height: 44px; }
   .f_inform_wrap .cmp-info .name { font-size: 19px; }
   .f_inform_wrap .cmp-info ul p > span { font-size: 17px; }
   .f_inform_wrap .top_btn { width: 52px; height: 52px; }
   .f_inform_wrap .ft-qk-menu a { font-size: 17px; }
   .f_inform_wrap .copy { top: 340px; }
}
@media screen and (max-width:480px){
   #footer { padding: 60px 0 80px; }
   .f_inform_wrap .cmp-info ul p > span { font-size: 16px; }
   .f_inform_wrap .lf-box { margin-top: -55px; }
   .f_inform_wrap .ft-qk-menu a { font-size: 16px; }
   .f_inform_wrap .copy { font-size: 13px; top: 350px; }
} 

/*layer popup style s*/
body.noneScroll {overflow: hidden;}

.dim {display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 101;}
.dim.active {display: block;}

.popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 102;}
.popup.active {display: block;}
.popup .inner {height: 100%;}
.popup .pop_wrap {background: #fff; position: absolute; width: 100%; height: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.popup .title {position: relative; height: 80px; padding: 0 3%; border-bottom: 1px solid #ddd; background: #fff; box-sizing: border-box;}
.popup .title p {line-height: 80px; font-size: 30px; font-weight: 600;}
.popup .title .close {position: absolute; height: 100%; width: 80px; right: 0; top: 0; background-color: #ddd; cursor: pointer;}
.popup .title .close span {display: block; background-color: #333; position: absolute; width: 3px; height: 30px; top: 25px; left: 40px; transform: rotate(45deg);}
.popup .title .close span:last-child {transform: rotate(-45deg);}

.popup .cont {height: calc(100% - 80px); padding: 30px 3%; overflow-y: auto; box-sizing: border-box;}

.popup .cont::-webkit-scrollbar {width: 8px;}
.popup .cont::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 5px;}
.popup .cont::-webkit-scrollbar-track {background-color: #eee;}

@media screen and (max-width:768px){
   .popup .title {height: 60px;}
   .popup .title p {line-height: 60px; font-size: 20px;}
   .popup .title .close {width: 60px;}
   .popup .title .close span {height: 20px; top: 21px; left: 29px;}

   .popup .cont {height: calc(100% - 60px);}

}

/* 내부 스타일 */
:root {
   --big-tit : 21px;
   --dep1-tit: 18px;
   --pop-txt : 16px;
}
.tos-wrap { width: 100%; }
.dep1-wrap { margin-bottom: 60px; }
.dep1-wrap .big-tit { font-size: var(--big-tit); font-weight: 600; padding-bottom: 25px; }

.dep1-box { padding-bottom: 15px; }
.dep1-box .dep1-tit { font-size: var(--dep1-tit); font-weight: 500; line-height: 1.2; padding-bottom: 7px; }
.dep1-box p { font-size: var(--pop-txt); line-height: 1.3; }
.dep1-box .dep1-txt { padding-left: 10px; padding-bottom: 10px; }
.dep1-box .in-dep-list1 li { margin-bottom: 3px; padding-left: 15px; }
.dep1-box .in-dep-list1 > ul > li { margin-bottom: 5px; }
.dep1-box .in-dep-list1 li > p { padding-left: 20px; text-indent: -18px; }
.dep1-box .in-dep-list1 li > p.in-dep1-tit { padding-left: 10px; font-weight: 400; }
.dep1-box .in-dep-list2,
.dep1-box .in-dep-list3 { padding-top: 5px; }

@media screen and (max-width:768px){
   :root {
      --big-tit : 19px;
      --dep1-tit: 16px;
      --pop-txt : 14px;
   }
}

 /*layer popup style e*/


 /* fixed-inquiry */
 form .capt_btn { width: 28px; height: 28px; border:none; text-indent: -999px; overflow: hidden; background:url('/resources/img/main/ico_refresh.svg') no-repeat center/ 24px; cursor: pointer; }
.fixed-inquiry { position: fixed; bottom:0px; width: 98%; max-width: 1380px; display: grid; grid-template-columns: 250px auto; gap:30px; padding:48px 40px 26px; left:50%; transform: translateX(-50%); background: white; border-radius: 24px 24px 0 0 ; border-top:3px solid #CEDF88; z-index: 5; box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.25); transition: 0.3s ease-out; }
.fixed-inquiry form { margin-bottom: 0; }
.fixed-inquiry .frm-btn-wrap { margin: 0; }
.fixed-inquiry.close { transform: translate(-50%,100%); }
.fixed-inquiry .fixed-inquiry-trigger { width: 144px; height: 40px; position: absolute; left:50%; top:0px; transform: translate(-50%,-100%); border-radius: 12px 12px 0 0 ; background:#CEDF88; color:white; font: 500 20px/40px 'SUIT'; cursor: pointer; overflow: hidden; text-align: center; }
.fixed-inquiry .fixed-inquiry-trigger p { transition: 0.5s; }
.fixed-inquiry.close .fixed-inquiry-trigger p { transform: translateY(-100%); }
.fixed-inquiry-title p { font: 700 28px 'SUIT'; }
.fixed-inquiry-title .sub-tit { margin-top: 20px; font: 400 16px/125% 'SUIT'; }
.fixed-inquiry .basic-form input[type="text"],
.fixed-inquiry .basic-form textarea { padding:0 24px; border-radius: 24px; border: 1px solid #E2E9EC; font-size: 16px; }
.fixed-inquiry .basic-form input[type="text"] { height: 54px; }
.fixed-inquiry .basic-form textarea { height: 100%; padding: 12px 24px; }
.fixed-inquiry .basic-form { display: grid; grid-template-columns: auto 214px; }
.fixed-inquiry .basic-form .frm-left { display: grid; grid-template-columns: 1fr 1.5fr; gap:20px 16px; }
.fixed-inquiry .basic-form .frm-left .frm-tit { padding: 4px 6px; font: 400 15px 'SUIT'; position: absolute; left:30px; top:0px; transform: translateY(-50%); background:white; color:#555555 !important; z-index: 1; }
.fixed-inquiry .basic-form .frm-left .frm-desc { height: 100%; }
.fixed-inquiry .basic-form .frm-textarea { grid-row: span 2 / auto; }
.fixed-inquiry .basic-form .frm-itm { display: block; padding: 0; background:white; }
.fixed-inquiry .basic-form .frm-right { display: block; }
.fixed-inquiry .basic-form .frm-right .frm-tit { margin-bottom: 8px; font:500 16px/100% 'SUIT' ; color:var(--main-black) !important; }
.fixed-inquiry .basic-form .frm-right .frm-desc { display: flex; height: 28px; align-items: center; }
.fixed-inquiry .basic-form .frm-right .frm-desc img { width: 80px !important; height: 100% !important; object-fit: cover; }
.fixed-inquiry .basic-form .frm-right .frm-desc input { width: 96px; height: 100%; border-radius: 0; padding: 0 10px; font-size: 16px; }
.fixed-inquiry .basic-form .frm-right .frm-bot-itm { margin-bottom: 20px; }
.fixed-inquiry .basic-form .frm-right .frm-bot-itm .frm-desc input[type="checkbox"] ~ label { font: 400 16px/100% 'SUIT'; }
.fixed-inquiry .basic-form .frm-right .frm-btn-wrap button { height: 56px; width: 100%; border-radius: 20px; }

.fixed-inquiry .basic-form .frm-ci-msg { left:auto; right:0px; bottom:-2px; }

.frm-bot-itm .frm-desc input[type="checkbox"] { display: none; }
.frm-bot-itm .frm-desc input[type="checkbox"] ~ label { padding-left: 24px; position: relative; font:400 17px/100% 'SUIT'; }
.frm-bot-itm .frm-desc input[type="checkbox"] ~ label::before { content: ''; width: 16px; height: 16px; border-radius: 2px; border:1px solid var(--gray-lite); position: absolute; left:0px; top:50%; transform: translateY(-50%); }
.frm-bot-itm .frm-desc input[type="checkbox"]:checked ~ label::before { background: var(--main-color) url("/resources/img/common/check_w.png") center/contain no-repeat; border-color: var(--main-color); }
.frm-btn-wrap button { width:200px; height: 64px; display: flex; align-items: center; justify-content: center; border-radius: 60px; color:white; font: 600 20px/100% 'SUIT'; background:var(--main-color); }

@media screen and (max-width:1200px){
.fixed-inquiry { grid-template-columns: 200px auto; padding: 38px 24px 24px; }
.fixed-inquiry-title p { font-size: 24px; }
.fixed-inquiry-title .sub-tit { font-size: 15px; }
.fixed-inquiry-title .sub-tit span:last-child { display: none; }
.fixed-inquiry .basic-form input[type="text"] { height: 48px; }
.fixed-inquiry .basic-form input[type="text"],
.fixed-inquiry .basic-form textarea { padding: 0 20px; border-radius: 20px; font-size: 15px; }
.fixed-inquiry .basic-form textarea { padding: 12px 20px; }

.fixed-inquiry .basic-form .frm-right .frm-bot-itm { margin-bottom: 19px; }
.fixed-inquiry .basic-form .frm-right .frm-tit { font-size: 15px; margin-bottom: 4px; }

.fixed-inquiry .fixed-inquiry-trigger { width: 136px; height: 36px; font-size: 18px; line-height: 35px; }
.fixed-inquiry .basic-form .frm-right .frm-bot-itm .frm-desc input[type="checkbox"] ~ label { font-size: 15px; }
.fixed-inquiry .basic-form .frm-right .frm-btn-wrap button { font-size: 18px; height: 50px; }
}
@media screen and (max-width:1024px){
.fixed-inquiry { grid-template-columns: 1fr; padding: 24px 24px 20px; gap:24px; }
.fixed-inquiry-title br { display: none; }
.fixed-inquiry-title p { font-size: 19px; }
.fixed-inquiry-title .sub-tit { display: none; }
.fixed-inquiry .basic-form .frm-left .frm-tit { left: 24px; }
.fixed-inquiry .basic-form input[type="text"],
.fixed-inquiry .basic-form textarea { padding: 0 16px; border-radius: 16px; }
.fixed-inquiry .basic-form textarea { padding: 12px 16px; }
}
@media screen and (max-width:768px){
.fixed-inquiry { display: none; }
}