@charset "UTF-8";

.w40{width:40px;}
.w70{width:70px;}
.w90{width:90px;}
.w125{width:125px;}
.w150{width:150px;}
.w190{width:190px;}
.w230{width:230px;}
.w480{width:480px;}
.w100p{width:100%;*width:99%;}

.graybox{background:#fbfbfb;border:1px solid #c5cbd1;text-align:center;padding:20px 0;}
.graybox select{margin-left:10px;}
.gbul{background:url(../images/common/bu_graysquare.gif) no-repeat;padding-left:10px;}


/*==================================================================
	main
===================================================================*/


.slider_b{position:relative;width:730px;height:253px;overflow:hidden;}
#slider ul, #slider li{position:relative;}
#slider li{width:730px;height:253px;overflow:hidden; }
#slider li>a{position:relative;}
/*#slider li div{position:absolute;top:0;left:0;width:205px;height:255px;padding:25px 20px 50px; background:url(../images/main/bg_bback.png) repeat;overflow:hidden;}*/
#slider li div{position:absolute;top:0;left:0;width:205px;height:255px;padding:25px 20px 50px; }
#slider li div p,#slider li div p a,#slider li div p a:focus,#slider li div p a:active{line-height:1.6;color:#e1e1e1;}
#slider li div p.title,#slider li div p.title a,#slider li div p.title a:focus,#slider li div p.title a:active{font-family: NanumGothicBold;font-size:21px;line-height:1.2;letter-spacing:-0.05em;padding-bottom:10px;color:#fff;}

#prevBtn, #nextBtn{ display:block;width:24px;height:24px;position:absolute;left:20px;bottom:20px;z-index:18;text-indent:-99999px;}	
#nextBtn{left:49px;}														
#prevBtn a, #nextBtn a{  display:block;	width:24px;height:24px;	background:url(../images/main/btn_arrow04.png) no-repeat;}	
#prevBtn a:hover, #nextBtn a:hover{background-position:-24px 0;}
#nextBtn a{background:url(../images/main/btn_arrow04.png) -48px 0 no-repeat;}	
#nextBtn a:hover{background-position:-72px 0;}/**/

.vis{position:absolute;top:0px;left:730px;width:250px;height:253px;}
.vis div.comp {float:left;width:250px;height:253px;padding:13px 0 0 20px;background:url('../images/main/vod_bg.gif') no-repeat 0 0;}
.vis div.comp .more{position:relative;float:left;width:35px;height:10px;padding:8px 0 0 176px;}
.vis div.comp .con{position:relative;float:left;width:207px;height:165px;padding:25px 10px 0 0;}
.vis div.comp .thum{position:relative;float:left;width:207px;height:139px;padding:25px 10px 0 0;}
.vis div.comp .text{position:relative;float:left;width:207px;padding:5px 10px 0 0;font-size: 12px; color: #ccc ;display: inline-block;height:27px;line-height:27px;font-weight:bold;}




/* Main_Contents */
#main_cont { overflow:hidden; position : relative; width : 980px; margin : 0 auto; padding-top:20px;} 

#main_mid {position : relative; width : 980px; margin : 0 auto;}
/* Update News */
#main_update {float:left; width:730px;height:30px ;padding:6px 0 0 110px;background:url('../images/main/update_bg.gif') no-repeat 0 0;}

/* Main_Left */
#main_left { float : left; width : 220px; } 

#main_left .loginBox {float:left;width:220px;}
#main_left .scheBox {float:left; width:220px; height:250px; background : url('../images/main/sche_bg3.gif') no-repeat 0 0;}
#main_left .scheBox .more {position:relative;/*float:left;*/width:35px;height:10px;padding:10px 0 0 174px;}
/*스케줄 */
#main_left .scheBox .schedule_body { }
#main_left .scheBox .schedule_body .schedule {width:220px;position:relative;}
#main_left .scheBox .schedule_body .date {width:220px;height:30px;margin:14px 0 0 0;position:relative;}
#main_left .scheBox .schedule_body .date div {text-indent:-9999px}
#main_left .scheBox .schedule_body .date .prev{width:5px;height:8px;position:absolute;top:11px;left:74px;background:url(../images/main/ico_rw_ca_arrow.gif) no-repeat;overfl1ow:hidden}
#main_left .scheBox .schedule_body .date .next{width:5px;height:8px;position:absolute;top:11px;right:75px;background:url(../images/main/ico_rw_ca_arrow.gif) -5px 0 no-repeat;over1flow:hidden}
#main_left .scheBox .schedule_body .date div a{display:block;position:relative;margin:-5px 0 0 -5px;width:10px;height:25px;overflow:hidden}
#main_left .scheBox	.schedule_body .date .year,
#main_left .scheBox	.schedule_body .date .month,
#main_left .scheBox	.schedule_body .date .day {position:absolute;width:17px;height:13px;top:30px;background:url(../images/main/ico_rw_ca_num.gif) no-repeat;overflow:hidden}
#main_left .scheBox	.schedule_body .date .year {left:78px;}
#main_left .scheBox	.schedule_body .date .month {left:100px;}
#main_left .scheBox	.schedule_body .date .day {left:120px;}
#main_left .scheBox	.schedule_body .date .n01 {background-position:0 0}
#main_left .scheBox	.schedule_body .date .n02 {background-position:0 -25px}
#main_left .scheBox	.schedule_body .date .n03 {background-position:0 -50px}
#main_left .scheBox	.schedule_body .date .n04 {background-position:0 -75px}
#main_left .scheBox	.schedule_body .date .n05 {background-position:0 -100px}
#main_left .scheBox	.schedule_body .date .n06 {background-position:0 -125px}
#main_left .scheBox	.schedule_body .date .n07 {background-position:0 -150px}
#main_left .scheBox	.schedule_body .date .n08 {background-position:0 -175px}
#main_left .scheBox	.schedule_body .date .n09 {background-position:0 -200px}
#main_left .scheBox	.schedule_body .date .n10 {background-position:0 -225px}
#main_left .scheBox	.schedule_body .date .n11 {background-position:0 -250px}
#main_left .scheBox	.schedule_body .date .n12 {background-position:0 -275px}
#main_left .scheBox	.schedule_body .date .n13 {background-position:0 -300px}
#main_left .scheBox	.schedule_body .date .n14 {background-position:0 -325px}
#main_left .scheBox	.schedule_body .date .n15 {background-position:0 -350px}
#main_left .scheBox	.schedule_body .date .n16 {background-position:0 -375px}
#main_left .scheBox	.schedule_body .date .n17 {background-position:0 -400px}
#main_left .scheBox	.schedule_body .date .n18 {background-position:0 -425px}
#main_left .scheBox	.schedule_body .date .n19 {background-position:0 -450px}
#main_left .scheBox	.schedule_body .date .n20 {background-position:0 -475px}
#main_left .scheBox	.schedule_body .date .n21 {background-position:0 -500px}
#main_left .scheBox	.schedule_body .date .n22 {background-position:0 -525px}
#main_left .scheBox	.schedule_body .date .n23 {background-position:0 -550px}
#main_left .scheBox	.schedule_body .date .n24 {background-position:0 -575px}
#main_left .scheBox	.schedule_body .date .n25 {background-position:0 -600px}
#main_left .scheBox	.schedule_body .date .n26 {background-position:0 -625px}
#main_left .scheBox	.schedule_body .date .n27 {background-position:0 -650px}
#main_left .scheBox	.schedule_body .date .n28 {background-position:0 -675px}
#main_left .scheBox	.schedule_body .date .n29 {background-position:0 -700px}
#main_left .scheBox	.schedule_body .date .n30{background-position:0 -725px}
#main_left .scheBox	.schedule_body .date .n31 {background-position:0 -750px}


/* 인근사 사이트 */
#main_left .leftbanner { float : left; width : 220px; } 
#main_left .leftbanner .title { float : left;} 
#main_left .leftbanner .box { float : left;} 


/* Main_Center */
#main_center { float : left; width : 470px; margin-left : 20px !important ; } 
#main_center .n-wrap {float:left;width:470px;height:188px;}
#main_center .s-wrap {float:left;width:470px;height:188px;}
#main_center .g-wrap {float:left;width:470px;height:188px;padding-bottom:10px;}
#main_center .c-wrap {float:left;width:470px;height:188px;padding-top:10px;}


/* 공지사항 */
#main_center .notice .notice_con {padding-top:10px;}
#main_center .notice .notice_con ul li{float:left; height:20px;line-height:20px;*height:20px;*line-height:20px;overflow:hidden;padding-left:6px;}
#main_center .notice .notice_con ul li .leftBox{width:380px;overflow:hidden;}
#main_center .notice .notice_con ul li .rightBox{text-align:right;width:80px;overflow:hidden;padding-right:0px;}
#main_center .notice .notice_con ul li a.gbul{background-position:0 8px;}
#main_center .notice .notice_con ul li a.gbul:hover,.main_container .cont .col1 .row1 .noti ul li a.gbul:focus{text-decoration:underline;}

/* 민주노총 소식 */
#main_center .news .news_con {padding-top:10px;}
#main_center .news .news_con ul li{float:left; height:20px;line-height:20px;*height:20px;*line-height:20px;overflow:hidden;padding-left:6px;}
#main_center .news .news_con ul li .leftBox{width:380px;overflow:hidden;}
#main_center .news .news_con ul li .rightBox{text-align:right;width:80px;overflow:hidden;padding-right:0px;}
#main_center .news .news_con ul li a.gbul{background-position:0 8px;}
#main_center .news .news_con ul li a.gbul:hover,.main_container .cont .col1 .row1 .noti ul li a.gbul:focus{text-decoration:underline;}

/* 소식지 */
#main_center .letter .letter_con {padding-top:10px;}
#main_center .letter .letter_con ul li{float:left; height:20px;line-height:20px;*height:20px;*line-height:20px;overflow:hidden;padding-left:6px;}
#main_center .letter .letter_con ul li .leftBox{width:380px;overflow:hidden;}
#main_center .letter .letter_con ul li .rightBox{text-align:right;width:80px;overflow:hidden;padding-right:0px;}
#main_center .letter .letter_con ul li a.gbul{background-position:0 8px;}
#main_center .letter .letter_con ul li a.gbul:hover,.main_container .cont .col1 .row1 .noti ul li a.gbul:focus{text-decoration:underline;}

/* 고충처리 */
#main_center .gochung .gochung_con {padding-top:10px;}
#main_center .gochung .gochung_con ul li{float:left; height:20px;line-height:20px;*height:20px;*line-height:20px;overflow:hidden;padding-left:6px;}
#main_center .gochung .gochung_con ul li .leftBox{width:380px;overflow:hidden;}
#main_center .gochung .gochung_con ul li .rightBox{text-align:right;width:80px;overflow:hidden;padding-right:0px;}
#main_center .gochung .gochung_con ul li a.gbul{background-position:0 8px;}
#main_center .gochung .gochung_con ul li a.gbul:hover,.main_container .cont .col1 .row1 .noti ul li a.gbul:focus{text-decoration:underline;}


/* 갤러리 */
#main_center .gall {padding-top:10px;}
#main_center .gall_tit_wrap {display:block; width:472px; height: 32px; background: #5083ef; border-bottom: 1px solid #c0c0c0;}
#main_center .gall .gall_tit_wrap span.leftBox{width:380px;height: 31px; line-height: 31px; color:#fff;font-family:"dotum"; font-size:12px; font-weight:bold;padding-left:10px}
#main_center .gall .gall_tit_wrap span.rightBox a {text-align:right;width:50px;overflow:hidden;padding-right:10px;color:#fff;  font-size:11px;line-height:31px;}
#main_center .gall_con { border: 1px solid #c0c0c0; border-top: none; clear: both; float: left; width: 470px; background: #FFFFFF;}
#main_center .gall ul li {width:130px;float:left;overflow:hidden;margin:10px 16px 10px 10px;text-align:center;position:relative;}
#main_center .gall ul li a {font:11px dotum; color:#333; letter-spacing:-1px; display:block; overflow:hidden; line-height:1.3em;width:100%;overflow:hidden;}
#main_center .gall ul li img {display:block;margin:0 0 6px -4px;}




/* 노사협의회 */
#main_center .nosa .nosa_con {padding-top:10px;}
#main_center .nosa .nosa_con ul li{float:left; height:20px;line-height:20px;*height:20px;*line-height:20px;overflow:hidden;padding-left:6px;}
#main_center .nosa .nosa_con ul li .leftBox{width:380px;overflow:hidden;}
#main_center .nosa .nosa_con ul li .rightBox{text-align:right;width:80px;overflow:hidden;padding-right:0px;}
#main_center .nosa .nosa_con ul li a.gbul{background-position:0 8px;}
#main_center .nosa .nosa_con ul li a.gbul:hover,.main_container .cont .col1 .row1 .noti ul li a.gbul:focus{text-decoration:underline;}

/* 후생복지 */
#main_center .bokji .bokji_con {padding-top:10px;}
#main_center .bokji .bokji_con ul li{float:left; height:20px;line-height:20px;*height:20px;*line-height:20px;overflow:hidden;padding-left:6px;}
#main_center .bokji .bokji_con ul li .leftBox{width:380px;overflow:hidden;}
#main_center .bokji .bokji_con ul li .rightBox{text-align:right;width:80px;overflow:hidden;padding-right:0px;}
#main_center .bokji .bokji_con ul li a.gbul{background-position:0 8px;}
#main_center .bokji .bokji_con ul li a.gbul:hover,.main_container .cont .col1 .row1 .noti ul li a.gbul:focus{text-decoration:underline;}

/* 산업안전보건 */
#main_center .sanup .sanup_con {padding-top:10px;}
#main_center .sanup .sanup_con ul li{float:left; height:20px;line-height:20px;*height:20px;*line-height:20px;overflow:hidden;padding-left:6px;}
#main_center .sanup .sanup_con ul li .leftBox{width:380px;overflow:hidden;}
#main_center .sanup .sanup_con ul li .rightBox{text-align:right;width:80px;overflow:hidden;padding-right:0px;}
#main_center .sanup .sanup_con ul li a.gbul{background-position:0 8px;}
#main_center .sanup .sanup_con ul li a.gbul:hover,.main_container .cont .col1 .row1 .noti ul li a.gbul:focus{text-decoration:underline;}

/* 교육 */
#main_center .edu .edu_con {padding-top:10px;}
#main_center .edu .edu_con ul li{float:left; height:20px;line-height:20px;*height:20px;*line-height:20px;overflow:hidden;padding-left:6px;}
#main_center .edu .edu_con ul li .leftBox{width:380px;overflow:hidden;}
#main_center .edu .edu_con ul li .rightBox{text-align:right;width:80px;overflow:hidden;padding-right:0px;}
#main_center .edu .edu_con ul li a.gbul{background-position:0 8px;}
#main_center .edu .edu_con ul li a.gbul:hover,.main_container .cont .col1 .row1 .noti ul li a.gbul:focus{text-decoration:underline;}




/* Main_Right */
#main_right { float : left; width : 250px; margin-left : 20px !important ; } 

/* 조합원 목소리 */
#main_right .voice {float:left;width:250px;height:147px;}
#main_right .voice_tit_wrap {display:block; width:250px; height: 32px; background: #5083ef; border-bottom: 1px solid #c0c0c0;}
#main_right .voice .voice_tit_wrap span.leftBox{width:170px;height: 31px; line-height: 31px; color:#fff;font-family:"dotum"; font-size:12px; font-weight:bold;padding-left:10px}
#main_right .voice .voice_tit_wrap span.rightBox a {text-align:right;width:50px;overflow:hidden;padding-right:10px;color:#fff;  font-size:11px;line-height:31px;}
#main_right .voice_con { border: 1px solid #c0c0c0; border-top: none; float: left; width: 243px; background: #FFFFFF;}
#main_right .voice .voice_con {padding : 10px 0 10px 5px;}
#main_right .voice .voice_con ul li{float:left; height:20px;line-height:20px;*height:20px;*line-height:20px;overflow:hidden;padding-left:5px;}
#main_right .voice .voice_con ul li .leftBox{width:170px;overflow:hidden;}
#main_right .voice .voice_con ul li .rightBox{text-align:right;width:50px;overflow:hidden;padding-right:0px;}
#main_right .voice .voice_con ul li a.gbul{background-position:0 8px;}
#main_right .voice .voice_con ul li a.gbul:hover,.main_container .cont .col1 .row1 .noti ul li a.gbul:focus{text-decoration:underline;}



/* 조합원 동정 */
#main_right .event {float:left;width:250px;height:147px; padding-top:20px;}
#main_right .event_tit_wrap {display:block; width:250px; height: 32px; background: #5083ef; border-bottom: 1px solid #c0c0c0;}
#main_right .event .event_tit_wrap span.leftBox{width:170px;height: 31px; line-height: 31px; color:#fff;font-family:"dotum"; font-size:12px; font-weight:bold;padding-left:10px}
#main_right .event .event_tit_wrap span.rightBox a {text-align:right;width:50px;overflow:hidden;padding-right:10px;color:#fff;  font-size:11px;line-height:31px;}
#main_right .event_con { border: 1px solid #c0c0c0; border-top: none; float: left; width: 243px; background: #FFFFFF;}
#main_right .event .event_con {padding : 10px 0 10px 5px;}
#main_right .event .event_con ul li{float:left; height:20px;line-height:20px;*height:20px;*line-height:20px;overflow:hidden;padding-left:6px;}
#main_right .event .event_con ul li .leftBox{width:170px;overflow:hidden;}
#main_right .event .event_con ul li .rightBox{text-align:right;width:50px;overflow:hidden;padding-right:0px;}
#main_right .event .event_con ul li a.gbul{background-position:0 8px;}
#main_right .event .event_con ul li a.gbul:hover,.main_container .cont .col1 .row1 .noti ul li a.gbul:focus{text-decoration:underline;}

#main_right .right_banner {float:left;width:250px;padding-top:15px;}
#main_right .right_banner ul li{height:75px;}


/* location */
div.location {color:#5e5e5e;font-family:Dotum;font-size:11px;line-height:13px;text-align:right;position:absolute;top:8px;right:0;}
div.location a {color:#b4b4b4;font-family:Dotum;}
div.location a img {vertical-align:-2px;}
div.loaction .line {float:left;width:776px; height:30px; background:url('../img/sub_title_line.gif') no-repeat left 0;font-size:0;line-height:0;vertical-align:top;}

/* title */
h3.stit {padding-bottom:10px;}
h4.ctit {padding:2px 0 0 20px;}
h4.cbase {margin-left:20px; width:776px; height:30px; background:url('../img/sub_title_line.gif') no-repeat 0 0;}
h5.sctit {margin-top:44px;color:#1c1b1b;font-size:14px;line-height:18px;}
h5.sctit em {color:#9e9e9e;font-weight:bold;}
h5.first {margin-top:0;}



/* snb */
#snb {float:left; width:214px;}
ul.snb {overflow:hidden;width:214px;margin-top:0px;}
ul.snb li {font-size:0;line-height:0;vertical-align:top;}
ul.snb li img {vertical-align:top;}
ul.snb li a {display:block;height:41px;overflow:hidden;}

div.sub_banner { width:214px; height:200px; }
div.sub_banner ul {margin:30px 0 0 0;}
div.sub_banner ul li { margin-top:10px; }

div.sub_banner {width:214px;height:294px;margin-top:30px;}
div.sub_banner ul {margin:16px 0 0 0;}
div.sub_banner ul li {margin-top:11px;}
div.sub_banner ul li.first {margin-top:0;}

/* sub */
#sub_visual {margin:0 auto; overflow:hidden;width:980px;height:180px;padding-top:0;}

/* tab */
ul.tab {overflow:hidden;width:470px;height:32px;background:url('../images/main/tab_bg.gif') repeat-x left bottom;}
ul.tab li {overflow:hidden;float:left;height:32px;font-size:0;line-height:0;vertical-align:top;}

ul.tab2 {overflow:hidden;width:470px;height:32px;background:url('../images/main/tab_bg.gif') repeat-x left bottom;}
ul.tab2 li {overflow:hidden;float:left;height:32px;font-size:0;line-height:0;vertical-align:top;}
#new_icon {float:right;position:absolute;padding-right:5px;z-index:30;}


.whitebox{width:730px;background:#fff;border:1px solid #e5e5e5;padding:26px 0;line-height:20px;}
.whitebox .blue.bold{font-size:15px;line-height:22px;font-weight:bold;color:#0939b4;}

.ceo {width730px; height:140px; background:url('../images/common/ceo_bg.png') no-repeat 0 0;}