@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:0; z-index:1; width:100%; height:78px; border-bottom:1px solid #d4d4d4; *zoom:1;}
.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:0;}
.ad_right{top:0;}

/* main_event */
.main_event {position:relative; width:1006px; height:375px; overflow:hidden; !important; background:#eee;}
.main_event_con {position:relative; float:left; overflow:hidden;}
.main_event_con .w_btn a {position:absolute; top:50%; z-index:3; width:100px; height:100px; margin-top:-41px; opacity:0.5; filter:alpha(opacity=50);}
.main_event_con .w_btn a:hover {opacity:1; filter:alpha(opacity=100);}
.main_event_con .w_btn a span {display:none;}
.main_event_con .w_btn .prev {left:0px; background:url(../img/btn_prev.png) no-repeat center center;}
.main_event_con .w_btn .next {right:0px; background:url(../img/btn_next.png) no-repeat center center;}

.slider_event {width:1006px; margin:0 !important; padding:0; position:relative; zoom:1;}
.slider_event .flex-viewport {max-height:2000px;}
.slider_event .slides {zoom:1; margin:0; padding:0;}
.slider_event .slides > li {display:none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider_event .slides img {width:1006px; height:375px; display:block;}


/* Control Nav */
.slider_event .flex-control-nav {display:none; position:absolute; left:50%; bottom:25px; width:200px; margin-left:-100px; text-align:center;}
.slider_event .flex-control-nav li {margin:0 4px;}
.slider_event .flex-control-paging li a {display:block; width:14px; height:14px; background:url(/_design/m1/img/sc_cmmc_btn.png) no-repeat 0 0; text-indent:9999px !important; font-size:0; cursor:pointer;}
.slider_event .flex-control-paging li a:hover {background-position:0 -28px;}
.slider_event .flex-control-paging li a.flex-active {background-position:0 -28px; cursor:default;}



/* lnb_tab */
.lnb_tab {position:relative; margin-top:70px; height:37px; border-bottom:1px solid #aaa;}
.lnb_tab .tab {width:1006px; margin:0 auto; position:relative;}
.lnb_tab .tab a {position:absolute; top:0; z-index:1; display:block; width:128px; height:36px; line-height:36px; text-align:center; border:1px solid #ddd; border-bottom:0; text-decoration:none; font-family:Dotum; letter-spacing:-1px; color:#888; background:#fff; cursor:pointer;}
.lnb_tab .tab .tab1 a {left:0;}
.lnb_tab .tab .tab2 a {left:129px;}
.lnb_tab .tab .on {z-index:2; height:37px; font-weight:bold; color:#444; border-color:#aaa; background:#fff url(../img/icon_arr03.png) no-repeat center bottom;}


/* banner_lst */
.banner_lst {width:1006px; *zoom:1;}
.banner_lst:after {display:block; clear:both; content:"";}
.banner_lst a {float:left; display:block; margin-top:32px; cursor:pointer;}
.banner_lst a:nth-child(odd) {float:left;}
.banner_lst a:nth-child(even) {float:right;}

/* off_banner_lst */
.off_banner_lst {margin-top:20px; border-left:1px solid #d9d9d9; border-top:1px solid #d9d9d9; *zoom:1;}
.off_banner_lst:after {display:block; clear:both; content:"";}
.off_banner_lst a {float:left; display:block; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; cursor:; background:#000; }
.off_banner_lst span {float:left; display:block; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; cursor:;}
.off_banner_lst a img {opacity:0.6; filter:alpha(opacity=5);}


/* basic_banner */
.basic_banner {margin-top:50px; text-align:center; *zoom:1;}
.basic_banner:after {display:block; clear:both; content:"";}
.basic_banner a {float:left; cursor:pointer;}
.basic_banner .mr {margin-right:11px;}


.event_board {margin-top:20px;}
.event_board ul {position:relative; height:40px;}
.event_board ul * {font-size:12px; font-family: 'Dotum', sans-serif; color:#444;}
.event_board img {vertical-align:middle; margin-left:5px; margin-bottom:2px; .margin-bottom:0;}
.event_board ul li {position:absolute; top:0; height:40px; line-height:40px; text-align:center;}
.event_board .num {left:0; width:66px;}
.event_board .tit {left:70px; width:720px;}
.event_board .date {left:806px; width:80px;}
.event_board .hits {left:915px; width:60px;}

.list_head {border-bottom:3px solid #000000 !important;}
.list_head li {font-weight:bold;}
.list_wrap ul {border-bottom:1px solid #dad9d9;}
.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:#b01e24;}
.list_wrap .line {position:relative; z-index:5; height:1px; margin-top:-1px; background:#000000;}
.list_wrap .nothing li {font-size:11px;font-color:#818181;width:100%;}


.paging_area * {font-family:'Dotum', serif !important; font-size:12px !important;}
.paging_area {position:relative; height:41px; margin-top:30px; text-align:center; border-radius:0px; 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 !important; text-decoration:none !important;}
.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:8px; vertical-align:top; background:url(/_design/m1/img/paging_arr.png) no-repeat -1000px 0;}
.paging2 .fst {width:8px; background-position:-9px -8px;}
.paging2 .prv {width:4px; background-position:-36px -8px;}
.paging2 .nxt {width:4px; background-position:-60px -8px;}
.paging2 .lst {width:8px; background-position:-83px -8px;}



/* 상세보기 */
.writes_view * {font-family:'Dotum', serif;}
.writes_view {width:1006px; border:0px solid #000000; border-radius:10px; background:#fff;}
.writes_view .view_tit {padding:0 0px; border-bottom:3px solid #000000; *zoom:1;}
.writes_view .view_tit:after {display:block; clear:both; content:"";}
.writes_view .view_tit span {height:57px; line-height:57px;}
.writes_view .view_tit .view_title {float:left; font-weight:bold; font-size:14px; color:#444;}
.writes_view .view_tit .view_day {float:right; font-size:11px; color:#6d6d6d;}
.writes_view .view_con {min-height:190px; padding:20px 0px; *zoom:1;}
.writes_view .view_con:after {display:block; clear:both; content:"";}
.writes_view .view_con div {float:left; line-height:16px; font-size:12px; color:#6d6d6d;}
.writes_view .view_con .view_file {float:right; border:1px solid #dfdfdf;}
.writes_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;}
.writes_view .view_con .view_file li:hover {background-color:#f8f8f8;}
.writes_view .close {display:inline-block; width:104px !important; height:29px !important; line-height:27px !important; font-size:12px; text-align:center; color:#fff; background:url(../img/btn_gray02.png) no-repeat; text-decoration:none;}
.writes_view .close:hover {background-position:0 -29px;}


.event_list {margin-top:20px;}
.event_list {width:100%;}
.event_list * {font-size:12px; font-family: 'Dotum', sans-serif; color:#444;}
.event_list .thumb {float:left;}
.event_list .con_area{float:left;padding-left:20px;padding-top:20px;}
.event_list img {vertical-align:middle; margin-left:5px; margin-bottom:2px;margin-bottom:0;}
.event_list li {position:relative;clear:both;width:100%;border-bottom:1px solid #DEDEDE;height:160px;padding-top:20px;}
.event_list .num {left:0; width:66px;}
.event_list .tit {font-size:14px;font-weight:bold;height:40px;line-height:40px;}
.event_list .period {font-size:12px;font-weight:normal;height:25px;line-height:25px;}
.event_list .cont {font-size:12px;font-weight:normal;height:25px;line-height:25px;}


.paging_areaIng * {font-family:'Dotum', serif !important; font-size:12px !important;}
.paging_areaIng {position:relative; height:41px; margin-top:30px; text-align:center; border-radius:0px; background:#eee;}
.paging_areaIng .totalIng {position:absolute; left:15px; top:0; line-height:40px; font-size:12px; color:#3c3638;}
.paging_areaIng .totalIng 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 !important; text-decoration:none !important;}
.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:8px; vertical-align:top; background:url(/_design/m1/img/paging_arr.png) no-repeat -1000px 0;}
.paging2 .fst {width:8px; background-position:-9px -8px;}
.paging2 .prv {width:4px; background-position:-36px -8px;}
.paging2 .nxt {width:4px; background-position:-60px -8px;}
.paging2 .lst {width:8px; background-position:-83px -8px;}