@charset "utf-8";
/**
 * --------------------------------
 * reset CSS
 * --------------------------------
*/
@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:300;
	src:
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:400;
	src:
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:500;
	src:
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:700;
	src:
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
	font-family:"sangbleuogsans";
	font-style:normal;
	font-weight:300;
	src:url("font/sangbleuogsans-light.eot");
	src:url("font/sangbleuogsans-light.eot?#iefix") format("embedded-opentype"),
		url("font/sangbleuogsans-light.woff2") format("woff2"),
		url("font/sangbleuogsans-light.woff") format("woff");
}
@font-face {
	font-family:"sangbleuogsans";
	font-style:normal;
	font-weight:400;
	src:url("font/sangbleuogsans-regular.eot");
	src:url("font/sangbleuogsans-regular.eot?#iefix") format("embedded-opentype"),
		url("font/sangbleuogsans-regular.woff2") format("woff2"),
		url("font/sangbleuogsans-regular.woff") format("woff");
}
@font-face {
	font-family:"sangbleuogsans";
	font-style:normal;
	font-weight:500;
	src:url("font/sangbleuogsans-medium.eot");
	src:url("font/sangbleuogsans-medium.eot?#iefix") format("embedded-opentype"),
		url("font/sangbleuogsans-medium.woff2") format("woff2"),
		url("font/sangbleuogsans-medium.woff") format("woff");
}
@font-face {
	font-family:"sangbleuogsans";
	font-style:normal;
	font-weight:700;
	src:url("font/sangbleuogsans-bold.eot");
	src:url("font/sangbleuogsans-bold.eot?#iefix") format("embedded-opentype"),
		url("font/sangbleuogsans-bold.woff2") format("woff2"),
		url("font/sangbleuogsans-bold.woff") format("woff");
}
html,body,div,p,iframe,frameset, h1,h2,h3,h4,h5,h6, strong,span,b,em,var,label,legend, ul,ol,li,dl,dt,dd,
table,thead,tbody,tfoot,tr,th,td,caption, form,fieldset,input,textarea, sub,sup,img,a,del,button,pre,
header,footer,section,article,aside,figure,figcaption {margin:0; padding:0;}
/* 목록 스타일 리셋 */
ul, ol, li {list-style:none;}
/* 태그 리셋 */
button {background:transparent; cursor:pointer; letter-spacing:-1px;}
img {vertical-align:top;}
img,button,fieldset,table {border:0;}
em, address, del {font-style:normal;}
label,a {display:inline-block;}
strong {font-weight:700;}
/* form */
input,select,label,button,textarea {color:#3F3F3E; font-size:16px; font-weight:400; line-height:normal; font-family:"Noto Sans KR", -apple-system, BlinkMacSystemFont, system-ui, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; vertical-align:middle; border-radius:0; -webkit-border-radius:0;}
textarea {resize:none;}
/* table */
table {width:100%; border-collapse:collapse; border-spacing:0;}
th, td {word-break:keep-all; word-wrap:break-word;}
/* alink */
a {color:#3F3F3E; border:0; text-decoration:none;}
a:hover {text-decoration:none;}
a.on {height:auto; text-indent:inherit; background-image:none;}
*, *::before, *::after {box-sizing:border-box;}
/* 기존 font 재선언 */
body, table, div, p, a, span, b, strong, h1, h2, h3, h4, h5 {font-family:"Noto Sans KR";}
/* 기존 color 재선언 */
body, table, div, p, a, span, b, strong {color:inherit;}
/* html */
html {scroll-behavior:smooth;}
/* body */
body {background:#fff; color:#3F3F3E; font-family:"Noto Sans KR", -apple-system, BlinkMacSyestmFont, system-ui, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size:16px; font-weight:400; line-height:1.2; letter-spacing:-1px; overflow-x:hidden; -webkit-word-break:keep-all; -moz-word-break:keep-all; word-break:keep-all; word-wrap:break-word; -webkit-text-size-adjust:none;}
/* 대체텍스트 and 숨김처리 */
caption, legend, .hidden, .hide {position:absolute !important; top:0 !important; left:0 !important; padding:0 !important; width:0 !important; height:0 !important; line-height:0 !important; border:0 !important; overflow:hidden !important;}


/**
 * --------------------------------
 * common CSS
 * --------------------------------
*/
/* display */
.block {display:block !important;}
.none {display:none !important;}
.m-block {display:none;}
.m-none {display:block;}

/* padding */
.pd-t200 {padding-top:200px;}
.pd-tb200 {padding:200px 0;}

/* color */
.color-black {color:#3F3F3E !important;}
.color-lightgrey {color:#A4A4A4 !important;}
.color-white {color:#fff !important;}
.color-coral {color:#F58E73 !important;}
.color-beige {color:#D8BDB5 !important;}
.color-gold {color:#A08964 !important;}

/* font */
.notosanskr {font-family:"Noto Sans KR" !important;}
.sangbleuog {font-family:"sangbleuogsans" !important;}
.regular {font-weight:400 !important;}
.medium {font-weight:500 !important;}
.bold {font-weight:700 !important;}

/* align */
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.tac {text-align:center !important;}

/* overflow */
body.ov-hidden {overflow:hidden !important;}

/* form */
input, select, textarea {background:#fff; border:1px solid #ADADAD;}
textarea {width:100%; height:180px; padding:20px; font-size:16px;}

/* input text, input password, input number, input email, input search, input tel */
input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="search"], input[type="tel"] {width:100%; height:44px; padding:0 10px; color:#3F3F3E; caret-color:#A08964; font-size:16px; vertical-align:middle;}
input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="tel"]:focus {border-color:#A08964;}
input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="number"]::placeholder, input[type="email"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder {color:#C3C3C3;}
input[type="text"]:disabled, input[type="password"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled {color:#ADADAD !important; background:#f5f5f5 !important;}
input[type="text"].is-error, input[type="password"].is-error, input[type="number"].is-error, input[type="email"].is-error, input[type="search"].is-error, input[type="tel"].is-error {border:1px solid #FF0000 !important;}

/* input checkbox */
label input[type="checkbox"] {position:absolute; width:0; height:0; font-size:0; line-height:0; opacity:0; overflow:hidden;}
label input[type="checkbox"] + span {display:inline-block; position:relative; min-height:22px; line-height:24px; padding-left:26px; color:#3F3F3E; font-size:14px; vertical-align:top; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
label input[type="checkbox"] + span::before {content:""; display:inline-block; position:absolute; top:2px; left:0; width:22px; height:22px; background:#fff; border:1px solid #ccc;}
label input[type="checkbox"]:checked + span::before {background:#fff url("../images/renew/layout/form_checkbox.svg") no-repeat 0 0/100%;}
label input[type="checkbox"]:disabled + span, label input[type="checkbox"]:checked:disabled + span {cursor:default;}

/* input radio */
label input[type="radio"] {position:absolute; width:0; height:0; font-size:0; line-height:0; opacity:0; overflow:hidden;}
label input[type="radio"] + span {display:inline-block; position:relative; min-height:22px; line-height:24px; padding-left:26px; color:#3F3F3E; font-size:14px; vertical-align:top; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
label input[type="radio"] + span::before {content:""; display:inline-block; position:absolute; top:2px; left:0; width:22px; height:22px; background:#fff; border:1px solid #A08964; border-radius:100%;}
label input[type="radio"]:checked + span::before {background:#fff url("../images/renew/layout/form_radio.svg") no-repeat 0 0/100%; border:none;}
label input[type="radio"]:disabled + span, label input[type="radio"]:checked:disabled + span {cursor:default;}

/* input button */
input[type="button"] {cursor:pointer;}

/* select */
select::-ms-expand {display:none;}
.select {display:inline-block; position:relative; width:100%; height:40px; background-color:#fff;}
.select::before {content:''; position:absolute; top:50%; right:12px; width:11px; height:6px; margin-top:-3px; background:url("../images/renew/layout/form_select.svg") no-repeat 0 0/100%; z-index:1;}
.select select {position:relative; width:100%; height:100%; padding-left:10px; padding-right:25px; background:transparent; border:1px solid #ADADAD; z-index:2; -webkit-appearance:none; -moz-appearance:none; appearance:none;}

/* selection */
::selection{background:#D8BDB5; color:#fff;}
::-moz-selection{background:#D8BDB5; color:#fff;}
::-webkit-selection{background:#D8BDB5; color:#fff;}

/* 버튼 */
.btn-group {display:flex; align-items:center; justify-content:center; position:relative; margin-top:40px;}
.btn-group.between {justify-content:space-between;}
.btn-group > div {display:flex;}
.btn-group .btn {margin-left:8px;}
.btn-group .btn:first-child {margin-left:0;}
.btn-group .btn ~ .btn {margin-left:8px;}
.btn {display:inline-block; position:relative; height:44px; padding:0 16px; font-size:14px; font-weight:400; line-height:42px; text-align:center; vertical-align:middle; border:1px solid transparent;}
.btn ~ .btn {margin-left:7px;}
.btn:disabled {background:#E1E1E1 !important; color:#fff; border-color:#E1E1E1 !important; pointer-events:none;}
.btn.large {padding:0 30px;}
.btn.small {height:48px; font-size:16px; line-height:46px;}
.btn.middle {width:300px; height:56px; font-size:18px; line-height:54px;}
.btn.big {height:60px; font-size:20px; line-height:58px;}
.btn.gold {color:#A08964; border-color:#A08964;}
.btn.gold:hover {background-color:#A08964; color:#fff;}
.btn.goldfill {background-color:#A08964; color:#fff;}
.btn.goldfill:hover {background-color:#746041; border-color:#746041;}
.btn.coral {background-color:#F58E73; color:#fff; border-color:#F58E73;}
.btn.coral:hover {background-color:#FF6D6A; border-color:#FF6D6A;}
.btn.more {height:auto; padding:0; color:#3F3F3E; font-size:20px; font-weight:500; line-height:1.2;}
.btn.more::after {content:""; display:inline-block; width:10px; height:15px; margin-top:-3px; margin-left:20px; background-color:#3F3F3E; -webkit-mask-image:url('../images/renew/layout/btn_more.svg'); mask-image:url('../images/renew/layout/btn_more.svg'); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; vertical-align:middle;}
.btn.more:hover {color:#A08964;}
.btn.more:hover::after {background-color:#A08964;}

/* swiper */
.swiper {position:static;}
.swiper-button-prev {left:0; width:41px; height:58px; background:url('../images/renew/layout/btn_swiper_left.svg') no-repeat 50% 50%/21px;}
.swiper-button-next {right:0; width:41px; height:58px; background:url('../images/renew/layout/btn_swiper_right.svg') no-repeat 50% 50%/21px;}
.swiper-button-next::after, .swiper-button-prev::after {display:none;}
.swiper-pagination.swiper-pagination-bullets {bottom:60px;}
.swiper-pagination-bullet {width:22px; height:22px; margin:0 5px; background:url('../images/renew/layout/btn_swiper_bullet.svg') no-repeat 0 0/100%; opacity:1;}
.swiper-pagination-bullet-active {background:url('../images/renew/layout/btn_swiper_bullet_active.svg') no-repeat 0 0/100%;}

/* tab-menu */
.tab-menu {display:flex; margin-bottom:60px;}
.tab-menu li {width:auto;}
.tab-menu li a {width:auto; min-width:110px; padding:0 20px; background:#F4F2F2; color:#919191; font-size:16px; font-weight:500; line-height:48px;}
.tab-menu li.is-active a {background:#A08964; color:#fff;}


/**
 * --------------------------------
 * layout CSS
 * --------------------------------
*/
/* layout common */
#wrap {position:relative; width:100%; min-width:280px; margin:0 auto;}
#wrap::after {content:""; display:block; clear:both;}
.inners {margin:0 auto; width:100%; padding:0 80px;}
.h2-tit {color:#3F3F3E; font-family:"sangbleuogsans"; font-size:54px; font-weight:500; text-align:center;}
.main.renew .h2-tit {color:#222;font-size:56px;font-weight:700;font-family: "Noto Sans KR";}
.h3-tit {margin-top:12px; color:#A08964; font-size:32px; font-weight:500; text-align:center;}
.main.renew .h3-tit {color:#222;margin-top:12px;font-weight:400;}
.h4-tit {font-size:32px; font-weight:700;}
.imgbox {overflow:hidden;}
.imgbox > img, .imgbox > object {display:inline-block; width:100%;}
/* body.main-dark .imgbox > img, .imgbox > object {max-width:275px;} */

/* header 최상단 */
#header {position:relative; width:100%; height:auto; line-height:1; z-index:30;}
.header-top {background:#E6D4B6;}
.header-top > .inners {display:flex; justify-content:space-between; align-items:center;}
.header-top .network {display:flex; align-items:center; gap:14px;}
.header-top .network .btn-network {margin-right:16px; padding-left:27px; background:url('../images/renew/layout/header_menu.png') no-repeat 0 52%; font-size:16px; font-weight:700; line-height:40px;}
.header-top .network .btn-link {display:inline-block; position:relative; height:27px; padding:0 18px; color:#3F3F3E; font-size:12px; font-weight:500; line-height:25px; text-align:center; vertical-align:middle; border:1px solid #3F3F3E; border-radius:14px;}
.header-top .network .btn-link::after {content:""; display:inline-block; position:relative; width:5px; height:10px; margin-left:7px; background:url('../images/renew/layout/btn_link.png') no-repeat; vertical-align:middle; z-index:1;}
.header-top .network .btn-link.animate {overflow:hidden; animation:btnLink 3.5s 1s infinite ease-out forwards;}
.header-top .network .btn-link.animate::before {content:""; position:absolute; top:0; left:50%; width:0; height:100%; background:#A08964; transform:translateX(-50%); animation:btnBg 3.5s 1s infinite ease-out forwards;}
.header-top .network .btn-link.animate::after {animation:btnArrow 3.5s 1s infinite ease-out forwards;}
.header-top .network .btn-link.animate span {position:relative; z-index:1;}
@keyframes btnArrow {
	0% {background-image:url('../images/renew/layout/btn_link.png');}
	10% {background-image:url('../images/renew/layout/btn_link_active.png');}
	60% {background-image:url('../images/renew/layout/btn_link_active.png');}
	70% {background-image:url('../images/renew/layout/btn_link.png');}
}
@keyframes btnLink {
	0% {color:#3F3F3E;}
	10% {color:#fff; border-color:#A08964;}
	60% {color:#fff; border-color:#A08964;}
	70% {color:#3F3F3E;}
}
@keyframes btnBg {
	0% {width:0;}
	10% {width:100%;}
	60% {width:100%;}
	70% {width:0;}
}
.header-top .side-menu {display:flex; align-items:center; gap:18px; text-align:right;}
.header-top .side-menu li a {font-weight:500;}
.header-top .side-menu li .youtube {width:22px; height:20px; background:url('../images/renew/layout/ico_youtube.svg') no-repeat 0 50%;}
.header-top .side-menu li .insta {width:20px; height:20px; background:url('../images/renew/layout/ico_instagram.svg') no-repeat 0 50%;}
.header-top .swiper-container {position:relative; display:flex; align-items:center; width:200px;}
.header-top .swiper-container .headerTopSwiper {width:155px; height:40px;}
.header-top .swiper-container .headerTopSwiper .swiper-slide * {font-size:14px; font-weight:700; text-align:center; line-height:1.2;}
.header-top .swiper-container .headerTopSwiper .swiper-pagination {top:0; bottom:auto; left:auto; right:0; width:40px; height:100%; margin-top:0; font-size:12px; line-height:40px; transform:none;}
.header-top .swiper-container .swiper-pagination-data {display:flex; align-items:center; justify-content:space-around; width:40px; margin-left:4px; font-size:12px;}
.header-top .swiper-container .swiper-pagination-data strong {display:inline-block; margin:0 2px; font-weight:400;}
.header-top .swiper-container .swiper-pagination-data span {display:inline-block; margin:0 2px;}

/* header 최상단 > 네트워크 메뉴 */
.global-menu {position:fixed; top:-100vh; left:0; width:100%; z-index:11;}
.global-menu .branch-wrap {display:flex; justify-content:space-between; align-items:center;}
.global-menu .branch-wrap dl {height:480px;}
.global-menu .branch-wrap dt {margin-bottom:60px; font-family:'sangbleuogsans'; font-size:34px; font-weight:500;}
.global-menu .branch-wrap dd {margin-bottom:25px;}
.global-menu .branch-wrap dd a {display:flex; justify-content:space-between;}
.global-menu .branch-wrap dd a:hover {color:#A08964;}
.global-menu .branch-wrap .en {font-family:'sangbleuogsans'; font-size:24px; font-weight:700;}
.global-menu .branch-wrap .ko {font-size:20px; font-weight:400;}
.global-menu .branch-wrap .branch-k, .global-menu .branch-wrap .branch-i {display:flex; justify-content:center; align-items:center; width:50%; height:100vh; text-align:center;}
.global-menu .branch-wrap .branch-k {background:#fff;}
.global-menu .branch-wrap .branch-k dd {width:290px;}
.global-menu .branch-wrap .branch-i {background:#A08964;}
.global-menu .branch-wrap .branch-i dt {color:#fff;}
.global-menu .branch-wrap .branch-i dd a {justify-content:center; color:#fff;}
.global-menu .branch-wrap .branch-i dd a:hover {color:#3F3F3E;}
.global-menu .global-menu-close {position:absolute; top:40px; right:40px; width:46px; height:46px; background:url('../images/renew/layout/btn_network_close.png') no-repeat 50% 50%;}

/* header */
.header {position:absolute; width:100%; height:auto; border-bottom:1px solid rgba(236,236,236, .4); z-index:1;}
.pc-menu {display:flex; justify-content:space-between; align-items:center; position:relative; height:100%; padding:0 80px;}
.pc-menu .logo {display:block; width:275px;}
.pc-menu .logo .imgbox {display:block; position:relative;}
.pc-menu .logo .imgbox .object-dummy {display:block; position:absolute; width:100%; height:100%;}
.pc-menu .top-menu-bar {position:static;}
.pc-menu .top-menu-bar > ul {display:inline-block;}
.pc-menu .top-menu-bar > ul:nth-child(2) {margin-right:105px;}
.pc-menu .top-menu-bar > ul > li {position:relative; display:inline-block;}
.pc-menu .top-menu-bar > ul > li:last-child > .depth1 {margin-right:0;}
.pc-menu .top-menu-bar .depth1 {display:block; position:relative; margin:0 18px; color:#3F3F3E; font-size:16px; font-weight:700; line-height:102px;}
.pc-menu .top-menu-bar .depth1 > * {line-height:normal;}
.pc-menu .top-menu-bar .depth1:hover {color:#E6D4B6; transition:0.3s;}

body.main-dark .pc-menu .top-menu-bar .depth1 {color:#fff !important;}

/* gnb 2차 메뉴 */
.pc-menu .top-menu-bar .depth2 {position:absolute; top:100%; left:0; display:flex; min-width:max-content; margin-left:15px; padding:33px 0; visibility:hidden; z-index:3;}
.pc-menu .top-menu-bar .depth2 ul + ul {margin-left:80px;}
.pc-menu .top-menu-bar .depth2 a {display:inline-block; position:relative; padding:10px 0; color:#F4F2F2; font-size:16px; font-weight:500; opacity:0; visibility:hidden; transform:translatex(-10px);}
.pc-menu .top-menu-bar .depth2 a:hover {color:#E6D4B6; transition:0.3s;}
.pc-menu .top-menu-bar > ul > li.active .depth2 {visibility:visible;}
.pc-menu .top-menu-bar > ul > li.active .depth2 a {opacity:1; visibility:visible; transform:translatex(0);}
.pc-menu .top-menu-bar > ul > li.active .depth2 a.delay-1 {transition:visibility .5s, opacity .5s, transform .5s;}
.pc-menu .top-menu-bar > ul > li.active .depth2 a.delay-2 {transition:visibility .5s .1s, opacity .5s .1s, transform .5s .1s;}
.pc-menu .top-menu-bar > ul > li.active .depth2 a.delay-3 {transition:visibility .5s .2s, opacity .5s .2s, transform .5s .2s;}
.pc-menu .top-menu-bar > ul > li.active .depth2 a.delay-4 {transition:visibility .5s .3s, opacity .5s .3s, transform .5s .3s;} 
.pc-menu .top-menu-bar > ul > li.active .depth2 a.delay-5 {transition:visibility .5s .4s, opacity .5s .4s, transform .5s .4s;}
.pc-menu .top-menu-bar > ul > li.active .depth2 a.delay-6 {transition:visibility .5s .5s, opacity .5s .5s, transform .5s .5s;}
.pc-menu .top-menu-bar > ul > li.active .depth2 a.delay-7 {transition:visibility .5s .6s, opacity .5s .6s, transform .5s .6s;}
.pc-menu .top-menu-bar > ul > li.active .depth2 a.delay-8 {transition:visibility .5s .7s, opacity .5s .7s, transform .5s .7s;}
.pc-menu .top-menu-bar > ul > li.active .depth2 a.delay-9 {transition:visibility .5s .8s, opacity .5s .8s, transform .5s .8s;}
.pc-menu .top-menu-bar > ul > li.active .depth2 a.delay-10 {transition:visibility .5s .9s, opacity .5s .9s, transform .5s .9s;}
.pc-menu .top-menu-bar .depth2 .depth3 a {font-size:14px; font-weight:400;}
.wrap-skin .pc-menu .top-menu-bar .menu-10 .depth2 {left:auto; right:0; margin-left:0; text-align:right;}
.wrap-ps .pc-menu .top-menu-bar .menu-8 .depth2 {left:auto; right:0; margin-left:0; text-align:right;}

/* gnb 2차 메뉴 new 아이콘 */
.pc-menu .top-menu-bar .depth2 ul li.icon {display:flex;}
.pc-menu .top-menu-bar .depth2 ul li.icon span.new {position:relative;align-self:flex-start;display:block;font-size:14px;line-height:14px;font-weight:500;color:#fff;padding:4px 6px;margin-left:8PX;border-radius:6px;background:#F38630;animation:depth2-icon 0.9s cubic-bezier(1, 1, 1, 1) infinite;}
.pc-menu .top-menu-bar .depth2 ul li.icon span.new::after {content: '';position: absolute;bottom: 0;left: 50%;width: 0;height: 0;border: 9px solid transparent;border-top-color: #F38630;border-bottom: 0;border-left: 0;margin-left: -6.5px;margin-bottom: -7px;}
.pc-menu .top-menu-bar .depth2 ul li.icon span.best {position:relative;align-self:flex-start;display:block;font-size:14px;line-height:14px;font-weight:500;color:#fff;padding:4px 6px;margin-left:8PX;border-radius:6px;background:#f52f30;animation:depth2-icon 0.9s cubic-bezier(1, 1, 1, 1) infinite;}
.pc-menu .top-menu-bar .depth2 ul li.icon span.best::after {content: '';position: absolute;bottom: 0;left: 50%;width: 0;height: 0;border: 9px solid transparent;border-top-color: #f52f30;border-bottom: 0;border-left: 0;margin-left: -6.5px;margin-bottom: -7px;}

@keyframes depth2-icon {
	0% {opacity:0;}
	100% {opacity: 1;}
}

/* gnb 2차 메뉴 실질적 width, height */
.pc-menu .top-menu-bar > ul > li > .sub-menu-height {display:none; position:fixed; top:142px; left:0; width:100%; height:370px; z-index:2;}
.pc-menu .top-menu-bar > ul > li.active > .sub-menu-height {display:block;}

/* gnb 1차 메뉴 호버시 배경 효과 */
.pc-menu, .pc-menu .top-menu-bar > .sub-menu-bg {transition:background-color 0.1s ease-in-out;}
.pc-menu .top-menu-bar > .sub-menu-bg {position:absolute; top:103px; left:0; width:100%; height:0; z-index:1; transition:height .1s;}
.header.is-bgcolor .pc-menu {background-color:rgba(45, 45, 45, 0.3);}
.header.is-bgcolor .pc-menu .top-menu-bar > .sub-menu-bg {background-color:rgba(45, 45, 45, 0.3);}
.header.is-bgcolor .pc-menu .top-menu-bar .depth1 {color:#F4F2F2;}
.header.is-bgcolor .pc-menu .top-menu-bar .depth1:hover {color:#E6D4B6; transition:0.3s;}

/* header 서브페이지 분기처리 */
#header.type-sub .header {position:static;}
#header.type-sub .header .pc-menu {background:#fff;}
#header.type-sub .header .pc-menu .logo {width:174px;}
#header.type-sub .header .pc-menu .top-menu-bar .depth1 {color:#3F3F3E; line-height:64px;}
#header.type-sub .header .pc-menu .top-menu-bar .depth1:hover {color:#A08964;}
#header.type-sub .header .pc-menu .top-menu-bar .depth2 a {color:#3F3F3E;}
#header.type-sub .header .pc-menu .top-menu-bar .depth2 a:hover {color:#A08964;}
#header.type-sub .header .pc-menu .top-menu-bar > ul > li > .sub-menu-height {top:104px;}
#header.type-sub .header.is-bgcolor > .pc-menu .top-menu-bar > .sub-menu-bg {top:65px; background-color:#F4F2F2;}

/* 모바일 header */
.m-header {display:none; position:absolute; width:100%; height:50px; z-index:30;}
.m-header .logo {display:inline-block; width:133px; margin-left:20px;}
.m-header .logo .imgbox {position:relative; display:flex; align-items:center; width:100%; height:50px;}
.m-header .logo .imgbox .object-dummy {display:block; position:absolute; width:100%; height:100%;}
.m-header .m-menu-open {position:absolute; top:0; right:0; width:65px; height:100%; background:url('../images/renew/layout/m/header_menu.png') no-repeat 50% 50%/26px;}
.m-header .m-menu-list {position:fixed; top:0; width:100%; height:0; background:#E6DCD1; overflow-y:auto;}
.m-header .m-menu-list::-webkit-scrollbar {display:none;}
.m-header .m-menu-list > .m-menu-close {position:absolute; top:16px; right:0; width:65px; height:65px; background:url('../images/renew/layout/m/btn_network_close.png') no-repeat 50% 50%/26px;}
.m-header .m-menu-list > ul {margin-top:80px; padding-bottom:200px; color:#3F3F3E;}
.m-header .m-menu-list > ul > li {position:relative; opacity:0; visibility:hidden; transform:translatey(-20px);}
.m-header .m-menu-list .depth1 {display:block; padding:16px 20px; background-color:#E6DCD1; color:#3F3F3E; font-size:20px; font-weight:700; text-align:center;}
.m-header .m-menu-list .depth1 > span {float:right; transition:transform .3s;}
.m-header .m-menu-list > ul > li.active > .depth1 > span {float:right; transform:rotate(180deg);}
.m-header .m-menu-list > ul > li.active > .depth1 {color:#A08964;}
.m-header .m-menu-list.active {height:100vh;}
.m-header .m-menu-list.active > ul > li {visibility:visible; transform:translatey(0); opacity:1;}
.m-header .m-menu-list.active > ul > li.delay-1 {transition:visibility .5s, opacity .5s, transform .5s;}
.m-header .m-menu-list.active > ul > li.delay-2 {transition:visibility .5s .1s, opacity .5s .1s, transform .5s .1s;}
.m-header .m-menu-list.active > ul > li.delay-3 {transition:visibility .5s .2s, opacity .5s .2s, transform .5s .2s;}
.m-header .m-menu-list.active > ul > li.delay-4 {transition:visibility .5s .3s, opacity .5s .3s, transform .5s .3s;}
.m-header .m-menu-list.active > ul > li.delay-5 {transition:visibility .5s .4s, opacity .5s .4s, transform .5s .4s;}
.m-header .m-menu-list.active > ul > li.delay-6 {transition:visibility .5s .5s, opacity .5s .5s, transform .5s .5s;}
.m-header .m-menu-list.active > ul > li.delay-7 {transition:visibility .5s .6s, opacity .5s .6s, transform .5s .6s;}
.m-header .m-menu-list.active > ul > li.delay-8 {transition:visibility .5s .7s, opacity .5s .7s, transform .5s .7s;}
.m-header .m-menu-list.active > ul > li.delay-9 {transition:visibility .5s .8s, opacity .5s .8s, transform .5s .8s;}
.m-header .m-menu-list.active > ul > li.delay-10 {transition:visibility .5s .9s, opacity .5s .9s, transform .5s .9s;}
.m-header .m-menu-list.active > ul > li.delay-11 {transition:visibility .5s 1s, opacity .5s 1s, transform .5s 1s;}
.m-header .m-menu-list.active > ul > li.delay-12 {transition:visibility .5s 1.1s, opacity .5s 1.1s, transform .5s 1.1s;}
.m-header .m-menu-list.active > ul > li.delay-13 {transition:visibility .5s 1.3s, opacity .5s 1.3s, transform .5s 1.3s;}
.m-header .m-menu-list.active > ul > li.delay-14 {transition:visibility .5s 1.5s, opacity .5s 1.4s, transform .5s 1.4s;}
.m-header .m-menu-list.active > ul > li.delay-15 {transition:visibility .5s 1.7s, opacity .5s 1.5s, transform .5s 1.5s;}

/* 모바일 gnb 2차 메뉴 */
.m-header .m-menu-list .depth2 {display:none; margin:6px 0 16px; padding:14px 20px; background-color:#f9f9f9;}
.m-header .m-menu-list .depth2 > ul > li > a {display:block; text-align:center; padding:15px 0; font-size:18px; font-weight:500;}
.m-header .m-menu-list .depth2 .depth3 a {font-size:15px; font-weight:400;}
.m-header .m-menu-list .depth2-network dl {margin-top:15px;}
.m-header .m-menu-list .depth2-network dl + dl {margin-top:27px;}
.m-header .m-menu-list .depth2-network dt {margin-bottom:10px; font-family:'sangbleuogsans'; font-size:16px; font-weight:500; text-align:center;}
.m-header .m-menu-list .depth2-network dd {max-width:155px; margin:0 auto;}
.m-header .m-menu-list .depth2-network dd a {display:flex; justify-content:space-between; padding:13px 0; text-align:center;}
.m-header .m-menu-list .depth2-network .en {font-family:'sangbleuogsans'; font-size:14px; font-weight:500;}
.m-header .m-menu-list .depth2-network .ko {font-size:14px; font-weight:400;}
.m-header .m-menu-list .depth2-network .branch-i dd a {justify-content:center;}

/* gnb 2차 메뉴 new 아이콘 */
.m-header .m-menu-list .depth2 > ul li.icon {position:relative;width:fit-content;margin:auto;}
.m-header .m-menu-list .depth2 > ul li.icon span.new {position:absolute;right:-48px;top:5px;width:fit-content;display:block;align-self:center;font-size:14px;line-height:14px;font-weight:500;color:#fff;padding:4px 6px;border-radius:6px;background:#F38630;}
.m-header .m-menu-list .depth2 > ul li.icon span.new::after {content: '';position: absolute;bottom: 0;left: 50%;width: 0;height: 0;border: 9px solid transparent;border-top-color: #F38630;border-bottom: 0;border-left: 0;margin-left: -6.5px;margin-bottom: -7px;}
.m-header .m-menu-list .depth2 > ul li.icon span.best {position:absolute;right:-48px;top:5px;width:fit-content;display:block;align-self:center;font-size:14px;line-height:14px;font-weight:500;color:#fff;padding:4px 6px;border-radius:6px;background:#f52f30;}
.m-header .m-menu-list .depth2 > ul li.icon span.best::after {content: '';position: absolute;bottom: 0;left: 50%;width: 0;height: 0;border: 9px solid transparent;border-top-color: #f52f30;border-bottom: 0;border-left: 0;margin-left: -6.5px;margin-bottom: -7px;}

/* 모바일 gnb 최하단 정보 */
.m-header .m-menu-list.active .m-menu-bottom {display:block;}
.m-menu-bottom {display:none; position:fixed!important; bottom:0; background:#E6D4B6; width:100%; height:55px;}
.m-menu-bottom ul {display:flex!important; justify-content:center; align-items:center; gap:25px; width:100%; height:55px; padding:0!important; background:unset!important;}
.m-menu-bottom li {display:inline-block;}
.m-menu-bottom li a {font-size:14PX; font-weight:500;}
.m-menu-bottom li .youtube {width:22px; height:20px; background:url('../images/renew/layout/ico_youtube.svg') no-repeat 0 50%;}
.m-menu-bottom li .insta {width:20px; height:20px; background:url('../images/renew/layout/ico_instagram.svg') no-repeat 0 50%;}

/* 모바일 header 서브페이지 분기처리 */
#header.type-sub .m-header {position:relative; background:#fff; box-shadow:rgba(0,0,0,0.1) 0px 1px 3px;}

/* 빠른상담신청 */
.counselor-wrap {position:fixed; bottom:0; width:100%; background:#E6D4B6; box-shadow:0px 0px 10px rgba(0,0,0,.2); z-index:20;}
.counselor-wrap > .inners {display:flex; justify-content:space-between; align-items:center; gap:20px; height:72px;}
.counselor-wrap .counselor-info {display:flex; align-items:center; justify-content:space-evenly;}
.counselor-wrap .counselor-info .counselor-tit {min-width:110px; margin-right:20px; font-size:20px; font-weight:700;}
.counselor-wrap .counselor-form {width:100%; max-width:945px;}
.counselor-wrap .counselor-form form {width:100%;}
.counselor-wrap .counselor-form form fieldset {display:flex; gap:16px;}
.counselor-wrap .counselor-form .counselor-box {display:flex; align-items:center; gap:16px; max-width:635px;}
.counselor-wrap .counselor-form .counselor-box input {width:33%; height:36px; border:none;}
.counselor-wrap .counselor-form .counselor-box .select {width:33%; height:36px;}
.counselor-wrap .counselor-form .counselor-box .select select {font-size:15px; border:none;}
.counselor-wrap .counselor-form .counselor-box2 {display:flex; align-items:center; gap:16px;}
.counselor-wrap .counselor-form .counselor-box2 .label-agree {word-break:break-all;}
.counselor-wrap .counselor-form .counselor-box2 .label-agree a {text-decoration:underline !important;}
.counselor-wrap .counselor-form .counselor-box2 .btn-apply {width:110px; height:44px; background:#F58E73; color:#fff; font-size:14px;}
.counselor-wrap .counselor-form .counselor-box2 .btn-apply:hover {background:#FF6D6A;}
.counselor-wrap .quick {display:flex; align-items:center; justify-content:right; gap:18px;}
.counselor-wrap .quick a {display:flex; align-items:center; font-size:16px; font-weight:500;}
.counselor-wrap .quick a::before {content:""; display:block; height:24px; margin-right:8px; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.counselor-wrap .quick a.kakao::before {width:23px; background-image:url('../images/renew/layout/ico_quick_kakao.svg');}
.counselor-wrap .quick a.calendars::before {width:21px; background-image:url('../images/renew/layout/ico_quick_calendar.svg');}
.counselor-wrap .quick a.location::before {width:18px; background-image:url('../images/renew/layout/ico_quick_location.svg');}
.counselor-wrap .quick a.chatbot::before {width:30px; background-image:url('../images/renew/layout/ico_quick_chatbot.svg');}
.counselor-wrap .quick a.call {display:none;}
.counselor-wrap .quick a.top {display:none;}

/* top 버튼 */
.top-area {position:fixed; bottom:95px; right:80px; z-index:10;}
.top-area .top-btn {display:block; width:60px; height:60px; padding-top:28px; background:#999 url('../images/renew/layout/btn_top.svg') no-repeat 50% 15px; color:#fff; font-size:14px; font-weight:500; text-align:center; border-radius:100%; box-shadow:0px 5px 10px rgba(0,0,0,.2);}

/* footer */
.footer {width:100%; margin-top:150px; padding:0 80px 72px; background:#fff; text-align:left;}
.footer > .inners {padding:40px 0 70px; border-top:1px solid #ADADAD;}
.footer .footer-logo {display:block; width:176px;}
.footer .footer-area {display:flex; justify-content:space-between; align-items:baseline; gap:30px; margin-top:30px;}
.footer .footer-info .footer-address span {color:#A4A4A4; font-size:13px;}
/* .footer .footer-info .footer-address span:first-child::after {content:"|"; margin:0 5px 0 6px;} */
.footer .footer-info .footer-util {margin-top:6px;}
.footer .footer-info .footer-util span {color:#A4A4A4; font-size:13px;}
.footer .footer-etc ul {display:flex; gap:24px;}
.footer .footer-etc li a {color:#A4A4A4; font-size:13px; line-height:23px;}
.footer .footer-etc li a strong {color:#666;}
.footer section:first-child {margin-top:0;}
.footer section + section {margin:0;}

/* popup */
.popup-wrap {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999;}
.popup-wrap::after {content:""; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1;}
.popup-wrap.is-open {display:block;}
.popup-inners {position:fixed; top:50%; left:50%; width:100%; max-width:650px; border-radius:20px; z-index:2; transform:translate(-50%, -45%);}
.popup-inners > .popup-close {position:absolute; top:-60px; right:0; width:30px; height:30px; background:url('../images/renew/layout/btn_popup_close.svg') no-repeat 50% 50%; text-align:center;}
.popup-inners > .popup-btn {display:flex; align-items:center; justify-content:flex-end; height:32px; padding:6px 25px; background:#fff; text-align:right;}
.popup-inners > .popup-btn .btn-today {color:#919191; font-size:11px; font-weight:500;}
.popup-inners > .popup-btn .btn-close {margin-left:20px; color:#A08964; font-size:12px; font-weight:700;}
.popup-content {position:relative; width:100%; height:100%;}
.popup-content .swiper-slide > a {width:100%;}
.popup-content .swiper-slide > a > img {width:100%;}

/* 이벤트 팝업 */
.popup-event .popup-inners {transform:translate(-50%, -50%);}
.popup-event .swiper-pagination {display:flex; justify-content:center; bottom:-85px;}

/* 리얼셀피 팝업 */
.popup-realselfie .popup-inners {max-width:380px; height:680px; max-height:80%;}
.popup-realselfie iframe {width:100%; height:100%;}

/* 미디어 팝업 */
.popup-media .popup-inners {max-width:760px; height:430px; max-height:80%;}
.popup-media iframe {width:100%; height:100%;}

/* pc 1280px이하 */
@media (max-width:1280px) {
    /* header */
	.pc-menu .logo {top:33px; width:18%;}
	.pc-menu .top-menu-bar .depth1 {margin:0 14px;}
    
    /* 빠른상담신청 */
	.counselor-wrap > .inners {justify-content:center;}
	.counselor-wrap .quick {display:block; position:absolute; bottom:154px; right:0; background:rgba(255, 255, 255, .9); border-radius:10px 0 0 10px; overflow:hidden;}
	.counselor-wrap .quick a {display:block; padding:9px 12px; font-size:11px; text-align:center;}
	.counselor-wrap .quick a::before {margin:0 auto 3px auto; background-position:50% 0;}
	.counselor-wrap .quick a.kakao::before {background-size:20px;}
	.counselor-wrap .quick a.calendars::before {background-size:18px;}
	.counselor-wrap .quick a.chatbot::before {background-size:24px;}
	.counselor-wrap .quick a.call {display:block;}
	.counselor-wrap .quick a.call::before {background:no-repeat url('../images/renew/layout/ico_quick_call.svg') 50% 50%/auto 24px;}
	.counselor-wrap .quick a.top {display:block; padding:5px 12px; background:#999999; color:#fff;}
	.counselor-wrap .quick a.top::before {width:16px; height:12px; margin-bottom:1px; background:url('../images/renew/layout/m/btn_top.svg') no-repeat 50% 50%; border-radius:20px;}

    /* top 버튼 */
    .top-area {display:none;}
}

/* 모바일 1080px이하 */
@media (max-width:1080px) {
	/**
	 * --------------------------------
	 * common CSS
	 * --------------------------------
	*/
	/* display */
	.m-block {display:block;}
	.m-none {display:none;}

	/* padding */
	.pd-t200 {padding-top:70px;}
	.pd-tb200 {padding:70px 0;}

	/* select */
	.select::before {right:7px; width:9px; margin-top:-2px;}

	/* 버튼 */
	.btn.middle {width:100%; height:48px; font-size:16px; line-height:46px;}
	.btn.big {height:56px; font-size:16px; line-height:54px;}

	/* swiper */
	.swiper-button-prev {width:32px; height:46px; background-size:13px;}
	.swiper-button-next {width:32px; height:46px; background-size:13px;}
	.swiper-pagination.swiper-pagination-bullets {bottom:40px;}
	.swiper-pagination-bullet {width:16px; height:16px; margin:0 3px;}
	
	/* tab-menu */
	.tab-menu {margin-bottom:50px; margin-right:-20px;}
	.tab-menu li a {min-width:auto; padding:0 16px; font-size:14px; line-height:44px;}
	.tabSwiper {padding-right:20px;}

	/**
	* --------------------------------
	* layout CSS
	* --------------------------------
	*/
	/* layout common */
	.inners {display:block; width:100%; padding:0 20px;}
	.h2-tit {font-size:42px;}
	.main.renew .h2-tit {font-size:32px;}
	.h3-tit {margin-top:10px; font-size:25px;}	
	.main.renew .h3-tit {font-size:18px;}

    /* header 최상단 */
	.header, .header-top .side-menu, .header-top .network {display:none;}
	.header-top > .inners {justify-content:center; padding:0;}
	.header-top > .inners > .swiper {height:24px;}
	.header-top .swiper-container .headerTopSwiper {height:24px;}
	.header-top .swiper-container .headerTopSwiper .swiper-slide {background:transparent;}
	.header-top .swiper-container .headerTopSwiper .swiper-slide * {font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

    /* 모바일 header */
	.m-header {display:block;}

    /* 빠른상담신청 */
	.counselor-wrap > .inners {height:118px; padding:16px 20px;}
	.counselor-wrap .counselor-info {width:100%;}
	.counselor-wrap .counselor-info .counselor-tit {display:none;}
	.counselor-wrap .counselor-form form fieldset {flex-wrap:wrap; gap:6px;}
	.counselor-wrap .counselor-form .counselor-box {gap:6px; width:100%; max-width:100%;}
	.counselor-wrap .counselor-form .counselor-box input {height:36px; font-size:13px;}
	.counselor-wrap .counselor-form .counselor-box input.counselor-name {width:30%;}
	.counselor-wrap .counselor-form .counselor-box input.counselor-tel {width:40%;}
    .counselor-wrap .counselor-form .counselor-box .select {width:30%; height:36px;}
	.counselor-wrap .counselor-form .counselor-box .select select {font-size:13px;}
	.counselor-wrap .counselor-form .counselor-box2 {justify-content:space-between; gap:14px; width:100%;}
	.counselor-wrap .counselor-form .counselor-box2 .label-agree input[type="checkbox"] + span {padding-left:24px; font-size:12px;}
	.counselor-wrap .counselor-form .counselor-box2 .btn-apply {width:48%;}

	/* footer */
	.footer {padding:0 0 87px;}
	.footer > .inners {padding:40px 20px 50px;}
	.footer .footer-logo {width:132px;}
	.footer .footer-area {display:block; margin-top:16px;}
	.footer .footer-info .footer-address span {display:block; font-size:11px; line-height:20px;}
	/* .footer .footer-info .footer-address span:first-child::after {display:none;} */
	.footer .footer-info .footer-util {margin-top:0;}
	.footer .footer-info .footer-util span {display:block; font-size:11px; line-height:20px;}
	.footer .footer-etc {margin-top:15px;}
	.footer .footer-etc ul {flex-wrap:wrap; gap:16px;}
	.footer .footer-etc li a {font-size:11px;}

	/* popup */
	.popup-inners {max-width:768px; padding:0 30px; transform:translate(-50%, -45%);}
	.popup-inners > .popup-close {top:-55px; right:30px; width:25px; height:25px; background-size:100%;}
	.popup-inners > .popup-btn {padding:0;}
	.popup-inners > .popup-btn > * {width:50%;}
	.popup-inners > .popup-btn .btn-close {margin-left:0; font-size:11px; font-weight:500; border-left:1px solid #BFBFBF;}
	.popup-content {position:relative; width:100%; height:100%; max-height:80vh;}
	.popup-content::-webkit-scrollbar {width:6px;}
	.popup-content::-webkit-scrollbar-thumb {height:30%; background:#c1c1c1; border-radius:4px;}

	/* 이벤트 팝업 */
	.popup-event .swiper-pagination {bottom:-75px; top:initial;}
	.popup-event .swiper-pagination-bullets .swiper-pagination-bullet {width:12px; height:12px;}

	/* 리얼셀피 팝업 */
	.popup-realselfie .popup-inners {width:47vh; height:70vh;}

	/* 미디어 팝업 */
	.popup-media .popup-inners {max-width:100%; height:48vw;}
}