/* 해당 css의 저작권은 silverline에게 있습니다. 무단 사용을 금지합니다. */
@charset "utf-8";
#wapper { width: 100%; min-width: 1200px;  }
#header_wapper{ width: 100%; min-width: 1200px;background-image: url(../img/top/top_bg.gif);min-height: 205px; background-repeat: repeat-x; background-position: left top;}
#header { width: 1200px; margin: 0 auto;  position: relative; }
#body_wapper { width: 100%;min-width: 1200px; }
#body { width: 1200px; margin: 0 auto;}
#body_wapper:after{content: ''; display: block; clear: both;}
#foot_wapper { width: 100%; min-width: 1200px;background-color:#363636;margin:40px 0 0 0; }
#foot { width: 1200px; margin: 0 auto;padding:30px 0 30px 0;color:#878787; }
#foot:after{content: ''; display: block; clear: both;}

/*header*/
#header h1 { position: absolute; top: 71px; left: 465px; width:270px; height: 53px; }
#header h1 img { vertical-align: top; }

#header .topUtilBox { width: 100%; position: relative; line-height: 40px;height:40px;}
#header .topUtilBox  li a { display: inline-block; color: #747474; line-height: 30px; }
#header .topUtilBox  li a:hover { color: #27b1a3; }

#header .topUtilBox .left{float:left;}
#header .topUtilBox .left li{float:left;}
#header .topUtilBox .left .ico_fa{background-image:url(../img/top/ico_fa.png);background-repeat:no-repeat;background-position:left center;padding:0 15px 0 20px;}
#header .topUtilBox .left .ico_time{background-image:url(../img/top/ico_time.png);background-repeat:no-repeat;background-position:left center;padding:0 15px 0 20px;}
#header .topUtilBox .left .ico_tel{background-image:url(../img/top/ico_tel.png);background-repeat:no-repeat;background-position:left center;padding:0 15px 0 20px;}


#header .topUtilBox .right { float: right; }
#header .topUtilBox .right li { float: left; line-height: 40px; }
#header .topUtilBox .right .ico_ko{background-image:url(../img/top/ico_ko.png);background-repeat:no-repeat;background-position:left center;padding:0 15px 0 35px;}
#header .topUtilBox .right .ico_en{background-image:url(../img/top/ico_en.png);background-repeat:no-repeat;background-position:left center;padding:0 15px 0 35px;}

/* topmenu */
.gnbBox{width:100%;border-top:1px solid #d1d1d1;height: 54px;box-sizing:border-box;position:relative;margin:111px 0 0 0;}
.gnbFBg{position:absolute;bottom:0;left:0;width:100%;height:3px;background: #27b1a3;}

#gnb {width: 1200px; height: 54px;margin:0 auto; border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;box-sizing:border-box;position: relative;}
#gnb_1dul {width: 984px;padding: 0; list-style: none;font-family: "Nanum Gothic"}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:"";}
.gnb_1dli {z-index:10;float:left;position:relative;display: block;  width:33%;text-align: center; font-weight: bold; font-size: 17px; color: #333333;}
.gnb_1da { width:100%;display: block; text-align: center; width:100%; font-weight: bold; font-size: 16px; color: #333333; height: 51px; line-height:51px;text-align:center;font-family: "Nanum Gothic";}
.gnb_1da:focus, .gnb_1da:hover {color: #27b1a3;}
.gnb_1dli_air .gnb_1da {color: #27b1a3;}
.gnb_1dli_on .gnb_1da {color: #27b1a3;}
.gnb_2dul {display:none; position: absolute;  top: 50px; left:0;width:auto;min-width:180px;line-height:40px; background-color: #ffffff; border-left:3px solid #27b1a3; border-right:3px solid #27b1a3;border-bottom:3px solid #27b1a3;font-family: "Nanum Gothic";  font-size: 14px;z-index:1000; box-sizing:border-box;text-align:left; }
.gnb_2da {display:block;padding: 0 20px 0 25px;font-size: 13px; color: #555555;}
.gnb_1dli_air .gnb_2da {color: #555555; width:100%;font-size: 15px; color: #555555; white-space: nowrap;box-sizing:border-box;}
.gnb_1dli_on .gnb_2da {color: #555555;}
.gnb_2da:focus, .gnb_2da:hover {color: #27b1a3;}
.gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff}

#gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em}
#gnb_empty a {text-decoration:underline}
.muOnline{position:absolute;top:-9px;right:0;width:216px;height:63px;line-height:63px;color:#ffffff !important;font-size:17px;font-weight:bold;background-image:url(../img/top/btn_online.png);background-repeat:no-repeat;background-position:0 0;z-index:500;padding:0 0 0 70px;box-sizing:border-box;}
.muOnline:hover{color:#fff043 !important;}

/*하단*/
#foot .flogo{float:left;width:300px;padding:20px 0 0 0;}
#foot .ftext{float:left;width:750px;color:#666666;}
#foot .f_topgo{float:right;display:block;width:80px;height:45px;color:#ffffff;background-color:#292929;font-size:12px;line-height:42px;text-align:center;}