/*Content CSS*/
#header_wrap { width:100%; height:100px; background-color:transparent; z-index:57; background: #fff;}
#header #logo { margin-left:25px; padding:0}
#header #logo a { display:block;  line-height:100px}
#header #logo img {}
#header {position:absolute;left:0;top:0px; max-width: 1700px; width:100%; left: 50%; transform:translateX(-50%) ;z-index:6;height:100px;-webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#header .header-inner {width:100%; height:100% }
#header .header-inner .menu {cursor:pointer;text-indent:-9999px; position:absolute;top:29px; left:50%;width:25px;height:20px; background-image:url('../img/cate_more.gif'); margin-left:200px; border:0; display:none}
#header .header-inner .menu.on {background-image: url('../img/cate_close.gif')}
.scrolled #header_wrap  { background-color:#000; border-bottom:none; -webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; }

#top_nav .gnb { list-style:none; height:100%; position:absolute; right: 190px; top:0px;}
#top_nav .gnb > li { float:left; position:relative; display:inline-block; width:150px;  vertical-align:middle; text-align:center;}
#top_nav .gnb > li {height:100px;line-height:100px; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#top_nav .gnb > li > a {display:inline-block; line-height:100px; height: 100px;  width:100%; color:#333; font-size:18px; font-weight:700; text-decoration:none; font-family: 'NanumSquare', sans-serif !important;}
#top_nav .gnb > li > a:hover {color: #0068d3}
#top_nav .gnb > li.active {background-color: #0068d3}
#top_nav .gnb > li.active > a {color: #fff}

/*child_menu*/
#top_nav .gnb .snb {list-style:none; display:none; }
#top_nav .gnb .snb,.device-md #top_nav .gnb .snb{display: none;position: absolute; right: -28px;width: 200px; top:100px; border-top: 0; z-index:2;background: url('../img/menu_tri.png') no-repeat 50%  0;  padding-top: 10px; margin-top: -10px;}
.navi_tri {position: absolute; left: 50%; top: -55px; margin-left: -10px; width: 21px; height: 15px;}
#top_nav .gnb .snb li { font-size:14px; line-height:3.1; text-align:left; border-top:1px solid rgba(255,255,255,0.2);background-color: #0068d3;}
#top_nav .gnb .snb li a { color:#FFF; display:block; padding-left:20px}
#top_nav .gnb .snb li a:hover {color:#fff;  display:block; background-color:#1d90ff; text-decoration:none; line-height:3.1}
#top_nav .gnb .snb li:first-child { border-top:0}

