@charset "utf-8";


/*  모바일 메뉴 공통 */
#mobi_menu_box { position:fixed; top:0px; right:-300px;width:300px;height:100%;background:#ffff;z-index:100000;  overflow:scroll; -webkit-overflow-scrolling:touch; -webkit-transform:translateZ(0); }
#mobi_menu_box .smobitrigger_close { width:60px;height:50px; position:absolute;top:4px;right:0; line-height:50px; text-align:center; margin-right:15px; margin-top:10px; }
#mobi_menu_box .mobi_menu1 {font-family: 'Noto Sans KR', sans-serif; font-size:23px;color:#643f2f;margin-bottom:15px;}
#mobi_menu_box .mobi_menu1_a {color:#643f2f;padding-bottom:10px;font-weight:700;}
#mobi_menu_box .mobi_menu2 {font-family: 'Noto Sans KR', sans-serif; font-size:18px;padding:7px 0;}
#mobi_menu_box .mobi_menu2_a {color:#643f2f;}

.smobitrigger, .mnuclose { display: none; }

.navigation nav ul{}
.navigation nav ul li { display: inline-block;padding:0px; }
.navigation nav ul li a { display: inline-block;text-transform: uppercase;text-decoration: none;padding: 0px;font-size:16px;color:#2a2a2a; font-weight:400; }
.navigation nav ul li:hover a { color: #c59b6b; } /* 메뉴 포인트 색상 일괄 변경 기준 */

.gnb_2dul{display:none;}
.gnb_1dli{position:relative;}
.navigation nav ul li.gnb_2dli{font-size:0.8em;display:block;min-width:140px;padding:0;}
.navigation nav ul li.gnb_2dli a{text-align:left !important;padding:10px;display:block;color:#fff !important;font-size:12px;}
.navigation nav ul li.gnb_2dli a:hover{background:#000;color:#c59b6b !important;}
.gnb_op{background:url(../img/btn_op.png) no-repeat 50% 50%;;border:none;width:20px;height:50px;text-indent:-98999px;overflow:hidden;}

.gnb_2dul {display:none;}


@media all and (min-width : 1251px) {
	
	.navigation {margin:0px 0; font-weight:700; }
    .navigation nav ul li.gnb_1dli>a{margin:34px 0px;border-bottom:2px solid transparent;}
	.navigation nav ul li.gnb_1dli>a:hover{}
    .navigation nav ul li { margin:0 20px; }
    .navwrp{margin:0 0px}
    .gnb_2dul{display:none;position:absolute;top:70px;left:0;background:#232323;z-index:9;width:170px;}
    .gnb_op{float:left}

	.gnb_2dul {display:none;}
	
	#full_top_menu { margin:0 auto;width:100%;max-width:1200px; margin:0 auto; min-width:1000px; height:90px;}
	#logo {width:20%;}
	#logo .logo_image img {height:90px;}
	#center_menu {width:60%;text-align:center;}
	#catalog {width:20%;}
	#catalog .catalog_image {text-align:right; margin-top:35px;}	
	
	.top_menu {background:none; transition: background 0.5s; z-index:200;  }
	.top_menu:hover {background:#fff; transition: background 0.5s; border-bottom:0px; }
	#sub_menu_div {background:#fff;  position:fixed; margin:0 auto;width:100%; margin-top: 0; transition: opacity 0.5s; /* opacity: 0; */ }
	.top_menu:hover >#sub_menu_div { margin-top: 0px; opacity: 1;}
	
	/*서브 메뉴 라인 */
	.sub_menu_box { width:100%; height:35px; background:#643f2f; font-size:15px; color:#fff; line-height:32px; margin:0; padding:0;}
	.sub_menu_box .inner .menu_10 {margin-left:313px;}
	.sub_menu_box .inner .menu_20 {margin-left:425px;}
	.sub_menu_box .inner .menu_30 {margin-left:545px;}
	.sub_menu_box .inner .menu_40 {margin-left:685px;}
	.sub_menu_box .inner .menu_50 {margin-left:685px;}
	.sub_menu_box .inner {width:100%; max-width:1200px; margin:0 auto; }
	.sub_menu_box .inner a {color:#fff; font-weight:300; }
	.sub_menu_box .inner a:hover { color: #c59b6b; }
	
	.sub_menu_txt {text-align:center; margin-bottom:22px;}
	.sub_menu_txt a {color:#2e2e2e;font-size:15px;}
	.sub_menu_txt a:hover {color:#c59b6b;font-size:15px;}
	.sub_menu_txt a:hover > gnb_2dli a {background:#000;color:#c59b6b !important;}

	/* 서브 상단 네비게이션 */
	.sub_menu_text { font-size:45px; font-weight:700; color:#333333; text-align:center; padding-top:10px; }
	.sub_menu_text_bar {width:65px; margin:0 auto; border-top:2px solid #c59b6b; margin-top:15px; }
	
 }

@media all and (min-width : 601px) and (max-width : 1250px){
	
	.navigation {margin:0px 0;}
    .smobitrigger, .mnuclose { display: inline-block; margin-right:15px; }
    .smobitrigger {width:60px;height:50px; position:absolute;top:12px;right:0; line-height:50px; text-align:center;}
    .mnuclose {background:url(../img/close_btn.png) no-repeat 50% 50%; width:40px;height:40px;position:relative;top:0;right:0; z-index:999;}
    .smobitrigger span, .mnuclose span {text-shadow: none;color: transparent;}
    .mnuclose span{color:#aaa;}
    .mnuclose:hover{}
    .navigation nav ul {padding-bottom: 40px;overflow-y: auto;background:#232323; }
    .navigation nav ul li, .navigation nav ul li a {display:block ;text-align:left;background:#1d1d1d}
    .navigation nav ul li{border-bottom:1px solid #292929}
    .navigation nav ul li a { padding:10px  15px ;color:#fff}
    .navigation nav ul li a:hover { background: rgba(0, 0, 0, 0.29);}
    .menu_logout,.menu_login {padding:10px 15px !important;background:#292929 !important;}
    .menu_logout a,.menu_login a{background:#00d7c1 !important;border-radius:5px;text-align:center !important;color:#333 !important}
    .menu_logout a:hover,.menu_login a:hover{background:#00bca9 !important;color:#fff !important;}
    .menu_admin,.menu_edit {padding:10px 15px 0 !important;background:#292929 !important;}
    .menu_admin a{background:red !important;border-radius:5px;text-align:center !important}
    .navigation nav ul li.menu_edit a{border-radius:5px;text-align:center !important;background:#444 !important;color:#aaa}
    .navigation nav ul li.menu_edit a:hover,.navigation nav ul li.menu_edit a:focus{color:#00bca9}
    .mobimenu {list-style: none;padding: 20px;margin: 0px;width: 210px;position: fixed;height: 100%;top: 0px;right: -250px;background:#fff}
    .mnuopn { right: 0px !important; }
    .ovrActv {position: fixed;background: rgba(250,250, 250, 0.39); width: 100%; height: 100%;z-index: 98;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;}
    .gnb_op{position:absolute;top:0;right:0;width:40px;height:40px;}
    .navigation nav ul li.gnb_2dli a{background:#383838 !important;padding-left:20px}

	.gnb_2dul {display:block;}
	
	#full_top_menu { margin:0 auto;width:100%;max-width:1920px; min-width:1000px; height:80px;}
	#logo {width:80%;}
	#logo .logo_image {margin-left:20px;margin-top:0px;}
	#logo .logo_image img {height:80px;}
	#center_menu {width:60%;text-align:center;}
	#catalog {display:none; width:20%;}
	#catalog .catalog_image {margin-right:70px;margin-top:30px;}
	#sub_menu_div {display:none;}

	.top_menu {background:none; transition: background 0.5s; z-index:200; border-bottom:1px solid #fff; }
	.top_menu:hover {background:#f6f6f6; transition: background 0.5s; border-bottom:0px; }

	/* 서브 상단 네비게이션 */
	.sub_menu_text { font-size:45px; font-weight:700; color:#333333; text-align:center; padding-top:10px; }
	.sub_menu_text_bar {width:65px; margin:0 auto; border-top:2px solid #c59b6b; margin-top:15px; }
	
	
 }
 @media all and (max-width : 850px) {
	
	.navigation {margin:0px 0;}
    .smobitrigger, .mnuclose { display: inline-block; }
    .smobitrigger { width:60px;height:50px; position:absolute;top:12px;right:0; line-height:50px; text-align:center;}
    .mnuclose {background:url(../img/close_btn.png) no-repeat 50% 50%; width:40px;height:40px;position:relative;top:0;right:0;margin-left:3px; z-index:999;}
    .smobitrigger span, .mnuclose span {text-shadow: none;color: transparent;}
    .mnuclose span{color:#aaa;}
    .mnuclose:hover{}
    .navigation nav ul {
	padding-bottom: 40px;overflow-y: auto;
	background:#232323;
	}
    .navigation nav ul li, .navigation nav ul li a {display:block ;text-align:left;}
    .navigation nav ul li{border-bottom:0px solid #292929}
    .navigation nav ul li a { padding:10px  15px ;color:#fff; font-size: 17px;}
    .navigation nav ul li a:hover { background: rgba(0, 0, 0, 0.29);}
    .menu_logout,.menu_login {padding:10px 15px !important;background:#292929 !important;}
    .menu_logout a,.menu_login a{background:#00d7c1 !important;border-radius:5px;text-align:center !important;color:#333 !important}
    .menu_logout a:hover,.menu_login a:hover{background:#00bca9 !important;color:#fff !important;}
    .menu_admin,.menu_edit {padding:10px 15px 0 !important;background:#292929 !important;}
    .menu_admin a{background:red !important;border-radius:5px;text-align:center !important}
    .navigation nav ul li.menu_edit a{border-radius:5px;text-align:center !important;background:#444 !important;color:#aaa}
    .navigation nav ul li.menu_edit a:hover,.navigation nav ul li.menu_edit a:focus{color:#00bca9}
    .mobimenu {list-style: none;padding: 20px;margin: 0px;width: 210px;position: fixed;height: 100%;top: 0px;right: -250px;background:#fff}
    .mnuopn { right: 0px !important; }
    .ovrActv {position: fixed;background: rgba(250,250, 250, 0.39); width: 100%; height: 100%;z-index: 98;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;}
    .gnb_op{position:absolute;top:0;right:0;width:40px;height:40px;}
    .navigation nav ul li.gnb_2dli a{background:#383838 !important;padding-left:20px}

	.gnb_2dul {display:block;}	

	#full_top_menu { margin:0 auto;width:100%;max-width:1920px; min-width:1000px; height:80px;}
	#logo {width:80%;}
	#logo .logo_image {margin-left:20px;margin-top:0px;}
	#logo .logo_image img {height:80px;}
	#center_menu {width:60%;text-align:center;}
	#catalog {display:none; width:20%;}
	#catalog .catalog_image {margin-right:70px;margin-top:30px;}
	#sub_menu_div {display:none;}

	.top_menu {background:none; transition: background 0.5s; z-index:200; border-bottom:1px solid #fff; }
	.top_menu:hover {background:#f6f6f6; transition: background 0.5s; border-bottom:0px; }

	/* 서브 상단 네비게이션 */
	.sub_menu_text { font-size:35px; font-weight:700; color:#333333; text-align:center; padding-top:100px; }
	.sub_menu_text_bar {width:50px; margin:0 auto; border-top:2px solid #c59b6b; margin-top:10px; }
}