@charset "UTF-8"; 

@import url('default.css');
@import url('bbs.css');

@font-face{
	font-family: 'SpoqaHanSansNeo';
	font-weight: 300;
	src: url("../fonts/SpoqaHanSansNeo_Light.woff2") format('woff2'),
	url("../fonts/SpoqaHanSansNeo_Light.woff") format('woff');
}
@font-face{
	font-family: 'SpoqaHanSansNeo';
	font-weight: 400;
	src: url("../fonts/SpoqaHanSansNeo_Regular.woff2") format('woff2'),
	url("../fonts/SpoqaHanSansNeo_Regular.woff") format('woff');
}
@font-face{
	font-family: 'SpoqaHanSansNeo';
	font-weight: 500;
	src: url("../fonts/SpoqaHanSansNeo_Medium.woff2") format('woff2'),
	url("../fonts/SpoqaHanSansNeo_Medium.woff") format('woff');
}
@font-face{
	font-family: 'SpoqaHanSansNeo';
	font-weight: 600;
	src: url("../fonts/SpoqaHanSansNeo_Bold.woff2") format('woff2'),
	url("../fonts/SpoqaHanSansNeo_Bold.woff") format('woff');
}




@font-face {
    font-family: 'Sweet';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}


:root{--color-black:#211714;}

/* 초기화 */
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:#4d4d4d; font-size:14px; line-height:24px; letter-spacing:-0.04em; font-weight:400; font-family:  'GMarketSans','SpoqaHanSansNeo','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:1600px; overflow: visible;}
.wrap{position:relative; width:1600px; margin-right:auto; margin-left:auto; max-width:100%;}
@media all and (max-width:1650px){
	#wrapper{min-width:0;}
	.wrap{width:auto; margin-right:0; margin-left:0; padding-right:3%; padding-left:3%}
}

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

/* 그룹 */
#header{position:relative; z-index:30; width:100%}
#header .group{position:relative; z-index:30; width:100%; display:flex;}

/* 로고 */
#header .logo{position:relative; z-index:30}
#header .logo .anchor{display:flex; align-items: center; position:relative; height:80px;}
#header .logo .image{display:block; width:65px; height:38px; background:url('../images/common/logo_d3_blue.png') no-repeat center center / contain;}
@media all and (max-width:1600px){
	#header .logo .image{width:50px; height:29px;}
}
@media all and (max-width:640px){
	#header .logo .anchor{height:60px;}
	#header .logo .image{width:40px; height:23px;}
}


#container{position:relative; z-index:20; 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}


/* 옵션 */
.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}

/* 주메뉴 */
.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){
	.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}

	.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}

	.gnb .menu .depth1{z-index:10}

	.gnb .menu_show{position:absolute; z-index:30}

	.gnb .menu_hide{position:absolute; z-index:30}
}*/


/* 주메뉴 */
/* @media all and (min-width:1001px){ */
	.gnb{/*position:absolute; top:0; left:0; width:100%; height:80px; z-index: 50;*/}
	.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% - 80px); background-color:#fff}

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

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

	/* 1차 메뉴 */
	.gnb .menu .depth1_ul{width:100%; text-align:left; padding-left:100px;}
	.gnb .menu .depth1_li{position:relative; width:auto; 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% - 80px); background-color:#f5f2ee; content:''}
	.gnb .menu .depth1_text{display:flex; align-items: center; height:80px; position:relative; padding-left:20px; padding-right:20px; color:#222; font-size:20px; line-height:1.2; letter-spacing:-0.025em; font-weight:400; text-decoration:none; transition-property:color; font-family: 'SpoqaHanSansNeo',sans-serif;}
	.gnb .menu .depth1_text span{position:relative; border-bottom:0 solid #000}
	.gnb .menu .depth1_text:hover{font-weight:600;} 

	/* 1차 메뉴 활성화 */
	.gnb .menu .depth1_li.active .depth1_text{color:#000; font-weight:600; text-decoration:none}
	.gnb_open .gnb .menu .depth1_li.active .depth1_text span:before{visibility:visible; opacity:1}

/* } */
@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}
}
@media all and (max-width:1600px) and (min-width:1001px){
	.gnb .menu .depth1_text{font-size:20px}
	.gnb .menu .depth1_ul{padding-left:80px;}
}
/*
@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:0; 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:#000}

	.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:#f55}
	.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}

	.gnb .menu .depth1{height:inherit; z-index:10; padding-left:20px; padding-right:20px;}
	.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}

	.gnb .menu .depth1_li.active .depth1_text{color:#be7408}
}
@media all and (max-width:640px){
	.gnb .menu_show{width:35px; height:35px}
}
@media all and (max-width:360px){
	.gnb .menu{width:100%}
}

*/
@media all and (max-width:640px){
	.gnb .menu .depth1_ul{padding-left:60px;}
	.gnb .menu .depth1_text{height:60px; font-size:16px; padding-left:15px; padding-right:15px;}
}





/* 하단 */
#footer{position:relative; z-index:10; width:100%; padding-top:30px; padding-bottom:40px; font-family: 'SpoqaHanSansNeo',sans-serif; background-color:#535353}
.footer_content span{font-size:15px; line-height:1.5; word-break: keep-all; color:#fff; opacity:0.9;}
.footer_content a[href^="tel"]{color:#fff; opacity:0.9 !important;}
.footer_content .group{display:flex;}
.footer_content .group + .group{margin-top:3px;}
.footer_content .group span + span{position:relative; margin-left:10px; padding-left:10px;}
.footer_content .group span + span::before{position:absolute; display:block; top:50%; transform: translateY(-50%); left:0; width:1px; height:12px; content:''; background-color:#fff; opacity:0.7;}
.footer_content .copyright{margin-top:25px;}
@media all and (max-width:1000px){
	.footer_content span{font-size:14px;}
	.footer_content .group.n1{max-width:350px; flex-wrap: wrap;}
	.footer_content .group.n1 .n4{margin-left:0; padding-left:0;}
	.footer_content .group.n1 .n4::before{display:none;}
	
}
@media all and (max-width:640px){
	#footer{padding-top:20px; padding-bottom:25px;}
	.footer_content span{font-size:13px;}
	.footer_content .group span + span{margin-left:5px; padding-left:5px;}
	.footer_content .group.n3{flex-direction: column;}
	.footer_content .group.n3 .n2{margin-left:0; padding-left:0;}
	.footer_content .group.n3 .n2::before{display:none;}
	.footer_content .copyright{margin-top:15px;}
}
@media all and (max-width:380px){
	.footer_content span{font-size:12px;}
}



/*메인과 gnb 색상 다름*/
html.dark #header .logo .image{background:url('../images/common/logo_d3_white.png') no-repeat center center / contain;}
html.dark #header .gnb .menu .depth1_text{color:#fff;}



.max_1200{max-width:1200px; margin-left:auto; margin-right:auto;}



.m_640_br{display:none;}
.m_768_br{display:none;}
.m_1000_br{display:none;}
@media all and (max-width:1000px){
    .m_1000_br{display:block !important;}
}
@media all and (max-width:768px){
    .m_768_br{display:block !important;}
}
@media all and (max-width:640px){
    .m_640_br{display:block !important;}
}