/*Content CSS*/
#header_wrap { width:100%; height:90px; z-index:57; left:0; top:0; position: absolute; left:0; top:0;border-bottom: solid 1px rgba(255,255,255,.2);
-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_wrap.subpage {border-bottom: 1px solid rgba(255,255,255,.2); } */
#header  {height: 100%; width: 100%; }
#header #logo {  padding:0 0 0 0; position: relative; z-index: 2;  display: flex; justify-content: center; align-items: center;}
#header #logo a { display:block; width:107px; height:48px; transition: all .3s ease; background: url('../img/logo.png') 50% 50% no-repeat; }
#header {left:0;top:0px; max-width: 100%; width:100%; z-index:6;-webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; margin:0 auto; position: relative;}
#header .header-inner {max-width:100%; padding:0 0 0 80px;  height:100%; margin:0 auto; display: flex; justify-content: space-between; position: relative; z-index: 10;
align-items: center; }


#top_nav {height: 100%; display: flex;}
#top_nav .gnb { list-style:none; height:100%; }
#top_nav .gnb > li { float:left; position:relative; display:inline-block; width:auto;  vertical-align:middle; text-align:center;}
#top_nav .gnb > li {-webkit-transition: all .4s 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:90px; height: 90px; width:100%; color:#fff; font-size:21px; letter-spacing: -.42px; font-weight:500; text-decoration:none; opacity: 1; transition: all .3s ease; border-bottom: 2px solid transparent; text-transform: uppercase; padding: 0 27px;}
/* #top_nav .gnb > li.active {background-color: #b0905e} */
#top_nav .gnb > li:hover a{background-color: #ed1c24;}
#top_nav .gnb > li.active > a {opacity: 1; background-color: #ed1c24}



/*child_menu*/
#top_nav .gnb .lnb {position: absolute; left: 50%; transform: translateX(-50%); top: 100%; width: 100%; height: 75px; display: none; justify-content: center;}
#top_nav .gnb .lnb li a {display: flex; align-items: center; justify-content: center; width: 100%; font-size: 15px; line-height: 1.2; font-weight: 400; height: 50px; color: #fff; background-color: rgba(0,0,0,.5);transition: .3s; border-bottom: solid 1px rgba(255,255,255,.2); text-align: center; }
#top_nav .gnb .lnb li:last-child a{border-bottom: 0;}
#top_nav .gnb .lnb li:hover a {color: #ed1c24;}

/* hidden_nav */
.menu_slider_btn {cursor: pointer; position: relative; top:0; padding-top:0; height: 100%; width: 90px; display: flex; align-items: center; transition: all .3s ease; justify-content: center; flex-direction: column; background: transparent; background-color: #ed1c24;}
.menu_slider_btn i{color: #fff; font-size: 35px;}
.menu_slider_btn2 { display: block; cursor: pointer; transform: translate(-50%, -50%); position: absolute; right:40px; top:60px;}
.menu_slider_btn2 span { display: block; background: #ed1c24; 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: -2px; 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: 480px; height: 100vh; position: absolute; top: 0; right: -480px; background: #fbfbfb; z-index: 10000; position: fixed; text-align: left;
    padding:90px 60px 0 60px;}
.hidden_nav .hidden_gnb  { width: 100%; }
.h_lm {margin-bottom:40px; position: relative; }
.h_lm > a {display: block; font-size:25px; font-weight: 600; letter-spacing: -.42px; color:rgba(0,0,0,.5) !important; transition: all .3s ease; max-width:185px; line-height: 1.2; position: relative; text-transform: uppercase;}
.h_lm > a:hover, .h_lm > a.active {color:rgba(0,0,0,1) !important;}
.h_lnb {display: none; position: absolute; left:150px; top:7px; z-index: 2;}
.h_lnb li {margin-bottom:20px;}
.h_lnb li a {font-size:18px; font-weight: 400; color:#707070; transition: all .3s ease; border-bottom:2px solid transparent; padding:2px 0; white-space: nowrap;}
.h_lnb li a:hover {padding:2px 15px; border-bottom:2px solid #ed1c24; color:#ed1c24;}

#hd_right{display: flex;}
#hd_right .hd_sch{line-height: 90px; padding: 0 34px 0 43px; margin-left: 10px; transition: .3s;}
#hd_right .hd_sch input{background-color: transparent; border: 0; font-size: 18px; font-weight: 300; color: rgba(255,255,255,1); box-shadow: none; outline: none;}
#hd_right .hd_sch input::placeholder{color: rgba(255,255,255,.5); font-weight: 300;transition: .3s;}
#hd_right .hd_sch input:focus, #hd_right .hd_sch input:active{outline: none; box-shadow: none; border: 0 !important;}
#hd_right .hd_sch:hover{background-color: rgba(255,255,255,.15);}
#hd_right .hd_sch:hover input::placeholder{color: #fff;}
#hd_right i{font-size: 35px; color: #fff;}

#hd_right .mob_hd_sch{display: none; width: 90px; height: 90px; text-align: center; line-height: 90px; transition: .3s;}
#hd_right .mob_hd_sch i + i{display: none;}
#hd_right .modal_bg{display: none;}
@media screen and (max-width:1800px) {
    #top_nav .gnb > li > a {font-size:20px; padding: 0 20px;}
}
@media screen and (max-width:1700px) {
    #header .header-inner {padding:0 0 0 30px;}
    #top_nav .gnb > li > a {font-size:19px; padding: 0 18px;}
    #top_nav .gnb .lnb li a {font-size:16px; }
    #hd_right .mob_hd_sch{display: block;}
    #hd_right .mob_hd_sch:hover{background-color: rgba(255,255,255,.15);}
    #hd_right .hd_sch{display: none;}
    #hd_right .wrap{display: none; position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; }
    #hd_right .wrap .hd_sch{position: absolute; top: 50%; left: 50%; background-color: rgba(255,255,255,.15); transform: translate(-50%, -50%); z-index: 5;}
    #hd_right .wrap.active{display: block;}
    #hd_right .modal_bg{display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); position: absolute; top: 0; left: 0;}
    #hd_right .wrap.active .hd_sch{display: block;}
    #hd_right .mob_hd_sch .active i{display: none;}
    #hd_right .mob_hd_sch .active i + i{display: block;}
}

@media screen and (max-width:1280px) {
    #header .header-inner{padding: 0 0 0 20px;}
    #header #logo a {width: 93px; height: 42px;}
    #header_wrap {height: 80px;}
    #top_nav .gnb > li > a{font-size:16px; height: 80px; line-height: 80px; padding: 0 15px;}

    .menu_slider_btn i, #hd_right i{font-size: 28px;}
    .menu_slider_btn{width: 80px;}
    #hd_right .mob_hd_sch{width: 80px; height: 80px; line-height: 80px;}
    #top_nav .gnb .lnb li a{font-size: 14px; line-height: 1.3; white-space: pre-wrap; height: 45px; display: flex; align-items: center; justify-content: center;}
}

@media screen and (max-width:1024px) {
    .scrolled #header_wrap{background-color: #fff; border-color: #ddd;}
    #top_nav, .hidden_nav_box, .hidden_nav, #hd_right {display: none; }
    #header_wrap {height: 60px; position: fixed;}
    #header .header-inner{justify-content: center; padding: 0;}
    #header #logo a {width: 82px; height: 37px; background-size: cover;}
    .scrolled #header #logo a{background-image: url('../img/logo_b.png');}
}

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


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