@charset "UTF-8";

/*
.quick_menu { z-index:999; position:fixed; right: 0; top: 50%; transform: translateY(-50%); border-radius: 8px 0 0 8px; overflow: hidden; }
.quick_menu .btn { font-size:13px; font-weight: 700; color: var(--colorGray60); display: block; padding: 18px 8px; text-align: center; background: linear-gradient(180deg, #fff, #F4F5F6); }
.quick_menu .btn p { margin: 6px 0 0; }
*/
.quick_aside {width:120px;text-align:center;position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:300}
.quick_aside .tit {padding:9px 12px 8px 12px;font-size:0.9375em;line-height:1;color:#fff;background-color:var(--colorMain);border-radius:8px 0 0 0}
.quick_aside .quick_list {border-radius:0 0 0 8px;overflow:hidden}
.quick_aside .quick_list .bundle {}
.quick_aside .quick_list .link {display:block;padding:15px 10px 12px 10px;font-size:0.9em;font-weight:500;background:linear-gradient(180deg, #fff, #F4F5F6)}
.quick_aside .quick_list .link img {display:block;margin:0 auto 8px auto}
.quick_aside .quick_list .link .text {display:inline-block;transtion:0.2s}
.quick_aside .quick_list .link .text::after {display:block;width:0;height:1px;content:'';background-color:var(--colorTitGreen);transition:width 0.2s}
.quick_aside .quick_list .link:hover,  
.quick_aside .quick_list .link:focus {background-color:#fff}
.quick_aside .quick_list .link:hover .text, 
.quick_aside .quick_list .link:focus .text {color:var(--colorTitGreen)}
.quick_aside .quick_list .link:hover .text::after, 
.quick_aside .quick_list .link:focus .text::after {width:100%}
.quick_aside .quick_ctrl {display:flex;align-items:center;justify-content:center;font-size:1.3em;border-radius:6px 0 0 6px;position:absolute;left:-24px;top:calc(50%);transform:translateY(-50%);z-index:100;overflow:hidden}
.quick_aside .quick_ctrl .btn {width:24px;height:48px;background-color:var(--colorBgGray)}
.quick_aside .quick_ctrl .btn .icon {transform:scaleX(-1) translateX(-1px);transition:all 0.2s}
.quick_aside .quick_ctrl .btn:hover, 
.quick_aside .quick_ctrl .btn:focus {color:var(--colorMain)}
.quick_aside.hidden {box-shadow:0 0 10px rgba(0,0,0,0.2)}
.quick_aside.hidden .tit {background-color:#fff}
.quick_aside.hidden .link {background-color:#fff}
.quick_aside.hidden .quick_ctrl {box-shadow:-5px 0 10px rgba(0,0,0,0.1)}
.quick_aside.hidden .quick_ctrl .btn {background-color:#fff}
.quick_aside.hidden .quick_ctrl .btn .icon {transform:scaleX(1) translateX(0)}

/* ============================= FOOTER STYLE1 ============================= */
.footer{ z-index:1; width: 100%; background-color: var(--colorGray50);}

.footer .container .foot_top {padding:40px 0 15px 0} 
.footer .container .foot_top .logo_area {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between;align-items:flex-start}
.footer .container .foot_top .logo_area .logo {display:inline-block;max-width:180px}
.footer .container .foot_top .sbj_area { font-size:17px; line-height: 170%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; }
.footer .container .foot_top .sbj_area .text { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; gap:80px; }

.footer .container .footer_btm { font-size:15px; border-top: 1px solid var(--colorBorderGray); padding: 16px 0 24px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; }
.footer .container .footer_btm .list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; gap:10px; }
.footer .container .footer_btm .list li a:hover, 
.footer .container .footer_btm .list li a:focus { font-weight:700; color:var(--colorSub);text-decoration:underline;outline-offset:2px}
.footer .container .footer_btm .text { color: var(--colorSubTit) }

.footer .wa_mark {display:inline-block;max-width:100px;margin:-9px 8px 0 0;vertical-align:top}
.footer .site_box {display: inline-block; margin: 0 0 20px; vertical-align: middle;}
.footer .site_box .baro_box {position: relative; display: inline-block;}
.footer .site_box .baro_box .site_btn {overflow: hidden; position: relative; width: 246px; height: 50px; padding: 0 32px 0 20px; background-color: #fff; font-weight: 300; font-size: 15px; line-height: 50px; color: var(--colorGray90); text-align: left; outline: none;border:1px solid var(--colorBorderGray); border-radius: 8px;}
.footer .site_box .baro_box .site_btn:focus {border: 2px solid #000000;}
.footer .site_box .baro_box .site_btn .arr_btn {position: absolute; right: 23px; top: 50%; width: 8px; height: 6px; background-image: url('/images/home/kor/user/footer/site_arrow.png'); background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; transform: translateY(-50%) rotate(180deg); transition: 0.32s ease;}
.footer .site_box .baro_box .site_btn.on .arr_btn {transform: translateY(-50%) rotate(0deg);}
.footer .site_box .baro_box .site_link {display: none; position: absolute ; left: 0; bottom: 50px;z-index:1000; width: 100%; max-height: 120px; border: 1px solid #e1e1e1; background-color: #fff; overflow-y: auto;}
.footer .site_box .baro_box .site_link > li {border-bottom: 1px solid #efefef;}
.footer .site_box .baro_box .site_link > li:last-child {border-bottom: 0;}
.footer .site_box .baro_box .site_link > li > a {display: block; padding: 10px; font-weight: 300; font-size: 14px; line-height: 21px; color: #000000; word-break: keep-all;}

/* ============================= FOOTER STYLE1 ============================= */