@charset "utf-8";


/*  모바일 메뉴 공통 */
#mobi_menu_box { position:fixed; top:0px; right:-300px;width:300px;height:100%; background:#fff;z-index:100000;  overflow:scroll; -webkit-overflow-scrolling:touch; -webkit-transform:translateZ(0); }
#mobi_menu_box .mo_box {width:100%; background:#009944; }
#mobi_menu_box .mo_box .inner {padding:35px;}
#mobi_menu_box .mo_box .inner .logo {float:left}
#mobi_menu_box .mo_box .inner .logo img {height:35px;}
#mobi_menu_box .mo_box .inner .closebtn {float:right;margin-top:10px;}
#mobi_menu_box .mo_box .inner .closebtn img {height:20px}
#mobi_menu_box .mo_box2 {width:100%; background:#fff; }
#mobi_menu_box .mo_box2 .inner {padding:25px 35px;}
#mobi_menu_box .mo_box2 .inner .mo_menu1 { border-bottom:1px solid #221815; padding:10px 0;}
#mobi_menu_box .mo_box2 .inner .mo_menu1 .inner {padding:0 10px;}
#mobi_menu_box .mo_box2 .inner .mo_menu1 .inner .mo_menu2_box { display:none;}
#mobi_menu_box .mo_box2 .inner .mo_menu1 .inner .mo_menu2_box .mo_menu2 {  padding:8px 0;}



.smobitrigger, .mnuclose { display: none; }

.navigation nav ul{}
.navigation nav ul li { display: inline-block;padding:0px; vertical-align:top;}
.navigation nav ul li a { display: inline-block;text-transform: uppercase;text-decoration: none;padding: 0px;font-size:20px;color:#898989;}
.navigation nav ul li a:hover { color: #009944; } /* 메뉴 포인트 색상 일괄 변경 기준 */

.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:#009944 !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 : 1200px) {
	
	.top_menu {height:92px}
	.navigation {margin:0px 0; font-weight:300; }
	.navigation nav ul li.gnb_1dli {}
    .navigation nav ul li.gnb_1dli>a{line-height:92px;height:92px;}
	.navigation nav ul li.gnb_1dli>a:hover{}
    .navigation nav ul li { padding:0 32px; }
    .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; min-width:1000px; }
	#logo {width:25%;}
	#logo .logo_image {text-align:center;height:92px;line-height:92px;}
	#center_menu {width:75%;text-align:center;}
	#catalog {width:20%;}
	#catalog .catalog_image {margin-right:70px;margin-top:30px;}

	
	
	/*
	.top_menu {background:none; transition: background 0.5s; z-index:200; border-bottom:1px solid #fff; }
	.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: -282px; transition: opacity 0.5s; opacity: 0; }
	.top_menu:hover >#sub_menu_div { margin-top: 2px; opacity: 1;}
	*/	
	.sub_menu_box { height:0px; overflow:hidden;} 

	.sub_menu_txt {text-align:center; padding:10px 0; }
	.sub_menu_txt a {color:#009944; font-weight:300;}
	.sub_menu_txt a:hover {color:#2e2e2e; font-weight:300;}

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

@media all and (min-width : 601px) and (max-width : 1200px){
	
	.top_menu {height:80px}
	.navigation {margin:0px 0;}
   .smobitrigger, .mnuclose { display: inline-block; }
    .smobitrigger { width:40px;height:80px; position:absolute;top:13px;right:20px; line-height:50px; text-align:center;}
	.smobitrigger img {width:40px;}
    .mnuclose {background:url(../img/close_btn.png) no-repeat 50% 50%; width:40px;height:80px;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:20px;}
	#logo .logo_image img {height:35px;}
	#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:#fff; transition: background 0.5s; border-bottom:0px; }
	*/
	/*
	#sub_menu_div {background:#fff;  position:fixed; margin:0 auto;width:100%; margin-top: -282px; transition: opacity 0.5s; opacity: 0; }
	.top_menu:hover >#sub_menu_div { margin-top: 2px; opacity: 1;}
	*/	
	.sub_menu_box { display:none; height:0px; overflow:hidden;} 

	/* 서브 상단 네비게이션 */
	.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 #009944; margin-top:15px; }
	
	
 }
 @media all and (max-width : 600px) {
	
	.top_menu {height:80px}
	.navigation {margin:0px 0;}
    .smobitrigger, .mnuclose { display: inline-block; }
    .smobitrigger { width:40px;height:40px; position:absolute;top:13px;right:20px; line-height:50px; text-align:center;}
	.smobitrigger img {width:40px;}
    .mnuclose {background:url(../img/close_btn.png) no-repeat 50% 50%; width:40px;height:80px;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; height:80px; line-height:80px; }
	#logo .logo_image img {height:35px;}
	#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:#fff; transition: background 0.5s; border-bottom:0px; }
	*/
	/*
	#sub_menu_div {background:#fff;  position:fixed; margin:0 auto;width:100%; margin-top: -282px; transition: opacity 0.5s; opacity: 0; }
	.top_menu:hover >#sub_menu_div { margin-top: 2px; opacity: 1;}
	*/	
	.sub_menu_box { display:none; height:0px; overflow:hidden;} 

	/* 서브 상단 네비게이션 */
	.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 #009944; margin-top:10px; }
}