/**************************************************
* layout.css
*
* 1 - header
* 2 - footer
*
**************************************************/
.notosans *, .notosans { font-family:'Noto Sans KR', sans-serif; transform:skew(-0.1deg); }
.notoserif *, .notoserif { font-family:'Noto Serif KR', serif; transform:skew(-0.1deg); }
.sortsmillgoudy *, .sortsmillgoudy { font-family:'Sorts Mill Goudy', serif; transform:skew(-0.1deg); }

html, body { font:300 16px/1.6 'Noto Sans KR', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; color:#000; overflow-x:hidden; word-break:keep-all; }
html.no-scroll, body.no-scroll { position:fixed; overflow:hidden !important; width:100%; height:100%; }
html.no-scroll2, body.no-scroll2 { overflow:hidden !important; }

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:skew(-0.1deg); }
strong { font-weight:600; }

.section { padding:7% 0; }
.container-fluid { position:relative; width:100%; margin-left:auto; margin-right:auto; }
.container-xs { position:relative; width:100%; max-width:1080px; margin-left:auto; margin-right:auto; }
.container-cnt { position:relative; width:100%; max-width:1200px; margin-left:auto; margin-right:auto; }
.container-sm { position:relative; width:100%; max-width:1360px; margin-left:auto; margin-right:auto; }
.container { position:relative; width:100%; margin-left:auto; margin-right:auto; }
.container-md { position:relative; width:100%; max-width:1440px; margin-left:auto; margin-right:auto; }
.container-lg { position:relative; width:100%; max-width:1680px; margin-left:auto; margin-right:auto; }

@media (max-width:1679px) {
    .container-lg { padding:0 15px; }
}
@media (max-width:1439px) {
    html, body { font-size:15px; }
    .container-md { padding:0 15px; }
}
@media (max-width:1359px) {
    .container-sm { padding:0 15px; }
}
@media (max-width:1279px) {
    html, body { font-size:14px; line-height:1.5; }
}
@media (max-width:1199px) {
    .container-cnt { padding:0 15px; }
}
@media (max-width:1079px) {
    .container-xs { padding:0 15px; }
}
@media (max-width:991px) {
    .section { padding:10% 0; }
}
@media (max-width:479px) {
    html, body { font-size:13px; }
    .container { padding:0 15px; }
}
@media (max-width:379px) {
    html, body { font-size:12px; }
}

