@charset "utf-8";

/* 서브 상단 BG */
#sub_bg_area {overflow:hidden;position:relative;width:100%;min-width:1200px;height:350px;margin-top:100px;}
#sub_bg_area .line_box{overflow:hidden;width:100%;height:100%}
#sub_bg_area .line_box > div{position:relative;float:left;width:16.66%;height:100%}
#sub_bg_area .line_box .bg{width:0;height:100%;background:#20669f}

#sub_bg_area .line_box > div .line{position:absolute;left:0;width:1px;height:0;background-color:rgba(255,255,255,0.15); z-index:1}
#sub_bg_area .line_box > div:nth-child(odd) .line{top:0;}
#sub_bg_area .line_box > div:nth-child(even) .line{bottom:0;}
.sub_bg{position:absolute;top:0;right:0;z-index:-1;width:50.1%;height:100%;opacity:0;background-size:cover;}
#sub_bg_area .sub_tit_area{position:absolute;z-index:100;top:66px;left:16.6%;opacity:0}
#sub_bg_area .sub_tit_area h3{display:block;margin-bottom:21px;padding-right:10px;font-weight:normal;font-size:47px;color:#fff;font-family:'notokr-bold'}
#sub_bg_area .sub_tit_area .s_tit{display:block;font-size:18px;line-height:28px;color:rgba(255,255,255,.5);font-family:'notokr-regular'}

.s_tit_wrap{position:absolute;left:0;bottom:-60px;z-index:999;width:100%;height:60px;background:rgba(0,0,0,.3)}
.tit_cont{position:relative;overflow:hidden;width:1300px;margin:0 auto;font-size:14px;line-height:60px;color:#fff}
.tit_cont.s_l_menu{overflow:hidden}
.tit_cont .s_l_menu li{float:left}
.tit_cont .s_l_menu li i{margin:0 20px}
.tit_cont .s_l_menu .home{width:60px;margin-right:22px;text-align:center}
.tit_cont .s_l_menu .home a{display:block;color:#fff}
.tit_cont .s_r_menu{position:absolute;top:0;right:0}
.tit_cont .s_r_menu li{float:left;width:60px;text-align:center;transition: all .2s}
.tit_cont .s_r_menu li a{display:block;color:#fff}
.tit_cont .s_r_menu li span{display:none}
.tit_cont .s_r_menu li:hover{width:150px;background:rgba(146,145,123,.8)}
.tit_cont .s_r_menu li:hover span{display:inline-block;padding-left:10px}