body, div, td, p { color: #666; font-size: 12px; font-family: Dotum, Arial, Helvetica, sans-serif; line-height: 18px; } body {margin: 0px; padding:0px; } a {font-size: 12px; color: #555; text-decoration: none; } a:hover {font-size: 12px; color: #5c85d6; text-decoration: underline; } INPUT { font-size: 11px; border: #ccc 1px solid; padding: 2px 0 2px 3px; margin:0; color:#666; } INPUT.radio { border:0px; } TEXTAREA { font-size: 12px; border: #ccc 1px solid; padding: 3px 0 0 3px; color:#666; } select { font-size: 11px; color:#666; margin:0; } h1, h2, h3, h4, h5 { margin:0; padding:0; } img { padding:0px; margin:0px; border:0px; line-height: 0px; font-size:0px; } * html img { margin-bottom:-4px; } .png24 { tmp:expression(setPng24(this)); } ul, li, dl, dd, dt, ol { list-style:none; padding:0px; margin:0px; } p { margin:0; padding:0; } fieldset { padding:0px; margin:0px; border:0px; } .clear { clear:both; } .mz_ac { margin:auto; } .left { float:left; } .right { float:right; } .txt_center { text-align:center; } /******************************************************************************** layout *********************************************************************************/ #full { position:absolute; width:893px; height:auto; top:0px; left:50%; margin-left:-490px; } #scroll_area { position:absolute; width:70px; height:auto; top:0px; left:50%; margin-left:405px; padding:100px 0 0 10px; } /******************************************************************************** layout : top *********************************************************************************/ /* top global navigation */ #full #global_navi { height:30px; } #global_navi ul { margin-left:430px; } #global_navi li { height:30px; float:left; } #full #global_navi1 { height:30px; } #global_navi1 ul { margin-left:645px; } #global_navi1 li { height:30px; float:left; } /* logo */ #full #logo { width:250px; height:70px; float:left; } /* navigation */ #full #navi { width:640px; height:70px; float:left; } /* image */ #full #img_main { height:310px; clear:both; margin-bottom:15px; } #full #img_sub { height:130px; clear:both; margin-bottom:15px; } /******************************************************************************** layout : main *********************************************************************************/ #full #link_people { width:250px; height:115px; margin:0 15px 15px 0; float:left; } /* notice news */ #full #notice_news { width:360px; height:115px; margin:0 15px 15px 0; float:left; } #full #notice_news table { border:0px; margin-top:8px; } #notice_news td { border:0px; padding:1px 0; } #notice_news td.nlist { background:url(../images/common/bullet01.gif) 0 4px no-repeat; padding-left:13px; text-align:left; } #full #notice_news ul#ttl_tabmenu { height:25px; background:url(../images/main/title_bg.gif) 0 0 repeat-x; } #notice_news ul#ttl_tabmenu li { height:25px; float:left; } #notice_news ul#ttl_tabmenu li.nn_ttl { width:240px; } #notice_news #notice { display:block; } #notice_news #news { display:none; } /* image */ #full #link_right { width:250px; height:115px; margin:0 0 15px 0; float:left; } #link_right li { height:75px; float:left; } #familysite { clear:both; height:40px; background:url(../images/main/familysite_bg.gif) 0 5px no-repeat;} #familysite fieldset#fs { padding:13px 0 0 70px; } #familysite fieldset#fs label { display:none; } #full #link_organ { width:250px; height:145px; margin:0 15px 15px 0; float:left; } /* community */ #full #community { width:360px; height:145px; margin:0 15px 15px 0; float:left; } #full #community table { border:0px; margin-top:8px; } #community td { border:0px; padding:1px 0; } #community td.nlist { background:url(../images/common/bullet01.gif) 0 4px no-repeat; padding-left:13px; text-align:left; } #full #community ul#com_menu { height:25px; background:url(../images/main/title_bg.gif) 0 0 repeat-x; } #community ul#com_menu li { height:25px; float:left; } #community ul#com_menu li.bt_more { width:126px; text-align:right; padding-top:5px; } #community #data { display:block; } #community #days { display:none; } #community #schedule { display:none; } #community #tender { display:none; } /* right banner */ #full #banner { width:250px; height:145px; margin:0 0 15px 0; float:left; } #banner li { height:25px; line-height:0px; } /* left link */ #full #link_left { width:250px; height:100px; margin:0 15px 15px 0; float:left; } #link_left li { float:left; } /* ebook, poll link */ #full #ebook_poll { width:360px; height:100px; margin:0 15px 15px 0; float:left; } #ebook_poll li { height:40px; float:left; } #ebook_poll #poll { clear:both; height:50px; padding-top:10px; } /* mini home */ #full #minihome { width:250px; height:100px; margin:0 0 15px 0; float:left; } #minihome p.mini_ttl { width:85px; height:25px; line-height:0px; float:left; } #minihome #mh_area { width:165px; height:25px; text-align:right; float:left; } #minihome #mh_area fieldset#mh { line-height:0px; } #minihome #mh_area fieldset#mh label { display:none; } /******************************************************************************** layout : bottom *********************************************************************************/ #full #footer { height:70px; } #footer li { height:70px; float:left; } #footer li.fsite { width:260px; background:url(../images/common/copyright_bg.gif) 0 0 no-repeat; padding-top:13px; } #footer fieldset#bfs label { font-weight:bold; font-size:11px; } /******************************************************************************** layout : sub *********************************************************************************/ /* submenu */ #full #submenu { width:210px; margin-right:30px; float:left; } #submenu #sub_l_ttl { height:35px; } #submenu ul#sm_list { margin:10px 0 10px 0; } #submenu ul#sm_list li { margin-bottom:-4px; } * html #submenu ul#sm_list li { margin-bottom:1px; } /* content_area */ #full #content_area { width:650px; float:left; } #content_area #top_title { height:35px; background:url(../images/common/position_bg.gif) top right no-repeat; } #content_area #top_title li.position { width:350px; text-align:right; font-size:11px; padding:15px 20px 0 0; } #content_area #content { margin-top:15px; } #content ol#list04 li { margin:2px 0 2px 25px; list-style:decimal; } #content #box01 { border:5px solid #eee; padding:10px; margin-bottom:15px;} #content #box01 ol li { margin:2px 0 2px 25px; list-style:decimal; } #content #box02 { border:5px solid #eef5ff; padding:5px; margin-bottom:15px; text-align:right;} #content #box03 { border:5px solid #e8effa; padding:5px; margin-bottom:15px; text-align:left;} #content #box03 ol li { padding:0 0 0 25px; background:url(../images/common/bullet01.gif) 10px 0 no-repeat; } #content p.ttl01 { height:20px; background:url(../images/common/bullet02.gif) 0 0 no-repeat; color:#5f88c7; font-weight:bold; padding-left:17px; } #content p.ttl01_desc { padding:0 0 15px 17px; } #content p.ttl02_01 { height:20px; background:url(../images/common/bullet03.gif) 17px 0 no-repeat; font-weight:bold; padding-left:35px;} #content p.ttl02_01_desc { padding:0 0 15px 35px; } #content p.ttl02_02 { height:20px; background:url(../images/common/bullet03.gif) 17px 0 no-repeat; color:#5f88c7; font-weight:bold; padding-left:35px;} #content p.ttl02_02_desc { padding:0 0 15px 35px; } #content p.ttl03_01 { height:20px; background:url(../images/common/bullet04.gif) 30px 0 no-repeat; padding-left:45px;} #content p.ttl03_01_desc { padding:0 0 15px 45px; } #content p.ttl03_02 { height:20px; background:url(../images/common/bullet04.gif) 30px 0 no-repeat; padding-left:45px; color:#5f88c7;} #content p.ttl03_02_desc { padding:0 0 15px 45px; } #content ul#list01 { margin-bottom:15px; } #content ul#list01 li.list01_ttl { background:url(../images/common/bullet02.gif) 0 0 no-repeat; color:#5f88c7; font-weight:bold; padding-left:17px; } #content ul#list01 li.list01_desc { padding:0 0 0 23px; background:url(../images/common/bullet05.gif) 10px 0 no-repeat; } #content ul#list02 { margin: 0 0 15px 15px; } #content ul#list02 li.list02_01_ttl { background:url(../images/common/bullet03.gif) 0 0 no-repeat; color:#5f88c7; font-weight:bold; padding-left:17px; } #content ul#list02 li.list02_01_desc { padding:0 0 0 23px; background:url(../images/common/bullet05.gif) 10px 0 no-repeat; } #content ul#list02 li.list02_02_ttl { background:url(../images/common/bullet03.gif) 0 0 no-repeat; font-weight:bold; padding-left:17px; } #content ul#list02 li.list02_02_desc { padding:0 0 0 23px; background:url(../images/common/bullet05.gif) 10px 0 no-repeat; } #content ul#list03_01 { margin: 0 0 15px 0; } #content ul#list03_01 li { background:url(../images/common/bullet04.gif) 0 2px no-repeat; color:#5f88c7; padding-left:17px; } #content ul#list03_02 { margin: 0 0 15px 0; } #content ul#list03_02 li { background:url(../images/common/bullet04.gif) 0 2px no-repeat; padding-left:17px; font-weight:normal; } #content p.con_bullet01 { height:20px; background:url(../images/common/bullet03.gif) 0 0 no-repeat; padding-left:17px; font-weight:bold; } /* text */ .txt_c { color:#5f88c7; } #content table#con_table { border-top:1px solid #bbb; border-left:1px solid #bbb; margin-bottom:15px;} #content table#con_table caption { display:none; } #content table#con_table th, td { border-bottom:1px solid #bbb; border-right:1px solid #bbb; text-align:center; padding:3px 0; } #content table#con_table th { font-size:9pt; background:#e2e8f2; } #content table#con_table td.txt_align_left { text-align:left; padding-left:5px; } #content table.layout_table02 td_txt_align_left { border:0px; text-align:left;} #content table.layout_table td { border:0px; } #content table.layout_table03 { border:5px solid #e8effa; margin-bottom:15px; } #content table.layout_table03 td { border:0px; text-align:left; background:url(../images/common/bullet04.gif) 0 5px no-repeat; padding-left:15px;} #content .txt_align_left { text-align:left; padding-left:5px; } #content .txt_desc { text-align:left; padding:0 0 0 23px; background:url(../images/common/bullet05.gif) 10px 0 no-repeat;} #content .txt_align_right { text-align:right; padding-right:5px; } #content .txt_color_orange { color:#ff3300; } #content .txt_color_sky { color:#0099cc; } /******************************************************************************** sitemap *********************************************************************************/ #content #sitemap { width:190px; float:left; margin-right:20px; } #sitemap a.site_ttl {font-size: 12px; color:#5f88c7; font-weight:bold; text-decoration: none; } /******************************************************************************** margin *********************************************************************************/ .mt10 { margin-top:10px; } .mt15 { margin-top:15px; } .mt25 { margin-top:25px; } .mb5 { margin-bottom:5px; } .mb10 { margin-bottom:10px; } .mb20 { margin-bottom:20px; } .mr4 { margin-right:4px; } .ml15 { margin-left:15px; } .ml25 { margin-left:25px; } .ml45 { margin-left:45px; } .search_right { margin-right:5px; } /******************************************************************************** padding *********************************************************************************/ /******************************************************************************** rollover *********************************************************************************/ .rollover .offimg { display:inline;} .rollover .onimg {display:none;} .rollover a:hover {position:relative;} .rollover a:hover .offimg {display:none;} .rollover a:hover .onimg {display:inline;} /******************************************************************************** board *********************************************************************************/ /* 게시판 리스트 */ #full #content_area #content #board table#board_list { border:0px; } #board table#board_list caption { display:none; } #board table#board_list th { font-size:11px; color:#444; background:url(../images/board/bar_board01.gif) right 6px no-repeat #cfdef5; border-top:2px solid #b0bdd0; border-bottom:1px solid #b0bdd0; border-left:0px; border-right:0px; padding:3px 0; } #board table#board_list th.nobar { background:#cfdef5; } #board table#board_list td.nobar { background:#cfdef5; } #board table#board_list td { font-size:11px; border-bottom:1px solid #ccc; border-top:0px; border-left:0px; border-right:0px; padding:5px 0 5px 0; text-align:center; } #board table#board_list td.blist_txt_left { text-align:left; padding-left:5px; } #board table#board_list td.blist_txt_center { text-align:center; } a.notice_b { color:#5c80b6; } #board #numbering { margin-left:220px; height:20px; } #board #numbering li { width:18px; padding:0 3px; line-height:15px; float:left; } .paging{margin:0 0 15px 0px; padding:15px 0 0 0; text-align:center;} .paging a, .paging strong{position:relative; display:inline-block; margin-right:1px; padding:3px 3px 5px 3px; color:#000; text-decoration:none; line-height:normal; font:bold 12px Verdana; _width:26px;} .paging strong{color:#5c80b6 !important; } .paging a:hover{background:#fff; text-decoration:underline; } .paging .arrow {margin-right:9px; padding:5px 0px 5px 0px;} a.page_now { color:#5c80b6; font-weight:bold; text-decoration: underline; } #board fieldset#list_search { margin:0 0 15px 215px; } #board fieldset#list_search label { display:none; } /* 게시판 보기 */ #board table#board_view { border-top:3px solid #b0bdd0; border-bottom:0px; border-left:0px; border-right:0px; background:#e4ebf6; margin-bottom:10px; } #board table#board_view td { font-size:11px; padding:5px 0; border-top:0px; border-bottom:1px solid #ccc; border-left:0px; border-right:0px; } #board table#board_view td.bview_txt_left { text-align:left; padding-left:8px; } .append_file { padding-left:20px; background:url(../images/board/icon_file.gif) 0 0 no-repeat; } #board table#board_view td.qna_txt_view { text-align:left; padding:10px; } #board table#board_view td.poll_view { text-align:left; padding:10px 10px 10px 100px; background:url(../images/board/img_poll.gif) 20px 20px no-repeat #fff; } #board table#board_view td.poll_result { text-align:left; padding:10px; background:#fff; } .header_line { background:url(../images/board/bar_board01.gif) right 8px no-repeat; } .txt_ttl { font-weight:bold; } .txt_view { text-align:left; padding:10px; background:#fff; } .txt_view td { text-align:left !important; } a.file_append { color:#9966cc; letter-spacing:-1px; text-decoration: underline; } .photo_view { text-align:center; margin-bottom:10px; } #board table#board_list_pn { border-top:2px solid #ccc; border-bottom:1px solid #ccc; border-left:0px; border-right:0px; margin:10px 0; } #board table#board_list_pn td { font-size:11px; padding:3px 0; border-top:0px; border-bottom:1px solid #ccc; border-left:0px; border-right:0px; } #board table#board_list_pn td.header_line { font-weight:bold; background:url(../images/board/bar_board01.gif) right 6px no-repeat; } #board table#board_list_pn td.pn_txt_left { text-align:left; padding-left:8px; } #board fieldset#writing_del { border-bottom:2px solid #ccc; border-top:0px; border-left:0px; border-right:0px; margin-top:5px; padding-bottom:10px; } #board fieldset#writing_del label { font-size:11px; font-weight:bold; } /* 게시판 쓰기 */ #board fieldset#writing { border-top:3px solid #b0bdd0; border-bottom:1px solid #b0bdd0; border-left:0px; border-right:0px; background:#e4ebf6; padding:10px 15px; } fieldset#writing label { padding:2px 0 0 0; margin-right:10px; width:70px; background:url(../images/board/bar_board01.gif) right 6px no-repeat; font-size:11px; font-weight:bold; color:#666; float:left; } fieldset#writing p.w_line { border-bottom:1px solid #ccc; padding:5px 0 5px 10px; margin:0; } fieldset#writing p.writing_desc { padding:2px 0 0 10px; height:100px; } fieldset#writing p.writing_name { margin:3px 0; padding:3px 0 5px 0; border-bottom:1px solid #eee; } fieldset#writing p.bt_pro { margin:15px 0 0 0; text-align:center; } fieldset#writing textarea.writing_ta { width:500px; height:90px; } fieldset#writing p.summary_edit { height:25px; } .txt_warning { margin:10px 5px 15px 5px; font-size:11px; font-weight:bold; color:#5c80b6; } /* 미디어 리스트 */ #board #media_list { width:160px; height:130px; float:left; } #board #media_list dt { width:110px; height:90px; padding:2px; margin:5px 0 5px 15px; border:1px solid #ccc; background:url(../images/common/img_photo_bg.gif) 2px 2px no-repeat #fff; } #board #media_list dd { width:110px; margin:5px 0 5px 15px; text-align:center; } /* 앨범 리스트 */ #board #album_title { border-bottom:2px solid #b0bdd0; border-top:2px solid #b0bdd0; background:#e4ebf6; font-weight:bold; padding:5px 0 5px 10px; margin:12px 0; } #board table#photo_list { border-bottom:1px solid #b0bdd0; } table#photo_list td { border:0px; padding:0 0 15px 0; } #board table#photo_view { border-bottom:1px solid #b0bdd0; } table#photo_view td { border:0px; padding:0 0 15px 0; } /* faq */ #board #faq_tab { height:25px; background:url(../images/board/faq_bg.gif) 0 0 repeat-x; } #board #faq_list td { font-size:11px; border-bottom:1px solid #ccc; border-top:0; border-left:0px; border-right:0px; padding:10px 0; } .txt_faq { text-align:left; background:url(../images/board/icon_q.gif) 0 7px no-repeat; } .txt_faq_ttl { margin-left:25px; } .txt_faq_a { text-align:left; background:url(../images/board/icon_a.gif) 65px 7px no-repeat #f9f0f2; } .txt_faq_desc { padding:0 15px 0 93px; } /* 버튼 */ #board .con_rbutton { height:20px; text-align:right; margin:10px 0 0 0; } #board .con_cbutton { height:20px; text-align:center; margin:10px 0; } /****************************************************************************** 게시판 글 작성시 *******************************************************************************/ #full #content_area #content #board #board_view #board_content { text-align:center; } #board_view #board_content { border-top:1px solid #bbb; border-left:1px solid #bbb; margin-bottom:15px;} #board_view #board_content caption { display:none; } #board_view #board_content th, td { font-size:11px; border-bottom:1px solid #bbb; border-right:1px solid #bbb; text-align:center; padding:3px 0; } #board_view #board_content th { background:#f4ede8; } #board_view #board_content th.th2 { background:#ffffff; } #board_view #board_content td.txt_align_center { text-align:center; } /******************************************************************************** member *********************************************************************************/ #full #content_area #content #member { background:white; padding:15px; } #member #general_bg { width:593px; height:105px; margin:15px 0 10px 15px; background:url(../images/member/login_bg.gif) 0 0 no-repeat; } #general_bg fieldset#login { margin-bottom:30px; } #general_bg fieldset#login label { height:;18px; float:left; } #general_bg fieldset#login #user_id, #user_pw, #user_name, #phone_no { width:180px; } #general_bg fieldset#login #user_name, #user_id01, #email { width:170px; } #general_bg fieldset#login #phone_01, #phone_02, #phone_03 { width:35px; } #general_bg fieldset#login #login_item1 { width:250px; float:left; margin:28px 15px 0 28px; } #general_bg fieldset#login #login_item2 { width:43px; height:43px; float:left; margin:25px 0 0 0; } #general_bg fieldset#login #login_item3 { width:250px; float:left; margin:15px 15px 0 28px; } #member #member_bg { width:593px; height:105px; margin:15px 0 10px 15px; padding:25px 0 0 25px; background:url(../images/member/login_bg.gif) 0 0 no-repeat; } #member fieldset#register { margin: 0 0 0 15px; } fieldset#register label { padding:0 0 0 15px; margin-right:10px; width:120px; background:url(../images/common/bullet03.gif) 0 2px no-repeat; font-weight:bold; color:#87a1ca; float:left; } fieldset#register label.reg_ttl01 { height:80px; } fieldset#register label.con_ttl { display:none; } fieldset#register textarea.con01 { width:570px; height:230px; padding:10px; } fieldset#register input.wphone { width:30px; } fieldset#register input.wpost { width:25px; } fieldset#register input.wadd { width:300px; margin-top:5px; } .reg_ttl { background:url(../images/common/bullet03.gif) 0 0 no-repeat; font-weight:bold; color:#87a1ca; margin:15px 0 5px 0px; padding-left:15px; } .reg_btn { margin:15px 0 0 0; text-align:center;} .reg_line { height:25px; padding:8px 0 0 15px; margin:0 15px 0 0 ; border-bottom:1px solid #eee; } .reg_line01 { height:80px; padding:8px 0 0 15px; margin:0 15px 0 0 ; border-bottom:1px solid #eee; } .reg_txt { font-size:11px; color:#888; } /******************************************************************************** post no. search popup *********************************************************************************/ #nopost { margin:5px; padding:10px; width:390px; height:390px; border:3px solid #ddd; } .nopost_line01 { border-bottom:1px solid #eee; } .nopost_line02 { border-top:1px solid #eee; padding:5px 0 0 0; margin:10px 0; text-align:center; } #nopost fieldset#nopost_search { margin:10px 0; padding:17px 0 0 35px; height:37px; background:url(../images/member/post_no_bg.gif) 0 0 no-repeat; } fieldset#nopost_search label { padding:0; margin:0; width:50px; float:left; } #nopost #pnlist { overflow:auto; height:210px; } #pnlist table th { background:#ccc; border:0; padding:3px 0;} #pnlist table td { border-top:0; border-right:0; border-bottom:1px solid #eee; border-left:0; padding:3px 0;} .add_left { text-align:left; padding-left:10px; }