img.png24 {tmp:expression(setPng24(this));} .ie6_mapfix{position:absolute; top:20px; left:25px;} html,body { /*overflow-y:scroll;*/ background: #ffffff url('../sub/img/main_bg.jpg') left top repeat-x; background-position:top; margin:0; padding:0; height:100%; /* needed for container min-height */ font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; font-size: 12px; color:#ffffff; width: 100%; line-height:140%; min-width:1000px; /* 최소 넓이가 지원되는 브라우져를 위해서 ...FF, IE7, safari */ } div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,td { margin: 0; padding: 0; color: #666;} table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,var { font-style: normal; font-weight: normal; } caption { display: none; } ol,ul { list-style: none; } h1,h2,h3,h4,h5,h6,h7,h8,h9 { font-size: 100%; font-weight: normal; } em { font-style: normal; } a { text-decoration: none; color: #666; } input, textarea { height: 18px; font-size:11px; color:#eaeaea; } select { height: 16px; font-size: 11px; color:#999999; border: 1px solid #eaeaea;} /* header */ #header { width: 100%; height: 291px; margin-bottom: 0px; display:block; float: left;} #header_in { position: relative; width: 1024px; height: 291px; margin: 0 auto;} #header_in #link1 { position: absolute; top: 66px; right: 0px; } #header_in #link2 { position: absolute; top: 7px; right: 0px; } #header_in #link2 img { margin: 0 3px; } #header_in h1 { position: absolute; top: 30px; left: 0px; } #header_in #logo_fc { position: absolute; top: 55px; left: 340px; } #top_menu { position: absolute; top: 12px; width: 296px; left:50%; margin-left: 212px; z-index:1111111111;} .top_table { height: 13px; background: url("../sub/img/top_bg.png") no-repeat; } .top_table td { text-align:center;} .top_table td. tl01 { text-align:right;} .logo_2020 {position:absolute; width:130px; height:110px; z-index:111111111111111111; top:65px; left:50%; margin-left:-500px; cursor: pointer; } .over_pop_btn {position:absolute; width:110px; height:90px; z-index:111111111111111111; top:150px; left:50%; margin-left:420px; cursor: pointer; } .over_pop_page {display:none; position:absolute; width:660px; height:440px; z-index:111111111111111112; top:150px; left:50%; margin-left:-140px; cursor: pointer;} /* .main_top_2020 {position:absolute; width:650px; height:40px; left:50%; top:87px; margin-left:-95px; z-index:1111111111;} .main_top_2020 .m1 {float:left; } .main_top_2020 .m1 h4 a {color:#000; font-size:16px; padding:20px 0; font-weight:900; letter-spacing:-1px; margin-left:35px;} .main_top_2020 .m1 h4 a:hover {color:#155bff; transition:all .2s;} .main_top_2020 .m2 {display:none; position:absolute; margin-top:15px;z-index:1111111111; height:50px;} .main_top_2020 .m2 li {float:left;} .main_top_2020 .m2 li a {font-size:13px; font-weight:900; color:#111; margin-right:15px; letter-spacing:-1px;} .main_top_2020 .m2 li a:hover {color:#155bff; transition:all .2s;} */ .ani {position:absolute; width:180px; height:61px; left:50%; top:579px; margin-left:-235px; z-index:1111111111;} .tail_2020_main {position:absolute; width:1004px; height:100px; left:50%; margin-left:-115px; top:180px;z-index:1111111111;} /* 공지사항 */ #notice { position: absolute; top: 580px; width: 230px; right:50%; margin-right: 260px;} .notice_table { height: 100px; } .notice_table td { text-align:left; font-size:11px;} .notice_table td.tl01 { padding-left:3px;} /* 퀵메뉴 */ #quick { position: absolute; top: 120px; width: 116px; left:50%; margin-left: 520px; z-index:1111111111;} /* leftmenu */ #leftmenu { float: left; width: 234px; padding-top: 51px;} /* contents */ #conts_wrapper { clear: both; width: 1024px; margin: 0 auto; } #contents { float: right; width: 790px; } h2 { height: 51px; font-size: 11px; padding: 0px 5px 0 0; text-align:right;} h3 { height: 100%; } h4 { padding-bottom: 30px;} /* title */ #title { width:1024px; position: absolute; top: 242px; left:50%; margin-left: -512px;} .title_table { height: 49px; } .title_table td {width:50%; text-align:left; } .title_table td.tl01 { background: url("../sub/img/line_bg.png") ; } /* title */ #title2 { width:1024px; position: absolute; top: 242px; left:50%; margin-left: -512px;} .title2_table { height: 100px; } .title2_table td {width:50%; text-align:left; } .title2_table td.tl01 { background: url("../sub/img/line_bg2.png") ; } /*login_box */ .login_box{width: 450px ; height: 367px; background: url("/sub/img/login_bg.gif") repeat-y right top; border-width:1; border-color:#d6dee6; } /*shopcontents */ /*#shop_wrapper { clear: both; width: 370px; margin: 0 auto; } #shopcontents { float: right; width: 280px; } h4 { height: 28px; margin : 0px 0 0px 8px; } h5 { height: 3px; margin : 0 0 0px 0px; } h6 { margin : 0 0 0px 7px; } h7 { height: 150px; margin-left: 8px; }*/ /* footer */ #footer { clear: both; width: 1024px; padding-top: 0px; margin: 0 auto; } #footer_in { position: relative; width: 1024px; height: 100px; margin: 0 auto; background: url("../sub/img/bg_header2.gif") no-repeat left bottom;} #footer_in h1 { position: absolute; top: 48px; left: 40px; } #footer_in #link1 { position: absolute; top: 45px; left: 220px; } #footer_in #link2 { position: absolute; top: 45px; right: 0px; } #footer li { float: left; margin-top: 4px; padding: 0 5px; height: 15px; background: url("../sub/img/bu_line02.gif") no-repeat right top;} #footer li.none { background: none; } #footer li img { vertical-align: middle; } #main_footer { clear: both; width: 100%; height: 60px; position: absolute; top: 650px; width: 1024px; left:50%; margin-left:-512px;} #main_footer h1 { position: absolute; top: 48px; left: 40px; } #main_footer #link1 { position: absolute; top: 45px; left: 220px; } #main_footer #link2 { position: absolute; top: 45px; right: 0px; } /*테이블*/ .table_defalt { width: 100%; border-top: 2px solid #8598b0; border-bottom: 2px solid #8598b0;} .table_defalt td { font-size: 11px; line-height:140%; color:#999999; border-bottom: 1px solid #f1f1f1; padding: 7px 0 7px 8px;} .table_defalt th { height:29px; font-size: 11px; color:#999999; border-bottom: 1px solid #f1f1f1; padding-left: 8px; text-align:left;} .table_defalt02 { width: 100%; border-top: 2px solid #8598b0;} .table_defalt02 td { font-size: 11px; line-height:140%; color:#999999; border-bottom: 1px solid #f1f1f1; padding: 7px 0 7px 8px;} .table_defalt02 td.tl01 { height:29px; font-size: 11px; color:#999999; border-bottom: 1px solid #f1f1f1; padding: 15px 0 5px 9px;} .table_defalt02 th { height:29px; font-size: 11px; color:#999999; border-bottom: 1px solid #f1f1f1; padding-left: 8px; text-align:left;} .table_defalt02 th.tl01 { height:29px; font-size: 11px; color:#999999; border-bottom: 1px solid #f1f1f1; padding: 15px 0 5px 9px;} .img_space { margin:40px 0 5px 5px; } .img_space2 { margin:40px 10px 5px 0 ; } .img_space3 { margin:0px 14px 40px 0 ; } .img_space4 { margin:0px 0 40px 0 ; } .img_space5 { margin:30px 0 0px 0 ; } .img_spacing { margin:30px 0 0 0 ; } .img_spacing2 { margin:0 0 7px 0 ; } .member_counter { height:50px; text-align:center; } .input_align { margin:40px 0 7px 30px; } .input_align2 { margin:40px 0 7px 0; font-size: 11px; color:#999999; border: 1px solid #e3e3e3;} .id_search { width: 100%; border-top: 2px solid #8598b0; border-bottom: 1px solid #e3e3e3; background: url("../sub/img/member_img33.gif") no-repeat} .id_search td { height:96px; font-size: 11px; color:#999999; padding: 5px 0 5px 8px;} .id_search td.tl01 { padding: 0px 0 0px 10px; } .id_search td.tl02 { padding: 0px 0 0px 10px; line-height:140%; } .pw_search { width: 100%; border-top: 1px solid #e3e3e3; border-bottom: 2px solid #8598b0; background: url("../sub/img/member_img37.gif") no-repeat} .pw_search td { height:115px; font-size: 11px; color:#999999; padding: 5px 0 5px 8px;} .pw_search td.tl01 { padding: 0px 0 0px 10px; } .pw_search td.tl02 { padding: 0px 0 0px 10px; line-height:140%; } .pw_input { width: 100%; } .pw_input td { height:-0px; } .pw_input th { font-size: 11px; color: #666;text-align:left;} .input_no1 { height:17px; font-size:11px; color: #333333; border:#e3e3e3 1px solid; width:120px;padding-left:3pt; } .input_no2 { height:17px; font-size:11px; color: #333333; border:#e3e3e3 1px solid; margin-bottom:-3px; } .input_no3 { height:17px; width: 100%; } /* text */ .mtext01 { padding: 0px 0 0px 0px; font-size: 11px; color: #000; font-weight: bold; } .mtext02 { padding: 0px 0 0px 0px; font-size: 11px; color: #0099cc; font-weight: bold; } .mtext03 { padding: 0px 0 0px 0px; font-size: 15px; color: #0099cc; font-weight: bold; } .sfont1 { font-size: 11px; line-height: 11pt;} .shoptext01 { padding: 0px 0 0px 0px; font-size: 12px; line-height: 20pt; color: #237d75; font-weight: bold; } .shoptext02 { padding: 0px 0 0px 0px; font-size: 12px; line-height: 11pt; color: #005baa; font-weight: bold; } .shoptext03 { padding: 0px 0 0px 0px; font-size: 11px; line-height: 11pt; color: #ff6000; } /* main */ #main_lt { float: left; width: 591px; overflow: hidden; } #main_rt { float: left; width: 288px; overflow: hidden; background: url("../sub/img/bg_line.gif") repeat-y left top; } #main_rt input, #main_rt img { vertical-align: middle; } #divBoard { position: absolute; visibility: visible; z-index:2; right: 50%; width: 290px; margin-right:190px; top: 520px;} #divBanner { position: absolute; visibility: visible; z-index:3; right: 50%; width: 290px; margin-left:190px; top: 520px;} .hline { background: url("../sub/img/bg_line02.gif") repeat-y right top; } .tl_img { height: 22px; text-align: left; } .mainbox01 { width: 591px; height: 127px; border-bottom: 1px solid #c1c1c1;overflow: hidden; } .mainbox02 { padding: 4px; border-bottom: 1px solid #c1c1c1;overflow: hidden; } .mainbox03 { padding: 4px;overflow: hidden; } .mainbox04 { width: 275px; height: 92px; padding: 27px 0 0 13px; overflow: hidden; } .mainbox05 { height: 215px; overflow: hidden; } .mainbox06 { height: 94px; width: 100%; overflow: hidden; text-align: center;overflow: hidden; } .mainbox07 { height: 113px; width: 264px; overflow: hidden; } .mainbox08 { height: 75px; width: 264px; overflow: hidden; } .mainbox09 { width: 591px; height: 382px; border-bottom: 1px solid #c1c1c1; overflow: hidden; } .mainbox01_1 { float: left; width: 126px; height: 127px; padding-left: 4px; } .mainbox01_2 { float: left; height: 127px; background: url("../sub/img/bg_line.gif") repeat-y left top; } .mainbox01_2 .main_list01 { width: 215px; height: 85px; float: left; margin-left: 12px; _margin-left: 6px; padding-top: 5px; } .mainbox01_2 .main_list01 li { line-height: 17px; color: #333; } .mainbox01_2 .main_list02 { width: 215px; height: 85px; float: left; margin-left: 12px; padding-top: 5px; } .mainbox01_2 .main_list02 li { line-height: 17px; color: #333; } .mainbox01_3 { float: left; width: 447px; height: 127px; padding-left: 4px; background: url("../sub/img/bg_line.gif") repeat-y left top; } .mainbox01_3_in { position: relative; float: left; width: 447px; height: 127px; padding-left: 4px; background: url("../sub/img/bg_pool.gif") no-repeat 3px top; } .mainbox01_3_in li { position: relative; float: left; } .mainbox01_3_in li p { font-size: 33px; font-weight: bold; color: #000; } .mainbox01_3_in li.li1 { position: relative; width: 80px; height: 70px; padding: 50px 0 0 10px; } .mainbox01_3_in li.li2 { position: relative; width: 200px; height: 70px; padding: 50px 0 0 10px; } .mainbox01_3_in li.li3 { position: relative; width: 135px; height: 70px; padding: 50px 0 0 10px;} .mainbox01_3_in li .temperature01 { position: absolute; top: 5px; right: 16px; width: 63px; height: 95px; background: url("../sub/img/temperature01.gif") no-repeat; font-size: 22px; color: #fff; font-weight: bold; text-align: center; padding-top: 15px; } .mainbox01_3_in li .temperature02 { position: absolute; top: 4px; right: 5px; _right: 4px; width: 63px; height: 95px; background: url("../sub/img/temperature02.gif") no-repeat; font-size: 22px; color: #ed174d; font-weight: bold; text-align: center; padding-top: 15px; } .mainbox01_3_in li.li2 .wait { position: absolute; top: 70px; left: 64px; font-weight: bold; color: #000; } .mainbox01_3_in li.li2 .stop { position: absolute; bottom: 5px; left: 5px; width: 23px; height: 18px; line-height: 18px; padding-left: 35px; color: #fff; font-weight: bold; font-size: 11px; overflow: hidden; background: url("../sub/img/bg_stop.gif") no-repeat;} .mainbox01_3_in li.li2 .out { position: absolute; bottom: 5px; left: 65px; width: 21px; height: 18px; line-height: 18px; padding-left: 30px; color: #fff; font-weight: bold; font-size: 11px; overflow: hidden; background: url("../sub/img/bg_out.gif") no-repeat;} .mainbox01_4 { padding-top: 22px; float: left; height: 127px; background: url("../sub/img/bg_line.gif") repeat-y left top; } .mainbox01_4 .main_list01 { width: 215px; height: 85px; float: left; margin-left: 12px; _margin-left: 6px; padding-top: 5px; } .mainbox01_4 .main_list01 li { line-height: 17px; color: #333; } .mainbox01_4 .main_list02 { width: 215px; height: 85px; float: left; margin-left: 12px; padding-top: 5px; } .mainbox01_4 .main_list02 li { line-height: 17px; color: #333; } .mainbox01_5 { float: left; width: 130px; } .mainbox01_5_in { width: 114px; text-align: center;} .mainbox01_5_in p { margin-bottom: 8px; } .mainbox01_5_in li { width: 114px; text-align: center; padding: 9px 0; } .mainbox01_5_in .updown_up { padding: 5px 0 10px 0; } .mainbox01_5_in .updown_down { padding: 10px 0 5px 0; } .mainbox01_6 { float: left; height: 110px; background: url("../sub/img/bg_line.gif") repeat-y left top; } .mainbox01_6 .main_list01 { width: 215px; height: 85px; float: left; padding-top: 5px; margin-right: 5px; } .mainbox01_6 .main_list01 li { margin-left: 12px; line-height: 17px; color: #333; } .mainbox01_6 .main_list01 li span { display: inline-block; width: 62px; } .mainbox01_6 .main_list02 { width: 218px; height: 85px; float: left; margin-left: 12px; padding-top: 5px; } .mainbox01_6 .main_list02 li { margin-left: 12px; _margin-left: 12px; line-height: 17px; color: #333; } .mainbox01_6 .main_list02 li span { display: inline-block; width: 58px; } .mainbox01_7 { float: left; width: 450px; height: 127px; background: url("../sub/img/bg_line.gif") repeat-y left top; } .mainbox01_7 .main_list01 { width: 430px; height: 85px; float: left; margin-left: 10px; _margin-left: 6px; padding-top: 5px; } .mainbox01_7 .main_list01 li { line-height: 17px; color: #333; } .mainbox01_7 .main_list01 li .icon { display: inline-block; width: 60px;} .mainbox01_7 .main_list01 li .name { display: inline-block; width: 184px;} .mainbox01_7 .main_list01 li a { color: #333; } .mainbox01_7 .main_list01 li img { vertical-align: middle; } .mainbox04_1 .main_list01 { width: 180px; height: 76px; float: left; padding-top: 5px; } .mainbox04_1 .main_list01 .idpw { width: 105px; border: 1px solid #ddd; height: 16px;} .mainbox04_1 .main_list01 .login_box { height: 44px; } .mainbox04_1 .main_list01 .login_box div { height: 22px; } .mainbox04_1 .main_list01 .login_box p { height: 20px; color: #333; } .mainbox04_1 .main_list01 .login_box p .st01 { color: #2173ad; font-size: 14px; font-weight: bold;} .mainbox04_1 .main_list01 .login_box p .st02 { color: #2173ad; font-weight: bold;} .mainbox04_1 .main_list02 { float: left; width: 92px; text-align: center; } .mainbox04_1 .main_list02 img { display: inline-block; margin-top: 10px; } .mainbox04_1 .fwb { font-weight: bold; } .mainbox04_1 .color { color: #333; letter-spacing: -1px; } .mainbox05 li { width: 95px; text-align: center; font-weight: bold; float: left; margin: 5px 0; height: 80px; } .mainbox05 li li { padding: 0; margin: 0; height: 13px; } .mainbox05 li.tl { color: #333; padding: 3px 0; } .mainbox05 li.arrow_up { height: 28px; padding-top: 12px; background: url("../sub/img/arrow_up.gif") no-repeat 50% 50%; color: #fff; font-size: 11px; line-height: 12px; } .mainbox05 li.arrow_down { height: 35px; padding-top: 5px; background: url("../sub/img/arrow_down.gif") no-repeat 50% 50%; color: #fff; font-size: 11px; } .mainbox05 li.price_up { color: #ff1901; font-size: 14px; padding: 3px 0; } .mainbox05 li.price_down { color: #053df1; font-size: 14px; padding: 3px 0; } .mainbox06 .mainbox06_icon img { margin: 9px 10px; } .mainbox07 .mainbox07_list { width: 250px; } .mainbox07 .mainbox07_list li { line-height: 18px; padding-left: 10px; } .mainbox07 .mainbox07_list a { color: #333; } .mainbox08 .mainbox08_list li { line-height: 18px; padding-left: 10px; } .mainbox08 .mainbox08_list li span { display: inline-block; width: 115px; } .mainbox08 .mainbox08_list a { color: #333; } .tb01 { width: 115px; font-size: 11px; line-height: 11pt; font-weight:bold; height: 28px; text-align: left; border-bottom: 1px solid #e3e3e3; padding-left: 8px; } .tb01 th { height: 30px; border-top: 2px solid #000; border-bottom: 1px solid #bbb; } .tb01 td { height: 28px; text-align: left; border-bottom: 1px solid #e3e3e3; padding-left: 8px; } .tb01 td.tl01 { text-align: left; padding-left: 15px; } .tb01 td.spc01 { height: 5px; } .tb01 td.spc02 { height: 8px; } .tb02 { width: 689px; font-size: 11px; line-height: 11pt; height: 28px; text-align: left; border-bottom: 1px solid #e3e3e3; padding-left: 8px; } .tb02 th { height: 30px; border-top: 2px solid #000; border-bottom: 1px solid #bbb; } .tb02 td { height: 28px; text-align: left; border-bottom: 1px solid #e3e3e3; padding-left: 8px; } .tb02 td.tl01 { text-align: left; padding-left: 15px; } .tb02 td.spc01 { height: 5px; } .tb02 td.spc02 { height: 8px; } .tb02_1 { width: 100%; font-size: 11px; line-height: 11pt; height: 26px; text-align: left; padding-left: 0px; } /*.tb02_1 th { height: 30px; border-top: 2px solid #000; border-bottom: 1px solid #bbb; }*/ .tb02_1 td { height: 26px; border-bottom: 1px solid #e3e3e3; padding-left: 0px; } .tb02_2 td { height: 26px; border: 1px solid #e3e3e3; padding-left: 0px; } /*.tb02_1 td.tl01 { text-align: left; padding-left: 15px; } .tb02_1 td.spc01 { height: 5px; } .tb02_1 td.spc02 { height: 8px; }*/ .tb03_1 { width: 100px; font-size: 11px; line-height: 11pt; height: 26px; text-align: left; padding-left: 0px; } /*.tb02_1 th { height: 30px; border-top: 2px solid #000; border-bottom: 1px solid #bbb; }*/ .tb03_1 td { height: 26px; border-bottom: 1px solid #e3e3e3; padding-left: 0px; } .tb03_2 td { height: 26px; border: 1px solid #e3e3e3; padding-left: 0px; } /*.tb02_1 td.tl01 { text-align: left; padding-left: 15px; } .tb02_1 td.spc01 { height: 5px; } .tb02_1 td.spc02 { height: 8px; }*/ .member_tb01 { width: 115px; font-size: 11px; line-height: 11pt; font-weight:bold; height: 28px; border-bottom: 1px solid #e3e3e3; text-align: left; padding-left: 8px; color:#7d7c7c; } .member_tb01 th { height: 30px; border-top: 2px solid #8598b0; border-bottom: 1px solid #bbb; } .member_tb01 td { height: 28px; text-align: left; border-bottom: 1px solid #e3e3e3; padding-left: 8px; } .member_tb02 { font-size: 11px; line-height: 11pt; height: 28px; text-align: left; border-bottom: 1px solid #e3e3e3; padding-left: 8px; } .member_tb02 th { height: 30px; border-top: 2px solid #8598b0; border-bottom: 1px solid #bbb; } .member_tb02 td { height: 28px; text-align: left; border-bottom: 1px solid #e3e3e3; padding-left: 8px; } .shop01_1 { width: 300px; height: 300px; border: 3px solid #005baa; padding-left: 0px; text-align: center; } /*.tb02_1 th { height: 30px; border-top: 2px solid #000; border-bottom: 1px solid #bbb; }*/ .shop01_1 td { height: 300px; height: 300px; border: 3px solid #005baa; padding-left: 0px; } /*.shop01_2 td { height: 26px; border: 1px solid #e3e3e3; padding-left: 0px; }*/ .shop02_1 { width: 70px; height: 70px; border-collapse:separate; border-spacing:3px;} .shop02_1 td { height: 70px; height: 70px; border: 2px solid #005baa;} .shop03_1 { width: 70px; height: 70px; solid #005baa; margin-bottom: 0px; } /*.shop02_1 th { height: 700px;padding-bottom: 3px; }*/ .shop03_1 td { height: 70px; height: 70px; border: 2px solid #005baa; } .shop03_2 td { height: 70px; height: 70px; border: 2px solid #005baa; } /* shopmenu */ #shopmenu { float: left; width: 100px; font-weight:bold; line-height: 20pt; padding-top: 0px;border-right: 0px solid #c1c1c1; text-align: left; } #shopmenu2 { float: left; width: 270px;line-height: 20pt; padding-top: 0px;border-right: 0px solid #c1c1c1; text-align: left; } /*shopcontents */ /*#shop_wrapper { clear: both; width: 370px; margin: 0 auto; } #shopcontents { float: right; width: 280px; } h2 { height: 35px; font-size: 11px; } h3 { height: 150px; margin-left: 8px; } h4 { height: 28px; margin : 0px 0 0px 8px; } h5 { height: 3px; margin : 0 0 0px 0px; } h6 { margin : 0 0 0px 7px; } h7 { height: 150px; margin-left: 8px; }*/ /*shopbtn */ #shop_btn { float: left; width: 220px; padding:35px 0 0 9px ;border-right: 0px solid #c1c1c1; text-align: left; } /*.tb02 { width: 100%; border-top: 2px solid #000; border-bottom: 2px solid #000; } .tb02 th { height: 30px; background: url("../sub/img/bu_line01.gif") no-repeat right 50%; } .tb02 td { height: 30px; padding-left: 7px; } .tb02 .tr01 { border-bottom: 1px solid #000; } .tb02 .tr02 { border-bottom: 1px solid #bbb; } .tb02 .tr03 { border-top: 2px solid #000; border-bottom: 1px solid #bbb; } .tb02 .thnone { background: none; } .tb02 .bt_line { background: url("../sub/img/bu_line06.gif") repeat-x left bottom;} .tb02 .tb02s { padding: 15px 0; } .tb02 .tb02s textarea { width: 640px; height: 200px; line-height: 140%; padding: 3px;} .tb02 .tb02_conts01 { } .tb02 .tb02_conts01 .tb02_conts01_lt { float: left; width: 363px; min-height: 120px; margin: 0 13px 0 0; background: url("../sub/img/bu_line04.gif") repeat-y right top; } .tb02 .tb02_conts01 .tb02_conts01_lt p { padding: 0 0 14px 0; width: 348px; } .tb02 .tb02_conts01 .tb02_conts01_lt textarea.txta { width: 348px; height: 87px; } .tb02 .tb02_conts01 .tb02_conts01_rt { float: left; width: 260px; } .tb02 .tb02_conts01 .tb02_conts01_rt p { padding: 5px 0; width: 237px; } .tb02 .tb02_conts01 .tb02_conts01_rt textarea.txta { width: 237px; height: 37px; margin: 0 0 3px 0; } .tb02 .tb02_conts01 .tb02_conts01_rt div { padding: 3px 0; } .tb02 .tb02_conts01 .tb02_conts01_rt div span { display: inline-block; width: 107px; } .tb02 .tb02_conts01 .tb02_conts01_rt div select.selt1 { width: 86px; margin-right: 3px; color: #808080; } .tb02 .tb02_conts01 .tb02_conts01_rt div select.selt2 { width: 47px; margin-right: 3px; color: #808080; } .tb02 .tb02_conts01 .tb02_conts01_rt div select, .tb02 .tb02_conts01 .tb02_conts01_rt div img { vertical-align: middle; }*/ .tb03 { width: 100%; border-bottom: 2px solid #bbb; } .tb03 select, .tb03 img, .tb03 input { vertical-align: middle; } .tb03 th { padding: 5px 0; border-top: 2px solid #000; border-bottom: 1px solid #bbb; line-height: 18px; } .tb03 td { line-height: 18px; } .tb03 td img.imgs { margin: 2px 0; } .tb03 .thbg01 { background: url("../sub/img/bg_th01.gif") no-repeat 50% 50%; } .tb03 .tb03_name { width: 65px; height: 32px; margin: 3px auto 0 auto; } .tb03 .tb03_name span { display: inline-block; padding-top: 15px; } .tb03 .tb03_name .frt { width: 23px; } .tb03 .tb03_name .frt img { margin-bottom: 1px; } .tb03 .tal { text-align: left; } .tb03 .tar { text-align: right; } .tb03 .tac { text-align: center; } .tb03 .pdt { padding-top: 7px; } .tb03 .bar { width: 408px; background: url("../sub/img/bg_bar.gif") repeat-x left 5px;} .tb03 td select { width: 74px; } .tb03 td .thermometer { position: relative; width: 27px; margin: 3px auto 0 auto; height: 44px; padding-top: 7px; font-size: 10px; background: url("../sub/img/bg_thermometer.gif") no-repeat left top; color: #fff; text-align: center; letter-spacing: -2px; font-weight: bold; } .tb03 td .thermometer2 { width: 27px; margin: 3px auto 0 auto; height: 44px; padding-top: 7px; font-size: 11px; background: url("../sub/img/bg_thermometer2.gif") no-repeat left top; color: #ed174d; text-align: center; font-weight: bold; } .tb03 td .graph { width: 24px; margin: 3px auto 0 auto; height: 44px; padding-top: 7px; text-align: center; } .tb03 td .graph img { margin: 2px 0; } .tb03 td textarea.txta1 { width: 228px; height: 40px; padding: 2px; } .tb03 td .tb03_cts { padding: 15px 0 30px 0; position: relative; *position: inherit;} .tb03 td .tb03_cts dl dd span { padding-left: 20px; } .tb03 td #tb03_cts2 { height: 2px; position: relative; display:none; } .tb03_contents { position: relative; width: 717px; } .tb03_contents_lt { position: relative; width: 277px; float: left; padding-bottom: 30px; overflow: hidden; } .tb03_contents_rt { position: relative; width: 434px; float: right; padding-bottom: 30px;} .tb03_contents_lt2 { position: relative; width: 277px; float: left; padding-bottom: 20px; overflow: hidden; } .tb03_contents_rt2 { position: relative; width: 434px; float: right; padding-bottom: 20px;} .box_sms { height: 130px; overflow: hidden; } .box_fund { height: 160px; overflow: hidden; } .box_alarm { height: 90px; overflow: hidden; } .box_memo { height: 90px; overflow: hidden; } .box_memo2 { height: 190px; overflow: hidden; } .box_memo3 { height: 112px; overflow: hidden; } .box_memo3 td { height: 20px; overflow: hidden; } .box_info { height: 152px; overflow: hidden; } .box_finance { height: 67px; overflow: hidden; } .box_service { height: 50px; overflow: hidden; } .box_product { height: 157px; overflow: hidden; } .box_guest { height: 132px; overflow: hidden; _height: 134px;} .tb03_cts_box1 { width: 100%; position: relative; } .tb03_cts_dl01 { width: 247px; height: 69px; } .tb03_cts_dl01 dt { height: 22px; width: 45px; float: left; } .tb03_cts_dl01 dd { height: 22px; font-size: 11px; color: #808080; } .tb03_cts_dl02 { width: 402px; position: absolute; top: 10px; right: 15px; } .tb03_cts_dl02 dt { height: 22px; width: 45px; float: left; } .tb03_cts_dl02 dd { height: 22px; font-size: 11px; color: #808080; line-height: 13px; } .tb03_cts_box2_lt { width: 277px; float: left; position: relative; clear: left; } .tb03_cts_box2_lt2 { width: 277px; position: relative; clear: left; } .tb03_cts_box2_in p { padding-bottom: 5px; } .tb03_cts_box2_in p.p2 { padding: 5px 0 8px 0; } .tb03_cts_box2_in p.p3 { padding: 0 0 8px 0; vertical-align: bottom; *padding: 0 0 7px 0; #padding: 0 0 4px 0; } .tb03_cts_box2_in p.p3 img { vertical-align: middle; } .tb03_cts_box2_in p.p3 span { display: inline-block; padding: 0 0 0 40px; *padding-top: 7px; font-weight: bold; font-size: 11px; } .tb03_cts_box2_in p.p3 .pd { display: inline-block; padding: 4px 0 0 120px; } .tb03_cts_box2_in p.p4 { padding: 5px 0 0 0; font-size: 11px; } .tb03_cts_box2_in p.p4 img { margin-right: 10px; } .tb03_cts_box2_in textarea.txta { width: 240px; height: 36px; margin: 0 0 3px 0; padding: 2px} .tb03_cts_box2_in div { padding: 3px 0; font-size: 11px; color: #808080; } .tb03_cts_box2_in div span { display: inline-block; width: 107px; } .tb03_cts_box2_in div select.selt1 { width: 86px; margin-right: 3px; color: #808080; font-size: 11px; } .tb03_cts_box2_in div select.selt2 { width: 47px; margin-right: 3px; color: #808080; font-size: 11px; } .tb03_cts_box2_in div select, .tb03_cts_box2_in div img { vertical-align: middle; } .tb03_cts_box2_in .dotline { margin-top: 6px; background: url("../sub/img/bu_line05.gif") repeat-x left top; } .tb03_cts_box2_in ul li { height: 22px; font-size: 11px; color: #808080; } .tb03_cts_box2_in ul li select { float: right; width: 190px; font-size: 11px; color: #808080; } .tb03_cts_box2_in ul li input { margin-right: 3px; } .tb03_cts_box2_in .ul2 li { height: 18px; font-size: 11px; } .tb03_cts_box2_in .sbox01 { width: 34px; } .tb03_cts_box2_in .sbox02 { width: 120px; text-align: center; } .tb03_cts_box2_in .sbox01 img, .tb03_cts_box2_in .sbox02 img { padding: 4px 0; } .tb03_cts_box2_rt { clear: both; float: right; width: 434px; position: absolute; top: 72px; right: 0; } .tb03_cts_box2_rt2 { clear: both; float: right; width: 434px; position: absolute; top: 260px; right: 0; } .tb03_cts_box2_rt3 { float: right; width: 434px; position: relative; } .social { width: 277px; height: 30px; position: relative; } .social input { width: 89px; height: 18px; border: 1px solid #dcdcdc; } .mini_tb01 { width: 100%; border-top: none; border-left: 1px solid #7f9db9; } .mini_tb01 img, .mini_tb01 input { vertical-align: middle; } .mini_tb01 th, .mini_tb01 td { padding: 1px; *padding: 0; border-right: 1px solid #7f9db9; border-bottom: 1px solid #7f9db9; font-size: 11px; color: #808080; font-weight: normal; text-align: center; } .mini_tb01 th { border-top: 1px solid #7f9db9; } .mini_tb02 { width: 100%; border-top: none; } .mini_tb02 th { padding: 1px 0; border-top: 1px solid #7f9db9; border-bottom: 1px solid #7f9db9; font-size: 11px; color: #808080; font-weight: normal; text-align: center; background: #f5f7f9; } .mini_tb02 td { padding: 1px; font-size: 11px; color: #808080; font-weight: normal; text-align: center; line-height: 16px; } .mini_tb02 .bd1 { border-left: 1px solid #7f9db9; } .mini_tb02 .bd2 { border-right: 1px solid #7f9db9; } .mini_tb02 .space { height: 5px; } .tb04 { width: 100%; border-bottom: 2px solid #000; } .tb04 th { height: 30px; border-bottom: 1px solid #bbb; } .tb04 td { text-align: center; line-height: 18px; border-bottom: 1px solid #e6e6e6; padding: 7px 0; } .tb04 td.tl01 { text-align: left; padding-left: 15px; } .tb04 td.spc01 { height: 10px; } .tb04 .tal { text-align: left; padding-left: 10px; } .tb05 { width: 100%; border-top: 1px solid #7f9db9; border-left: 1px solid #7f9db9; } .tb05 th { padding: 7px 0 0 8px; text-align: left; border-right: 1px solid #7f9db9; border-bottom: 1px solid #7f9db9; color: #808080; font-size: 11px; } .tb05 td { padding: 7px; border-right: 1px solid #7f9db9; border-bottom: 1px solid #7f9db9; color: #808080; font-size: 11px; line-height: 110%; } .tb06 { width: 100%; } .tb06 .txt01 { width: 205px; } .tb06 .txt02 { width: 40px; } .tb06 .txt03 { display: inline-block; width: 43px; } .tb06 .txt04 { margin: 5px 0; width: 220px; height: 160px; padding: 10px; border: 1px solid #7f9db9; font-size: 11px; color: #808080; line-height: 18px; } .tb06 .txt05 { color: #242424; font-weight: bold; letter-spacing: -1px; } .tb06 .txt06 { width: 98px; } .tb06 .txt07 { width: 191px; } .tb06 .txt08{ width: 351px; } .tb06 .txt09 { width: 220px; padding: 10px; border: 1px solid #7f9db9; font-size: 11px; color: #808080; text-align: center; } .tb06 .txt09 img.img { border: 2px solid #f6f6f6; margin-bottom: 5px;} .tb06 .txt10 { width: 400px; border: 1px solid #7f9db9; text-align: center; padding: 10px 0; } .tb06 .txt12 { width: 93px; } .tb06 .txt13 { width: 94px; } .tb06 .txt14 { width: 368px; margin-top: 3px; } .tb06 .ph { padding: 3px 0; } .tb06 th { font-size: 11px; font-weight: normal; } .tb06 th, .tb06 td { padding: 3px; vertical-align: top; color: #808080; } .tb06 th img { padding-top: 2px; } .tb06 img, .tb06 input, .tb06 select { vertical-align: middle; } .dotline { padding: 18px 0; background: url("../sub/img/bu_line05.gif") repeat-x left 50%; } .tb06 .txt11 { width: 158px; *width: 152px; } .tb07 { width: 100%; border-top: 1px solid #7f9db9; border-left: 1px solid #7f9db9; } .tb07 th { padding: 2px 4px 1px 4px; border-right: 1px solid #7f9db9; border-bottom: 1px solid #7f9db9; color: #808080; font-size: 11px; } .tb07 td { padding: 2px 4px 1px 13px; border-right: 1px solid #7f9db9; border-bottom: 1px solid #7f9db9; color: #808080; font-size: 11px; line-height: 110%; } .tb08 { width: 100%; border-bottom: 2px solid #000; } .tb08 th { height: 30px; border-bottom: 1px solid #bbb; } .tb08 td { height: 30px; text-align: center; background: url("../sub/img/bu_line08.gif") repeat-x left bottom;} .tb08 td.tl01 { text-align: left; } .tb08 td.spc01 { height: 10px; } .tb08 td.spc02 { height: 17px; } .tb08 .cts01 { padding: 10px 10px 10px 16px; margin: 10px 0; line-height: 150%; text-align: left; color: #969696; background: #fbfbfb url("../sub/img/ico_a.gif") no-repeat left 12px;} .tb08 .none { background: none; } .tb08 td img { vertical-align: middle; } .tb09 { width: 100%; border-bottom: 2px solid #000; } .tb09 th { height: 30px; border-top: 2px solid #000; border-bottom: 1px solid #bbb; } .tb09 td { height: 30px; text-align: center; background: url("../sub/img/bu_line08.gif") repeat-x left bottom;} .tb09 td.tl01 { text-align: left; padding-left: 15px; } .tb09 td.spc01 { height: 10px; } .tb09 td.spc02 { height: 17px; } .tb09 .cts01 { padding: 10px; margin: 10px 0; background: #fbfbfb; line-height: 150%; text-align: left; color: #969696; } .tb09 .none { background: none; } .tb10 { width: 100%; border-bottom: 2px solid #000; } .tb10 th { height: 30px; border-top: 2px solid #000; border-bottom: 1px solid #bbb; } .tb10 td { height: 30px; text-align: center; } .tb10 td.tl01 { text-align: left; padding-left: 15px; } .tb10 td.spc01 { height: 10px; } .tb10 td.spc02 { height: 17px; } /* MY PAGE */ .mycoin { width: 100%; height: 224px; background: url("../sub/img/cts_img01.gif") no-repeat right bottom; overflow: hidden; } .mycoin2 { width: 100%; height: 224px; background: url("../sub/img/cts_img02.gif") no-repeat left 50px; overflow: hidden; } .mycoin3 { width: 100%; height: 229px; background: url("../sub/img/cts_img04.gif") no-repeat right bottom; border-bottom: 4px solid #000; overflow: hidden; } .mycoin_info { padding: 57px 0 34px 10px; font-size: 24px; color: #000; font-weight: bold; } .mycoin_info img { padding: 3px 0 4px 8px; vertical-align: bottom;} .mycoin_it { float: left; margin-left: 10px; font-size: 24px; color: #000; font-weight: bold; } .mycoin_it img { padding: 3px 0 0 0; } .mycoin_btn { float: left; width: 140px; margin-left: 30px; } .mycoin_box { width: 354px; } .mycoin_box2 { width: 310px; } .mycoin_box3 { width: 400px; } .mycoin_box_in { line-height: 18px; } .mycoin_box_in p { padding: 5px 0 10px 0; } .mycoin_box_in .dl1 dt { float: left; width: 120px; font-size: 11px; color: #808080; } .mycoin_box_in .dl1 dd { font-size: 11px; color: #808080; } .mycoin_box_in .dl2 { font-size: 11px; color: #808080; border-top: 1px solid #7f9db9; border-left: 1px solid #7f9db9; } .mycoin_box_in .dl2 dt { float: left; width: 110px; height: 20px; font-size: 11px; color: #808080; border-bottom: 1px solid #7f9db9; border-right: 1px solid #7f9db9; line-height: 20px; padding-left: 8px; font-weight: bold; } .mycoin_box_in .dl2 dd { font-size: 11px; height: 20px; color: #808080; border-right: 1px solid #7f9db9; border-bottom: 1px solid #7f9db9; line-height: 20px;} .mycoin_box_in .dl2 dd span { display: inline; padding-left: 8px; } .mycoin_box_in .dl2 .tl01 { color: #808080; } .mycoin_box_in .dl2 .tl02 { color: #56aaff; } .mycoin_box_in .dl2 .tl03 { color: #428edb; } .mycoin_box_in .dl2 .tl04 { color: #0e549b; } .quick_list { width: 100%; overflow: hidden; } .quick_list dl { width: 164px; float: left; } .quick_list dt { width: 164px; padding: 4px 0 6px 0; } .quick_list dd { width: 164px; } .quick_list dd input { vertical-align: middle; } .quick_list dd li { padding: 0 0 0 6px; height: 20px; line-height: 20px; border: 1px solid #7f9db9; border-top: none; color: #808080; font-size: 11px; overflow: hidden; *padding: 1px 0 0 6px; *height: 19px; } .quick_list dd li.topline { border-top: 1px solid #7f9db9;} textarea.terms01 { width: 675px; padding: 5px; height: 140px; border: none; font-size: 11px; line-height: 140%; } .join_check { width: 375px; margin: 10px auto; } .join_check th, .join_check td { padding: 2px; } .join_check .txt01 { width: 204px; } .join_check .txt02 { width: 93px; } .join_ok { width: 653px; margin: 50px auto; } .info_list { width: 100%; } .info_list .info_list_tl { margin-top: 25px; height: 37px; overflow: hidden; } .info_list .info_list_tl2 { margin-top: 70px; height: 37px; overflow: hidden; } .info_list table { width: 100%; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; } .info_list table th { text-align: left; } .info_list table .spc01 { padding-top: 24px; } .info_list table .spc02 { padding-bottom: 24px; } .info_list table .txt01 { width: 203px; } .info_list table .txt02 { width: 80px; } .info_list table .txt03 { width: 105px; } /* ȳ */ .center01 { width: 100%; text-align: center; margin-top: 70px; } .center01 li { margin-top: 30px; padding-bottom: 60px; background: url("../sub/img/bu_line07.gif") no-repeat center bottom; } .center02 { width: 705px; text-align: center; } .center02 li { margin-top: 20px; padding-bottom: 50px; background: url("../sub/img/bu_line07.gif") no-repeat center bottom; } .center02 li img { margin: 10px 0; } .center02 .spc { margin-top: 0; } .solus01 { width: 100%; text-align: center; } .solus01 img.img1 { display: block; margin: 30px auto; } .solus01 img.img2 { display: block; margin: 20px auto; } .solus02 { width: 100%; margin-top: 25px; } .solus02 img { display: block; padding: 15px 0; } .solus02 .img2 { display: block; clear: left; float: left; margin: 0 13px 0 0; } .solus02 .img3 { display: block; float: left; } .solus02 .img4 { display: block; padding: 3px 0; } .solus02 .img5 { display: block; clear: left; float: left; padding: 0; } .solus02 .video { display: block; padding: 15px 0; } .solus02 .video img { margin: 0; padding: 0; } .solus03 { width: 100%; text-align: center; margin-top: 25px;} .solus03_in { padding-top: 376px; background: url("../sub/img/cts_img26.gif") no-repeat left top; } .solus03_in2 { padding-top: 376px; background: url("../sub/img/cts_img29.gif") no-repeat left top; } .solus04 { width: 100%; text-align: center; height: 390px; background: url("../sub/img/cts_img28.gif") no-repeat left bottom;} .solus04 img { padding-top: 40px; } .kit01 { width: 469px; } .kit01 li { float: left; } .faq_search { width: 100%; margin-top: 10px; height: 60px; } .faq_search_box { width: 598px; margin-left: 18px; padding: 3px; height: 20px; border: 4px solid #595959; } .faq_search_box select, .faq_search_box input, .faq_search_box img { vertical-align: middle; } .faq_search_box select { width: 75px; height: 17px; border: 1px solid #fff; width: 100px; color: #333; font-size: 11px; } .faq_search_box .searchtxt { width: 400px; padding: 0 10px; border: 1px solid #a6a6a6; border-top: none; border-bottom: none; } /* BOARD PAGING */ .paging01 { width: 100%; margin-top: 17px; text-align: center; } .paging01 img { margin: 0 3px; vertical-align: middle; } .paging01 span { margin: 0 5px; font-size: 11px; } .paging01 .on { color: #ff0000; font-weight: bold; } /* BOARD SEARCH */ .tb_search01 { width: 100%; margin: 14px 0; text-align: center; } .tb_search01 select { width: 100px; } .tb_search01 input { height: 18px; border: 1px solid #dcdcdc; } .tb_search01 input.txt01 { width: 148px; height: 18px; border: 1px solid #dcdcdc; } .tb_search01 select, .tb_search01 input, .tb_search01 img { vertical-align: middle; } .tb_search02 { width: 100%; margin: 9px 0; } .tb_search02 input, .tb_search02 select, .tb_search02 img { vertical-align: middle; } .tb_search02 select { width: 90px; font-size: 11px; color: #808080;} .tb_search02 input.txt01 { width: 100px; height: 18px; border: 1px solid #dcdcdc; } /* TAB */ .tabs { width: 100%; height: 32px; background: url("../sub/img/bg_tab.gif") repeat-x left bottom; overflow: hidden; } .tabs li { float: left; width: 263px; height: 32px; overflow: hidden; } .tabs .tab1 {text-align: left; } .tabs .tab2 {text-align: center; } .tabs .tab3 {text-align: right; } .tabs2 { width: 100%; height: 32px; background: url("../sub/img/bg_tab2.gif") repeat-x left bottom; overflow: hidden; } .tabs2 li { display: block; float: left; height: 32px; color: #888; overflow: hidden; line-height: 32px; text-align: center; } .tabs2 .tabon { width: 80px; font-weight: bold; background: url("../sub/img/tab2_on.gif") no-repeat left top; } .tabs2 .tabon2 { width: 130px; font-weight: bold; background: url("../sub/img/tab2_on2.gif") no-repeat left top; } .tabs2 .tabon3 { width: 137px; font-weight: bold; background: url("../sub/img/tab2_on3.gif") no-repeat left top; } .tabs2 .tabon a, .tabs2 .tabon2 a { color: #000; } .tabs2 .taboff { width: 80px; background: #f7f7f7; background: url("../sub/img/tab2_off.gif") no-repeat left top;} .tabs2 .taboff2 { width: 80px; background: #f7f7f7; background: url("../sub/img/tab2_off2.gif") no-repeat left top;} .tabs2 .taboff3{ width: 130px; background: #f7f7f7; background: url("../sub/img/tab2_off3.gif") no-repeat left top;} .tabs2 .taboff4 { width: 130px; background: #f7f7f7; background: url("../sub/img/tab2_off4.gif") no-repeat left top;} .tabs2 .taboff5 { width: 137px; background: #f7f7f7; background: url("../sub/img/tab2_off5.gif") no-repeat left top;} .tabs2 .taboff6 { width: 137px; background: #f7f7f7; background: url("../sub/img/tab2_off6.gif") no-repeat left top;} .tabs2 .tab_btn { float: right; width: 480px; padding-top: 7px; text-align: right; } .tabs2 .tab_btn span { display: block; float: left; padding-top: 5px; font-size: 11px; color: #ff0000; } /* BUTTON */ .btn_lt { width: 100%; margin: 17px 0; text-align: left; } .btn_ct { width: 100%; margin: 17px 0; text-align: center; } .btn_ct input { vertical-align: middle; } .btn_ct2 { width: 100%; margin: 6px 0; text-align: center; } .btn_rt { width: 100%; margin: 17px 0; text-align: right; } /* TEXT BOX */ .member_in { font-size:11px; color: #333333; border:#e3e3e3 1px solid; width:197px;padding-left:3pt; } .member_in2 { font-size:11px; color: #333333; border:#e3e3e3 1px solid; width:197px;padding-left:3pt; margin:0 0 7px 0 ;} .member_no { font-size:11px; color: #333333; border:#e3e3e3 1px solid; width:100px;padding-left:3pt; } .member_no2 { font-size:11px; color: #333333; border:#e3e3e3 1px solid; width:50px;padding-left:3pt; } .member_no3 { font-size:11px; color: #333333; border:#e3e3e3 1px solid; width:25px;padding-left:3pt; } .member_no4 { font-size:11px; color: #333333; border:#e3e3e3 1px solid; height:19px;width:197px;padding-left:3pt; } .member_no5 { font-size:11px; color: #333333; border:#e3e3e3 1px solid; height:19px;width:50px;padding-left:3pt; } .member_no6 { font-size:11px; color: #333333; border:#e3e3e3 1px solid; width:640px;padding-left:3pt; } .subject_no1 { font-size:11px; color: #333333; border:#e3e3e3 1px solid; width:495px;padding-left:3pt; } .subject_no2 { font-size:11px; color: #333333; border:#e3e3e3 1px solid; width:710px; height:300px; padding-left:3pt; } .subject_no3 { font-size:11px; color: #333333; border:#e3e3e3 1px solid; width:670px; height:100px; padding-left:3pt; } .subject_no4 { font-size:11px; color: #333333; border:#e3e3e3 1px solid; width:343px; height:300px; padding-left:3pt; } .policybox { font-size: 11px; color: #333333; height:200px; width:790px; border-top:2px #8598b0 solid;padding:10pt 10pt 10pt 10pt; letter-spacing: 0px; word-spacing: 1px; line-height:170%;} .pass_no1 { font-size:11px; color: #333333; border:#e3e3e3 1px solid; width:130px; padding-left:3pt; } .login_in { font-size:11px; color: #333333; border:#e3e3e3 1px solid; width:197px;padding-left:3pt; } .search_box { font-size:11px; color: #333333; border:#e3e3e3 1px solid; width:130px;padding-left:3pt; } .rbox { width: 100%; background: url("../sub/img/box_toplt.gif") no-repeat left top;} .rbox_tr { width: 794px ; padding: 0px 5px 0px 5px; background: url("../sub/img/box_toprt.gif") no-repeat right top;} .rbox_bl { padding: 0; margin: 0; height: 10px; background: url("../sub/img/box_btmlt.gif") no-repeat left bottom;} .rbox_br { padding: 0; margin: 0; height: 10px; background: url("../sub/img/box_btmrt.gif") no-repeat right bottom;} .rbox2 { width: 100%; background: url("../sub/img/box_toplt2.gif") no-repeat left top;} .rbox_bl2 { width: 687px; padding: 10px 15px 2px 15px; background: url("../sub/img/box_btmlt2.gif") no-repeat left bottom;} .box_bg { background: url("../sub/img/box_bg.gif") repeat-y left top; } /* popup */ #pop_wrapper { width: 440px; border: 1px solid #8c8c8c; padding: 19px 9px 9px 9px; margin: 0 auto; } #pop_wrapper_in { width: 440px; height: 336px; overflow: hidden; } #pop_wrapper_in2 { width: 440px; height: 179px; overflow: hidden; } #pop_header { width: 100%; height: 27px; background: url("../sub/img/pop_bg_top.gif") no-repeat left bottom;} #pop_footer { width: 100%; text-align: center; } #pop_footer img { margin-top: 5px; } #pop_footer2 { width: 100%; text-align: center; } #pop_footer2 img { margin-top: 17px; } #pop_contents { width: 100%; } #pop_contents .post1 { width: 100%; text-align: center; height: 71px; } #pop_contents .post1 img { vertical-align: top; padding-top: 17px; } #pop_contents .post2 { width: 100%; text-align: center; padding: 10px 0; background: #ececec; } #pop_contents .post2 input { width: 202px; border: 1px solid #7f9db9; } #pop_contents .post2 input, #pop_contents .post2 img { vertical-align: middle; } #pop_contents .post3 { width: 100%; height: 19px; padding-top: 10px; border-bottom: 1px solid #b7b7b7; } #pop_contents .post4 { width: 435px; margin: 5px 0 5px 5px; height: 133px; overflow: auto; scroll-x: hidden; scroll-y: auto; } #pop_contents .post4 li { width: 415px; line-height: 130%; } #pop_contents .post5 { padding: 25px 0 0 16px; height: 46px; line-height: 18px; } #pop_contents .post5 span { color: #ff9900; font-weight: bold; } #pop_wrappers { width: 545px; height: 480px; padding: 10px; } #pop_wrappers2 { width: 665px; height: 757px; padding: 10px; } #pop_wrappers3 { width: 300px; height: 300px; padding: 10px; } #pop_wrappers4 { width: 160px; height: 140px; padding: 10px; } #pop_wrappers5 { width: 120px; height: 140px; padding: 10px; } #pop_wrappers6 { width: 390px; height: 390px; padding: 10px; } #pop_wrappers7 { width: 160px; height: 390px; padding: 10px; } #pop_wrappers8 { width: 680px; height: 600px; padding: 10px; } #pop_wrappers9 { width: 720px; height: 690px; padding: 10px; } #pop_wrappers9 img, #pop_wrappers9 select, #pop_wrappers9 input { vertical-align: middle; } .pops01 { height: 35px; padding: 3px 0 0 5px; } .pops02 { height: 23px; padding: 3px 0 0 5px; } .pops_tb01 { width: 100%; } .pops_tb01 td { height: 21px; } .pops_tb02 { } .pops_tb02 .line { border-right: 1px solid #c7c7c7; } .pops_tb02 td { height: 24px; } .pops_tb02 td img, .pops_tb02 td select, .pops_tb02 td input { vertical-align: middle; } .pops_tb02 .txt01 { width: 120px;} .pops_tb02 .txt02 { width: 91px;} .pops_tb02 .txt03 { width: 200px;} .pops_tb02 .txt04 { width: 50px;} .pops_tb02 .txt05 { width: 170px;} .pops_tb02 .txt06 { width: 40px;} .pops_tb02 .txt07 { width: 50px;} .pops_tb02 .txt08 { padding-left: 15px; } .pops_tb02 .txt09 { width: 266px;} .pops_tb02 .txt10 { height: 75px; } .pops_tb02 .txt11 { height: 65px; width: 268px; overflow-x:hidden; } .pops_tb02 .txt12 { height: 100px; width: 268px; border: 1px solid #000; background: url("../sub/img/bg_sms.gif") no-repeat left top;} .pops_tb02 .txt12 textarea { margin-top: 13px; height: 80px; width: 265px; overflow:auto; overflow-x:hidden; overflow-y:auto; border: none; padding: 3px 0 3px 3px; } .pops_tb03 { width: 100%; } .pops_tb03 th { text-align: left; } .pops_tb03 td { height: 30px; } .pops_tb03 .none { border: none; } .pops_tb03 .line { border-bottom: 1px solid #cfcfcf; } .pops_tb03 .txt01 { width: 90px; } .pops_tb03 .txt02 { width: 480px; } .pops_tb04 { width: 100%; } .pops_tb04 th { text-align: left; } .pops_tb04 td { font-size: 11px; color: #808080; } .pops_tb04 .txt { width: 530px; height: 70px; overflow: auto; oveflow-x: hidden; overflow-y: scroll; font-size: 11px; color: #808080; font-weight: normal; line-height: 18px; } .pops_tb04 .pdt5 { padding-top: 5px; } .pops_tb05 { width: 100%; border-left: 1px solid #cfcfcf; } .pops_tb05 th { height: 26px; line-height: 26px; border-top: 1px solid #333; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; } .pops_tb05 td { height: 26px; line-height: 26px; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; text-align: center; } .pops_tb05 .tal { text-align: left; padding-left: 5px; } .btn_cts { margin: 20px 0 10px 0; text-align: center; } .btn_cts img { margin: 0 13px; } .btn_cts2 { margin-top: 2px; padding: 20px 0 10px 0; text-align: center; border-top: 1px solid #333; margin-bottom: 3px;} .btn_cts2 span { margin: 0 8px; } .btn_cts3 { margin-top: 3px; padding: 10px 0; text-align: center; border-top: 1px solid #333; margin-bottom: 3px;} .btn_cts3 span { margin: 0 8px; } .btn_lt { width: 100%; margin: 10px 0 0 0; } .pops_01 { } .pops_tl01 { padding-top: 5px; height: 19px; border-bottom: 1px solid #333; margin-bottom: 3px; } .pops_tl02 { padding-top: 5px; height: 27px; border-bottom: 1px solid #333; margin-bottom: 3px; } .pops_tl02 input, .pops_tl02 select, .pops_tl02 img { vertical-align: middle; } .pops_tl02 .txt01 { width: 75px; } .pops_tl02 .txt02 { width: 245px; } .pops_tl03 { padding-top: 5px; height: 19px; border-bottom: 1px solid #333; margin-bottom: 8px; } .pops_tl04 { font-size: 11px; font-weight: bold; color: #808080; padding: 10px 0; } .pops_tl04 select { width: 125px; margin: 5px 0; } .pops_tl04 input { width: 115px; text-align: center; } .pops_tl05 { font-size: 11px; color: #808080; padding-bottom: 10px; } .pops_tl05 span { color: #3499fe; font-weight: bold; } .pops_tl06 { margin: 3px 0; text-align: center; } .pops_tl07 { font-size: 11px; font-weight: bold; color: #808080; } .pops_tl07 select { width: 128px; margin: 8px 0; } .pops_tl08 { width: 63px; height: 109px; text-align: center; background: url("../sub/img/bg_thermometers.gif") no-repeat left top; margin: 0 auto; font-size: 22px; color: #ed174d; padding-top: 20px; font-weight: bold; overflow: hidden; } .pops_tl09 { font-size: 11px; font-weight: bold; color: #808080; margin: 0 auto; } .pops_tl09 select { width: 50px; margin: 8px 0; } .pops_tl09 img, .pops_tl09 select { vertical-align: middle; } .pops_tl10 { font-size: 11px; color: #808080; padding-bottom: 5px; } .pops_tl10 textarea { width: 260px; height: 70px; padding: 3px; margin: 0 0 4px 0;} .pops_tl10 input { vertical-align: middle; } .pops_02 { width: 100%; margin-top: 16px; padding: 12px 0 25px 0; border-top: 1px solid #c7c7c7; } .pops_02 div { height: 34px; } .pops_02 p { font-size: 11px; line-height: 18px; } .pops_03 { width: 100%; text-align: center; } .pops_03 img { margin: 15px auto; } .pops_04 { width: 100%; } .pops_04 img { margin: 10px 10px 10px 0; } .pops_line { width: 100%; height: 20px; background: url("../sub/img/bu_line05.gif") repeat-x left top;} #pop_wrappers_excel { position: relative; width: 619px; margin: 10px auto; background: url("../sub/img/popup_bg_ct.gif") repeat-y left top;} .rbox_excel_top { width: 619px; height: 105px; background: url("../sub/img/popup_bg_top.gif") no-repeat left top; } .rbox_excel_ct { padding: 0 10px 10px 10px; } .rbox_excel_btm { position: absolute; bottom: 0; width: 619px; height: 10px; background: url("../sub/img/popup_bg_btm.gif") no-repeat left bottom; } .rbox_excel_ct li { margin-bottom: 15px; } .rbox_excel_ct li input { width: 130px; } .rbox_excel_ct li input, .rbox_excel_ct li img { vertical-align: middle; } /* ؽƮȳ Sample ˾ */ #pops_sample { width: 688px; height: 640px; padding: 10px; overflow: auto; overflow-x: hidden; overflow-y: auto; } #pops_sample .smpbox_top { width: 671px; height: 254px; background: url("../sub/img/box_sample_top.gif") no-repeat left top;} #pops_sample .smpbox_ct { width: 671px; background: url("../sub/img/box_sample_ct.gif") repeat-y left top;} #pops_sample .smpbox_btm { width: 671px; height: 6px; background: url("../sub/img/box_sample_btm.gif") no-repeat left bottom; } #pops_sample .smpbox_ct .smpbox_ct_conts { padding: 10px 0; } .box_sample_sbox { margin: 0 auto; width: 590px; height: 370px; background: url("../sub/img/box_sample_sbox.gif") no-repeat left top; overflow: hidden; padding: 25px; } .box_sample_sbox .sample_sbox_tb { width: 100%; } .box_sample_sbox .sample_sbox_tb p { height: 25px; margin-top: 15px; } .box_sample_sbox .sample_sbox_tb th { height: 28px; text-align: left; vertical-align: top; line-height: 28px; } .box_sample_sbox .sample_sbox_tb td { height: 28px; vertical-align: top; line-height: 28px; } .box_sample_sbox .sample_sbox_tb td .stxt01 { width: 275px; } .box_sample_sbox .sample_sbox_tb td .stxt02 { width: 435px; height: 70px; font-size: 11px; color: #808080; line-height: 18px; overflow-x:hidden;} .box_sample_sbox .sample_sbox_tb td .stxt03 { width: 382px; height: 110px; font-size: 11px; color: #808080; line-height: 18px; overflow-x:hidden;} .box_sample_sbox .sample_sbox_tb .tc { text-align: center; } .smpbox_ct_conts .sample_sbox_list { width: 620px; margin: 10px auto; } .smpbox_ct_conts .sample_sbox_list li { padding: 5px 0; } .smpbox_ct_conts .sample_sbox_list2 { width: 669px; margin: 0 auto; padding: 10px 0 0 2px; background: url("../sub/img/cts_img37.gif") no-repeat 510px 100px;} .smpbox_ct_conts .sample_sbox_list2 li { padding: 5px 0; } .smpbox_ct_conts .sample_sbox_list2 .spc { padding-left: 23px; } .smpbox_ct_conts .dotline { width: 640px; height: 2px; margin: 0 auto; padding: 0; background: url("../sub/img/bu_line05.gif") repeat-x left top; } .smpbox_btn { width: 100%; text-align: center; margin-bottom: 15px; } .smpbox_btn img { display: block; margin: 5px auto; } .pops_footer { width: 100%; margin-top: 10px; text-align: center; } /* layer popup */ #layer_pop_wrapper { position: absolute; top: 130px; right: 133px; width: 520px; z-index: 99; overflow: hidden;} #layer_pop_wrapper h3 { margin: 5px 0; } #layer_pop_wrapper .btn_ct { width: 100%; margin: 10px 0 1px 0; text-align: center; } .layer_pop01 { } .layer_pop01 img, .layer_pop01 input, .layer_pop01 select { vertical-align: middle; } .layer_pop02 { } .tb10 { width: 100%; border-bottom: 1px solid #333; } .tb10 th { height: 30px; border-top: 1px solid #333; border-bottom: 2px solid #cfcfcf; } .tb10 td { height: 67px; text-align: center; font-size: 11px; border-bottom: 1px solid #cfcfcf;} .tb10 td.tl01 { text-align: left; padding-left: 15px; } .tb10 td.spc01 { height: 10px; } .tb10 td.spc02 { height: 17px; } .tb10 .th_sm { font-size: 11px; font-weight: normal; } .tb10 .none { border: 0; } .tb10 td .thermometer2 { width: 27px; margin: 3px auto 0 auto; height: 44px; padding-top: 7px; font-size: 10px; background: url("../sub/img/bg_thermometer.gif") no-repeat left top; color: #fff; text-align: center; letter-spacing: -2px; font-weight: bold; } .tb10 td .thermometer3 { width: 27px; margin: 3px auto 0 auto; height: 44px; padding-top: 7px; font-size: 10px; background: url("../sub/img/bg_thermometer3.gif") no-repeat left top; color: #fff; text-align: center; letter-spacing: -2px; font-weight: bold; } .tb10 td .updown_up { padding-top: 12px; width: 66px; height: 30px; background: url("../sub/img/arrow_up.gif") no-repeat left top; color: #fff; font-weight: bold; font-size: 11px; } .tb10 td .updown_up span { display: block; height: 12px; } #layer_pop_wrappers { width: 160px; position: absolute; top: 310px; left: 500px; z-index: 999; overflow: hidden;} .layer_pop03 { height: 240px; margin: 0 auto; overflow: hidden; } .layer_pops p, .layer_pops div { color: #808080; font-size: 11px; } .layer_pops p { height: 15px; } .layer_pops h3 { margin: 0; height: 20px; } .layer_pops .fwb { font-weight: bold; } .layer_pops .btn_ct { width: 100%; margin: 10px 0 1px 0; text-align: center; } .layer_pops .spc { margin: 4px 0; } .layer_pops .spc2 { margin: 0 0 4px 0; } .layer_pops .spc3 { height: 48px; overflow: hidden; } .layer_pops .selt1 { width: 115px; } .layer_pops .selt2 { width: 48px; } .layer_pops .txt01 { width: 128px; height: 83px; margin: 0;} #layer_pops_tmter { width: 170px; height: 195px; position: absolute; z-index: 999; overflow: hidden; } #layer_pops_tmter2 { width: 170px; height: 255px; position: absolute; z-index: 999; overflow: hidden; } #layer_pops_tmter .layer_pops { height: 170px; } #layer_pops_tmter2 .layer_pops { height: 220px; } #layer_pops_tmter .line01, #layer_pops_tmter2 .line01 { margin-bottom: 5px; border-bottom: 1px solid #aaa; } #layer_pops_tmter .thermometers, #layer_pops_tmter2 .thermometers { float: left; width: 63px; } #layer_pops_tmter .thermometers .the_save { width: 100%; text-align: center; } #layer_pops_tmter2 .thermometers .the_save { width: 100%; text-align: center; } #layer_pops_tmter .thermometers01, #layer_pops_tmter2 .thermometers01 { float: left; width: 63px; height: 109px; text-align: center; background: url("../sub/img/bg_thermometers.gif") no-repeat left top; margin: 0 auto; font-size: 22px; color: #ed174d; padding-top: 20px; font-weight: bold; overflow: hidden; } #layer_pops_tmter2 .thermometers01 { height: 120px; } .thermometers02 { float: left; text-align: center; margin: 10px 0 0 10px; } .thermometers02 .arrow_up { width: 66px; height: 35px; padding-top: 12px; background: url("../sub/img/arrow_up.gif") no-repeat 50% top; color: #fff; font-size: 11px; line-height: 12px; font-weight: bold;} .thermometers02 .arrow_down { width: 66px; height: 39px; padding-top: 4px; background: url("../sub/img/arrow_down.gif") no-repeat 50% top; color: #fff; font-size: 11px; font-weight: bold; line-height: 12px;} .checkbox1 { padding: 10px 0 5px 0; } .checkbox2 { border: 1px solid #fff; height: 14px; width: 14px; margin: 0px 0 0 0; padding: 0px 0 0 0 ; } /* etc */ .clear { clear: both; } .frt { float: right; } .flt { float: left; } .tar { text-align: right; } .tac { text-align: center; } .tal { text-align: left; } .pdt05 { padding-top: 5px; } .pdt10 { padding-top: 10px; } .pdb30 { padding-bottom: 30px; } .mgt06 { margin-top: 6px; } .mgt10 { margin-top: 10px; } .mgt50 { margin-top: 50px; } .dspn { display: none; } .vsbh { visibility: hidden; } .font11 { font-size: 11px; } .h10 { height: 10px; } .h20 { height: 20px; } .mgr10 { margin-right: 10px; } .color01 { color: #ff6c00; } .color02 { color: #333; } .color03 { color: #ff0000 ; } .fwb { font-weight: bold; } .bdn { border: none; }