/*Content CSS*/
#header_wrap { width:100%; z-index:57; background:transparent; border-bottom:1px solid transparent; left:0; top:0;
    position: absolute; left:0; top:0; -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  {height: 100%; width: 100%; }
#logo { padding:0; position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; }
#logo a { display:block; width:172px; height: 60px; transition: all .3s ease; background: url('../img/logo.png?v=250522') 50%/contain no-repeat; }
#header_wrap.main #logo a {background-image: url('../img/logo_w.png?v=250522')}

#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:1780px; padding:42px 20px 0; height:100%; margin:0 auto; display: flex; justify-content: space-between; position: relative; z-index: 10; align-items: center; width:100%; }

#top_nav {display: flex; }
#top_nav .gnb { list-style:none;  display: flex; }
#top_nav .gnb > li { position:relative; margin-left:65px; -webkit-transition: all .3s ease;-moz-transition: all .3s ease; -ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; height: 100%;}
#top_nav .gnb > li > a { display:flex; align-items: center; height: 100%; width:100%; color:#fff; font-size:24px; font-weight: 800; font-family: 'GangwonEduPower';
text-decoration:none; white-space: nowrap; transition: all .3s ease; position: relative; }
#top_nav .gnb > li:last-child {margin-right:55px;}
#top_nav .gnb > li:first-child {margin-left:0; }


/*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; width: 200px; top:76px; border-top: 0; z-index:2; padding-top: 10px; margin-top: -10px; left:50%; transform:translateX(-50%); background:url('../img/navi_tri.png') no-repeat 50% 0; }
#top_nav .gnb .snb li a { display:block; width:100%; opacity: 1; text-align: center; font-size:15px; font-weight: 300; transition: all .3s ease; padding:15px 10px; background:#151c29; border-top:1px solid rgba(255,255,255,0.2); color:#fff; }
#top_nav .gnb .snb li:first-child a { border-top:0; }

#top_nav .gnb .snb li a:hover { background:#fff; color:#151c29; }


/* hidden_nav */
.menu_slider_btn { display: block; cursor: pointer; position: relative; top:0; width: 29px; height: 29px; background:url("../img/menu_btn_w.png") 50%/contain no-repeat;}


.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: 640px; height: 100vh; position: absolute; top: 0; right: -640px; background: #fbfbfb; z-index: 10000; position: fixed; text-align: left;
    padding:140px 70px 0 70px;}
.hidden_nav .hidden_gnb  {  width: 100%; }
.h_lm {margin-bottom:50px; position: relative; }
.h_lm > a {display: block; font-size:30px; font-weight: 700; color:rgba(0,0,0,.5) !important; transition: all .3s ease; max-width:180px;  position: relative;
font-family: 'GangwonEduPower'; }
.h_lm > a:hover,
.h_lm > a.active {color:rgba(0,0,0,1) !important;}
.h_snb {display: none; position: absolute; left:200px; top:5px; z-index: 2;}
.h_snb li {margin-bottom:20px;}
.h_snb 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_snb li a:hover {padding:2px 15px; border-bottom:2px solid #c03356; color:#c03356;}


/* hd_btn_wr */
#hd_btn_wr {display: flex ;align-items: center; height: 100%; }

/* sns 버튼 */
.sns_btn { margin-right: 35px; }
.sns_btn li { display: inline-block; position:relative; margin-right: 12px; }
.sns_btn li:last-child { margin-right: 0; }
.sns_btn li a { display: block; width:60px; height: 60px; border-radius:50%; transition: all .3s;}
.sns_btn li:nth-child(1) a { background:url('../img/insta_w.png') 50% no-repeat rgba(255,255,255,.2); }
.sns_btn li:nth-child(2) a { background:url('../img/youtube_w.png') 50% no-repeat rgba(255,255,255,.2); }
.sns_btn li:nth-child(3) a { background:url('../img/cafe_w.png') 50% no-repeat rgba(255,255,255,.2); }
.sns_btn li a:hover {background-color: rgba(255,255,255,.4); }

/* sub */
#header_wrap.sub {background-color: #fff; height: 100px; }
#header_wrap.sub #logo a {background-image: url('../img/logo.png?v=250522'); }
#header_wrap.sub #header .header-inner {padding-top: 0; }
#header_wrap.sub #top_nav .gnb > li > a {color:#000; }
#header_wrap.sub .sns_btn li a {width: 48px; height: 48px; }
#header_wrap.sub .sns_btn li:nth-child(1) a { background:url('../img/insta.png') 50% no-repeat; }
#header_wrap.sub .sns_btn li:nth-child(2) a { background:url('../img/youtube.png') 50% no-repeat; }
#header_wrap.sub .sns_btn li:nth-child(3) a { background:url('../img/cafe.png') 50% no-repeat; }
#header_wrap.sub .menu_slider_btn {background-image: url('../img/menu_btn.png');}





@media screen and (max-width:1300px) {
    #top_nav .gnb > li  {margin-left:45px; }
    #top_nav .gnb > li > a {font-size:18px;}
    #top_nav .gnb > li:last-child {margin-right: 30px; }

}

@media screen and (max-width:1023px) {
    #header_wrap { position:fixed; height: 60px; border-color:rgba(255,255,255,.2); }
    #header_wrap.sub { height: 60px; border-color: #ddd;}
    #logo a { height: 35px; }

    .scrolled #header_wrap {background-color: #fff; border-color: #ddd; }
    .scrolled #logo a {background-image:url('../img/logo.png?v=250522'); }
    .scrolled #header_wrap.main #logo a {background-image:url('../img/logo.png?v=250522'); }

    #header .header-inner { margin: 0 auto; justify-content: center; padding: 0 20px;}
    #top_nav { display:none; }

    /* .scrolled #header_wrap { background:#fff; border-color:#ddd; } */

}