@charset "utf-8";

.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;}
.navigation nav ul li a:hover { color: #126ace; } /* 메뉴 포인트 색상 일괄 변경 기준 */

.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:#126ace !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 : 1401px) {
	
	.navigation {margin:0px 0; font-weight:500; }
    .navigation nav ul li.gnb_1dli>a{line-height:55px;height:50px;margin:15px 0px;border-bottom:2px solid transparent; font-size: 18px; }
	.navigation nav ul li.gnb_1dli>a:hover{border-bottom:2px solid #126ace;}
    .navigation nav ul li { width:160px;margin-left:30px; }
    .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;}

	#logo {margin-top:0px;}
	#logo img {height:85px; margin-top:0px;}
	#full_top_menu { margin:0 auto;width:100%;max-width:1420px;height:85px; }
	
	.top_menu {background:none; transition: background 0.5s; z-index:200;}
	.top_menu:hover {background:#fff; transition: background 0.5s;}
	#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: 0px; opacity: 1; border-bottom:1px solid #ccc;}

	.sub_menu_list {margin:0 auto;width:100%;max-width:1420px;height:165px; }
	.sub_menu_box { display:inline-block;width:160px;margin-left:30px;text-align:right;vertical-align:top; margin-bottom:30px; }
	
	.sub_menu_txt {text-align:left; margin-bottom:17px;}
	.sub_menu_txt a {color:#2e2e2e;font-size:15px;}
	.sub_menu_txt a:hover {color:#126ace;font-size:15px;}
	.sub_menu_txt a:hover > gnb_2dli a {background:#000;color:#126ace !important;}
	
 }

@media all and (min-width : 601px) and (max-width : 1400px){
	
	.navigation {margin:0px 0;}
    .smobitrigger, .mnuclose { display: inline-block; }
    .smobitrigger {width:60px;height:50px; position:absolute;top:17px;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 { display:none;  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; }
   
    .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;}
	
	#logo {margin-left:0px;text-align:center;float:none;padding:0px 0;font-size:20px;height:85px;}
	#logo img {height:85px; margin-top:0px;}
	#full_top_menu { margin:0 auto;width:100%;max-width:1400px;height:85px; }
	#sub_menu_div {display:none;}
	
 }
 @media all and (max-width : 600px) {
	
	.navigation {margin:0px 0;}
    .smobitrigger, .mnuclose { display: inline-block; }
    .smobitrigger { width:60px;height:50px; position:absolute;top:10px;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 {display:none; }
    .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; }
 
    .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;}
	
	#logo {margin-left:0px;text-align:center;float:none;padding:0px 0;font-size:20px;height:70px;}
	#logo img {height:60px; margin-top:5px;}
	#full_top_menu { margin:0 auto;width:100%;max-width:1400px;height:70px; }
	#sub_menu_div {display:none;}
}