/**************************************************
* layout.css
*
* 1 - header
* 2 - footer
*
**************************************************/
/*
:root {
    --vh: 100vh;
}
*/
html::-webkit-scrollbar {
    width:8px; height:8px; background:transparent;
}
html::-webkit-scrollbar-thumb {
    width:7px;
    background-color:rgba(0, 0, 0, 0.7);
    border-radius:2rem;
    background-clip:padding-box;
    border:0;
}
html::-webkit-scrollbar-track {
    display:none;
    background-color:transparent;
    border-radius:2rem;
    box-shadow:inset 0px 0px 5px transparent;
}

.notosans *, .notosans { font-family:'Noto Sans KR', sans-serif; }
.notoserif *, .notoserif { font-family:'Noto Serif KR', serif; }
.sortsmillgoudy *, .sortsmillgoudy { font-family:'Sorts Mill Goudy', serif; }

html, body { min-width:1800px; font:300 16px/1.6 'Noto Sans KR', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; color:#000; word-break:keep-all; }
html.no-scroll, body.no-scroll { overflow:hidden !important; }
@media (max-width:991px) {
	html, body { min-width:auto; }
}

a, a:hover, a:active, a:focus { color:#000; }
input, button { font:300 16px/1.6 'Noto Sans KR', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
p { word-break:keep-all; transform:translateZ(0); }
ion-icon { position:relative; top:2px; }

.section { padding:7% 0; }
.container-fluid { position:relative; width:100%; margin-left:auto; margin-right:auto; }
.container-xs { position:relative; width:100%; max-width:990px; margin-left:auto; margin-right:auto; }
.container-sm { position:relative; width:100%; max-width:1180px; margin-left:auto; margin-right:auto; }
/*.container-cnt { position:relative; width:100%; max-width:1280px; margin-left:auto; margin-right:auto; }*/
.container { position:relative; width:100%; max-width:1300px; margin-left:auto; margin-right:auto; }
.container-md { position:relative; width:100%; max-width:1400px; margin-left:auto; margin-right:auto; }
.container-lg { position:relative; width:100%; max-width:1560px; margin-left:auto; margin-right:auto; }
.container-xl { position:relative; width:100%; max-width:1700px; margin-left:auto; margin-right:auto; }


@media (max-width:1699px) {
	.container-xl { padding:0 15px; }
}
@media (max-width:1559px) {
	.container-lg { padding:0 15px; }
}
@media (max-width:1399px) {
	html, body { font-size:15px; }
	.container-md { padding:0 15px; }
}
@media (max-width:1299px) {
	.container { padding:0 15px; }
}
@media (max-width:1279px) {
	html, body { font-size:14px; }
}
@media (max-width:1179px) {
	.container-sm { padding:0 15px; }
}
@media (max-width:991px) {
	.section { padding:15% 0; }
	.container-xs { padding:0 15px; }
}
@media (max-width:479px) {
	html, body { font-size:13px; }
}
@media (max-width:379px) {
    html, body { font-size:12px; }
}


/* animation */
@-webkit-keyframes visual-view-bg {
    0% {
        transform:perspective(500px) scale(1.1) rotate(.001deg); 
        -webkit-transform:perspective(500px) scale(1.1) rotate(.001deg);  
        -moz-transform:perspective(500px) scale(1.1) rotate(.001deg);  
        -ms-transform:perspective(500px) scale(1.1) rotate(.001deg);  
        -o-transform:perspective(500px) scale(1.1) rotate(.001deg);
    }
    100% {
        transform:perspective(500px) scale(1) rotate(.001deg); 
        -webkit-transform:perspective(500px) scale(1) rotate(.001deg);  
        -moz-transform:perspective(500px) scale(1) rotate(.001deg);  
        -ms-transform:perspective(500px) scale(1) rotate(.001deg);  
        -o-transform:perspective(500px) scale(1) rotate(.001deg);
    }
}
@-moz-keyframes visual-view-bg {
    0% {
        transform:perspective(500px) scale(1.1) rotate(.001deg); 
        -webkit-transform:perspective(500px) scale(1.1) rotate(.001deg);  
        -moz-transform:perspective(500px) scale(1.1) rotate(.001deg);  
        -ms-transform:perspective(500px) scale(1.1) rotate(.001deg);  
        -o-transform:perspective(500px) scale(1.1) rotate(.001deg);
    }
    100% {
        transform:perspective(500px) scale(1) rotate(.001deg); 
        -webkit-transform:perspective(500px) scale(1) rotate(.001deg);  
        -moz-transform:perspective(500px) scale(1) rotate(.001deg);  
        -ms-transform:perspective(500px) scale(1) rotate(.001deg);  
        -o-transform:perspective(500px) scale(1) rotate(.001deg);
    }
}
@keyframes visual-view-bg {
    0% {
        transform:perspective(500px) scale(1.1) rotate(.001deg); 
        -webkit-transform:perspective(500px) scale(1.1) rotate(.001deg);  
        -moz-transform:perspective(500px) scale(1.1) rotate(.001deg);  
        -ms-transform:perspective(500px) scale(1.1) rotate(.001deg);  
        -o-transform:perspective(500px) scale(1.1) rotate(.001deg);
    }
    100% {
        transform:perspective(500px) scale(1) rotate(.001deg); 
        -webkit-transform:perspective(500px) scale(1) rotate(.001deg);  
        -moz-transform:perspective(500px) scale(1) rotate(.001deg);  
        -ms-transform:perspective(500px) scale(1) rotate(.001deg);  
        -o-transform:perspective(500px) scale(1) rotate(.001deg);
    }
}
@-webkit-keyframes visual-text-ani {
    0% {transform:translateY(-160%);}
    100% {transform: translateY(0);}
}
@-moz-keyframes visual-text-ani {
    0% {transform:translateY(-160%);}
    100% {transform: translateY(0);}
}
@keyframes visual-text-ani {
    0% {transform:translateY(-160%);}
    100% {transform: translateY(0);}
}

/**************************************************
* font color
**************************************************/
.text-primary { color:#b1c117; }
.text-secondary { color:#9a318d; }
.text-yellow { color:#faae0e; }
.text-yellow02 { color:#feb10c; }
.text-yellow03 { color:#efa909; }
.text-yellow04 { color:#f5ff90; }
.text-green01 { color:#b2be49; }
.text-green02 { color:#c0d11b; }
.text-green03 { color:#b4c31c; }
.text-green04 { color:#c6d819; }
.text-green05 { color:#b8c918; }
.text-green06 { color:#ccde1e; }
.text-green07 { color:#94c143; }
.text-blue01 { color:#5765a3; }
.text-blue02 { color:#2640b2; }
.text-blue03 { color:#d3dcff; }
.text-blue04 { color:#273c8b; }
.text-blue05 { color:#264871; }
.text-blue06 { color:#3f44a4; }
.text-pupple01 { color:#7f409b; }
.text-pink01 { color:#ca6085; }
.text-white { color:#fff; }
.text-black { color:#000; }
.text-essential { color:#d8a177; }
.text-link { position:relative; color:#7a7a7a; font-weight:400; font-size:0.875rem; letter-spacing:0.01em; }
.text-link:hover { color:#7a7a7a; }
.text-link:after { content:""; position:absolute; left:0; right:0; bottom:-3px; display:inline-block; width:100%; height:1px; background-color:#7a7a7a; }

.text-link02 { position:relative; color:#b1c117; font-size:0.875rem; font-weight:300; }
.text-link02:hover { color:#b1c117; }
.text-link02 .icon-arrow02 { width:18px; }

.highlight { position:relative; display:inline-block; z-index:0; }
.highlight:before { content:""; position:absolute; left:0; bottom:3px; display:inline-block; width:100%; height:1.2em; background-color:rgba(216,161,119,0.2); z-index:-1; }

/**************************************************
* icon
**************************************************/
.icon-global { width:16px; height:16px; background:url(/img/icon-global.svg) no-repeat 0 0/ 100%; }
.scrolled .icon-global { background:url(/img/icon-global.svg) no-repeat 0 100%/ 100%; }
.black-type .icon-global { background:url(/img/icon-global.svg) no-repeat 0 100%/ 100%; }
.open .icon-global { background:url(/img/icon-global.svg) no-repeat 0 100%/ 100%; }

.icon-arrow01 { width:10px; height:16px; background-image:url("/img/icon-arrow01.png"); }
.icon-arrow02 { width:10px; height:16px; background-image:url("/img/icon-arrow02.png"); }
.icon-arrow09 { width:12px; height:13px; background-image:url("/img/icon-arrow09.png"); }
.icon-arrow10 { width:29px; height:29px; background-image:url("/img/icon-arrow10.png"); }
.icon-arrow16 { width:23px; height:23px; background-image:url("/img/icon-arrow16.png"); margin-top:-6px; }
.icon-arrow17 { width:8px; height:23px; background-image:url("/img/icon-arrow17.png"); margin-top:-6px; margin-left:5px; }
.icon-arrow18 { width:7px; height:19px; background-image:url("/img/icon-arrow18.png"); margin-top:-6px; margin-left:5px; }
.icon-arrow20 { width:2.437rem; height:2.437rem; background-image:url("/img/icon-arrow20.png"); }
.icon-check05 { width:64px; height:64px; background-image:url("/img/icon-check05.png"); }

.icon-x { width:13px; height:13px; background-image:url("/img/icon-x.png"); margin-top:-6px; }

.icon-search { width:17px; height:17px; background-image:url("/img/icon-search-w.png"); }
.scrolled .icon-search { background-image:url("/img/icon-search.png"); }
.black-type .icon-search { background-image:url("/img/icon-search.png"); }
.open .icon-search { background-image:url("/img/icon-search.png"); }

.icon-quote-left { width:19px; height:17px; background-image:url("/img/quote-left.png"); }
.icon-quote-right { width:19px; height:17px; background-image:url("/img/quote-right.png"); }

.icon-new { width:19px; height:20px; margin-left:10px; margin-top:-4px; background-image:url("/img/icon-new.png"); }
.icon-youtube { width:16px; height:11px; margin-right:7px; margin-top:-2px; background-image:url("/img/icon-youtube.png"); }

.icon-dot { width:8px; height:8px; border-radius:50%; background-color:#c0d11b; margin-right:10px; }
.icon-dots { width:26px; height:26px; background-image:url("/img/icon-dots.png"); }

.icon-kakao { width:24px; height:22px; background-image:url("/img/icon-kakao.png"); }
.icon-hand { width:13px; height:16px; background-image:url("/img/icon-hand.png"); margin-left:7px; }

@media (max-width:991px) {
	.icon-arrow01 { width:8px; height:13px; }
	.icon-dot { width:6px; height:6px; margin-right:5px; }

	.icon-tel { width:20px; height:21px; background-image:url("/img/mobile/icon-tel-w.png"); }
	.scrolled .icon-tel { background-image:url("/img/mobile/icon-tel.png"); }
	.open .icon-tel { background-image:url("/img/mobile/icon-tel.png"); }
	.icon-arrow20 { width:1.5rem; height:1.5rem; }
}

/**************************************************
* button
**************************************************/
a.btn, .btn { position:relative; height:36px; line-height:34px; padding:0; overflow:hidden; transition:all 0.75s cubic-bezier(0.19,1,0.22,1); font-size:0.938rem; }
.btn.big { height:60px; line-height:58px; font-size:1.125rem; }
.btn.small { height:30px; padding:0 15px; min-width:10px; line-height:28px; font-size:13px; }
.btn.xsmall { height:26px; padding:0 10px; min-width:10px; line-height:24px; font-size:12px; }
.btn.type01 { width:140px; color:#fff; background-color:#383838; font-weight:300; }
.btn.type02 { color:#ffffff; border-color:#767a7c; background-color:#7e8283; }
.btn.type03 { color:#fff; border-color:#000; background-color:#000; border-radius:5px; font-weight:500; min-width:6.25rem; }
.btn.type04 { color:#666666; border-color:#b2b2b2; background-color:#ffffff; }
.btn.type05 { background-color:#4995c4; color:#fff; }
.btn.type06 { background-color:#93989a; color:#fff; }

.btn.hover-effect01 { position:relative; height:40px; line-height:38px; padding:0 1.25rem; border:1px solid #b1c117; border-radius:2rem; overflow:hidden; text-align:center; }
.btn.hover-effect01 .btn-txt { color:#b1c117; font-weight:300; letter-spacing:0; }
.btn.hover-effect01 .btn-txt:after { content:""; position:absolute; left:0; top:0; width:0; height:100%; transition:0.4s ease-in-out; -webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -ms-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; z-index:-1; }
.btn.hover-effect01 .icon-arrow02 { display:inline-block; width:21px; height:11px; margin-left:5px; margin-top:-1px; background:url("/img/icon-arrow02.png") no-repeat center/ 100% auto; }

.hover:hover .btn.hover-effect01 { background-color:#b1c117; transition:background 0.4s 0.1s ease-in-out; -webkit-transition:background 0.4s 0.1s ease-in-out; -moz-transition:background 0.4s 0.1s ease-in-out; -ms-transition:background 0.4s 0.1s ease-in-out; -o-transition:background 0.4s 0.1s ease-in-out; }
.hover:hover .btn.hover-effect01 .btn-txt { color:#fff; }
.hover:hover .btn.hover-effect01 .btn-txt:after { width:100%; background-color:#b1c117; transition:0.4s ease-in-out; -webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -ms-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; }
.hover:hover .btn.hover-effect01 .icon-arrow02 { display:inline-block; width:21px; height:11px; background:url("/img/icon-arrow02-hover.png") no-repeat center/ 100% auto; }

.btn.hover-effect01:hover { background-color:#b1c117; transition:background 0.4s 0.1s ease-in-out; -webkit-transition:background 0.4s 0.1s ease-in-out; -moz-transition:background 0.4s 0.1s ease-in-out; -ms-transition:background 0.4s 0.1s ease-in-out; -o-transition:background 0.4s 0.1s ease-in-out; }
.btn.hover-effect01:hover .btn-txt { color:#fff; }
.btn.hover-effect01:hover .btn-txt:after { width:100%; background-color:#b1c117; transition:0.4s ease-in-out; -webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -ms-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; }
.btn.hover-effect01:hover .icon-arrow02 { display:inline-block; width:21px; height:11px; background:url("/img/icon-arrow02-hover.png") no-repeat center/ 100% auto; }

@media (max-width:991px) {
	a.btn, .btn { height:30px; line-height:28px; font-size:10px; }
	.btn.type03 { border-color:#c79678; background-color:#c79678; }
	
	.btn.hover-effect01 { padding:0 1rem; height:30px; line-height:28px; background-color:#b1c117; }
	.btn.hover-effect01 .btn-txt { color:#fff; font-size:12px; }
	.btn.hover-effect01 .icon-arrow02 { width:12px; height:6px; top:-2px;  background:url("/img/icon-arrow02-hover.png") no-repeat center/ 100% auto; }
	.hover:hover .btn.hover-effect01 .icon-arrow02 { width:12px; height:6px; }
	.btn.hover-effect01:hover .icon-arrow02 { width:12px; height:6px; }
}

/**************************************************
* form control
**************************************************/
.form-wrap { }
.form-wrap label { margin-bottom:0.3125rem; font-size:1.188rem; font-weight:400; }
.form-control { padding:0 15px; height:40px; line-height:38px; border:none; font-size:14px; box-shadow:0px 2px 1.96px 0.04px rgba(207, 207, 207, 0.65); }
.form-control::placeholder { color:#ccc; font-weight:300; font-family:'Noto Sans KR', sans-serif; transform:skew(-0.1deg); }
select.form-control { background:#fff url("/img/select-down-arrow.png") no-repeat 95% center/auto; }
textarea.form-control { height:auto; line-height:1.5; padding:15px 15px; border:1px solid #888888; font-size:14px; }
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { border-color:#fff !important; }

/**************************************************
* 1 - header
**************************************************/
/* top-bonner 
.top-banner { position:relative; height:3.437rem; line-height:3.437rem; text-align:center; overflow:hidden; z-index:5; background:#1e1b1b url("/img/top-bonner-bg.png") no-repeat 50% bottom; }
*/

.top-banner { position:relative; height:35px; line-height:35px; text-align:center; overflow:hidden; z-index:5; background-color:#000000;}
.top-banner .swiper-container { height:100%; }
.top-banner .position-absolute { right:0; top:0; }
.top-banner p { color:#fff; }
.top-banner span { color:#fff; }


/* header */
/*	2025.03.14
#header { position:fixed; top:3.437rem; left:0; width:100%; z-index:11; background:linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0)); transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; }
*/
#header { position:fixed; top:35px; left:0; width:100%; z-index:11; background:linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0)); transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; }

#header .container-fluid { width:100%; height:120px; margin:0 auto; padding:0 3.125rem 0 6.25rem; display:flex; align-items:center; justify-content:space-between; transition:all 0.3s; }

#header .logo { position:relative; width:15.25rem; height:3.3125rem; background:url("/img/logo.png") no-repeat center/ contain; }
#header .logo a { width:100%; height:100%; }
#header .logo_eng { position:relative; width:15.25rem; height:3.3125rem; background:url("/img/logo_en.png") no-repeat center/ contain; }
#header .logo_eng a { width:100%; height:100%; }


#header .hd-left .text-white { font-size:14px; margin-left:2.5rem; }

.hd-left, .hd-right { width:40%; display:flex; align-items:center; }
.hd-right { justify-content:flex-end; }
.hd-right a.text-white { position:relative; padding-right:1.5rem; font-size:1.312rem; }
.hd-right a.text-white:hover, .hd-right a.text-white:focus { color:#fff; }
.hd-right a.text-white:after { content:""; position:absolute; right:0; top:calc(50% - 12px); display:inline-block; width:1px; height:24px; background-color:#d4c3b3; }

/* scrolled */
#header.scrolled { top:0; background:#fff; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.1); }
#header.scrolled .container-fluid { height:65px; }
/* 2025.03.19
#header.scrolled .logo { width:11.875rem; background:url("/img/logo-fixed.png") no-repeat center/ contain; }
*/
#header.scrolled .logo { background:url("/img/logo-fixed.png") no-repeat center/ contain; }

#header.scrolled .logo_eng { width:11.875rem; background:url("/img/logo_en-fixed.png") no-repeat center/ contain; }

#header.scrolled .hd-left .text-white { color:#0c0c0c; }
#header.scrolled .hd-right a.text-white { color:#0c0c0c; }

/* open */
.open #header { background:transparent; }
.open #header .logo { background:url("/img/logo-fixed.png") no-repeat center/ contain; }
.open #header .logo_eng { background:url("/img/logo_en-fixed.png") no-repeat center/ contain; }

.open #header.scrolled { top:50px; background-color:transparent; box-shadow:none; }
.open #header.scrolled .logo { background:url("/img/logo-fixed.png") no-repeat center/ contain; }
.open #header.scrolled .logo_eng { background:url("/img/logo_en-fixed.png") no-repeat center/ contain; }
.open #header.scrolled .hd-left .text-white { color:#fff; }
.open #header.scrolled .hd-right a.text-white { color:#fff; }

/* black-type */
.black-type#header { background:transparent; }
.black-type#header .logo { background:url("/img/logo-fixed.png") no-repeat center/ contain; }
.black-type#header .logo_eng { background:url("/img/logo_en-fixed.png") no-repeat center/ contain; }
.black-type#header .hd-login li + li:before { color:#838383; }
.black-type#header .hd-login li a { color:#838383; }

.black-type#header .select-network-btn { border-color:#0c0c0c; color:#0c0c0c; }
.black-type#header .select-network-btn::after { border-top-color:#0c0c0c; }
.black-type#header .network-select-list { background:rgba(255,255,255,0.8); }
.black-type#header .network-select-list li a { color:#0c0c0c; }
.black-type#header .network-select-list li:hover a { color:#b1c117; font-weight:400; }
.black-type#header .network-select-list li a:after { background:url("/img/left-arrow.svg") no-repeat center/ 100%; }

.black-type#header .select-lang:before { background:#838383; }
.black-type#header .select-lang:after { background:#838383; }
.black-type#header .select-language-btn:after { border-top-color:#0c0c0c; }
.black-type#header .language-select-list { background:rgba(255,255,255,0.8); }
.black-type#header .language-select-list li a { color:#0c0c0c; }
.black-type#header .language-select-list li:hover a { color:#b1c117; font-weight:400; }

.black-type#header + .hamberger .burger-lines { background-color:#0c0c0c; }
.black-type#header + .hamberger .burger-lines, .black-type#header + .hamberger .burger-lines:after, .black-type#header + .hamberger .burger-lines:before { background-color:#0c0c0c; }

/* 지점 */
.black-type#header .nav_1dul .nav_1dli .nav_1da { color:#0c0c0c; }


/* scrolled */
.black-type#header.scrolled { background:#fff; }
.black-type#header.scrolled .logo { background:url("/img/logo-fixed.png") no-repeat center/ contain; }
.black-type#header.scrolled .logo_eng { background:url("/img/logo_en-fixed.png") no-repeat center/ contain; }
.black-type#header.scrolled .hd-left .text-white { color:#fff; }
.black-type#header.scrolled .hd-right a.text-white { color:#fff; }

/* open */
.open .black-type#header { background:transparent; }
.open .black-type#header.scrolled { top:50px; background-color:transparent; box-shadow:none; }


/* hd-login */
.hd-login { display:flex; align-items:center; justify-content:center; margin:0 5px; }
.hd-login li + li:before { content:"/"; color:#fff; font-size:0.875rem; }
.hd-login li a { color:#fff; font-size:0.875rem; }

.scrolled .hd-login li + li:before { color:#838383; }
.scrolled .hd-login li a { color:#838383; }

.open .hd-login li + li:before { color:#838383; }
.open .hd-login li a { color:#838383; }

/* select-network */
.select-network { position:relative; height:2rem; margin-left:1rem; z-index:10; }
.select-network-btn { display:block; position:relative; width:146px; height:100%; padding:0 1rem 0 0.6rem; font-size:14px; color:#fff; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; border:1px solid #fff; }
.select-network-btn::after { content:""; position:absolute; top:calc(50% - 2px); right:1rem; border:5px solid transparent; border-top-color:#fff; border-left-width:3px; border-right-width:3px; }
.network-select-list { position:absolute; top:100%; width:100%; left:0; padding:10px 0; line-height:1.6; opacity:0; visibility:hidden; background:rgba(255,255,255,.2); text-align:right; border-radius:0.2rem; }
.network-select-list li { padding:4px 0.5rem 4px 4px; }
.network-select-list li a { font-size:14px; color:#fff; display: block ; width: 100%; }
.network-select-list li a:after { content:""; display:inline-block; width:6px; height:7px; margin-left:10px; background:url("/img/left-arrow-w.svg") no-repeat center/ 100%; }
.network-select-list li:hover a { color:#b1c117; font-weight:400; }

.network-select-list.active { opacity:1; visibility:visible; } 

/* scrolled */
.scrolled .select-network-btn { border-color:#0c0c0c; color:#0c0c0c; }
.scrolled .select-network-btn::after { border-top-color:#0c0c0c; }
.scrolled .network-select-list { background:rgba(255,255,255,0.8); }
.scrolled .network-select-list li a { color:#0c0c0c; }
.scrolled .network-select-list li:hover a { color:#b1c117; font-weight:400; }
.scrolled .network-select-list li a:after { background:url("/img/left-arrow.svg") no-repeat center/ 100%; }

/* open */
.open .select-network-btn { display:none; }
.open .scrolled .select-network-btn { border-color:#fff; color:#fff; }
.open .scrolled .select-network-btn::after { border-top-color:#fff; }

/* select-language */
.select-lang { position:relative; padding:0 3% 0 2%; z-index:10; }
.select-lang:before { content:''; position:absolute; top:37%; left:5px; width:1px; height:30%; background:#fff; opacity:0.6; }
.select-lang:after { content:''; position:absolute; top:37%; right:5px; width:0px; height:30%; background:#fff; opacity:0.6; }
.select-language-btn { display:block; position:relative; width:40px; height:100%; padding:0 1rem 0 0.6rem; font-size:14px; color:#fff; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; }
.select-language-btn:after { content:''; color:#0c0c0c; border:5px solid transparent; border-top-color:#fff; border-left-width:3px; border-right-width:3px; position:absolute; top:calc(50% - 2px); right:0; }
.language-select-list { position:absolute; top:90%; left:0; width:100%; padding:10px 0; line-height:1.6; opacity:0; visibility:hidden; background:rgba(255,255,255,.2); text-align:right; border-radius:0.2rem; }
.language-select-list li { text-align:center; }
.language-select-list li a { font-size:14px; color:#fff; }
.language-select-list li:hover a { color:#b1c117; font-weight:400; }

.language-select-list.active { opacity:1; visibility:visible; } 

/* scrolled */
.scrolled .select-lang:before { background:#838383; }
.scrolled .select-lang:after { background:#838383; }
.scrolled .select-language-btn {color:#0c0c0c;}
.scrolled .select-language-btn:after { border-top-color:#0c0c0c;}
.scrolled .language-select-list { background:rgba(255,255,255,0.8); }
.scrolled .language-select-list li a { color:#0c0c0c; }
.scrolled .language-select-list li:hover a { color:#b1c117; font-weight:400; }

/* open */
.open .select-lang:before { background:#838383; }
.open .select-lang:after { background:#838383; }
.open .select-language-btn:after { border-top-color:#0c0c0c; }

/* 검색 버튼 */
.h_search { position:relative; padding:0 2%; z-index:10; }

/* best_ranking */
/*body.open .best_ranking_dim { display:none; }*/
/*body.open .best_ranking { display:none; }*/

.best_ranking_dim { background-color:#000; bottom:0; height:100%; -moz-transition:opacity 1s 0.4s ease-in-out; -ms-transition:opacity 1s 0.4s ease-in-out; opacity:0; -o-transition:opacity 1s 0.4s ease-in-out; position:fixed; right:0; transition:opacity 1s 0.4s ease-in-out; visibility:hidden; -webkit-transition:opacity 1s 0.4s ease-in-out; width:100%; z-index:16; }
.best_ranking_dim.open { opacity:0.3; visibility:visible; }
.best_ranking { background:#b0bf18; height:100vh; opacity:0; position:fixed; right:0; top:0; transform:translateX(100%); transition:all 1s 0.4s ease-in-out; visibility:hidden; width:24vw; z-index:16; }

/* open */
.best_ranking.open { opacity:0.98; visibility:visible; transform:translateX(0%); transition:all 1s 0.1s ease-in-out; }

.best_ranking_close { position:relative; }
.best_ranking_close.open .best_ranking_close_btn { -moz-transform:translateX(0%); -ms-transform:translateX(0%); opacity:1; -o-transform:translateX(0%); transform:translateX(0%); -webkit-transform:translateX(0%); }
.best_ranking_close_btn { border-radius:4rem; cursor:pointer; width:4rem; height:4rem; right:2rem; -moz-border-radius:4rem; -moz-transform:translateX(-24rem); -moz-transition:1s 0.4s ease; -ms-border-radius:4rem; -ms-transform:translateX(-24rem); -ms-transition:1s 0.4s ease; -o-border-radius:4rem; opacity:0; -o-transform:translateX(-24rem); -o-transition:1s 0.4s ease; position:absolute; top:3rem; transform:translateX(-24rem); transition:1s 0.4s ease; -webkit-border-radius:4rem; -webkit-transform:translateX(-24rem); -webkit-transition:1s 0.4s ease; z-index:17; background-color:rgba(255,255,255,0.4); }
.best_ranking_close.open .best_ranking_close_btn::before { background:#c8d5bd; border:none; border-radius:100%; content:''; height:100%; left:0; -moz-transform:scale(0.4); -moz-transition:0.25s ease-in-out; -ms-transform:scale(0.4); -ms-transition:0.25s ease-in-out; opacity:0; -o-transform:scale(0.4); -o-transition:0.25s ease-in-out; position:absolute; top:0; transform:scale(0.4); transition:0.25s ease-in-out; -webkit-transform:scale(0.4); -webkit-transition:0.25s ease-in-out; width:100%; }
.best_ranking_close.open .best_ranking_close_btn:hover::before { -moz-transform:scale(1); -ms-transform:scale(1); opacity:1; -o-transform:scale(1); transform:scale(1); -webkit-transform:scale(1); }
.best_ranking_close_btn span { background:#000; display:block; height:2px; left:50%; -moz-transform:translate(-50%, -50%) rotate(45deg) translateZ(0); -ms-transform:translate(-50%, -50%) rotate(45deg) translateZ(0); -o-transform:translate(-50%, -50%) rotate(45deg) translateZ(0); position:absolute; top:50%; transform:translate(-50%, -50%) rotate(45deg) translateZ(0); -webkit-transform:translate(-50%, -50%) rotate(45deg) translateZ(0); width:22px; }
.best_ranking_close_btn span:last-child { -moz-transform:translate(-50%, -50%) rotate(-45deg) translateZ(0); -ms-transform:translate(-50%, -50%) rotate(-45deg) translateZ(0); -o-transform:translate(-50%, -50%) rotate(-45deg) translateZ(0); transform:translate(-50%, -50%) rotate(-45deg) translateZ(0); -webkit-transform:translate(-50%, -50%) rotate(-45deg) translateZ(0); }

.best_ranking_box { position:absolute; top:15%; left:0; width:100%; text-align:center; }
.best_ranking_box .best_ranking_title .txt01 { font-size:1.562rem; line-height:1; color:#fff; }
.best_ranking_box .best_ranking_title .txt02 { font-size:1.8125rem; line-height:1; color:#fff; }
.best_ranking_box .best_ranking_title .txt02 span { font-size:4.125rem; }

/* hamberger */
.hamberger { position:fixed; top:92px; right:calc(50% - 1.5rem); width:55px; height:52px; display:flex; justify-content:center; align-items:center; cursor:pointer; z-index:54; -webkit-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; }
.hamberger .burger { position:relative; width:3rem; height:3rem; font-size:12px; cursor:pointer; -webkit-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; }

.burger .burger-lines { display:block; width:100%; background-color:#fff; height:2px; margin:10px auto; -webkit-border-radius:0.2em; -moz-border-radius:0.2em; -ms-border-radius:0.2em; -o-border-radius:0.2em; border-radius:0.2em; }
.burger.burger-arrow .burger-lines:nth-child(1), .burger.burger-arrow .burger-lines:nth-child(2), .burger.burger-arrow .burger-lines:nth-child(3) { -webkit-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }

/* mouseover */
.hamberger .burger.over .burger-lines:nth-child(2) { width:0; }
.hamberger .burger.over .burger-lines:nth-child(1) { -webkit-transform:translateY(15px) rotate(90deg); -ms-transform:translateY(15px) rotate(90deg); -o-transform:translateY(15px) rotate(90deg); transform:translateY(15px) rotate(90deg); }
.hamberger .burger.over .burger-lines:nth-child(3) { -webkit-transform:translateY(-8px); -ms-transform:translateY(-8px); -o-transform:translateY(-8px); transform:translateY(-8px); }
.hamberger .burger.over .burger-lines:nth-child(1), .hamberger .burger.over .burger-lines:nth-child(3) { -webkit-transition-delay:0.4s; -ms-transition-delay:0.4s; -o-transition-delay:0.4s; transition-delay:0.4s; }

/* 메뉴가 오픈됬을때 */
.hamberger.open .burger { -webkit-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; -webkit-transition-delay:0.8s; -o-transition-delay:0.8s; transition-delay:0.8s; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
.hamberger.open .burger .burger-lines:nth-child(2) { width:0; }
.hamberger.open .burger .burger-lines:nth-child(1) { -webkit-transform:translateY(15px) rotate(90deg); -ms-transform:translateY(15px) rotate(90deg); -o-transform:translateY(15px) rotate(90deg); transform:translateY(15px) rotate(90deg); }
.hamberger.open .burger .burger-lines:nth-child(3) { -webkit-transform:translateY(-8px); -ms-transform:translateY(-8px); -o-transform:translateY(-8px); transform:translateY(-8px); }
.hamberger.open .burger .burger-lines:nth-child(1), .hamberger.open .burger .burger-lines:nth-child(3) { -webkit-transition-delay:0.4s; -ms-transition-delay:0.4s; -o-transition-delay:0.4s; transition-delay:0.4s; }

.hamberger.open .burger.over { -webkit-transition-delay:0s; -ms-transition-delay:0s; -o-transition-delay:0s; transition-delay:0s; }

/* scrolled */
.hamberger.scrolled { top:8px; }
.hamberger.scrolled.open { border-color:#fff; top:58px; }

.scrolled .burger.burger-arrow.open .burger-lines { background-color:rgba(19, 19, 19, 0.7); }
.scrolled.open .burger.burger-arrow.open .burger-lines { background-color:rgba(255, 255, 255, 0.7); }

.scrolled .burger .burger-lines, .scrolled .burger .burger-lines:after, .scrolled .burger .burger-lines:before { background-color:#0c0c0c; }

/* open */
.open .burger .burger-lines, .open .burger .burger-lines:after, .open .burger .burger-lines:before { background-color:#0c0c0c; }

/* gnb */
#gnb { position:fixed; left:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; -webkit-transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); -moz-transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); -ms-transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); -o-transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); z-index:10; background:transparent;}

.gnb-wrapper { display:flex; justify-content:center; align-items:center; width:100%; height:100%; overflow-x:scroll !important; overflow-y:hidden !important; }
/* width */
.gnb-wrapper::-webkit-scrollbar {
	width:8px; height:8px; 
}
/* Track */
.gnb-wrapper::-webkit-scrollbar-track {
	background-color:transparent;
}
/* Handle */
.gnb-wrapper::-webkit-scrollbar-thumb {
	background-color:rgba(0, 0, 0, 0.7);
	border-radius: 2rem;
	-webkit-border-radius: 2rem;
	-moz-border-radius: 2rem;
	-ms-border-radius: 2rem;
	-o-border-radius: 2rem;
}

.gnb-inner { width:90%; max-width:1660px;}

#gnb .gnb_1dli { line-height:1.6; }
.gnb_1dul { display:flex; justify-content:space-between; min-width:1600px;}
.gnb_1dul .gnb_1dli { position:relative; flex:auto; }
.gnb_1dul .gnb_1dli + .gnb_1dli:before { content:""; display:inline-block; width:1px; height:100%; position:absolute; left:0; top:15px; background-color:#ddd; }
.gnb_1dul .gnb_1dli:nth-child(2) { flex-grow:4; }
.gnb_1dul .gnb_1da { margin-bottom:25px; font-size:1.125rem; font-weight:500; text-align:center; cursor:auto; display: block; }
#gnb .gnb_1dli:hover > a { color:#000; }

.gnb_2dul { position:static; display:block; min-width:inherit; }
.gnb_2dul .gnb_2dul_box { box-shadow:none; border:none; display:flex; flex-direction:column; flex-wrap:wrap; max-height:550px; }
.gnb_2dul .gnb_2dli { padding:0 0 0 37px; }
.gnb_2dul .gnb_2da { position:relative; background:none; color:#b1c117; padding:0; line-height:40px; margin-top:10px; cursor:auto; }

/*.gnb_2dul .gnb_2da:before { content:""; display:inline-block; position:absolute; left:0; top:calc(50% - 2px); width:4px; height:4px; background:#b1c117; border-radius:50%; }*/
.gnb_2dul .gnb_2da:hover { color:#a8a8a8; background:none; }

.gnb_3dul .gnb_3dli { }
.gnb_3dul .gnb_3da { line-height:40px; color:#323232; text-align:left; display: block;}
.gnb_3dul .gnb_3da:hover { color:#b1c117; }

/* .gnb_1dul .gnb_1dli:nth-child(2) .gnb_2da { display:none; } */
.gnb_1dul .gnb_1dli:nth-child(3) .gnb_2da { display:none; }
/***
	2023.12.12 추가
***/

/**
	2025.03.26 삭제
.gnb_1dul .gnb_1dli:nth-child(4) .gnb_2da { display:none; }
**/
.gnb_1dul .gnb_1dli:nth-child(6) .gnb_2da { display:none; }
.gnb_1dul .gnb_1dli:nth-child(7) .gnb_2da { display:none; }
.gnb_1dul .gnb_1dli:nth-child(8) .gnb_2da { display:none; }

.gnb_1dul .gnb_1dli:nth-child(3) .gnb_3dul_box { margin-top:10px; }

/***
	2023.12.12 추가
***/
.gnb_1dul .gnb_1dli:nth-child(4) .gnb_3dul_box { margin-top:10px; } 

.gnb_1dul .gnb_1dli:nth-child(6) .gnb_3dul_box { margin-top:10px; }
.gnb_1dul .gnb_1dli:nth-child(7) .gnb_3dul_box { margin-top:10px; }
.gnb_1dul .gnb_1dli:nth-child(8) .gnb_3dul_box { margin-top:10px; }



.branch-header .gnb_1dul .gnb_1dli:nth-child(2) .gnb_2da { display:none; }
.mobile-gnb .gnb_1dul .gnb_1dli:nth-child(2) .gnb_2da {display:none;}
/* .mobile-gnb .gnb_1dul .gnb_1dli:nth-child(3) .gnb_2da {display:block;} */
/* .mobile-gnb .gnb_1dul .gnb_1dli:nth-child(4) .gnb_2da {display:none;} */
.mobile-gnb .gnb_1dul .gnb_1dli:nth-child(5) .gnb_2da {display:none;}

.mobile-gnb .gnb_1dul .gnb_1dli:nth-child(6) .gnb_2da { display:none; }
.mobile-gnb .gnb_1dul .gnb_1dli:nth-child(7) .gnb_2da { display:none; }
.mobile-gnb .gnb_1dul .gnb_1dli:nth-child(8) .gnb_2da { display:none; }



.mobile-gnb-aj .gnb_1dul .gnb_1dli:nth-child(1) .gnb_2da {display:none;}
.mobile-gnb-aj .gnb_1dul .gnb_1dli:nth-child(2) .gnb_2da {display:block;}
.mobile-gnb-aj .gnb_1dul .gnb_1dli:nth-child(3) .gnb_2da {display:none;}
.mobile-gnb-aj .gnb_1dul .gnb_1dli:nth-child(4) .gnb_2da {display:block;}




.gnb-bg { position:fixed; left:0; top:0; width:100%; height:88%; z-index:9; vertical-align:top; pointer-events:none; opacity:0; visibility:hidden; -webkit-transform:translate3d(0,-100%,0); -moz-transform:translate3d(0,-100%,0); -ms-transform:translate3d(0,-100%,0); -o-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); transform-origin:top center; background-image:-moz-linear-gradient( -90deg, rgb(255,255,255) 0%, rgba(240,240,240,1) 100%); background-image:-webkit-linear-gradient( -90deg, rgb(255,255,255) 0%, rgba(240,240,240,1) 100%); background-image:-ms-linear-gradient( -90deg, rgb(255,255,255) 0%, rgba(240,240,240,1) 100%); }

#gnb.open { opacity:1; visibility:visible; }

@media (max-width:991px) {
	/* header */
	/* header위 top-banner 보이게 할 시 아래 한줄 주석 2025.02.07*/
	/* #header { top:0; background:rgba(0,0,0,0.4); } */

	#header .container-fluid { height:55px; padding:0 15px; }

    .hd-left, .hd-right { width:auto; }
	#header .logo { width:124px; height:27px; }
	#header .logo_eng { width:124px; height:27px; }
    
	/* open */
	.open #header { background-image:-moz-linear-gradient(90deg, rgb(255,255,255) 0%, rgba(240,240,240,1) 100%); background-image:-webkit-linear-gradient(90deg, rgb(255,255,255) 0%, rgba(240,240,240,1) 100%); background-image:-ms-linear-gradient(90deg, rgb(255,255,255) 0%, rgba(240,240,240,1) 100%); }

	.open #header.scrolled { top:0; background-color:transparent; box-shadow:none; }
	
	.open .black-type#header.scrolled { top:0; }
	
	/* select-network */
	.select-network-btn { width:auto; min-width:80px; padding:0 1.5rem 0 0.7rem; font-size:10px; }
	.select-network-btn::after { right:0.5rem; }
	.network-select-list { width:140px; left:50%; padding:7px 0; background:rgba(0,0,0,.9); border-radius:1rem; transform:translate(-50%, 10px); }
	.network-select-list:after { content:''; position:absolute; top:0; left:50%; width:0; height:0; border:5px solid transparent; border-bottom-color:rgba(0,0,0,0.9); border-top:0; margin-left:-5px; margin-top:-5px; }

	.network-select-list li { padding:3px 1rem 3px 4px; }
	.network-select-list li a { font-size:13px; }
	.network-select-list li a:after { margin-left:7px; }

	/* hamberger */
	.hamberger { position:static; width:33px; height:33px; margin-left:15px; }

	.burger .burger-lines { margin:7px auto; }

	/* 메뉴가 오픈됬을때 */
	.hamberger.open .burger .burger-lines:nth-child(1) { -webkit-transform:translateY(12px) rotate(90deg); -ms-transform:translateY(12px) rotate(90deg); -o-transform:translateY(12px) rotate(90deg); transform:translateY(12px) rotate(90deg); }
	.hamberger.open .burger .burger-lines:nth-child(3) { -webkit-transform:translateY(-6px); -ms-transform:translateY(-6px); -o-transform:translateY(-6px); transform:translateY(-6px); }

	/* scrolled */
	.hamberger.scrolled { top:0; }
	.hamberger.scrolled.open { border-color:#fff; }

	/* gnb */
	#gnb { position:fixed; left:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; -webkit-transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); -moz-transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); -ms-transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); -o-transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); z-index:10; background:transparent; pointer-events:none; }

	.gnb-wrapper { display:flex; justify-content:center; align-items:flex-start; margin-top:110px; width:100%; height:100%; }
	.gnb-inner { position:relative; width:100%; max-width:1660px; height:calc(100% - 280px); overflow:hidden; }
	.gnb-inner:after { content:""; display:inline-block; position:absolute; left:13rem; bottom:0; width:1px; height:100%; background-color:#dbdbdb; }

	.gnb_1dul { position:relative; display:block; width:100%; height:100%; overflow:hidden; }
	#gnb .gnb_1dli { line-height:1.6; position:static; float:none; }
	.gnb_1dul .gnb_1da { display:block; width:40%; margin-bottom:15px; font-size:1.125rem; font-weight:500; cursor:auto; }
	.gnb_1dli.gnb_al_li_plus .gnb_1da { padding-right:0; text-align:left; }
	#gnb .gnb_1dli.gnb_1dli_on > a { color:#b1c117; }
	#gnb .gnb_1dli:hover > a { color:#b1c117; }

	.gnb_2dul { position:absolute; top:0; left: 14rem; width:60%; height:100%; padding-top:0; display:block; min-width:inherit; overflow:hidden; overflow-y:scroll; opacity:0; visibility:hidden; }
	.gnb_2dul .gnb_2dul_box { display:block; box-shadow:none; height:fit-content; max-height:inherit; margin-top:-15px;  overflow:hidden; border:none; }
	.gnb_2dul .gnb_2dul_box::-webkit-scrollbar { width:4px; }
	.gnb_2dul .gnb_2dul_box::-webkit-scrollbar-thumb { width:3px; }
	.gnb_2dul .gnb_2dli { padding:0 0 0 30px; }
	.gnb_2dul .gnb_2dli:last-child { padding-bottom:30px; }
    .gnb_2dul .gnb_2da { line-height:36px; }
	#gnb .gnb_1dli.gnb_1dli_on .gnb_2dul { opacity:1; visibility:visible; }

    .gnb_3dul .gnb_3da{display: block;}

	/* gnb-bottom */
	.gnb-bottom { position:absolute; bottom:0; width:100%; height:170px; padding:10px 15px; border-top:1px solid #dbdbdb; }

	/* hd-login */
	.hd-login { display:flex; align-items:center; justify-content:flex-start; padding:10px 0; margin-bottom:20px; }
	.hd-login li { position:relative; padding:0 1.25rem; }
	.hd-login li + li:before { content:""; display:inline-block; position:absolute; left:0; top:50%; width:1px; height:12px; background-color:#717171; transform:translate(0, -50%); }
	.hd-login li a { color:#fff; font-size:1.025rem; }

	.scrolled .hd-login li + li:before { color:#717171; }
	.scrolled .hd-login li a { color:#717171; }

	.open .hd-login li + li:before { color:#717171; }
	.open .hd-login li a { color:#717171; }

	/* hd-quick */
	.hd-quick { display:flex; align-items:center; justify-content:center; }
	.hd-quick li { margin:0 10px; }
	.hd-quick .hd-quick-btn { }
	.hd-quick .hd-quick-btn .hd-quick-icon { display:block; width:45px; height:45px; margin:0 auto 5px; }
	.hd-quick .hd-quick-btn.branch .hd-quick-icon { background:url("/img/m-quick-icon-branch.png") no-repeat center/100% auto; }
	.hd-quick .hd-quick-btn.counsel .hd-quick-icon { background:url("/img/m-quick-icon-counsel.png") no-repeat center/100% auto; }
	.hd-quick .hd-quick-btn.kakao .hd-quick-icon { background:url("/img/m-quick-icon-kakao.png") no-repeat center/100% auto; }
	.hd-quick .hd-quick-btn.tel .hd-quick-icon { background:url("/img/m-quick-icon-tel.png") no-repeat center/100% auto; }
	.hd-quick .hd-quick-btn.cosmetics .hd-quick-icon { background:url("/img/m-quick-icon-cosmetics.png") no-repeat center/100% auto; }

	.gnb-bg { position:fixed; left:0; top:0; width:100%; height:88%; z-index:9; vertical-align:top; pointer-events:none; opacity:0; visibility:hidden; -webkit-transform:translate3d(0,-100%,0); -moz-transform:translate3d(0,-100%,0); -ms-transform:translate3d(0,-100%,0); -o-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); transform-origin:top center; background-image:-moz-linear-gradient( -90deg, rgb(255,255,255) 0%, rgba(240,240,240,1) 100%); background-image:-webkit-linear-gradient( -90deg, rgb(255,255,255) 0%, rgba(240,240,240,1) 100%); background-image:-ms-linear-gradient( -90deg, rgb(255,255,255) 0%, rgba(240,240,240,1) 100%); }

	#gnb.open { pointer-events:auto; }
} 

/**************************************************
* 1-1 - branch-header (지점)
**************************************************/
#header.branch-header { top:0; }
#header.branch-header .container-fluid { padding:0 3.125rem 0 3.75rem; }
#header.branch-header .hd-left, #header.branch-header .hd-right { width:25%; z-index:1; }

#nav { position:absolute; left:52%; width:100%; transform:translate(-50%,0); }
#nav .nav-wrapper { width:100%; max-width:890px; margin:0 auto; }
.nav_1dul { position:relative; display:flex; justify-content:space-between; }
.nav_1dul:after { content:""; position:absolute; left:0; right:0; bottom:0; display:inline-block; width:100%; height:2px; background-color:#858585; }
.nav_1dul .nav_1dli { position:relative; height:32px; padding:0 5px; text-align:center; }
.nav_1dul .nav_1dli .nav_1da { color:#fff; letter-spacing:0.015em; }
.nav_1dul .nav_1dli:hover:after { content:""; position:absolute; left:0; right:0; bottom:0; display:inline-block; width:100%; height:2px; background-color:#b1c117; }

.sub-gnb-bg { position:fixed; top:32px; left:0; right:0; width:100%; max-width:910px; margin:0 auto; height:0; background:rgba(255,255,255,0.9); -webkit-transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); -moz-transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); -ms-transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); -o-transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); }
.sub-gnb-bg.tnb-open { height:420px; }
.branch-header .nav_2dul { opacity:0; visibility:hidden; -webkit-transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); -moz-transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); -ms-transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); -o-transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); }
.branch-header.tnb-open .nav_2dul { opacity:1; visibility:visible; }

.nav_2dul { margin-top:20px; }
.nav_2dul .nav_2dli { text-align:center; font-size:0; line-height:1.6; }
.nav_2dul .nav_2dli .nav_2da { position:relative; height:35px; line-height:35px; color:#b1c117; font-size:0.938rem; }

.nav_3dul .nav_3dli { height:35px; line-height:35px; }
.nav_3dul .nav_3dli .nav_3da { color:#000; font-size:0.938rem; }
.nav_3dul .nav_3dli .nav_3da:hover { color:#b1c117; }

.scrolled .sub-gnb-bg.tnb-open { top:64px; height:420px; }
.scrolled .nav_1dul:after { display:none; }
.scrolled .nav_1dul .nav_1dli { height:64px; line-height:64px; }
.scrolled .nav_1dul .nav_1dli .nav_1da { color:#323232; }
.scrolled .nav_1dul .nav_1dli:hover .nav_1da { color:#b1c117; }
.scrolled .nav_1dul .nav_1dli:hover:after { display:none; }

/* 지점별 커스텀 */
.mt .sub-gnb-bg.tnb-open { height:470px; }
.mh .sub-gnb-bg.tnb-open { height:640px; }
.aj .sub-gnb-bg.tnb-open { height:610px; }
.cd .sub-gnb-bg.tnb-open { height:610px; }
.mg .sub-gnb-bg.tnb-open { height:610px; }
.pg .sub-gnb-bg.tnb-open { height:580px; }
.star .sub-gnb-bg.tnb-open { height:510px; }
.bh .sub-gnb-bg.tnb-open { height:640px; }
.sd .sub-gnb-bg.tnb-open { height:540px; }

.dogok .nav_1dli:nth-child(2) .nav_2dli .nav_2da { display:none; }
.dogok .nav_1dli:nth-child(4) .nav_2dli .nav_2da { display:none; }
.dogok .nav_1dli:nth-child(5) .nav_2dli .nav_2da { display:none; }
.dogok .nav_1dli:nth-child(6) .nav_2dli .nav_2da { display:none; }
.dogok .nav_1dli:nth-child(7) .nav_2dli .nav_2da { display:none; }

.md .nav_1dli:nth-child(2) .nav_2dli .nav_2da { display:none; }
.md .nav_1dli:nth-child(3) .nav_2dli .nav_2da { display:none; }
.md .nav_1dli:nth-child(5) .nav_2dli .nav_2da { display:none; }
.md .nav_1dli:nth-child(6) .nav_2dli .nav_2da { display:none; }
.md .nav_1dli:nth-child(7) .nav_2dli .nav_2da { display:none; }
.md .nav_1dli:nth-child(8) .nav_2dli .nav_2da { display:none; }

.mt .nav_1dli:nth-child(2) .nav_2dli .nav_2da { display:none; }
.mt .nav_1dli:nth-child(3) .nav_2dli .nav_2da { display:none; }
.mt .nav_1dli:nth-child(5) .nav_2dli .nav_2da { display:none; }
.mt .nav_1dli:nth-child(6) .nav_2dli .nav_2da { display:none; }
.mt .nav_1dli:nth-child(7) .nav_2dli .nav_2da { display:none; }
.mt .nav_1dli:nth-child(8) .nav_2dli .nav_2da { display:none; }

.mh .nav_1dli:nth-child(2) .nav_2dli .nav_2da { display:none; }
.mh .nav_1dli:nth-child(3) .nav_2dli .nav_2da { display:none; }
.mh .nav_1dli:nth-child(5) .nav_2dli .nav_2da { display:none; }
.mh .nav_1dli:nth-child(6) .nav_2dli .nav_2da { display:none; }
.mh .nav_1dli:nth-child(7) .nav_2dli .nav_2da { display:none; }
.mh .nav_1dli:nth-child(8) .nav_2dli .nav_2da { display:none; }

.aj .nav_1dli:nth-child(1) .nav_2dli .nav_2da { display:none; }
.aj .nav_1dli:nth-child(3) .nav_2dli .nav_2da { display:none; }
.aj .nav_1dli:nth-child(5) .nav_2dli .nav_2da { display:none; }
.aj .nav_1dli:nth-child(6) .nav_2dli .nav_2da { display:none; }
.aj .nav_1dli:nth-child(7) .nav_2dli .nav_2da { display:none; }
.aj .nav_1dli:nth-child(8) .nav_2dli .nav_2da { display:none; }

.cd .nav_1dli:nth-child(2) .nav_2dli .nav_2da { display:none; }
.cd .nav_1dli:nth-child(3) .nav_2dli .nav_2da { display:none; }
.cd .nav_1dli:nth-child(4) .nav_2dli .nav_2da { display:none; }
.cd .nav_1dli:nth-child(5) .nav_2dli .nav_2da { display:none; }
.cd .nav_1dli:nth-child(6) .nav_2dli .nav_2da { display:none; }
.cd .nav_1dli:nth-child(7) .nav_2dli .nav_2da { display:none; }

.mg .nav_1dli:nth-child(2) .nav_2dli .nav_2da { display:none; }
.mg .nav_1dli:nth-child(3) .nav_2dli .nav_2da { display:none; }
.mg .nav_1dli:nth-child(4) .nav_2dli .nav_2da { display:none; }
.mg .nav_1dli:nth-child(5) .nav_2dli .nav_2da { display:none; }
.mg .nav_1dli:nth-child(6) .nav_2dli .nav_2da { display:none; }
.mg .nav_1dli:nth-child(7) .nav_2dli .nav_2da { display:none; }

.pg .nav_1dli:nth-child(2) .nav_2dli .nav_2da { display:none; }
.pg .nav_1dli:nth-child(3) .nav_2dli .nav_2da { display:none; }
.pg .nav_1dli:nth-child(4) .nav_2dli .nav_2da { display:none; }
.pg .nav_1dli:nth-child(5) .nav_2dli .nav_2da { display:none; }
.pg .nav_1dli:nth-child(6) .nav_2dli .nav_2da { display:none; }
.pg .nav_1dli:nth-child(7) .nav_2dli .nav_2da { display:none; }
.pg .nav_1dli:nth-child(8) .nav_2dli .nav_2da { display:none; }

.star .nav_1dli:nth-child(2) .nav_2dli .nav_2da { display:none; }
.star .nav_1dli:nth-child(3) .nav_2dli .nav_2da { display:none; }
.star .nav_1dli:nth-child(4) .nav_2dli .nav_2da { display:none; }
.star .nav_1dli:nth-child(5) .nav_2dli .nav_2da { display:none; }
.star .nav_1dli:nth-child(6) .nav_2dli .nav_2da { display:none; }
.star .nav_1dli:nth-child(7) .nav_2dli .nav_2da { display:none; }
.star .nav_1dli:nth-child(8) .nav_2dli .nav_2da { display:none; }

.bh .nav_1dli:nth-child(2) .nav_2dli .nav_2da { display:none; }
.bh .nav_1dli:nth-child(3) .nav_2dli .nav_2da { display:none; }
.bh .nav_1dli:nth-child(4) .nav_2dli .nav_2da { display:none; }
.bh .nav_1dli:nth-child(5) .nav_2dli .nav_2da { display:none; }
.bh .nav_1dli:nth-child(6) .nav_2dli .nav_2da { display:none; }
.bh .nav_1dli:nth-child(7) .nav_2dli .nav_2da { display:none; }
.bh .nav_1dli:nth-child(8) .nav_2dli .nav_2da { display:none; }

.sd .nav_1dli:nth-child(2) .nav_2dli .nav_2da { display:none; }
.sd .nav_1dli:nth-child(3) .nav_2dli .nav_2da { display:none; }
.sd .nav_1dli:nth-child(4) .nav_2dli .nav_2da { display:none; }
.sd .nav_1dli:nth-child(5) .nav_2dli .nav_2da { display:none; }
.sd .nav_1dli:nth-child(6) .nav_2dli .nav_2da { display:none; }
.sd .nav_1dli:nth-child(7) .nav_2dli .nav_2da { display:none; }
.sd .nav_1dli:nth-child(8) .nav_2dli .nav_2da { display:none; }

.wr .nav_1dli:nth-child(2) .nav_2dli .nav_2da { display:none; }
.wr .nav_1dli:nth-child(3) .nav_2dli .nav_2da { display:none; }
.wr .nav_1dli:nth-child(5) .nav_2dli .nav_2da { display:none; }
.wr .nav_1dli:nth-child(6) .nav_2dli .nav_2da { display:none; }
.wr .nav_1dli:nth-child(7) .nav_2dli .nav_2da { display:none; }
.wr .nav_1dli:nth-child(8) .nav_2dli .nav_2da { display:none; }


/**************************************************
* 3 - quick
**************************************************/
/* left-quick-menu */
.left-quick-menu { position:fixed; bottom:60px; left:48px; width:150px; z-index:8; }
.left-quick-menu__item { animation:bouncing1 .7s infinite alternate; border:1px solid #fff; border-radius:24px; color:#fff; height:45px; margin-bottom:10px; -moz-border-radius:24px; -moz-transform:translate3d(0,-15px,0); -moz-transition:0.3s; -ms-border-radius:24px; -ms-transform:translate3d(0,-15px,0); -ms-transition:0.3s; -o-border-radius:24px; -o-transform:translate3d(0,-15px,0); -o-transition:0.3s; transform:translate3d(0,-15px,0); transition:0.3s; -webkit-animation:bouncing1 .7s infinite alternate; -webkit-border-radius:24px; -webkit-transform:translate3d(0,-15px,0); -webkit-transition:0.3s; }
.left-quick-menu.scrolled .left-quick-menu__item { background-color:#fff; border-color:#303030; }
.left-quick-menu.scrolled .left-quick-menu__item > a { color:#303030; }
.left-quick-menu__item > a { display:block; height:100%; padding:10px 8px 10px 18px; width:100%; color:#fff; font-size:14px; }
.left-quick-menu.scrolled .left-quick-menu__item:hover, .left-quick-menu .left-quick-menu__item:hover, .left-quick-menu .left-quick-menu__item:focus { background-color:#b1c117; border-color:#b1c117; color:#fff; }
.left-quick-menu.scrolled .left-quick-menu__item:hover > a { color:#fff; }

.left-quick-menu__item .icon-quick { margin-right:5px; }
.icon-quick.kakao { width:1.5rem; height:1.5rem; background-image:url(/img/icon-quick-kakao-w.png); }
.left-quick-menu .icon-quick.kakao { width:1.312rem; }
.left-quick-menu .left-quick-menu__item:hover .icon-quick.kakao { background-image:url(/img/icon-quick-kakao-w.png); }

.left-quick-menu.scrolled .left-quick-menu__item .icon-quick.kakao { background-image:url(/img/icon-quick-kakao-b.png); }

.left-quick-menu.scrolled .left-quick-menu__item:hover .icon-quick.kakao { background-image:url(/img/icon-quick-kakao-w.png); }

@keyframes bouncing1 { 	
	0% { -moz-transform:translate3d(0,-15px,0); -ms-transform:translate3d(0,-15px,0); -o-transform:translate3d(0,-15px,0); transform:translate3d(0,-15px,0); -webkit-transform:translate3d(0,-15px,0); }
	100% { -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); }
}

@media (max-width:991px) {
	.left-quick-menu { display:none; }
	.left-quick-menu { left:20px; bottom:20px; width:130px; }
	.left-quick-menu__item { height:44px; }
	.left-quick-menu__item > a { padding:10px 8px 10px 18px; }
}

.bottom-quick-menu { position:fixed; bottom:0; left:0; right:0; width:100%; z-index:5; }
.bottom-quick-menu .bottom-quick-menu-list {display: flex;align-items: center;width: 100%;height: 60px;line-height: 0px; margin: 0 auto;background-color: #ffffffde;backdrop-filter:blur(1.5px);border:0px red solid;}
.bottom-quick-menu .bottom-quick-menu__item { text-align:center;width:20%; border:0px green solid;}

.bottom-quick-menu .bottom-quick-menu__item.counsel { width:calc(100% - 50px); font-size:1.125rem; font-weight:400; }
.bottom-quick-menu .bottom-quick-menu__item.kakao { width:50px; background-color:#b1c117; }
.bottom-quick-menu .bottom-quick-menu__item i { margin-top:-5px; }

.bottom-quick-menu-list .icon-quick.phone {  width:50px; height:50px; background:url("/img/icon/m-quick-phone.png") no-repeat  center center/60% auto; }
.bottom-quick-menu-list .icon-quick.kakao { width:50px; height:50px; background:url("/img/icon/m-quick-icon-kakao-new.png") no-repeat  center center/60% auto; }
.bottom-quick-menu-list .icon-quick.event {  width:58px; height:58px; background:url("/img/icon/m-quick-event.png") no-repeat  center center/80% auto; }
.bottom-quick-menu-list .icon-quick.branch { width:50px; height:50px; background:url("/img/icon/branch-quick-img-new.png") no-repeat  center center/60% auto; }
.bottom-quick-menu-list .bottom-quick-menu__item a span {font-size: 12px;color: #181818;text-align: center;font-weight:400;}
.bottom-quick-menu-list .bottom-quick-menu__item a  {display: grid;align-items: center;justify-content: center;margin-top: -10px;}
.bottom-quick-menu-list .bottom-quick-menu__item:nth-child(3) {padding-bottom:30px;}
.bottom-quick-menu-list .bottom-quick-menu__item:nth-child(3) a span{position: relative;top:10px;}


/* right-quick-menu */
.right-quick-menu { position:fixed; right:0; top:50%; transform:translate(0, -50%); background-color:#bfcf34; z-index:5; border-radius:18px 0 0 0; }
.right-quick-menu .tit { width:67px; height:42px; line-height:42px; text-align:center; font-size:0.938rem; font-weight:400; color:#fff; }

.right-quick-menu-list { background-color:#717171; }
.right-quick-menu-list .right-quick-menu__item { position:relative; height:55px; line-height:55px; transition:all 0.3s; }
.right-quick-menu-list .right-quick-menu__item + .right-quick-menu__item:before { content:""; display:inline-block; width:8px; height:1px; position:absolute; left:0; right:0; top:0; margin:0 auto; background-color:#fff; }
.right-quick-menu-list .right-quick-menu__item a { position:absolute; right:0; width:67px; overflow:hidden; transition:all 0.3s; }
.right-quick-menu-list .right-quick-menu__item a span { display:inline-block; width:175px; }
.right-quick-menu-list .right-quick-menu__item a i { margin:0 24px; }
.right-quick-menu-list .right-quick-menu__item:hover a { width:160px; background-color:#000; color:#fff; }
.right-quick-menu-list .right-quick-menu__item:hover a i { margin:0 5px 0 15px; }

/*
.right-quick-menu .icon-quick.counsel { width:1.188rem; height:1.188rem; background-image:url(/img/icon-quick-counsel.png); }
.right-quick-menu .icon-quick.kakao { width:1.188rem; height:1.188rem; background-image:url(/img/icon-quick-kakao.png); }
.right-quick-menu .icon-quick.naver { width:1.188rem; height:1.188rem; background-image:url(/img/icon-quick-naver.png); }
.right-quick-menu .icon-quick.youtube { width:1.188rem; height:1.188rem; background-image:url(/img/icon-quick-youtube.png); }
.right-quick-menu .icon-quick.bna { width:1.188rem; height:1.188rem; background-image:url(/img/icon-quick-bna.png); }
.right-quick-menu .icon-quick.branch { width:1.188rem; height:1.188rem; background-image:url(/img/icon-quick-branch.png); }
.right-quick-menu .icon-quick.top { width:1.188rem; height:1.188rem; background-image:url(/img/icon-quick-top.png); }
*/


/* 빠른상담창 */
#counselModal { background-color:#fafafa; border-top:8px solid #b1c117; max-width:345px; height:auto; }
#counselModal .modal-dialog { }
#counselModal .modal-close { right:10px; top:15px; width:18px; height:18px; background:url("/img/modal-close02.png") no-repeat center/100% auto; }

#counselModal .modal-title { margin-bottom:10px; font-size:1.625rem; font-weight:400; }
#counselModal .modal-content { padding:30px 45px; background-color:#fafafa; }
#counselModal .online_counselling_wrap .form-wrap { margin-bottom:10px; }
#counselModal .online_counselling_wrap .agree-wrap { text-align:center; }

#counselModal input[type='submit'] { width:100%; height:50px; margin-top:15px; text-align:center; border-radius:5px; background-color:#b1c117; color:#fff; font-size:1.063rem; font-weight:400; }

@keyframes bounce-7 {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    10% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    33% {
        transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
    }

    50% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    60% {
        transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -o-transform: translateY(-3px);
    }

    70% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
}

@keyframes mquickBounce {
    0%{
        transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -o-transform: translateY(-3px);
    }
    100%{
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
}
@media (max-width:991px) {
    .branch-call { position:fixed; right:20px; bottom:135px; width:55px; height:55px; border-radius:50%; z-index:8; cursor:pointer; animation-name:bounce-7; animation-timing-function:cubic-bezier(0.280, 0.840, 0.420, 1); animation-duration:2s; animation-iteration-count:infinite; box-shadow:0px 4px 16.2px 1.8px rgba(54, 54, 55, 0.2); }

	.m-quick-call { position: fixed; display: grid; align-items: center;	justify-content: center; bottom: 14px; right: 10px; width: 50px; height: 50px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;-ms-border-radius: 50%; -o-border-radius: 50%; z-index: 8;box-shadow:none;background: url(/img/icon/m-quick-more.png) no-repeat center / 60% auto;}
	.m-quick-call span{position: relative; font-size: 12px;color: #181818; text-align: center; bottom: 13px; align-items: center; font-weight:400;}
	.m-quick-call-btn { width:55px; height:55px; margin-left:auto; margin-right:0px; margin-top:0px; cursor:pointer; }

	.bounce-dots { position:absolute; right:-3px; top:-5px; width:22px; height:22px; margin:0 auto; display:flex; align-items:center; justify-content:center; text-align:center; background-color:#000; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
    .bounce-dot { width:2px; height:2px; margin:0 1.5px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background-color:#fff; display:inline-block; animation:mquickBounce .8s ease alternate-reverse infinite; -webkit-animation:mquickBounce .8s ease alternate-reverse infinite; }
    .bounce-dot:nth-child(2) { animation-delay:.2s; }
    .bounce-dot:nth-child(3) { animation-delay:.4s; }

    .m-quick-circle-wrap { position:fixed; bottom:0; right:0; width:100%; height:100%; z-index:-1; opacity:0; overflow:hidden; }
    .m-quick-circle-wrap.open { z-index:111; opacity:1; }


	.m-quick-dim-bg { position:absolute; top:0; left:0; width:0%; height:0%; background:rgba(0,0,0,.7); }

    .m-quick-circle-inner { height:100%; }
	.m-quick-circle-bg {position: absolute;right: 0px;width: 70px;height: 390px;align-items: center;justify-content: center;background-color: #ffffffde;border-radius:50px;bottom:0px;backdrop-filter:blur(1px);}
	.m-quick-circle-bg a span{font-size:10px;color:#181818;text-align: center;font-weight:400;}

    .m-quick-circle-bg .m-quick-btn { position:absolute; right:-3px; width:75px; display:grid; align-items:center; justify-content:center; color:#fff; font-size:1.076rem; }
	.m-quick-circle-bg .m-quick-btn.counsel { bottom:320px; }
    .m-quick-circle-bg .m-quick-btn.naver { bottom:260px; }
    .m-quick-circle-bg .m-quick-btn.youtube { bottom:200px; }
    .m-quick-circle-bg .m-quick-btn.bna { bottom:140px; }
	.m-quick-circle-bg .m-quick-btn.cosmetics { bottom:80px; }

    .m-quick-circle-bg .m-quick-icon { display:inline-block; width:45px; height:45px; margin-left:0px; }
    .m-quick-circle-bg .m-quick-btn.counsel .m-quick-icon { background:url("/img/icon/m-quick-icon-counsel-new.png") no-repeat center bottom/60% auto; }
	.m-quick-circle-bg .m-quick-btn.naver .m-quick-icon { background:url("/img/icon/m-quick-icon-naver-new.png") no-repeat center bottom/60% auto; }  
	.m-quick-circle-bg .m-quick-btn.youtube .m-quick-icon { background:url("/img/icon/m-quick-icon-youtube-new.png") no-repeat center bottom/60% auto; }
	.m-quick-circle-bg .m-quick-btn.bna .m-quick-icon { background:url("/img/icon/m-quick-icon-bna-new.png") no-repeat center bottom/60% auto; }
	.m-quick-circle-bg .m-quick-btn.cosmetics .m-quick-icon { background:url("/img/icon/m-quick-icon-cosmetics-new.png") no-repeat center bottom/60% auto; }

    .m-quick-close-btn { position:absolute; bottom:14px; right:10px; width:50px; height:50px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background: url(/img/icon/close-x-new.png) no-repeat center / 60% auto;}
	.m-quick-close-btn span{position: relative;font-size: 12px;color: #181818;text-align: center; top: 42px;margin-left:15px;justify-content: center;align-items: center;font-weight:400;}
    .icon-quick.kakao { width:1.5rem; height:1.5rem; background-image:url(/img/icon-quick-kakao-w.png); }

    .bottom-quick-menu { position:fixed; bottom:0; left:0; right:0; width:100%; z-index:5; }
	.bottom-quick-menu .bottom-quick-menu-list {display: flex;align-items: center;width: 100%;height: 60px;line-height: 0px; margin: 0 auto;background-color: #ffffffde;backdrop-filter:blur(1.5px);border:0px red solid;}

    .bottom-quick-menu .bottom-quick-menu__item { text-align:center;width:20%; border:0px green solid;}
    .bottom-quick-menu .bottom-quick-menu__item.counsel { width:calc(100% - 50px); font-size:1.35rem; font-weight:400; }
    .bottom-quick-menu .bottom-quick-menu__item.kakao { width:50px; background-color:#b1c117; }
    .bottom-quick-menu .bottom-quick-menu__item i { margin-top:-5px; }
    .bottom-quick-menu .bottom-quick-menu__item .icon-arrow01 { margin-left:10px; }

	.bottom-quick-menu-list .bottom-quick-menu__item:nth-child(3) {padding-bottom:30px;}
	.bottom-quick-menu-list .bottom-quick-menu__item:nth-child(3) a span{position: relative;top:10px;}

	/* 화살표 스타일 및 애니메이션 */
	.arrow-up {
		position: relative;
		font-size: 7px;
		font-weight:400;
		/*color: #fff;  화살표 색상 */
		margin-bottom: -16px;
		animation: bounce 0.6s infinite alternate ease-in-out;

		width: 15px;  /* 아이콘 너비 */
		height: 8px; /* 아이콘 높이 */
		background-color: #fff; /* 아이콘 색상 */
		/* 꺾쇠 모양으로 좌표를 찍어 잘라냄 */
		clip-path: polygon(50% 0%, 100% 80%, 85% 100%, 50% 35%, 15% 100%, 0% 80%);
		margin-left:36%;
	}

	/* 위아래로 움직이는 애니메이션 효과 */
	@keyframes bounce {
	  from {
		transform: translateY(0);
	  }
	  to {
		transform: translateY(-2px); /* 5px만큼 위로 이동 */
	  }
	}
	

    /* 빠른상담창 */
    #counselModal { width:90%; background-color:#fafafa; border-top:8px solid #b1c117; }
    #counselModal .modal-close { right:10px; top:15px; width:18px; height:18px; background:url("/img/modal-close02.png") no-repeat center/100% auto; }

    #counselModal .modal-title { margin-bottom:10px; font-size:1.625rem; font-weight:400; }
    #counselModal .modal-content { padding:30px 45px; background-color:#fafafa; }
    #counselModal .online_counselling_wrap .form-wrap { margin-bottom:10px; }
    #counselModal .online_counselling_wrap .agree-wrap { text-align:center; }

    #counselModal input[type='submit'] { width:100%; height:50px; margin-top:15px; text-align:center; border-radius:5px; background-color:#b1c117; color:#fff; font-size:1.063rem; font-weight:400; }
}

/**************************************************
* 2 - footer
**************************************************/
#footer { padding:6rem 0 0; }
#footer .container-lg { width:100%; max-width:1600px; padding:0 40px; margin-left:auto; margin-right:auto; }
#footer .footer-info-top { display:flex; align-items:center; justify-content:space-between; padding:0 0 0.5rem; border-bottom:3px solid #0c0c0c; }
#footer .footer-info-links a { position:relative; display:inline-block; padding:0 1rem; font-size:14px; color:#000; font-weight:500; }
#footer .footer-info-links a + a:before { content:""; position:absolute; top:50%; left:0; display:inline-block; width:1px; height:12px; background-color:#c4c4c4; transform:translate(0, -50%); }
.footer-select-lang { position:relative; width:185px; display:inline-block; }
.fselect-lang-btn { background:transparent; border:1px solid #cfcfcf; font-size:14px; color:inherit; width:100%; text-align:left; padding:0.5rem .75rem; position:relative; }
.fselect-lang-btn::after{content:''; position:absolute; right:.75rem; top:50%; width:12px; height:7px; background:url("/img/select-down-arrow.svg") no-repeat 0 0/ 100%; transform:translate(0, -50%); }

.flang-select-list { position:absolute; padding:.75rem 0; border:1px solid #cfcfcf; background-color:#fff; top:99%; left:0; width:100%; opacity:0; visibility:hidden; z-index:1; }
.flang-select-list li { padding:.4rem .75rem; font-size:14px; }
.flang-select-list li:hover a { color:#b1c117; font-weight:400; }

.footer-select-lang .flang-select-list.active { opacity:1; visibility:visible; }

.footer-network-info { height:6rem; padding:25px 1rem 0; }
.footer-network-info h3 { font-size:1rem; color:#333; font-weight:400; }
.footer-network-info .d-frbox { position:relative; }

#footer-network-slide { width:98%; height:24px; margin-right:0; }
.branch-table { display:table; width:100%; height:24px; }
.branch-table .table-row { display:table-row; }
.branch-table .table-col { display:table-cell; font-size:13px; padding:4px; }
.branch-table .branch-col-name { width:215px; }
.branch-table .branch-col-ceo { width:140px; }
.branch-table .branch-col-number { width:195px; }
.branch-table .branch-col-addr { width:400px; }

.reveal-hover-info { position:absolute; top:24px; left:2%; width:98%; height:150px; padding-top:10px; background-color:#fff; z-index:12; opacity:0; visibility:hidden; overflow:hidden; overflow-y:scroll; box-shadow:0px 2px 1.96px 0.04px rgba(207, 207, 207, 0.65); }
.footer-network-info .d-frbox:hover .reveal-hover-info { opacity:1; visibility:visible; -webkit-transition:opacity .5s ease; -moz-transition:opacity .5s ease; -ms-transition:opacity .5s ease; -o-transition:opacity .5s ease; transition:opacity .5s ease; }

#footer .container-fluid { width:100%; padding:2.5rem 0 70px; background-color:#0c0c0c; text-align:center; }

#footer .ft-logo { width:10rem; height:2.1875rem; margin:0 auto 20px; background:url("/img/ft-logo.png") no-repeat center /100% auto; }
#ft_company p { font-size:13px; color:#999; }

@media (max-width:991px) {
    #footer { padding:2.5rem 0 0; }
    #footer .container-lg { width:100%; max-width:1600px; padding:0 15px; margin-left:auto; margin-right:auto; }
    #footer .footer-info-top { display:flex; justify-content:space-between; align-items:inherit; flex-direction:column; border-bottom:0; }
    #footer .footer-info-links { padding:0 0 0.5rem; border-bottom:3px solid #0c0c0c; }
    #footer .footer-info-links a { position:relative; display:inline-block; padding:0 1rem; font-size:11px; color:#656565; }
    #footer .footer-info-links a:first-child { padding-left:0; }
    #footer .footer-info-links a + a:before { content:""; position:absolute; top:50%; left:0; display:inline-block; width:1px; height:12px; background-color:#c4c4c4; transform:translate(0, -50%); }
    .selectbox-wrap { display:flex; justify-content:space-between; margin-top:0.5rem; }
    .footer-select-lang { position:relative; width:49%; }
    .fselect-lang-btn { background:transparent; border:1px solid #cfcfcf; font-size:11px; color:inherit; width:100%; text-align:left; padding:0.5rem .75rem; position:relative; }
    .fselect-lang-btn::after{content:''; position:absolute; right:.75rem; top:50%; width:12px; height:7px; background:url("/img/select-down-arrow.svg") no-repeat 0 0/ 100%; transform:translate(0, -50%); }

    .flang-select-list { position:absolute; padding:.75rem 0; border:1px solid #cfcfcf; background-color:#fff; top:99%; left:0; width:100%; opacity:0; visibility:hidden; z-index:1; }
    .flang-select-list li { padding:.4rem .75rem; font-size:14px; }
    .flang-select-list li:hover a { color:#b1c117; font-weight:400; }

    .footer-select-lang .flang-select-list.active { opacity:1; visibility:visible; }

    .footer-network-info { height:inherit; padding:20px 0; }
    .footer-network-info h3 { font-size:1rem; color:#333; font-weight:400; }
    .footer-network-info .d-frbox { position:relative; }

    #footer-network-slide { width:98%; height:24px; margin-right:0; }
    .branch-table { display:block; width:100%; height:auto; margin-bottom:10px; overflow:hidden; }
    .branch-table .table-row { line-height:1.2; display:block; text-align: left; }
    .branch-table .table-col { display:inline; text-align:left; padding:4px 4px 0 0 ; }
    .branch-table .branch-col-name { width:110px; padding:2px 4px 20px; margin-right:5px; font-size:12px; text-align:left; color:#fff; font-size:12px; float:left; text-align:center;}
    .branch-table .branch-col-ceo { font-size:11px; }
    .branch-table .branch-col-number { font-size:11px; }
    .branch-table .branch-col-addr { font-size:11px; }

    .reveal-hover-info { position:static; width:100%; height:190px; padding:0; background-color:#fff; overflow:hidden; overflow-y:scroll; opacity:1; visibility:visible; box-shadow:none; }
    .reveal-hover-info::-webkit-scrollbar { width:4px; }
    .reveal-hover-info::-webkit-scrollbar-thumb { width:3px; }

    #footer .container-fluid { width:100%; padding:2.5rem 0 70px; background-color:#0c0c0c; text-align:center; }
    #footer .ft-logo { width:10rem; height:2.1875rem; margin:0 auto 20px; background:url("/img/ft-logo.png") no-repeat center /100% auto; }
    #ft_company { line-height:1.6; }
    #ft_company p { font-size:10px; color:#999; }
    
    /* footer panel */
    #footer .panel-wrap { color: #fff; }
    #footer .panel-wrap .panel .panel-title{ text-align: center; font-size: 1.3rem; padding: 0 0 7%;}
    #footer .panel-title .icon-panel { right: 30%; top: 25%;}
    #footer .reveal-hover-info { background-color: #0c0c0c; }
    
    #footer .panel-wrap .panel .icon-panel:before, .panel-wrap .panel .icon-panel:after{ background-color: #999; }
    #footer .panel-wrap .panel .icon-panel:before, .panel-wrap .panel .icon-panel::before{  background-color: #999; }
    
    /* panel */
    /* #footer .sub-sect-qa .reveal { position:absolute; }
    .sub-sect-qa .reveal01 { top:7%; right:25%; }
    .sub-sect-qa .reveal02 { top:20%; right:18%; }
    .sub-sect-qa .titlebox { margin-bottom:5rem; }
    .sub-sect-qa .container-xs { max-width:740px; }
    .sub-sect-qa .panel { margin-bottom:20px; }
    .sub-sect-qa .panel-title { padding:16px 40px; border:1px solid #898989; border-radius:2rem; }
    .sub-sect-qa .panel-title .tit { font-size:1.25rem; color:#3a3a3a; font-weight:400; letter-spacing:-0.02em; }
    .sub-sect-qa .panel-content { padding:0 10px; }
    .sub-sect-qa .panel-content .txtbox { margin-top:; padding:; background-color:#edf2c3; border-top:1px solid #dedfd0; border-bottom:1px solid #dedfd0; }
    .sub-sect-qa .panel-content .txt01 { font-size:; letter-spacing:; } */
}
@media (max-width:434px) {
    #footer .footer-info-links a{padding:0 0.4rem;}
    #footer .footer-info-links a:first-child { padding-left:0; }
}

.sub-sect-ok { padding-top: 40%; }
.sub-sect-ok .icon-check05 { width: 35px; height: 35px;}
.sub-sect-ok .txtbox p { padding: 5% 0; }

#info-slide-pagination { bottom:-20px; width: 100%; margin-left:-4%;}
#info-slide-pagination .swiper-pagination-bullet { width:6px; height:6px; margin:3px 3px; background-color:#cacaca; opacity:1; }
#info-slide-pagination .swiper-pagination-bullet-active { width:10px; height:10px; margin:1px 3px; background-color:#b1c117; }