@charset "euc-kr"; 
/* CSS Document */
/* reset css */
body{margin:0; padding:0; background-color:#fff; text-align:left; min-width:320px; -webkit-text-size-adjust:none;}  /*-webkit-text-size-adjust : font-size: °íÁ¤ */
html{overflow-y:scroll; }
body, table, th, td, input, select, textarea, div{*font-family:'µ¸¿ò', 'Dotum',Helvetica;  font-size:12px;  font-size:100%;  font:inherit;  color:#333333;  line-height:1;  font-size:13px}
h1, h2, h3, h4, h5, h6, ol, ul, li, form, fieldset, input, textarea, hr, p{margin:0;  padding:0;  line-height:1.5; }
img,input,select,textarea{vertical-align:middle; }
img, fieldset{border:0 none; }
img{vertical-align:baseline; }
ol, ul, li{list-style:none; }
table{border-spacing:0;  border-collapse:collapse;  border:0 none; }
h1,h2,h3,h4,h5,h6{font-size:100%; }
button{border:0 none;  padding:0;  margin:0;  background:transparent;  *overflow:visible;  cursor:pointer; }
button::-moz-focus-inner{border:0;  padding:0; }
label{cursor:pointer; }
a:link{color:#333333;  text-decoration:none; }
a:visited{color:#333333;  text-decoration:none; }
a:hover{color:#5899d4;  text-decoration:none; }
a:active{color:#333333;  text-decoration:none; }

label{vertical-align:middle;}



/* Çì´õ
------------------------------------------------------------------------------------------------------------------------ */
#Header{position:relative;  background:#ffffff;  width:100%;  height:60px; }
#Header h1{position:absolute; left:12px; top:17px; width:130px;}
#Header h1 img{width:100%; }
#Header p{position:absolute; right:12px; top:15px; width:80px;}
#Header p img{width:100%; }

#Header div{position:absolute; right:12px; top:18px;}
#Header .headerbtn{background:#666; color:#fff; padding:7px 10px; font-size:12px; border-radius:3px; border:1px solid #444;}

#H_search{background:#187be5;  padding:7px 5px; }
#H_search td{padding-left:2px; }
#H_search input{height:25px; }
#H_search input.input{border:1px solid #0266d0;  width:99%;}





/* ³×ºñ°ÔÀ̼Ç
------------------------------------------------------------------------------------------------------------------------ */
#Navi{height:40px; background:url(/m/img/header/bg.gif) left bottom repeat-x; background-size:100% 40px; display:block; overflow:hidden;}
#Navi li{float:left; height:36px; padding:4px 2px 0; width:18.5%;}
#Navi li a{display:block; font-size:14px; letter-spacing:-0.09em; line-height:40px; text-align:center; font-weight:bold; color:#333; letter-spacing:-0.05em;}
#Navi li.on a{background-color:#044891; -webkit-border-top-right-radius:7px; -webkit-border-top-left-radius:7px; color:#fff;}

#Navi_depth2{background:#fff; overflow:hidden; padding:0 5px; border-bottom:1px solid #ccc; display:none;}
#Navi_depth2 li{float:left;}
#Navi_depth2 li a{display:block; padding:7px 5px; font-size:12px; color:#333; font-weight:bold;}

#Navi_depth2.on{display:block;}







/* ǪÅÍ
------------------------------------------------------------------------------------------------------------------------ */
#Footer, #Footer div{-webkit-text-size-adjust:none; }
#Footer{background:#b8b8b8;  padding:5% 0 7% 0; }
#Footer .f_menu{text-align:center; }
#Footer .f_menu a{display:inline-block;  margin-right:5px;  color:#ffffff;  background:url(../img/footer/btn_bg.png) left top no-repeat;  background-size:70px;  width:70px;  height:30px;  line-height:26px;  font-size:10px; }

#Footer .f_info{text-align:center;  margin-top:7px;  line-height:1.5;  color:#ffffff;  font-size:0.625em; }
#Footer .f_info a{color:#ffffff; }
#Footer .f_info span{display:inline-block;  padding:0 5px;  color:#a2a2a2; }
#Footer .f_info small{display:block;  color:#7e7e7e;  text-align:center;  margin-top:5px;  font-size:9px; }





/* ÄÁÅÙÃ÷
------------------------------------------------------------------------------------------------------------------------ */
/* ¸ÞÀÎ, ¸®½ºÆ® */
.recruit_table{border-top:2px solid #187be5;}
.recruit_table thead{background:#f5f5f5;}
.recruit_table thead td{text-align:center; height:30px; font-weight:bold;}
.recruit_table tbody{}
.recruit_table tbody th, .recruit_table tbody td{border-bottom:1px solid #ddd; padding:10px 0;}
.recruit_table tbody th{width:100px; text-align:center;}
.recruit_table tbody td{text-align:left; text-overflow:ellipsis; padding-left:10px;}
.recruit_table tbody td a{display:block;}
.recruit_table tbody td div{font-weight:bold; color:#2b5eb0; font-size:13px;}
.recruit_table tbody td p{color:#333; font-size:13px; padding:5px 0; color:#333;}
.recruit_table tbody td small{display:block; font-size:11px; color:#aaa; height:11px; overflow:hidden;}
.recruit_table tbody td span{display:inline-block; padding:0 3px; color:#ddd;}
.recruit_table tbody td .t_title { color:black; }

.recruit_table .date{font-size:11px; width:70px; text-align:center; padding:0;}


/* ºä ÆäÀÌÁö »ó´Ü Å×À̺í */
.view_title{border-top:2px solid #187be5;}
.view_title thead{}
.view_title thead th, .view_title thead td{border-bottom:1px solid #ddd; padding:10px;}
.view_title thead th{background:#f5f5f5; font-weight:bold; text-align:left; letter-spacing:-0.05em; font-size:14px; color:#333;}
.view_title thead td{text-align:center;}
.view_title tbody{}
.view_title tbody th, .view_title tbody td{border-bottom:1px solid #ddd; padding:7px 10px;}
.view_title tbody th{width:20%; background:#f7f7f7; text-align:center; font-weight:bold; font-size:12px; color:#333;}
.view_title tbody td{}

/* ºä ÆäÀÌÁö Á¤º¸ Å×À̺í */
.view_table{border-top:2px solid #187be5;}
.view_table th, .view_table td{border-bottom:1px solid #ddd; padding:10px;}
.view_table th{width:20%; background:#f5f5f5; font-weight:bold; text-align:left; letter-spacing:-0.05em; font-size:14px; color:#333;}
.view_table td{}

/* Áö¿ªº°, ¿ª¼¼±Çº° */
.area_list{padding-top:5px;}
.area_list li{margin:3px 5px;}
.area_list li a{display:block; background:url(../img/sub/area_arrow.gif) 98% 50% no-repeat #f7f7f7; border:1px solid #ccc; color:#333; padding:3px 10px; font-size:13px; letter-spacing:-0.05em;}
.area_list li a span{display:inline-block; padding-left:5px; font-weight:bold; color:#2b5eb0;}

/* »ó¼¼°Ë»ö */
.search_detail_table{border-top:2px solid #187be5;}
.search_detail_table th, .search_detail_table td{border-bottom:1px solid #ddd; padding:5px 5px;}
.search_detail_table th{text-align:center; font-weight:bold; color:#333; background:#f7f7f7; width:18%;}
.search_detail_table td{text-align:left;}
.search_detail_table .w100{width:100%;}
.search_detail_table .w50{width:49%;}
.search_detail_table .input{background:#f7f7f7; border:1px solid #ddd;}

/* ¹öÆ° */
.btn_area{overflow:hidden; border-top:1px solid #ddd; margin:10px 0 0; padding-top:10px;}
.btn_area .btn_l{float:left;}
.btn_area .btn_r{float:right; margin-right:3px;}
.btn_area a{float:left; background:#f7f7f7; border:1px solid #ccc; padding:5px 10px; font-size:11px; color:#666; margin-left:3px; border-radius:3px;}

/* ·Î±×ÀÎ */
.login_wrap{width:100%; margin:0 auto; border:1px solid #ddd; background:#fff;border-bottom:1px solid #fff;}
.login_wrap .login_tab{overflow:hidden;}
.login_wrap .login_tab li{float:left; width:49.9%; text-align:center; font-size:12px; color:#333; padding:5px 0; border-left:1px solid #ddd; background:#f7f7f7; border-bottom:1px solid #ddd;}
.login_wrap .login_tab li.first{border-left:0;}
.login_wrap .login_tab li.on{background:#fff; }

.login_wrap .login_box{padding:10px 0; text-align:center;}
.login_wrap .login_box .login_input{width:150px; background:#f7f7f7; border:1px solid #ccc;}
.login_wrap .login_box button{background:#666; color:#fff; width:70px; height:50px; border-radius:3px; font-weight:bold; letter-spacing:-0.05em;}

.login_wrap .login_btn{padding:10px 0; text-align:center;}
.login_wrap .login_btn a{display:inline-block; background:#bbb; border:1px solid #aaa; border-radius:3px; font-size:12px; color:#fff; padding:5px 10px;}

/* ȸ¿ø°¡ÀÔ */
.join_type{width:95%; border:1px solid #ccc; background:#f7f7f7; margin:0 auto;}
.join_type li{position:relative; margin:8px; background:#fff; border:1px solid #ccc; padding:10px;}
.join_type li div{font-weight:bold; font-size:15px;}
.join_type li div a{display:inline-block; font-weight:normal; background:#666; color:#fff; font-size:11px; border-radius:3px; padding:5px 0; width:100px; text-align:center; margin-left:5px;}
.join_type li p{font-size:11px; color:#999;}

/* ȸ¿ø°¡ÀÔ */
.join_agree{}








/* °øÅë
------------------------------------------------------------------------------------------------------------------------ */
h3{background:url(../img/sub/h3.gif) 2px 7px no-repeat; background-size:13px; padding-left:20px; font-size:14px; line-height:1.8; letter-spacing:-0.05em; color:#333333;}
h3.line{padding-bottom:0px;  border-bottom:2px solid #2b5eb0; }

.pageing{text-align:center;}
.pageing a{display:inline-block; width:20px; height:20px; font-size:10px; line-height:19px; border:1px solid #dddddd; color:#666666;}
.pageing a img{width:20px; vertical-align:middle;}
.pageing a.on{background:#a4a5a6; border-color:#a4a5a6; color:#ffffff;}


.left5{margin-left:5px; }
.left10{margin-left:10px; }
.left15{margin-left:15px; }
.left20{margin-left:20px; }
.left25{margin-left:25px; }
.left30{margin-left:30px; }
.left40{margin-left:40px; }
.left50{margin-left:50px; }

.top5{margin-top:5px; }
.top10{margin-top:10px; }
.top15{margin-top:15px; }
.top20{margin-top:20px; }
.top25{margin-top:25px; }
.top30{margin-top:30px; }
.top40{margin-top:40px; }

.center{text-align:center; }
.right{text-align:right; }
.left{text-align:left; }





















/* MAIN
----------------------------------------------------------------------- */
#container {width:100%;  margin:0 auto;  position:relative;  z-index:0;  margin-top:15px; }
#example {width:100%;  position:relative; }




/* SUB_
----------------------------------------------------------------------- */
#Contents{padding:20px 0;  /*margin:0 10px;*/  color:#666666;  font-size:12px; }
#Contents p, #Contents span, #Contents div, #Contents table, #Contents td, #Contents input, #Contents select, #Contents li{-webkit-text-size-adjust:none; }




/* °øÅë
----------------------------------------------------------------------- */
.noline_table{}
.noline_table th{color:#0965ac;  text-align:left;  font-weight:normal;  padding-left:14px;  background:url(../img/sub/point.gif) 5px 50% no-repeat;  background-size:3px; }
.noline_table td{color:#666666;  padding:3px 0; }


.pad10{margin:0 10px; }









.highlight {color:#2b5eb0; font-weight:bold; }
.lowlights {color:#aaa; }
.s1 {font-size:11px; }















table#tbl1 {table-layout:fixed; }
#tbl1 td {border-bottom:1px solid #dfdfdf;  padding:9px 6px; }
#tbl1 th{background-color:#f5f5f5;  text-align:center; font-size:14px;  border-bottom:1px solid #dfdfdf;  padding:9px 6px;  letter-spacing:-1px;  color:#666;  border-right:1px solid #dfdfdf; }
#tbl1 .title {background-color:#f5f5f5;  text-align:center;  font-weight:bold;  letter-spacing:-1px; }
#tbl1 .nowrap {text-overflow:ellipsis;  overflow:hidden;  line-height:1.5; }
#tbl1 .test { padding:7px;  border: none;  -webkit-border-top-left-radius:10px;  -webkit-border-bottom-left-radius:10px;  background-color:#f5f5f5;  -webkit-box-shadow:inset 0 0 1px #a5a5a5;  }
#tbl1 .test2 { padding:7px;  border: none;  -webkit-border-top-right-radius:10px;  -webkit-border-bottom-right-radius:10px;  background-color:#f5f5f5;  -webkit-box-shadow:inset 0 0 1px #a5a5a5;  }

#search_btn { width: 98%;  margin-top: -2px;  text-align: right;  }

#tbl2 {border-top:2px solid #999; }
#tbl2 td {border-bottom:1px solid #dfdfdf; padding:9px 6px; }
#tbl2 th{background-color:#f5f5f5; text-align:center; font-size:14px; border-bottom:1px solid #dfdfdf; padding:9px 6px; letter-spacing:-1px; color:#666; border-right:1px solid #dfdfdf; }
#tbl2 .title {background-color:#f5f5f5; text-align:center; font-weight:bold; letter-spacing:-1px; }

#tab_container{ width: 100%;  margin-top: 10px;   border-top: 1px solid #bfbfbf;  }
#tab_container td { width: 50%;  text-align: center;  }
#tab_container td.off{ background-color: #eeeeee;  border-bottom: 1px solid #c1c1c1;   }
#tab_container td a.tab_link{ display: block;  }
#tab_li1{ border-right: 1px solid #c1c1c1;  }

#tab_container .tab_ul li { width: 49.9%;  text-align: center;  }
#tab_sel1 { width: 85%;  margin:0px auto;  margin-top: 10px;  }
#tab_sel2 { width: 85%;  margin:0px auto;  display: none;  }

#tbl7 { width: 100%;  margin: 0px;  padding: 0px;  margin-bottom: 11px;  border-top: 1px solid #bfbfbf;  border-bottom: 1px solid #bfbfbf;  }
#tbl7 .nowrap {text-overflow:ellipsis; overflow:hidden; }
#tbl7 { font-size:13px;  }
#tbl7 td { padding: 4px;  background-color: #f7f7f7;  border-bottom:1px solid #dfdfdf;  }
#tbl7 th { height: 33px;  border-bottom:1px solid #dfdfdf;  background-color: #f0f0f0;  text-align:center;  font-size: 11pt;  }
#tbl7 .n_bd { border-bottom: 0px;  }
#search_btn { width: 98%;  margin-top: -2px;  text-align: right;  }

/* Paging */
#paging{text-align:center; margin-top:10px; margin-bottom:10px; }
#paging span{margin-left:2px; margin-right:2px; color:#c5c5c5; }
#paging .num a{ font-weight:bold; margin-left:2px; margin-right:2px; border:2px solid #d4d4d4; padding:1px 6px 0px 6px; font-size:15px; font-family:Arial; color:#777;}
#paging .on{font-weight:bold; color:#fff; margin-left:2px; margin-right:2px; border:2px solid #184793; padding:1px 6px 0px 6px; background-color:#5078b9; font-size:15px; font-family:Arial; color:#fff;}

.box_tbl { margin-top: 8px;  border: 1px solid #C6C6C6;  background-color: #F2F2F2;  width: 95%;  cursor: pointer;  }
.box_tbl td{ border: 0px;  padding: 5px 5px 5px 10px;  text-align:left;  }

.more {height:22px; margin-top:5px; text-align:right; }
.clr {clear:both; font-size:0px; }
.number1 { font-weight: bold;  color: #0341a7;  }
.more_btn{ width: 6px;  height: 9px;  background:url("../img/bt_more.gif");  }




/* content */
.tit {border-bottom:2px solid #187be5; height:24px; }
.tit_t {float:left;  height:22px;  background:transparent url(../img/main/tit_icon5.gif) no-repeat 0 0;  font-weight:bold;  padding-left:18px;  margin-left:3px;  letter-spacing:-1px;  padding-top:1px; }
.tit_btn {float:right; margin-right:2px; }

/* detail */
#tbox .tbox_tit {background-color:#eeeefa;  padding:10px;  0px;  8px;  12px; }
#tbox .tbox_img {padding:10px 10px; text-align:center; }

.bbs_list_table{border-top:2px solid #555555;}
.bbs_list_table td{padding:7px 0; border-bottom:1px solid #dddddd;}
.bbs_list_table .subject{padding-left:5px;}
.bbs_list_table .subject p{font-size:14px; color:#222222; margin:3px 0 5px 0;}
.bbs_list_table .subject span{color:#787878; font-size:11px; line-height:1.3;}
.bbs_list_table .arrow{text-align:right; width:25px;}
.bbs_list_table .arrow img{width:100%;}

.pageing{text-align:center;}
.pageing a{display:inline-block; width:20px; height:20px; font-size:10px; line-height:19px; border:1px solid #dddddd; color:#666666;}
.pageing a img{width:20px; vertical-align:middle;}
.pageing a.on{background:#a4a5a6; border-color:#a4a5a6; color:#ffffff;}

.prdsearch{border:1px solid #dddddd; background:#fbfbfb; text-align:center; padding:10px 0;}
.prdsearch td{padding:0 2px;}
.prdsearch select{border:1px solid #aaaaaa; background:#ffffff; height:21px;}
.prdsearch .input{border:1px solid #aaaaaa; background:#ffffff; height:19px;}
.prdsearch .btn{height:21px;}

.notice_view_tit{border-top:2px solid #187BE5; border-bottom:1px solid #dddddd; line-height:1.2; font-size:15px; color:#222222; padding:7px 0 7px 5px;}

.notice_view_tit_info{}
.notice_view_tit_info th, .notice_view_tit_info td{border-bottom:1px solid #dddddd; padding:5px 0 5px 10px; text-align:left; font-weight:normal;}
.notice_view_tit_info th{background:#f7f7f7; color:#333333; width:50px;}
.notice_view_tit_info td{color:#666666;}

.notice_view_cont{padding:10px; line-height:1.5; color:#666666; border-bottom:1px solid #dddddd; }

.notice_prev_next{border-top:1px solid #dddddd;}
.notice_prev_next th, .notice_prev_next td{border-bottom:1px solid #dddddd; padding:7px 0 7px 10px; font-weight:normal; text-align:left;}
.notice_prev_next th{background:#f7f7f7; color:#333333; width:50px;}
.notice_prev_next td{color:#666666;}