@charset "UTF-8";

/*font.css*/
@import url("font.css");

/* common */

/* layout */
.header{position:relative;min-width:1260px;padding:10px 0;background:#1c1916;}
.header.on:after{content:"";display:block;position:absolute;top:51px;width:100%;min-height:470px;background:rgba(235, 237, 239, 0.9);z-index:20;}
.header-box{position:relative;width:1260px;margin:0 auto;}
.header-box:after{content:"";display:block;clear:both;}




/* header */
.gnb-box{float:left;padding:5px 0;}
.gnb-open-box{display:none;}
.gnb-open-box.on{display:block}
.gnb-open-box.on > ul{position:absolute;top:41px;width:100%;z-index:30}
 
.gnb-open-box > ul > li{float:left;width:16.6%;min-height:470px;border-right:1px solid #cacbce;box-sizing:border-box;}
.gnb-open-box > ul > li:first-child{border-left:1px solid #cacbce;}
.gnb-open-box > ul > li > a{display:block;padding:40px 42px;background:rgba(117, 119, 121, 0.9);;font-weight:bold;font-size:16px;color:#fff;text-align:center;}
.gnb-open-box > ul > li > ul{border-right:1px soldi #c8cbcd;}
.gnb-open-box > ul > li > ul > li{padding:0 0 33px 30px;}
.gnb-open-box > ul > li > ul > li:first-child{padding-top:20px;}
.gnb-open-box > ul > li > ul > li > a{font-weight:600;font-size:15px;color:#333;}
.lang-box{float:right;}
.lang-box > a.lang{display:inline-block;padding:7px 13px;border:1px solid #6d6b69;background:#3c3a4b;font-weight:700;font-size:13px;color:#ffffff;}

/* footer */
.footer{min-width:1260px;padding:70px 0;background:url(/_res/siif/img/comm/bg-footer.jpg)no-repeat;background-size:cover;overflow:hidden;}
.footer-box > div{display:inline-block;vertical-align:middle;}
.footer-logo-box{display:inline-block;}
.footer-info-box{display:inline-block;padding:0 0 0 75px;}
.footer-info-box ul{overflow:hidden;padding:0 0 15px 0;}
.footer-info-box ul.top li a{font-family:NanumBarunGothic;}
.footer-info-box ul li{float:left;position:relative;padding:0 20px 0 0;margin:0 15px 0 0;}
.footer-info-box ul li:after{content:'';position:absolute;right:0;top:50%;width:2px;height:12px;transform:translate(0,-50%);;background:#dadeea;}\
.footer-info-box ul li:last-child{padding:0;margin:0;}
.footer-info-box ul li:last-child:after{width:0;}
.footer-info-box ul li a{color:#fff;}
.footer-info-box ul li a span{color:#fff049}

.footer-info-box address{color:#fff;font-style:normal;}
.footer-info-box a[title="전화걸기"],.footer-info-box a[title="이메일보내기"]{color:#fff;}
.footer-info-box address span{display:inline-block;padding:0 18px 0 0;}
.footer-info-box a.bt-up{position:fixed;z-index:30;right:10px;top:730px;}