@charset "utf-8";
body{font-family: 'Mukta';}

/*header*/

#header{width:100%;height:107px;box-sizing: border-box;position: relative;position: fixed;z-index: 99;transition: all .3s;}
#header.on{background: rgba(0,0,0,.3);}
#header h1{position: absolute;left:80px;top:50%;transform: translateY(-50%);}
#header h1 a{display: block;font-size:0;text-indent: -999999px;width:100px;height:68px;background: url(../images/header/logo/logo.png)no-repeat 50% 50%;background-size: cover}

#header .gnb{position: absolute;right:80px;top:50%;transform: translateY(-50%);}
#header .gnb > li{float:left;box-sizing: border-box;position: relative;position: relative;font-size:14px;}
#header .gnb > li:before{content: '';width:0px;height:2px;background: #8BBDFF;position: absolute;left:15px;bottom:10px;opacity: 1;transition: all .3s;}
#header .gnb > li:last-child:before{display: none;}
#header .gnb > li:last-child{border:1px solid #fff;border-radius: 7px;transition: all .4s ease-in-out;}
#header .gnb > li:last-child:hover{border-color:#8bbdff;background: #fff;}
#header .gnb > li:last-child:hover a{color:#8bbdff;}
#header .gnb > li:hover:before{width:20px;}
#header .gnb > li > a{display: block;line-height:50px;padding:0 15px;color:#fff;letter-spacing: .5px;transition: all .4s ease-in-out;}

#header .gnb .depth2{position: absolute;left:15px;top:50px;width:140px;padding:15px;background: rgba(0,0,0,.5);font-family: 'Noto Sans KR';display: none;}
#header .gnb .depth2 li a{display: block;color:#fff;font-size:14px;transition: all .3s;line-height:25px;margin-bottom:5px;}
#header .gnb .depth2 li a:last-child{margin-bottom:0;}
#header .gnb .depth2 li:hover a{color:#8BBDFF;}

/*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:68px;width:100px;}
#footer .footer_in .top_box h2 img{height:100%;width:100%;}

#footer .footer_in .top_box .left_box .txt_l{line-height:20px;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:24px;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';}

#footer .footer_in .right_box h4 a{ color:#fff; transition: all 0.2s ease-out;}
#footer .footer_in .right_box h4 a:hover{ color:#ff5a53; }