@charset "utf-8";
/* HUMANUILAB Web Standard 1Team KH 121119 */

html,body{background-color:#fff;}
#container{padding-bottom:50px;}
#content{width:100%; margin:0; padding:0;}
.container_bg_area{position:absolute; top:192px; z-index:1; width:100%; height:77px;}
.container_bg_area:after {display:block; clear:both; content:"";}
.container_bg_area .bg_lft{float:left; width:50%; height:100%;}
.container_bg_area .bg_rgt{float:right; width:49.9%; height:100%;}

.ad_left{top:467px; display:none;}
.ad_right{top:467px; display:none;}
.tit_box {border:0; margin:0;}


select {height:24px; vertical-align:middle; font-family: 'Dotum', sans-serif !important;}
input[type="text"] {height:22px; line-height:22px; padding:0 5px; border:1px solid #ccc; vertical-align:middle; text-align:center; color:#777; letter-spacing:0 !important; border-radius:3px;}
textarea {border:1px solid #ccc; border-radius:3px;}
br {letter-spacing:0;}
input[type="text"]:hover, 
select:hover,
select:focus,
textarea:hover,
input[type="text"]:focus, 
textarea:focus {border:1px solid #ed4544 !important}
a {cursor:pointer}
.srch_box #key {text-align:left;}
.srch_box #key:hover,
.srch_box #key:focus {border:0 !important;}


/* cstitle_zone */
.cstitle_zone * {font-family:'Dotum', serif;}
.cstitle_zone {*zoom:1;}
.cstitle_zone:after {display:block; clear:both; content:"";}
.cstitle_zone dt {float:left;}
.cstitle_zone dt a {display:block; height:187px; overflow:hidden;}
.cstitle_zone dt a:hover img {margin-top:-187px;}
.cstitle_zone dd {float:left; width:819px; height:187px; background:url(../img/mypage_info_bg.png) no-repeat; *zoom:1;}
.cstitle_zone dd:after {display:block; clear:both; content:"";}
.cstitle_zone dd .nav {float:left; padding:30px 0 30px 65px; *zoom:1;}
.cstitle_zone dd .nav:after {display:block; clear:both; content:"";}
.cstitle_zone dd .nav li {float:left; width:145px; text-align:center;}
.cstitle_zone dd .nav a {display:block; padding-top:21px; text-align:center; text-decoration:none; cursor:pointer;}
.cstitle_zone dd .nav .icon {display:inline-block; width:40px; height:41px; background:url(../img/cscenter_nav.png) no-repeat;}
.cstitle_zone dd .nav .nav1 a .icon {background-position:0 0;}
.cstitle_zone dd .nav .nav1 a.on .icon {background-position:0 -41px;}
.cstitle_zone dd .nav .nav2 a .icon {background-position:-40px 0;}
.cstitle_zone dd .nav .nav2 a.on .icon {background-position:-40px -41px;}
.cstitle_zone dd .nav .nav3 a .icon {background-position:-80px 0;}
.cstitle_zone dd .nav .nav3 a.on .icon {background-position:-80px -41px;}
.cstitle_zone dd .nav .txt {display:block; height:60px; line-height:60px; font-size:16px; font-weigth:bold; letter-spacing:-1px; font-weight:bold; color:#999;}
.cstitle_zone dd .nav a.on .txt,
.cstitle_zone dd .nav a:hover .txt {color:#ed4544;}
.cstitle_zone dd .t_bn {float:right;}


.search_part * {font-family:'Dotum', serif; font-size:12px;}
.search_part {margin-top:50px; padding:36px; text-align:center; border:1px solid #ccc; border-radius:10px;}
.search_part .search_in {width:600px; margin:0 auto; *zoom:1;}
.search_part .search_in:after {display:block; clear:both; content:"";}
.search_part .search_select {float:left;}
.search_part .search_select select {height:36px; vertical-align:middle;}

.search_part .inp_box {position:relative; float:right; *zoom:1;}
.search_part .inp_box:after {display:block; clear:both; content:"";}
.search_part .inp_box input {float:left; width:470px; height:34px; line-height:34px; padding:0 10px; text-align:left; font-size:15px; color:#000; border:1px solid #ddd; background:#ddd; vertical-align:middle;}
.search_part .inp_box input:hover,
.search_part .inp_box input:focus {border-color:#ddd !important; background:#fff;}

.search_part .search_button {position:absolute; right:0; top:0; width:36px; height:36px; cursor:pointer; background:ccc;}
.search_part .search_button span {display:block; width:18px; height:18px; margin:9px auto 0; background:url(../img/cscenter_search_bt.png) no-repeat;}

.search_keyword {margin-top:17px; height:15px; line-height:15px;}
.search_keyword b {padding-right:10px; color:#000000;}
.search_keyword ul {display:inline;}
.search_keyword li {display:inline;}
.search_keyword a {padding:0 5px 0 6px; color:#444;}
.search_keyword span {color:#aaa;}


.list * {font-family:'Dotum', serif; font-size:12px;}
.list ul {position:relative; height:40px;}
.list ul * {font-size:11px; color:#444;}
.list img {vertical-align:middle; margin-left:5px; margin-bottom:2px; .margin-bottom:0;}
.list ul li {position:absolute; top:0; height:40px; line-height:40px; text-align:center;}
.list .num {left:0; width:80px;}
.list .tit {left:85px; width:770px;}
.list .date {right:10px; width:90px;}

.list_head {border-bottom:1px solid #ccc;}
.list_head li {font-weight:bold;}
.list_wrap ul {border-bottom:1px solid #ddd;}
.list_wrap .tit {text-align:left;}
.list_wrap a {cursor:pointer;}
.list_wrap ul:hover {background:#fbfbfb;}
.list_wrap ul:hover a {text-decoration:none;}
.list_wrap ul:hover .tit a {color:#000000;}
.list_wrap .line {position:relative; z-index:5; height:1px; margin-top:-1px; back ground:#ccc;}
.list_wrap .nothing li {font-size:11px;font-color:#818181;width:100%;}




.paging_area * {font-family:'Dotum', serif !important; font-size:12px !important; border:0 !important; text-decoration:none !important;}
.paging_area {position:relative; height:41px; margin-top:30px; text-align:center; border-radius:10px; background:#eee;}
.paging_area .total {position:absolute; left:15px; top:0; line-height:40px; font-size:12px; color:#3c3638;}
.paging_area .total b {font-size:15px; color:#000000;}

.paging2 {padding-top:9px; text-align:center; text-align:center;}
.paging2 {margin:0 1px;}
.paging2 a {display:inline-block; min-width:15px; max-width:auto; height:23px !important; line-height:23px; padding:0 5px; margin:0 1px; vertical-align:top; font-size:11px; text-align:center; color:#555; border-radius:5px; border:0;}
.paging2 a:hover {background:#fff;}
.paging2 .selected {width:auto !important; color:#fff !important; background:#000000 !important;}
.paging2 a span {display:inline-block; height:7px; margin-top:7px; vertical-align:top; background:url(/_design/m1/img/mypage_icon.png) no-repeat -1000px 0;}
.paging2 .fst {width:8px; background-position:-438px -184px;}
.paging2 .prv {width:4px; background-position:-447px -184px;}
.paging2 .nxt {width:4px; background-position:-452px -184px;}
.paging2 .lst {width:8px; background-position:-457px -184px;}



/* 상세보기 */
.notice_view {width:746px; border:3px solid #eb4444; background:#fff; border-radius:15px;}
.notice_view .view_tit {padding:0 25px; border-bottom:1px solid #dad9d9; *zoom:1;}
.notice_view .view_tit:after {display:block; clear:both; content:"";}
.notice_view .view_tit span {height:57px; line-height:57px;}
.notice_view .view_tit .view_title {float:left; font-weight:bold; color:#444;}
.notice_view .view_tit .view_day {float:right; color:#6d6d6d;}
.notice_view .view_con {min-height:190px; padding:12px 25px; *zoom:1;}
.notice_view .view_con:after {display:block; clear:both; content:"";}
.notice_view .view_con div {float:left; line-height:16px; color:#6d6d6d;}
.notice_view .view_con .view_file {float:right; border:1px solid #dfdfdf;}
.notice_view .view_con .view_file li {height:22px; font-size:11px; line-height:22px; padding:0 12px 0 25px; color:#333; cursor:pointer; background:url(/_design/m1/img/icon_file.gif) no-repeat 7px 6px;}
.notice_view .view_con .view_file li:hover {background-color:#f8f8f8;}


.notice_view .btn_area {padding:15px 0;}
.notice_view .btn_area a {display:block; overflow:hidden; width:72px; height:28px; margin:0 auto; cursor:pointer;}
.notice_view .btn_area a:hover img {margin-top:-28px;}