@charset "utf-8";

/*----- basic -----*/
#wrap{overflow:hidden;}
.inner{width:100%; max-width:1400px; margin:0 auto;}
@media all and (max-width:1400px){
	.inner{width:93.75%;}
}

.poppins{font-family:'Poppins', sans-serif;}
/*----- basic / -----*/



/*----- header -----*/
#header{border-bottom:1px solid #eaeaea;}
#header .inner{position:relative;}
#header .logo{margin:0; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%);}
#header .logo a{display:inline-block;}

#header .gnb{width:100%; max-width:calc(100% - 310px); margin-left:120px; text-align:center; padding-top:22px;}
#header .gnb > ul{margin:0;}
#header .gnb > ul > li{display:inline-block; vertical-align:top; margin:0 40px;}
#header .gnb > ul > li > a{font-size:22px; color:#222222; letter-spacing:-0.045em; font-weight:500; display:block; padding-bottom:25px;}
#header .gnb > ul > li ul.depth02{display:none;}

#header .gnb > ul > li.on > a{color:#c59b6d;}

#header .right_box{position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%);}
#header .right_box ul{margin:0; display:inline-block; vertical-align:middle;}
#header .right_box ul li{display:inline-block; vertical-align:top; margin-right:20px; position:relative;}
#header .right_box ul li:last-of-type{margin-right:0;}
#header .right_box ul li:after{content:''; display:block; position:absolute; width:3px; height:3px; background:#57585a; top:50%; right:-12px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%);}
#header .right_box ul li:last-of-type:after{display:none;}
#header .right_box ul li a{font-size:16px; color:#57585a; letter-spacing:-0.025em; font-weight:400; display:block;}
#header .right_box .all_menu_btn{display:inline-block; vertical-align:middle; margin-left:40px;}

@media all and (max-width:1400px){
	#header .gnb > ul > li{margin:0 25px;}
}
@media all and (max-width:1200px){
	#header .gnb > ul > li{margin:0 15px;}
	#header .gnb > ul > li a{font-size:20px;}
}
@media all and (max-width:1000px){
	#header .logo{position:static; top:auto; left:auto; transform:none; text-align:center; padding:25px 0;}
	#header .gnb{display:none;}
	#header .right_box{right:auto; left:0;}
	#header .right_box ul{display:none;}
	#header .right_box .all_menu_btn{margin:0;}
}

