@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 .smobitrigger_close { width:60px;height:50px; position:absolute;top:4px;right:0; line-height:50px; text-align:center; }
#mobi_menu_box .mobi_menu1 {font-family: 'Noto Sans KR', sans-serif; font-size:23px;color:#000000;margin-bottom:25px;}
#mobi_menu_box .mobi_menu1_a {color:#000000;padding-bottom:10px;font-weight:700;}
#mobi_menu_box .mobi_menu2 {font-family: 'Noto Sans KR', sans-serif; font-size:18px;padding:5px 0;; }
#mobi_menu_box .mobi_menu2_a {color:#000000;}

.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-decoration: none;padding: 0px;font-size:16px;color:#FFF; ; }
.navigation nav ul li a:hover { color: #FF0000; } /* 메뉴 포인트 색상 일괄 변경 기준 */

.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:#000 !important;font-size:12px;}
.navigation nav ul li.gnb_2dli a:hover {background:#000;color:#c60000 !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 : 1361px) {
	
	.navigation {margin:0px 0; font-weight:400; }
    .navigation nav ul li.gnb_1dli>a{line-height:40px;height:40px; margin:30px 0px; padding:0 15px;}
	.navigation nav ul li.gnb_1dli>a:hover{}
    .navigation nav ul li { width:190px;margin:0px; }
    .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:1360px; min-width:1000px; height:100px;}
	#logo {width:20%;}
	#logo .logo_image {margin-left:0px;margin-top:32px;}
	#center_menu {width:60%;text-align:center;}
	#catalog {width:20%;}
	#catalog .catalog_image {text-align:right;line-height:100px;height:100px; font-size:13px; color:#000; font-weight:400; } /* 6f6f6f */
	#catalog .catalog_image .catalog_ul {list-style:none;float:right;}
	#catalog .catalog_image .catalog_ul li {float:left;margin:0 5px;}
	#catalog .catalog_image .catalog_ul li a {color:#000;}
	#catalog .catalog_image .catalog_ul li a:hover {color:#f05501;}
		
	.top_menu {background:none; transition: background 0.5s; z-index:200; }
	.top_menu:hover {background:rgba(255,255,255,0.8);}
	#sub_menu_div {background:rgba(255,255,255,0.8); position:fixed; margin:0 auto;width:100%; margin-top: -300px; transition: opacity 0.3s; opacity: 0; }	
	.top_menu:hover >#sub_menu_div { margin-top: 0px; opacity: 1;}
	.sub_menu_box {display:inline-block; width:190px;  vertical-align:top; padding:0px 0 25px 0; }
	
	.sub_menu_txt {text-align:center; line-height:40px;}
	.sub_menu_txt a { color:#000; font-size:15px; font-weight:300; }
	.sub_menu_txt a:hover { color:#FF0000; }

	/* 다운로드 버튼 */
	.menu_btn { }
	.menu_btn a { border:2px solid #FFF; border-radius:20px; font-size:16px; color:#FFF; padding:3px 40px;  }
	
 }

@media all and (min-width : 601px) and (max-width : 1360px){

	#mobi_menu_box .catalog_ul {list-style:none;float:right;}
	#mobi_menu_box .catalog_ul li {float:left;margin:0 5px;}
	#mobi_menu_box .catalog_ul li a {color:rgba(255,255,255,0.4);}
	#mobi_menu_box .catalog_ul li a:hover {color:#f05501;}
	
	.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; 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:28px;}
	#logo .logo_image img {}
	#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:rgba(255,255,255,0.9); transition: background 0.5s; z-index:200; }
	.top_menu:hover {background:rgba(255,255,255,0.9); 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 #5781c1; margin-top:15px; }

	/* 다운로드 버튼 */
	.menu_btn { margin-top:20px; }
	.menu_btn a { border:2px solid #535353; border-radius:20px; font-size:19px; color:#535353; padding:3px 40px; font-weight:700; }
	
 }
 @media all and (max-width : 600px) {
	
	.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:70px;}
	#logo {width:80%;}
	#logo .logo_image {margin-left:20px;margin-top:20px;}
	#logo .logo_image img {}
	#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:rgba(255,255,255,0.9); transition: background 0.5s; z-index:200; }
	.top_menu:hover {background:rgba(255,255,255,0.9); transition: background 0.5s; border-bottom:0px; }

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

	/* 다운로드 버튼 */
	.menu_btn { margin-top:20px; }
	.menu_btn a { border:2px solid #535353; border-radius:20px; font-size:19px; color:#535353; padding:3px 40px; font-weight:700; }
}