@charset "UTF-8"; 

@import url('main_new.css');
@import url('sub.css');

@font-face{
	font-family: 'Pretendard';
	font-weight: 300;
	src: url("../fonts/Pretendard_Light.woff2") format('woff2'),
	url("../fonts/Pretendard_Light.woff") format('woff');
}
@font-face{
	font-family: 'Pretendard';
	font-weight: 400;
	src: url("../fonts/Pretendard_Regular.woff2") format('woff2'),
	url("../fonts/Pretendard_Regular.woff") format('woff');
}
@font-face{
	font-family: 'Pretendard';
	font-weight: 500;
	src: url("../fonts/Pretendard_SemiBold.woff2") format('woff2'),
	url("../fonts/Pretendard_SemiBold.woff") format('woff');
}
@font-face{
	font-family: 'Pretendard';
	font-weight: 600;
	src: url("../fonts/Pretendard_Bold.woff2") format('woff2'),
	url("../fonts/Pretendard_Bold.woff") format('woff');
}
@font-face{
	font-family: 'Ownglyph_meetme';
	font-weight: 400;
	src: url("../fonts/Ownglyph_meetme.woff2") format('woff2'),
	url("../fonts/Ownglyph_meetme.woff") format('woff');
}


:root{--border-color:#c4c4c4; --bg-color:#f3f3f3; --open-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0,0,256,256'%3E%3Cg fill='%23333333' stroke-miterlimit='10' style='mix-blend-mode: normal'%3E%3Cg transform='scale(5.12,5.12)'%3E%3Cpath d='M0,7.5v5h50v-5zM0,22.5v5h50v-5zM0,37.5v5h50v-5z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --open-w:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0,0,256,256'%3E%3Cg fill='%23ffffff' stroke-miterlimit='10' style='mix-blend-mode: normal'%3E%3Cg transform='scale(5.12,5.12)'%3E%3Cpath d='M0,7.5v5h50v-5zM0,22.5v5h50v-5zM0,37.5v5h50v-5z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --close-w:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0,0,256,256'%3E%3Cg fill='%23ffffff' stroke-miterlimit='10' style='mix-blend-mode: normal'%3E%3Cg transform='scale(5.12,5.12)'%3E%3Cpath d='M9.15625,6.3125l-2.84375,2.84375l15.84375,15.84375l-15.9375,15.96875l2.8125,2.8125l15.96875,-15.9375l15.9375,15.9375l2.84375,-2.84375l-15.9375,-15.9375l15.84375,-15.84375l-2.84375,-2.84375l-15.84375,15.84375z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); --home-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 15'%3E%3Cpath d='M21,26h2v7h4V27h4v6h4V26h2l-8-8Z' transform='translate(-21 -18)'/%3E%3C/svg%3E%0A"); --arrow1-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.132 8.132'%3E%3Cg transform='translate(-23.934 -4.434)'%3E%3Cline x2='7.071' y2='7.071' transform='translate(24.464 4.964)' fill='%23fff' stroke='%23000' stroke-miterlimit='10' stroke-width='1.2'/%3E%3Cline x1='7.071' y2='7.071' transform='translate(30.464 4.964)' fill='%23fff' stroke='%23000' stroke-miterlimit='10' stroke-width='1.2'/%3E%3C/g%3E%3C/svg%3E%0A"); --arrow2-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 6.3'%3E%3Cpath d='M17,30H8l4.5,6.3' transform='translate(-8 -30)'/%3E%3C/svg%3E%0A"); --plus1-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cg transform='translate(-6.25 -5.25)'%3E%3Cline y2='13' transform='translate(12.75 5.25)' fill='%23fff' stroke='%23000' stroke-miterlimit='10' stroke-width='1.5'/%3E%3Cline x2='13' transform='translate(6.25 11.75)' fill='%23fff' stroke='%23000' stroke-miterlimit='10' stroke-width='1.2'/%3E%3C/g%3E%3C/svg%3E")}

/* 초기화 */
a:active,a:hover,a:link,a:visited{color:#333; text-decoration:none}
a:focus{text-decoration:underline}
button,input,optgroup,select,textarea{border-width:0}

/* 레이아웃 공통 */
body,html{position:relative; height:100%}
body{overflow-x:hidden; background-color:#fff; color:#333; font-size:14px; line-height:1.3; letter-spacing:-0.05em; font-weight:400; font-family:'Pretendard','Malgun Gothic','맑은 고딕','Dotum','돋움','Gulim','굴림',sans-serif; word-wrap:break-word; -webkit-text-size-adjust:none;}
@media all and (max-width:640px){
body{font-size:14px; line-height:22px}
}
#wrapper{overflow:hidden; position:relative; width:100%; min-width:1240px}
.wrap{position:relative; width:1240px; margin-right:auto; margin-left:auto}
@media all and (max-width:1240px){
#wrapper{min-width:1000px}
.wrap{width:1000px}
}
@media all and (max-width:1000px){
#wrapper{min-width:0}
.wrap{width:auto; margin-right:0; margin-left:0; padding-right:3%; padding-left:3%}
}
#header{position:relative; z-index:30; width:100%}
#container{position:relative; z-index:10; width:100%; background-color:#fff}
#container:focus{border:1px solid #000}

/* slick */
.slick-slider{position:relative}
.slick-list{overflow:hidden; position:relative}
.slick-track{position:relative; top:0; left:0; margin-right:auto; margin-left:auto}
.slick-track:after,.slick-track:before{display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none; float:left}
.slick-slide.slick-loading img{display:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block}

/* 본문바로가기  */
.accessibility{overflow:hidden; position:absolute; top:0; left:0; z-index:3000; width:100%}
.accessibility a{overflow:hidden; display:block; z-index:3000; width:1px; height:1px; margin:0 -1px -1px 0; text-align:center; font-size:0; line-height:0}
#accessibility a:active,#accessibility a:hover,.accessibility a:focus{width:auto; height:30px; margin:0; padding:8px 0; background-color:#333; color:#fff; font-size:14px; line-height:16px}

/* 메뉴 */
.menu.init,.menu.init .depth,.menu.init .depth:after,.menu.init .depth:before,.menu.init .depth_li,.menu.init .depth_li:after,.menu.init .depth_li:before,.menu.init .depth_text,.menu.init .depth_text:after,.menu.init .depth_text:before,.menu.init .depth_title,.menu.init .depth_title:after,.menu.init .depth_title:before,.menu.init .depth_ul,.menu.init .depth_ul:after,.menu.init .depth_ul:before,.menu.init:after,.menu.init:before{transition-property:all; transition-duration:0.25s; transition-timing-function:linear}
.menu,.menu .depth,.menu .depth_li,.menu .depth_text,.menu .depth_ul{position:relative}
.menu{font-size:0; line-height:0}
.menu .depth:not(.depth1){visibility:hidden; opacity:0; overflow:hidden}
.menu .depth1{z-index:30}
.menu .depth_ul{z-index:10}
.menu .depth_text{display:inline-block}

/* 1, 2차 메뉴 배경 */
.menu.after:after,.menu.before:before{display:block; position:absolute}
.menu.before:before{z-index:10}
.menu.after:after{z-index:20}

/* 제목 상자 */
.menu .depth_title{overflow:hidden; position:absolute; z-index:20}

/* 옵션 */
.menu .depth1.clearfix .depth1_ul{float:right}
.menu .depth_ul.clearfix>.depth_li{float:left}
.menu .depth_ul.cut>.depth_li{display:inline-block; vertical-align:top}

/* 풀 다운 */
.menu.pulldown .depth1{height:inherit}
.menu.pulldown .depth1_li,.menu.pulldown .depth1_ul{height:inherit}
.menu.pulldown .depth2{position:absolute; bottom:0; left:0; width:100%}

/* 이치 다운 */
.menu.eachdown .depth1{height:inherit}
.menu.eachdown .depth1_li,.menu.eachdown .depth1_ul{position:static; height:inherit}
.menu.eachdown .depth2{position:absolute; bottom:0; left:0; width:100%}

/* 드롭 다운 */
.menu.dropdown .depth2{position:absolute; top:100%; left:0; width:100%; transform-origin:center top; transform:scaleY(0)}

/* 주메뉴 */
.gnb{font-size:0; line-height:0}
@media all and (min-width:1001px){

/* 메뉴 열기, 메뉴 닫기 */
.gnb .menu_hide,.gnb .menu_show{display:none}

/* 메뉴 넓이 */
.gnb.length3 .menu .depth1_li{width:33.33%}
.gnb.length4 .menu .depth1_li{width:25%}
.gnb.length5 .menu .depth1_li{width:20%}
.gnb.length6 .menu .depth1_li{width:16.66%}
.gnb.length7 .menu .depth1_li{width:14.28%}
.gnb.length8 .menu .depth1_li{width:12.5%}
}
@media all and (max-width:1000px){

/* 1, 2차 메뉴 배경 */
.menu.after:after,.menu.before:before{display:none}

/* 제목 상자 */
.menu .depth_title{display:none}

/* 옵션 */
.menu .depth1.clearfix .depth1_ul{float:none}
.menu .depth_ul.clearfix>.depth_li{float:none}
.menu .depth_ul.cut>.depth_li{display:block}

/* 풀 다운 */
.menu.pulldown .depth1,.menu.pulldown .depth1_li,.menu.pulldown .depth1_ul{height:auto}
.menu.pulldown .depth2{position:relative; bottom:auto; left:auto}

/* 이치 다운 */
.menu.eachdown .depth1{height:auto}
.menu.eachdown .depth1_li,.menu.eachdown .depth1_ul{position:relative; height:auto}
.menu.eachdown .depth2{position:relative; bottom:auto; left:auto}

/* 드롭 다운 */
.menu.dropdown .depth2{position:relative; top:auto; left:auto; transform:scaleY(1)}

/* 메뉴 영역 */
.gnb:before{display:block; visibility:hidden; opacity:0; position:fixed; top:0; left:0; z-index:40; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); transition-property:visibility,opacity; transition-duration:0.25s; transition-timing-function:linear}
.gnb .menu{visibility:hidden; overflow-x:hidden; overflow-y:auto; position:fixed; top:0; right:-302px; z-index:50; width:302px; height:100%; transition-property:visibility,right; transition-duration:0.25s; transition-timing-function:linear}
.gnb .wrap{padding-right:0; padding-left:0}

/* 메뉴 열었을 때 */
.gnb_show,.gnb_show body{overflow:hidden}
.gnb_show .gnb .menu{visibility:visible; right:0}
.gnb_show .gnb:before{visibility:visible; opacity:1}

/* 1차 메뉴 */
.gnb .menu .depth1{z-index:10}

/* 열기 버튼 */
.gnb .menu_show{position:absolute; z-index:30}

/* 닫기 버튼 */
.gnb .menu_hide{position:absolute; z-index:30}
}

/* 상단 공통 */
.fixed #header{background-color:#fff; box-shadow:0 0 10px rgba(0, 0, 0, 0.2)}

/* 그룹 
#header .group{position:relative; z-index:30; width:100%}
#header .group:before{display:block; position:absolute; bottom:0; left:50%; z-index:100; width:100vw; height:1px; background-color:rgba(255, 255, 255, 0.3); transform:translateX(-50%)}
.gnb_open #header .group:before{background-color:#ddd}
@media all and (max-width:1000px){
#header .group:before{z-index:initial}
}
*/
/* 로고 
#header .logo{position:relative; padding-top:21px; padding-bottom:22px}
#header .logo .anchor{display:inline-block; position:relative; z-index:30}
#header .logo .image{display:block; width:218px; height:52px; background-color:#000}
@media all and (max-width:1500px){
#header .logo .anchor{padding-left:30px}
}
@media all and (max-width:1300px){
#header .logo{padding-top:30px; padding-bottom:30px}
#header .logo .anchor{padding-left:10px}
#header .logo .image{width:170px; height:41px}
}
@media all and (max-width:1000px){
#header .logo{padding-top:20px; padding-bottom:20px}
}
@media all and (max-width:640px){
#header .logo{padding-top:15px; padding-bottom:15px}
#header .logo .image{width:150px; height:36px}
}
*/
/* 주메뉴 */
@media all and (min-width:1001px){
.gnb{position:absolute; top:0; left:0; width:100%; height:100px}
.gnb .wrap{height:100%}
.gnb .menu{overflow:hidden; position:absolute; top:0; left:0; z-index:20; width:100%; height:100%; background-color:transparent; transition-property:height,background-color}
.gnb .menu:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:calc(100% - 100px); background-color:#fff}

/* 메뉴 배경 */
.gnb:before{display:block; visibility:hidden; opacity:0; position:fixed; top:0; left:0; z-index:10; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.4); transition-property:visibility,opacity; transition-duration:0.25s; transition-timing-function:linear}
.gnb_open .gnb:before{visibility:visible; opacity:1}

/* 메뉴 높이 */
.gnb .menu .depth2,.gnb .menu.after:after{height:calc(100% - 100px)}

/* 하단 배경 */

/* 하단 배경 활성화 */
.gnb_open .gnb .menu.after:after{visibility:visible; opacity:1}

/* 메뉴 상단 정보 */
.gnb .menu_header{display:none}

/* 메뉴 제목 */
.gnb .menu .depth1_title{overflow:visible; position:absolute; bottom:0; left:0; width:300px; height:calc(100% - 100px); background-color:#f5f2ee}
.gnb .menu .depth1_info{width:inherit; height:100%; padding-top:60px; padding-left:70px; text-align:left; color:#000; font-weight:300}
.gnb .menu .depth1_info:before{display:block; position:absolute; top:0; right:0; width:100vw; height:100%; background-color:#f5f2ee}
.gnb .menu .depth1_info:after{visibility:hidden; opacity:0; display:block; position:absolute; bottom:0; left:70px; width:181px; height:187px; background:url(../images/common/gnb_after.png) bottom -10px left -20px/cover no-repeat; transition:visibility 0.25s linear 0.15s}
.gnb .menu .depth1_subject{display:block; position:relative; color:#3b3b3b; font-size:30px; line-height:32px; letter-spacing:-0.025em; font-weight:600}
.gnb .menu .depth1_slogan{display:block; position:relative; margin-top:26px; color:#777; font-size:16px; line-height:24px}

/* 메뉴 활성화 */
.gnb_open .gnb .menu .depth1_info:after{visibility:visible; opacity:1}

/* 1차 메뉴 */
.gnb .menu .depth1_ul{width:100%; text-align:center}
.gnb .menu .depth1_li{position:relative; width:13.5%; text-align:center}
.gnb .menu .depth1_li:first-child{margin-left:0}
.gnb .menu .depth1_li::before{display:block; position:absolute; bottom:0; right:0; width:1px; height:calc(100% - 100px); background-color:#f5f2ee; content:''}
.gnb .menu .depth1_text{display:inline-block; position:relative; padding-top:40px; padding-bottom:40px; padding-left:0; color:#000; font-size:19px; line-height:21px; letter-spacing:-0.025em; font-weight:500; text-decoration:none; transition-property:color}
.gnb .menu .depth1_text span{position:relative; border-bottom:0 solid #bfa48d}
.gnb .menu .depth1_text span:before{visibility:hidden; opacity:0; display:block; position:absolute; bottom:100%; left:50%; z-index:30; width:4px; height:4px; margin-bottom:8px; background-color:#bfa48d; border-radius:50%; transform:translateX(-50%); transition-property:visibility,opacity}

/* 1차 메뉴 활성화 */
.gnb .menu .depth1_li.active .depth1_text{color:#bfa48d; text-decoration:none}
.gnb_open .gnb .menu .depth1_li.active .depth1_text span{padding-bottom:4px; border-width:2px}
.gnb_open .gnb .menu .depth1_li.active .depth1_text span:before{visibility:visible; opacity:1}

/* 2차 타이틀 */
.gnb .menu .depth2{overflow:visible; box-sizing:border-box; transition-property:visibility,opacity}
.gnb .menu .depth2_inner{position:relative}

/* 메뉴 고정 높이 */

/* 2차 메뉴 */
.gnb .menu .depth1_li .depth2{visibility:visible; opacity:1; z-index:10}
.gnb .menu .depth2_ul{padding:20px 10px 40px; text-align:center}
.gnb .menu .depth2_li{position:relative; width:100%}
.gnb .menu .depth2_text{display:inline-block; position:relative; padding-top:11px; padding-bottom:12px; color:#555; font-size:16px; line-height:20px; text-decoration:none; word-break:keep-all; transition-property:color,font-weight}
.gnb .menu .depth2_text:before{visibility:hidden; opacity:0; display:block; position:absolute; bottom:5px; left:50%; width:100%; height:2px; background-color:#bfa48d; transform:translateX(-50%); transition-property:visibility,opacity,width}
.gnb .menu .depth2_text:hover{color:#bfa48d}
.gnb .menu .depth2_text:hover:before{visibility:visible; opacity:1}

/* 3차 메뉴 */
.gnb .menu .depth3,.gnb .menu .depth4{display:none}

/* 메뉴오픈, fixed */
.gnb_open .gnb .menu{background-color:#fff}
.gnb_open .gnb .menu .depth1_text{color:#000}
}
@media all and (max-width:1500px) and (min-width:1001px){
.gnb .menu .depth1_info{padding-left:30px}
.gnb .menu .depth1_info:after{width:150px; height:155px}
.gnb .menu .depth1_title{width:260px}
.gnb .menu .depth1_ul{padding-right:190px; padding-left:260px}
.gnb .menu .depth2_text{padding-top:7px; padding-bottom:7px; font-size:14px; line-height:18px}
}
@media all and (max-width:1300px) and (min-width:1001px){
.gnb .menu .depth1_title{width:185px}
.gnb .menu .depth1_info{padding-top:50px; padding-left:20px}
.gnb .menu .depth1_subject{font-size:22px; line-height:24px}
.gnb .menu .depth1_slogan{font-size:14px; line-height:22px}
.gnb .menu .depth1_ul{padding-right:170px; padding-left:190px}
.gnb .menu .depth1_text{font-size:17px}
}
@media all and (max-width:1000px){

/* 메뉴 영역 */
.gnb .menu{visibility:hidden; overflow-x:hidden; overflow-y:auto; position:fixed; right:-100%; z-index:40; width:360px; height:100%; padding-top:80px; background-color:#fff; transition-property:visibility,right; transition-duration:0.25s; transition-timing-function:linear}
.gnb .wrap{height:inherit; padding-left:20px; padding-right:20px}

/* 열기 버튼 */
.gnb .menu_show{position:absolute; top:0; right:3%; bottom:0; z-index:20; width:45px; height:45px; margin-top:auto; margin-bottom:auto}
.gnb .menu_show .menu_button{position:relative; width:inherit; height:inherit; border:1px solid #fff; border-radius:5px}
.gnb .menu_show .menu_button:before{display:block; position:absolute; top:0; right:0; bottom:0; left:0; width:20px; height:20px; margin:auto; background:var(--open-w) no-repeat 50% 50%/100% auto}

/* 닫기 버튼 */
.gnb .menu_hide{position:absolute; top:10px; right:100%; width:40px; height:40px; border-radius:5px; background-color:rgba(255, 255, 255, 0.05)}
.gnb .menu_hide .menu_button{display:block; position:relative; width:inherit; height:inherit}
.gnb .menu_hide .menu_button:before{display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:20px; height:20px; background:var(--close-w) no-repeat 50% 50%/100% auto}
.gnb_show .menu_hide{right:15px}

/* 메뉴 상단 */
.gnb .menu_header{display:block; position:absolute; top:0; left:0; width:100%}

/* 메뉴 상단 사이트 */
.gnb .link{position:relative; padding-right:20px; padding-left:20px; background-color:#bfa48d}
.gnb .link .li{display:inline-block; position:relative}
.gnb .link .anchor{display:block; position:relative; padding-top:22px; padding-right:12px; padding-bottom:21px; color:#fff; font-size:15px; line-height:17px; letter-spacing:-0.025em; font-weight:500}

/* 1차 메뉴 */
.gnb .menu .depth1{height:inherit; z-index:10}
.gnb .menu .depth1_ul{position:relative; min-height:100%}
.gnb .menu .depth1_li{border-bottom:1px solid #ccc}
.gnb .menu .depth1_text{display:block; position:relative; padding-top:18px; padding-bottom:18px; color:#000; font-size:16px; line-height:18px; font-weight:500; text-decoration:none; transition-property:color}
.gnb .menu .depth1_text:after{display:block; position:absolute; top:0; right:10px; bottom:0; margin-top:auto; margin-bottom:auto; transition:none}
.gnb .menu .depth1_li.has .depth1_text:after{width:15px; height:15px; background:var(--plus1-b) no-repeat 50% 50%/100% auto}

/* 1차 메뉴 활성화 */
.gnb .menu .depth1_li.active .depth1_text{color:#be7408}

/* 2차 메뉴 */
.gnb .menu .depth2{transition-property:visibility,opacity}
.gnb .menu .depth2_ul{border-top:0 solid #bfa48d}
.gnb .menu .depth2_li{transition-property:border-bottom-color}
.gnb .menu .depth2_text{display:block; position:relative; padding-top:0; padding-bottom:0; color:#000; letter-spacing:-0.03em; text-decoration:none; box-sizing:border-box; transition-property:padding-top,padding-bottom,color}
.gnb .menu .depth2_text:after{visibility:hidden; opacity:0; display:block; position:absolute; top:0; right:10px; bottom:0; margin-top:auto; margin-bottom:auto}
.gnb .menu .depth2_li.has .depth2_text:after{width:13px; height:7px; background:var(--arrow1-b) no-repeat 50% 50%/100% auto}

/* 2차 메뉴 활성화 */
.gnb_show .gnb .menu .depth1_li.active .depth2{visibility:visible; opacity:1}
.gnb .menu .depth1_li.active .depth2{right:0; z-index:20}
.gnb .menu .depth1_li.active .depth2_ul{border-top-width:3px}
.gnb .menu .depth1_li.active .depth2_li{border:1px solid #e5ecf3; border-bottom:none}
.gnb .menu .depth1_li.active .depth2_li:first-child{border-top:none}
.gnb .menu .depth1_li.active .depth2_text{padding-top:13px; padding-bottom:13px; padding-left:10px; color:#666; font-size:14px; line-height:16px; font-weight:500; transition-property:color}
.gnb .menu .depth1_li.active .depth2_li.active .depth2_text{background-color:#f5f2ee; color:#be7408}
.gnb .menu .depth1_li.active .depth2_text:after{visibility:visible; opacity:1}
.gnb .menu .depth1_li.active .depth2_li.has.active .depth2_text:before{width:2px; height:100%}
.gnb .menu .depth1_li.active .depth2_li.has.active .depth2_text:after{transform:rotate(180deg)}

/* 3차 메뉴 */
.gnb .menu .depth3{transition-property:visibility,opacity,padding-top,padding-bottom}
.gnb .menu .depth3_ul{padding-left:15px; padding-right:15px; transition-property:padding-top,padding-bottom}
.gnb .menu .depth3_li{padding-left:10px}
.gnb .menu .depth3_li:before{display:block; position:absolute; top:0; left:0; width:0; height:0; background-color:#bfa48d; transition:none}
.gnb .menu .depth3_text{display:block; padding-right:25px; color:#000; letter-spacing:-0.03em; text-decoration:none; transition-property:color,font-weight}
.gnb .menu .depth3_text:after{display:block; visibility:hidden; opacity:0; position:absolute; top:0; right:0; bottom:0; margin-top:auto; margin-bottom:auto; transition:none}
.gnb .menu .depth3_li.has .depth3_text:after{width:10px; height:2px; background-color:#999}

/* 3차 메뉴 활성화 */
.gnb_show .gnb .menu .depth1_li.active .depth2_li.active .depth3{visibility:visible; opacity:1}
.gnb .menu .depth1_li.active .depth2_li.active .depth3_ul{padding-top:4px; padding-bottom:14px; border-top-width:1px}
.gnb .menu .depth1_li.active .depth2_li.active .depth3_li{margin-top:9px}
.gnb .menu .depth1_li.active .depth2_li.active .depth3_li:before{top:8px; width:3px; height:3px}
.gnb .menu .depth1_li.active .depth2_li.active .depth3_text{color:#333; font-size:14px; line-height:19px; letter-spacing:-0.03em}
.gnb .menu .depth1_li.active .depth2_li.active .depth3_text:after{visibility:visible; opacity:1}
.gnb .menu .depth1_li.active .depth2_li.active .depth3_li.active:before{background-color:#428cf0}
.gnb .menu .depth1_li.active .depth2_li.active .depth3_li.active .depth3_text{color:#428cf0}

/* 4차 메뉴 */
.gnb .menu .depth4,.gnb .menu .depth5{display:none}
}
@media all and (max-width:640px){
.gnb .menu_show{width:35px; height:35px}
}
@media all and (max-width:360px){
.gnb .menu{width:100%}
}

/* 사이트맵 */
#header .site{position:absolute; top:0; left:0; width:100%; height:100%; font-size:0; line-height:0}
#header .site .ul{display:flex; flex-wrap:wrap; align-items:center; height:100px; position:absolute; top:0; right:70px; z-index:30}
#header .site .li{position:relative; margin-left:10px; padding-left:10px}
#header .site .li::before{display:block; position:absolute; top:3px; left:0; width:1px; height:13px; background-color:#fff}
#header .site .li:first-child{margin-left:0; padding-left:0}
#header .site .li:first-child::before{display:none}
#header .site .anchor{color:#fff; font-size:16px; line-height:18px}
#header .site .anchor:hover{text-decoration:underline}
#header .site .li.sitemap{margin-left:15px; padding-left:0}
#header .site .li.sitemap::before{display:none}
#header .site .li.sitemap .anchor{display:block; width:26px; height:20px; background:var(--open-w) no-repeat 50% 50%/100% auto}
.gnb_open #header .site .li::before{background-color:#9f9f9f}
.gnb_open #header .site .anchor{color:#000}
.gnb_open #header .site .li.sitemap .anchor{background-image:var(--open-b)}
@media all and (max-width:1500px){
#header .site .ul{right:30px}
#header .site .li{margin-left:8px; padding-left:9px}
#header .site .anchor{font-size:14px; line-height:16px}
}
@media all and (max-width:1300px){
#header .site .ul{right:10px}
}
@media all and (max-width:1000px){
#header .site{display:none}
}

/* 하단 */

#footer{position:relative; z-index:20; width:100%; padding-top:20px; padding-bottom:40px; background-color:#272626}
/* #footer{position:fixed; left:50%; bottom:0; transform: translate(-50%);} */
#footer .wrap{width:100%; max-width:1240px;}
#footer .footer_content{position:relative; display:flex; align-items: center; gap:40px;}
@media all and (max-width:1300px){
    #footer .wrap{padding-left:20px; padding-right:20px;}
}
@media all and (max-width:1000px){
    
#footer{position :relative; padding-top:40px}
#footer .footer_content{flex-direction: column; align-items: center; justify-content: center; gap:10px; margin-left:0; margin-right:0}
#footer .footer_content .info{text-align:center;}
}
@media all and (max-width:640px){
    #footer{padding-top:30px; padding-bottom:30px;}
}

/* 하단로고 */
#footer .logo{width:100px;} 
@media all and (max-width:1300px){
/* #footer .logo .anchor img{width:170px; height:40px} */
}
@media all and (max-width:1000px){
#footer .logo{padding-left:0}
}
@media all and (max-width:800px){
#footer .logo{width:80px; text-align:center}
}

/* 하단 정보 */
#footer .info h2{color:#fff; font-family:'Cormorant'; font-size:24px; line-height:26px}
#footer .info .address{display:inline-block; margin-top:15px; color:#aaa; font-size:15px; line-height:23px; word-break:keep-all}
#footer .info .address span{color:#fff}
#footer .info .info_item{display:block; color:#aaa; font-size:15px; line-height:23px; word-break: keep-all;}
#footer .info .info_item + .info_item{margin-top:15px;}
#footer .info .info_item span{color:#fff; word-break: keep-all;}
#footer .info .info_item p{word-break: keep-all;}
#footer .info .group,#footer .info .group+.info_item{margin-top:6px}
/* #footer .info .group .info_item{margin-right:20px} */
#footer .info a{color:#aaa}
@media all and (max-width:1000px){
/* #footer .info .address,#footer .info .group .info_item{margin-right:10px} */
}
@media all and (max-width:800px){
#footer .info{text-align:center}
#footer .info .info_item{font-size:14px; line-height:20px;}
}

/* 하단 바로가기 */
#footer .link{position:absolute; bottom:0; right:0}
#footer .link h2{color:#fff; font-family:'Cormorant'; font-size:24px; line-height:26px}
#footer .link .ul{display:flex;margin-top:15px; margin-left:3px; gap:10px;}
/* #footer .link .li+.li{margin-top:20px} */
#footer .link img{width:30px; height:30px;}
#footer .link .anchor{position:relative; color:#fff; font-size:15px; line-height:17px}
#footer .link .anchor:hover{text-decoration:underline}
@media all and (max-width:1300px){
/* #footer .link{right:150px} */
}
@media all and (max-width:1000px){
#footer .link{position:relative;}

}
@media all and (max-width:800px){
#footer .link{position:static; /*margin-top:30px;*/ text-align:center}
#footer .link .ul{display:flex; justify-content:center; margin-top:10px}
#footer .link .li+.li{margin-top:0; margin-left:10px}
}

/* 하단 sns */
#footer .sns{position:absolute; top:0; right:0}
#footer .sns h2{color:#fff; font-family:'Cormorant'; font-size:24px; line-height:26px}
#footer .sns .ul{margin-top:15px; margin-left:3px}
#footer .sns .li+.li{margin-top:10px}
#footer .sns .anchor{position:relative; padding-left:25px; color:#fff; font-size:15px; line-height:17px}
#footer .sns .anchor::before{display:block; position:absolute; top:0; left:0; width:17px; height:17px; background-image:url(../images/sprite/footer_sns_sprite.png); content:''}
#footer .sns .anchor:hover{text-decoration:underline}
#footer .sns .li:nth-child(1) .anchor::before{width:17px; height:17px; background-size:100% 576.47059%; background-position:left 0}
#footer .sns .li:nth-child(2) .anchor::before{width:17px; height:17px; background-size:100% 576.47059%; background-position:left 33.33333%}
#footer .sns .li:nth-child(3) .anchor::before{width:17px; height:17px; background-size:100% 576.47059%; background-position:left 66.66667%}
#footer .sns .li:nth-child(4) .anchor::before{width:17px; height:17px; background-size:100% 576.47059%; background-position:left 100%}
@media all and (max-width:800px){
#footer .sns{position:static; margin-top:30px; text-align:center}
#footer .sns .ul{display:flex; flex-wrap:wrap; justify-content:center; margin-top:10px; margin-left:40px; margin-right:40px}
#footer .sns .li+.li{margin-top:0}
#footer .sns .li{margin-left:5px; margin-right:5px}
}

/* 하단 copyright */
#footer .copyright{margin-top:60px; color:#a6a6a6; font-size:15px; line-height:21px; word-break:keep-all}
@media all and (max-width:800px){
#footer .copyright{margin-top:20px; text-align:center; font-size:14px; line-height:20px}
}

/* 하단 고객센터 */
#footer .contactus{position:relative; margin-top:70px; padding-top:46px; padding-bottom:46px; padding-left:70px}
#footer .contactus::before{display:block; position:absolute; top:0; left:50%; width:100vw; height:100%; background:url(../images/common/contactus_bg.jpg) 50% 50%/cover no-repeat; content:''; transform:translateX(-50%)}
#footer .contactus .inner{display:flex; align-items:center; position:relative}
#footer .contactus h2{margin-right:55px; color:#fff; font-family:'Cormorant'; font-size:24px; line-height:26px}
#footer .contactus .li{display:inline-block; margin-right:60px; color:#fff; font-size:18px; line-height:26px}
#footer .contactus .anchor{display:flex; align-items:center; color:#fff; font-size:18px; line-height:26px}
#footer .contactus .anchor::before{display:block; width:38px; height:38px; background:url(../images/common/contactus_icon1.jpg) 50% 50%/100% auto no-repeat; border-radius:3px}
#footer .contactus .anchor span{margin-left:15px}
#footer .contactus a{color:#fff}
@media all and (max-width:1300px){
#footer .contactus{padding-top:35px; padding-bottom:35px}
#footer .contactus .li{margin-right:30px; font-size:16px}
#footer .contactus .anchor{font-size:16px}
#footer .contactus .anchor span{margin-left:10px}
}
@media all and (max-width:1000px){
#footer .contactus{margin-top:40px; padding-top:25px; padding-bottom:25px; padding-left:0}
#footer .contactus .ul{margin-right:40px}
#footer .contactus .li{display:block; margin-right:0}
}
@media all and (max-width:800px){
#footer .contactus .inner{flex-flow:wrap column}
#footer .contactus h2{margin-right:0}
#footer .contactus .ul{margin-top:10px; margin-right:0; text-align:center}
#footer .contactus .li{font-size:15px}
#footer .contactus .anchor{margin-top:20px; font-size:15px}
}





.table_wrap{position:relative; overflow: visible;}
.table.style1 { width: 100%; border-collapse: collapse; font-size: 17px; text-align: center; border-collapse: separate; border-spacing: 2px 2px;}
.table.style1 th { background-color: #5f2e16; color: #fff; font-weight: 600; padding: 10px;}
.table.style1 tbody td { padding: 20px; color: #333; background-color:#fff6ed;}
.table.style1 tbody tr:nth-child(even) { background-color: #fafafa; }
.table.style1 tbody td.color{background-color: #5f2e16; color: #fff; font-weight: 600; word-break: keep-all;}
.table.style1 tbody td.text_left{text-align:left;}


.table_wrap.leaf_deco_right::before{position:absolute; display:block; width:75px; height:44px; right:-6px; top:-42px; content:''; background:url('/images/main/renew/table_deco.png') no-repeat center center / contain;}
.table_wrap.leaf_deco_left::before{position:absolute; display:block; width:75px; height:44px; left:0; top:-42px; content:''; background:url('/images/main/renew/table_deco.png') no-repeat center center / contain;}

@media screen and (max-width: 1200px) {
    .table_wrap.leaf_deco_right::before{width:50px; height:29px; right:0; top:-27px;}
    .table_wrap.leaf_deco_left::before{width:50px; height:29px; left:0; top:-27px;}
}
@media screen and (max-width: 768px) {
    .table_wrap.scroll_x_768{overflow-x: scroll;}
    .table_wrap.scroll_x_768 .table.style1{min-width:500px;}
    .table_wrap.scroll_x_768.leaf_deco_right::before{display:none;}
    .table_wrap.scroll_x_768.leaf_deco_left::before{display:none;}
    .table_wrap .table.style1 { font-size: 13px; }
    .table_wrap .table.style1 th,
    .table_wrap .table.style1 td{word-break: keep-all;}
	.table.style1 tbody td{padding:10px;}
}

.comment_desc{margin-top:10px; font-sizE:14px; line-height:1.4;}
@media screen and (max-width: 768px) {
	.comment_desc{font-size:12px;}
}


.dot_text{position:relative; padding-left:10px;}
.dot_text::before{position:absolute; display:block; width:3px; height:3px; left:0; top:10px; content:''; border-radius:100%; background-color:#3d3d3d;}
@media screen and (max-width: 768px) {
	.dot_text::before{top:6px;}
}
@media screen and (max-width: 640px) {
	.dot_text{padding-left:7px;}
	.dot_text::before{top:8px;}
}


.red{color:#f55;}