/********************************************************************** ITS Basic Style Sheet (for IE6.0/7.0 FireFox2.0) version : 0.1.57 author : jinovice email : jinovice@nate.com website : none **********************************************************************/ /********************************************************************** common **********************************************************************/ * { font-family: Gulim, Dotum, Arial, Helvetica, sans-serif; margin: 0px; padding:0px; color: #444; letter-spacing:0px; line-height: 1.5em; } body { font-size: 0.78em; } ul, dl, ol { list-style-type:none; } img { border:0; } a { color: #666; text-decoration: none; } a:hover { color: #518a00; } #clear { clear:both; } #accessibility {display:none; } .accessibility {display:none; } fieldset.accessibility { display:block; border:none; } /********************************************************************** @main **********************************************************************/ #zoomCtrl { position:absolute; left:0; top:0; width:100%; } .main { position:relative; height:395px; background:url("../../images/main/main_bg.gif") repeat-x 0 0; } .main #main_ci { z-index:3; position:absolute; left:20px; top:40px; } .main #mainimg { z-index:1; position:absolute; width:660px; height:630px; left:0; top:0; } .main #navi { z-index:2; position:absolute; width:980px; height:92px; left:0; top:42px; background:url("../../images/main/navi_bg.gif") no-repeat 217px 0; } .main #navi #global_menu { z-index:2; position:absolute; width:553px; left:245px; top:5px; } .main #navi #global_ps { z-index:2; position:absolute; left:837px; top:15px; float:left; } #navi #gmd1, #navi #gmd2, #navi #gmd3, #navi #gmd4, #navi #gmd5, #navi #gmd6, #navi #gmd7, #navi #gmd8 { z-index:3; position:absolute; height:30px; left:230px; top:39px; text-align:left; display:none; float:left; } .main #navi #gmd1 { left:220px; } .main #navi #gmd2 { left:230px; } .main #navi #gmd3 { left:230px; } .main #navi #gmd3 #d3_major { width:525px; height:148px; padding-left:15px; float:left; } .main #navi #gmd3 #d3_banner { width:518px; height:38px; padding-left:18px; float:left; clear:both; } .main #campaign { z-index:3; position:absolute; width:180px; height:50px; left:140px; top:390px; background-color:gray; } .main .navi_full_btn { z-index:5; position:absolute; left:0; top:345px; } .main #navi_full { z-index:5; position:absolute; width:950px; height:260px; left:0; top:210px; border:solid 3px #ee3124; border-left:none; background-color:white; display:none; } .main #navi_full ul { width:109px; padding-left:10px; border-left:solid 1px #bbb; margin:7px; float:left; } * html .main #navi_full ul { width:119px; } .main #navi_full li a { color:#666; font-size:0.91em; letter-spacing:-1px; margin-left:3px; } .main #navi_full li a:hover { color:#ee3124; } .main #navi_full li.d1 a { color:#ee3124; font-size:1.09em; font-weight:bold; margin-left:0; } .main #navi_full li.d1 a:hover { color:black; } .main #navi_full .navi_full_close { z-index:5; position:absolute; left:900px; top:240px; } .main #fcopyright { z-index:1; position:absolute; width:320px; height:150px; left:660px; top:95px; } .main #quick_btn { z-index:1; position:absolute; width:376px; height:90px; left:604px; top:245px; } .main #quick_btn li { float:left; } .main #msearch { z-index:2; position:absolute; width:376px; height:110px; left:604px; top:355px; } .main #msearch li { float:left; } .main #notice { z-index:2; position:absolute; width:285px; height:177px; left:15px; top:477px; background:url("../../images/main/notice_bg.gif") no-repeat 100% 100%; } .main #notice #notice02 { display:none; } .main #notice #ticker { width:265px; margin:10px 10px -10px 10px; } .main #notice #ticker .con { color:white; font-weight:bold; letter-spacing:-0.1em; width:259px; background:url('../../images/main/ticker_bg.gif') repeat-x 0 0; } .main #notice #ticker #rcc_con {width:265px; height:20px; overflow: hidden; position: relative;} .main #notice #ticker #rcc_notice {color:white; height:20px; top:0; position: relative;} /*.main #notice #ticker #rcc_notice {color:white; height:20px; top:0; left=245px; position: relative;}*/ .main #notice table.list { width:265px; margin:15px 10px; } .main #notice table.list td { padding-left:20px; border-bottom:dotted 1px #ccc; background:url("../../images/common/tab_point_icon.gif") no-repeat 10px 5px; } .main #mtraffic { z-index:2; position:absolute; width:370px; left:310px; top:455px; } .main #mtraffic #mtraffic_list { width:96%; height:135px; margin-left:5px; overflow:auto; } * html .main #mtraffic #mtraffic_list { position:absolute; left:7px; top:56px; margin-left:0; } .main #mtraffic table.record { width:100%; } .main #mtraffic table.out { text-align:center; background:url("../../images/main/traffic_box_bg.gif") repeat-y 0 0; } .main #mtraffic table.record td { padding:1px; height:19px; text-align:center; border-bottom:dotted 1px #ccc; } .main #mtraffic table.record_title{ width:94%; } * html .main #mtraffic #td_h135 { height:135px; } .main #quick_banner { z-index:2; position:absolute; width:110px; height:221px; left:690px; top:502px; } .main #gr1 { z-index:2; position:absolute; width:290px; left:690px; top:475px; } /*.main #gr1 .mroad_date { width:280px; font-size:0.91em; letter-spacing:-1px; text-align:right; background-color:white; display:block; }*/ .main #mroad { width:290px; height:130px; background:url("../../images/main/road_bg.gif") no-repeat 0 29px; } .main #mroad #mroad_img { width:260px; height:70px; margin:3px 16px 10px 16px; } /*.main #mroad li { height:20px; padding-left:30px; background:url("../../images/common/icon_dotarrow_gray.gif") no-repeat 20px 5px; clear:both; }*/ .main #mbanner_go { z-index:2; position:absolute; width:290px; height:65px; left:690px; top:590px; } .main #mbanner_go li { float:left; } .main #rb_banner { z-index:2; position:absolute; width:290px; left:690px; top:662px; } .main #rb_banner li { width:145px; height:50px; float:left; } .main #mknow { z-index:2; position:absolute; width:285px; height:100px; left:15px; top:665px; background:url("../../images/main/know_bg.gif") no-repeat 0 100%; } .main #mknow .question { padding:5px 0 0 35px; line-height:1.40em; background:url("../../images/main/know_q.gif") no-repeat 15px 7px; display:block; } .main #mknow .answer { color:#e55100; line-height:1.25em; font-weight:bold; letter-spacing:-1px; padding:5px 20px 0 35px; background:url("../../images/main/know_a.gif") no-repeat 15px 7px; display:block; } .main #mbanner { z-index:2; position:absolute; left:312px; top:665px; width:370px; } .main #mbanner li { width:185px; float:left; } .main #mbanner .mr { margin-right:10px; } .main #scrolling_banner { z-index:2; position:absolute; width:670px; height:45px; left:310px; top:720px; background:url("../../images/main/rolling_banner_bg.gif") repeat-x 0 0; } /*.main #scrolling_banner #banner_list { height:45px; width:630px; overflow:hidden; }*/ .main #scrolling_banner .list { border-top:solid 1px #efefef; border-bottom:solid 1px #efefef; } .main #scrolling_banner li { height:45px; padding:0 5px 0 3px; float:left; background:url("../../images/main/rolling_banner_line.gif") no-repeat 100% 0; } .main #footer { z-index:2; position:absolute; width:100%; left:0; top:780px; border-top:solid 1px #eaeaea; background:white; } /********************************************************************** @sub common **********************************************************************/ .sub { position:relative; width:98%; } .sub #sub_ci { z-index:3; position:absolute; left:20px; top:20px; } .sub #width_limit { width:950px; margin-top:260px; background:url("../../images/sub/background.gif") repeat-y 193px 0; float:left; } .fl_r { float:right !important; } #slide_totop { z-index:3; position:absolute; left:940px; width:17px; height:17px; } /*top*/ .sub #subimg_01 { z-index:1; position:absolute; width:1000px; height:260px; left:0; top:0; background: url("../../images/common/sub_topflash_01.gif") no-repeat; } .sub #subimg_02 { z-index:1; position:absolute; width:1000px; height:260px; left:0; top:0; background: url("../../images/common/sub_topflash_02.gif") no-repeat; } .sub #subimg_03 { z-index:1; position:absolute; width:1000px; height:260px; left:0; top:0; background: url("../../images/common/sub_topflash_03.gif") no-repeat; } .sub #subimg_04 { z-index:1; position:absolute; width:1000px; height:260px; left:0; top:0; background: url("../../images/common/sub_topflash_04.gif") no-repeat; } .sub #subimg_05 { z-index:1; position:absolute; width:1000px; height:260px; left:0; top:0; background: url("../../images/common/sub_topflash_05.gif") no-repeat; } .sub #subimg_06 { z-index:1; position:absolute; width:1000px; height:260px; left:0; top:0; background: url("../../images/common/sub_topflash_06.gif") no-repeat; } .sub #subimg_07 { z-index:1; position:absolute; width:1000px; height:260px; left:0; top:0; background: url("../../images/common/sub_topflash_07.gif") no-repeat; } .sub #subimg_08 { z-index:1; position:absolute; width:1000px; height:260px; left:0; top:0; background: url("../../images/common/sub_topflash_08.gif") no-repeat; } .sub #subimg_09 { z-index:1; position:absolute; width:1000px; height:260px; left:0; top:0; background: url("../../images/common/sub_topflash_09.gif") no-repeat; } .sub #subimg_10 { z-index:1; position:absolute; width:1000px; height:260px; left:0; top:0; background: url("../../images/common/sub_topflash_10.gif") no-repeat; } .sub #subimg_11 { z-index:1; position:absolute; width:1000px; height:260px; left:0; top:0; background: url("../../images/common/sub_topflash_11.gif") no-repeat; } .sub #subimg_20 { z-index:1; position:absolute; width:1000px; height:260px; left:0; top:0; background: url("../../images/common/sub_topflash_20.gif") no-repeat; } #topmenu { z-index:2; position:absolute; width:980px; height:20px; left:0; top:5px; text-align:right; } #topmenu ul { width:600px; float:right; } #topmenu li { float:left; } /*global menu*/ .sub #navi { z-index:1; position:absolute; width:980px; height:92px; left:5px; top:168px; } .sub #navi #global_menu{ z-index:2; position:absolute; width:553px; left:205px; top:5px; } #navi #global_menu li { float:left; } .sub #navi #global_ps { z-index:2; position:absolute; left:807px; top:15px; float:left; } #navi #global_ps li { float:left; } /*#navi #gm_sub { z-index:1; position:absolute; height:30px; left:210px; top:39px; text-align:left; } #navi #gm_sub li { float:left; }*/ /*global_sub menu*/ /*#navi #gmd1, #navi #gmd2, #navi #gmd3, #navi #gmd4, #navi #gmd5, #navi #gmd6, #navi #gmd7, #navi #gmd8 { z-index:3; position:absolute; height:30px; left:210px; top:39px; text-align:left; display:none; float:left; }*/ #navi .gm_list li { height:30px; padding:3px 6px 3px 4px; background:url("../../images/common/global_sub_line.gif") no-repeat 100% 9px; float:left; } #navi .last { background:none !important; } #navi .gm_bg { background:url("../../images/common/global_sub_bg.gif") repeat-x 0 0; float:left; } #navi .gm_sub_left { width:14px; height:30px; margin:0; padding:0 !important; background:url("../../images/common/global_sub_left.gif") no-repeat 0 0 !important; float:left; } #navi .gm_sub_right { width:14px; height:30px; margin:0; padding:0 !important; background:url("../../images/common/global_sub_right.gif") no-repeat 100% 0 !important; float:left; } #navi #gmd1 { left:200px; /*display:block;*/ } #navi #gmd2 { left:210px; } #navi #gmd3 { left:205px; } #navi #gmd3 .gm_list { height:229px; } #navi #gmd3 .gm_bg { background:url("../../images/common/global_sub_bg2.gif") repeat-x 0 0; float:left; } #navi #gmd3 .gm_sub_left { width:14px; height:229px; margin:0; padding:0 !important; background:url("../../images/common/global_sub_left2.gif") no-repeat 0 0 !important; float:left; } #navi #gmd3 .gm_sub_right { width:14px; height:229px; margin:0; padding:0 !important; background:url("../../images/common/global_sub_right2.gif") no-repeat 100% 0 !important; float:left; } #navi #gmd3 #sub_full { padding-top:0px; } .sub #navi #gmd3 #d3_major { width:510px; height:144px; padding-left:15px; float:left; } #navi #gmd3 #d3_major li { height:62px; padding:0; background:none; float:left; } .sub #navi #gmd3 #d3_banner { width:500px; height:38px; padding-left:18px; float:left; clear:both; } #navi #gmd3 #sub_full #d3_banner li { height:63px; padding:0; background:none; float:left; } #navi #gmd3 #gs_close { z-index:4; position:absolute; width:40px; height:9px; left:520px; top:210px; display:block; } #navi #gmd3.gmd32 .gm_list { height:30px !important; } #navi #gmd3.gmd32 .gm_sub_left { width:14px; height:30px; margin:0; padding:0 !important; background:url("../../images/common/global_sub_left.gif") no-repeat 0 0 !important; float:left; } #navi #gmd3.gmd32 .gm_sub_right { width:14px; height:30px; margin:0; padding:0 !important; background:url("../../images/common/global_sub_right.gif") no-repeat 100% 0 !important; float:left; } #navi #gmd3.gmd32 .gm_bg { background:url("../../images/common/global_sub_bg.gif") repeat-x 0 0; float:left; } #navi #gmd4 { left:200px; } #navi #gmd4 .gm_list li{ padding:3px 4px 3px 3px; } #navi #gmd5 { left:300px; } #navi #gmd6 { left:450px; } #navi #gmd7 { left:540px; } #navi #gmd8 { left:430px; } /*submenu*/ .sub #submenu { width:205px; float:left; } .sub #submenu .rollover { background:url("../../images/common/dot_31_black.gif") repeat-y 193px 0; } .sub #submenu .rollover li { line-height:0.83em; } .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("../../images/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("../../images/common/icon_submenu.gif") no-repeat 5px 6px; } /*sub_banner*/ .sub #submenu #sub_banner { background:url("../../images/common/dot_31_ccc.gif") repeat-y 193px 0; } .sub #submenu #sub_banner li { padding:0 0 5px 61px; background:url("../../images/sub/sub_banner_line.gif") no-repeat 61px 100%; } .sub #submenu #sub_banner li.last { background:none; } /*content*/ .sub #content_box { width:680px; margin:0 0 40px 25px; float:left; } * html .sub #content_box { margin-bottom:20px; } .sub #page_title { width:680px; height:40px; padding-bottom:1px; border-bottom:solid 1px #ccc; } .sub #page_title h1 { width:200px; /*margin-top:-4px;*/ line-height:1em; float:left; } .sub #page_title h1 img { /*margin-top:-4px;*/ } * html .sub #page_title h1, * html .sub #page_title h1 img { margin-top:0; } .sub #page_title #location { padding-top:20px; float:right; } .sub #pub_btn { width:680px; padding-top:7px; text-align:right; } .sub #pub_btn select { font-size:0.91em; line-height:1em; height:16px; border:solid 1px #999; } .sub #pub_btn select option { font-size:1em; line-height:1.25em; padding:2px 0; } .sub #page_img { width:680px; /*margin-bottom:30px;*/ } .sub #content { width:640px; margin:30px 20px; } .sub #page_footer { width:750px; margin-left:197px; border-top:solid 1px #eaeaea; display:inline; float:left; } .sub #page_footer #research { padding:10px 0 10px 50px; float:left; } .sub #page_footer #research img { margin-right:27px; } .sub #page_footer #research .title { margin-bottom:10px; } .sub #page_footer #research .btn { margin:0 0 -4px 5px; } .sub #page_footer #charge { font-size:0.91em; line-height:1.27em; margin:8px 0 0 70px; padding-left:20px; border-left:solid 1px #ccc; float:left; } .sub #page_footer #charge img { margin-bottom:5px; } * html .sub #page_footer #charge { margin-right:-3px; } /*footer*/ .sub #footer { width:100%; border-top:solid 1px #eaeaea; background:white; float:left; } #footer #footer_btn { width:950px; text-align:center; } #footer #copyright { border-top:solid 1px #eaeaea; } #footer #copyright #counter { margin:18px 0 0 20px; width:100px; float:left; } #footer #copyright #counter li { line-height:0.91em; width:44px; float:left; } #footer #copyright #counter li.no { height:13px; font-size:0.91em; width:56px; text-align:right; float:right; } /*tab*/ #tab { height:23px; width:100%; margin-bottom:30px; background:url("../../images/common/dot_22_black.gif") repeat-x 0 21px; overflow:hidden; float:left; } #tab li { height:23px; float:left; } #tab li.on { padding-left:19px; background:url("../../images/common/tab_on_01.gif") no-repeat 0 0; } #tab li a { color:black; letter-spacing:-1px; font-weight:bold; line-height:1.91em; padding-right:12px; background:url("../../images/common/tab_on_02.gif") no-repeat 100% 0; display:block; float:left; } #tab li.off { padding-left:19px; background:url("../../images/common/tab_off_01.gif") no-repeat 0 0; } #tab li.off a { color:#666; background:url("../../images/common/tab_off_02.gif") no-repeat 100% 0; } #tab li.off a:hover { color:black; } /*tab_point*/ /*#tab_point_01 { width:640px; height:90px; margin-bottom:30px; background:url("../../images/common/tab_point_bg.gif") no-repeat 0 0; float:left; margin-right:-3px; }*/ #tab_point_01 { width:640px; height:120px; margin-bottom:30px; background:url("../../images/common/tab_point_bg_new1.gif") no-repeat 0 0; float:left; margin-right:-3px; } #tab_point_01 ul { width:625px; height:60px; padding:12px 0 0 15px; margin: 10px 0 0 0; } * html #tab_point_01 ul { width:640px; } #tab_point_01 ul li { height:20px; padding:0 10px; background:url("../../images/common/tab_point_icon.gif") no-repeat 2px 8px; float:left; } #tab_point_01 ul li img { vertical-align: top; } #tab_point_cat { width:640px; height:90px; margin-bottom:30px; background:url("../../images/common/tab_point_cat_bg.gif") no-repeat 0 0; float:left; margin-right:-3px; } #tab_point_cat ul { width:560px; height:60px; padding:12px 0 0 20px; } * html #tab_point_cat ul { width:580px; } #tab_point_cat ul li { height:20px; padding:13px 10px 0 10px; background:url("../../images/common/tab_point_icon.gif") no-repeat 2px 22px; float:left; } #tab_point_txt { width:640px; margin-bottom:0px; background:url("../../images/common/tab_point_txt_bg1.gif") no-repeat 0 0; float:left; margin-right:-3px; } #tab_point_txt ul { width:620px; padding:12px 0 30px 20px; background:url("../../images/common/tab_point_txt_bg2.gif") no-repeat 0 100%; float:left; } /** html #tab_point_txt ul { width:600px; }*/ #tab_point_txt ul li { height:20px; width:190px; padding-left:10px; background:url("../../images/common/tab_point_txt_icon.gif") no-repeat 0 6px; float:left; } #tab_point_txt.know ul li { width:110px; } #tab_point_txt.know { margin-bottom:20px; } #tab_point_txt ul li a { letter-spacing:-1px; } #tab_point_txt ul li.newline { width:380px;} /********************************************************************** 01_public style **********************************************************************/ /*c010100*/ #content.c010100 .allf { width:640px; padding-top:20px; float:left; } #content.c010100 .allf img { float:left; } #content.c010100 .allf img.ar { float:right; } #content.c010100 .allf hr { color:#ccc; margin:30px 0; clear:both; } /*speed c010303*/ #content.c010303 #graph { width:345px; height:330px; padding:11px 0 0 45px; background:url("../../images/01_public/0103_bg.gif") no-repeat 0 0; float:left; } #content.c010303 #graph #year { width:370px; height:30px; height:20px; margin:0 0 10px -35px; } #content.c010303 #graph #year .ytitle { color:#333; font-size:1.15em; letter-spacing:-1px; font-weight:bold; display:block; float:left; } #content.c010303 #graph #year .ysel { color:#333; font-weight:normal; display:block; float:right; } /*#content.c010303 #graph #year .others { color:#999; margin:3px; display:block; float:left; } #content.c010303 #graph #year .this { color:#333; font-size:1.15em; font-weight:bold; margin:0 15px; display:block; float:left; } #content.c010303 #graph #year img { padding-top:2px; }*/ #content.c010303 #graph table { width:45px; height:280px; margin-left:15px; line-height:10px; font-size:0.91em; letter-spacing:-1px; text-align:center; float:left; display:inline; } #content.c010303 #gr_help { width:245px; height:270px; margin-left:2px; float:left; } /********************************************************************** 03_city style **********************************************************************/ .c020201 h3 { margin-top:40px; } /********************************************************************** 03_city style **********************************************************************/ /*itssystem fromto c030103*/ #content.c030103 #ui #search { padding-top:2px !important; } /*taxi c030201*/ .c030201 ul.card { width:520px; margin-bottom:10px; /*background:url("../../images/common/dot_101_ccc.gif") repeat-x 0 100%;*/ } /*taxi c030300*/ .c030300 table { margin-bottom:10px; background:#fafafa; } .c030300 table#bbs_list_df .head th { background-color:white; } /*c030500*/ .c030500 #tab_point_01 ul { height:90px; padding:5px 0 0 15px; } .c030500 #sch_search { width:352px; height:97px; margin-bottom:10px; background:url("../../images/03_city/0305_sch_search_bg.gif") no-repeat 0 0; float:left; } .c030500 #sch_search #sch_search_form { height:55px; margin-top:20px; } .c030500 #sch_search #sch_search_form .bbt { margin-bottom:-5px; } .c030500 #sch_help { float:left; } /*charge c030600*/ .c030600 #frame { width:640px; border-top:solid 2px black; border-bottom:solid 2px black; float:left; } .c030600 #frame li { width:320px; float:left; } .c030600 #list { width:320px; font-size:0.91em; margin-top:8px; padding-top:10px; } .c030600 #list li { width:200px; line-height:1.45em; margin-bottom:2px; float:left; } .c030600 #list li.line { width:100%; border-bottom:solid 1px #e5e5e5; } .c030600 #list li.img { width:84px; height:62px; margin-right:10px; padding:8px; background:url("../../images/common/img_box_100x70.gif") no-repeat 0 0; float:left; } * html .c030600 #list li.img { width:100px; height:78px; } .c030600 #list li.icon { width:182px; padding-left:18px; font-size:1.09em; font-weight:bold; line-height:1.63em; background:url("../../images/05_life/0501_icon_title.gif") no-repeat 0 1px; } * html .c030600 #list li.icon { width:200px; } .c030600 #list li.charge { width:200px; color:#518a00; font-weight:bold; letter-spacing:-1px; } .c030600 #list li.link { width:100px; } /********************************************************************** 04_road style **********************************************************************/ /*quick c040200*/ #content.c040200 #ui #search { padding-top:5px !important; } /*quick c040300*/ #content.c040300 #ui #search { padding-top:0 !important; } #content.c040300 #ui .bg0403 { background:url("../../images/system/0403_search_bg.gif") no-repeat 1% 4px; } /*time c040400*/ #content.c040400 #ui #search { padding-top:8px !important; } /*traffic c040600*/ .c040600 #bbs_list_df a { color:#666; font-weight:bold; letter-spacing:-1px; } .c040600 #bbs_list_df a:hover { color:#c70000; } .c040600 #bbs_list_df .head td.title { width:400px; text-align:center; } .c040600 #bbs_list_df li { font-size:0.91em; line-height:1.45em; } .c040600 #bbs_list_df li.icon { padding-left:18px; background:url("../../images/04_road/0406_icon_title.gif") no-repeat 0 1px; } .c040600 #bbs_list_df li.time { color:black; } .c040600 #bbs_list_df .title li { width:364px; margin:8px; } * html .c040600 #bbs_list_df .title li{ width:380px; } /*downroad c041000*/ .c041000 #scroll { margin-bottom:10px; background:url("../../images/04_road/0410_scroll_bg.gif") repeat-x 0 0; } /*.c041000 #scroll input { width:626px; height:20px; line-height:1.33em; color:white; font-weight:bold; padding:2px; border:0; background:none; }*/ .c041000 .sc_font { color:white; width:626px; line-height:1.33em; color:white; font-weight:bold; padding:2px; } .c041000 #dr_list { width:640px; margin-top:20px; } .c041000 #dr_list ul { width:600px; margin:20px; } .c041000 #dr_list li { width:33%; height:24px; line-height:2em; border-bottom:solid 1px #e5e5e5; float:left; } /********************************************************************** 05_life style **********************************************************************/ /*news c050100*/ .c050100 #bbs_list_df a { color:#666; font-weight:bold; letter-spacing:-1px; } .c050100 #bbs_list_df .head td.title { width:430px; text-align:center; } .c050100 #bbs_list_df ul { width:425px; font-size:0.91em; line-height:1.33em; margin-top:8px; float:left; } .c050100 #bbs_list_df li { width:315px; line-height:1.33em; margin-bottom:8px; float:right; } .c050100 #bbs_list_df li.img { width:84px; height:62px; padding:8px; background:url("../../images/common/img_box_100x70.gif") no-repeat 0 0; float:left; } /** html .c050100 #bbs_list_df li.img { width:100px; height:78px; } */ .c050100 #bbs_list_df li.icon { width:297px; padding-left:18px; background:url("../../images/05_life/0501_icon_title.gif") no-repeat 0 1px; } /** html .c050100 #bbs_list_df li.icon { width:315px; }*/ /*park c050401*/ .c050401 #parktab li { float:left; margin-bottom:10px; } /*citytour c050601*/ .c050601 ul li { float:left; } /*linksite c050900*/ .c050900 h2 { margin:0 0 5px -20px; background:url("../../images/05_life/0509_h2_bg.gif") no-repeat 0 1px; } .c050900 ul { width:310px; margin:0 10px 25px 0; float:left; } .c050900 li { color:black; letter-spacing:-1px; padding:5px 0 5px 20px; border-bottom:solid 1px #d5d5d5; background:url("../../images/common/icon_submenu.gif") no-repeat 12px 7px; } .c050900 li .url_blank { color:#888; font-size:11px; padding:0 5px; letter-spacing:-1px; } /********************************************************************** 06_know style **********************************************************************/ /*personal c060207*/ .c060207 #pna { margin-top:-10px; } .c060207 #pna dt, .c060207 #pna dd { padding:10px 10px 10px 40px; } .c060207 #pna dt { color:#780000; font-weight:bold; padding-top:30px; border-bottom:solid 1px #eee; background:url("../../images/06_know/060207_icon_prob.gif") no-repeat 5px 30px; } .c060207 #pna dd { /*color:#004b02; font-size:0.91em;*/ border-bottom:solid 1px #bbb; background:url("../../images/06_know/060207_icon_ans.gif") no-repeat 5px 10px #fafafa; display:none; } /********************************************************************** 07_family style **********************************************************************/ /*knowin c070100*/ .c070100 #step { margin-bottom:0px; } .c070100 #step li { float:left; } .c070100 #tab_point_cat { margin-bottom:0; } /*bbs_list_carfull c070200*/ .c070200 #bbs_list_carfull { width:640px; border-bottom:solid 2px black; } .c070200 #bbs_list_carfull tr { height:27px; text-align:center; } .c070200 #bbs_list_carfull .mg { height:10px; } .c070200 #bbs_list_carfull .mg td { border:none; } .c070200 #bbs_list_carfull td { font-size:0.91em; border-bottom:solid 1px #e5e5e5; } .c070200 #bbs_list_carfull td.title { text-align:left; } .c070200 #bbs_list_carfull td a { font-size:1.09em; color:black; } .c070200 #bbs_list_carfull td a:hover { color:#518a00; font-weight:bold; letter-spacing:-1px; } .c070200 #bbs_list_carfull .head { height:23px; font-weight:bold; text-align:center; } .c070200 #bbs_list_carfull .head td { font-size:1em; border-bottom:solid 2px black; background:url("../../images/bbs/bbs_title_line.gif") no-repeat right bottom; line-height:1.25em; margin:10px; } .c070200 #bbs_list_carfull .head td.last { background:none; } .c070200 #bbs_list_carfull .head td.title { width:280px; text-align:center; } .c070200 #bbs_list_carfull .head td.no { width:30px; text-align:center; } .c070200 #bbs_list_carfull .head td.type { width:50px; text-align:center; } .c070200 #bbs_list_carfull .head td.writer { width:50px; text-align:center; } .c070200 #bbs_list_carfull .bbs_list_icon { margin:0 5px -2px 0; } .c070200 #bbs_search.bbs_list_carfull { width:280px; text-align:right; float:left; } /*bbs_write01_carfull*/ #bbs_write01_carfull { width:100%; margin-bottom:10px; border-bottom:solid 2px black; } #bbs_write01_carfull a { font-size:0.91em; } #bbs_write01_carfull td { font-size:0.91em; padding:7px 5px; border-bottom:solid 1px #dadada; } #bbs_write01_carfull td.title { font-size:1em; font-weight:bold; text-align:center; background:url("../../images/bbs/bbs_title_line2.gif") no-repeat right bottom; } #bbs_write01_carfull td.type { width:30px; font-weight:bold; text-align:center; border-right:solid 1px #e5e5e5; background:none #f9f9f9; } #bbs_write01_carfull td.comment { width:520px; padding:20px 5px; } #bbs_write01_carfull td.mg { height:5px; } #bbs_write01_carfull input.mg { margin:0 10px 0 0; } /*know c070100*/ .c070100 #quick_write { width:100%; margin-bottom:5px; background:url("../../images/07_family/0701_qwrite_bg.gif") repeat-x 0 0; float:left; } .c070100 #quick_write li { float:left; } .c070100 #quick_write li input { width:420px; margin-top:9px; } .c070100 #bbs_list_df { margin-bottom:30px; border-bottom:solid 1px black; clear:both; } .c070100 #bbs_list_df .head td { font-weight:normal; border-bottom:solid 1px black; background:none; } .c070100 #bbs_list_df a { color:#333; letter-spacing:-1px; } .c070100 #bbs_list_df a:hover { color:#518a00; font-weight:normal; letter-spacing:-1px; } .c070100 #bbs_list_df a.active { color:#518a00; letter-spacing:-1px; } .c070100 #bbs_list_df .title { width:300px; padding-left:10px; } .c070100 #bbs_list_df .info { width:30%; padding-right:10px; text-align:right; } .c070100 #tab_point_01 li { margin-top:13px; } .c070101 #qna { width:100%; margin-top:-30px; float:left; } .c070101 #qna dt, .c070101 #qna dd { padding:10px 10px 10px 30px; } .c070101 #qna dt { color:#780000; font-weight:bold; padding-top:30px; border-bottom:solid 1px #eee; background:url("../../images/08_civil/0800_qna_q.gif") no-repeat 5px 32px; } .c070101 #qna dd { /*color:#004b02; font-size:0.91em;*/ border-bottom:solid 1px #bbb; background:url("../../images/08_civil/0800_qna_a.gif") no-repeat 5px 10px #fafafa; display:none; } /********************************************************************** 08_civil style **********************************************************************/ /*phone c080400*/ /*qna c080600*/ .c080600 #qna { margin-top:-30px; } .c080600 #qna dt, .c080600 #qna dd { padding:10px 10px 10px 30px; } .c080600 #qna dt { color:#780000; font-weight:bold; padding-top:30px; border-bottom:solid 1px #eee; background:url("../../images/08_civil/0800_qna_q.gif") no-repeat 5px 30px; } .c080600 #qna dd { /*color:#004b02; font-size:0.91em;*/ border-bottom:solid 1px #bbb; background:url("../../images/08_civil/0800_qna_a.gif") no-repeat 5px 10px #fafafa; display:none; } /********************************************************************** 09_mypage style **********************************************************************/ /*mypage c090000*/ .c090000 { background:url("../../images/09_mypage/0900_bg_01.jpg") no-repeat 0 0; } .c090000 #mypage { position:relative; width:640px; height:420px; left:0; top:0; } .c090000 #mypage #login_info { position:absolute; width:257px; height:29px; left:50px; top:63px; text-align:center; padding-top:5px; background:url("../../images/09_mypage/0900_login_info_bg.gif") no-repeat 0 0; } .c090000 #mypage #myinfo { position:absolute; left:0px; top:133px; } .c090000 #mypage #myfav { position:absolute; left:410px; top:68px; } .c090000 #mypage #mycarfull { position:absolute; left:35px; top:288px; } .c090000 #mypage #myalram { position:absolute; left:333px; top:313px; } .bg01 { background:url("../../images/09_mypage/0900_bg_02.jpg") no-repeat 87px 204px; } .bg02 { background:url("../../images/09_mypage/0900_bg_03.jpg") no-repeat 276px 229px; } .bg03 { background:url("../../images/09_mypage/0900_bg_04.jpg") no-repeat 415px 177px; } /*forme c090200*/ .c090200 img.btn { margin-bottom:-3px !important; } .c090200 #busalram_popup { top:580px; } .c090200 #bbs_write01_carfull { border-top:solid 1px #ccc; } /*carpool diary c090300*/ .c090300 #carpool_diary { width:585px; height:268px; padding:90px 0 0 55px; background:url("../../images/mypage/carpool_diary_bg.gif") no-repeat 0 0; } .c090300 #carpool_diary #calendar { margin-top:20px; width:225px; height:175px; float:left; } .c090300 #carpool_diary #calendar .title { text-align:center; } .c090300 #carpool_diary #calendar .title .tt a { color:#666; font-size:1em; line-height:1.16em; } .c090300 #carpool_diary #calendar .title .tt a .imp { color:black; font-size:1.16em; font-weight:bold; } .c090300 #carpool_diary #calendar .title .ot a { color:#999; font-size:1em; line-height:1.16em; } .c090300 #carpool_diary #calendar .title .ot a .imp { font-size:1em; } .c090300 #carpool_diary #calendar #month { width:100%; font-weight:bold; text-align:center; } .c090300 #carpool_diary #calendar #month td { height:20px; border-bottom:solid 1px #ccc; } .c090300 #carpool_diary #calendar #month td.today { background-color:#ccc; } .c090300 #carpool_diary #calendar #month td.selectday{ background-color:#97e26e; } .c090300 #carpool_diary #week_area { width:260px; height:170px; margin:0 15px 0 0; overflow:auto; float:right; } .c090300 #carpool_diary #week_title { width:240px; height:20px; margin:0 25px 0 0; overflow:auto; float:right; } .c090300 #carpool_diary #week_title td{ border-bottom:solid 1px #ccc; text-align:center; vertical-align:top; } .c090300 #carpool_diary #week { width:240px; text-align:center; } * html .c090300 #carpool_diary #week { /*margin-left:280px;*/ display:inline; } .c090300 #carpool_diary #week td { height:23px; border-bottom:solid 1px #ccc; } /*busalram c090400*/ .c090400 #bbs_list_df.busalram { margin-bottom:40px; } .c090400 #bbs_list_df.busalram .head td.title { width:200px; } .busalram .btn { margin:0 0 -4px 5px; } #busalram_popup { z-index:2; position:absolute; width:560px; height:260px; left:270px; top:380px; padding:20px; background:url("../../images/mypage/busalram_popup_bg.gif") no-repeat 0 0; display:none; } #busalram_popup.view { left:270px; top:240px; } * html #busalram_popup { width:600px; height:300px; } #busalram_popup #no { position:absolute; width:90px; height:20px; left:395px; top:14px; } #busalram_popup #no input { width:90px; height:20px; font-size:1.5em; color:white; font-weight:bold; text-align:right; border:none; background:#427c1b; } #busalram_popup #no_list { position:absolute; width:340px; height:245px; left:23px; top:40px; overflow:auto; } #busalram_popup #no_list ul { list-style:none; } #busalram_popup #no_list li { width:65px; height:20px; font-weight:bold; padding-left:15px; border-bottom:solid 1px #eee; background:url("../../images/common/icon_dotarrow_gray.gif") no-repeat 5px 6px; float:left; } * html #busalram_popup #no_list li { width:80px; } #busalram_popup #stop { position:absolute; left:392px; top:50px; } #busalram_popup #stop iframe { width:190px; height:235px; } #busalram_popup #close { position:absolute; width:110px; height:20px; left:485px; top:-7px; } #bus_alram_stop_btn { width:190px; margin-bottom:10px; } #bus_alram_stop_btn a { color:white; padding-left:30px; display:block; background:url("../../images/mypage/busalram_popup_btn.gif") no-repeat 0px 0px; } #bus_alram_stop_btn a:hover { letter-spacing:-1px; font-weight:bold; } #bus_alram_stop { width:190px; height:185px; overflow:auto; } #bus_alram_stop ul { list-style:none; } #bus_alram_stop li { width:155px; min-height:19px; padding-left:15px; border-bottom:solid 1px #eee; background:url("../../images/common/icon_submenu.gif") no-repeat 5px 6px; } * html #bus_alram_stop li { width:170px; } /********************************************************************** 10_member **********************************************************************/ /*login c100100*/ .c100100 #login { background:url("../../images/10_member/login_bg.gif") repeat-y 0 0; } .c100100 #login .t2007 { margin:30px 0 30px 10px; } .c100100 #login .t2007 img.title { margin:4px 0; } /*.member #login .t2008 { width:270px; margin:30px 10px 30px 0; }*/ .c100100 #login .submit { height:36px; border:none; background:none; } /*agree c100200*/ .c100200 .agreeif { width:100%; height:300px; padding:10px; border:solid 5px #eee; } .c100200 .agree_btn { margin-top:15px; text-align:center; } /*id check*/ #idCheckWrap {width:100%; padding:20px 0; border-top:solid 5px #0A7ADD; } #idCheckWrap h1 { font-size:14px; margin:15px 20px; border-bottom:solid 2px #CDCDCD;} #idCheckWrap input {width:150px; border:solid 1px #d1d1d1; height:20px; } #idCheckWrap form p {position: relative; width: 100%; margin:0; padding:5px 0; text-align:center; } #idCheckWrap .img { width:54px; height:19px; position: absolute; margin-left:2px; } div.popupClose { background-color:#EAEAEA; width:100%; height:30px; padding:5px; margin:0; text-align:center; } /*zipcode*/ #idCheckWrap p.zipList { margin:0 20px; border-bottom:solid 1px #CDCDCD; text-align:left; } /*joincom*/ .member #nameCheckWrap #welcomeLeft {float:left; width:350px; } .member #nameCheckWrap #welcomeRight {height:75px; padding-top:20px; } /*join c100400*/ #joinWrap { width:100%; background:url('../images/member/member_bg.gif') repeat-y;} #joinWrap h2 { margin:0; } #joinWrap .img { width:49px; height:20px; position: absolute; margin-left:2px; } #joinWrap p.topImg {height:25px; background:url('../images/member/member_top.gif') no-repeat;} #joinWrap p.bottomImg {height:25px; background:url('../images/member/member_bottom.gif') no-repeat;} #joinWrap fieldset {width: 100%; padding: 1em; border : solid 5px #eee; } #joinWrap legend {width: 575px; margin-left:-10px; padding-right:370px; font-weight: bold; color:#000000; border-bottom:solid 3px #548069;} #joinWrap form p {position: relative; width: 100%; margin:0; padding:5px 0; border-bottom:solid 1px #DCE5E0; } #joinWrap form p img {position: absolute; top:7px; margin-left:2px;} #joinWrap label {float: left; width:7.2em;} #sc_content #joinWrap h2 {float: left; width:7.2em; font-weight:normal; padding:0; margin:0; background:none; } #sc_content #joinWrap h3 {float: left; width: auto; font-weight:normal; padding:0; margin:0; background:none; } #joinWrap label .comment {position: absolute; left: 20em;; width:25em; color:#008139; } #joinWrap label .id {position: absolute; left: 298px; width:22em; } #joinWrap input {width:150px; border:solid 1px #d1d1d1; height:20px; } #joinWrap input.small {width:60px;} #joinWrap input.wide {width:400px;} #joinWrap input, #joinWrap select {font-size:1.0em; } #joinWrap input.radio, #joinWrap input.submit {width: auto; height: auto; border:none;} #joinWrap input:focus, textarea:focus {background: #d9f4e1;} #joinWrap div.formWrap {padding:5px 0; border-bottom:solid 1px #DCE5E0; } #joinWrap div.formWrap .indent {margin-left:85px; } #joinWrap div.formWrap .indent label {float: none; width:auto; } #joinWrap #join_button { margin-top:15px; text-align:center; } /********************* �α�/�н���� *********************/ #log_outline { padding:10px; } #log_outline h1 { font-size:14px; margin-bottom:10px; border-bottom:solid 2px #CDCDCD;} #log_outline .idpw { width:100%; padding:10px; margin:10px 0; border:solid 5px #eee; display:block; } #log_outline .idpw input { width:90px; height:20px; border:solid 1px #ccc; } #log_outline .idpw p { margin:0; } .idpw_btn { text-align:center; } /********************************************************************** 20_customer **********************************************************************/ /*sitemap c200600*/ .c200600 ul { width:310px; margin:0 10px 25px 0; float:left; } .c200600 li { padding:7px 0 3px 20px; border-top:solid 1px #d5d5d5; background:url("../../images/common/icon_submenu.gif") no-repeat 12px 13px; } .c200600 li.title { border:none; } .c200600 li a { color:black; font-weight:bold; } .c200600 li.d3 { padding:1px 0 0 30px; border-top:solid 1px white; background:url("../../images/common/icon_submenu.gif") no-repeat 22px 7px #f5f5f5; } .c200600 li.d3 a { color:#666; letter-spacing:-1px; font-weight:normal; } .c200600 h2 { margin:0 0 0 -20px; padding:3px 0 5px 20px; background:url("../../images/etc/sitemap_h2_bg.gif") no-repeat 0 0; } .c200600 h2 a { color:white; line-height:1.5em; } .c200600 h2 a:hover{ color:yellow; } /********************************************************************** itssytem style **********************************************************************/ #itssystem #content { width:680px !important; margin:30px 0 !important; } #content.itssystem #ui { width:680px; height:107px; background:url("../../images/system/search_bg.gif") repeat-x 0 0; overflow:hidden; } #content.itssystem #ui #search { width:385px; height:92px; margin:5px; padding-top:13px; float:left; display:inline; } #content.itssystem #ui #help { width:265px; height:82px; margin:5px; padding:5px; background-color:#e6e6e6; float:left; display:inline; margin-right:-3px; } #content.itssystem #map_frame { width:680px; height:520px; float:left; } #content.itssystem td.right { padding-right:5px; text-align:right; } #content.itssystem td.left { padding-left:5px; text-align:left; } #content.itssystem td { color:white; font-weight:bold; } #result.itssystem { } #result.itssystem #visual { width:100%; padding:0 5px 5px 5px; background:url("../../images/system/map_bg.gif") repeat-y 0 0; float:left; } #result.itssystem #visual #map_navi { width:670px; height:47px; margin-bottom:2px; } #result.itssystem #visual #map_navi li { float:left; } #result.itssystem #visual #map { width:625px; height:453px; margin-left:33px; padding:5px; border:solid 1px black; background-color:white; float:left; overflow:hidden; display:inline; } #content.itssystem #result_tab { z-index:2; position:absolute; width:30px; left:233px; top:527px; /*margin:11px 3px 0 0;*/ cursor:pointer; } #content.itssystem #result_tab li { width:19px; padding:8px 0 3px 11px; background:url("../../images/system/tab_sbg_on_01.gif") no-repeat 0 0; float:left; } /* html #content.itssystem #result_tab li { width:30px; }*/ #content.itssystem #result_tab li.bottom { width:30px; height:1px; padding:0; background:url("../../images/system/tab_sbg_off_01.gif") no-repeat 0 0; overflow:hidden; } #content.itssystem #result_tab a { padding-bottom:12px; color:#313e00; font-weight:bold; line-height:1.08em; background:url("../../images/system/tab_sbg_off_02.gif") no-repeat 2px 100%; display:block; } #content.itssystem #result_tab a:hover { color:black; } #content.itssystem #result_pop { z-index:3; position:absolute; width:311px; height:443px; left:233px; top:527px; background:url("../../images/system/result_pop_bg.gif") no-repeat 0 0; display:none; } #content.itssystem #result_pop #same1, #content.itssystem #result_pop #same2,#content.itssystem #result_pop #same3, #content.itssystem #result_pop #same4 { z-index:3; position:absolute; width:268px; height:430px; margin:5px 2px 0 15px; float:left; display:none; } #content.itssystem #result_pop #result_tab2 { position:absolute; z-index:3; width:25px; left:285px; top:0; cursor:pointer; float:left; margin-right:-3px; } #content.itssystem #result_pop #result_tab2 li { width:18px; padding:8px 0 3px 7px; background:none; border:solid 1px black; float:left; } #content.itssystem #result_pop #result_tab2 li.bottom { width:25px; height:1px; padding:0; background:url("../../images/system/tab_sbg_off_01.gif") no-repeat 0 0; overflow:hidden; } #content.itssystem #result_pop #result_tab2 a { padding-bottom:12px; color:#313e00; font-weight:bold; line-height:1.08em; background:url("../../images/system/tab_sbg_off_02.gif") no-repeat 2px 100%; display:block; } #content.itssystem #result_pop #result_tab2 a:hover { color:black; } #content.itssystem #result_pop #result_tab2 li.on a { background:url("../../images/system/tab_sbg_on_02.gif") no-repeat 2px 100%; } #content.itssystem #result_pop #result_tab2 li.on { border:none; border-top:solid 1px black; background-color:white; } #content.itssystem #result_pop #result_tab2 li.off { width:17px; background-color:#e5e5e5; } #result_bg_frame { z-index:1; position:absolute; left:35px; top:0; width:276px; height:443px; display:inline; margin-right:-3px; background-color:white; } #result_bg { width:276px; height:443px; border:solid 1px black; border-left:none; background:url('../../images/system/result_bg_ci.gif') no-repeat 99% 98%; border-collapse:separate; } /* #result.itssystem #visual #result_tab li.off { padding:8px 0 3px 11px; background:url("../../images/system/tab_sbg_off_01.gif") no-repeat 0 0; float:left; } #result.itssystem #visual #result_tab li.on { padding:8px 0 3px 11px; background:url("../../images/system/tab_sbg_on_01.gif") no-repeat 0 0; } */ .itssystem #result_list { width:99%; margin-bottom:2px; background-color:#ccc; border-collapse:separate; } .itssystem #result_list td { height:20px; padding:4px 0 2px 0; background-color:white; } .itssystem #result_list td.title, .itssystem #result_list .title td { font-weight:bold; text-align:center; background-color:#eaeaea/*f4f3d9*/; } .itssystem #result_list td.title2, .itssystem #result_list .title2 td { text-align:center; background-color:#fafafa/*f9f8ef*/; } .itssystem #result_list td.info { width:60px; } .itssystem #result_list td.underline { border-bottom:solid 1px #aaa; } .itssystem #result_list_top { width:99%; margin-bottom:2px; background-color:#ccc; border-collapse:separate; } .itssystem #result_list_top td { height:17px; background-color:white; } .itssystem #result_list_top td.date { font-size:0.91em; font-weight:bold; } .itssystem #result_list.h30 td { height:25px; } .itssystem #help { width:99%; margin-bottom:10px; background-color:#e6e6e6; } .itssystem #help td { font-size:0.91em; letter-spacing:-1px; padding:4px; } * html .ie_scroll { scrollbar-face-color: #ffffff; scrollbar-highlight-color: #aaa; scrollbar-shadow-color: #aaa; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #aaa; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; } /********************************************************************** input style **********************************************************************/ textarea.default { color:#666; } textarea.long { color:#666; font-size:1em; width:600px; border:solid 2px #eee; padding:10px; text-align:justify; background-color:#fafafa; line-height:1.25em; letter-spacing:-1px; } input { height:15px; line-height:1.41em; } input.default { color:#666; font-size:1em; line-height:1.41em; height:17px; border:solid 1px #999; } input.login { color:#666; font-size:1em; line-height:1.5em; height:20px; border:solid 1px #999; } input.noline { color:#666; font-size:1em; line-height:1.16em; height:17px; border:none; background:#e9e9e9; border:solid 1px #d9d9d9; } input.white { color:#333; font-size:1em; line-height:1.16em; height:17px; border:none;; } select.tinye { color:black; font-size:0.91em; line-height:1.09em; height:16px; } select.tinyk { color:#666; font-size:1em; height:16px; margin:0 5px 0 0; } select.tinyk option { color:#666; font-size:1em; height:14px; margin:0 5px 2px 0; } * html select.tinyk { margin-bottom:0px; } input.max, select.max { width:220px; } input.half, select.half { width:110px; } input.seventy, select.seventy { width:160px; } input.thirty, select.thirty { width:70px; } input.submit { height:16px; border:none; background:none; } /********************************************************************** @bbs **********************************************************************/ /*bbs_text_style*/ .title_reply_no { font-size:0.91em; color:gray; } /*bbs_list_df*/ #bbs_list_df { width:100%; border-bottom:solid 2px black; } #bbs_list_df tr { height:27px; text-align:center; } #bbs_list_df .mg { height:10px; } #bbs_list_df .mg td, #bbs_list_df .mg th { border:none; } #bbs_list_df td, #bbs_list_df th { border-bottom:solid 1px #e5e5e5; } #bbs_list_df td.title, #bbs_list_df th.title { text-align:left; } #bbs_list_df td a, #bbs_list_df th a { color:black; } #bbs_list_df td a:hover, #bbs_list_df th a:hover { color:#518a00; font-weight:bold; letter-spacing:-1px; } #bbs_list_df .head { height:23px; font-weight:bold; text-align:center; } #bbs_list_df .head td, #bbs_list_df .head th { border-bottom:solid 2px black; background:url("../../images/bbs/bbs_title_line.gif") no-repeat right bottom; line-height:1.25em; margin:10px; } #bbs_list_df .head td.last, #bbs_list_df .head th.last { background:none; } #bbs_list_df .head td.title, #bbs_list_df .head th.title { width:300px; text-align:center; } #bbs_list_df .head td.title_mng, #bbs_list_df .head th.title_mng { width:230px; text-align:center; } #bbs_list_df .head td.no, #bbs_list_df .head th.no { width:50px; text-align:center; } #bbs_list_df .bbs_list_icon { margin: 0 0 -1px 3px; } #paging { font-size:0.91em; padding:10px 0; margin-bottom:10px; text-align:center; border-bottom:solid 1px #e5e5e5; clear:both; } #paging a { margin:0 5px; } #paging a.active { font-weight:bold; } #bbs_btn { padding-right:10px; float:right; } #bbs_search { width:440px; text-align:right; float:left; } #bbs_search .btn { margin:0 0 -4px 5px; } * html #bbs_search select { margin-bottom:-2px; } img.btn { margin:0 2px; } img.icon { margin:0 5px; } /*bbs_view*/ #bbs_view_head { width:100%; float:left; margin-right:-3px; } #bbs_view_head input.mg { margin:0; } #bbs_view_head td, #bbs_view_head th { padding:3px 0; border-bottom:solid 1px #e5e5e5; } #bbs_view_head input.tinyk { margin:0; } #bbs_view_head td.title, #bbs_view_head th.title { width:15%; font-weight:bold; text-align:center; background:url("../../images/bbs/bbs_title_line2.gif") no-repeat 95% bottom; } #bbs_view_head td.p3, #bbs_view_head th.p3 { width:18.3%; } /*#bbs_view_head td.p2 { width:35%%; }*/ #bbs_view_head td.p2 table, #bbs_view_head th.p2 table { width:100%; margin-bottom:-3px; } #bbs_view_head td.p2 table td, #bbs_view_head th.p2 table th, #bbs_view_head th.p2 table td { width:36%; border-bottom:0; } * html #bbs_view_head td.p2 table td, * html #bbs_view_head th.p2 table td, * html #bbs_view_head th.p2 table th { width:35%; } #bbs_view_head td.p2 table td.title, #bbs_view_head th.p2 table td.title, #bbs_view_head th.p2 table th.title { width:15%; } #bbs_view_head td.p1, #bbs_view_head th.p1 { width:85%; } /*#bbs_view_head li.p3 { width:18.3%; } #bbs_view_head li.p2 { width:35%%; } #bbs_view_head li.p1 { width:85%; }*/ #bbs_view_content { width:620px; padding:20px 10px; border-bottom:solid 2px black; border-top:solid 2px black; float:left; margin:0 0 10px -3px; } * html #bbs_view_content { width:640px; margin-right:-3px; } #bbs_answer { font-size:1em; margin-bottom:10px; padding:8px 10px; border-bottom:solid 1px #999999; } #bbs_reply { border-bottom:solid 1px #999999; } #bbs_reply_iframe { width:100%; margin-bottom:10px; } #bbs_reply li { color:#666; font-size:0.91em; padding:5px 10px; border-bottom:solid 1px #e5e5e5; } * html #bbs_reply li { padding:7px 10px; } #bbs_reply_write { padding:5px 10px; border-bottom:solid 1px #e5e5e5; background:#f5f5f5; } #bbs_reply_write .btn { margin:0 0 -3px 5px; } #bbs_view_content #photo { width:160px; height:130px; margin:0 10px 10px 0; background:url("../../images/common/img_box_160x130.gif") no-repeat 0 0; float:left; } #bbs_view_content #photo img { margin:8px 0 0 8px; } /*bbs_write*/ #bbs_write_content { padding:20px 10px; margin-bottom:10px; border-bottom:solid 2px black; border-top:solid 2px black; clear:both; } /********************************************************************** script **********************************************************************/ /*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; } /********************************************************************** pub style **********************************************************************/ .mz_ac { margin:auto; } .td_ac, .td_ac td { text-align:center; } .nomargin { margin:0 !important; } span.right { float:right; } .mb40 { margin-bottom:40px !important; } .mt10 { margin-top:10px !important; } .mb5 { margin-bottom:5px; } .neartop { margin-top:-20px; } /********************************************************************** a style **********************************************************************/ /********************************************************************** table style **********************************************************************/ table { font-size:1em; line-height: 1.5em; border:0; padding:0; border-collapse:collapse; } table td.left { text-align:left; } /* html table { border-collapse:collapse; }*/ .tb_default { width:95%; margin-left:1%; background-color:#818e79; float:left; } .tb_default td, .tb_default th { font-weight:normal; padding:5px; line-height:1.25em; text-align:center; background:white; } .tb_default .title td, .tb_default .title th, .tb_default th.title { color:#365b00; padding:8px; background:#eaf3c9; text-align:center; font-weight:bold; } .tb_default td.subtitle, .tb_default .subtitle td, .tb_default th.subtitle, .tb_default .subtitle th { color:#5e5b00; background:#fcfcef; font-weight:bold; } .tb_center td { text-align:center; } .tb_default_full { width:100%; margin-left:0; } .tb_busresult { width:100%; background-color:#999; float:left; } .tb_busresult td, .tb_busresult th { font-weight:normal; padding:5px; line-height:1.25em; text-align:center; background:white; } .tb_busresult .title td, .tb_busresult .title th { color:#333; padding:4px; background:#e5e5e5; text-align:center; font-weight:bold; } .tb_busresult td.subtitle, .tb_busresult .subtitle td, .tb_default th.subtitle, .tb_default .subtitle th { color:#5e5b00; background:#fcfcef; font-weight:bold; } .tb_left_default { width:95%; margin-left:1%; background-color:#818e79; float:left; } .tb_left_default td, .tb_left_default th { font-weight:normal; padding:5px; line-height:1.25em; background:white; } .tb_left_default .title td, .tb_left_default .title th { color:#365b00; padding:5px; background:#eaf3c9; text-align:center; text-align:center; font-weight:bold; } .tb_left_default td.subtitle, .tb_left_default .subtitle td, .tb_left_default th.subtitle, .tb_left_default .subtitle th { color:#5e5b00; background:#fcfcef; font-weight:bold; } /********************************************************************** text/paragraph style **********************************************************************/ /*title*/ h2 { padding-left:17px; margin:40px 0 25px 0; color:#444; font-size:1.16em; letter-spacing:-1px; line-height:2em; background:url("../../images/common/h2_icon.gif") no-repeat 0 6px; clear:both; } h2 img { margin-top:3px; } h3 { /*color:#478a00;*/ font-size:1.08em; color:#333; letter-spacing:-1px; padding-left:17px; margin:15px 0 7px 0; background:url("../../images/common/h3_icon.gif") no-repeat 2px 3px; clear:both; } h4 { font-size:1em; padding-left:17px; margin-bottom:10px; } h5 { margin-bottom:10px; } .page_first { margin-top:0 !important; } /*paragraph*/ p { margin-bottom:15px; letter-spacing:0px; text-align:justify; clear:both; } p.toptext { padding:5px 15px; line-height:1.5em; letter-spacing:0px; border:solid 5px #e5e5e5; } p.toptext2 { padding:5px 15px; line-height:1.5em; letter-spacing:0px; border:solid 5px #cee8a2; letter-spacing:-0.1em; } p.toptext2 b { color:#4e7b00; } /*p:first-letter { font-size:14px; font-weight:bold; margin-left:0px; }*/ .indent1 { padding-left:15px; } .indent2 { padding-left:40px; } .para_bm { margin-bottom:20px; } .para_tm { margin-top:20px; } /*text*/ .imp_01 { color:#00578e; font-weight:bold;} .imp_02 { color:#1f6600; font-weight:bold;} .imp_red { color:red !important; } .imp_redb { color:red; font-weight:bold; } .imp_reds { font-size:0.91em; font-weight:bold; letter-spacing:-1px; color:red; } .imp_blue { color:blue; } .imp_green { color:#368800; } .imp_green12 { color:#368800; font-size:1em !important; } .phone_imp { color:#ff6600; font-size:1.16em; font-weight:bold; letter-spacing:-1px; } .list_sub { color:#999; font-size:0.91em; margin-left:5px; } span.refer { color:#777; font-size:0.91em; letter-spacing:-1px; } .url_blank { color:blue; line-height:1.16em; letter-spacing:-0px; text-decoration:underline; } .tight_bold { font-weight:bold; letter-spacing:-1px; } .br_color_01 { color:#FF6600 !important; } .br_color_02 { color:#4281CC !important; } /*ul*/ ul.default { text-align:justify; padding-left:15px; float:left; margin-bottom:0; } ul.default li.tb { padding:0 0 10px 14px; } ul.default li.title { padding-bottom:10px; font-weight:bold; } ul.default li.d1 { color:black; padding:0 0 5px 14px; line-height:1.5em; background:url("../../images/common/ul_df_icon_d1.gif") no-repeat 0px 0px; } ul.default li.d2 { line-height:1.5em; padding:0 0 5px 24px; background:url("../../images/common/ul_df_icon_d2.gif") no-repeat 11px 0px; } ul.default li.d3 { color:#666; line-height:1.4em; margin-top:-3px; padding:0 0 5px 32px; background:url("../../images/common/icon_dotarrow_gray.gif") no-repeat 25px 3px; } ul.default li.ps { font-size:0.91em; line-height:1.16em; margin:2px 0 8px 0; padding:0 0 0 20px; background:url("../../images/common/ul_df_icon_ps.gif") no-repeat 2px 0px; } ul.default li.clear { clear:both; } dl.default { text-align:justify; padding-left:10px; clear:both; } dl.default dt { width:75px; margin-bottom:15px; padding:5px 10px 0 0; text-align:right; font-weight:bold; border-top:dotted 1px #ccc; float:left; clear:both; } dl.default dd { margin-left:85px; margin-bottom:15px; padding-top:5px; line-height:1.25em; border-top:dotted 1px #ccc; } dl.line { text-align:justify; padding-left:10px; clear:both; } dl.line dt { width:120px; margin-bottom:5px; padding:5px 10px 0 0; text-align:right; font-weight:bold; border-top:dotted 1px #ccc; float:left; clear:both; } dl.line dd { margin-left:85px; margin-bottom:5px; padding-top:5px; line-height:1.25em; border-top:dotted 1px #ccc; } ol.default { text-align:justify; padding-left:15px; margin-bottom:0; } ol.default li.d1 { color:black; padding:0 0 10px 3px; line-height:1.5em; } ol.default li.d2 { line-height:1.5em; padding:0 0 8px 18px; background:url("../../images/common/ul_df_icon_d2.gif") no-repeat 5px 0px; } ol.default li.d3 { color:#777; line-height:1.5em; margin-top:-3px; padding:0 0 8px 25px; background:url("../../images/common/icon_dotarrow_gray.gif") no-repeat 25px 3px; } ol.default li.ps { font-size:0.91em; line-height:1.16em; margin:-6px 0 8px 0; padding:0 0 0 20px; background:url("../../images/common/ul_df_icon_ps.gif") no-repeat 2px 0px; } ol.titelist { text-align:justify; padding-left:5px; margin-bottom:20px; } ol.titelist li.d1 { padding:0 0 0 18px; line-height:1.5em; background:url("../../images/common/ul_df_icon_d2.gif") no-repeat 5px 0px; } /********************************************************************** image style **********************************************************************/ .linkcursor { cursor:pointer; } img.left { margin-right:10px; float:left; } img.right { margin-left:10px; float:right; } img.it { margin:0 0 10px 15px; display:block; clear:both; } img.go_inline { margin:0 2px -2px 0; } /********************************************************************** content round box **********************************************************************/ #content_rbox { width:100%; margin-top:5px; } #content_rbox .rbox { padding:10px 15px; border-left:#ccc solid 1px; border-right:#ccc solid 1px; } .rtop, .rbottom { display:block; } .rtop *, .rbottom * {display:block; height:1px; overflow:hidden; } .r1{ margin:0 5px; background:#ccc; } .r2{ margin:0 3px; border-left:2px solid #ccc; border-right:2px solid #ccc; } .r3{ margin:0 2px; border-left:1px solid #ccc; border-right:1px solid #ccc; } .r4{ margin:0 1px; height:2px; border-left:1px solid #ccc; border-right:1px solid #ccc; } /*#charge { border-left:#ccc solid 1px; background-color:white; border-right:#ccc solid 1px; }*/ /********************************************************************** line style ********************************************************************** .1t_cab09a { border-top:solid 1px #cab09a; } .1b_cab09a { border-bottom:solid 1px #cab09a; } .1b_c4c4c4 { border-bottom:solid 1px #c4c4c4; } .c4_11 { background:url("../../../images/common/dot_11_c4c4c4.gif") repeat-x left bottom; } .c4t_11 { background:url("../../../images/common/dot_11_c4c4c4.gif") repeat-x left top; } .2t_a9d7ae { border-top:solid 2px #a9d7ae; } .2b_a9d7ae { border-bottom:solid 2px #a9d7ae; } .d3b3a5b_11 { background:url("../../../images/common/dot_11_d3b3a5.gif") repeat-x left bottom; } .1t_b2cfb4 { border-top:solid 1px #b2cfb4; } .2t_c3e4ca { border-top:solid 2px #c3e4ca; } .2b_c3e4ca { border-bottom:solid 2px #c3e4ca; } .1b_e0eef2 { border-bottom:solid 1px #e0eef2; } .cbody_bt { background:url("../../../images/common/cbody_bt.gif") repeat-x 0 0; } .cbody_bb { background:url("../../../images/common/cbody_bb.gif") repeat-x 0 0; } .cbody_bl { background:url("../../../images/common/cbody_bl.gif") repeat-y 0 0; } .cbody_br { background:url("../../../images/common/cbody_br.gif") repeat-y 0 0; } */ /********************************************************************** errorpage style **********************************************************************/ #construction { position:absolute; left:50%; top:70px; margin-left:-245px; padding-bottom:100px; background:url("../../images/common/construction_bottom.gif") no-repeat 0 100%; } #construction h1 { padding:0; } #construction h2 { height:137px; padding:0; margin:0; background:none; } #construction #ccontent { width:411px; padding:10px 40px 0 40px; background:url("../../images/common/construction_bg.gif") repeat-y 0 0; } * html #construction #ccontent { width:491px; } #construction b.red { color:red; } /********************************************************************** topSetting style **********************************************************************/ /*h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1px; }*/ #topSetting { clear: both; position: relative; width: auto; height: 30px; margin: 0 auto; background: url("../../images/common/topSet_bg.gif") repeat-x; } #topSetting #favor { position: absolute; left: 20px; top: 0; margin: 0; padding: 0; } #topSetting #setting { position: absolute; left: 270px; top: 0; margin: 0; padding: 0; width: 710px; } #topSetting #setting h2 { position: absolute; left: 0; top: -3px; margin: 0; padding: 0; background: transparent; vertical-align:top; } #topSetting #setting ul { position: absolute; left: 110px; top: 0; margin: 0; padding: 0; list-style: none; } #topSetting #setting ul li { display: inline; float: left; margin: 0; padding: 0; } #topSetting #setting ul li.setup { display: inline; float: left; margin: 0; padding: 0 5px 0 0; } #topSetting #setting ul li.setup2 { display: inline; float: left; margin: 5px 0 0 0; padding: 0 5px 0 0; vertical-align: bottom; } #topSetting #setting img { vertical-align:top; } /*2008.12.29 */ .sub #page_down { width:680px; text-align:right; } #subtitle_add { text-align:left; }