@charset "utf-8";

/*  모바일 메뉴 공통 */
#mobi_menu_box { display:none; position:fixed; top:0px; width:100%; height:100%; background:#dfe0e1; 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:#001e40;margin-bottom:15px;}
#mobi_menu_box .mobi_menu1_a {color:#001e40;padding-bottom:10px;font-weight:700;}
#mobi_menu_box .mobi_menu2 {font-family: 'Noto Sans KR', sans-serif; font-size:16px;padding:12px 15px; background:#f2f2f2;}
#mobi_menu_box .mobi_menu2_a {color:#001e40;}

.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:18px;color:#000; font-weight:400; }
.navigation nav ul li a:hover { color: #122a88; } /* 메뉴 포인트 색상 일괄 변경 기준 */

.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:#122a88 !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 : 1201px) {
	
	.navigation {margin:0px 0; font-weight:700; }
    .navigation nav ul li.gnb_1dli>a{line-height:65px;height:65px;margin:0px 0px;}
	.navigation nav ul li.gnb_1dli>a:hover{}
    .navigation nav ul li { width:145px; margin:0px; text-align:center;  line-height:90px; height:90px;}
    .navwrp{margin:0 0px}
    .gnb_2dul{display:none; position:absolute; top:70px; left:0; background:#232323; z-index:9; width:180px; }
    .gnb_op{float:left}

	.gnb_2dul {display:none;}
	
	#full_top_menu { margin:0 auto; width:100%;max-width:1200px; min-width:1000px; height:90px;}
	#logo {width:20%; }
	#logo .logo_image { margin-left:0px; margin-top:-5px; line-height:90px; height:90px; }
	#center_menu {width:80%;text-align:right;}
	#catalog {width:20%;}
	#catalog .catalog_image {text-align:right; line-height:90px; height:90px; font-size:14px; color:#fff;; font-weight:300; } /* 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:rgba(255,255,255,0.4);}
	#catalog .catalog_image .catalog_ul li a:hover {color:#001e40;}	
	
	.top_menu {background:#fff; transition: background 0.5s; z-index:200; border-bottom:1px solid rgba(255,255,255,0.5);}
		
	.menu2_box { display:none; position:absolute; margin-top:-1px; border-top:2px solid #122a88; }
	.menu2_box .box {width:145px; height:55px; line-height:50px; color:#000; text-align:center;  cursor:pointer; background:rgba(255,255,255,0.85)}
	.menu2_box .box:hover {color:#122a88; font-weight:bold; }

	.sub_menu_box {display:inline-block; width:145px; min-height:170px;; vertical-align:top; border-top:2px solid #fff; padding-bottom:40px; padding-top:20px;}
	
	.sub_menu_txt {text-align:center; line-height:38px;}
	.sub_menu_txt a {color:#2e2e2e;font-size:15px; font-weight:300; }

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

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

	#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:#fff;}
	#mobi_menu_box .catalog_ul li a:hover {color:#001e40;}
	
	.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:#fff; transition: background 0.5s; z-index:200; }

	/* 서브 상단 네비게이션 */
	.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 #122a88; margin-top:15px; }
	
	
 }
 @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:80px;}
	#logo {width:80%;}
	#logo .logo_image {margin-left:20px;margin-top:27px;}
	#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:#fff; transition: background 0.5s; z-index:200; }


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