@charset "utf-8";
#header{width:100%;position: fixed;z-index: 99;}
#header .header_in{width:100%;padding:24px 30px;box-sizing: border-box;transition: all .5s ease;}
#header .header_in.on{background: #111;}

#header .header_in h1{display:inline-block;}
#header .header_in h1 a{display: block;}
#header .header_in h1 a img{height:60px;}

#header .header_in .gnb{float:right;position: absolute;right:80px;top:50%;transform: translateY(-50%);}
#header .header_in .gnb > li{float:left;font-size:13px;letter-spacing: .65px;font-weight: 400;position: relative;}
#header .header_in .gnb > li > a{display: block;color:#fff;opacity: .7;transition: all .5s ease;padding:5px 15px;line-height:40px;}
#header .header_in .gnb > li > a.re_bor{border:1px solid #fff;padding:4px 20px;margin-left:15px;box-sizing: border-box;position: relative;opacity: 1;border-radius: 5px;}
#header .header_in .gnb > li > a.re_bor:hover{background: #fff;color:#000;}


#header .header_in .gnb > li:hover > a{opacity: 1;}

#header .header_in .gnb .depth2{position: absolute;padding:7px 15px;width:110%;background: #111;top:50px;left:15px;display: none;}
#header .header_in .gnb .depth2 li{line-height:32px;}
#header .header_in .gnb .depth2 li a{display: block;color:#fff;opacity: .7;transition: all .5s ease;font-family: 'Muli';}
#header .header_in .gnb > li .depth2 li:hover a{opacity: 1;}

/*footer*/

#footer{width:100%;height:296px;background: #161619;overflow: hidden;}
#footer .footer_in{width:1200px;margin:0 auto;font-family: 'Raleway';}

#footer .footer_in .top_box{width:100%;box-sizing: border-box;position: relative;color:#fff;padding:40px 15px;height:243px;}
#footer .footer_in .top_box > h2{height:55px;width:152px;}
#footer .footer_in .top_box h2 img{height:100%;}

#footer .footer_in .top_box .left_box .txt_l{line-height:28px;box-sizing: border-box;}
#footer .footer_in .top_box .left_box{float:left;text-align: left;font-size:12px;color:#838889;padding-top:20px;}
#footer .footer_in .top_box .left_box h3{margin:10px 0;}
#footer .footer_in .top_box .left_box span{font-family: 'Noto Sans KR';}

#footer .footer_in .top_box .right_box{float:right;text-align: right;font-size:12px;padding-top:20px;}
#footer .footer_in .top_box .right_box h3{margin:10px 0;}
#footer .footer_in .top_box .right_box span{font-family: 'Noto Sans KR';color:#fff;}
#footer .footer_in .top_box .right_box .txt_l{line-height:28px;box-sizing: border-box;}

#footer .footer_in .bot_box{color:#fff;position: relative;text-align: center;line-height:53px;font-size:11px;color:#585858;position: relative;}
#footer .footer_in .bot_box span{font-family: 'Noto Sans KR';}