@charset "utf-8";

/* 폰트 */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);


body, input, select, textarea, button {font-family:"Noto Sans KR",dotum,"굴림",gulim,Arial,Helvetica,sans-serif; font-size:13px; letter-spacing:-1px;}

section {line-height:1.5;}

textarea, input {border:1px solid #CCC;}

/* header */
#warp {width:100%;}
#header{ z-index: 10;}
.header_area{width: 100%;height: 134px; border-bottom: 1px solid #cfcfcf;overflow: hidden;position: fixed;left: 0;right: 0;top: 0;background: #fff;z-index:10;}
.head_top{width: 100%;height: 28px;background: #2a5f94}
.top_area{width: 1000px; margin: 0 auto;overflow: hidden}
.top_area a{color: #fff;line-height: 28px}
.top_area a{margin:0 23px}
.top_area > ul:nth-child(1){float: left;overflow: hidden}
.top_area > ul:nth-child(1) li:nth-child(1) a{margin-left: 0}
.top_area > ul:nth-child(2){float: right;overflow: hidden}
.top_area > ul:nth-child(2) li:nth-last-child(1) a{margin-right: 0}
.top_area > ul >li{float: left}

.header_width{width: 1000px;height: 106px;margin: 0 auto;}
.nav_box{border-bottom: 1px solid #cfcfcf;}
.nav_box .logo a{display: block;width: 182px;height: 41px;background: url(/images/header/logo.png) no-repeat;}
.nav_box .logo{padding-top: 30px;width: 224px;float: left}

.nav_area{width: 776px;float: left;position: relative}
.nav_area ul{overflow: hidden}
.nav_area ul > .depth1{float: left;width: 16.66%;text-align: center; font-size: 18px; font-weight: 500;}
.nav_area ul > .depth1 > a{line-height: 106px}
.depth1 > ul{margin-top: 30px;height: 297px; border-left: 1px solid #cfcfcf;background: #fff}
.depth1 > a:hover{color:#2a5f94;}
.depth1 > ul > li > a:hover{color:#2a5f94;}

.nav_area ul > .depth1 > ul > li{font-size: 15px; font-weight: normal;}
.nav_area ul > .depth1 > ul > li{padding-bottom: 17px;}


.hover_box{position: absolute;top: 147px;left: -236px}
.hover_box ul > li{display: none}

/*.mgl-17{margin-left:-10px;}*/
/*.mgl35{margin-left:35px;}*/




/* 퀵메뉴 (Floating Menu) */
 #floatdiv { 
    position:fixed; _position:absolute; _z-index:-1;
    width:244px;
    overflow:hidden;
    right:12px; 
    top:170px;
    background-color: transparent;
    margin:0;
    padding:0;
}

#floatdiv ul { list-style: none; }
#floatdiv li { text-align: center; }
#floatdiv a { color: #5D5D5D; height:30px; font-size:12px; padding-top:15px; display: block; }
#floatdiv a:hover, #floatdiv .menu { background-color: #eee; color: #000; }
#floatdiv .menu, #floatdiv .last { margin-bottom: 0px; }



/* footer */
#footer {border-top:1px solid #ddd; background:#373e44; width: 100%; margin: 0 auto;}
.mark {width:100%; height:61px; background:#FFF;}
.mark_con {width:1000px; margin:0 auto;}
.mark_con ul {overflow:hidden;}
.mark_con ul li {float:left; padding-left:20px; display:block;}
.mark_con ul li.sitelink form {float:right; margin:18px 25px 0 0; padding-left:20px}
.mark_con ul li.sitelink select {width:150px; height:20px; border:1px solid #CCC;}

.service{width:100%; background:#2a5f94; font-family:"NotoSansKR",sans-serif;}
.service_con {width:1000px; height:55px; margin:0 auto;}
.service_con ul{overflow:hidden;}
.service_con ul li{float:left; font-size:16px; line-height:55px; color:#fff; padding-right: 5px;}

.copyright{width:1000px; height: 162px; margin:0 auto; background:#373e44; overflow:hidden;}
.copy_logo {float:left; padding-top:62px;}
.copy_con {padding-top:55px; float:left; width:800px; font-size:13px;font-weight:;}
.copy_con ul {/* position:absolute; */display:block; overflow:hidden; top:27px;  padding-left:55px;  width:800px; left: -47px;}
.copy_con ul li {float:left; padding-left:5px; line-height:1.5; color:#e9eaea;padding-right:3px;}
.copy_con ul li img{margin-left: 10px}
.copy_con ul li:nth-child(8){color:#8e8a81;}

/* tab */

img{border:0; vertical-align:top}
ul,ol{list-style:none}
    
.tabs {position:relative; width:100%;overflow: hidden;} 
.tabs a.tab {display:block; float:left; width:209px; height:75px; text-indent:-999px;
overflow:hidden; position:absolute} 
.tabs a.tab1{background:url(../images/main/tab1.jpg);left:0; top:0}
.tabs a.tab2{background:url(../images/main/tab2.jpg);left:215px; top:0}
.tabs a.tab3{background:url(../images/main/tab3.jpg);left:430px; top:0}

.tabs .contlist {display:none; margin-top:71px;
padding-top:42px;line-height:1.5em;border-top: 4px solid #236090}
.tabs .contlist > ul > li{padding: 33px 0;border-top: 1px solid #ddd;overflow: hidden}
.tabs .contlist > ul > li:nth-last-of-type(1){border-bottom: 1px solid #ddd}
.tabs .contlist > ul > li > p {float: left;width: 85%;vertical-align: baseline}
.tabs .contlist > ul > li > p > a{font-size: 20px;margin-right: 10px;font-weight:400;color:#000;}
.tabs .contlist > ul > li > span{display: block;width: 15%;float: left;font-size: 20px;text-align: right}
.tabs .notice_plus{width: 31px;height: 31px;display: block;position: absolute;right: 0;top: 20px;background: url(../images/main/notice_plus.png)}

/* btn */
.btn_c {padding:20px 0; text-align:center;}
.btn_c a {padding-left:3px;}
.btn_r {padding:20px 0; text-align:right;}
.btn_r a {padding-left:3px;}
.btn_l {padding:20px 0; text-align:left;}
.btn_l a {padding-left:3px;}



/* 텍스트 숨기기 */
.hiddin { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }
.none {padding:0;}