/********************************************************************** Kwater Basic Style Sheet (for IE6.0/7.0 FireFox2.0) version : 0.3.0 edited by jinovice 12/11/2008 author : jinovice email : jinovice@nate.com website : none **********************************************************************/ /********************************************************************** @common **********************************************************************/ * { font-family: Dotum, Gulim, Arial, Helvetica, sans-serif; margin: 0px; padding:0px; color: #555; letter-spacing:0px; line-height: 1.5em; } body,td { font-size: 12px; } ul, dl, ol { list-style-type:none; } img { border:0; } a { color: #666; text-decoration: none; } a:hover { color: #214ea1; } div, ul, li ,h1, img {list-style:none; margin:0; padding:0;} #clear { clear:both; } .clear { clear:both; } .comment { visibility: hidden; display: none; width: 0; height: 0; } /********************************************************************** @accessibility **********************************************************************/ #accessibility { display:none; } .accessibility { display:none; } .soundonly { position:absolute; left:-1000px; width:0; height:0; overflow:hidden; } .unvisible { display:none; } .visible { display:block; } fieldset.accessibility { display:block; border:none; } .ie_unvisible { position:absolute; left:-1000px; width:0; height:0; overflow:hidden; } * html .ie_unvisible { display:none; } /********************************************************************** @main **********************************************************************/ body.main { background:url("../img/main/bg.gif") 0 0 no-repeat;} .main #ci { z-index:3; position:absolute; left:20px; top:40px; } .main #topmenu { z-index:9; position:absolute; left:189px; top:19px; width:540px; height:20px; color:#ddd; font-size:0.91em; letter-spacing:-0.1em; text-align:right; } .main #go_content { z-index:9; position:absolute; left:625px; top:0px; width:74px; height:18px;} /********************************************************************** @LOGIN 정보 **********************************************************************/ #login_info { position:relative; left:-5px; top:-4px; color:black; } * html #login_info { left:0; } /*popmenu*/ .main #popmenu { z-index:1; position:absolute; left:-240px; top:28px; width:890px; height:280px;} .main #page_set { z-index:3; position:absolute; left:740px; top:20px; width:220px; height:20px; color:#666; } .main #navi { z-index:3; position:absolute; left:290px; top:48px; width:600px; height:55px; } .main #main_img { z-index:-1; position:absolute; left:0; top:103px; width:890px; height:418px; } /*popupzone*/ #popupzone { z-index:3; position:absolute; left:612px; top:251px; } #popupzone #popupzone_btn_01 { position:absolute; left:22px; top:175px; } #popupzone #popupzone_btn_02 { position:absolute; left:45px; top:188px; } #popupzone #popupzone_btn_03 { position:absolute; left:71px; top:195px; } #popupzone #popupzone_btn_04 { position:absolute; left:97px; top:195px; } #popupzone #popupzone_btn_05 { position:absolute; left:123px; top:188px; } #popupzone #popupzone_btn_06 { position:absolute; left:147px; top:175px; } #popupzone #popupzoneimg01, #popupzone #popupzoneimg02, #popupzone #popupzoneimg03, #popupzone #popupzoneimg04, #popupzone #popupzoneimg05, #popupzone #popupzoneimg06 { position:absolute; left:0; top:0; } /*notice*/ .main #notice { z-index:3; position:absolute; left:20px; top:520px; width:350px; height:120px; background:url("../img/main/notice_tab_line.gif") 0 0 repeat-x; } .main #notice h2 { margin-right:3px; float:left; } .main #notice #noticed01, .main #notice #noticed02, .main #notice #noticed03, .main #notice #noticed04 { z-index:2; position:absolute; left:0; top:0; } .main #notice #more { z-index:2; position:absolute; left:312px; top:0; display:block; } .main #notice dl { z-index:2; position:absolute; left:10px; top:40px; width:340px; } .main #notice dt, .main #notice dd { height:20px; line-height:1.2em; overflow:hidden; } .main #notice dd a { line-height:1.2em; } .main #notice dt { width:255px; float:right; } .main #notice dd { width:75px; padding-left:5px; color:#67a0c2; background:url("../img/main/notice_icon.gif") 0 5px no-repeat; float:left; } * html .main #notice dd { width:80px; } .main #notice #list_btn { position:absolute; left:310px; top:102px; width:30px; } .main #banner { z-index:3; position:absolute; left:390px; top:520px; width:294px; height:89px; } /*.main #link_site { z-index:3; position:absolute; left:390px; top:620px; width:300px; }*/ .main #link_site { z-index:4; position:absolute; left:390px; top:630px; width:300px; } .main #link_site #link_sited01, .main #link_site #link_sited02 { position:absolute; } .main #link_site #link_sited01 { z-index:2; left:145; top:0; background:url("../img/main/link_site_bottom2.gif") 0 100% no-repeat; } .main #link_site #link_sited02 { width:152; left:0px; top:0; background:url("../img/main/link_site_bottom1.gif") 0 100% no-repeat; } .main #link_site ul { padding-bottom:10px; float:left; clear:both; } .main #link_site li { width:110px; height:15px; padding-left:15px; float:left; overflow:hidden; } .main #link_site #link_sited01 a { color:white; font-size:0.91em; letter-spacing:-0.1em; } .main #link_site #link_sited01 a:hover { color:yellow; } .main #link_site #link_list01 { width:470px; margin:0 5px 0 10px; } .main #link_site #link_list01 li { color:White; width:152px; padding-left:3px; } * html .main #link_site #link_list01 li { width:155px; } .main #link_site #link_list01 li.headtitle {color:#00ffff;} .main #quick_btn { z-index:3; position:absolute; left:715px; top:510px; } .main #quick_btn li { width:186px; height:25px; margin-top:5px; overflow:hidden; } /*bottom*/ .main #bottom_bg { position:absolute; left:0; top:665px; width:100%; height:100px; background:url("../img/main/bottom_bg.gif") no-repeat 0 0; } .main #bottom_bg #copyright { position:absolute; left:70px; top:50px; width:815px; height:90px; padding-left:30px; } * html .main #bottom_bg #copyright { width:820px; } .main #bottom_bg #copyright #bottom_btn { color:#aaa; margin:10px 0; font-size:0; float:left; } /*screen_arrow*/ #screen_arrow_left { position:absolute; left:5px; top:465px; } #screen_arrow_right { position:absolute; left:880px; top:465px; } /********************************************************************** @sm **********************************************************************/ body.sm { background:url("../img/main/sm_bg.gif") 0 0 no-repeat;} .sm #go_content { z-index:9; position:absolute; left:625px; top:0px; width:74px; height:18px;} .sm #ci { z-index:3; position:absolute; left:20px; top:40px; } .sm #topmenu { z-index:4; position:absolute; left:189px; top:20px; width:540px; height:20px; color:#ddd; font-size:0.91em; letter-spacing:-0.1em; text-align:right; } .sm #page_set { z-index:3; position:absolute; left:740px; top:20px; width:170px; height:20px; color:#666; } .sm #navi { z-index:3; position:absolute; left:290px; top:48px; width:600px; height:55px; } .sm #sm_img { z-index:-1; position:absolute; left:0; top:103px; width:890px; height:418px; } .sm h2 { height:24px; padding-left:5px; background-color:white; } /*popmenu*/ .sm #popmenu { z-index:5; position:absolute; left:-240px; top:28px; width:890px; height:280px;} /*sm1*/ .sm #sm1_theme { z-index:5; position:absolute; left:30px; top:370px; width:165px; height:120px; background:url("../img/main/sm1_theme_bottom.gif") no-repeat 0 100%; } .sm #sm1_theme ul { width:145px; height:66px; padding:15px 10px; background:url("../img/main/sm1_theme_top.gif") no-repeat 0 0; } * html .sm #sm1_theme ul { width:165px; height:96px; overflow:hidden;} .sm #sm1_theme li { width:72px; height:25px; float:left; overflow:hidden; } .sm #sm1_journal { z-index:5; position:absolute; left:210px; top:370px; width:235px; height:120px; background:url("../img/main/sm1_journal_bottom.gif") no-repeat 0 100%; } .sm #sm1_journal ul { width:215px; height:66px; padding:15px 10px; background:url("../img/main/sm1_journal_top.gif") no-repeat 0 0; } * html .sm #sm1_journal ul { width:235px; height:96px; overflow:hidden;} .sm #sm1_journal li { height:25px; float:left; overflow:hidden; } .sm #sm1_live { z-index:5; position:absolute; left:460px; top:370px; width:180px; height:120px; background:url("../img/main/sm1_live_bottom.gif") no-repeat 0 100%; } .sm #sm1_live ul { width:180px; height:80px; padding:8px 0; background:url("../img/main/sm1_live_top.gif") no-repeat 0 0; } * html .sm #sm1_live ul { width:180px; height:96px; overflow:hidden;} .sm #sm1_live li { margin-left:8px; float:left; } .sm #sm1_banner { z-index:5; position:absolute; left:655px; top:370px; width:215px; height:120px; background:url("../img/main/sm1_banner_bottom.gif") no-repeat 0 100%; } .sm #sm1_banner li { float:left; } /*sm2*/ .sm #sm2_com { z-index:5; position:absolute; left:30px; top:370px; width:125px; height:153px; background:url("../img/main/sm2_com_bottom.gif") no-repeat 0 100%; } .sm #sm2_com ul { width:110px; padding-top:12px; background:url("../img/main/sm2_com_top.gif") no-repeat 0 0; } .sm #sm2_com li { height:22px; overflow:hidden; } .sm #sm2_cust { z-index:5; position:absolute; left:150px; top:370px; width:250px; height:153px; background:url("../img/main/sm2_cust_bottom.gif") no-repeat 0 100%; } .sm #sm2_cust ul { width:250px; padding:5px 0; background:url("../img/main/sm2_cust_top.gif") no-repeat 0 0; } .sm #sm2_cust li { width:125px; height:40px; float:left; overflow:hidden; } .sm #sm2_con { z-index:5; position:absolute; left:410px; top:370px; width:107px; height:153px; } .sm #sm2_insp { z-index:5; position:absolute; left:527px; top:370px; width:107px; height:153px; } .sm #sm2_info { z-index:5; position:absolute; left:644px; top:370px; width:107px; height:153px; } .sm #sm2_req { z-index:5; position:absolute; left:763px; top:370px; width:107px; height:153px; } /*sm3*/ .sm #sm3_notice { z-index:3; position:absolute; left:30px; top:377px; width:260px; height:120px; background:url("../img/main/sm3_notice_bg.gif") 0 0 repeat-x; } .sm #sm3_notice h2 { width:64px; height:19px; margin-right:3px; padding:0; float:left; overflow:hidden; } .sm #sm3_notice #sm3_noticed01, .sm #sm3_notice #sm3_noticed02, .sm #sm3_notice #sm3_noticed03 { z-index:2; position:absolute; left:0; top:0; } .sm #sm3_notice #more { z-index:2; position:absolute; left:220px; top:0; display:block; } .sm #sm3_notice dl { z-index:2; position:absolute; left:10px; top:40px; width:250px; } .sm #sm3_notice dt, .sm #sm3_notice dd { height:20px; line-height:1.2em; overflow:hidden; } .sm #sm3_notice dd a { line-height:1.2em; } .sm #sm3_notice dt { width:170px; float:right; } .sm #sm3_notice dd { width:75px; padding-left:5px; color:#67a0c2; background:url("../img/main/sm3_notice_icon.gif") 0 5px no-repeat; float:left; } * html .sm #sm3_notice dd { width:80px; } .sm #sm3_banner { z-index:3; position:absolute; left:310px; top:395px; width:155px; height:97px; font-size:0; } .sm #sm3_webzine { z-index:3; position:absolute; left:486px; top:370px; width:122px; } .sm #sm3_newslt { z-index:3; position:absolute; left:617px; top:370px; width:122px; } .sm #sm3_event { z-index:3; position:absolute; left:750px; top:370px; width:121px; background:url("../img/main/sm3_event_bottom.gif") no-repeat 0 100%; } .sm #sm3_event ul { width:121px; height:67px; padding:15px 0; background:url("../img/main/sm3_event_top.gif") no-repeat 0 0; } * html .sm #sm3_event ul { height:97px; overflow:hidden; } .sm #sm3_event li { width:121px; height:25px; float:left; overflow:hidden; } /*sm4*/ .sm #sm4_01 { z-index:3; position:absolute; left:21px; top:370px; width:121px; height:218px; } .sm #sm4_02 { z-index:3; position:absolute; left:144px; top:370px; width:121px; height:218px; } .sm #sm4_03 { z-index:3; position:absolute; left:267px; top:370px; width:121px; height:218px; } .sm #sm4_04 { z-index:3; position:absolute; left:390px; top:370px; width:121px; height:218px; } .sm #sm4_05 { z-index:3; position:absolute; left:513px; top:370px; width:121px; height:218px; } .sm #sm4_06 { z-index:3; position:absolute; left:636px; top:370px; width:121px; height:218px; } .sm #sm4_07 { z-index:3; position:absolute; left:759px; top:370px; width:121px; height:218px; } /*sm5*/ .sm #sm5_greeting { z-index:3; position:absolute; left:30px; top:370px; width:156px; height:218px; } .sm #sm5_recruit { z-index:3; position:absolute; left:317px; top:370px; width:156px; height:218px; } .sm #sm5_guide { z-index:3; position:absolute; left:605px; top:370px; width:156px; height:218px; } .sm #sm5_banner { z-index:3; position:absolute; left:30px; top:500px; width:670px; } .sm #sm5_banner ul { width:670px; height:97px; } .sm #sm5_banner li { height:97px; float:left; overflow:hidden; } .sm #sm5_quick { z-index:3; position:absolute; left:720px; top:500px; width:145px; } .sm #sm5_quick ul { width:145px; } .sm #sm5_quick li { height:49px; float:left; overflow:hidden; } /*bottom*/ .sm #bottom_bg { position:absolute; left:0; top:510px; width:100%; height:100px; background:url("../img/main/bottom_bg.gif") no-repeat 0 0; } .sm #bottom_bg #copyright { position:absolute; left:70px; top:50px; width:815px; height:90px; padding-left:30px; } * html .sm #bottom_bg #copyright { width:820px; } .sm #bottom_bg #copyright #bottom_btn { color:#aaa; margin:10px 0; font-size:0; float:left; } .sm #bottom_bg.sm2 { top:540px; } .sm #bottom_bg.sm4 { top:610px } * html .sm4 { top:610px !important; } .sm #bottom_bg.sm5 { top:610px } * html .sm5 { top:610px !important; } /********************************************************************** @sub **********************************************************************/ /*layout*/ body.sub { background:url("../img/common/sub_bg.jpg") 0 0 no-repeat;} .sub #ci { z-index:3; position:absolute; left:20px; top:40px; float:left; } .sub #topmenu { z-index:4; position:absolute; left:189px; top:20px; width:540px; height:20px; color:#ddd; font-size:0.91em; letter-spacing:-0.1em; text-align:right; float:left; } .sub #go_content { z-index:9; position:absolute; left:625px; top:0px; width:74px; height:18px;} /*popmenu*/ .sub #popmenu { z-index:5; position:absolute; left:-240px; top:28px; width:890; height:280;} .sub #page_set { z-index:3; position:absolute; left:740px; top:20px; width:220px; height:20px; color:#666; float:left; } .sub #navi { z-index:3; position:absolute; left:290px; top:48px; width:635px; height:55px; } .sub #sub_img { z-index:3; position:absolute; left:260px; top:95px; width:635px; height:100px; } /*submenu*/ .sub #submenu { z-index:3; position:absolute; left:20px; top:155px; width:170px; } /*content*/ .sub #content_box { margin:195px 0 0 205px; width:693px; background:url("../img/common/content_top.gif") no-repeat 0 0; float:left; display:inline; } .sub #content { width:620px; padding:20px 35px; background:url("../img/common/content_bg.gif") repeat-y 0 100px; float:left; } .sub #content_pop { width:620px; padding:20px 35px; repeat-y 0 100px; float:left; } .sub #content_box_pop { margin:195px 0 0 205px; width:693px; background:url("../img/common/content_top.gif") no-repeat 0 0; float:left; display:inline; } * html .sub #content { width:690px; } #visit_tidal { position:absolute; left:553px; top:395px; width:340px; height:238px; z-index:1; background-color:#ffff99; font-size:11px; line-height:100%; padding-left:10px; } #visit_hapcheon { position:absolute; left:353px; top:355px; width:340px; height:190px; z-index:1; visibility: hidden; background-color:#ffff99; font-size:11px; line-height:100%; padding-left:10px; } #visit_seongnam { position:absolute; left:353px; top:355px; width:340px; height:140px; z-index:1; visibility: hidden; background-color:#ffff99; font-size:11px; line-height:100%; padding-left:10px; } #btnconfirmation { display: none; } #btnconfirmation2 { display: none; } /*pubtn*/ .sub #pubtn { width:100px; height:15px; margin-top:20px; float:right; } /*location*/ .sub #location { width:518px; height:15px; margin:20px 0 0 30px; color:#ccc; font-size:0.91em; float:left; display:inline; } .sub #location .active { color:#418aad; } .sub #location a { color:#999; } .sub #location a:hover { color: #214ea1; } /*page_title*/ .sub #page_title { width:620px; margin:15px 0 0 25px; clear:both; } /*bottom*/ .sub #bottom_bg { width:100%; padding-bottom:20px; background:url("../img/common/bottom_bg.gif") no-repeat 0 100%; float:left; } .sub #bottom { width:690px; margin-left:205px; background-color:#f2f2f2; background:url("../img/common/content_bg.gif") repeat-y 0 0 white; float:left; display:inline; } .sub #bottom #page_info { width:610px; height:25px; padding:30px 30px; background:url("../img/common/page_info_bg.gif") 25px 30px no-repeat; } * html .sub #bottom #page_info{ width:690px; } .sub #bottom #page_info dt { height:25px; padding-left:20px; float:left; overflow:hidden; } .sub #bottom #page_info dd { padding:5px 0 0 5px; color:#999; font-size:0.91em; float:left; } .sub #bottom #copyright { width:815px; height:90px; padding-left:30px; background:url("../img/common/content_bottom.gif") 0 100% no-repeat; float:left; } * html .sub #bottom #copyright { width:820px; } .sub #bottom #copyright #bottom_btn { color:#aaa; margin:10px 0; font-size:0; float:left; } /*search_new*/ #search_new { background:url("/KwaterUser/img/common/new_search_bottom.gif") 0 100% no-repeat; clear:both; } #search_new fieldset { text-align:center; background:url("/KwaterUser/img/common/new_search_top.gif") 0 0 no-repeat; } #search_new #search_def { width:590px; margin:10px auto 0 auto; } #search_new #search_def dt, #search_new #search_def dd { height:20px; text-align:left; border-bottom: solid 1px #ddd; float:left; overflow:hidden; } #search_def1 dt dd { height:20px; width:590px; text-align:left; border-bottom: solid 0px #ddd; float:left; overflow:hidden; } * html #search_new #search_def dt, * html #search_new #search_def dd { height:30px; } #search_new #search_def dt { width:80px; padding:6px 10px 0 0; font-weight:bold; text-align:right; } * html #search_new #search_def dt { width:90px; } #search_new #search_def dd { width:500px; padding:3px 0; } #search_new #search_def dd.obj2 { width:205px; padding:3px 0; } p.search_btn { width:95%; padding: 7px 0; margin:0 auto; text-align:right; clear:both; } /*search_new2*/ #search_new2 { background:url("/KwaterUser/img/common/new_search_bottom.gif") 0 100% no-repeat; clear:both; } #search_new2 fieldset { text-align:center; background:url("/KwaterUser/img/common/new_search_top.gif") 0 0 no-repeat; } #search_new2 #search_def { width:590px; margin:10px auto 0 auto; } #search_new2 #search_def dt, #search_new2 #search_def dd { height:20px; text-align:left; border-bottom: solid 1px #ddd; float:left; overflow:hidden; } #search_def1 dt dd { height:20px; width:590px; text-align:left; border-bottom: solid 0px #ddd; float:left; overflow:hidden; } * html #search_new2 #search_def dt, * html #search_new2 #search_def dd { height:30px; } #search_new2 #search_def dt { width:80px; padding:6px 10px 0 0; font-weight:bold; text-align:right; } * html #search_new2 #search_def dt { width:90px; } #search_new2 #search_def dd { width:200px; padding:3px 0; } #search_new2 #search_def dd.obj2 { width:205px; padding:3px 0; } p.search_btn { width:95%; padding: 7px 0; margin:0 auto; text-align:right; clear:both; } /*search_pop*/ #search_pop { background:url("/KwaterUser/img/common/new_search_bottom.gif") 0 100% no-repeat; clear:both; } #search_pop fieldset { text-align:center; background:url("/KwaterUser/img/common/new_search_top_pop.gif") 0 0 no-repeat; } #search_pop #search_def { width:620px; margin:13px; auto 0 auto; } #search_pop #search_def dt, #search_pop #search_def dd { height:20px; leftmargin:0 text-align:left; border-bottom: solid 1px #ddd; float:left; overflow:hidden; } * html #search_pop #search_def dt, * html #search_pop #search_def dd { height:30px; } #search_pop #search_def dt { width:120px; padding:6px 0px 0 0; font-weight:bold; text-align:right; } * html #search_pop #search_def dt { width:120px; } #search_pop #search_def dd { width:470px; padding:3px 10px; text-align:left; } p.search_btn { width:88%; padding: 7px 0; margin:0 auto; text-align:right; clear:both; } /*submenu*/ .sub #submenu { width:170px; background:url("../img/common/submenu_d1_bg.gif") repeat-y 0 0; } .sub #submenu ul.d1 { margin:0 10px; } .sub #submenu ul.d1 li { height:24px; margin-top:3px; border-bottom:solid 1px #ecf3f7; overflow:hidden; } * html .sub #submenu ul.d1 li { height:25px; } .sub #submenu ul.d1 li.active { padding-top:5px; border:none; background:url("../img/common/submenu_d1_active.gif") no-repeat 0 0; overflow:visible; } * html .sub #submenu ul.d1 li.active { height:25px; } .sub #submenu ul.d1 li.active a { border-bottom:solid 1px #70a9c6; } .sub #submenu ul.d2 { padding:5px 0; background:url("../img/common/submenu_d2_bottom.gif") no-repeat 0 100% #1177ad; } .sub #submenu ul.d2 li { height:14px; padding:2px 0; margin:0; padding-left:15px; border:none; background:url("../img/common/submenu_d2_icon.gif") no-repeat 8px 7px; } * html .sub #submenu ul.d2 li { height:18px; } .sub #submenu ul.d2 li.d2active { background:url("../img/common/submenu_d2_active.gif") no-repeat 50% 0; } .sub #submenu ul.d2 li a { font-size:1em; color:white; font-weight:bold; letter-spacing:-0.1em; } .sub #submenu ul.d2 li a:hover { color:#c1f8ff; } .sub #submenu ul.d2 li.d2active a { color:#1177ad; } .sub #submenu ul.d2 li.d2active a:hover { color:black; } /* .sub #submenu ul { width:170px; padding-top:5px; background:url("../img/common/submenu_top.gif") no-repeat 0 0; } .sub #submenu li { background:url("../img/common/submenu_d1_bg.gif") repeat-y 0 0; } .sub #submenu li.on { padding-top:5px; background:url("../img/common/submenu_d2_top.gif") no-repeat 0 0; } .sub #submenu li.on a { padding-left:10px; color:white; font-size:1.2em; letter-spacing:-0.1em; font-weight:bold; } .sub #submenu ul.sub { width:150px; padding-top:5px; } .sub #submenu .sub li { padding-left:20px; font-size:0.91em; background:url("../img/common/submenu_d2_bg.gif") 0 0 repeat-y;} .sub #submenu .rollover li.title { height:60px; } .sub #submenu .rollover li.d2 { margin:0 30px; height:24px; border-bottom:solid 1px #b2b2b2; } .sub #submenu .rollover li.d3 { margin:0 30px; line-height:1.7em; text-align:right; border-bottom:solid 1px #d5d5d5; background:#f1f1f1; } .sub #submenu .rollover li.bottom { height:50px; margin:20px 0 0 0; } * html .sub #submenu li.bottom { margin-bottom:-2px !important; } .sub #submenu .rollover li.d3 a { font-size:0.91em; text-decoration:none; padding-right:7px; display:block; } .sub #submenu .rollover li.d3 a:hover { color:#518a00; font-weight:bold; letter-spacing:-1px; background:url("../../img/common/icon_submenu.gif") no-repeat 5px 6px; } .sub #submenu .rollover li.active { border-bottom:solid 1px #d5d5d5; } .sub #submenu .rollover li.active a { color:#518a00; font-weight:bold; letter-spacing:-1px; background:url("../../img/common/icon_submenu.gif") no-repeat 5px 6px; } */ #slide { z-index:3; position:absolute; left:920px; top:150px; width:90px; height:375px; } #slide a { display:block; float:left; } #slide a.fr { float:right; } /********************************************************************** @cotent **********************************************************************/ /*layout*/ .layout_fl { width:300px; margin-top:20px; float:left; } .layout_fr { width:300px; margin-top:20px; float:right; } .layout_fl1 { width:180px; margin-top:20px; float:left; padding-left:28px; color:#418aad;} .layout_fl2 { width:180px; margin-top:20px; float:left; color:#418aad;} .layout_fr1 { width:410px; margin-top:20px; float:right; } .layout_fl h5, .layout_fr h5 { padding:0; background:none; } /*layout_fl_con*/ .layout_fl_con { width:340px; float:left; } .layout_fr_con { width:340px; float:right; } .layout_fr_con1 { width:250px; float:right; } .layout_fr_con2 { width:375px; float:right; } .layout_fr_con3 { width:400px; float:right; } .layout_fl_con4 { width:250px; float:left; padding-left:80px; color:#418aad;} .layout_fl_con h4, .layout_fr_con h4, .layout_fl_con h5, .layout_fr_con h5, .layout_fl_con h6, .layout_fr_con h6, .layout_fl_con .h7, .layout_fr_con .h7 { padding:20px 0 0 15px; background-position:0 24px; } /*layout_fl_con2* .layout_fl_con2 { padding:10px 10px 10px 0; float:left; clear:both; } .layout_fr_con2 { padding:10px 0 10px 10px; float:right; clear:both; } .layout_fl_con2 h4, .layout_fr_con h4, .layout_fl_con h5, .layout_fr_con h5, .layout_fl_con h6, .layout_fr_con h6, .layout_fl_con .h7, .layout_fr_con .h7 { padding:20px 0 0 15px; background-position:0 24px; } .layout_con2 { padding:10px 0; } p.inlayout_btn { width:100%; padding-top:5px; text-align:center; }*/ /*layout_fl_con2*/ .fl_img { margin:0 10px 10px 0; float:left; clear:both; } .fr_img { margin:0 0 10px 10px; float:right; clear:both; } p.inlayout_btn { width:100%; padding-top:5px; text-align:center; } /*tab*/ #tab { height:27px; width:620px; margin-top:30px; background:url("../img/common/tab_bg.gif") repeat-x 0 100%; overflow:hidden; float:left; } #tab li { height:27px; margin-left:3px; float:left; } #tab li.on { padding-left:19px; background:url("../img/common/tab_on_left.gif") no-repeat 0 0; } #tab li a { color:#1177ad; letter-spacing:-1px; font-weight:bold; line-height:2.25em; padding-right:12px; background:url("../img/common/tab_on_right.gif") no-repeat 100% 0; display:block; float:left; } #tab li.off { padding-left:19px; background:url("../img/common/tab_off_left.gif") no-repeat 0 0; } #tab li.off a { color:#6d98ad; background:url("../img/common/tab_off_right.gif") no-repeat 100% 0; } #tab li.off a:hover { color:#418aad; } /*ul def*/ /* @@11/19 edited by jinovice S ************************************/ ul.def { padding-top:5px;padding-bottom:5px; text-align:left; } /* @@11/19 edited by jinovice E ************************************/ ul.def li.d1 { padding:3px 0 0 10px; background:url("../img/common/ul_d1_icon.gif") no-repeat 0 8px; } ul.def li.d2 { padding:3px 0 0 20px; background:url("../img/common/ul_d2_icon.gif") no-repeat 10px 8px; } ul.def li.d3 { padding:0 0 0 30px; background:url("../img/common/ul_d3_icon.gif") no-repeat 20px 5px; } ul.def li.d4 { padding:0 0 0 40px; background:url("../img/common/ul_d4_icon.gif") no-repeat 30px 5px; } ul.def li.d5 { padding:0 0 0 50px; background:url("../img/common/ul_d5_icon.gif") no-repeat 40px 5px; } ul.def li.subicon { padding-top:0; background-image:url("../img/common/ul_d5_icon.gif"); } ul.def li.e1 { padding:13px 0 0 10px; background:url("../img/common/ul_e1_icon.gif") no-repeat 0 8px; } /*ul margin*/ /* @@11/19 edited by jinovice S ************************************/ ul.margin { padding-top:5px;padding-bottom:5px; text-align:left; } /* @@11/19 edited by jinovice E ************************************/ ul.margin li.d1 { padding:3px 0 0 10px; background:url("../img/common/ul_d1_icon.gif") no-repeat 0 8px; margin-bottom:12px;} ul.margin li.d2 { padding:3px 0 0 20px; background:url("../img/common/ul_d2_icon.gif") no-repeat 10px 8px; } ul.margin li.d3 { padding:0 0 0 30px; background:url("../img/common/ul_d3_icon.gif") no-repeat 20px 5px; } ul.margin li.d4 { padding:0 0 0 40px; background:url("../img/common/ul_d4_icon.gif") no-repeat 30px 5px; } ul.margin li.d5 { padding:0 0 0 50px; background:url("../img/common/ul_d5_icon.gif") no-repeat 40px 5px; } ul.margin li.subicon { padding-top:0; background-image:url("../img/common/ul_d5_icon.gif"); } ul.margin li.e1 { padding:13px 0 0 10px; background:url("../img/common/ul_e1_icon.gif") no-repeat 0 8px; } /*sm팀추가부분*/ /*rbox*/ #rbox { width:620px; padding-top:10px; margin-top:10px; background:url("../img/common/rbox_top.gif") no-repeat 0 0; float:left; } #rbox ul { width:600px; padding:5px 0 5px 20px; background:url("../img/common/rbox_bottom.gif") no-repeat 0 100%; float:left; } /****************** @@11/22 added by jinovice S ***********************/ .rbox_likeul { width:620px; text-align:center; background:url("../img/common/rbox_top.gif") no-repeat 0 0; float:left; } .rbox_likeul #rbox { padding:10px 0 20px 0; background:url("../img/common/rbox_bottom.gif") no-repeat 0 100%; } /****************** @@11/22 added by jinovice E ***********************/ * html #rbox ul { width:620px; } #rbox ul li { width:570px; padding:0 0 7px 0; line-height:1.3em; text-align:justify; float:left; } /** html #rbox ul li { width:580px; }*/ #rbox ul li.d1 { padding-left:10px; background:url("../img/common/ul_d2_icon.gif") no-repeat 0 4px; float:left; } #rbox ul li.img_d1 { width:460px; padding-left:10px; background:url("../img/common/ul_d1_icon.gif") no-repeat 0 4px; float:left; } * html #rbox ul li.img_d1 { width:470px; } #rbox ul li.img { width:110px; float:left; } #rbox.largeimg ul li.img { width:150px; float:left; } #rbox.largeimg ul li.img_d1 { width:420px; } * html #rbox.largeimg ul li.img_d1 { width:430px; } /*rboxs*/ #rboxs { width:344px; padding:12px 0; text-align:center; background:url("../img/common/rboxs_fbg.gif") no-repeat 0 0; } /*list*/ #list { padding-bottom:8px; margin-top:20px; background:url("../img/common/list_bottom.gif") no-repeat 0 100%; float:left; clear:both; } #list ul { width:560px; padding:10px 30px 0 30px; background:url("../img/common/list_top.gif") no-repeat 0 0; float:left; } #list1 ul { width:560px; padding:10px 20px 0 20px; background:url("../img/common/list_top.gif") no-repeat 0 0; float:left; } * html #list ul { width:620px; } #list ul li { width:270px; height:20px; padding-left:10px; background:url("../img/common/list_icon.gif") no-repeat 0 5px; float:left; overflow:hidden; } * html #list ul li { width:280px; } #list ul.short li { width:135px; } * html #list ul.short li { width:125px; } #list ul li.active a { font-weight:bold; } /*con_map*/ #con_map { position:relative; height:249px; padding:15px 0 0 130px; margin-top:20px; background:url("../img/content/con_map_bg.gif") no-repeat 0 0; } #con_map h5, #con_map h6 { padding:5px; width:190px; height:18px; margin-bottom:1px; border:solid 1px #ddd; background-color:#eee; } * html #con_map h5, * html #con_map h6 { width:200px; height:30px; } #con_map h5 a, #con_map h6 a { display:block; } #con_map .h7 { padding:10px 0 0 0; background:none; } #con_map #con_mapd01, #con_map #con_mapd02, #con_map #con_mapd03, #con_map #con_mapd04, #con_map #con_mapd05, #con_map #con_mapd06, #con_map #con_mapd07 { z-index:2; position:absolute; left:350px; top:10px; width:270px; } /*likeqna*/ #likeqna { padding-top:20px; clear:both; } #likeqna h5 { height:28px; padding:0; margin-top:3px; color:#418aad; font-size:1em; background:url("../img/common/solid_13_f5.gif") repeat-x 0 100%; cursor:pointer; overflow:hidden; } * html #likeqna h5 { height:29px; } #likeqna .likeqna_info { width:590px; padding:10px; margin-bottom:10px; border:solid 5px #eee; border-top:solid 2px #eee; float:left; } * html #likeqna .likeqna_info { width:620px; } #likeqna dl { width:400px; float:right; } #likeqna dt { width:60px; padding-left:10px; color:#418aad; font-weight:bold; background:url("../img/common/ul_d1_icon.gif") no-repeat 0 5px; float:left; } * html #likeqna dt { width:70px; } #likeqna dd { width:330px; padding-bottom:10px; float:left; } #likeqna li { padding:0 0 0 10px; background:url("../img/common/ul_d5_icon.gif") no-repeat 0 5px; } #likeqna .imp16_whiteblue { padding:0 5px; border-bottom:solid 3px #bcd5ef; } /*pp_menu*/ #pp_menu { width:500px; margin-top:10px; background-color:#f5f5f5; float:left; clear:both; } #pp_menu li { padding:0 1px; background-color:white; float:left; } #pp_menu li a { padding:10px 10px; color:#999; font-weight:bold; line-height:1em; background-color:#e5e5e5; display:block; } #pp_menu li a:hover { color:white; background-color:#666; } #pp_menu.tight li a { padding:10px 5px; letter-spacing:-0.1em; } #pp_menu li.on a { color:white; background-color:#666; } #pp_menu.max { width:100%; } /*pp_menu1*/ #pp_menu1 { width:500px; margin-top:5px; background-color:#f3f6f7; float:left; clear:both; } #pp_menu1 li { padding:0 1px; background-color:white; float:left; } #pp_menu1 li a { padding:5px 10px; color:#80a0b2; font-weight:bold; line-height:1em; background-color:#dfe7eb; display:block; } #pp_menu1 li a:hover { color:white; background-color:#7da7d8; } #pp_menu1.tight li a { padding:10px 5px; letter-spacing:-0.1em; } #pp_menu1 li.on a { color:white; background-color:#7da7d8; } #pp_menu1.max { width:100%; } /*if_menu*/ #if_menu { width:600px; margin-top:5px; background-color:#f3f6f7; float:right; clear:both; } #if_menu li { padding:0 1px; background-color:white; float:left; } #if_menu li a { padding:5px 10px; color:#80a0b2; font-weight:bold; line-height:1em; background-color:#dfe7eb; display:block; } #if_menu li a:hover { color:white; background-color:#7da7d8; } #if_menu.tight li a { padding:5px 5px; letter-spacing:-0.1em; } #if_menu li.on a { color:white; background-color:#7da7d8; } #if_menu.max { width:100%; } /********************************************************************** @cotent detail **********************************************************************/ /*winpop*/ #winpop { background:url("../img/winpop/bg.gif") no-repeat 0 0; } #winpop #winpop_ci { z-index:3; position:absolute; left:0; top:15px; } #winpop #winpop_title { z-index:3; position:absolute; left:0; top:70px; } #winpop #winpop_oth { z-index:3; position:absolute; left:150px; top:70px; width:500px; text-align:right; } #winpop #winpop_oth label img { margin-bottom:-7px; } * html #winpop #winpop_oth label img { margin-bottom:-4px; } #winpop #winpop_tomain { z-index:3; position:absolute; left:520px; top:10px; } #winpop #winpop_navi { z-index:3; position:absolute; left:0; top:100px; width:650px; height:40px; background-color:#f3f3f3; overflow:hidden; } #winpop #winpop_navi ul { margin-right:20px; float:right; } #winpop #winpop_navi li { padding:0 10px; background:url("../img/winpop/navi_line.gif") no-repeat 100% 0; float:left; } #winpop #winpop_navi h3 { padding:0; float:left; clear:none; } #winpop #winpop_navi .last { background:none; } #winpop #winpop_content { width:620px; padding:180px 15px 40px 15px; } * html #winpop #winpop_content { width:650px; } #winpop #winpop_content .fl_def { width:480px; float:left; } #winpop h4 { padding:30px 0 0 14px; font-size:1em; background:url("../img/common/icon_h4.gif") no-repeat 0 30px; } #winpop h5 { height:20px; padding:20px 0 0 24px; background:url("../img/common/icon_h5.gif") no-repeat 10px 13px; } /*layout_type01_fl*/ .layout_type01_fl { width:160px; float:left; } .layout_type01_fr { width:460px; float:right; } .layout_type01 { width:620px; float:left; } /*download_list_01*/ #download_list_01 { padding-top:30px; float:left; } #download_list_01 li { padding:10px; float:left; } #download_list_01 .dpblock { margin:10px; } /*dic*/ #list ul.dic li { width:20px; padding:0 2px; background:none; } * html #list ul.dic li { width:16px; } #list ul.dic2 { padding-top:0; background:none; } #list ul.dic2 li { width:16px; padding:0 2px; border-top:solid 1px #ddd; background:none; } * html #list ul.dic2 li { width:12px; } #water_dic { padding-top:10px; clear:both; } #water_dic dt { width:595px; padding:10px 10px 12px 15px; margin-top:10px; color:#1177ad; font-weight:bold; background:url("../img/common/submenu_d2_icon.gif") no-repeat 4px 15px #eaf1f5; } * html #water_dic dt { width:620px; } #water_dic dd { width:600px; padding:10px; border-bottom:solid 1px #ddd; background-color:#f5f5f5; } * html #water_dic dd { width:620px; } /*research @@11/19 added by jinovice *******************************************************/ #research { width:460px; height:48px; padding:15px 20px 20px 20px; background:url("../img/common/research_bg.gif") no-repeat 0 10px; clear:both; } * html #research { width:500px; height:50px; } #research dl { margin-top:10px; } #research dt { float:left; } #research dl a { font-weight:bold; letter-spacing:-0.2em; color:#418aad; } #research input.radio { margin-left:30px; } /*research @@11/19 added by jinovice *******************************************************/ /*contact @@11/26 added by MJHAN *******************************************************/ #contact { width:460px; height:25px; padding:0px 20px 20px 0px; clear:both; } * html #contact { width:500px; height:25px; } #contact dl { margin-top:0px; } #contact dt { float:left; } #contact dl a { font-weight:bold; letter-spacing:-0.2em; color:#418aad; } /*research @@11/26 added by MJHAN *******************************************************/ /********************************************************************** @popup **********************************************************************/ /*form_popup*/ #form_popup_top { width:380px; height:42px; background:url("../img/common/form_popup_top.gif") no-repeat 0 0; } #form_popup_body { width:340px; padding:20px 20px; text-align:center; background:url("../img/common/form_popup_bg.gif") repeat-y 0 0; float:left; clear:both; } * html #form_popup_body { width:380px; } #form_popup_body.al{ text-align:left; } #form_popup_bottom { width:380px; padding:10px 0; height:20px; text-align:center; background:url("../img/common/form_popup_bottom.gif") no-repeat 0 0; overflow:hidden; clear:both; } * html #form_popup_bottom { height:40px; } #form_popup_bottom img { margin:0 3px; } #form_popup_body #bbs_def_list { margin-top:0 !important; } /*join_popup*/ #join_popup { width:650px; background:url("../img/member/join_bg.gif") repeat-y 0 0; } #join_popup h1 { position:absolute; } #join_popup h2 { position:absolute; top:45px; } #join_popup h3 { height:20px; padding:0 0 0 14px; font-size:1em; background:url("../img/member/join_icon_h3.gif") no-repeat 0 4px; } /********* @@11/22 added by jinovice S ***************************/ #join_popup h4 { height:20px; padding:0 0 0 16px; font-size:1em; background:url("../img/member/join_icon_h4.gif") no-repeat 2px 4px; } /********* @@11/22 added by jinovice E ***************************/ #join_popup #join_popup_content { width:610px; padding:100px 20px 30px 20px; background:url("../img/member/join_bg_top.gif") no-repeat 0 0; } * html #join_popup #join_popup_content { width:650px; } #join_popup #join_popup_content.max { width:620px; padding:100px 15px 30px 15px; } #join_popup #bbs_btn { padding:0 15px 5px 0; } #join_popup textarea.def { width:610px; line-height:1.5em; border:solid 5px #eee; padding:10px; } #join_popup #form_def dt .ess { position:absolute; margin:-4px 0 0 -15px; } * html #join_popup #form_def dt .ess { margin:-6px 0 0 -15px; } #form_def .join_added { height:140px; } * html #form_def .join_added { height:145px; } #join_popup a { color: #ff0000; text-decoration:underline; } #join_popup a:hover { color: #ff0000; } /********************************************************************** @login **********************************************************************/ /*cer*/ #cer { width:620px; height:32px; text-align:center; font-weight:bold; padding-top:32px; background:url("../img/member/cer_bg.gif") no-repeat 0 20px; clear:both; } * html #cer { height:64px; } #cer .inputs { width:100px; height:20px; margin-right:5px; border:solid 1px #ddd; } #cer .btn { margin-bottom:-7px; } * html #cer .btn { margin-bottom:-3px; } /*login*/ #login { position:relative; width:620px; height:317px; margin-top:20px; background:url("../img/member/login_bg.gif") no-repeat 0 0;} #login div { position:absolute; left:257px; width:350px; } #login p { padding:0; } #login #text { top:70px; } #login #form { left:280px; top:140px; width:310px; } #login #form label { padding:4px; } #login #form .btn { position:absolute; left:240px; top:0; } #login #guide { top:230px; } #login #btn { top:280px; text-align:center; } #login #btn img { margin:0 3px; } /*def*/ #login.def { margin-top:60px; } #login.def #text { top:50px; } #login.popup { left:10px; margin-top:0; } #login.popup #text { top:90px; } .loginpopup { left:10px; margin-top:0 !important;} /*TTS login 11/22 added by jinovice S ********************/ #join_popup_content .loginpopup { left:0; width:600px; margin-top:0 !important; background:url("../img/tts/tts_login_bg.gif") no-repeat 0 0;} /*TTS login 11/22 added by jinovice E ********************/ /*cal*/ #cal { position:relative; width:620px; height:250px; margin-top:20px; background:url("../img/content/cal_bg.gif") no-repeat 0 0; } #cal div { position:absolute; left:257px; width:350px; } #cal p { padding:0; } #cal #text { top:20px; } #cal #type { top:65px; left:282px; font-size:0.91em; letter-spacing:-0.1em; } #cal #form { left:280px; top:95px; width:310px; } #cal #form label { padding:4px; } #cal #form .btn { position:absolute; left:240px; top:0; } #cal #guide { top:170px; } #cal #guide2 { top:195px; letter-spacing:-0.1em;} /*cal1*/ #cal1 { position:relative; width:620px; height:310px; margin-top:20px; background:url("../img/content/co_bg.gif") no-repeat 0 0; } #cal1 div { position:absolute; left:257px; width:350px; } #cal1 p { padding:0; } #cal1 #text { top:20px; } #cal1 #type { top:45px; left:282px; font-size:0.91em; letter-spacing:-0.1em; } #cal1 #form { left:290px; top:55px; width:310px; } #cal1 #form label { padding:4px; } #cal1 #form .btn { position:absolute; left:230px; top:140; } #cal1 #guide { left:340px; top:280px; } /*app_mem*/ #app_mem { position:relative; width:620px; height:200px; margin-top:60px; background:url("../img/content/app_mem_bg.gif") no-repeat 0 0; } #app_mem div { position:absolute; left:257px; width:350px; } #app_mem p { padding:0; } #app_mem #text { top:20px; } #app_mem #form { left:270px; top:80px; width:310px; } #app_mem #form label { width:80px; text-align:right; } #app_mem #form .btn { position:absolute; left:245px; top:0; } #app_mem #guide { top:170px; } /********************************************************************** @H **********************************************************************/ h1 { font-size:0; } h3, h4, h5, h6, .h7, .h8 { clear:both; } h3 { height:20px; padding:40px 0 0 35px; } h4 { height:20px; padding-top:30px; } h5 { height:20px; color:#418aad; font-size:1em; padding:30px 0 0 14px; background:url("../img/common/icon_h5.gif") no-repeat 0 29px; } h6 { height:20px; color:#666; font-size:1em; padding:27px 0 0 24px; background:url("../img/common/icon_h6.gif") no-repeat 10px 30px; } .h7 { height:20px; color:#418aad; padding:30px 0 0 30px; background:url("../img/common/icon_h7.gif") no-repeat 20px 34px; display:block; } .h8 { height:20px; color:#666; padding:20px 0 0 40px; background:url("../img/common/icon_h8.gif") no-repeat 30px 24px; display:block; } /* @@11/19 added by jinovice S *********************************/ .headunderline { border-bottom:solid 2px #ddd; } /* @@11/19 added by jinovice E *********************************/ .inlayout { padding:10px 0 0 15px; background-position:0 13px; clear:none !important; } /********************************************************************** @character/paragraph **********************************************************************/ .imp_r { color:red; } .imp_o { color:#ff7200; } .imp_b { color:#418aad; } .imp_darkblue { color:#418aad; font-weight:bold; } .imp16_whiteblue { font-size:1.6em; color:#bcd5ef; } .sub_darkblue { color:#436097; font-size:0.91em; line-height:1.2em; } .sub_gray { color:#999; font-size:0.91em; line-height:1.2em; } .sub_orange { color:#ff7200; font-size:0.91em; line-height:1.2em; } p { padding-bottom:10px; text-align:justify; } .p05{ margin-top:5px; } .p1 { margin-top:10px; } .p2 { margin-top:20px; } .p3 { margin-top:30px; } p.p1 { padding-top:10px; } p.p2 { padding-top:20px; } p.p3 { padding-top:30px; } .in1 { margin-left:10px; } .in2 { margin-left:20px; } .in3 { margin-left:30px; } .in4 { margin-left:40px; } .in1_lo { margin-left:10px; } .in2_lo { margin-left:20px; } .in3_lo { margin-left:30px; } .in4_lo { margin-left:40px; } /*@@ edited by jinovice 12/11/2008 Start*/ /*p.tal { text-align:left; } p.tac { text-align:center; } p.tar { text-align:right; } */ .tal, .tal td { text-align:left; } .tac, .tac td { text-align:center; } .tar, .tar td { text-align:right; } /*@@ edited by jinovice 12/11/2008 Start*/ p.graybox { padding:10px; margin-top:10px; border:solid 4px #eee; background:url("../img/common/graybox_bg.gif") no-repeat 100% 100% clear:both; } p.graybox_s { padding:5px; margin-top:5px; border:solid 1px #c0d0d9;background-color:ffffff; no-repeat 100% 100% white; clear:both; font-size:0.91em;} p.namebox { padding:13px; background:url("../img/common/name_bg.gif") no-repeat 112px 100% white; heith:76px; text-align:center; } p.orangebox { padding:5px; margin-top:10px; border:solid 4px #fff0da; background-color:white; clear:both; } p.page_btn { width:100%; padding-top:20px; text-align:center; clear:both; } p.page_btn620 { width:620; padding-top:20px; text-align:center; clear:both; } p.page_btnr { width:100%; padding-top:20px; text-align:right; clear:both; } p.page_btn a, p.page_btnr a { margin:0 3px; } p.table_sub { width:100%; padding-bottom:0; color:#ff7200; font-size:0.91em; letter-spacing:-0.1em; text-align:right; clear:both; } p.padding20 { padding:20px; } p.padding10 { padding:10px; } .tm-12 { margin-top:-12px; } .tm-5 { margin-top:-5px; } .tm2 { margin-top:2px; } .tm5 { margin-top:5px; } .tm10 { margin-top:10px; } .tm20 { margin-top:20px; } .tm30 { margin-top:30px; } .tm40 { margin-top:40px; } .bm20 { margin-bottom:20px; } .lm-15 { margin-left:-15px; } .lm50 { margin-left:50px; } .lm30 { margin-left:30px; } .lm5 { margin-left:5px; } .rm10 { margin-right:10px; } .rm15 { margin-right:15px; } .tp20 { padding-top:20px; } .text_list { line-height:2em; } .hand { cursor:pointer; } .noclear { clear:none !important; } .nopadding { padding:0 !important; } .nomargin { margin:0 !important; } .noborder { border:0 !important; } .nexttitle { margin-top:-10px; } .obj_first { margin-top:0 !important; } .obj_near { padding-top:0 !important; } .title_first { padding-top:0 !important; background-position:0 0 !important; } .nobg { background-image:none !important; } .fl { float:left; } .fr { float:right; } .fr_5 { float:right;margin-bottom:5px;} .btn_valign { margin-bottom:-7px; } * html .btn_valign { margin-bottom:-3px; } .btn_valign2 { margin-bottom:-9px; } * html .btn_valign2 { margin-bottom:-4px; } .dpblock { display:block; } .dpinline { display:inline; } .newin { font-size:0.91em; padding-left:15px; background:url("../img/common/icon_newin.gif") no-repeat 0 3px; } .download { padding-left:18px; background:url("../img/common/icon_file.gif") no-repeat 0 0; } /********************************************************************** @image **********************************************************************/ .img_def_left, .img_def_right { margin-bottom:20px; border:solid 3px #eee; clear:both; } .img_def_left { padding:3px; margin-right:10px; float:left; } /*.img_def_right { padding:3px; margin-left:10px; float:right; }*/ .img_def_left img, .img_def_right img { display:block; } /********************************************************************** @input **********************************************************************/ input { letter-spacing:0.08em; } * html { letter-spacing:0; } textarea { line-height:1.0em; } .input_def { height:20px; margin-right:5px; border:solid 1px #ddd; } .radio { border:0; } .input_imp { height:20px; margin-right:5px; border:solid 1px #4e92bc; } select.def { height:20px; padding:0; color:#999; border:solid 1px #ddd; background-color:#f3f3f3; } select.def option { padding-right:5px; color:#999; } .readonly { background-color:#eee; } /********************************************************************** @bbs **********************************************************************/ #bbs_btn { padding-top:15px; text-align:right; clear:both;} #bbs_btn img { margin:0 3px; } /*bbs_def*/ #bbs_def_list caption { display:none; } #bbs_def_list #bbs_info { width:600px; margin:0 10px; font-size:0.91em; float:left; } #bbs_def_list #bbs_info dt { margin-right:5px; float:left; } #bbs_def_list #bbs_article { width:620px; padding-top:7px; border-bottom:solid 1px #ddd; float:left; } #bbs_def_list #bbs_article .no, #bbs_def_list #bbs_article .title, #bbs_def_list #bbs_article dd { background:url("../img/common/bbs_def_title_bg.gif") no-repeat 100% 10px; } #bbs_def_list #bbs_article .no { color:#666; font-size:0.91em; text-align:center; display:block; float:left; } #bbs_def_list #bbs_article h4, #bbs_def_list #bbs_article h5 { padding:0; font-size:1em; font-weight:normal; overflow:hidden; float:left; clear:none; } #bbs_def_list #bbs_article dl { float:left; } #bbs_def_list #bbs_article dt { position:absolute; width:0; height:0; overflow:hidden; left: 626px; top: 239px; } #bbs_def_list #bbs_article dd { color:#666; text-align:center; float:left; overflow:hidden; } #bbs_def_list #bbs_article dd.al{ text-align:left; } #bbs_def_list #bbs_article dd.last { background:none !important; } #bbs_def_list #bbs_article.title { padding-top:45px; } #bbs_def_list #bbs_article dd.obj1 { width:555px; color:#999; text-align:left; padding:2px 0 2px 65px; border-top:solid 1px #eee; } * html #bbs_def_list #bbs_article dd.obj1 { width:620px; } #bbs_def_list a, #bbs_def_list a:visited { color:black; } #bbs_def_list a:hover { color:black; text-decoration:underline; } #paging { width:620px; padding-top:10px; border-top:solid 1px #aaa; text-align:center; clear:both; } #paging .page_num { margin-left:10px; } #paging .page_num a { padding:0 15px 0 7px; background:url("../img/common/bbs_def_list_title_bg.gif") no-repeat 100% 0; } #paging .page_num a.active { color:#214ea1; font-weight:bold; text-decoration:underline; } #bbs_def_list #bbs_btn { padding-top:5px; } #paging.popup { width:100%; margin-top:2px; } #paging.popup .page_num a { padding:0 10px 0 2px; } /*form_def*/ #form_def { width:620px; margin-top:5px; border-top:solid 2px #418aad; float:left; clear:both;} #form_def dt,#form_def dd { padding:4px; border-bottom:solid 1px #dcdcdc; float:left; overflow:hidden;} #form_def dt { width:71px; height:22px; padding-left:15px; font-weight:bold; background-color:#f7f7f7; } #form_def dd { width:522px; height:22px; background-color:white; } * html #form_def dt { width:90px; height:30px; } * html #form_def dd { width:530px; height:30px; } #form_def.long dt { width:111px; } #form_def.long dd { width:482px; } * html #form_def.long dt { width:130px; } * html #form_def.long dd { width:490px; } /*mis 스타일 추가 S*/ #form_def.short dt { width:111px; } #form_def.short dd { width:482px; } * html #form_def.short dt { width:155px; } * html #form_def.short dd { width:155px; } #form_def.pay dt { width:140px; } #form_def.pay dd { width:480px; } * html #form_def.pay dt { width:124px; } * html #form_def.pay dd { width:496px; } #form_def.pay dd.obj2 { width:186px; height:22px; } * html #form_def.pay dd.obj2 { width:186px; height:30px; } /*mis 스타일 추가 E*/ #form_def dd.obj2 { width:212px; height:22px; } * html #form_def dd.obj2 { width:220px; height:30px; } #form_def dt .ess { position:absolute; margin:-7px 0 0 -15px; } * html #form_def dt .ess { margin:-9px 0 0 -15px; } #form_def .address { height:83px; } * html #form_def .address { height:93px; } #form_def .txtarea { height:75px; } * html #form_def .txtarea { height:80px; } #form_def .content { height:260px; } * html #form_def .content { height:270px; } #form_def .map { height:100px; } * html #form_def .map { height:108px; } #form_def .doubleline { height:40px; } * html #form_def .doubleline { height:45px; } #form_def .tripleline { height:60px; } * html #form_def .tripleline { height:65px; } #form_def textarea { width:100%; border:solid 1px #dcdcdc; } #form_def input { height:20px; color:#999; padding-left:5px; border:solid 1px #ccc; } #form_def input.radio { border:0; margin:0 2px -5px 8px; } * html #form_def input.radio { margin-bottom:-2px; } #form_def input.checkbox { border:0; margin:0 2px -3px 8px; } * html #form_def input.checkbox { margin-bottom:-2px; } #form_def select { height:20px; color:#999; border:solid 1px #ddd; background-color:#f3f3f3; } #form_def option { padding-right:5px; color:#999; } #form_def .lonstr { letter-spacing:-0.15em; } /*form_def_write*/ #bbs_def_write { clear:both; } #bbs_def_write #form_def { margin-top:10px; } /*form_def_view*/ #bbs_def_view #form_def { margin-top:10px; } #bbs_def_view #variable { border-bottom:solid 1px #dcdcdc; background:url("../img/common/bbs_def_view_bg.gif") repeat-y 0 0; float:left; } #bbs_def_view #variable dt,#bbs_def_view #variable dd { padding:4px; float:left; } #bbs_def_view #variable dt { width:71px; padding-left:15px; font-weight:bold; } #bbs_def_view #variable dd { width:522px; } * html #bbs_def_view #variable dt { width:90px; height:35px; } * html #bbs_def_view #variable dd { width:530px; height:35px; } /*webzine_list*/ #webzine_list #webzine_info { padding-bottom:5px; margin-bottom:20px; text-align:right; border-bottom:solid 2px #418aad; } #webzine_list h4 { height:auto; padding:0; } #webzine_list h4.webzine { padding:10px; float:left; } #webzine_list h4.app { height:25px; } #webzine_list .intro { padding-top:10px; float:left; } #webzine_list #webzine_app { width:594px; padding:10px; margin-top:10px; border:solid 3px #eee; background:url("../img/webzine/webzine_app_bg.gif") no-repeat 100% 100% #f5f5f5; float:left; } * html #webzine_list #webzine_app { width:620px; } /*webzine_popup_list @@11/22 added by jinovice S ********************/ #webzine_popup_list { width:186px; padding:5px; margin:15px 5px 0 0; border:solid 1px #ccc; float:left; } * html #webzine_popup_list { width:200px; } #webzine_popup_list .last { margin-right:0 !important; } #webzine_popup_list .dpblock { margin-bottom:70px; } /*webzine_popup_list @@11/22 added by jinovice E ********************/ /*bbs_calendar*/ #bbs_calendar { width:620px; background:url("../img/bbs/cal_bg.gif") repeat-y 0 0; } #bbs_calendar #monselect { color:#999; font-size:1em; padding:5px 0 15px 30px; } #bbs_calendar #monselect fieldset { margin-right:15px; float:right; } #bbs_calendar #monselect .selected { color:#0054a6; font-size:1.1em; font-weight:bold; } #bbs_calendar #monselect .selected .sub_gray { font-size:0.5em; font-weight:normal; } #bbs_calendar table { width:595px; border:none; margin-left:12px; border-collapse:collapse; } #bbs_calendar thead th { width:85px; height:50px; border-bottom:solid 1px #ccc; background:url("../img/bbs/cal_title_line.gif") no-repeat 100% 50%; } #bbs_calendar .sat { background:none; } #bbs_calendar tbody td { width:85px; height:60px; border-bottom:solid 1px #e6e6e6; vertical-align:top; background:url("../img/common/dot_14_ccc.gif") repeat-y 100% 0; } #bbs_calendar tbody #sch { margin-left:7px; } #bbs_calendar tbody #sch li { width:15px; height:14px; float:left; overflow:hidden; } #bbs_calendar tbody td .day { padding:5px 5px 0 0; color:#526693; font-size:1em; line-height:1.2em; text-align:right; font-weight:bold; display:block; } #bbs_calendar tbody td.sat .day { color:#003dd9; } #bbs_calendar tbody td.sun .day { color:#ff0000; } #bbs_calendar tbody td.today .day { color:#418aad; } #bbs_calendar .sub_orange { margin:5px 10px; display:block; } /*bbs_movie*/ #bbs_movie { width:620px; text-align:center; } #bbs_movie fieldset { width:620px; margin-top:10px; padding:3px 0; border:solid 1px #e9e9e9; background-color:#f5f5f5; } #bbs_movie #movie { width:620px; background:url("../img/bbs/cal_bg.gif") repeat-y 0 0; } #bbs_movie h4 { padding-top:30px; font-size:1em; } #bbs_movie #movie h4 { padding-top:10px; font-size:1em; } #bbs_movie ul.def li.d1 { padding:3px 0 2px 10px; border-bottom:solid 1px #ddd; text-align:left; background:url("../img/common/ul_d1_icon.gif") no-repeat 0 8px; } #bbs_movie #download { text-align:left; } #bbs_movie #download .page_btn { padding-top:10px; } /*form_single*/ fieldset { clear:both; } fieldset#single { width:620px; margin:10px 0; padding:3px 0; text-align:center; border:solid 1px #e9e9e9; background-color:#f5f5f5;} /*gallery_type_01*/ #gallery_type_01 { width:620px; margin-top:5px; float:left; clear:both;} #gallery_type_01 dl { width:300px; height:240px; margin:10px 5px; float:left; } #gallery_type_01 dt { font-weight:bold; } #gallery_type_01 dd { color:#999; font-size:0.91em; } /*gallery_type_02*/ #gallery_type_02 { width:620px; margin-top:5px; float:left; clear:both;} #gallery_type_02 #gt2_list { width:450px; border-top:solid 2px #418aad; float:right; } #gallery_type_02 dt { padding:5px 0 0 10px; margin-top:5px; border-top:solid 1px #ddd; color:#418aad; background:url("../img/common/ul_d1_icon.gif") no-repeat 0 11px; } #gallery_type_02 dt a { color:#418aad; font-weight:bold; } #gallery_type_02 dd { padding-left:20px; color:#999; background:url("../img/common/ul_d5_icon.gif") no-repeat 12px 4px; overflow:hidden; } /*gallery_type_03*/ #gallery_type_03 { width:620px; margin-top:5px; border-top:solid 2px #418aad; float:left; clear:both;} #gallery_type_03 #gt3_article { padding:10px 0; border-bottom:solid 1px #eee; float:left; } #gallery_type_03 dl { width:500px; float:right; } #gallery_type_03 dt { width:50px; font-weight:bold; background:url("../img/common/info_dd_icon.gif") no-repeat 90% 4px; float:left; clear:both; } #gallery_type_03 dd { width:440px; color:#999; float:left; } #gallery_type_03 dd a { color:#418aad; font-weight:bold; } /*gallery_type_04*/ #gallery_type_04 { width:620px; margin-top:5px; border-top:solid 0px #418aad; float:left; clear:both;} #gallery_type_04 #gt4_article { padding:10px 0; border-bottom:solid 1px #eee; float:left; } #gallery_type_04 dl { width:330px; float:right; margin-top:20px;} #gallery_type_04 dt { width:320px; font-weight:bold; no-repeat 90% 4px; float:left; color:#418aad; } #gallery_type_04 dd { width:320px; color:#555; float:left; } #gallery_type_04 dda { color:#418aad; font-weight:bold; } /*gallery_type_05*/ #gallery_type_05 { width:620px; margin-top:5px; border-top:solid 0px #418aad; float:left; clear:both;} #gallery_type_05 #gt5_article { padding:10px 0; border-bottom:solid 1px #eee; float:left; } #gallery_type_05 dl { width:600px; float:right; margin-top:10px;} #gallery_type_05 dt { width:600px; font-weight:bold; no-repeat 90% 4px; float:left; color:#418aad; } #gallery_type_05 dd { width:600px; color:#555; float:left; } #gallery_type_05 dda { color:#418aad; font-weight:bold; } /*gallery_type_06 지속가능경영보고서에 사용됨*/ #gallery_type_06 { width:620px; margin-top:5px; float:left; clear:both;} #gallery_type_06 #gt6_list { width:300px; float:left; } #gallery_type_06 #gt6_1_list { width:300px; float:right; } #gallery_type_06 dt { padding:5px 0 0 10px; margin-top:5px; border-top:solid 1px #ddd; color:#418aad; background:url("../img/common/ul_d1_icon.gif") no-repeat 0 11px; } #gallery_type_06 dt a { color:#418aad; font-weight:bold; } #gallery_type_06 dd { padding-left:20px; color:#999; background:url("../img/common/ul_d5_icon.gif") no-repeat 12px 4px; overflow:hidden; } /*gallery_type_07*/ #gallery_type_07 { width:620px; margin-top:0px; border-top:solid 0px #7c95a4; float:left; clear:both;} #gallery_type_07 #gt7_article { padding:15px 0; border-bottom:solid 1px #eee; float:left; } #gallery_type_07 dl { width:600px; float:right; margin-top:0px;} #gallery_type_07 dt { width:600px; font-weight:bold; no-repeat 90% 4px; float:left; color:#7c95a4; padding:6px 0 0 10px; margin-top:0px; background:url("../img/common/ul_d1_icon.gif") no-repeat 0 11px; } #gallery_type_07 dd { width:600px; color:#555; float:left; } #gallery_type_07 dda { color:#418aad; font-weight:bold; } /*gallery_type_08 실시간 자료에 사용됨*/ #gallery_type_08 { width:340px; margin-top:5px; border-top:solid 0px #418aad; float:left; clear:both;} #gallery_type_08 #gt8_article { padding:0px 0; border-bottom:solid 0px #eee; float:left; } #gallery_type_08 dl { width:340px; float:right; margin-top:10px;} #gallery_type_08 dt { width:340px; font-weight:bold; no-repeat 90% 4px; float:left; color:#418aad; } #gallery_type_08 dd { width:340px; color:#555; float:left; } #gallery_type_08 dda { color:#418aad; font-weight:bold; } /********************************************************************** @bbs customizing width:620px **********************************************************************/ /*def 번호 제목 작성자 등록일 파일 조회수*/ #bbs_def_list #bbs_article .no { width:50px; height:22px; padding:0 5px; } #bbs_def_list #bbs_article.title { background:url("../img/bbs/title_def.gif") no-repeat 0 0; } #bbs_def_list #bbs_article .title { width:300px; height:22px; padding:0 5px; } #bbs_def_list #bbs_article dd.writer { width:60px; height:22px; padding:0 5px; } #bbs_def_list #bbs_article dd.date { width:70px; height:22px; padding:0 5px; font-size:0.91em; } #bbs_def_list #bbs_article dd.file { width:45px; height:22px; padding:0 5px; } #bbs_def_list #bbs_article dd.counter { width:35px; height:22px; padding:0 5px; } #bbs_def_list #bbs_article dd.locnm { width:200px; height:22px; padding:0 5px; } #bbs_def_list #bbs_article dd.sms { width:60px; height:22px; padding:0 5px; } #bbs_def_list #bbs_article dd.gubun { width:60px; height:22px; padding:0 5px; } * html #bbs_def_list #bbs_article .no { width:60px;} * html #bbs_def_list #bbs_article .title { width:310px; } * html #bbs_def_list #bbs_article dd.writer { width:70px; } * html #bbs_def_list #bbs_article dd.date { width:80px; } * html #bbs_def_list #bbs_article dd.file { width:55px; } * html #bbs_def_list #bbs_article dd.counter { width:45px; } * html #bbs_def_list #bbs_article dd.locnm { width:200px; } * html #bbs_def_list #bbs_article dd.sms { width:60px; } * html #bbs_def_list #bbs_article dd.gubun { width:60px; } * html #bbs_def_list #bbs_article dd.amt { width:60px; } * html #bbs_def_list #bbs_article dd.state { width:60px; } /***************************************************************** @bbs customizing width:620px ADDED BY MJHAN *******************************************************************/ /*def_1 번호 제목 작성자 등록일 파일 조회수 - 간격조절만*/ #bbs_def_list.bbs_def1_list #bbs_article .no { width:50px; height:22px; padding:0 5px; } #bbs_def_list.bbs_def1_list #bbs_article.title { background:url("../img/bbs/title_def1.gif") no-repeat 0 0; } #bbs_def_list.bbs_def1_list #bbs_article .title { width:270px; height:50px; padding:0 5px; } #bbs_def_list.bbs_def1_list #bbs_article dd.writer { width:90px; height:50px; padding:0 5px; } #bbs_def_list.bbs_def1_list #bbs_article dd.date { width:70px; height:50px; padding:0 5px; font-size:0.91em; } #bbs_def_list.bbs_def1_list #bbs_article dd.file { width:45px; height:50px; padding:0 5px; } #bbs_def_list.bbs_def1_list #bbs_article dd.counter { width:35px; height:50px; padding:0 5px; } * html #bbs_def_list.bbs_def1_list #bbs_article .no { width:60px; height:50px;} * html #bbs_def_list.bbs_def1_list #bbs_article .title { width:280px; height:50px;} * html #bbs_def_list.bbs_def1_list #bbs_article dd.writer { width:100px; height:50px;} * html #bbs_def_list.bbs_def1_list #bbs_article dd.date { width:80px; height:50px;} * html #bbs_def_list.bbs_def1_list #bbs_article dd.file { width:55px; height:50px;} * html #bbs_def_list.bbs_def1_list #bbs_article dd.counter { width:45px; height:50px;} /* ====================mis 스타일 추가 S==================== */ /*type21 사업명 소재지 지번 구분*/ #bbs_def_list.bbs_type21_list #bbs_article.title { background:url("../img/bbs/title_type21.gif") no-repeat 0 0; } #bbs_def_list.bbs_type21_list #bbs_article .title { width:300; height:22px; padding:0 5px; } * html #bbs_def_list.bbs_type21_list #bbs_article .title { width:220; } * html #bbs_def_list.bbs_type21_list #bbs_article dd.locnm { width:250px; } * html #bbs_def_list.bbs_type21_list #bbs_article dd.sms { width:60px; } * html #bbs_def_list.bbs_type21_list #bbs_article dd.gubun { width:90px; } /*type22 사업명 소재지 지번 관보고시일*/ #bbs_def_list.bbs_type22_list #bbs_article.title { background:url("../img/bbs/title_type22.gif") no-repeat 0 0; } #bbs_def_list.bbs_type22_list #bbs_article .title { width:300; height:22px; padding:0 5px; } * html #bbs_def_list.bbs_type22_list #bbs_article .title { width:220; } * html #bbs_def_list.bbs_type22_list #bbs_article dd.locnm { width:250px; } * html #bbs_def_list.bbs_type22_list #bbs_article dd.sms { width:60px; } * html #bbs_def_list.bbs_type22_list #bbs_article dd.gubun { width:90px; } /*type23 소재지 지번 구분 금액*/ #bbs_def_list.bbs_type23_list #bbs_article.title { background:url("../img/bbs/title_type21.gif") no-repeat 0 0; } #bbs_def_list.bbs_type23_list #bbs_article .title { width:300; height:22px; padding:0 5px; } * html #bbs_def_list.bbs_type23_list #bbs_article .title { width:320px; } * html #bbs_def_list.bbs_type23_list #bbs_article dd.sms { width:100px; } * html #bbs_def_list.bbs_type23_list #bbs_article dd.gubun { width:100px; } * html #bbs_def_list.bbs_type23_list #bbs_article dd.amt { width:100px; } /*type24 선택 사업명칭 구분 진행상태 */ #bbs_def_list.bbs_type24_list #bbs_article.title { background:url("../img/bbs/title_type21.gif") no-repeat 0 0; } #bbs_def_list.bbs_type24_list #bbs_article .title { width:300; height:22px; padding:0 5px; } * html #bbs_def_list.bbs_type24_list #bbs_article .title { width:360px; } * html #bbs_def_list.bbs_type24_list #bbs_article dd.gubun { width:100px; } * html #bbs_def_list.bbs_type24_list #bbs_article dd.state { width:100px; } /* ====================mis 스타일 추가 E==================== */ /*type1 번호 제목 구분 등록일 파일 조회수*/ #bbs_def_list.bbs_type1_list #bbs_article.title { background:url("../img/bbs/title_type1.gif") no-repeat 0 0; } #bbs_def_list.bbs_type1_list #bbs_article dd.type { width:60px; height:22px; padding:0 5px; } * html #bbs_def_list.bbs_type1_list #bbs_article dd.type { width:70px; } /*type2 번호 제목 파일 조회수*/ #bbs_def_list.bbs_type2_list #bbs_article.title { background:url("../img/bbs/title_type2.gif") no-repeat 0 0; } #bbs_def_list.bbs_type2_list #bbs_article .title { width:450px; height:22px; padding:0 5px; } * html #bbs_def_list.bbs_type2_list #bbs_article .title { width:460px; } /*type3 번호 제목 분류 조회수*/ #bbs_def_list.bbs_type3_list #bbs_article .no { width:50px; height:44px; padding:0 5px; } #bbs_def_list.bbs_type3_list #bbs_article.title { background:url("../img/bbs/title_type3.gif") no-repeat 0 0; } #bbs_def_list.bbs_type3_list #bbs_article .title { width:335px; height:44px; padding:0 5px; } #bbs_def_list.bbs_type3_list #bbs_article .category { width:160px; height:44px; padding:0 5px; } #bbs_def_list.bbs_type3_list #bbs_article dd.counter { width:35px; height:44px; padding:0 5px; } * html #bbs_def_list.bbs_type3_list #bbs_article .no { width:60px; height:44px;} * html #bbs_def_list.bbs_type3_list #bbs_article .title { width:345px; height:44px;} * html #bbs_def_list.bbs_type3_list #bbs_article .category { width:170px; height:44px;} * html #bbs_def_list.bbs_type3_list #bbs_article dd.counter { width:45px; height:44px;} /*type4 제목 파일*/ #bbs_def_list.bbs_type4_list #bbs_article.title { background:url("../img/bbs/title_type4.gif") no-repeat 0 0; } #bbs_def_list.bbs_type4_list #bbs_article .title { width:510px; height:22px; padding:0 5px; } * html #bbs_def_list.bbs_type4_list #bbs_article .title { width:520px; } #bbs_def_list.bbs_type4_list #bbs_article dd.file { width:90px; height:22px; padding:0 5px; } * html #bbs_def_list.bbs_type4_list #bbs_article dd.file { width:100px; } /*type5 제목 성명 접수일자 처리기한 상태 처리부서*/ #bbs_def_list.bbs_type5_list #bbs_article.title { background:url("../img/bbs/title_type5.gif") no-repeat 0 0; } #bbs_def_list.bbs_type5_list #bbs_article .title { width:210px; height:10%; padding:0 5px; } #bbs_def_list.bbs_type5_list #bbs_article dd.writer { width:70px; height:10%; padding:0 5px; } #bbs_def_list.bbs_type5_list #bbs_article dd.state { width:40px; height:10%; padding:0 5px; } #bbs_def_list.bbs_type5_list #bbs_article dd.dept { width:100px; height:10%; padding:0 5px; } * html #bbs_def_list.bbs_type5_list #bbs_article .title { width:220px;} * html #bbs_def_list.bbs_type5_list #bbs_article dd.writer { width:80px; } * html #bbs_def_list.bbs_type5_list #bbs_article dd.state { width:50px; } * html #bbs_def_list.bbs_type5_list #bbs_article dd.dept { width:110px; } /*type6 번호 제목 작성자 등록일 조회수*/ #bbs_def_list.bbs_type6_list #bbs_article.title { background:url("../img/bbs/title_type6.gif") no-repeat 0 0; } #bbs_def_list.bbs_type6_list #bbs_article .title { width:308px; padding:0 5px; } * html #bbs_def_list.bbs_type6_list #bbs_article .title { width:318px; } #bbs_def_list.bbs_type6_list #bbs_article dd.writer { width:107px; padding:0 5px; } * html #bbs_def_list.bbs_type6_list #bbs_article dd.writer { width:117px; } /*type7 번호 제목 파일 담당부서 등록일자 유형 조회*/ #bbs_def_list.bbs_type7_list #bbs_article .no { width:50px; padding:0 5px;} #bbs_def_list.bbs_type7_list #bbs_article.title { background:url("../img/bbs/title_type7.gif") no-repeat 0 0; } #bbs_def_list.bbs_type7_list #bbs_article .title { width:150px; padding:0 5px;} #bbs_def_list.bbs_type7_list #bbs_article .file { width:50px; height:44px; } #bbs_def_list.bbs_type7_list #bbs_article .dept { width:120px; height:44px; } #bbs_def_list.bbs_type7_list #bbs_article .regdate { width:70px; height:44px; } #bbs_def_list.bbs_type7_list #bbs_article .type { width:70px; height:44px; } #bbs_def_list.bbs_type7_list #bbs_article .count { width:40px; height:44px; } * html #bbs_def_list.bbs_type7_list #bbs_article .no { width:60px; height:44px; } * html #bbs_def_list.bbs_type7_list #bbs_article .title { width:160px; height:44px; } * html #bbs_def_list.bbs_type7_list #bbs_article .file { width:60px; height:44px; } * html #bbs_def_list.bbs_type7_list #bbs_article .dept { width:130px; height:44px; } * html #bbs_def_list.bbs_type7_list #bbs_article .regdate { width:80px; height:44px; } * html #bbs_def_list.bbs_type7_list #bbs_article .type { width:80px; height:44px; } * html #bbs_def_list.bbs_type7_list #bbs_article .count { width:50px; height:44px; } /*type8 번호 제목 단위업무*/ #bbs_def_list.bbs_type8_list #bbs_article .no { width:50px; padding:0 5px; } #bbs_def_list.bbs_type8_list #bbs_article.title { background:url("../img/bbs/title_type8.gif") no-repeat 0 0; } #bbs_def_list.bbs_type8_list #bbs_article .title { width:335px; padding:0 5px; } #bbs_def_list.bbs_type8_list #bbs_article .business { width:160px; padding:0 5px; } * html #bbs_def_list.bbs_type8_list #bbs_article .no { width:70px; height:22px; } * html #bbs_def_list.bbs_type8_list #bbs_article .title { width:350px; height:22px; } * html #bbs_def_list.bbs_type8_list #bbs_article .business { width:200px; height:22px; text-align:left;} /*type9 번호 제목 조회수*/ #bbs_def_list.bbs_type9_list #bbs_article.title { background:url("../img/bbs/title_type9.gif") no-repeat 0 0; } #bbs_def_list.bbs_type9_list #bbs_article .title { width:505px; height:22px; padding:0 5px; } * html #bbs_def_list.bbs_type9_list #bbs_article .title { width:515px; } /*type10 번호 제목 발행호수*/ #bbs_def_list.bbs_type10_list #bbs_article.title { background:url("../img/bbs/title_type10.gif") no-repeat 0 0; } #bbs_def_list.bbs_type10_list #bbs_article .title { width:310px; height:22px; padding:0 5px; } #bbs_def_list.bbs_type10_list #bbs_article .publication { width:150px; height:22px; padding:0 5px; } * html #bbs_def_list.bbs_type10_list #bbs_article .title { width:320px; } * html #bbs_def_list.bbs_type10_list #bbs_article .publication { width:160px; } /*type11 번호 제목 작성자 등록일 조회수*/ #bbs_def_list.bbs_type11_list #bbs_article.title { background:url("../img/bbs/title_type11.gif") no-repeat 0 0; } #bbs_def_list.bbs_type11_list #bbs_article .title { width:240px; padding:0 5px; } * html #bbs_def_list.bbs_type11_list #bbs_article .title { width:250px; } #bbs_def_list.bbs_type11_list #bbs_article dd.dept { width:70px; padding:0 5px; } * html #bbs_def_list.bbs_type11_list #bbs_article dd.dept { width:80px; } #bbs_def_list.bbs_type11_list #bbs_article dd.type { width:40px; padding:0 5px; } * html #bbs_def_list.bbs_type11_list #bbs_article dd.type { width:50px; } /*type12 번호 대상 동아리 구분 일시 인원*/ #bbs_def_list.bbs_type12_list #bbs_article .no { width:40px; height:44px; padding:0 5px; } #bbs_def_list.bbs_type12_list #bbs_article.title { background:url("../img/bbs/title_type12.gif") no-repeat 0 0; } #bbs_def_list.bbs_type12_list #bbs_article .title { width:160px; height:44px; padding:0 5px; } #bbs_def_list.bbs_type12_list #bbs_article dd.writer { width:160px; height:44px; padding:0 5px; } #bbs_def_list.bbs_type12_list #bbs_article dd.type { width:100px; height:44px; padding:0 5px; } #bbs_def_list.bbs_type12_list #bbs_article dd.date { width:70px; height:44px; padding:0 5px; font-size:0.91em; } #bbs_def_list.bbs_type12_list #bbs_article dd.counter { width:30px; height:44px; padding:0 5px; } * html #bbs_def_list.bbs_type12_list #bbs_article .no { width:50px; height:44px;} * html #bbs_def_list.bbs_type12_list #bbs_article .title { width:170px; } * html #bbs_def_list.bbs_type12_list #bbs_article dd.writer { width:170px; } * html #bbs_def_list.bbs_type12_list #bbs_article dd.type { width:110px; } * html #bbs_def_list.bbs_type12_list #bbs_article dd.date { width:80px; } * html #bbs_def_list.bbs_type12_list #bbs_article dd.counter { width:40px; } /*type13 단체명 견학지역 신청구분 담당자 견학일자 승인여부*/ #bbs_def_list.bbs_type13_list #bbs_article.title { background:url("../img/bbs/title_type13.gif") no-repeat 0 0; } #bbs_def_list.bbs_type13_list #bbs_article .title { width:190px; height:44px; padding:0 5px; } #bbs_def_list.bbs_type13_list #bbs_article dd.office { width:100px; height:44px; padding:0 5px; } #bbs_def_list.bbs_type13_list #bbs_article dd.type { width:110px; height:44px; padding:0 5px; } #bbs_def_list.bbs_type13_list #bbs_article dd.admin { width:50px; height:44px; padding:0 5px; } #bbs_def_list.bbs_type13_list #bbs_article dd.date { width:70px; height:44px; padding:0 5px; font-size:0.91em; } #bbs_def_list.bbs_type13_list #bbs_article dd.counter { width:40px; height:44px; padding:0 5px; } * html #bbs_def_list.bbs_type13_list #bbs_article .title { width:200px; } * html #bbs_def_list.bbs_type13_list #bbs_article dd.office { width:110px; } * html #bbs_def_list.bbs_type13_list #bbs_article dd.type { width:120px; } * html #bbs_def_list.bbs_type13_list #bbs_article dd.admin { width:60px; } * html #bbs_def_list.bbs_type13_list #bbs_article dd.date { width:80px; } * html #bbs_def_list.bbs_type13_list #bbs_article dd.counter { width:50px; } /*type14 번호 제목 등록자 부서 등록일*/ #bbs_def_list.bbs_type14_list #bbs_article .no { width:40px; height:44px; padding:0 5px; } #bbs_def_list.bbs_type14_list #bbs_article.title { background:url("../img/bbs/title_type14.gif") no-repeat 0 0; } #bbs_def_list.bbs_type14_list #bbs_article .title { width:300px; height:44px; padding:0 5px; } #bbs_def_list.bbs_type14_list #bbs_article dd.writer { width:50px; height:44px; padding:0 5px; } #bbs_def_list.bbs_type14_list #bbs_article dd.dept { width:110px; height:44px; padding:0 5px; font-size:0.91em; } #bbs_def_list.bbs_type13_list #bbs_article dd.date { width:70px; height:44px; padding:0 5px; font-size:0.91em; } * html #bbs_def_list.bbs_type14_list #bbs_article .no { width:50px; height:44px;} * html #bbs_def_list.bbs_type14_list #bbs_article .title { width:310px; height:44px;} * html #bbs_def_list.bbs_type14_list #bbs_article dd.writer { width:60px; height:44px;} * html #bbs_def_list.bbs_type14_list #bbs_article dd.dept { width:120px; height:44px;} * html #bbs_def_list.bbs_type13_list #bbs_article dd.date { width:80px; height:44px;} /*type15 번호 제목 글쓴이 접수일 처리부서 진행*/ #bbs_def_list.bbs_type15_list #bbs_article .no { width:40px; padding:0 5px; } #bbs_def_list.bbs_type15_list #bbs_article.title { background:url("../img/bbs/title_type15.gif") no-repeat 0 0; } #bbs_def_list.bbs_type15_list #bbs_article .title { width:190px; padding:0 5px; } #bbs_def_list.bbs_type15_list #bbs_article dd.writer { width:50px; padding:0 5px; } #bbs_def_list.bbs_type15_list #bbs_article dd.regdate { width:70px; padding:0 5px; } #bbs_def_list.bbs_type15_list #bbs_article dd.dept { width:170px; padding:0 5px; font-size:0.91em; } #bbs_def_list.bbs_type15_list #bbs_article dd.state { width:40px; padding:0 5px; } * html #bbs_def_list.bbs_type15_list #bbs_article .no { width:50px; } * html #bbs_def_list.bbs_type15_list #bbs_article .title { width:200px; } * html #bbs_def_list.bbs_type15_list #bbs_article dd.writer { width:60px; } * html #bbs_def_list.bbs_type15_list #bbs_article dd.regdate { width:80px; } * html #bbs_def_list.bbs_type15_list #bbs_article dd.dept { width:180px; } * html #bbs_def_list.bbs_type15_list #bbs_article dd.state { width:50px; } /*type16 번호 제목 글쓴이 접수일 처리부서 진행*/ #bbs_def_list.bbs_type16_list #bbs_article .no { width:40px; padding:0 5px; } #bbs_def_list.bbs_type16_list #bbs_article.title { background:url("../img/bbs/title_type16.gif") no-repeat 0 0; } #bbs_def_list.bbs_type16_list #bbs_article .title { width:170px; padding:0 5px; } #bbs_def_list.bbs_type16_list #bbs_article dd.writer { width:50px; padding:0 5px; } #bbs_def_list.bbs_type16_list #bbs_article dd.type { width:60px; padding:0 5px; } #bbs_def_list.bbs_type16_list #bbs_article dd.date { width:70px; padding:0 5px; } #bbs_def_list.bbs_type16_list #bbs_article dd.process { width:60px; padding:0 5px;} #bbs_def_list.bbs_type16_list #bbs_article dd.dept { width:100px; padding:0 5px; } * html #bbs_def_list.bbs_type16_list #bbs_article .no { width:50px; } * html #bbs_def_list.bbs_type16_list #bbs_article .title { width:180px; } * html #bbs_def_list.bbs_type16_list #bbs_article dd.writer { width:60px; } * html #bbs_def_list.bbs_type16_list #bbs_article dd.type { width:70px; } * html #bbs_def_list.bbs_type16_list #bbs_article dd.date { width:80px; } * html #bbs_def_list.bbs_type16_list #bbs_article dd.process { width:70px; } * html #bbs_def_list.bbs_type16_list #bbs_article dd.dept { width:110px; } /*type17 번호 제안명 작성자 등록일 진행*/ #bbs_def_list.bbs_type17_list #bbs_article.title { background:url("../img/bbs/title_type17.gif") no-repeat 0 0; } #bbs_def_list.bbs_type17_list #bbs_article .title { width:300px; padding:0 5px; } #bbs_def_list.bbs_type17_list #bbs_article dd.writer { width:60px; padding:0 5px; } #bbs_def_list.bbs_type17_list #bbs_article dd.process { width:90px; padding:0 5px;} * html #bbs_def_list.bbs_type17_list #bbs_article .title { width:310px; } * html #bbs_def_list.bbs_type17_list #bbs_article dd.writer { width:70px; } * html #bbs_def_list.bbs_type17_list #bbs_article dd.process { width:100px; } /*type18 제목 등록일자 보기(경영공시) */ #bbs_def_list.bbs_type18_list #bbs_article.title { background:url("../img/bbs/title_type18.gif") no-repeat 0 0; } #bbs_def_list.bbs_type18_list #bbs_article .title { width:430px; padding:0 5px; } #bbs_def_list.bbs_type18_list #bbs_article dd.regdate { width:90px; padding:0 5px; } #bbs_def_list.bbs_type18_list #bbs_article dd.view { width:70px; padding:0 5px;} * html #bbs_def_list.bbs_type18_list #bbs_article .title { width:440px; } * html #bbs_def_list.bbs_type18_list #bbs_article dd.regdate { width:100px; } * html #bbs_def_list.bbs_type18_list #bbs_article dd.view { width:80px; } /*type19 번호 제목 작성자 등록일 조회수 진행 */ #bbs_def_list.bbs_type19_list #bbs_article.title { background:url("../img/bbs/title_type19.gif") no-repeat 0 0; } #bbs_def_list.bbs_type19_list #bbs_article .title { width:275px; padding:0 5px; } #bbs_def_list.bbs_type19_list #bbs_article dd.process { width:70px; padding:0 5px;} * html #bbs_def_list.bbs_type19_list #bbs_article .title { width:285px; } * html #bbs_def_list.bbs_type19_list #bbs_article dd.process { width:80px; } /*type20 번호 년도 회차 구분 제목*/ #bbs_def_list.bbs_type20_list #bbs_article.title { background:url("../img/bbs/title_type20.gif") no-repeat 0 0; } #bbs_def_list.bbs_type20_list #bbs_article .counter { width:250px; padding:0 10px; background-color:#ffffff;} #bbs_def_list.bbs_type20_list #bbs_article dd.writer { width:103px; padding:0 5px; } #bbs_def_list.bbs_type20_list #bbs_article dd.process { width:70px; padding:0 5px;} * html #bbs_def_list.bbs_type20_list #bbs_article .counter { width:260px; background-color:#ffffff; } * html #bbs_def_list.bbs_type20_list #bbs_article dd.writer { width:113px; } * html #bbs_def_list.bbs_type20_list #bbs_article dd.process { width:80px; } /********************************************************************** @table **********************************************************************/ /* @@11/19 edited by jinovice S ***********************************/ table.def { width:100%; float:right; font-size:1em; text-align:center; border-top:solid 2px #418aad; background-color:#dcdcdc; clear:both; } table.center { width:600; float:center; font-size:1em; text-align:center; border-top:solid 2px #418aad; background-color:#dcdcdc; clear:both; } table.center1 { width:600; float:center; font-size:1em; text-align:center; border-top:solid 2px #418aad; background-color:#dcdcdc; clear:both; } /* @@11/19 edited by jinovice E ***********************************/ table.popup { width:100%; } table.in1 { width:610px; } table.in2 { width:600px; } table.in3 { width:590px; } table.in4 { width:580px; } table.in5 { width:680px; } /*********20090813 이은경추가*********/ table.in6 { width:450px; float:left;} table.in7 { width:500px; float:left;} /*************************************/ /*********20100315 이은경추가*********/ table.recruit { width:550; float:left; margin-left:10px; margin-right:50px; font-size:1em; text-align:center; border-top:solid 2px #418aad; background-color:#dcdcdc; clear:both; } table.def caption { display:none; } table.def thead th { padding:5px 2px; color:#0c618a; background-color:#eaf0ff; } table.def thead th.sub { background-color:#f5f8ff; } table.def tbody th { padding:4px 2px; color:#666; font-weight:normal; background-color:#efefef; } table.def tbody th.sub { background-color:#f5f5f5; } table.def tbody td { padding:4px 2px; color:#555; background-color:white; } table.def tbody td.sub { padding:4px 2px; color:#555; background-color:f5f5f5; } table.center caption { display:none; } table.center thead th { padding:5px 2px; color:#0c618a; background-color:#eaf0ff; } table.center thead th.sub { background-color:#f5f8ff; } table.center tbody th { padding:4px 2px; color:#666; font-weight:normal; background-color:#efefef; } table.center tbody th.sub { background-color:#f5f5f5; } table.center tbody td { padding:4px 2px; color:#555; background-color:white; text-align:left;} table.center1 caption { display:none; } table.center1 thead th { padding:5px 2px; color:#0c618a; background-color:#eaf0ff; } table.center1 thead th.sub { background-color:#f5f8ff; } table.center1 tbody th { padding:4px 2px; color:#666; font-weight:normal; background-color:#efefef; } table.center1 tbody th.sub { background-color:#f5f5f5; } table.center1 tbody td { padding:4px 2px; color:#555; background-color:white; text-align:center;} table.tight thead th, table.tight thead th.sub, table.tight tbody th.sub, table.tight tbody th, table.tight tbody td { font-size:0.91em; letter-spacing:-0.1em; font-weight:normal; padding:4px 0; } table.def_1 { width:60%; font-size:1em; text-align:center; border-top:solid 2px #418aad; background-color:#dcdcdc; float:right; } table.def_1 caption { display:none; } table.def_1 thead th { padding:5px 2px; color:#0c618a; background-color:#eaf0ff; } table.def_1 thead th.sub { background-color:#f5f8ff; } table.def_1 tbody th { padding:4px 2px; color:#666; font-weight:normal; background-color:#efefef; } table.def_1 tbody th.sub { background-color:#f5f5f5; } table.def_1 tbody td { padding:4px 2px; color:#999; background-color:white; } table.tight thead th, table.tight thead th.sub, table.tight tbody th.sub, table.tight tbody th, table.tight tbody td { font-size:0.91em; letter-spacing:-0.1em; font-weight:normal; padding:4px 0; } table.tal td { text-align:left; } /********************************************************************** @line **********************************************************************/ .obj_top_line_def { margin-top:10px; border-top:solid 1px #ddd; } /********************************************************************** @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; } /********************************************************************** @popup **********************************************************************/ #form_popup_top { width:380px; height:42px; background:url("../img/common/form_popup_top.gif") no-repeat 0 0; } #form_popup_body { width:340px; padding:30px 20px; text-align:center; background:url("../img/common/form_popup_bg.gif") repeat-y 0 0; } * html #form_popup_body { width:380px; } #form_popup_body.al { text-align:left; } #form_popup_bottom { width:380px; padding:10px 0; height:40px; text-align:center; background:url("../img/common/form_popup_bottom.gif") no-repeat 0 0; overflow:hidden; } #form_popup_bottom img { margin:0 3px; } /*popup_content_type1 @@11/19 added by jinovice S*************************************************/ #popup_content_type1 { width:500px; margin:0 10px; } #popup_content_type1 h1, #popup_content_type1 h2, #popup_content_type1 h3, #popup_content_type1 h4 { clear:both; } #popup_content_type1 h1 { font-size:0; } #popup_content_type1 h2 { height:50px; padding-top:10px; } #popup_content_type1 h3 { height:20px; color:#418aad; font-size:1em; padding:30px 0 0 14px; background:url("../img/common/icon_h5.gif") no-repeat 0 31px; } #popup_content_type1 h4 { height:20px; color:#666; font-size:1em; padding:20px 0 0 10px; background:url("../img/common/icon_h7.gif") no-repeat 3px 24px; display:block; } #popup_content_type1 h6 { height:20px; color:#666; padding:20px 0 0 40px; background:url("../img/common/icon_h8.gif") no-repeat 30px 24px; display:block; } #popup_content_type1 #tab { width:500px; } #popup_content_type1 table.def { width:500px; } #popup_content_type1 .layout_fl { width:250px; } #popup_content_type1 .layout_fr { width:250px; margin-top:0; } #popup_content_type1 .layout_fr ul { margin-bottom:30px; } #popup_content_type1.style_01 h2, #popup_content_type1.style_01 h3 { padding:0; background:none; float:left; clear:none; } /* @@11/19 added by jinovice E*************************************************/ /********************************************************************** @added by MJHAN **********************************************************************/ #bbs_def_write #form_def dd.file {height:48px;} #bbs_def_write #form_def dt.file {height:48px;} #list ul.quater li { width:130px; height:100px; background:#ffffff; float:left;} * html #list ul.quater li { width:140px; height:100px;} #list ul.third li { width:170px; height:130px; background:#ffffff; float:left;} #list ul.third1 li { width:176px; height:250px;background:#ffffff; float:left;} #list ul.third2 li { width:190px; height:160px;background:#ffffff; float:left;} * html #list ul.third li { width:180px; height:130px;} #damdang { width:640px; height:25px; padding:30px 0px; background:url("/KwaterUser/img/common/page_info_bg.gif") 0px 30px no-repeat; } * html #damdang{ width:640px; } #damdang dt { height:25px; padding-left:20px; float:left; overflow:hidden; } #damdang dd { padding:5px 0 0 5px; color:#999; font-size:0.91em; float:left; } #damdang2 { width:640px; height:25px; padding:5px 0px; background:url("/KwaterUser/img/common/page_info_bg.gif") 0px 5px no-repeat; } * html #damdang2{ width:640px; } #damdang2 dt { height:25px; padding-left:20px; float:left; overflow:hidden; } #damdang2 dd { padding:5px 0 0 5px; color:#999; font-size:0.91em; float:left; } table.popup { width:550px; font-size:1em; text-align:center; border-top:solid 2px #418aad; background-color:#dcdcdc; float:left; } table.popup caption { display:none; } table.popup thead th { padding:5px 2px; color:#0c618a; background-color:#eaf0ff; } table.popup thead th.popup { background-color:#f5f8ff; } table.popup tbody th { padding:4px 2px; color:#666; font-weight:normal; background-color:#efefef; } table.popup tbody th.popup { background-color:#f5f5f5; } table.popup tbody td { padding:4px 2px; color:#999; background-color:white; } /********************************************************************** @added by 이상학 : 글 입력 시 TD 사이즈 **********************************************************************/ #form_def .two { height:40px; } * html #form_def .two { height:50px; } #form_def .four { height:83px; } * html #form_def .four { height:93px; } #form_def .five { height:100px; } * html #form_def .five { height:110px; } #form_def .seven { height:150px; } * html #form_def .seven { height:160px; } #form_def .eight { height:200px; } * html #form_def .eight { height:210px; } #form_def .nine { height:250px; } * html #form_def .nine { height:260px; } #form_def .ten { height:300px; } * html #form_def .ten { height:310px; } #form_def .eleven { height:350px; } * html #form_def .eleven { height:360px; } /*added by 이상학 : 수도요금계산*/ #cal { position:relative; width:620px; height:200px; margin-top:20px; background:url("../img/content/cal_bg.gif") no-repeat 0 0; } #cal div { position:absolute; left:257px; width:350px; } #cal p { padding:0; } #cal #text { top:20px; } #cal #type { top:65px; left:282px; font-size:0.91em; letter-spacing:-0.1em; } #cal #form { left:280px; top:95px; width:310px; } #cal #form label { padding:4px; } #cal #form .btn { position:absolute; left:240px; top:0; } #cal #guide { top:170px; } /********************************************************************** @login **********************************************************************/ /*cer*/ #cer { width:620px; height:32px; text-align:center; font-weight:bold; padding-top:32px; background:url("../img/member/cer_bg.gif") no-repeat 0 20px; clear:both; } * html #cer { height:64px; } #cer .inputs { width:100px; height:20px; margin-right:5px; border:solid 1px #ddd; } #cer .btn { margin-bottom:-7px; } * html #cer .btn { margin-bottom:-3px; } /*login*/ /*#login { position:relative; width:620px; height:317px; margin-top:20px; background:url("../img/member/login_bg.gif") no-repeat 0 0; } #login div { position:absolute; left:257px; width:350px; } #login p { padding:0; } #login #text { top:70px; } #login #form { left:280px; top:140px; width:310px; } #login #form label { padding:4px; } #login #form .btn { position:absolute; left:240px; top:0; } #login #guide { top:230px; } #login #btn { top:280px; text-align:center; } #login #btn img { margin:0 3px; }*/ /*cal*/ #cal { position:relative; width:620px; height:200px; margin-top:20px; background:url("../img/content/cal_bg.gif") no-repeat 0 0; } #cal div { position:absolute; left:257px; width:350px; } #cal p { padding:0; } #cal #text { top:20px; } #cal #type { top:65px; left:282px; font-size:0.91em; letter-spacing:-0.1em; } #cal #form { left:280px; top:95px; width:310px; } #cal #form label { padding:4px; } #cal #form .btn { position:absolute; left:240px; top:0; } #cal #guide { top:170px; } /********************************************************************** 팝업존추가(1027) **********************************************************************/ /*popupzone*/ #popupzone { z-index:7; position:absolute; left:612px; top:251px; } #popupzone #popupzone_btn_01 { position:absolute; left:22px; top:175px; } #popupzone #popupzone_btn_02 { position:absolute; left:45px; top:188px; } #popupzone #popupzone_btn_03 { position:absolute; left:71px; top:195px; } #popupzone #popupzone_btn_04 { position:absolute; left:97px; top:195px; } #popupzone #popupzone_btn_05 { position:absolute; left:123px; top:188px; } #popupzone #popupzone_btn_06 { position:absolute; left:147px; top:175px; } #popupzone #popupzone_btn_07 { position:absolute; left:191px; top:172px; } #popupzone #popupzone_btn_08 { position:absolute; left:206px; top:150px; } #popupzone #popupzone_btn_09 { position:absolute; left:214px; top:124px; } #popupzone #popupzone_btn_10 { position:absolute; left:217px; top:100px; } #popupzone #popupzoneimg01, #popupzone #popupzoneimg02, #popupzone #popupzoneimg03, #popupzone #popupzoneimg04, #popupzone #popupzoneimg05, #popupzone #popupzoneimg06, #popupzone #popupzoneimg07, #popupzone #popupzoneimg08, #popupzone #popupzoneimg09, #popupzone #popupzoneimg10 { position:absolute; left:0; top:0; } /*line*/ .obj_top_line_def { margin-top:10px; border-top:solid 1px #ddd; } /********************************************************************** 팝업용 페이지 정의 **********************************************************************/ #rss_content_box { margin:0px 0 0 0px; width:693px; no-repeat 0 0; float:left; display:inline; } #rss_content { width:620px; padding:20px 35px; repeat-y 0 100px; float:left; } /********************************************************************** @글꼴 색상변경 (20090213) **********************************************************************/ .orange { color: #FF6600; font-weight: bold; } .orange_s { color: #FF6600; } .red { color:#ff0000; font-weight:bold; } /********************************************************************** 팝업 존 **********************************************************************/ #main_pop { position:absolute; left:612px; top:251px; } .mainpop { position: absolute; left:612px; top:251px; width: 456px; height: 251px; clip: rect(0 100% 100% 0); visibility: hidden; overflow:hidden; } .mainpop a { color:#fff; text-decoration:none; } .mainpop a:hover { color:#fff; text-decoration:none; } .mainpop a:visited { color:#fff; text-decoration:none; } .mainpop a:active { color:#fff; text-decoration:none;} #mainpop #popupzone_btn_01 { position:absolute; left:22px; top:175px; } #mainpop #popupzone_btn_02 { position:absolute; left:45px; top:188px; } #mainpop #popupzone_btn_03 { position:absolute; left:71px; top:195px; } #mainpop #popupzone_btn_04 { position:absolute; left:97px; top:195px; } #mainpop #popupzone_btn_05 { position:absolute; left:123px; top:188px; } #mainpop #popupzone_btn_06 { position:absolute; left:147px; top:175px; } #mainpop #popupzone_btn_07 { position:absolute; left:166px; top:157px; } #mainpop #popupzone_btn_08 { position:absolute; left:183px; top:136px; } #mainpop #popupzone_btn_09 { position:absolute; left:192px; top:110px; } #mainpop #popupzone_btn_10 { position:absolute; left:194px; top:83px; } #mainpop #popupzone_play { position:absolute; left:50px; top:215px; } .popbt { position: absolute; left:612px; top:251px; width: 456px; height: 14px;} .popbt dl { float: left; padding: 0px; margin: 0px; } .popbt dl dd{ float:left; display:inline; padding: 0px; margin:0px; } .popbt dl dd.play{ font-size:90%; }