/*top_section_new*/
.top_section{display: flex;flex-shrink: 0;align-items: center;}
.top_section ul{height:auto; line-height:18px; font-size:0px;}
.top_section li{display:inline-block; margin-right: 10px;}
.top_section li a{display:block; font-size:14px; color:#ffff; 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: 90%; width: 90%; padding: 0 10px; display: flex; justify-content: flex-start; align-items: center;}
.nav h1 { width: 200px; display: flex; align-items: center; margin-right: 50px;}

.nav-list{padding: 0; list-style: none; width: 80%; display: flex; align-items: flex-end; justify-content: center;}

.nav-list > li {display: inline-block; margin: 0 3%;}
.nav-list > li > a {font-size:20px; font-weight:600; letter-spacing: 12px; color: #fff; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;}
.nav-list > li:hover > a {display:block; color:#c4e1ff;}
.nav-list ul {display: none;}

/* 2deths */
.lnb_sub {display:none;position:absolute;top:74px;right:0;width:100%; margin:30px 0;z-index: 99999;}
.lnb_sub div {float:left; width:22%; /* width:278px; */ padding:10px 20px 30px 0; vertical-align:top; /* background:url("img/lnb_title_bg.gif") no-repeat 0 100%; */
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
.lnb_sub div:after {position:absolute;right:0;bottom:0;content:'';width:100%;height:100%;}
.lnb_tit {position:relative;margin-bottom:15px;font-size:32px;font-weight:500;color:white;padding-bottom: 5px;border-bottom: 2px solid white;}
.lnb_txt {font-size:15px;color:#fff;line-height:1.4;}
.lnb_sub > ul  {float:left; width:70%; /* width:calc(100% - 350px); */ min-height:190px; padding:0 0 20px 22px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
.lnb_sub > ul > li {display:inline-block; vertical-align:top; width:21%; margin:25px 1.5% 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
.lnb_sub > ul > li > a {position:relative;display:block; line-height:140%; font-size:1.3em; font-size:1.05em;font-weight:500; color:#03328d; border:1px solid #2265ac; background:#2265ac;
	color:#fff; padding:6px 8px; text-align:center; transition:all 0.5s; -webkit-transition:all 0.5s; }
.lnb_sub > ul > li > a[target='_blank']:after {content:'';display:inline-block;width:21px;height:17px;margin-left:5px;
	/*background:url("../../common/css/img/ico_blank.png") no-repeat right top;*/vertical-align:middle;}
.lnb_sub > ul > li > ul {padding:5px 0 0;}
.lnb_sub > ul > li > ul > li {padding:0;}
.lnb_sub > ul > li > ul > li a {position:relative;display:inline-block;width:98%; padding: 6px 2px;line-height: 1.4em; border:1px solid #ddd; text-align: center;font-weight:500; background:white;}
.lnb_sub > ul > li > ul > li a:hover {color:#2265ac; font-weight:500;}
/* .lnb_sub > ul > li > ul > li a:before {position:absolute;left:0;top:12px;background:#8a95a2;width:3px;height:3px;display:block;content:"";} */
.lnb_sub > ul > li > ul > li a[target='_blank']:after {content:'';display:inline-block;width:21px;height:17px;margin-left:0;
	/*background:url("../../common/css/img/ico_blank2.png") no-repeat right top;*/vertical-align:middle;}

/* 3depth */
.nav-list > li > div > ul > li > ul > li{line-height:135%; padding:2px;}

#smenu_bar {display:none;position:absolute; top:90px; width:100%; min-width:1200px; min-height:384px; z-index:9998; background:#fff; opacity: 0.95; box-shadow:1px 1px 15px -5px rgba(0,0,0,0.5);
-webkit-box-shadow:1px 1px 15px -5px rgba(0,0,0,0.5);
-moz-box-shadow:1px 1px 15px -5px rgba(0,0,0,0.5);
-o-box-shadow:1px 1px 15px -5px rgba(0,0,0,0.5);}

/* 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 .inner {max-width: 90%; width: 90%;}
    .nav h1 {width:200px; margin-left:20px;}
    .nav-list{width: 90%; }
	.nav-list > li a {padding: 0 15px; }
	.top_section{position:absolute;right:0;top:5px;}
}

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

	.nav h1 {width:160px; margin-left:10px;}
	.nav-list > li a {padding: 0 5px; }
	.nav-list > li > a {font-size:18px;}
	.nav-list > li > ul > li > a{line-height:16px; font-size:14px; font-weight: 300;}
	.top_section li a {font-size:12px; }
}

@media screen and (max-width:1300px) {
	
	/*header*/
	.nav h1 {width:160px; margin-left:10px;}
	.nav-list > li a {padding: 0 1px; }
	.nav-list > li > a {font-size:18px;}
}

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

	/*header*/
	.nav h1 {width:140px; margin-left:10px;}
	.nav-list > li > a {font-size:16px;}
	.nav-list > li > ul > li > a{line-height:14px;}
}

@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;}
}