/* color */
.text-primary { color:#d5a57d; }
.text-second { color:#d8a177; }
.text-third { color:#cb8e5f; }
.text-white { color:#fff; }
.text-black { color:#000; }
.text-red { color:#c83434; }
.text-essential { color:#d8a177; }
.text-link { position:relative; color:#888; }
.text-link:after { content:""; position:absolute; left:0; right:0; bottom:0; display:inline-block; width:100%; height:0.5px; background-color:#888; }

.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-arrow01 { width:16px; height:9px; background-image:url("../../images_skin/icon-arrow01.png"); margin-top:-0.5rem; }
.icon-arrow02 { width:1.75rem; height:0.813rem; background-image:url("../../images_skin/icon-arrow02.png"); }
.icon-arrow03 { width:0.5rem; height:0.5rem; background-image:url("../../images_skin/icon-arrow03.png"); }
.icon-arrow05 { width:15px; height:17px; background-image:url("../../images_skin/icon-arrow05.png"); margin-top:-3px; }
.icon-arrow06 { width:0.875rem; height:1.562rem; background-image:url("../../images_skin/icon-arrow06.png"); position:absolute; left:50%; top:27.5%; transform:translate(-50%, 0); }
.icon-arrow07 { width:35.66px; height:20px; margin:1.25rem auto; background-image:url("../../images_skin/icon-arrow07.png"); }
.icon-arrow08 { width:0.875rem; height:1.562rem; background-image:url("../../images_skin/icon-arrow-next01.png"); }
.icon-gnb-close { width:90px; height:24px; background-image:url("../../images_skin/icon-gnb-close.png"); }
.icon-location { width:11px; height:18px; background-image:url("../../images_skin/icon-location-w.png"); }
.icon-location02 { width:15px; height:25px; background-image:url("../../images_skin/icon-location-h.png"); }
.icon-tel { width:19.5px; height:19.5px; background-image:url("../../images_skin/icon-tel.png"); }
.icon-check01 { width:1.125rem; height:0.938rem; background-image:url("../../images_skin/icon-check.png"); }

.icon-award { width:3.625rem; height:6.5rem; position:absolute; right:10px; top:-2.5rem; background-image:url("../../images_skin/web-award.png"); }

@media (max-width:799px) {
    .icon-gnb-close { width:20px; height:20px; background-image:url("../../images_skin/icon-gnb-close_m.png"); }
    .icon-award { right:25px; top:-1.5rem; }
}

/* button */
a.btn, .btn { position:relative; height:40px; line-height:38px; width: auto; padding:0; overflow:hidden; transition:all 0.75s cubic-bezier(0.19,1,0.22,1); font-weight:400; font-size:1rem; }
/*.btn:after { content:""; position:absolute; left:-75px; top:-50px; width:50px; height:155px; background-color:#fff; opacity:0.2; transform:rotate(35deg); transition:all 0.75s cubic-bezier(0.19,1,0.22,1); }*/
/*.btn:hover { border-radius:0; transition:all 0.75s cubic-bezier(0.19,1,0.22,1); }*/
/*.btn:hover:after { left:120%; }*/
.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:#c79678; background-color:#c79678; }
.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; padding:0 20px; color:#000; border-radius:2rem; border:1px solid #d29e75; }
.btn.hover-effect01:before { content:""; position:absolute; right:0; bottom:0; width:0; height:100%; background-color:#d29e75; transition:all 0.2s; z-index:-1; }
.btn.hover-effect01:hover { color:#fff; }
.btn.hover-effect01:hover:before { left:0; width:100%; }
.btn.hover-effect01:hover .icon-arrow02 { background-image:url("../../images_skin/icon-arrow02-w.png"); }

.btn.hover-effect02 { overflow:visible; }
.btn.hover-effect02:after { content:""; display:block; position:absolute; right:0; top:50%; width:24px; height:24px; background-color:rgba(212,163,125,0.2); margin-top:-5px; border-radius:50%; transform:translateX(25%); }
.btn.hover-effect02 i { overflow:visible; animation:right-ani 1.2s ease infinite; -webkit-animation:right-ani 1.2s ease infinite; }
/*.btn.hover-effect02 i:after { content:""; display:block; position:absolute; right:0; top:50%; width:20px; height:20px; background-color:rgba(212,163,125,0.2); margin-top:-10px; border-radius:50%; transform:translateX(20%); animation:animate-pulse 1.2s linear infinite; -webkit-animation:animate-pulse 1.2s linear infinite; }*/

.btn.hover-effect03 { position:relative; padding:0 20px; color:#fff; border-radius:2rem; background-color:#000; }
.btn.hover-effect03:before { content:""; position:absolute; right:0; bottom:0; width:0; height:100%; background-color:#d29e75; transition:all 0.2s; z-index:-1; }
.btn.hover-effect03:hover { color:#fff; }
.btn.hover-effect03:hover:before { left:0; width:100%; }
.btn.hover-effect03:hover .icon-arrow02 { background-image:url("../../images_skin/icon-arrow02-w.png"); }


.skinMain .sub .btn.hover-effect02 i { -webkit-animation: none; }
.skinMain .sub .btn.hover-effect02:after { background: none; }
.skinMain .sub .btn.hover-effect02.btn2 { overflow: hidden; }
.sub .titles h2 {
    font-size: 35px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0;
}

.sub .titles .subtit02 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    font-size: 10px;
    color: #fff;
    transition: all 0.8s;
}

.sub-visual-view .titles {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.sub-visual-view .titles .txt-ani {
    display: block;
    transition-duration: 1s;
    transition-property: transform;
    transform: translateY(-160%);
    -webkit-transform: translateY(-160%);
    -moz-transform: translateY(-160%);
    -ms-transform: translateY(-160%);
    -o-transform: translateY(-160%);
    animation: visual-text-ani forwards 1.4s 0.5s ease-out;
    -wekit-animation: visual-text-ani forwards 1.4s 0.5s ease-out;
    -moz-animation: visual-text-ani forwards 1.4s 0.5s ease-out;
    -ms-animation: visual-text-ani forwards 1.4s 0.5s ease-out;
    -o-animation: visual-text-ani forwards 1.4s 0.5s ease-out;
    animation-delay: .1s;
}

.sub-visual-view .titles .txt-ani-wrap {
    overflow: hidden;
    display: block;
}

.sub .titles .subtit {
    margin-bottom: 20px;
    font-size: 15px;
    letter-spacing: 0.2em;
    color: #fff;
}

.sub-visual-view .titles .txt-ani-wrap {
    overflow: hidden;
    display: block;
}

.sub .titles .subtit02 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    font-size: 10px;
    color: #fff;
    transition: all 0.8s;
}

.sub .is-active .titles .subtit02 span {
    width: 100%;
    opacity: 1;
}

.sub .is-active .titles .subtit02 span i {
    opacity: 1;
}

.sub .titles .subtit02 span i {
    opacity: 0;
    transition: all 0.5s;
    transition-delay: 0.8s;
    font-size: 1.125rem;
}

.sub .titles .subtit02 span {
    display: inline-block;
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 10px;
    transition: all 0.8s;
    transition-delay: 0.2s;
    font-size: 24px;
}

@keyframes right-ani{
    0%{
        transform:translateX(-10px);
    }
    50%{
        transform:translateX(0);
    }
    100%{
        transform:translateX(-10px);
    }

}
@keyframes animate-pulse{
    0%{
        box-shadow:0 0 0 0 rgba(212,163,125,0.5),  0 0 0 0 rgba(212,163,125,0.5);
    }
    100%{
        box-shadow:0 0 0 0 rgba(212,163,125,0),  0 0 0 10px rgba(212,163,125,0);
    }

}

/**************************************************
* form control
**************************************************/
.form-wrap { }
.form-wrap label { margin-bottom:0.3125rem; font-size:1.188rem; font-weight:400; }
.form-control { padding:0 15px; height:62px; line-height:60px; border:1px solid #888888; border-radius:10px; font-size:1.125rem; }
.form-control::placeholder { color:#ccc; font-weight:300; font-family:'Noto Sans KR', sans-serif; transform:skew(-0.1deg); }
select.form-control { background:url("../../images_skin/select-icon.png") no-repeat 95% center/auto; }
textarea.form-control { height:auto; line-height:1.5; padding:15px 15px; border:1px solid #888888; border-radius:10px; font-size:1.125rem; }

/**************************************************
* 1 - header
**************************************************/
#header { position:fixed; width:100%; background:rgba(255,255,255,0.9); border-bottom:1px solid #c0c0c0; z-index:995; height: auto !important; }
#header .d-flex { height:64px; }
#header .d-flbox { width:35%; }
#header .d-frbox { width:37%; }

.top-banner.pc-only { display:block; }
.top-banner.mo-only { display:none; }

.icon-call-wrap { display:none; }

/* logo */
#header .logo { width:13.1875rem; height:2.1875rem; background:url("../../images_skin/logo.png") no-repeat center/ 100%; position:absolute; left:0; right:0; top:50%; margin:-1.09375rem auto 0; z-index:50; }
#header .logo a { display:block; width:100%; height:100%; }

#header .gnb_logo { width:14.75rem; height:2.4375rem; background:url("../../images_skin/gnb_logo.png") no-repeat center/ 100%; position:absolute; left:0; right:0; top:50%; margin:-1.09375rem auto 0; }
#header .gnb_logo a { display:block; width:100%; height:100%; }

/* hamburger */
.hamburger { width:48px; margin:auto 5%; float:left; cursor:pointer; }
.hamburger .menu_icon { position:relative; width:48px; height:24px; margin:0 auto; }
.hamburger .border { position:absolute; left:0; display:inline-block; width:100%; height:2px; border-radius:2rem; transition:all 0.3s; background:#d29e75; }
.hamburger .border1 { top:0; }
.hamburger .border2 { top:0; bottom:0; margin:auto; }
.hamburger .border3 { bottom:0px; }

.hamburger .menu_icon:hover .border1 { transform:translateY(3px); }
.hamburger .menu_icon:hover .border3 { transform:translateY(-3px); }

/* top-banner */
.top-banner { position:relative; height:24px; line-height:24px; overflow:hidden; z-index:5; }
.top-banner .swiper-container { height:100%; }
.top-banner a { font-size:0.938rem; }

/* nav */
.nav > ul { overflow:hidden; }
.nav > ul > li { float:left; width:auto; margin:0 4%; line-height:4rem; text-align:center; }
/* .nav > ul > li:first-child > a:first-child { font-family:'Sorts Mill Goudy', serif; font-size:1rem; } */
.nav > ul > li > a { display:inline-block; font-size:0.938rem; }

.nav-innerbox { position:absolute; left:0; right:0; top:63px; display:flex; justify-content:space-between; height:410px; background-color:rgba(255,255,255,0.9); opacity:0; visibility:hidden; border-top:1px solid #c0c0c0; z-index:4; }
.nav-innerbox .lang-select { position:absolute; left:5.5%; top:20px; }

.nav-innerbox.on .lang-select-list { opacity:1; visibility:visible; background:none; }
.nav-innerbox.on .lang-select-list:after { background:none; border:none; }
.nav-innerbox.on .lang-select-list a { color:#737373; font-size:0.938rem; letter-spacing:0.1em; }
.nav-innerbox.on .lang-select-list li:hover a { color:#d5a47e; }

.nav-innerbox .login-wrap { position:absolute; left:5%; bottom:15%; }
.nav-innerbox .login-wrap li { position:relative; display:inline-block; padding:0 10px; font-size:0.938rem; color:#5b5b5b; }
.nav-innerbox .login-wrap li + li:before { content:""; display:inline-block; width:1px; height:12px; background-color:#c0c0c0; position:absolute; left:0; top:calc(50% - 6px); }

.nav-innerbox .gnb-menu-wrap { width:36%; }
.gnb-menu-depth2 { position:absolute; opacity:0; visibility:hidden; z-index:5; margin-top:20px; }
.gnb-menu-depth2 li { width:120px; height:40px; line-height:40px; text-align:center; }
.gnb-menu-depth2 li a { color:#737373; font-size:0.938rem; white-space: nowrap; }
.gnb-menu-depth2 li:hover a { color:#d5a47e; }
.nav > ul > li:last-child .gnb-menu-depth2 {margin-left:-40px;}

/* select-lang */
.select-lang { position:relative; float:left; width:auto; height:24px; z-index:10; font-size:0; }
.select-lang-btn { position:relative; display:block; width:4rem; height:100%; padding:0 1rem 0 0; color:#fff; cursor:pointer; font-size:0.938rem; top:-2px; }
.select-lang-btn::after { content:''; position:absolute; top:50%; right:1rem; width:9px; height:5px; background:url("../../images_skin/icon-lang-arrow.png") no-repeat right center/ 100% auto; }

.lang-select-list { position:relative; padding:0.625rem 0 0.625rem 1rem; line-height:1.6; opacity:0; visibility:hidden; font-size:0.875rem; width:100%; text-align:left; background-color:rgba(255,255,255,.9); transform:translate(0, -5%); transition:.4s ease; border-radius:5px; }
.lang-select-list::after { content:""; position:absolute; bottom:100%; left:50%; margin-left:-10px; border-top:0px solid transparent; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid rgba(255,255,255,0.9); }
.lang-select-list li { padding:4px 1.4rem 4px 4px; }
.lang-select-list li a { }
.lang-select-list > li:hover > a { color:#d29e75; }
.lang-select-list.active { opacity:1; visibility:visible; transform:translate(0, 7%); }

.icon-global { width:14px; height:14px; margin-right:0.3125rem; background-image:url("../../images_skin/icon-global.png"); }

.progress-container .progress-bar { position:absolute; bottom:-1px; z-index:0; width:100%; height:2px; background-color:#d29e75; }

#header.change-header { background:rgba(0,0,0,0.25); }
#header.change-header .top-banner a { color:#fff; }
#header.change-header .nav > ul > li > a { color:#fff; }
#header.change-header .icon-global { background-image:url("../../images_skin/icon-global_w.png"); }
#header.change-header .select-lang-btn::after { background:url("../../images_skin/icon-lang-arrow_w.png") no-repeat right center/ 100% auto; }
#header.change-header .nav-innerbox.on .lang-select-list a { color:#fff; }
#header.change-header .gnb-menu-depth2 li a { color:#fff; }
#header.change-header .nav-innerbox { background-color:rgba(0,0,0,0.25); }
#header.change-header .nav-innerbox .login-wrap li a { color:#fff; }

#header.scrolled { background:rgba(255,255,255,1); }
#header.scrolled .top-banner a { color:#000; }
#header.scrolled .nav > ul > li > a { color:#000; }
#header.scrolled .icon-global { background-image:url("../../images_skin/icon-global.png"); }
#header.scrolled .select-lang-btn::after { background:url("../../images_skin/icon-lang-arrow.png") no-repeat right center/ 100% auto; }
#header.scrolled .nav-innerbox { background:rgba(255,255,255,0.9); box-shadow:0px 5px 10px -5px rgba(0,0,0,0.15); }

#header.scrolled.change-header .nav-innerbox { background:rgba(255,255,255,0.9); box-shadow:0px 5px 10px -5px rgba(0,0,0,0.15); }
#header.scrolled .nav-innerbox.on .lang-select-list a { color:#000; }
#header.scrolled .nav-innerbox.on .lang-select-list > li:hover > a { color:#d5a47e; }
#header.scrolled.change-header .nav-innerbox.on .lang-select-list a { color:#000; }
#header.scrolled.change-header .nav-innerbox.on .lang-select-list > li:hover > a { color:#d5a47e; }
#header.scrolled .gnb-menu-depth2 li a { color:#000; }
#header.scrolled .gnb-menu-depth2 li:hover a { color:#d5a47e; }
#header.scrolled.change-header .gnb-menu-depth2 li a { color:#000; }
#header.scrolled.change-header .gnb-menu-depth2 li:hover a { color:#d5a47e; }
#header.scrolled .nav-innerbox .login-wrap li a { color:#000; }
#header.scrolled.change-header .nav-innerbox .login-wrap li a { color:#000; }

#header.sub { background:none; border:none; }
#header.sub .top-banner a { color:#fff; }
#header.sub .nav > ul > li > a { color:#fff; }
#header.sub .icon-global { background-image:url("../../images_skin/icon-global_w.png"); }
#header.sub .select-lang-btn::after { background:url("../../images_skin/icon-lang-arrow_w.png") no-repeat right center/ 100% auto; }
#header.sub .nav-innerbox.on .lang-select-list a { color:#000; }
#header.sub .gnb-menu-depth2 li a { color:#000; }
#header.sub .nav-innerbox .login-wrap li a { color:#000; }

#header.sub.hover { background:rgba(255,255,255,0.9); }
#header.sub.hover .top-banner a { color:#000; }
#header.sub.hover .nav > ul > li > a { color:#000; }
#header.sub.hover .icon-global { background-image:url("../../images_skin/icon-global.png"); }
#header.sub.hover .select-lang-btn::after { background:url("../../images_skin/icon-lang-arrow.png") no-repeat right center/ 100% auto; }
#header.sub.hover .nav-innerbox { background:rgba(255,255,255,0.9); }
#header.sub.hover .gnb-menu-depth2 li:hover a { color:#d5a47e; }
#header.sub.hover .nav-innerbox.on .lang-select-list > li:hover > a { color:#d5a47e; }

/*#header.sub.change-header .top-banner a { color:#000; }*/
#header.sub.change-header .nav > ul > li > a { color:#000; }
#header.sub.change-header .icon-global { background-image:url("../../images_skin/icon-global.png"); }
#header.sub.change-header .select-lang-btn::after { background:url("../../images_skin/icon-lang-arrow.png") no-repeat right center/ 100% auto; }

#header.sub.scrolled { background:rgba(255,255,255,1); border-bottom:1px solid #c0c0c0; }
#header.sub.scrolled .top-banner a { color:#000; }
#header.sub.scrolled .nav > ul > li > a { color:#000; }
#header.sub.scrolled .icon-global { background-image:url("../../images_skin/icon-global.png"); }
#header.sub.scrolled .select-lang-btn::after { background:url("../../images_skin/icon-lang-arrow.png") no-repeat right center/ 100% auto; }
#header.sub.scrolled .nav-innerbox { background:rgba(255,255,255,0.9); box-shadow:0px 5px 10px -5px rgba(0,0,0,0.15); }

/* gnb_all */
#gnb_all { display:block; width:100vw; height:0; top:0; border:0 none; background:#060709 url("../../images_skin/gnb_bg.jpg") no-repeat center/cover; box-shadow:none; opacity:0; visibility:hidden; transform:translateY(-100%); transition:all 1.2s 0.2s ease; }
#gnb_all.open { height:100vh; opacity:1; visibility:visible; transform:translateY(0%); transition:all 1.2s ease; }

.gnb-top { position:relative; height:6rem; }
.gnb-top .gnb_logo { }
.gnb-top .gnb_close_btn { position:fixed; left:3.5%; top:4%; }
.gnb-top .login-wrap { position:fixed; right:4%; top:5%; line-height: 1; }
.gnb-top .login-wrap li { display:inline-block; padding:0 7px; position:relative; }
.gnb-top .login-wrap li + li:before { content:""; display:inline-block; width:1px; height:12px; background-color:#ddd; position:absolute; left:0; top:50%; margin-top:-5px; margin-left:-2px;}
.gnb-top .login-wrap a { color:#fff; font-size:0.875rem; }

.gnb-inner { display:grid; grid-template-columns:440px 2fr; width:100%; margin:4% auto 0 23%; opacity:0; visibility:hidden; transform:translateY(-100%); transition:all 1.2s 0.2s ease; }
#gnb_all.open .gnb-inner { opacity:1; visibility:visible; transform:translateY(0%); transition:all 1.2s ease; }
.gnb-inner .gnb-allmenu-imgbox { position:relative; width:317px; margin-right:8%; text-align:center; }
.gnb-inner .gnb-allmenu-imgbox .imgbox { position:relative; margin-top:5rem;}
.gnb-inner .gnb-allmenu-imgbox .imgbox .img { position:absolute; left:0; top:0; }
.gnb-inner .gnb-allmenu-imgbox .txtbox { position:absolute; left:0; right:0; bottom:7rem; }
.gnb-inner .gnb-allmenu-imgbox .txtbox p { margin-top:15px; color:#fff; font-size:1.875rem; line-height: 1.6 }

.gnb-inner .gnb-allmenu-list { width:62%; line-height: 1.6;  }
.gnb-inner .gnb-allmenu-list li a { color:#fff; }
.gnb-inner .gnb-allmenu-list .gnb-menu-txt { width:32%; }
.gnb-inner .gnb-allmenu-list .num { display:inline-block; font-size:0.813rem; vertical-align:text-top; margin-right:5px; color:#c8c8c8; }
.gnb-inner .gnb-allmenu-list .menu-txt01 { position:relative; display:inline-block; font-size:1.75rem; }

.gnb-inner .gnb-allmenu-list .gnb-allmenu-depth1 { display:flex; position:relative; margin-bottom:40px; }
.gnb-inner .gnb-allmenu-list .on .gnb-menu-txt { color:#e7b289; }
.gnb-inner .gnb-allmenu-list .gnb-allmenu-depth2 { display:flex;      width: 540px;  flex-wrap: wrap; }
.gnb-inner .gnb-allmenu-list .gnb-allmenu-depth2 li { margin-right:25px; }

.gnb-inner .gnb-allmenu-list .gnb-allmenu-depth2 li a { display:block; height:40px; line-height:40px; font-size:1.0625rem; color:#5c5c5d; }
.gnb-inner .gnb-allmenu-list .on .gnb-allmenu-depth2 li a { color:#fff; }
.gnb-inner .gnb-allmenu-list .gnb-allmenu-depth2 li:hover a { color:#e7b289; }

/*.gnb-inner .gnb-allmenu-list .gnb-allmenu-depth1-7 .gnb-allmenu-depth2 li:nth-child(3) a:after { content:""; display:inline-block; width:16px; height:11px; margin-left:3px; background:url("../../images_skin/icon-youtube.png") no-repeat center/ 100% auto; vertical-align:middle; }*/
.gnb-inner .gnb-allmenu-list .gnb-allmenu-depth1-7.on .gnb-allmenu-depth2 li:nth-child(3) a:after { background:url("../../images_skin/icon-youtube-active.png") no-repeat center/ 100% auto; }
.gnb-inner .gnb-allmenu-list .gnb-allmenu-depth1-7 .gnb-allmenu-depth2 li:nth-child(3):hover a:after { background:url("../../images_skin/icon-youtube-hover.png") no-repeat center/ 100% auto; }

.gnb-inner .gnb-allmenu-list .on ul { opacity:1; visibility:visible; z-index:10; }

.gnb-allmenu-depth1 .gnb-menu-txt .menu-txt01::after { content:''; position:absolute; bottom:0; left:0; width:100%; border-bottom:1px solid #e7b289; -webkit-transform-origin:right top; -ms-transform-origin:right top; transform-origin:right top; -webkit-transform:scale(0, 1); -ms-transform:scale(0, 1); transform:scale(0, 1); -webkit-transition:transform 0.4s cubic-bezier(1, 0, 0, 1); transition:transform 0.4s cubic-bezier(1, 0, 0, 1); }
.gnb-allmenu-depth1:hover .gnb-menu-txt .menu-txt01::after { -webkit-transform-origin:left top; -ms-transform-origin:left top; transform-origin:left top; -webkit-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1) }

.gnb-inner .img { opacity:0; -webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); -webkit-transition:clip-path 1.1s cubic-bezier(.19, 1, .22, 1), opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(.19, 1, .22, 1); transition:clip-path 1.1s cubic-bezier(.19, 1,.22,1), opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(.19, 1, .22, 1); }
.gnb-inner.img01 .img01 { opacity:1; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); }
.gnb-inner.img02 .img02 { opacity:1; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); }
.gnb-inner.img03 .img03 { opacity:1; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); }
.gnb-inner.img04 .img04 { opacity:1; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); }
.gnb-inner.img05 .img05 { opacity:1; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); }
.gnb-inner.img06 .img06 { opacity:1; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); }
.gnb-inner.img07 .img07 { opacity:1; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); }
.gnb-inner.img08 .img08 { opacity:1; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); }

/*상담신청폼*/
.counselForm { position: fixed; bottom: 0px; background: rgba(0,0,0,0.7); width: 100%; display: flex; align-items: center; justify-content: center; gap: 30px; color: #fff; padding: 35px 0 15px 0; box-sizing: border-box; z-index: 99; }
.counselForm .inputWrap { display: flex; align-items: center; justify-content: center; gap: 15px; }
.counselForm .inputWrap input { width: 200px; height: 40px; display: flex; align-items: center; background: #fff; padding: 0 15px; box-sizing: border-box; font-size: 13px; color: #777; font-family: 'NotoSansR'; border: none; }
.counselForm .inputWrap select { width: 200px; height: 40px; display: flex; align-items: center; background: #fff; padding: 0 15px; box-sizing: border-box; font-size: 13px; color: #777; font-family: 'NotoSansR';
    background-image: url("../../images_skin/selectIconForm.png"); background-repeat: no-repeat; background-position: calc(100% - 10px) center; }
.counselForm .inputWrap select::-ms-expand{ display: none; }

.counselForm .inputWrap select::-ms-expand{ display: none; } /* 익스플로러용 */

.counselForm .flex-wrap { display: flex; align-items: center; gap: 30px; }
.counselForm .checkBoxWrap { width: 200px; font-size: 12px; color: #fff; font-family: 'NotoSansR'; display: flex; flex-direction: column; gap: 5px; }
.counselForm .checkBoxWrap .checkBox { display: flex; align-items: center; gap: 5px; cursor: pointer; }
.counselForm .checkBoxWrap .checkBox input { display: none; }
.counselForm .checkBoxWrap .checkBox label { display: block; width: 18px; height: 19px; }
.counselForm .checkBoxWrap .checkBox input + label {background: url("../../images_skin/formCheck_b.png") no-repeat; width: 18px; height: 19px; }
.counselForm .checkBoxWrap .checkBox input:checked + label { background: url("../../images_skin/formCheck.png") no-repeat; width: 18px; height: 19px; }

.counselForm .button { width: 250px; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 30px; font-family: 'NotoSansB'; background: #896d5d; gap: 20px; cursor: pointer; }

.counselForm .closeButton { margin-top: -47px; }

.counselForm .closeButton.mo-only { display: none; background: rgba(0,0,0,0.7); padding: 8px 20px; box-sizing: border-box; border-top-left-radius: 15px; border-top-right-radius: 15px; cursor: pointer; }


@media (max-width:1859px) {
    #header .d-frbox { width:40%; }
    .nav > ul > li { width:19%; margin:0; }
    .nav > ul > li:last-child .gnb-menu-depth2 {margin-left:0;}
}
@media (max-width:1799px) {
    .gnb-inner { margin-left:15%; }
    .gnb-inner .gnb-allmenu-list { width:calc(100% - 317px); }
    .gnb-inner .gnb-allmenu-list .gnb-menu-txt { width:28%; }
    .gnb-inner .gnb-allmenu-list .menu-txt01 { font-size:1.5rem; }
}
@media (max-width:1599px) {
    #header .d-frbox { display:none; }
    .icon-call-wrap { display:block; position:absolute; right:15px; top:50%; transform:translate(0, -50%); }

    .gnb-inner { margin-left:10%; }
    .gnb-inner .gnb-allmenu-imgbox { margin-right:5%; }
    .gnb-inner .gnb-allmenu-list { width:100%; }
}
@media (max-width:1399px) {
    .gnb-inner { margin-left:5%; }

    /*상담신청폼*/
    .counselForm { gap: 10px; }
    .counselForm .inputWrap input { width: 160px; padding: 0 8px; font-size: 11px; }
    .counselForm .inputWrap select { width: 160px; padding: 0 8px; font-size: 11px; }
    .counselForm .checkBoxWrap { width: 180px; font-size: 11px; }
    .counselForm .button { width: 200px; font-size: 24px; }

}
@media (max-width:1199px) {
    .top-banner.pc-only { display:none; }
    .top-banner.mo-only { display:block; }
    .top-banner { background-color:#000000; text-align:center; }
    .top-banner a { color:#fff; }
    #header.sub.scrolled .top-banner a { color:#fff; }
    .gnb-inner { display:flex; }
    .gnb-inner .gnb-allmenu-imgbox { display:none; }

    /*상담신청폼*/
    .counselForm { gap: 10px; flex-direction: column; }
    .counselForm .inputWrap input { height: 30px; padding: 0 8px; font-size: 11px; }
    .counselForm .inputWrap select { height: 30px; padding: 0 8px; font-size: 11px; }
    .counselForm .checkBoxWrap { width: 180px; font-size: 11px; }
    .counselForm .button { width: 200px; height: 40px; font-size: 20px; }

}
@media (max-width:991px) {
    .hamburger .menu_icon { width:30px; }

}
@media (max-width:799px) {
    #header { background:none; border:0; }
    #header .logo { position:fixed; top:58px; }
    #header.change-header { background:none; }
    #header.scrolled { background:rgba(255,255,255,1); border-bottom:1px solid #c0c0c0; }
    #header.change-header.scrolled { background:rgba(255,255,255,1); border-bottom:1px solid #c0c0c0; }
    #header.scrolled .top-banner a { color:#fff; }

    .select-lang { left:-20px; /*display:none;*/ }
    .select-lang .select-lang-btn {width:60px; padding-right:0;}

    #gnb_all { background:#060709 url("../../images_skin/gnb_bg_m.jpg") no-repeat center/cover; }
    #gnb_all.open { }
    #gnb_all.open .gnb-inner { width:auto; height:calc(100% - 102px); margin-top:5%; overflow-y:auto; -webkit-overflow-scrolling:touch; }
    #header .gnb_logo { display:none; }
    .gnb-top .gnb_close_btn { top:2.5%; }
    .gnb-top .login-wrap { right:4%; top:3%; }
    .gnb-top .login-wrap a { font-size:1rem; }

    .gnb-inner .gnb-allmenu-list { width:90%; height:fit-content; margin:0 auto; padding-bottom:30px; }
    .gnb-inner .gnb-allmenu-list .gnb-menu-txt { width:100%; }

    .gnb-inner .gnb-allmenu-list .gnb-allmenu-depth1 { flex-direction:column; overflow:hidden; height:38px; margin-bottom:25px; }
    .gnb-inner .gnb-allmenu-list .gnb-allmenu-depth1.on { margin-bottom:0; }
    .gnb-inner .gnb-allmenu-list .num { display:none; }
    .gnb-inner .gnb-allmenu-list .menu-txt01 { font-size:25px; color:#bdbdbd; }
    .gnb-inner .gnb-allmenu-list .on .menu-txt01 { color:#febc88; }
    .gnb-allmenu-depth1 .gnb-menu-txt .menu-txt01:after { display:none; }
    .gnb-inner .gnb-allmenu-list .gnb-allmenu-depth2 { flex-direction:column; }
    .gnb-inner .gnb-allmenu-list .gnb-allmenu-depth2 li { margin-right:0; }
    .gnb-inner .gnb-allmenu-list .gnb-allmenu-depth2 li a { font-size:15px; }

    .gnb-inner .gnb-allmenu-list .gnb-allmenu-depth1-7 .gnb-allmenu-depth2 li:nth-child(3) a:after { margin-top:-2px; }

    /*상담신청폼*/
    .counselForm { gap: 10px; flex-direction: column; z-index: 999; padding: 10px 10px; box-sizing: border-box; }
    .counselForm .inputWrap { flex-wrap: wrap; }
    .counselForm .inputWrap input { height: 30px; padding: 0 8px; font-size: 12px; }
    .counselForm .inputWrap select { height: 30px; padding: 0 8px; font-size: 12px; }
    .counselForm .checkBoxWrap { width: 170px; font-size: 10px; }
    .counselForm .button { flex: 1; height: 40px; font-size: 18px; }
}


/**************************************************
* 2 - footer
**************************************************/
#footer { background-color:#000; padding:2.5rem 0 8rem 0; margin-bottom:-1px; }
#footer .pc-only { display:block; }
#footer .mo-only { display:none; }
#footer #ft_wr { width:100%; max-width:inherit; padding:0; }
#footer .ft_lnb { width:100%; display:flex; align-items:center; margin-bottom:6px; }
#footer #ft_link a { display:inline-block; color:#edecec; font-size:0.938rem; padding:0 0.938rem; font-weight:300; }
#footer #ft_link a:first-child { padding-left:0; }
#footer #ft_link { justify-content: flex-start !important; }

#footer #ft_company { width:100%; display:flex; justify-content:space-between; align-items:flex-end; padding-top:1.25rem; border-top:2px solid #353535; }
#footer #ft_company p { display:block; color:#7e7e7e; font-size:0.813rem; font-weight:300; line-height:1.875rem; }
#footer #ft_company p span { position:relative; padding:0 0.813rem; }
#footer #ft_company p span:first-child { padding-left:0; }
#footer #ft_company p span.award_span{position:relative; padding:0; margin-left:1.5rem; cursor:pointer;}

.footer-select-lang { display:none; position:relative; width:135px; }
.fselect-lang-btn { background:transparent; border:1px solid #696969; width:100%; text-align:left; padding:.35rem 0.75rem; position:relative; border-radius:2rem; color:#edecec; font-size:0.813rem; }
.fselect-lang-btn::after { content:''; position:absolute; right:.75rem; top:50%; width:20px; height:9px; margin-top:-4.5px; background:url("../../images_skin/icon-arrow02.png") no-repeat 0 0/ 100%; }

.flang-select-list { position:absolute; width:220px; padding:.75rem 0; border:1px solid #000; background-color:rgba(0,0,0,0.8); bottom:99%; right:0; opacity:0; visibility:hidden; border-radius:20px; }
.flang-select-list li { padding:.4rem .75rem; background:url("../../images_skin/icon-arrow03.png") no-repeat 95% center/ auto; font-size:0.938rem; color:#fff; }
.flang-select-list li a { }

.pc-only .footer-select-lang:hover .flang-select-list { opacity:1; visibility:visible; z-index:55; }

.footer-network-info { height:6rem; padding-top:25px; }

.footer-network-info-box { width:100%; max-width:920px; background:url(../../images_skin/select-down-arrow.png) no-repeat 100% 50%; position:relative; }
.footer-network-infos { width:98%; height:24px; margin-right:0 !important; }

@media (max-width:991px) {
    #footer { padding-top:1.5rem; }
    #footer .pc-only { display:none; }
    #footer .mo-only { display:block; }

    .footer-select-lang { display:block; width:120px; }
    .fselect-lang-btn { background-color:#ddb190; border:none; font-size:12px; color:#000; font-family:'Sorts Mill Goudy', serif; padding:0.55rem 0.75rem 0.35rem; }
    .fselect-lang-btn::after { width:12px; height:7px; background:url("../../images_skin/icon-arrow04.png") no-repeat 0 0/ 100%; margin-top:-6px; }

    .flang-select-list { right:inherit; left:0; width:150px; }
    .flang-select-list.active { opacity:1; visibility:visible; z-index:55; }

    .ft_lnb2 { padding-top:1.2rem; border-top:1px solid #353535; }
    #footer #ft_company { border:0; }
    #footer #ft_company p span { padding:0 0.625rem; }
    #footer .ft-logo { width:10rem; margin:1.25rem auto 0; }
}


/**************************************************
* 3 - quick
**************************************************/
/*
.quick { position:fixed; bottom:8rem; right:2rem; z-index:10; cursor:pointer; }
.quick.open .quick-social-icon li { opacity:1; visibility:visible; transform:translateY(-30%); }
.quick-social-icon li:nth-child(1) { transition-delay:0s; }
.quick-social-icon li:nth-child(2) { transition-delay:.1s; }
.quick-social-icon li:nth-child(3) { transition-delay:.2s; }
.quick-social-icon li:nth-child(4) { transition-delay:.3s; }
.quick-social-icon li:nth-child(5) { transition-delay:.4s; }


.quick-social-icon { position:absolute; right:0; bottom:0; margin:0 auto; visibility:hidden; }
.quick-social-icon li { width:154px; height:52px; line-height:50px; padding-left:50px; border:1px solid #040404; border-radius:2rem; margin:0.5rem 0; opacity:0; visibility:hidden; transform:translateY(0); transition:.6s ease; position:relative; color:#040404; }
.quick-social-icon li.nresv { background:#fff url("../../images_skin/icon-quick-img01.png") no-repeat 20px center/auto; }
.quick-social-icon li.kakao { background:#fff url("../../images_skin/icon-quick-img02.png") no-repeat 20px center/auto; }
*/

@keyframes bounce {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-15px);
    }
}
@-webkit-keyframes bounce {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-15px);
    }
}

#quick { position:fixed; bottom:3rem; right:3rem; z-index:505; cursor:pointer; animation:bounce .8s infinite alternate; -webkit-animation:bounce .8s infinite alternate; transition:all 0.3s; }
#quick.on { bottom:5rem; }
.quick-button-group { display:-webkit-box; display:-ms-flexbox; display:flex; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; text-align:right; }
.quick-wrap .quick-social-icon { display:block; padding-top:10px; opacity:0; text-align:left; }
.quick-wrap .quick-social-icon i {font-size:26px; vertical-align:middle; color:#381E20;}

.quick-wrap .quick-social-icon:nth-of-type(0) { -webkit-transition:opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0ms; transition:opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0ms; transition:opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0ms; transition:opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0ms; }

.quick-wrap .quick-social-icon:nth-of-type(1) { -webkit-transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 40ms; transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 40ms; transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 40ms; transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 40ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 40ms; }

.quick-wrap .quick-social-icon .tit { opacity:0; cursor:pointer; }

.quick-wrap .quick-social-icon .tit:nth-of-type(0) { -webkit-transition:opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition:opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition:transform 0ms ease 300ms, opacity 300ms ease 0ms; transition:transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; }

.quick-wrap .quick-social-icon .tit:nth-of-type(1) { -webkit-transition:opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition:opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition:transform 0ms ease 300ms, opacity 300ms ease 0ms; transition:transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; }

.quick-wrap.is-active .quick-button-group { height:auto; pointer-events:fill; }

.quick-wrap.is-active .quick-social-icon { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); opacity:1; }

.quick-wrap.is-active .quick-social-icon:nth-of-type(0) { -webkit-transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms; transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms, -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms; }

.quick-wrap.is-active .quick-social-icon:nth-of-type(1) { -webkit-transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 40ms; transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 40ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 40ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 40ms, -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 40ms; }

.quick-wrap.is-active .quick-social-icon .tit { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); opacity:1; }
.quick-wrap.is-active .quick-social-icon .tit:nth-of-type(0) { -webkit-transition:-webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms; transition:-webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms; transition:transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms; transition:transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms; }
.quick-wrap.is-active .quick-social-icon .tit:nth-of-type(1) { -webkit-transition:-webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms; transition:-webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms; transition:transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms; transition:transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms; }


.quick-social-icon .title-wrap { position:relative; display:inline-block; overflow:hidden; vertical-align:middle; padding:0 15px 0 25px; background-color:#fff; width:100%; border-radius:2rem; border:1px solid #acacac; padding-bottom:2px; -webkit-transition:-webkit-all 300ms; transition:-webkit-all 300ms; transition:all 300ms; transition:all 300ms, -webkit-all 300ms; }
.quick-social-icon .title-wrap:hover { background-color:#d29e75; color:#fff; border-color:#d29e75; }
.quick-social-icon .tit { display:inline-block; line-height:45px; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); }

.quick-social-icon .icon-social { position:relative; display:inline-block; width:50px; height:50px; background:#fff; cursor:pointer; margin-right:5px; vertical-align:text-top; }
.quick-social-icon .icon-social.kakao { width:1.687rem; height:1.687rem; background:url("../../images_skin/icon-social-kakao.png") no-repeat center/ 100% auto; }
.quick-social-icon .icon-social.nresv { width:1.3125rem; height:1.9375rem; margin-top:-2px; background:url("../../images_skin/icon-social-nresv.png") no-repeat center/ 100% auto; }
.quick-social-icon .icon-social.youtube { width:1.562rem; height:1.125rem; margin-top:4px; background:url("../../images_skin/icon-social-youtube.png") no-repeat center/ 100% auto; }

.quick-btn-area { position:relative; display:block; margin:10px 0 0 auto; width:50px; height:50px; border-radius:50%; }
.quick-btn-area .inner-hide-title { position:absolute; top:-170%; right:0; width:200px; height:93px; display:inline-block; color:#000; font-weight:500; line-height:1.3; vertical-align:top; white-space:nowrap; opacity:1; -webkit-transition:all 400ms ease 0ms; transition:all 400ms ease 0ms; -webkit-transform-origin:center right; transform-origin:center right; visibility:visible; font-weight:300; padding:0 10px 0 30px; }
.quick-btn-area .inner-hide-title.inner-hide-title2{top:-335%; height:75px; display:flex; justify-content:space-between; align-items:center; padding:0 8px 0 30px;}
.quick-btn-area .inner-hide-title:after { content:""; position:absolute; right:-5px; top:0; width:100%; height:100%; background:url("../../images_skin/text-box-edge.png") no-repeat right top/ 100% auto; z-index:0; }
.quick-btn-area .inner-hide-title.inner-hide-title2:after { background:url("../../images_skin/text-box-edge2.png") no-repeat right top/ 100% auto; }

.is-active .quick-btn-area .inner-hide-title { opacity:0; transform:translateY(50px); visibility:hidden; }

.inner-hide-title .inner_hide { position:relative; display:inline-block; top:40%; -webkit-transform:translateY(-50%); transform:translateY(-50%); overflow:hidden; z-index:1; }
.inner-hide-title.inner-hide-title2 .inner_hide{position:relative; display:inline-block; top:0%; -webkit-transform:none; transform:none; overflow:hidden; z-index:1;}
.inner-hide-title .inner_hide span { display:inline-block; line-height:1.4; vertical-align:top; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); opacity:1; }
.inner-hide-title .inner_hide span em { font-style:italic; }

.inner-hide-title .inner_hide span:nth-of-type(0) { -webkit-transition:opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition:opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition:transform 0ms ease 300ms, opacity 300ms ease 0ms; transition:transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; }

.inner-hide-title .inner_hide span:nth-of-type(1) { -webkit-transition:opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition:opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition:transform 0ms ease 300ms, opacity 300ms ease 0ms; transition:transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; }

.quick-btn-area.is-active .inner-hide-title .inner_hide span:nth-of-type(0) { -webkit-transition:-webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms; transition:-webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms; transition:transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms; transition:transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms; }

.quick-btn-area.is-active .inner-hide-title .inner_hide span:nth-of-type(1) { -webkit-transition:-webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms; transition:-webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms; transition:transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms; transition:transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms; }

.quick-btn-area .quick-bg { position:absolute; width:48px; height:48px; top:1px; right:1px; background:#d29e75; border-radius:25px; -webkit-transition:all 400ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; transition:all 400ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; }

.inner-hide-title { opacity:0; }

.quick-button-group { position:absolute; width:155px; right:0; bottom:60px; pointer-events:none; }

.quick-close-btn span { position:absolute; display:inline-block; top:50%; left:50%; width:14px; height:2px; background-color:#fff; }

.quick-close-btn span:nth-of-type(1) { -webkit-transform:translate(-50%, -50%) rotate(45deg); transform:translate(-50%, -50%) rotate(45deg); }

.quick-close-btn span:nth-of-type(2) { -webkit-transform:translate(-50%, -50%) rotate(-45deg); transform:translate(-50%, -50%) rotate(-45deg); }

.quick-close-btn { position:absolute; top:0; left:0; width:50px; height:50px; background:#000; border-radius:50%; opacity:0; -webkit-transform:rotate(-135deg); transform:rotate(-135deg); -webkit-transition:background 0ms ease 500ms, opacity 0ms ease 500ms, -webkit-transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19); transition:background 0ms ease 500ms, opacity 0ms ease 500ms, -webkit-transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19); transition:transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0ms ease 500ms, background 0ms ease 500ms; transition:transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0ms ease 500ms, background 0ms ease 500ms, -webkit-transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.quick-wrap.is-active .quick-close-btn { -webkit-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:-webkit-transform 330ms cubic-bezier(0.215, 0.61, 0.355, 1) 150ms; transition:-webkit-transform 330ms cubic-bezier(0.215, 0.61, 0.355, 1) 150ms; transition:transform 330ms cubic-bezier(0.215, 0.61, 0.355, 1) 150ms; transition:transform 330ms cubic-bezier(0.215, 0.61, 0.355, 1) 150ms, -webkit-transform 330ms cubic-bezier(0.215, 0.61, 0.355, 1) 150ms; opacity:1; }

.spinner { position:absolute; top:45%; transform:translate(0, -50%); width:100%; text-align:center; }
.spinner > div { width:7px; height:7px; border-radius:100%; display:inline-block; margin:0 0 0 .1rem; -webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both; animation:sk-bouncedelay 1.4s infinite ease-in-out both; background-color:#fff; }
.spinner .bounce1 { -webkit-animation-delay:-0.32s; animation-delay:-0.32s; }
.spinner .bounce2 { -webkit-animation-delay:-0.16s; animation-delay:-0.16s; }

#top_btn { position:absolute; bottom:-100%; right:inherit; border:0; background:url("../../images_skin/top_btn.png") no-repeat center/ 100% auto; opacity:0; visibility:hidden; }
#top_btn:hover { border:0; background:url("../../images_skin/top_btn.png") no-repeat center/ 100% auto; color:inherit; }
#quick.on #top_btn { opacity:1; visibility:visible; }

@-webkit-keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

@media (max-width:639px) {
    #quick { right:2rem; bottom:2rem; }
    .quick-btn-area .inner-hide-title { width:160px; height:74px; top:-140%; }
    .quick-btn-area .inner-hide-title2 { top:-140%; }
    .quick-button-group { width:140px; }
    .quick-social-icon .icon-social { vertical-align:middle; }
    .quick-social-icon .icon-social.youtube { margin-top:-2px; }

    .counselForm .closeButton.mo-only { display: block; position: absolute;right: 30px;top: 11px; }
}
@media (max-width:479px) {
    #quick.on { bottom:6rem; }
    .quick-button-group { width:125px; }
    .quick-social-icon .tit { line-height:40px; }

}

@media (max-width: 380px){
    .counselForm .closeButton.mo-only { display: block; position: absolute;right: 30px;top: 13px; right: 0px; }
}


/**************************************************
* 4 - quick-network
**************************************************/
.quick-network { position:fixed; bottom:7rem; left:2rem; z-index:50; cursor:pointer; width:175px; text-align:center; }
.quick-network.black-network .network-btn p { color:#fff; border-bottom:1px solid #fff; }
.quick-network.scrolled .network-btn p { color:#000; border-bottom:1px solid #404040; }
.quick-network.white-txt .network-btn p { color:#fff; border-bottom:1px solid #fff; }
.quick-network .network-btn p { display:inline-block; font-size:0.938rem; border-bottom:1px solid #404040; font-weight:500; }

.quick-network .quick-network-icon { width:100%; background-color:rgba(255,255,255,.9); border-radius:5px; padding:10px 12px 14px; opacity:0; visibility:hidden; transition:.4s ease; }
.quick-network .quick-network-icon::after { content:""; position:absolute; top:100%; left:50%; margin-left:-10px; border-top:10px solid rgba(255,255,255,0.9); border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:0px solid transparent; }
.quick-network.open .quick-network-icon { opacity:1; visibility:visible; }
.quick-network-icon { position:absolute; left:0; bottom:35px; margin:0 auto; }
.quick-network-icon li { height:25px; line-height:26px; margin:0.2rem 0; position:relative; text-align:left; font-size:0.875rem; background:url("../../images_skin/icon-arrow03.png") no-repeat right center/ auto; }
.quick-network-icon li:last-child { margin-bottom:0; }
.quick-network-icon li:hover a { color:#d29e75; }

@media (max-width:991px) {
    .quick-network { display:none; }
}



/**************************************************
* dot_ani_box - 230717 추가
**************************************************/
.petitlounge_btn { position:fixed; bottom:12rem; right:3rem; width:200px; height:75px; display:inline-block; color:#000; font-weight:500; line-height:1.3; vertical-align:top; white-space:nowrap; opacity:1; -webkit-transition:all 400ms ease 0ms; transition:all 400ms ease 0ms; -webkit-transform-origin:center right; transform-origin:center right; visibility:visible; font-weight:300; padding:0 8px 0 30px; display:flex; justify-content:space-between; align-items:center; animation: bounce .8s infinite alternate; -webkit-animation: bounce .8s infinite alternate; z-index:1; cursor: pointer;}
.petitlounge_btn.on{bottom:14rem;}
.petitlounge_btn.on.is-active{bottom:12.5rem;}
.petitlounge_btn.is-active{bottom:10.5rem;}
.petitlounge_btn:after { content:""; position:absolute; right:-5px; top:0; width:100%; height:100%; background:url("../../images_skin/text-box-edge2.png") no-repeat right top/ 100% auto; z-index:0; }
.petitlounge_btn_txt { position:relative; display:inline-block; top:0%; -webkit-transform:none; transform:none; overflow:hidden; z-index:1; }

.dot_ani_box{
    display:inline-block;
    overflow: hidden;
    position: relative;
    width:42px;
    height:42px;
    margin:0 0 0 4px;
    z-index:1;
}
.dot_ani_box .dot_ani{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 9px;
    height: 9px;
    margin: auto;
    border-radius: 50%;
    background-color: #d29e75;
    transform: rotate(0deg) translateY(-16px); /* x도 틀어서 그방향으로 y픽셀 */
    animation: dot_ani_box 2s infinite;
}

.dot_ani_box .dot_ani:nth-child(2) {
    width: 8px;
    height: 8px;
    animation: dot_ani_box 2s 0.1s infinite;
}
.dot_ani_box .dot_ani:nth-child(3) {
    width: 7px;
    height: 7px;
    animation: dot_ani_box 2s 0.2s infinite;
}
.dot_ani_box .dot_ani:nth-child(4) {
    width: 6px;
    height: 6px;
    animation: dot_ani_box 2s 0.3s infinite;
}
.dot_ani_box .dot_ani:nth-child(5) {
    width: 5px;
    height: 5px;
    animation: dot_ani_box 2s 0.4s infinite;
}
.dot_ani_box .dot_ani:nth-child(6) {
    width: 4px;
    height: 4px;
    animation: dot_ani_box 2s 0.5s infinite;
}

@keyframes dot_ani_box {
    0% {
        transform: rotate(0deg) translateY(-16px);
    }
    100% {
        transform: rotate(360deg) translateY(-16px);
    }
}

@media (max-width:639px) {
    .petitlounge_btn { right:2rem; width:160px; height:62px;}
    .petitlounge_btn.on{bottom:16rem;}
    .petitlounge_btn.on.is-active{bottom:15rem;}
    .petitlounge_btn.is-active{bottom:11rem;}
    .dot_ani_box{display:none;}
}
@media (max-width:479px) {

}