/* pc_menu */
.pc_menu{display:none; position:absolute; width:100%; text-align:center; background:#fff; box-sizing:border-box; z-index:99;}
.pc_menu .inner{position:relative;}
.pc_menu .inner > ul{margin:0;}
.pc_menu .inner > ul > li{display:none;}
.pc_menu .inner > ul > li > a{display:none;}
.pc_menu .inner > ul > li ul.depth02{margin:0;}
.pc_menu .inner > ul > li ul.depth02 li{display:inline-block; vertical-align:middle; margin:0 30px;}
.pc_menu .inner > ul > li ul.depth02 li a{font-size:18px; color:#222222; letter-spacing:0em; font-weight:300; margin:0; display:block; padding:26px 0;}

.pc_menu .inner > ul > li ul.depth02 li:hover a{color:#c59b6d;}

/* all_menu */
.all_menu{display:none; position:absolute; top:0; width:100%; border-bottom:1px solid #eaeaea; z-index:100; background:#fff;}
.all_menu.on{display:block;}
.all_menu .top_box{text-align:center; padding:25px 0;}
.all_menu .top_box .inner{position:relative;}
.all_menu .top_box .logo{margin:0;}
.all_menu .top_box .x_btn{position:absolute; display:block; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%);}

.all_menu .gnb{text-align:center; border-top:1px solid #eaeaea;}
.all_menu .gnb .inner > ul{margin:0; font-size:0; letter-spacing:-4px;}
.all_menu .gnb .inner > ul > li{display:inline-block; vertical-align:top; width:20%; box-sizing:border-box; padding:40px 10px 60px; box-sizing:border-box; border-right:1px solid #eaeaea; min-height:580px;}
.all_menu .gnb .inner > ul > li:last-of-type{border-right:0;}
.all_menu .gnb .inner > ul > li > a{font-size:22px; color:#222222; letter-spacing:-0.045em; font-weight:500; display:inline-block; margin-bottom:30px;}
.all_menu .gnb .inner > ul > li ul.depth02{margin:0;}
.all_menu .gnb .inner > ul > li ul.depth02 li{padding:10px 0;}
.all_menu .gnb .inner > ul > li ul.depth02 li a{font-size:18px; color:#666666; letter-spacing:-0.045em; font-weight:500; margin:0; display:inline-block; position:relative;}
.all_menu .gnb .inner > ul > li ul.depth02 li a:before{content:''; display:none; position:absolute; width:100%; height:1px; background:#c59b6d; bottom:0; left:0;}

.all_menu .gnb .inner > ul > li:hover a{color:#c59b6d;}
.all_menu .gnb .inner > ul > li ul.depth02 li:hover a{color:#c59b6d;}
.all_menu .gnb .inner > ul > li ul.depth02 li:hover a:before{display:block;}

/* m_menu */
.m_menu_bg{width:100%; height:100%; position:fixed; left:0; top:0; z-index:101; display:none; background:rgba(0,0,0,0.5); cursor:pointer;}
.m_menu{position:fixed; left:-100%; top:0; min-width:450px; width:80%; z-index:999; height:100%; background:#fff; transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; z-index:150; overflow-y:auto;}
.m_menu.on{left:0;}
.m_menu .top_box{text-align:center; padding:25px 20px 40px;}
.m_menu .top_box .logo{margin:0; padding-bottom:25px;}
.m_menu .top_box .x_btn{position:absolute; top:30px; right:20px;}
.m_menu .top_box ul{margin:0; font-size:0; letter-spacing:-4px;}
.m_menu .top_box ul li{display:inline-block; vertical-align:top; margin-right:10px; width:calc(50% - 5px); text-align:center; background:#ececec;}
.m_menu .top_box ul li:last-of-type{margin-right:0;}
.m_menu .top_box ul li a{font-size:20px; color:#57585a; letter-spacing:-0.025em; font-weight:400; display:block; padding:20px 0;}

.m_menu .gnb{padding:20px 20px 80px; box-sizing:border-box;}
.m_menu .gnb > ul{margin:0; border-top:1px solid #8a8a8a; border-bottom:1px solid #8a8a8a;}
.m_menu .gnb > ul > li{border-bottom:1px solid #dadada;}
.m_menu .gnb > ul > li:last-of-type{border-bottom:0;}
.m_menu .gnb > ul > li > a{font-size:28px; color:#222222; letter-spacing:-0.045em; font-weight:500; display:block; padding:20px 10px;}
.m_menu .gnb > ul > li ul.depth02{margin:0; padding:20px 30px 40px; display:none;}
.m_menu .gnb > ul > li ul.depth02 li{position:relative; padding-left:20px;}
.m_menu .gnb > ul > li ul.depth02 li:before{content:''; display:block; position:absolute; width:10px; height:10px; background:#bfbfbf; top:13px; left:0;}
.m_menu .gnb > ul > li ul.depth02 li a{font-size:24px; color:#222222; letter-spacing:0em; font-weight:300; display:inline-block;}

.m_menu .gnb > ul > li:hover > a{color:#c59b6d; font-weight:700;}
.m_menu .gnb > ul > li ul.depth02 li:hover a{color:#c59b6d; font-weight:700;}
.m_menu .gnb > ul > li ul.depth02 li:hover:before{background:#c59b6d;}
.m_menu .gnb > ul > li.on > a{color:#c59b6d; font-weight:700;}
.m_menu .gnb > ul > li ul.depth02 li.on a{color:#c59b6d; font-weight:700;}
.m_menu .gnb > ul > li ul.depth02 li.on:before{background:#c59b6d;}





/*----- footer -----*/
#footer{border-top:1px solid #e1e1e1; background:#fff;}
#footer .footer_top{}
#footer .footer_top .top_box{border-bottom:1px solid #e1e1e1;}
#footer .footer_top .top_box:after{content:''; display:block; clear:both;}
#footer .footer_top .top_box ul{margin:0; display:inline-block; padding:21px 0 22px;}
#footer .footer_top .top_box ul li{display:inline-block; vertical-align:top; margin-right:60px; position:relative;}
#footer .footer_top .top_box ul li:last-of-type{margin-right:0;}
#footer .footer_top .top_box ul li:after{content:''; display:block; position:absolute; width:3px; height:3px; background:#666666; top:50%; right:-30px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%);}
#footer .footer_top .top_box ul li:last-of-type:after{display:none;}
#footer .footer_top .top_box ul li a{font-size:18px; color:#666666; letter-spacing:0em; font-weight:300; display:inline-block;}
#footer .footer_top .top_box .top_btn{font-size:16px; color:#fff; letter-spacing:0em; font-weight:700; width:70px; padding:23px 0; background:#c49a6c; display:block; text-align:center; float:right;}

#footer .footer_top .bot_box{padding:40px 0 100px; font-size:0; letter-spacing:-4px;}
#footer .footer_top .bot_box .txt_box{display:inline-block; vertical-align:top; width:calc(58% - 183px); padding-right:20px; box-sizing:border-box;}
#footer .footer_top .bot_box .txt_box p{font-size:16px; color:#666666; letter-spacing:0em; font-weight:300; line-height:1.6; word-break:keep-all;}

#footer .footer_top .bot_box .txt_box02{position:relative; display:inline-block; vertical-align:top; width:calc(42% - 183px); padding-right:20px; box-sizing:border-box;}
#footer .footer_top .bot_box .txt_box02 h4{font-size:20px; color:#57585a; letter-spacing:0em; font-weight:700; margin:0; display:inline-block; vertical-align:middle;}
#footer .footer_top .bot_box .txt_box02 h5{font-size:24px; color:#c49a6c; letter-spacing:0em; font-weight:700; margin:0; display:inline-block; vertical-align:middle; margin-left:40px;}
#footer .footer_top .bot_box .txt_box02 p{font-size:16px; color:#666666; letter-spacing:0em; font-weight:300; line-height:1.6;}

#footer .footer_top .bot_box ul{margin:0; display:inline-block; vertical-align:top;}
#footer .footer_top .bot_box ul li{display:inline-block; vertical-align:top; margin-right:5px; border:1px solid #eaeaea; box-sizing:border-box; width:180px; text-align:center;}
#footer .footer_top .bot_box ul li:last-of-type{margin-right:0;}
#footer .footer_top .bot_box ul li a{font-size:14px; color:#555555; letter-spacing:0em; font-weight:300; display:block; padding:15px 5px; box-sizing:border-box;} 

#footer .footer_bot{background:#393939; padding:18px 0;}
#footer .footer_bot p{font-size:16px; color:#8b8b8b; letter-spacing:0em; font-weight:300;}

@media all and (max-width:1400px){
	#footer .footer_top .bot_box .txt_box{width:calc(58% - 90px);}
	#footer .footer_top .bot_box .txt_box02{width:calc(42% - 90px);}
	#footer .footer_top .bot_box ul{width:180px;}
	#footer .footer_top .bot_box ul li{margin-right:0; margin-bottom:5px;}
}
@media all and (max-width:1200px){
	#footer .footer_top .bot_box .txt_box02 h5{margin-left:20px;}
}
@media all and (max-width:1000px){
	#footer .footer_top .bot_box .txt_box{width:100%; margin-bottom:30px;}
	#footer .footer_top .bot_box .txt_box02{width:100%; margin-bottom:30px;}
	#footer .footer_top .bot_box .txt_box02 h5{margin-left:40px;}
	#footer .footer_top .bot_box ul{width:100%;}
	#footer .footer_top .bot_box ul li{margin-bottom:0; margin-right:5px;}
}