/*top_section*/
.top_section{display: flex; flex-shrink: 0;}
.top_section ul{height:auto; line-height:18px;}
.top_section li{display:inline-block; margin-right: 10px;}
.top_section li a{display:block; font-size:14px; color:#fff; padding-right:5px;}


/*nav*/
#mobile_menu h1{display:none;}

.nav {position:relative; z-index:99999999999999; width:100%; height:90px; line-height:90px; font-family:'Noto Sans KR'}
.nav .inner {max-width:100%; width:100%; padding: 0 10px; display: flex; justify-content: center; align-items: center;}
.nav h1 {align-items: center; display: flex; vertical-align: -webkit-baseline-middle;}


/*nav*/
.nav-list{padding: 0; list-style: none;  min-width: 60%; text-align:center;}
.nav-list a {display: block; position: relative; zoom: 1; }
.nav-list > li {position:relative;  padding:0 4%; display:inline-block;}
.nav-list > li > a {font-size:20px; font-weight:600; color: #fff; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;}
.nav-list > li:hover {/*background: #2f7fc4;*/}
.nav-list > li:hover > a {color:#fff26b;}


/*** 2deths ***/
.nav-list ul {position: absolute; min-width:100%; width: auto; display: none; top: 97%; left: 0; z-index: 99999; background:#fff; text-align: left;}
.nav-list > li {position:relative;  padding:0 3%; display:inline-block;}
.nav-list > li ul li{position:relative; float: none; height:40px; line-height:40px;}
.nav-list > li ul li a{font-size:16px; color:#383844; border-bottom:1px solid #e0e0e0; padding:0 40px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.nav-list > li ul li a:hover{background:#003333; color:#fff;}
.nav-list > li > ul{border-top:3px solid #003333; width:220px;}
.nav-list > li > ul ul {top: 0; left: 100%; border:1px solid #e0e0e0; border-bottom:0;}

.nav-list > li.in_menu9 > ul {right:0;} 

.nav-list > li:hover > a,
.nav-list > li.sfHover > a{
	color:#ffcc00;
	-webkit-transition: none;
	transition: none;
}

.nav-list li:hover > ul,
.nav-list li.sfHover > ul {display: block;}


 
/* Mobile Menu Core Style*/
#mobile_menu{clear:both;}
.slicknav_menu {display:none; position:absolute; top:64px; width:100%;/*  z-index:199; */ line-height: normal;font-weight:400;}
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding:0; cursor: pointer; margin:0 20px 0 0;}
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin:0; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width:30px; height:2px; border-radius: 1px; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top:7px; }
.slicknav_nav {position: relative; top: 33px; color:#fff; margin:0; padding:0; font-size:16px; clear: both;}
.slicknav_nav,
.slicknav_nav ul {list-style: none; overflow:hidden; background:#444;}
.slicknav_nav ul,
.slicknav_nav li { display: block; border-bottom:1px solid #585858; position: relative;}
.slicknav_nav li > a{position:relative;}
.slicknav_nav li ul{border:0; background:#f4f4f4; padding:10px 0;}
.slicknav_nav li ul li{border-bottom:0;}
.slicknav_nav ul li a{color:#000;font-size:15px;}

.slicknav_nav > li > ul > li > a,
.slicknav_nav li ul li a.slicknav_item{font-size:15px; padding:15px 30px; }

.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block ; color:#fff; padding:15px 25px;}
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }

/* Button Text */
.slicknav_menu  .slicknav_menutxt {color: #FFF; font-weight: bold; text-shadow: 0 1px 3px #000; display:none;}

/* Button Lines */
.slicknav_menu .slicknav_icon-bar {background-color: #000;}
.slicknav_nav .slicknav_item a {padding:15px 30px;  margin:0;}

.slicknav_nav .slicknav_txtnode {margin-left:15px;}

/*더보기 + 버튼*/
.slicknav_nav .slicknav_arrow {display: inline-block; position: absolute; right: 34px;  top:50%; margin-top:-4px; font-size: 15px; height: 9px; line-height: 7px;}

/*2deths*/
.slicknav_nav li ul li ul{background:#e2e2e2;}
.slicknav_nav li ul li ul li a{color:#000; padding:5px 30px; font-size:15px;}

/*hover*/
.slicknav_nav > li:hover > a{background:#2265ac;}
.slicknav_nav > li:hover > a > a{color:#fff;}
.slicknav_nav > li:hover .slicknav_arrow {color:#fff;}
.slicknav_nav > li:hover ul .slicknav_arrow{color:#000;}

.slicknav_nav li ul li a:hover,
.slicknav_nav li ul li a.slicknav_item:hover a{color:#2265ac;}

.in_top_menu {background:#444;}
.in_top_menu a {color:#fff;}

.show_menu {
	display:inline-block;
	width:50%;
	text-align:center;
	border-right: 1px solid #585858;
	box-sizing: border-box;
}
.show_menu2 {
	display:inline-block;
	width:33.3%;
	text-align:center;
	border-right: 1px solid #585858;
	box-sizing: border-box;
}
.hide_menu {
	display:inline-block;
	width:50%;
	text-align:center;
	display:none;
}



/**************************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************************/
/*responsive*/
@media screen and (max-width:1800px){
    .nav h1 {width:200px; margin-left:40px;}
    .nav-list{width: 90%; text-align:center; }
	.top_section{position:absolute;right:0;top:5px;}	
}

@media screen and (max-width:1600px) {

	/*header*/
	.nav h1 {width:200px; margin-left:40px;}
	.top_section li a{font-size:12px;}
}

@media screen and (max-width:1500px) {

	/*header*/
	.nav h1 {width:200px; margin-left:30px;}
	.nav-list > li {padding: 0 2%; }
}


@media screen and (max-width:1200px) {

	/*header*/
	.nav h1 {width:160px;}
	.nav-list > li {padding: 0 1%; }
}

@media screen and (max-width:1024px) {
    header{position:relative; z-index:9999; background: white; display: flex; align-items: center;}
    .nav{display:none;}
	#gnb {display:none;}
	.slicknav_menu {display:block;}
	.pn-ProductNav_Wrapper {display:block;}

    #mobile_menu h1{display:block; width:80%;}

	/*header*/
	header{height:90px;}
	#mobile_menu h1 img{width:160px; }
	#mobile_menu h1{position:relative; padding-left:15px;}

	.slicknav_menu {top:34px;}
	.slicknav_nav {top:30px;}
}