@charset "utf-8";
@import url('base.css'); 

/* index.intro */
/* locom */
.thum_text {padding:0 0 10px 40px;}
.locom_vis {float:left;width:338px;}
.locom_vis2 {float:left;width:305px;}
.locom_text {float:left;width:330px;overflow:hidden;font-size:100%;}
.locom_text big {display:block;padding:0 0 5px;}
.locom_text p {padding:0 0 20px;}
.locom_text ol {list-style:decimal;margin:0 0 0 15px;padding:0 0 0 15px;}
.locom_text ol li {list-style-type:decimal;padding:0;}
.locom_text strong {color:#2D959D;font-weight:normal;}



#contents .tit {padding:11px 0 0;}
#contents .tit2 {padding:40px 0 0 10px;}
#contents .tit3 {padding:11px 0 20px;}
#contents .tit4 {padding:30px 0 30px 10px;}
#contents .tit5 {padding:11px 0 10px;}
#contents .tit_indent {padding:0 0 8px 10px;}
#contents .tit_indent p {float:left;padding:0 0 8px;width:590px;}
#contents .tit_indent p.btn {float:right;width:150px;}
#contents .tit_indent2 {padding:10px 0 8px 20px;}
#contents .tit_indent3 {padding:20px 0 8px;}
#contents .tit_fleft {float:left;padding:10px 0 0 10px;}



/* table */
.table {position:relative;border-bottom:2px solid #F8F8F8;}
.table span.caption {position:absolute;top:-25px;display:block;width:100%;text-align:right;}
.table table {border-top:2px solid #42A7A1;border-bottom:1px solid #DCDCDA;width:100%;}
.table table thead {}
.table table thead th {background-color:#F8F9F4;color:#464644;border:1px solid #DEDEDE;padding:4px 0 6px;text-align:center;font-size:130%;}
.table table thead .sec th {background-color:#EEF2F5;color:#30979E;}
.table table thead .gray th {background-color:#FCFCFA;}
.table table thead th.last {border-right:0 none;}
.table table tbody {}
.table table tbody th {background-color:#F8F9F4;color:#464644;border:1px solid #DEDEDE;padding:2px 0;text-align:center;font-size:130%;}
.table table tbody th.sec {background-color:#FCFCFA;border:1px solid #DEDEDE;font-size:130%;color:#676767;}
.table table tbody td.sec {background-color:#FCFCFA;border:1px solid #DEDEDE;font-size:130%;text-align:center;color:#676767;padding:2px 0;}
.table table tbody td.sec_b {background-color:#FCFCFA;border:1px solid #DEDEDE;font-weight:bold;font-size:130%;text-align:center;color:#676767;padding:2px 0;}
.table table tbody td.thir {border-left:0 none !important;text-align:center;}
.table table tbody td {border:1px solid #DEDEDE;padding:4px 10px;text-align:right;font-size:130%;}
.table table tbody td.total {color:#E0356A;border-right:0 none;}
.table table tbody td.textalign {text-align:center;}
/* 20090510 .table table tbody .dotline th, */
.table table tbody .dotline td {border-bottom:1px dashed #DEDEDE;}
.table table tbody .dotline th.sec {border-bottom:1px solid #DEDEDE;}
.table table tfoot th ,
.table table tfoot td {background-color:#F8F9F4;padding:10px 10px;font-size:130%;text-align:right;}
.table table tfoot th {text-align:Center;}
.table table tfoot td {color:#F13268;font-weight:bold;}
.table table tfoot th.per,
.table table tfoot td.per{font-size:120%;color:#676767;border-right:0 none !important;border-top:1px solid #DEDEDE;}
.table table tfoot.default th ,
.table table tfoot.default td {background-color:#fff;border-left:1px solid #DEDEDE;font-weight:normal;padding:4px 0;text-align:center;}
.table table tfoot.default td.numalign {padding:4px 10px;text-align:right;}
.table table .first {border-left:0 none !important;}
.table table .last {border-right:0 none !important;}
.tb_txcont table tbody td {padding:4px 10px;text-align:center;}

.tb_rows thead th {border:0 none !important;border-bottom:1px solid #DEDEDE !important;}
.tb_rows tbody th ,
.tb_rows tbody td {padding:4px 10px !important;border:0 none !important;border-bottom:1px solid #DEDEDE !important;}
.tb_rows tbody td.textalign {text-align:left;}
.tb_rows table tbody .dotline td {border-bottom:1px dashed #DEDEDE !important;}
.tb_rows table tbody .dotline_02 td {border-bottom:1px solid #DEDEDE !important;text-align:center;}
.tb_rows table tbody .total td {color:#E0356A;}





/* 03.jsp */
.locomback {}
.locomback dt {clear:left;float:left;width:285px;height:76px;padding:10px 0 0;}
.locomback dd {float:left;width:400px;height:76px;padding:10px 0 0;font-size:100%;}
.info_back {border:2px solid #B6DBD0;background-color:#FBFDFC;padding:25px 35px 15px;}
.info_back p {padding:0 0 10px;}



/* 05.jsp */
.ci_contents {margin:0 0 0 20px;border-bottom:1px solid #EEE;}
.ci_contents .img {float:left;width:285px;clear:both;}
.ci_contents .info {float:left;width:380px;}
.ci_contents .info p {font-size:100%;padding:0 0 15px;}
.ci_contents .info p.btn {float:right;text-align:right;padding:10px 0 20px;}
.ci_contents .info_bar {}
.ci_contents .info_bar p {padding:0 0 15px 17px;}
.ci_contents .info_bar p.btn {float:right;text-align:right;padding:10px 0 20px;}




/* slide happynews bottom javascript */
.slideBox {clear:both;position:relative;width:690px;height:100%;border-bottom:5px solid #F1F0F0; }
.slideBox .slidecont {width:688px;border:1px solid #DCDCDC;padding:25px 0 0;}
.slideBox .handler {}
.slideBox .handler a {background-color:#fff;}
.slideBox .handler img { position:absolute;top:55px;z-index:2;}
.slideBox .handler img.prev {left:10px;padding:0;text-align:left;}
.slideBox .handler img.next { right:10px;padding:0;text-align:right;}

.slideBox #wrapper {width:620px;height:125px;margin:0 0 0 30px;padding:0;position:relative;overflow:hidden; }
.slideBox table {margin:0;width:100%;height:100%;padding:0;position:absolute;table-layout:fixed; }
.slideBox td {text-align:Center;;width:184px;padding:0;height:125px;vertical-align:top;}
.slideBox td p {width:166px;height:100px;padding:0;background-color:#CCC;}
.slideBox td p img { display:block;width:164px;height:98px;margin:1px; }
.slideBox td strong { display:block;padding:8px 0 0;color:#808080;line-height:120%;letter-spacing:-1px;}
.slideBox td span { font-family:verdana;font-size:11px;color:#808080; }





/* happynews 01_2.jsp */
.vlt_tit {padding:0px 0 0 10px;}
.vlt_tit_sub {padding:30px 0 0 20px;}
.vlt_tit .smenu {float:right;padding:2px 0 0;}
.vlt_tit_none {padding:0 0 10px 10px;}
.vlt_tit_s {padding:10px 0 10px 20px;}
.vlt_tit_left {padding:30px 0 0;}
.vlt_vis {clear:both;float:left;width:321px;height:100%;overflow:hidden;}
.vlt_vis img {}
.vlt_info {float:left;width:365px;height:100%;overflow:hidden;}
.vlt_info p {padding:0 0 22px;font-size:100%;}
.vlt_info p.img {padding:0 0 10px;}
.vlt_info p.btn {text-align:right;padding:10px 0 0 200px;}
.vlt_info p.noterm {}
.cs_info {padding:20px 0;color:#319499;}
.cs_tx p {padding:0 0 10px 0;}
.cs_tx p strong {color:#319499;font-weight:normal;}
.cs_tx p.last {padding:0;}
.box_noti {border:1px solid #DDD;padding:20px 18px;margin:10px 0 0;}
.box_noti li {padding:0 0 0 12px;background:url('/images/icon/bullet.gif') 0 8px no-repeat;}
.box_noti li em {color:#319499;font-style:normal;font-weight:normal;}
.box_noti .go_cs {padding:3px 0 0;text-align:right;}
.vlt_info p.noterm {padding:50px 0 100px;text-align:center;}
.vlt_info p.noterm big {display:block;padding:0 0 20px;font-size:130%;color:#2D959D;font-weight:bold;}
.vlt_info p.noti {padding:6px 15px 10px;border:1px solid #DCDCDC;font-weight:bold;}
.vlt_info p.noti strong {font-weight:normal;}

.active_cont {clear:both;height:100%;padding:0 0 25px;}
.active_cont .area_img {float:left;width:340px;height:100%;margin:0 30px 0 0;}
.active_cont .area_img p {width:340px;height:190px;background-color:#D3E6E8;}
.active_cont .area_img p img {width:330px;height:180px;margin:5px;}
.active_cont .area_img span {display:block;padding:4px 0 0;font-size:95%;color:#42858C;letter-spacing:-1px;height:40px}
/*.active_cont .area_info {float:left;width:318px;height:100%;} 14th ΌφΑ€*/
.active_cont .area_info {}
.active_cont .area_info big {display:block;border-bottom:1px dashed #D6D6D6;padding:0 0 4px;font-size:130%;font-weight:bold;color:#454545;}
.active_cont .area_info big span {color:#2D959D;}
.active_cont .area_info p {font-size:100%;padding:10px 0 5px;}

.area_reply {position:relative;}
.area_reply .inp_reply {background-color:#F9F9F9;border-top:1px solid #CCC;border-bottom:1px solid #CCC;margin:10px 0 0;padding:10px 20px 0;}
.area_reply .inp_reply fieldset {padding:0 0 10px;}
.area_reply .inp_reply fieldset label {padding:0 4px 0 10px;font-size:100%;color:#454545;}
.area_reply .inp_reply fieldset label.first {padding:0 4px 0 0;}
.area_reply .inp_reply fieldset span {padding:0 0 0 10px;font-size:95%;color:#828282;}
.area_reply .inp_reply fieldset span strong {color:#454545;font-weight:normal;}
.area_reply .inp_reply fieldset p {float:left;margin:0 10px 0 0;display:inline;}
.area_reply .inp_reply fieldset .btn {margin:0;padding:7px 0 0;}
.area_reply .list_reply {width:790px;}
.area_reply .list_reply li {padding:5px 20px;border-bottom:1px dashed #D6D6D6;}
.area_reply .list_reply li .user {}
.area_reply .list_reply li .user strong {display:block;float:left;width:630px;color:#454545;}
.area_reply .list_reply li .user p {float:left;width:120px;}
.area_reply .list_reply li .user p span {padding:0 5px;color:#454545;}
.area_reply .list_reply li .user p img {vertical-align:middle;}
.area_reply .list_reply li .cont {clear:both;}

.area_reply .layer_delete {display:none;position:absolute;top:-10px;left:209px;width:379px;height:176px;border:1px solid #DCDCDC;background-color:#fff;}
.area_reply .layer_delete .lay_cont {margin:0 12px;padding:10px 0;}
.area_reply .layer_delete .lay_cont .inp_pw {background-color:#F7F7F7;padding:20px 0;text-align:center;}
.area_reply .layer_delete .lay_cont .inp_pw p {padding:0 0 15px;text-align:center;}
.area_reply .layer_delete .lay_cont .ft {padding:5px 0 0;text-align:right;}
.area_reply .layer_delete .lay_cont .ft span {float:left;padding:5px 0 0;}

.vlt_info p.noterm {padding:50px 0 100px;text-align:center;}
.vlt_info p.noterm big {display:block;padding:0 0 20px;font-size:130%;color:#2D959D;font-weight:bold;}
.vlt_info p.noti {padding:6px 15px 10px;border:1px solid #DCDCDC;font-weight:bold;}
.vlt_info p.noti strong {font-weight:normal;}

.regis_volunteers {border-bottom:5px solid #F5F5F5;}
.regis_volunteers .cont {border:1px solid #DDD;padding:10px 15px;}
.regis_volunteers .cont p {background:url('/images/icon/bullet.gif') 0 8px no-repeat;padding:0 0 8px 10px;font-weight:bold;color:#454545;}
.regis_volunteers .cont p strong,
.regis_volunteers .cont p span {font-weight:normal;}
.regis_volunteers .cont p strong {}
.regis_volunteers .cont p span {display:block;color:#676767;}
.regis_volunteers .cont p.btn {background:none;padding:0;text-align:right;}

.ft_notice {clear:both;border:5px solid #DCE7ED;height:100%;padding:10px 20px;}
.ft_notice p {float:left;background:url('/images/icon/default.gif') 0 5px no-repeat;padding:0 0 0 18px;font-size:95%;}
.ft_notice a img {float:right;margin-left:236px;}
.ft_notice_text {background-color:#F8F8F8;padding:3px 28px;font-size:95%;}
.ft_notice_text strong {color:#2D959D;font-weight:normal;}
.ft_notice_text2 {background-color:#F8F8F8;padding:10px 28px;font-size:100%;}
.ft_notice_text2 em {font-style:normal;font-weight:bold;}
.ft_notice_btn {clear:both;border:5px solid #DCE7ED;height:100%;padding:10px 20px;min-height:35px;}
.ft_notice_btn .text {float:left;font-size:95%;line-height:140%;}
.ft_notice_btn .text strong {}
.ft_notice_btn .download {float:right;width:235px;height:25px;padding:7px 10px 3px;background:url('/images/locom/bg_viewdownload.gif') no-repeat;text-align:right;}
.ft_notice_btn .download a img {padding:0 0 0 5px;}

/* civil 03.jsp */
#contents .tit_indent2 {padding:20px 0 8px 20px; clear:both;}
.tit_b_noti {margin-top:10px;}
.top_noti {position:relative;clear:both;border:5px solid #DDE7ED;background-color:#fff;padding:20px 15px 10px 20px;height:50px;}
.top_noti2 {position:relative;border:5px solid #DDE7ED;background-color:#fff;padding:20px 15px 10px 20px;}
.top_noti_pd {padding:10px 15px 10px 20px;}
.top_noti .tx {padding:0 0 13px;}
.top_noti .btn {position:absolute;right:10px;bottom:10px;top:59px;}
.top_noti ul li {background:url('/images/icon/bullet.gif') 0 8px no-repeat;padding:0 0 0 10px;font-size:95%;}

.tx_list {padding:4px 0 0 27px;clear:both;}
.tx_list li {background:url('/images/icon/bullet.gif') 0 8px no-repeat;padding:0 0 6px 10px;line-height:160%;font-size:100%;}
.tx_list li.end {padding:0 0 0 10px;}
.diagram {padding:10px 0 0;text-align:right;}
.diagram_dft {padding:0 0 0 20px;text-align:left;}
.dia_info {margin:5px 0 0;background-color:#F9F9F9;font-size:95%;text-align:center;padding:5px 0;}
.dia_info2{background:url('/images/icon/blt_dark.gif') 15px 15px no-repeat;margin:5px 0 0;background-color:#F9F9F9;font-size:95%;padding:5px 25px;}


.tx_list {padding:4px 0 0 27px;}




/* button */
.area_btn_left {padding:12px 0 0;text-align:left;}
.area_btn {padding:12px 0 0;text-align:right;}
.area_btn p {float:left;}
.area_btn_cont {padding:10px 5px 10px 0;text-align:right;}
.area_btn_cont1 {padding:10px 5px 20px 0;text-align:right;margin-left:525px}
.area_btn_c {padding:12px 0 0;text-align:center}
.area_btn_center{padding:15px 0 0;text-align:center;word-spacing:15px;}
.area_btn_center1 {padding:15px 0 0;text-align:center;word-spacing:15px;margin-left:250px}




/* volunteer bbs */
.area_reply .list_reply {width:680px;}
.area_reply .list_reply li {padding:5px 20px;border-bottom:1px dashed #D6D6D6;}
.area_reply .list_reply li .user {}
.area_reply .list_reply li .user strong {display:block;float:left;width:630px;color:#454545;}
.area_reply .list_reply li .user p {float:left;width:120px;}
.area_reply .list_reply li .user p span {padding:0 5px;color:#454545;}
.area_reply .list_reply li .user p img {vertical-align:middle;}
.area_reply .list_reply li .cont {clear:both;}




/* ci  */

.intro_inbox{position:relative; margin:17px 0 0 17px; height:187px;padding-top:15px;}
.intro_inbox .btn_group{position:absolute; left:401px; top:46px;padding-top:10px;}
.intro_inbox .btn_group2{position:absolute; left:401px; top:69px;padding-top:10px;}
.intro_inbox2{position:relative; margin:30px 0 0 17px; height:367px;}
.intro_inbox2 .btn_group{position:absolute; left:401px; top:31px;padding-top:10px;}
.intro_inbox2 .btn_group2{position:absolute; left:401px; top:55px;padding-top:10px;}
.intro_inbox3{position:relative; margin:30px 0 0 17px; height:308px;}
.intro_inbox3 .btn_group{position:absolute; left:401px; top:31px;padding-top:10px;}
.intro_inbox3 .btn_group2{position:absolute; left:401px; top:55px;padding-top:10px;}
.intro_inbox4{position:relative; margin:17px 0 0 17px; height:526px;padding-top:15px;}
.intro_inbox4 .btn_group{position:absolute; left:0; top:69px;padding-top:10px;}
.intro_inbox5{position:relative; margin:17px 0 0 17px; height:451px;padding-top:15px;}
.intro_inbox5 .btn_group{position:absolute; left:0; top:69px;padding-top:10px;}
.intro_inbox6{position:relative; margin:17px 0 0 17px; height:381px;padding-top:15px;}
.intro_inbox6 .btn_group{position:absolute; left:0; top:69px;padding-top:10px}