@charset "euc-kr"; /********************************************************************** Imsil Group Common Style Sheet (for IE6.0/7.0 FireFox2.0/3.0 Safari3.0) version : 0.0.2 author : jinovice email : jinovice@nate.com website : none **********************************************************************/ /********************************************************************** common **********************************************************************/ body { margin:0; padding:0px; font-family: Dotum, Gulim, Arial, Helvetica, sans-serif; font-size:12px; color: #666; line-height: 1.4em; } td, th, textarea, select, input, option { font-size:12px; } ul, dl, ol { margin:0; padding:0px; list-style:none; } li, dt, dd, p, fieldset, h1, h2, h3, form { margin:0; padding:0px; } select { font-size:11px; letter-spacing:-0.1em; border:solid 1px #999; } img { border:0; } a { color:#666; text-decoration:none; } a:hover { color:#029edf; text-decoration:underline; } /********************************************************************** @Web Accessibillity **********************************************************************/ .skip, .desc, .hiddenelement { position:absolute; width:0; height:0; margin:0 !important; padding:0 !important; font-size:0; line-height:0; text-indent:-3000px; overflow:hidden; } .hide { position:absolute; left:-3000px; } a.link_blank { font-size:1em; padding-right:15px; background:url("../images/icon/icon_link_blank.gif") no-repeat 100% 0; } /********************************************************************** @fieldset **********************************************************************/ /* common */ fieldset { border:none; } fieldset legend { display:none; } fieldset select { font-size: 12px; line-height:1em; } fieldset p { padding-top:0 !important; text-indent:0px; } fieldset input { padding:1px; border:solid 1px #999; } fieldset input.full { width:100%;} fieldset input.mt2 { margin-top:2px;} /********************************************************************** @table style **********************************************************************/ .sub #content table { border:0; padding:0; border-collapse:collapse; } .sub #content table caption { position:absolute; width:0; height:0; font-size:0; line-height:0; text-indent:-2000px; overflow:hidden; } /* subtext */ .sub #content p.table_subtext_top { margin-top:-15px; padding-top:0; font-size:0.92em; float:right; } .sub #content p.table_subtext_bottom { margin-top:-1px; padding-top:0; font-size:0.92em; text-align:right; } /* align */ .sub #content .tal, .sub #content .tal td, .sub #content .tal li, .sub #content .tal dd { text-align:left; } .sub #content .tac, .sub #content .tac td, .sub #content .tac li, .sub #content .tac dd { text-align:center; } .sub #content .tar, .sub #content .tar td, .sub #content .tar li, .sub #content .tar dd { text-align:right; } /* def */ .sub #content table.def {} /* def > def_type_blue */ .sub #content table.def_type_blue { width:100%; margin-top:5px; text-align:center; border-top:solid 2px #45b6e0; } .sub #content table.def_type_blue thead th { padding:7px 0; color:#46a1d0; border:solid 1px #afd8ea; background-color:#f3fcfd; } .sub #content table.def_type_blue th, table.def_type_blue td { padding:7px 5px; border:solid 1px #afd8ea; } .sub #content table.def_type_blue_horizontal th { color:#46a1d0; background-color:#f3fcfd; } /* def > def_type_realblue */ .sub #content table.def_type_realblue { width:100%; margin-top:5px; text-align:center; border-top:solid 2px #45b6e0; } .sub #content table.def_type_realblue thead th { padding:7px 0; color:#5e99d3; border:solid 1px #b6cde4; background-color:#f3f8fd; } .sub #content table.def_type_realblue th, table.def_type_realblue td { padding:7px 5px; border:solid 1px #d8d8d8; } .sub #content table.def_type_realblue_horizontal th { color:#5e99d3; background-color:#f3f8fd; } /* def > def_type_green */ .sub #content table.def_type_green { width:100%; margin-top:5px; text-align:center; border-top:solid 2px #add35e; } .sub #content table.def_type_green thead th { padding:7px 0; color:#83af54; border:solid 1px #8ec032; background-color:#f8fdf3; } .sub #content table.def_type_green th, table.def_type_green td { padding:7px 5px; border:solid 1px #d8d8d8; } .sub #content table.def_type_green_horizontal th { color:#83af54; background-color:#f8fdf3; } /* def > def_type_realgreen */ .sub #content table.def_type_realgreen { width:100%; margin-top:5px; text-align:center; border-top:solid 2px #bde045; } .sub #content table.def_type_realgreen thead th { padding:7px 0; color:#a8d35e; border:solid 1px #d5e4b6; background-color:#f6ffe0; } .sub #content table.def_type_realgreen th, table.def_type_realgreen td { padding:7px 5px; border:solid 1px #d8d8d8; } .sub #content table.def_type_realgreen_horizontal th { color:#a8d35e; background-color:#f6ffe0; } /* def > def_type_yellow */ .sub #content table.def_type_yellow { width:100%; margin-top:5px; text-align:center; border-top:solid 2px #e0db45; } .sub #content table.def_type_yellow thead th { padding:7px 0; color:#d0cb46; border:solid 1px #eae7af; background-color:#fdfdf3; } .sub #content table.def_type_yellow th, table.def_type_yellow td { padding:7px 5px; border:solid 1px #eae7af; } .sub #content table.def_type_yellow_horizontal th { color:#d0cb46; background-color:#fdfdf3; } /* def > def_type_pink */ .sub #content table.def_type_pink { width:100%; margin-top:5px; text-align:center; border-top:solid 2px #f4abc0; } .sub #content table.def_type_pink thead th { padding:7px 0; color:#f14e77; border:solid 1px #f4abc0; background-color:#fdf3f5; } .sub #content table.def_type_pink th, table.def_type_pink td { padding:7px 5px; border:solid 1px #d8d8d8; } .sub #content table.def_type_pink_horizontal th { color:#f14e77; background-color:#fdf3f5; } /* def > def_type_gray */ .sub #content table.def_type_gray { width:100%; margin-top:5px; text-align:center; border-top:solid 2px #ddd; } .sub #content table.def_type_gray thead th { padding:7px 0; color:#999; border:solid 1px #ddd; background-color:#f9f9f9; } .sub #content table.def_type_gray th, table.def_type_gray td { padding:7px 5px; border:solid 1px #ddd; } .sub #content table.def_type_gray_horizontal th { color:#f14e77; background-color:#f1f1f1; } /* def > def_type_brown */ .sub #content table.def_type_brown { width:100%; margin-top:5px; text-align:center; border-top:solid 2px #d18779; } .sub #content table.def_type_brown thead th { padding:7px 0; color:#b46f61; border:solid 1px #e1b8b0; background-color:#fdf6f3; } .sub #content table.def_type_brown th, table.def_type_brown td { padding:7px 5px; border:solid 1px #d8d8d8; } .sub #content table.def_type_brown_horizontal th { color:#b46f61; background-color:#fdf6f3; } .sub #content table.def_type_brown_fill { border-top:none; } .sub #content table.def_type_brown_fill thead th { color:white; border:solid 1px #f9f7eb; background-color:#b3a592; } .sub #content table.def_type_brown_fill td, .sub #content table.def_type_brown_fill th { color:#6f4f2c; border:solid 1px #f9f7eb; background-color:#ede9d3; } .sub #content table.def_type_brown_fill_horizontal th { color:white; border:solid 1px #f9f7eb; background-color:#b3a592; } /* def > def_type_purple */ .sub #content table.def_type_purple { width:100%; margin-top:5px; text-align:center; border-top:solid 2px #9b7bc3; } .sub #content table.def_type_purple thead th { padding:7px 0; color:#6f41a7; border:solid 1px #b79cd7; background-color:#f1eafa; } .sub #content table.def_type_purple th, table.def_type_purple td { padding:7px 5px; border:solid 1px #d8d8d8; } .sub #content table.def_type_purple_horizontal th { color:#6f41a7; background-color:#f1eafa; } /* detail */ .sub #content table.selfp { margin-top:30px; } .sub #content table.thtal tbody th { text-align:left !important; } /********************************************************************** @list style **********************************************************************/ /* ul > list_def */ ul.list_def { padding-top:5px; } ul.list_def li { padding-top:4px; font-size:1em; line-height:1.4em; text-align:justify; } /*ul.list_def ul { width:100%; padding:5px 0; }*/ /* ul > list_def > type_simple ********************************************/ ul.type_simple li { padding-left:12px; font-size:1em; line-height:1.4em; background:url("../images/icon/ul_list_def_simple_d1.gif") no-repeat 0 0.4em; } ul.type_simple ul li { background:url("../images/icon/ul_list_def_simple_d2.gif") no-repeat 0 0.5em; } ul.type_simple ul li ul li { background:url("../images/icon/ul_list_def_simple_d3.gif") no-repeat 0 0.5em; } ul.type_simple ul li ul li ul li { background:url("../images/icon/ul_list_def_simple_d4.gif") no-repeat 0 0.5em; } ul.type_simple li.icon_sub, ul.type_simple .icon_sub li { background-image:url("../images/icon/ul_list_def_simple_sub.gif"); } /* ul > list_def > type_laugh ********************************************/ ul.type_laugh li { padding-top:3px; padding-bottom:3px; } /* ul > list_def > type_biglaugh_wave */ ul.type_biglaugh_wave li { padding-bottom:15px; } ul.type_biglaugh_wave li ul li { padding-bottom:5px; } ul.type_biglaugh_wave li ul li ul li { padding-bottom:2px; } ul.type_biglaugh_wave li ul li ul li ul li { padding-bottom:0; } /* ul > just_horizontal */ ul.just_horizontal { padding-top:10px; } ul.just_horizontal li { display:inline; } /*ul.list_def ul { width:100%; padding:5px 0; }*/ /* ul > just_horizontal_tight ul.just_horizontal_tight { float:left; } ul.just_horizontal_tight li { float:left; }*/ /* ul > just_vertical */ ul.just_vertical { float:left; } ul.just_vertical li { float:left; } ul.just_vertical li img { float:left; } * html ul.just_vertical li img { margin-left:-3px; } /* ul > just_horizontal_tight */ ul.just_horizontal_tight { padding-top:10px; float:left; } ul.just_horizontal_tight li { float:left; } /* ul > list_def_text */ ul.list_def_text { width:100%; padding-top:5px; } ul.list_def_text li { padding-bottom:10px; text-align:center; float:left; } ul.list_def_text li a { padding-left:12px; background:url("../images/icon/ul_list_def_simple_d1.gif") no-repeat 0 0.1em; } /* ul > list_def_pic */ ul.list_def_pic { width:100%; padding-top:5px; } ul.list_def_pic li { padding-bottom:10px; text-align:center; float:left; } ul.col1 li { width:99%; } ul.col2 li { width:49.5%; } ul.col3 li { width:33%; } ul.col4 li { width:24.8%; } ul.col5 li { width:19.8%; } ul.dotline91_bottom li { padding:10px 0; background:url("../images/linepoint/dotline_51_32_999.gif") repeat-x 0 100%; } /* list_mem_pic */ ul.list_mem_pic { width:100%; padding-top:5px; } ul.list_mem_pic li { padding:5px 0; float:left; } ul.list_mem_pic li img { float:left; margin-right:10px; } ul.list_mem_pic li dl { width:550px; padding-top:0; border-top:solid 1px #ddd; float:left; } ul.list_mem_pic li ul li { padding-top:4px; padding-bottom:0; float:none; } /* dl > list_def */ dl.list_def { width:100%; padding-top:5px; float:left; } dl.list_def dt { padding:3px 0; text-align:right; font-weight:bold; float:left; clear:both; } dl.list_def dd { padding:3px 0; text-align:left; float:left; } /* dl > list_def_30 */ dl.list_def_30 { width:100%; padding-top:5px; float:left; } dl.list_def_30 dt { height:30px; text-align:right; font-weight:bold; float:left; clear:both; } dl.list_def_30 dd { height:30px; text-align:left; float:left; } /* dl > list_def_simple */ dl.list_def_simple { width:100%; padding-top:5px; float:left; } dl.list_def_simple dt { padding:3px 0; float:left; clear:both; } dl.list_def_simple dd { padding:3px 0; text-align:left; float:left; } dl.list_def_size_middle { width:63%; } /* dl > dds */ dl.dds { width:100%; padding-top:5px; float:left; } dl.dds dt { padding:2px 0; font-weight:bold; float:left; clear:both; } dl.dds dd { padding:2px; float:left; display:inline; } dl.dds dd img { display:inline; } /* dl > size */ dl.type_tight dt { padding:1px 0; float:left; clear:both; } dl.type_tight dd { padding:1px 0; float:left; } dl.dt12 dt { width:10%; margin-right:2%; } dl.dt12 dd { width:86%; } dl.dt15 dt { width:15%; margin-right:2%; } dl.dt15 dd { width:81%; } dl.dt20 dt { width:18%; margin-right:2%; } dl.dt20 dd { width:78%; } dl.dt25 dt { width:23%; margin-right:2%; } dl.dt25 dd { width:73%; } dl.dt30 dt { width:28%; margin-right:2%; } dl.dt30 dd { width:68%; } dl.dt40 dt { width:38%; margin-right:2%; } dl.dt40 dd { width:58%; } dl.dt50 dt { width:48%; margin-right:2%; } dl.dt50 dd { width:48%; } dl.dt75 dt { width:73%; margin-right:2%; } dl.dt75 dd { width:23%; } dl dt.dds5em { height:5em; } dl dt.dds7em { height:7em; } /* ol > list_def */ ol.list_def { padding-top:5px; } ol.list_def li { padding-top:4px; font-size:1em; line-height:1.4em; text-align:justify; } /* ol > list_def > type_simple ********************************************/ ol.type_simple li { padding-left:12px; font-size:1em; line-height:1.4em; background:url("../images/icon/ul_list_def_simple_d1.gif") no-repeat 0 0.4em; } ol.type_simple ul li { background:url("../images/icon/ul_list_def_simple_d2.gif") no-repeat 0 0.5em; } ol.type_simple ul li ul li { background:url("../images/icon/ul_list_def_simple_d3.gif") no-repeat 0 0.5em; } ol.type_simple ul li ul li ul li { background:url("../images/icon/ul_list_def_simple_d4.gif") no-repeat 0 0.5em; } ol.type_simple ol li { background:url("../images/icon/ul_list_def_simple_d2.gif") no-repeat 0 0.5em; } ol.type_simple ol li ol li { background:url("../images/icon/ul_list_def_simple_d3.gif") no-repeat 0 0.5em; } ol.type_simple ol li ol li ol li { background:url("../images/icon/ul_list_def_simple_d4.gif") no-repeat 0 0.5em; } ol.type_simple .icon_sub li { background-image:url("../images/icon/ul_list_def_simple_sub.gif"); } /* list detail_style */ ul.page_tab { padding-top:40px; } ul.selfp { padding-top:40px; } dl.selfp { padding-top:40px; } ol.selfp { padding-top:40px; } div.selfp { margin-top:40px; } /* list_type_dotline */ ul.list_type_dotline { border-top:solid 1px #ccc; float:left; } ul.list_type_dotline li { position:relative; width:100%; padding:10px 0; background:url("../images/linepoint/dotline_41_13_ccc.gif") repeat-x 0 100%; float:left; } ul.list_type_dotline li .detail_view { position:absolute; left:580px; top:15px; } /* list detail_style > line */ ul.list_underline_gray li { padding-bottom:10px; margin-top:10px; border-bottom:solid 1px #ccc; } /********************************************************************** @box style **********************************************************************/ /* rbox_type_blue */ .rbox_type_blue { width:100%; margin-top:15px; background:url("../images/layout/rbox_blue_bg.gif") no-repeat 0 0; } .rbox_type_blue ul, .rbox_type_blue .rbox_bottom { padding:15px 20px; background:url("../images/layout/rbox_blue_bg_bottom.gif") no-repeat 0 100%; } /* rbox_type_green */ .rbox_type_green { width:670px; margin-top:15px; background:url("../images/layout/rbox_green_bg.gif") no-repeat 0 0; } .rbox_type_green ul, .rbox_type_green .rbox_bottom { padding:15px 20px; background:url("../images/layout/rbox_green_bg_bottom.gif") no-repeat 0 100%; } /* rbox_type_yellow */ .rbox_type_yellow { width:670px; margin-top:15px; background:url("../images/layout/rbox_yellow_bg.gif") no-repeat 0 0; } .rbox_type_yellow ul, .rbox_type_yellow .rbox_bottom { padding:15px 20px; background:url("../images/layout/rbox_yellow_bg_bottom.gif") no-repeat 0 100%; } /* rbox_type_pink */ .rbox_type_pink { width:670px; margin-top:15px; background:url("../images/layout/rbox_pink_bg.gif") no-repeat 0 0; } .rbox_type_pink ul, .rbox_type_pink .rbox_bottom { padding:15px 20px; background:url("../images/layout/rbox_pink_bg_bottom.gif") no-repeat 0 100%; } /* rbox_type_grayline */ .rbox_type_grayline { width:670px; margin-top:15px; background:url("../images/layout/rbox_grayline_bg.gif") no-repeat 0 0; } .rbox_type_grayline .rbox_bottom { padding:15px 20px; background:url("../images/layout/rbox_grayline_bg_bottom.gif") no-repeat 0 100%; } .rbox_type_grayline .rbox_bottom_smallpadding { padding:15px 10px; } /* rbox_type_org_blue */ .rbox_type_org_blue { width:125px; background:url("../images/layout/rbox_org_blue_bg.gif") no-repeat 0 0; } .rbox_type_org_blue ul { padding:15px 5px; background:url("../images/layout/rbox_org_blue_bg_bottom.gif") no-repeat 0 100%; } /* rbox_tight */ .rbox_tight ul { padding:10px !important; } /********************************************************************** @line style **********************************************************************/ .dotline41_ccc_bottom { padding:5px 0; background:url("../images/linepoint/dotline_41_13_ccc.gif") repeat-x 0 100%; } /********************************************************************** @text **********************************************************************/ /* float */ .block_fr { float:right; display:block; } .imp_red_perfect { color:#ff0000; } .imp_blue_perfect { color:#0000ff; } .imp_blue_light { color:#618dbf; } .imp_pink_light { color:#f14e77; } .imp_pink_dark { color:#F553AE; } .imp_orange_perfect { color:#ff6600; } .imp_green_dark { color:#7baf43; } .sub_gray { font-size:0.92em; color:#aaa; } /********************************************************************** @p style **********************************************************************/ /* common */ .sub #content p { padding-top:10px; text-align:justify; } .sub #content p.layout { padding-top:0; text-indent:0; } /*#content p:first-letter { font-weight:bold; }*/ .sub #content p.tac { text-align:center; } .sub #content p.btn_block { padding-top:20px; } /* common > indent */ .sub #content .ind_01 { padding-left:10px; } .sub #content .ind_02 { padding-left:20px; } .sub #content .ind_03 { padding-left:30px; } .sub #content .ind_04 { padding-left:40px; } /* b > title */ .sub #content p b.title_def { padding-top:10px; display:block; } /* detail */ .sub #content p.selfp { padding-top:40px; } .sub #content .absp { padding-top:10px; } /********************************************************************** @layout **********************************************************************/ /* area > lreset */ .reset_area { width:100%; clear:both; } /* area > l70 */ .l70_area_left { width:69%; float:left; clear:both; } .l70_area_right { width:29%; float:left;} /* area > l65 */ .l65_area_left { width:59%; float:left; clear:both; } .l65_area_right { width:39%; float:left;} /* area > l60 */ .l60_area_left { width:58%; float:left; clear:both; } .l60_area_right { width:42%; float:left;} /* area > l50 */ .l50_area_left { width:52%; float:left; clear:both; } .l50_area_right { width:46%; float:left;} /* area > half */ .half_area_left, .half_area_right { width:36%; float:right; } .half_area_left { clear:both; } /* area > l40 */ .l40_area_left { width:39%; float:left; clear:both; } .l40_area_right { width:59%; float:left;} /* area > l37 */ .l37_area_left { width:36%; float:left; clear:both; } .l37_area_right { width:62%; float:left; } /* area > l35 */ .l35_area_left { width:34%; float:left; clear:both; } .l35_area_right { width:64%; float:left; } /* area > l30 */ .l30_area_left { width:29%; float:left; clear:both; } .l30_area_right { width:69%; float:left; } /* area > l25 */ .l25_area_left { width:24%; float:left; clear:both;} .l25_area_right { width:74%; float:left; } /* area > l20 */ .l20_area_left { width:19%; float:left; clear:both; } .l20_area_right { width:79%; float:left; } /* area > l15 */ .l15_area_left { width:14%; float:left; clear:both; } .l15_area_right { width:84%; float:left; } /* image */ .fl_img { margin-right:10px; float:left; } .fr_img { margin-left:10px; float:right; } /********************************************************************** @detail **********************************************************************/ /* common */ .btn_near_input { position:relative; top:4px; margin-right:3px; } .btn_near_text { position:relative; top:3px; } .no_bg { background:none !important; } .no_padding { padding:0 !important; } .no_margin { margin:0 !important; } .no_border { border:none !important; } .no_clear { clear:none !important; } .clear { clear:both; } .dpblock { display:block; } .dpnone { display:none; } .dpinline { display:inline; } .linkcursor { cursor:pointer; } .neartop { margin-top:0 !important; padding-top:0 !important; } .underline { text-decoration:underline; } hr.town_minwon_type_01 { border:solid 1px #f5faff; } .fl { float:left; } .fr { float:right; } .mt2 { margin-top:2px; } .no_h_style { padding:0 !important; margin:0 !important; background:none !important; }