@charset "utf-8";

/* Type Selector */
*{margin:0; padding:0; font-family: Dotum, Arial, Gulim, AppleGothic, Sans-serif;color:#777;}
body{font-size:0.75em; line-height:1.5em;}
img{border:0}
img, fieldset, button{border:none;}
hr, button img{display:none;}
li{padding:0;margin:0;list-style:none;}
a{text-decoration:none; color:#777;}
a:visited{color:#999;}
a:hover, a:active, a:focus{text-decoration: none;}
textarea{overflow:auto;font-size:1em;width:95%;height:214px;}
html:first-child select{padding-right:6px; height:20px;} /* Opera 9 & Below Fix */
option {padding-right:6px;} /* Firefox Fix */
legend, .atl {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */
#accessibility-menu{display: none;}
table{width: 100%; border-collapse: collapse; border-top: 1px solid #2d72da; border-bottom: 1px solid #c8c8c8; color: #5c5c5c;}
table caption{display: none;}

/* .alt : 대체텍스트용 */
.comment{text-indent:-10000px;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}

/* input */
.input-text{height: 16px; padding:1px 5px 2px 5px; border: 1px solid #78a1df;}
.textarea{padding:3px 5px 4px 5px; border: 1px solid #78a1df;}
/*.input-file{height: 16px; padding:1px 5px 2px 5px; border: 1px solid #78a1df;}*/
input.phone_num{width: 70px;}
select.phone_num{width: 70px;}
textarea{border:1px solid #ddd;}
.input-radio{margin:2px 5px 0 2px;}

/*btn*/
.btn_area{padding: 20px 0 10px; text-align: center;}
.btn_area.al_right{text-align: right;}

.btn_left_each{display:block;clear:left;}
.btn_left{display:inline;float:left;}
.btn_right{display:inline;float:right;margin:0 0 0 0px;padding:0 0 0 0px;}

.admin_btn{display: inline-block; height: 21px; padding: 0 0 0 8px; background: url('../images/button_set.gif') no-repeat 0 0; text-decoration: none;}
.admin_btn span{display: inline-block; height: 21px; padding: 0 8px 0 0 !important; background: url('../images/button_set.gif') no-repeat right 0; line-height: 21px; color: #fff;; font-size: 11px; font-weight: bold; text-align: center; text-decoration: none; cursor: pointer;}

.admin_btn.login{height: 48px; padding-left: 8px; background: url('../images/login_left.gif') no-repeat 0 0;}
.admin_btn.login span{height: 36px; padding: 12px 12px 0 4px !important; background: url('../images/login_right.gif') no-repeat right 0; font-size: 14px;}

.admin_btn.btn01{background-position: 0 -21px;}
.admin_btn.btn01 span{background-position: right -21px;}

.admin_btn.btn02{background-position: 0 -42px;}
.admin_btn.btn02 span{background-position: right -42px;}

.admin_btn.btn02.icon{padding: 0 0 0 6px;}
.admin_btn.btn02.icon span{padding: 0 6px 0 0 !important;}

.admin_btn.btn03{height: 19px; background-position: 0 -63px;}
.admin_btn.btn03 span{height: 19px; background-position: right -63px;}

.admin_btn.btn04{height: 18px; background-position: 0 -101px;}
.admin_btn.btn04 span{height: 18px; background-position: right -101px;}

.admin_btn.btn05{height: 19px; background-position: 0 -119px;}
.admin_btn.btn05 span{height: 19px; background-position: right -119px;}

/*Layout*/
body{background-color: #fff;}
#body_wrap{min-width: 990px;/* padding-bottom: 15px; background:url('../images/body_bg.gif');*/}
/*2014 개편*/#header_wrap {height:155px; background: url('../images/admin_topbg.gif') repeat-x bottom; width:100%; }
/*2014 개편*/#header {position:relative; width: 990px; height:155px; margin: 0 auto; }
/*2014 개편*/#header_top {}
/*2014 개편*/#header h1 {padding:30px 0 10px 5px; margin:0; }
#header .side_txt {position:absolute; top:51px; left:455px; background:url('../images/logo_sidetxt.gif') no-repeat; width:387px; height:35px; text-indent:-10000em; overflow:hidden;}
/*2014 개편*/#header .top_util {position:absolute; top:-8px; right:0; height:30px; padding:0 20px 0 0; background:url('../images/top_util_bg.gif') no-repeat right 0;}
#header .top_util ul{display: inline-block; height:30px; background: url('../images/top_util_bg.gif') no-repeat 0 0;}
#header .top_util li {float:left; padding: 10px 9px 2px 9px; background:url('../images/contents/bar_top_util.gif') no-repeat 0 12px;}
/*2014 개편 추가*/#header .top_util li:first-child{background:none;}
#header .top_util li.name{padding: 10px 9px 2px 15px; color: #fff;}
#header .top_util li.name span.id{display: inline-block; padding: 0 2px 0 8px; color: #dbfc22; font-weight: bold; text-decoration: underline;}
#header .top_util li.name span.auth{display: inline-block; padding: 0; color: #fff; }
#header .top_util li a{display: inline-block; font-weight: bold; color: #fff;}
#header .top_util li.last {background:none;}
#header .total_search {position:absolute; top:117px; right:17px; width:211px; height:25px; background:url('../images/contents/search_bg.gif') no-repeat;}
#header .total_search input.txt {margin:4px 0 0 4px; width:185px; border:0;}
#header .total_search input.btn {margin:4px 0 0; padding:4px 2px 3px;}
/*2014 개편*/.top_menu {position:absolute; bottom:0;overflow:hidden; height:48px;  }
.top_menu li {float:left; height:49px; text-align: center;}
.top_menu li.menu01{width: 150px;}
.top_menu li.menu02{width: 150px;}
.top_menu li.menu03{width: 200px;}
.top_menu li.menu04{width: 150px;}
.top_menu li.menu05{width: 120px;}
.top_menu li.menu06{width: 150px;}
.top_menu li a {display:block; height:34px; padding: 15px 10px 0; overflow:hidden; font-size: 17px; font-weight: bold; color: #fff;}
.top_menu li.menu01 a{border-left: none;}
.top_menu li.menu06 a{border-right: none;}
.top_menu li a:hover,.top_menu li a.on{background: url('../images/navi_bg.gif') repeat-x 0 -49px; border-left: 1px solid #006282; border-right: 1px solid #49b0ca; color: #fff;}

/*2014 개편*/.top_menu_editor {position:absolute; bottom:0;overflow:hidden; height:48px;  }
.top_menu_editor li {float:left; height:49px; text-align: center;}
.top_menu_editor li.menu01{width: 150px;}
.top_menu_editor li.menu02{width: 380px;}
.top_menu_editor li.menu03{width: 260px;}
.top_menu_editor li.menu04{width: 150px;}
.top_menu_editor li.menu05{width: 120px;}
.top_menu_editor li.menu06{width: 150px;}
.top_menu_editor li a {display:block; height:34px; padding: 15px 10px 0; background: url('../images/navi_bg.gif') repeat-x 0 0;  overflow:hidden; font-size: 17px; font-weight: bold; color: #fff;}
.top_menu_editor li.menu01 a{border-left: none;}
.top_menu_editor li.menu06 a{border-right: none;}
.top_menu_editor li a:hover,.top_menu_editor li a.on{background: url('../images/navi_bg.gif') repeat-x 0 -49px; border-left: 1px solid #006282; border-right: 1px solid #49b0ca; color: #fff;}

#contents_wrap {}
#contents {position: relative; overflow: hidden;width: 990px;  padding-top: 20px; margin: 10px auto 0; background-color: #fff;}
#contents .lnb{float: left; position: relative; width: 175px; padding: 30px 0; z-index: 99;}
#contents .lnb h2{padding: 0 0 10px 15px; text-align: left;}
#contents .lnb ul{width: 155px; margin: 0 auto;}
#contents .lnb ul li{width: 100%; padding: 10px 0 0; border-bottom: 1px dotted #c1c1c2;}
#contents .lnb ul li ul.depth{width: 180px; padding-left: 10px;}
#contents .lnb ul li ul.depth li{border: none; padding: 0;}
#contents .lnb ul li ul.depth li a{padding-left: 5px;  font-weight: normal; background: none;}
#contents .lnb ul li a{display: inline-block; width: 134px; height: 20px; padding-left: 20px; background: url('../images/ico_leftmenu.gif') no-repeat 8px -25px; font-weight: bold; cursor: pointer;}
#contents .lnb ul li a:hover,#contents .lnb ul li a.on{/*background: url('../images/ico_leftmenu.gif') no-repeat 8px 6px;*/ color: #118DB1;}
#contents #page{float: left; position: relative; width: 100%; margin-left: -175px; z-index: 90;}
#contents .content{width: 800px; padding: 0 15px 50px 175px;}

/*2014 개편*/
#footer {padding: 15px 0; width: 100%; clear: both; background-color: #359dd3; text-align:center;}
#footer p, #footer span {color:#fff; font-size:12px;}
#footer p a{text-decoration:underline; color:#fff; font-weight:bold;}
#footer .e-mail{background: url('../images/admin_mail.png') no-repeat 0px 1px; padding-left:25px; }
#footer p.link a{font-size:13px;}
#footer p.link{ padding-bottom:12px;}


/* Login */
#loginWrap{width:100%;text-align:center;margin:0 auto;padding-top:127px;}
#loginWrap h1{margin-bottom:14px;}
/*2014 개편*/.loginBox{width:529px; height:250px; margin:0 auto; border:10px solid #0d92d7; position:relative;}
/*2014 개편*/.loginBox .title{overflow: hidden; width:489px; padding:27px 0 12px 0; margin: 0 auto; border-bottom:1px solid #ddd;}
.loginBox .title img{float: left;}
.loginBox .title strong{float: right; padding-top: 17px; font-size: 24px; color: #9c9c9c;}
/*2014 개편*/.loginBox .form_area{overflow: hidden; width: 370px; padding-top: 45px; margin: 0 auto;}
/*2014 개편*/.loginBox .form_area .enter_form{float: left; width: 275px; }
/*2014 개편*/.loginBox .form_area .enter_form span{display: block; width: 100%; padding-bottom: 5px; text-align: left; font-weight: bold;}
/*2014 개편*/.loginBox .form_area .enter_form span label{display: inline-block; width: 80px; color:#666; line-height: 120%; font-size:14px;}
/*2014 개편 추가*/.loginBox .form_area .enter_form span input{height:22px;}
/*2014 개편 추가*/.loginBox .admintxt{position:absolute; top:0; right:0;}
.loginBox .form_area .btn{float: right;}

/** 
	Content**/
.content{}
.content .tit_area{position: relative; padding-bottom: 10px;}
.content .tit_area a{position: absolute; top: 0; right: 0;}
.content h2{height: 25px; padding: 0 0 0 15px; margin-top: 30px; background: url('../images/blt_h2.gif') no-repeat 2px 0; font-size: 16px; font-weight: bold; color: #2d72da;}
.content h3{margin: 5px 0; padding-left: 10px; background: url('../images/blt_tit.gif')no-repeat 0 5px; font-size: 13px;}
.content h3.space{margin-top: 30px;}
.content .search_area{width: 100%; margin-bottom: 20px;}
.content .search_area dl{overflow: hidden; width: 100%; border-top: 1px solid #2d72da; border-bottom: 1px solid #c8c8c8; border: 1px solid #d5e1df;}
.content .search_area dl dt{overflow: hidden; float: left; width: 100px; background-color: #f1f2fa; border-right: 1px solid #d5e1df;}
.content .search_area dl dt span{display: inline-block; width: 100%; padding: 10px 0; text-align: center; font-weight: bold;}
.content .search_area dl dd{overflow: hidden; float: left; width: 78%;}
.content .search_area dl dd span{display: inline-block; padding: 10px 10px 0;}
.content .search_area dl dd *{vertical-align: middle;}

/* table */
.board-list{}
.board-list th{padding: 5px 0; background-color: #f1f2fa; border-left: 1px solid #c8c8c8; text-align: center;}
.board-list td{padding: 5px 3px; border: 1px solid #c8c8c8; line-height: 140%; text-align: center;}
.board-list td.first,.board-list th.first{border-left: none;}
.board-list td.answer{background-color: #eee; border-left: none; border-right: none;}
.board-list td.last{border-right: none;}
.board-list td.al_left{padding-left: 15px; text-align: left;}
.board-list td a{color: #105F9E;}
.board-list td *{vertical-align: middle;}
.board-list td a.link{color: #105F9E; text-decoration: underline;}

.board-edit{text-align: left;}
.board-edit span.con{display: inline-block; width: 100%; padding: 5px 0;}
.board-edit.space{margin-top: 20px;}
.board-edit th{padding: 5px 10px; background: #f1f2fa; border: 1px solid #c8c8c8; border-left: none; }
.board-edit th.first{border-top: 1px solid #2d72da;}
.board-edit th.second{border-top: 1px solid #2d72da; border-left: 1px solid #c8c8c8;}
.board-edit th.reviewer{padding: 5px 10px; background: #E5F6F9; border: 1px solid #c8c8c8; border-left: none; }
.board-edit th strong.red{color: red;}
.board-edit td{padding-left: 10px; border-bottom: 1px solid #c8c8c8;}
.board-edit td *{vertical-align: middle;}
.board-edit td .add_txt{font-size: 11px; margin-right: 5px;}
.board-edit td .add_txt.bl{display: inline-block; padding-left: 5px; background: url('../images/blt_tit.gif') no-repeat 0 -59px;}
.board-edit td label{display: inline-block; padding-right: 10px;}
.board-edit td img{margin-right: 4px;}

/* paging */
.paging {margin:12px 0 0 0;text-align:center;}
.paging * {vertical-align:top;}
.paging a {display:inline-block;padding:0 3px 0 3px;font-size:11px;color:#5a5a5a;text-decoration:none;}
.paging a.on {font-weight:bold;}
.paging a {vertical-align:top;}
.paging .paging_last {margin:0 0 0 4px;padding:3px 0 0 0;}
.paging .paging_next {margin:0 0 0 9px;padding:3px 0 0 0;}
.paging .paging_pre {margin:0 9px 0 0;padding:3px 0 0 0;}
.paging .paging_first {margin:0 4px 0 0;padding:3px 0 0 0;}


/* Home */
.content .work_con{ padding: 15px 0 ; border-bottom: 1px dotted #ccc;}
.content .work_con .title{ padding-left: 10px; background: url('../images/blt_tit.gif') no-repeat 0 5px; font-size: 16px; font-weight: bold; color: #333;}
.content .work_con .list_box{overflow: hidden; padding: 10px; margin-top: 10px; border: 1px solid #ccc; font-size: 14px; font-weight: bold;}
.content .work_con .list_box p{float: left; padding: 10px 30px; border-right: 1px solid #bbb;}
.content .work_con .list_box p.end{border-right:none;}
.content .work_con .list_box p span{display: inline-block; padding-left: 5px; color: #f18;}

/*add_con*/
.add_con{position: relative; padding: 10px 0;}
.add_con.al_right{text-align:right;}
.add_con.right_con_appear{float:left;}
.add_con p{padding: 3px 0;}
.add_con p strong{display: inline-block; padding: 0 10px; background: url('../images/blt_tit.gif') no-repeat 0 -20px;}


/*.evaluation .top_menu li.menu01{width: 150px;}*/
/*.evaluation .top_menu li.menu02{width: 150px;}*/
/*.evaluation .top_menu li.menu02 a{border-right: none;}*/
.evaluation .lnb{display: none;}
.evaluation #contents #page {float: none; width: 100%; margin: 0;}
.evaluation #contents #page .content{width: 875px; padding: 0 0 50px 0; margin: 0 50px; border: none;}
/* ---------------------------------------------------------------------------
modal layer
--------------------------------------------------------------------------- */
#modal-layers {position:absolute;top:0px;left:0px;background-color:#5f5f5f;z-index:998;display:none;}
.modal_layer {position:absolute;width:100%;top:150px;left:0px;z-index:999;display:none;}


.notice_pop {position:relative; margin:0 auto;padding:0;text-align:left;}
.notice_pop .pop_container {padding:28px 32px 30px 32px;border:1px solid #e0e0e0;background:#fff;}
.notice_pop h1 {padding-bottom: 5px; margin-bottom: 15px; border-bottom:1px solid #e0e0e0; font-size:18px; font-weight:bold; color:#2d72da;}
.pop_close{position: absolute; top: 10px; right: 10px;}


.img_area{display: inline-block; width: 100px; height: 100px; margin-right: 10px; border: 1px solid #ccc;}
.img_area2{display: inline-block; width: 170px; height: 100px; margin-right: 10px; border: 1px solid #ccc;}