.header_call {position: absolute; top: 0; right: 0; height: 100px; line-height: 100px; font-family: 'GmarketSansMedium',sans-serif; font-size: 24px; color:#333;}
.header_call img {margin-right: 15px;}

/*select_link*/
.select_link{position: absolute; top: 50%; right: 70px; margin-top: -15px; border: 1px solid #000; width:100px;border-radius: 26px;color: #000; font-weight: 900;font-size: 13px;z-index: 2111; }
.select_link_default{position:relative;text-align: left;width: 100%; border: none; background: transparent}
.select_link_default:focus {outline: none;}
.select_link_default .selected{display:inline-block;padding-left:32px;line-height:26px;background: url('../img/icn_lang.png') no-repeat 8px 50%;}
.select_link_default .arrow{position:absolute;top:12px;right:12px; display:inline-block;font-size: 0px;color: transparent;width: 7px;height:4px;background: url('../img/sel_arrow.png') no-repeat 0 0;transition: transform .4s;}
.select_link .select_list{display:none;position: absolute;top:30px;width: 100%;box-sizing: border-box;background-color: rgba(0,0,0,.7); z-index: 10000;}
.select_link.on .select_list{display: block;}
.select_list > li > a{display: block;padding: 5px 0 5px 8px; font-family: 'NotoSans-Regular', sans-serif; color: #fff; text-decoration: none; cursor:pointer;}

/*히든메뉴*/
.hidden_nav_logo {margin-top: 50px; text-align: center; padding: 30px;}
.hidden_home {width: 250px; height: 50px; margin: 0 auto 30px auto;}
.hidden_home a {width: 250px; height: 50px; line-height: 50px; background: #f7f7f7; display: block; font-size: 16px; font-weight: 400; color:#000; border-radius: 50px; transition: all 0.3s;}
.hidden_home a span {font-size: 20px; position: relative; top: 2px;}
.hidden_home a:hover {background: #0068d3; color:#fff;}
.menu_slider_btn_box { position: absolute; right:0; top: 48px; z-index: 9;}
.hidden_nav > .menu_slider_btn_box { position: absolute; right:30px; top: 50px; z-index: 9;}
.menu_slider_btn {
  display: block;
  cursor: pointer;
  transform: translate(-50%, -50%);
}
.menu_slider_btn span {
  display: block;
  background: #0068d3;
  width: 25px;
  height: 2px;
  border-radius: 3px;
  transition: 0.25s margin 0.25s, 0.25s transform;
}
.menu_slider_btn span:nth-child(2) {
	margin: 5px 0;
}

.menu_slider_btn2 {
  display: block;
  cursor: pointer;
  transform: translate(-50%, -50%);
}
.menu_slider_btn2 span {
  display: block;
  background: #0068d3;
  width: 25px;
  height: 2px;
  border-radius: 3px;
  transition: 0.25s margin 0.25s, 0.25s transform;
}

.menu_slider_btn2 span:nth-child(1) {
  margin-top: 0;
  margin-bottom: -0;
    transform: rotate(45deg);
}
.menu_slider_btn2 span:nth-child(2) {
    transform: rotate(45deg);
	display: none;
}
.menu_slider_btn2 span:nth-child(3) {
  margin-top: -3px;
    transform: rotate(135deg);
}



.hidden_nav_box {width :100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0; z-index: 9999; position: fixed; display: none;}
.hidden_nav {text-align: center; width: 500px; height: 100vh; position: absolute; top: 0; right: -600px; background: #fff; z-index: 10000; position: fixed;    border-left: 1px solid #ddd;}
.hidden_nav > ul {  width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding: 30px;}
.hidden_nav > ul > li {width: 50%; padding: 40px 50px;}
.hidden_nav > ul > li:nth-child(1) {border-right: 1px solid #efefef; border-bottom: 1px solid #efefef;}
.hidden_nav > ul > li:nth-child(2) {border-bottom: 1px solid #efefef;}
.hidden_nav > ul > li:nth-child(3) {border-right: 1px solid #efefef;}
.hidden_nav > ul > li > a {text-decoration: none; display: block; font-size: 20px; color:#000; font-weight: 500; text-transform:uppercase; transition: all 0.3s; text-align: center;}
.hidden_nav > ul > li > a > div { width: 30%; height: 1px; background: #000; position: absolute;bottom: -1px; left: 0;}
.hidden_nav > ul > li > a:hover {color: #0068d3;}
.hidden_nav > ul > li > ul {text-align: left; padding: 0 15px; margin-top: 15px;}
.hidden_nav > ul > li > ul > li {margin-bottom: 7px;}
.hidden_nav > ul > li > ul > li > a {text-align: center; display: block;font-size: 14px; font-weight: 400; color:#000; transition: all 0.3s;}
.hidden_nav > ul > li > ul > li > a:hover {color:#0068d3}
.hidden_nav > ul > li > ul > li > a.active {color:#0068d3}
.hidden_nav > ul > li > ul > li:last-child a {border-bottom: 0;}

.hidden_info {width: 100%; padding: 30px 30px 80px 30px; position: absolute; bottom: 0;  text-align: center; }
.hidden_info h1 {font-size: 30px; color:#000; font-weight: 900; margin-bottom: 20px; font-family: 'NanumSquare', sans-serif !important; margin-left: -40px;}
.hidden_info h1 i {color:#0068d3; margin-right: 10px; position: relative; top: 3px;}
.hidden_info ul li {font-size: 14px; color: #999; font-weight: 300; word-break : keep-all;}

.hidden_nav_mobile {margin: 20px auto 0 auto ; width: 140px; height: 30px;}
.hidden_nav_mobile a {display: block;text-align: center; width: 140px; height: 30px; line-height: 30px; color:#fff!important; background: #333; border-radius: 3px;  font-size: 10px; transition: all 0.3s}
.hidden_nav_mobile a:hover {background: #0068d3;}

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

}

@media screen and (max-width: 960px) {
    #header { display:block; background-color:transparent; top:0;  position:fixed}
    #header #logo { width:120px; display:block}
    .scrolled #header_wrap { background-color:#000}
    #top_nav .gnb { display:none}
    #header_wrap {top:0px;}
}

@media screen and (max-width: 640px) {
    #header_wrap {top:0px;}
}