@charset "utf-8"; /*--- news ---*/ #join .step { margin-bottom:50px; padding-top:25px; height:100px; border-bottom:1px solid #dedede; text-align:center; } #join h3 { clear:both; height:22px; border-bottom:1px solid #cdcdcd; } #join h3.noB { border-bottom:0; } #join .input_form { clear:both; } #join .input_form table { clear:both; width:660px; } /*EDIT*/ #join .input_form table tbody th { height:22px; padding:3px 0; vertical-align:middle; text-align:left; line-height:16px; border-bottom:1px solid #cdcdcd; font-weight:normal; color:#000; } #join .input_form table tbody td { padding:3px 0; vertical-align:middle; text-align:left; line-height:16px; border-bottom:1px solid #cdcdcd; } #join .input_form table tbody td .input { padding:0 5px; height:16px; line-height:16px; border:1px solid #ccc; } #join .input_form table tbody td .refer { color:#7a7a7a; letter-spacing:-1px; } #join .input_form table tbody .last { border-bottom:2px solid #cdcdcd; } #join .input_form table tbody input, #join .input_form table tbody select { height:18px;vertical-align:middle; } #join .input_form table tbody img { vertical-align:middle; } #join .input_form .pwd_search span { color:#000; } #join .input_form .pwd_search li {padding:3px 0;} #join .layer .lay_top { width:660px; height:45px; font-size:1px; background:url('http://image.oz.co.kr/bg/bg_layer_top.gif') no-repeat left top; } #join .layer .lay_btm { width:660px; height:18px; font-size:1px; background:url('http://image.oz.co.kr/bg/bg_layer_btm.gif') no-repeat left bottom; } #join .layer .lay_cont { width:620px; padding:0 20px; background:url('http://image.oz.co.kr/bg/bg_layer_cont.gif') repeat-y left top; } #join .agree { overflow-y:scroll; border:1px solid #dedede; padding:10px 15px 10px 20px; width:618px; height:155px; line-height:16px; } #join .step2 { margin-bottom:20px; padding-top:25px; height:100px; border-bottom:1px solid #dedede; } /*--- 회원가입완료 ---*/ .stepLogin { margin:0 auto; width:636px; padding-bottom:17px; background:url('http://image.oz.co.kr/common/bg/bg_login_s.gif') no-repeat left bottom; } .stepLogin .stepL_t { overflow:hidden; width:636px; } .stepLogin .stepL_c { position:relative; overflow:hidden; width:636px; background:url('http://image.oz.co.kr/common/bg/bg_login_s_1.gif') repeat-y left top; } .stepLogin .stepL_c h1 { width:372px; height:39px; margin:0 auto; padding-bottom:19px; } .stepLogin .stepL_c .btn { border-top:2px solid #fe8400; margin-top:20px; padding-top:20px; text-align:center; } .stepLogin .dotline { width:100%; height:1px; line-height:1px; font-size:1px; background:url('http://image.oz.co.kr/bg/bg_log_dotline.gif') repeat-x left top; } .join_login { overflow:hidden; width:570px; margin:0 auto;} .join_login .area { overflow:hidden; width:290px; margin:0 auto; } .join_login .area ul { float:left; overflow:hidden; width:210px; padding-top:23px;} .join_login .area ul li { float:left; overflow:hidden; width:210px; padding-bottom:7px; } .join_login .area ul li label { font:12px/14px dotum; color:#525252; float:left; width:55px; margin-top:3px; } .join_login .area ul li input { float:right; width:143px; padding:0 5px; border:1px solid #ccc; line-height:20px; height:20px; } .join_login .area .btn_login { float:right; padding-top:20px;} .join_login .area .floatR { color:#787878; } .join_login .area .floatR a { color:#787878; } .join_login .area .block { overflow:hidden; width:290px; } /* S :: 2011.12.05 */ /*--- 휴면계정 ---*/ .dormant { float:left; width:660px;} .dormant ul li { height:110px; margin-top:20px; } /*--- pass ---*/ .pass_list { margin:0; } .pass_list p { padding:20px 0 0 0; } .pass_list { overflow:hidden; width:660px; } .pass_list li { overflow:hidden; width:660px; float:left;} .pass_list li.way3 { overflow:hidden; margin-left:41px;} .pass_list li.way3 .step { overflow:hidden; height:300px;} .pass_list li a img { margin-bottom:20px; } /*--- 아이디비밀번호찾기 ---*/ #id_pass { width:660px; position:relative; } .input_form3 table { width:290px; margin:10px 0; } .input_form3 table tbody th {font:normal; font:12px/14px dotum; letter-spacing:-1px; height:18px; text-align:left; padding:1px 5px; } .input_form3 table tbody td { height:18px; text-align:left; vertical-align:middle; padding:1px 0;} .input_form3 table tbody td .input { vertical-align:middle; width:168px; border:1px solid #e1e1e1; height:18px; line-height:18px; } .id_search {float:left; width:295px; height:210px; border:1px solid #CC0; float:left; padding:20px 10px 0 10px; margin-right:8px;} .id_search h4 span { color:#606060; font:bold 12px/14px sdotum; vertical-align:middle; height:16px; line-height:16px; } .id_search .btn { text-align:center; padding-top:20px; border-top:1px dashed #e1e1e1;} .id_search .desc { padding-bottom:10px; border-bottom:1px dashed #e1e1e1; } .id_search .desc li {font:12px/14px dotum; letter-spacing:-1px; line-height:18px; } .ps_search {float:left; width:295px; height:210px; border:1px solid #CC0; float:left; padding:20px 10px 0 10px; margin-right:8px;} .ps_search h4 span { color:#606060; font:bold 12px/14px dotum; vertical-align:middle; height:16px; line-height:16px; } .ps_search .btn { text-align:center; padding-top:20px; border-top:1px dashed #e1e1e1;} .ps_search .desc { padding-bottom:10px; border-bottom:1px dashed #e1e1e1; } .ps_search .desc li {font:12px/14px dotum; letter-spacing:-1px; line-height:18px; } /* E :: 2011.12.05 */ /*--- gallery ---*/ .month_paper { overflow:hidden; width:660px; } .month_paper li { width:319px; height:330px; } .month_paper li .thumb { padding-bottom:10px; } .month_paper li .thumb img { width:319px; } .month_paper li dl { overflow:hidden; width:319px; margin-top:3px; } .month_paper li dl dt { float:left; width:100px; color:#787878; height:22px; line-height:22px; } .month_paper li dl dd { float:right; width:209px; height:22px; line-height:22px; color:#000; } .photo_write .bx_2_t { padding:20px 15px 0; } .photo_write .bx_2_t .desc { overflow:hidden; width:627px; height:45px; padding-left:3px; border-bottom:1px solid #e1e1e1; } .photo_write .bx_2_t .desc p { float:right; width:480px; color:#787878; line-height:18px; } .photo_write .bx_2_c { overflow:hidden; width:623px; padding:20px 19px 0px 18px; } /*EDIT*/ .photo_write .bx_2_c .thumb { float:left; } /*.photo_write .bx_2_c .thumb img { width:130px; height:104px; border:1px solid #b3b3b3; }*/ .photo_write .bx_2_c .thumb table { width:130px; height:104px; } .photo_write .bx_2_c .thumb td { text-align:center; vertical-align:middle; } .photo_write .bx_2_c .thumb img { border:1px solid #b3b3b3; } .photo_write .bx_2_c .edit { clear:both; width:623px; padding-top:20px; } .photo_write .bx_2_c dl { width:480px; float:right; overflow:hidden; } .photo_write .bx_2_c dl dt { float:left; width:50px; height:30px; color:#909090; } .photo_write .bx_2_c dl dd { float:right; width:430px; height:30px; color:#000; } .photo_write .bx_2_c dl dd .input { width:418px; height:16px; padding:0 5px; border:1px solid #ccc; line-height:16px; } #photopang {} #photopang .photo_list { width:660px; height:600px; padding-bottom:16px; margin-bottom:13px;_margin-bottom:0px; border-bottom:2px solid #CCC; } #photopang .photo_list li { float:left;width:161px; height:186px; padding:0 2px 20px 0; } #photopang .photo_list li.last { padding-right:0; } #photopang .photo_list li a { float:left; display:block; width:159px; height:184px; border:2px solid #fff; } #photopang .photo_list li a:hover { text-decoration:none; border:2px solid #fec17a; } #photopang .photo_list li .no { text-decoration:none; display:block; color:#5d5d5d; padding-left:2px; height:14px; font-size:11px; line-height:13px; letter-spacing:-1px; } /*#photopang .photo_list li .thumb { width:142px; height:119px; padding:5px 9px 0 8px; background:url('http://image.oz.co.kr/bg/bg_photo_list.gif') no-repeat left top; } #photopang .photo_list li .thumb img { width:142px; height:106px; }*/ #photopang .photo_list li .thumb { width:142px; height:119px; padding:5px 9px 0 8px; background:url('http://image.oz.co.kr/bg/bg_photo_list.gif') no-repeat left top; } #photopang .photo_list li .thumb table { width:142px; height:106px; text-align:center; vertical-align:middle; } #photopang .photo_list li .tit { height:13px; text-decoration:none; display:block; font-weight:bold; padding-left:8px; color:#5d5d5d; line-height:13px; font-size:11px; letter-spacing:-1px; } #photopang .photo_list li .view { text-decoration:none; display:block; margin:2px 0; padding-left:8px; color:#b9b9b9; line-height:13px; font-family:tahoma; font-size:10px; } #photopang .photo_list li .id { text-decoration:none; display:block; padding-left:8px; color:#5d5d5d; line-height:13px; font-size:11px; letter-spacing:-1px; } #photopang .lay851 { position:absolute; left:-150px; top:-36px; } #lay_photo { position:relative; width:772px; height:495px; padding:10px 40px 0; } #lay_photo .prev { position:absolute; left:11px; top:183px; } #lay_photo .next { position:absolute; right:11px; top:183px; } #lay_photo .photo { clear:both; overflow:hidden; width:740px; border:1px solid #e1e1e1; margin-bottom:15px; padding:7px 15px; } #lay_photo .photo .thumb { float:left; } /*#lay_photo .photo .thumb img { width:388px; height:290px; border:1px solid #adaba6; }*/ #lay_photo .photo .thumb table { width:388px; height:290px; border:1px solid #adaba6; text-align:center; vertical-align:middle; } #lay_photo .photo .info { float:right; width:340px; } #lay_photo .photo .info table { width:100%; } #lay_photo .photo .info table th { color:#909090; font-weight:normal; height:23px; text-align:left; vertical-align:middle; background:url('http://image.oz.co.kr/common/bg/bg_dotline2.gif') repeat-x left bottom; } #lay_photo .photo .info table td { color:#000; height:23px; text-align:left; vertical-align:middle; background:url('http://image.oz.co.kr/common/bg/bg_dotline2.gif') repeat-x left bottom; } #lay_photo .photo .info table td.contxt { line-height:22px; padding:15px 0; background:none; } #lay_photo .reply { border:1px solid #e1e1e1; } #lay_photo .reply ul { overflow-y:scroll; width:770px; height:90px; margin-bottom:10px; } #lay_photo .reply ul li { float:left; width:730px; overflow:hidden; margin-left:10px; padding-right:5px; border-bottom:1px solid #ccc; min-height:29px; } #lay_photo .reply ul li .txt { float:left; line-height:28px; color:#333; } #lay_photo .reply ul li .txt em { color:#48688f; font:12px/28px dotum; } #lay_photo .reply ul li .date { float:right; margin-right:10px; line-height:28px; color:#777; font-size:11px; } #lay_photo .reply ul li .btn { float:right; margin-top:8px; } #lay_photo .reply ul li .btn { float:right; margin-top:8px; } #lay_photo .reply .reply_form { height:34px; padding:15px 0 0 10px; background-color:#fafafa; } #lay_photo .reply .reply_form input, #lay_photo .reply .reply_form label { vertical-align:middle; } #lay_photo .reply .reply_form label { color:#767676; font-size:11px; } #lay_photo .reply .reply_form .input { width:626px; height:16px; line-height:16px; border:1px solid #cdcdcd; padding:0 5px; margin:0 15px 0 10px; } /*--- event ---*/ /*.event_view .event_view_info { overflow:hidden; line-height:14px; width:634px; height:67px; padding:0 13px; background:url('http://image.oz.co.kr/bg/bg_event_view_top.gif') no-repeat left top; }*/ .event_view .event_view_info { overflow:hidden; line-height:14px; width:634px; height:67px; padding:0 13px; background:url('http://image.oz.co.kr/common/bg/bg_board_list.gif') no-repeat left top; } .event_view .event_view_info dt { float:left; font-weight:bold; padding-top:11px; width:634px; height:32px; color:#5c5c5c; } .event_view .event_view_info .btn { float:right; padding-top:7px; height:35px; } .event_view .event_view_info .no { float:left; color:#7c7c7c; } .event_view .event_view_info .etc { float:left; color:#7c7c7c; } .event_view .event_view_info .empty {height:1px; clear:both; width:634px; } .event_view .cont { padding:10px 23px 10px 22px; border-bottom:1px solid #ccc; background-color:#e7e7e7; } .event_view .cont .bx_t { font-size:1px; height:15px; width:615px;background:url('http://image.oz.co.kr/bg/bg_bx_event_t.gif') no-repeat left top; } .event_view .cont .bx_b { font-size:1px; height:15px; width:615px;background:url('http://image.oz.co.kr/bg/bg_bx_event_b.gif') no-repeat left bottom; } .event_view .cont .bx_c { overflow:hidden; width:575px; padding:0 20px; background:url('http://image.oz.co.kr/bg/bg_bx_event_c.gif') repeat-y left top; } .event_view .cont .winner_list { overflow:hidden; width:575px; padding-top:3px; } .event_view .cont .winner_list li { float:left; width:125px; height:22px; line-height:22px; margin:4px 9px 0 0; color:#000; padding-left:10px; background-color:#e7e7e7; } .event_view .cont .winner_list li.last { margin-right:0; } .event_list { overflow:hidden; width:660px; } .event_list li.first { padding-top:0; } .event_list li { float:left; overflow:hidden; width:660px; padding:10px 0; border-bottom:1px solid #e1e1e1; } .event_list li dl { overflow:hidden; width:660px; } .event_list li dl .thumb { float:left; } .event_list li dl .thumb img { width:300px; height:110px; border:1px solid #dadada; } .event_list li.on dl .thumb img { border:1px solid #9c9c9c; } .event_list li dl dt { width:326px; float:right; height:53px; padding-top:15px; line-height:19px; font-weight:bold; } .event_list li.on dl dt a { color:#ff8500; font-weight:bold; } .event_list li dl dt img { vertical-align:middle; } .event_list li dl .desc { width:326px; float:right; height:21px; font-size:11px; line-height:13px; } .event_list li dl .desc strong { font-weight:normal; } .event_list li.on dl .desc strong { font-weight:bold; } /*--- play ---*/ .relay_desc { position:relative; margin-left:5px; z-index:9999; } .relay_desc .lay_relay { position:absolute; left:100px; top:-42px; width:592px; height:249px; font-weight:normal; padding:30px 0 0 50px; line-height:16px; color:#000; font-size:12px; z-index:500; background:url('http://image.oz.co.kr/bg/bg_lay_relay.png') no-repeat left top; } .relay_desc .lay_relay .tit { font-size:14px; line-height:18px; } .novel_input { padding:0 20px; } .novel_input p { font:11px/13px dotum; color:#838383; height:18px; } .novel_input textarea { float:left; height:50px; padding:5px; line-height:18px; width:530px; border:1px solid #e1e1e1; } .novel_input .block { width:620px;height:62px; } .novel_input .desc { float:right; text-align:center; padding-top:13px; font:12px/18px dotum; } .novel_input .desc strong { font:bold 14px/18px dotum; } #novel .novel_week { width:660px; height:468px; padding-top:10px; margin-bottom:20px; background:url('http://image.oz.co.kr/bg/bg_novel_week.jpg') no-repeat left top; } #novel .novel_week .list { overflow-y:scroll; width:628px; height:377px; padding:20px 5px 0 22px; margin-bottom:10px; } #novel .novel_week .list h2 { width:589px; height:23px; font-size:12px; padding-left:10px; color:#000; line-height:23px; background:url('http://image.oz.co.kr/bg/bg_novel_week_t.jpg') no-repeat left top; } #novel .novel_week .list ul { overflow:hidden; width:599px; padding:12px 0 0 0; } #novel .novel_week .list ul li { overflow:hidden; width:579px; min-height:46px; margin-bottom:9px; padding:5px 10px; background:url('http://image.oz.co.kr/bg/bg_novel_week_c1.jpg') no-repeat left top; } #novel .novel_week .list ul li.new { background:url('http://image.oz.co.kr/bg/bg_novel_week_c2.jpg') no-repeat left top; } #novel .novel_week .list ul li p { float:left; width:490px; margin-top:2px; } #novel .novel_week .list ul li .floatR { width:85px; text-align:right; margin-top:1px; line-height:14px; } #novel .novel_week .list ul li .floatR span { font:10px/12px arial; color:#747474; } #novel .novel_week .list ul li .floatR strong { font:11px/13px dotum; color:#585858; } #novel .novel_week .list ul li img { vertical-align:middle; } #novel .novel_week .week { overflow:hidden; padding:6px 0 0 1px; } #novel .novel_week .week .ju { float:left; } #novel .novel_week .week ul { float:left; overflow:hidden; border:1px solid #181818; padding:3px 0; height:38px; background-color:#2e2e2e; } #novel .novel_week .week ul li { float:left; width:46px; height:33px; padding-top:5px; text-align:center; line-height:15px; background:url('http://image.oz.co.kr/bg/bg_week.gif') repeat-y right top; } #novel .novel_week .week ul li.last { width:45px; background:none; } #novel .novel_week .week ul li a { color:#ddd; font:11px/15px dotum; } #novel .novel_week .week ul li a.on, #novel .novel_week .week ul li a:hover { color:#ddb437; font:bold 11px/15px dotum; letter-spacing:-1px; } #novel .novel_week .week .btn { float:right; padding:11px 17px 0 0; } #novel { clear:both; position:relative; width:660px; z-index:300; } #novel .title { width:630px; height:32px; padding-left:30px; color:#585858; line-height:32px; background:url('http://image.oz.co.kr/bg/bg_title_1.jpg') no-repeat left top; } .novel_list .lar_list { overflow:hidden; width:616px; height:258px; padding:30px 0 0 44px; background:url('http://image.oz.co.kr/bg/bg_novel_lar.jpg') no-repeat left top; } .novel_list .lar_list li { float:left; margin-right:50px; } .novel_list .lar_list li.last { margin-right:0; } .novel_list .lar_list li .info { width:122px; height:158px; padding:42px 0 0 38px; background:url('http://image.oz.co.kr/bg/bg_novel_lar_info.png') no-repeat left top; } .novel_list .lar_list li .info strong { display:block; color:#000; line-height:21px; letter-spacing:0px; } .novel_list .lar_list li .info p { margin-top:10px; } .novel_list .lar_list li .tit { line-height:21px; color:#fff; padding:5px 0 0 3px; } .novel_list .lar_list li .tit a { color:#fff; font-weight:normal; letter-spacing:0px; } .novel_list .sm_list { overflow:hidden; padding:23px 0 0 19px; border-bottom:1px solid #ccc; width:641px; } .novel_view .sm_list { clear:both; position:relative; width:576px; padding:18px 0 0 84px; } .novel_view .sm_list .prev { position:absolute; left:31px; top:66px; } .novel_view .sm_list .next { position:absolute; right:31px; top:66px; } .novel_view .sm_list ul { overflow:hidden; width:504px; } #novel .sm_list li { float:left; width:124px; height:208px; } #novel .sm_list li .info { width:64px; height:105px; padding:32px 20px 0 25px; color:#000; line-height:21px; letter-spacing:-1px; background:url('http://image.oz.co.kr/bg/bg_novel_sm.jpg') no-repeat left top; } #novel .sm_list li .tit { line-height:21px; color:#000; padding:5px 0 0 3px; } #novel .sm_list li .tit a { color:#000; } #novel_view { position:relative; float:left; width:572px; height:438px; padding:30px 20px 0 68px; background:url('http://image.oz.co.kr/bg/bg_novel_view.jpg') no-repeat left top; } #novel_view .link_back { position:absolute; left:4px; top:31px; display:block; width:40px; height:55px; } #novel_view .link_click { position:absolute; left:334px; top:354px; } #novel_view .left { float:left; width:323px; } #novel_view .left .tit { height:21px; font-weight:bold; line-height:21px; color:#585858; padding-left:10px; } #novel_view .left ul { overflow:hidden; width:323px; border-top:1px solid #ff8400; border-bottom:1px solid #ff8400; } #novel_view .left ul li { float:left; width:303px; padding:9px 10px; border-bottom:1px solid #dcdcdc; line-height:18px; } #novel_view .left ul li.last { border:0; } #novel_view .left .list_btm { overflow:hidden; padding:5px 8px 0; text-align:center; line-height:18px; letter-spacing:-1px; color:#6a6a6a; font-size:11px; } #novel_view .left .list_btm input { vertical-align:middle; height:18px; line-height:18px; width:20px; border:1px solid #d4d0c8; } #novel_view .left .list_btm img { vertical-align:middle; } #novel_view .left .list_btm em { margin-left:5px; font:11px/18px dotum; color:#454545; } #novel_view .right { float:right; width:210px; } #novel_view .right .tit { height:21px; font-weight:bold; line-height:21px; color:#585858; text-align:center; } #novel_view .right ul { overflow-y:scroll; width:210px; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; } #novel_view .right ul li { width:190px; padding-top:5px; min-height:40px; float:left; line-height:16px; font-size:11px; background:url('http://image.oz.co.kr/common/bg/bg_dotline1.gif') repeat-x left bottom; } #novel_view .right ul li.last { background:none; } #novel_view .right ul li img { margin-top:-2px; vertical-align:middle; } #novel_view .right dl { margin:18px 0 4px 0; } #novel_view .right dl dt { height:16px; font:11px/13px dotum; color:#838383; } #novel_view .right dl dd textarea { font:11px/15px dotum; border:1px solid #ccc; padding:5px; width:198px; height:30px; } #novel .lay_participant { position:absolute; left:475px; top:22px; z-index:100; width:179px; height:282px; background:url('http://image.oz.co.kr/bg/bg_participant.png') no-repeat left top; } #novel .lay_participant .tit { text-align:center; line-height:14px; font-weight:bold; padding-top:45px; height:23px; } #novel .lay_participant .list { width:121px; height:193px; padding:0 20px 0 19px; overflow-y:scroll; } #novel .lay_participant ul { overflow:hidden; width:105px; padding:15px 0 0 15px; } #novel .lay_participant ul li { line-height:24px; font-weight:bold; color:#585858; } .reply_list { width:640px; padding:0 10px; } .reply_list ul { overflow:hidden; width:640px; border-top:1px solid #e7e7e7; } .reply_list ul li { float:left; overflow:hidden; width:640px; padding:0 0px; min-height:34px; background:url('http://image.oz.co.kr/common/bg/bg_dotline1.gif') repeat-x left bottom; } .reply_list ul li table { margin: 5px 0 7px 0; } .reply_list ul li table td {line-height:1.4; } .reply_list ul li .nick {margin-bottom:3px; } .reply_list ul li .btn {padding-top:5px;padding-left:10px; } .reply_list ul li.last { border-bottom:1px solid #e7e7e7; background:none; } .reply_list ul li.lineT { border-top:1px solid #e7e7e7; } .reply_list ul li.lineB { border-bottom:1px solid #e7e7e7; } .reply_list ul li.lineN { background:none; } .reply_list ul li p { float:left; line-height:14px; margin-top:9px; } .reply_list ul li p a { margin-left:10px; } .reply_list ul li .floatR { margin-top:6px; } .reply_list ul li .floatR img { vertical-align:middle; } .reply_list ul li .date { line-height:14px; font-size:11px; margin-right:5px; } .reply_list ul li.view { height:auto; margin-bottom:20px; padding:20px 10px 10px; border-bottom:2px solid #e1e1e1; background:#f5f5f5 none; } .reply_list ul li.view .contxt { line-height:18px; padding-bottom:30px;width:600px; } .reply_list ul li.view .reply { width:600px; overflow:hidden; padding:15px 10px; background-color:#fbfbfb; } .reply_list ul li.view .reply .reply_list { padding:0; width:600px; } .reply_list ul li.view .reply .reply_list ul { width:600px; } .reply_list ul li.view .reply .reply_list ul li { width:580px; } .reply .reply_input { padding-bottom:15px; } .reply .reply_input input { vertical-align:middle; } .reply .reply_input label { line-height:16px; font-weight:bold; } .reply .reply_input .input { width:465px; padding:0 5px; height:16px; line-height:16px; border:1px solid #ccc; } .reply_list ul li.view .etc { width:580px; padding:0 20px; overflow:hidden; } .reply_list ul li.view .etc span { float:left; margin:4px 20px 0 0; padding-left:10px; background:url('http://image.oz.co.kr/common/bg/bg_bul_1.gif') no-repeat left 8px; } .bx_1 .reply { text-align:center; line-height:18px; } .bx_1 .reply input { vertical-align:middle; } .bx_1 .reply .input { height:16px; line-height:16px; padding:0 5px; width:470px; border:1px solid #ccc; } .reply_list2 { margin:0 10px; padding:0; border-top:1px solid #ccc; background:none; } .reply_list2 .re { padding-left:20px; background:url('http://image.oz.co.kr/common/icon/icon_reply.gif') no-repeat left 1px; } .reply_list2 .on td { background-color:#fafafa; } .re_debate .date { width:650px; height:31px; line-height:31px; text-align:right; padding-right:10px; background:url('http://image.oz.co.kr/bg/bg_re_debate_t.gif') no-repeat left top; } .re_debate .cont { width:610px; margin-bottom:20px; padding:30px 28px 40px 22px; line-height:15px; color:#000; background:url('http://image.oz.co.kr/bg/bg_re_debate_c.gif') no-repeat left bottom; } .re_debate .cont dt { text-align:center; font-weight:bold; height:33px; color:#869733; font-size:16px; } .re_debate .cont .pic { text-align:center; } .re_debate .cont .desc { padding-top:20px; } .re_debate .vote { position:relative; overflow:hidden; width:630px; padding:0 5px; border-bottom:1px solid #e1e1e1; margin:20px 0 10px 0; height:80px; } .re_debate .vote .graph { position:absolute; left:50%; top:0; margin-left:-215px; overflow:hidden; width:430px; } .re_debate .vote .graph p { height:26px; text-align:center; font-size:11px; color:#989898; } .re_debate .vote .graph p img{ vertical-align:middle; } .re_debate .vote .graph span { display:block; height:12px; width:100%; } .re_debate .vote .graph span.y { float:left; background:url('http://image.oz.co.kr/bg/bg_v_graph_y.gif') no-repeat left top; } .re_debate .vote .graph span.n { float:right; background:url('http://image.oz.co.kr/bg/bg_v_graph_n.gif') no-repeat right top; } .re_debate .vote .numb_l { width:100px; position:absolute; left:0; top:17px; text-align:right; } .re_debate .vote .numb_r { width:100px; position:absolute; right:0; top:17px; text-align:left; } .obj_apply { clear:both; width:640px; height:293px; padding:70px 10px 0; background:url('http://image.oz.co.kr/bg/bg_object_apply.jpg') no-repeat left top; } .obj_apply .apply { width:570px; padding:20px 35px 0; border-top:1px solid #e7e7e7; } .obj_apply .apply .tit { height:22px; } .obj_apply .apply textarea { width:535px; padding:10px; height:100px; border:1px solid #ccc; line-height:18px; } .obj_apply .apply .desc { text-align:right; padding-right:15px; } .obj_apply .apply .desc strong { color:#ff8400; } .obj_apply .obj_input { height:62px; padding:0 35px; } .obj_apply .obj_input strong { color:#000; } .obj_apply .obj_input input { text-align:center; padding:0 5px; vertical-align:middle; border:3px solid #ff8400; width:368px; height:20px; line-height:20px; color:#000; } .obj_apply .obj_input .desc { text-align:right; padding-right:52px; } .obj_apply .obj_input .desc strong { color:#ff8400; } .yn_input dl { overflow:hidden; width:620px; padding:0 10px; } .yn_input dl dt { float:left; line-height:15px; height:20px; } .yn_input dl .cnt { float:right; height:20px; padding-right:35px; font-weight:bold; font-size:14px; line-height:15px; letter-spacing:-1px; } .yn_input dl .block { overflow:hidden; width:620px; clear:both; padding-top:5px; } .yn_input dl .block input, .yn_input dl .block img { vertical-align:middle; } .yn_input dl .block .input { border:1px solid #e1e1e1; width:380px; padding:0 5px; height:20px; line-height:20px; } .re_input { padding:0 55px; } .re_input ul { overflow:hidden; width:530px; } .re_input ul li { float:left; overflow:hidden; width:530px; padding-bottom:10px; } .re_input ul li label {float:left; width:50px; font-weight:bold; line-height:20px; } .re_input ul li div { float:right; width:480px; } .re_input ul li div .input { height:20px; line-height:20px; border:1px solid #d3d3d3; width:465px; padding:0 5px; } .re_input ul li div textarea { height:100px; line-height:20px; border:1px solid #d3d3d3; width:465px; padding:5px; } /*--- customer ---*/ .faq_link { overflow:hidden; width:660px; } .faq_link li { float:left; margin-right:6px; } .faq_link li.last { margin-right:0; } /*#faq { border-left:#CCC 1px solid; border-right:#CCC 1px solid; border-bottom:#CCC 1px solid;}*/ #faq { width:657px; border-left:#e1e1e1 1px solid; border-right:#e1e1e1 1px solid; border-bottom:#e1e1e1 1px solid;} #faq .board_list tbody td, #faq .board_list tbody td a { color:#000; } #faq .board_list tbody td img { vertical-align:middle; } #faq .board_list tbody .ques { display:block; padding-left:30px; line-height:19px; background:url('http://image.oz.co.kr/common/icon/icon_faq_q.gif') no-repeat 0 0; } #faq .board_list tbody .answer { text-align:left; padding:10px 30px 20px 60px; line-height:21px; background:url('http://image.oz.co.kr/common/icon/icon_faq_a.gif') no-repeat 30px 11px; } #faq .desc { color:#ff8400; font:11px/21px dotum; letter-spacing:-1px; } #faq .desc a { color:#000; font-weight:bold; } .one_ques { padding:20px; text-align:left !important; } .one_answer { margin:0 10px; border-top:1px solid #ccc; border-bottom:2px solid #ccc; } .one_answer .top { overflow:hidden; width:620px; height:34px; padding:0 10px; line-height:33px; background:#fafafa url('http://image.oz.co.kr/bg/bg_dotline.gif') repeat-x left bottom; } .one_answer .top strong { float:left; padding-left:20px; background:url('http://image.oz.co.kr/common/bg/bg_bul_3.gif') no-repeat left 11px; } .one_answer .top span { float:right; } .one_answer .cont { color:#4e4e4e; padding:20px; } .qna_view { padding:20px; color:#7e7e7e !important; } .filedesc { padding:10px 20px !important; text-align:left !important; color:#7e7e7e !important; } .filedesc p { padding-left:10px; line-height:14px; background:url('http://image.oz.co.kr/common/bg/bg_bul_2.gif') no-repeat left 5px; } /*--- tab customer ---*/ .cus_tab { margin-top:10px; } .cus_tab .tab { overflow:hidden; width:660px; height:22px; background:url('http://image.oz.co.kr/bg/bg_cus_tab.gif') no-repeat 0 0; } .cus_tab .tab li { float:left; } .cus_tab .tab a { display:block; float:left; } /*--- member ---*/ .withdraw { clear:both; width:586px; height:494px; padding:0 37px; background:url('http://image.oz.co.kr/bg/bg_mem_end.gif') no-repeat left top; } .withdraw .desc { height:280px; } .withdraw table { width:100%; } .withdraw table tbody th { color:#000; font-weight:normal; text-align:left; vertical-align:middle; padding:10px 0 10px 10px; line-height:14px; border-bottom:1px solid #ccc; } .withdraw table tbody td { color:#4e4e4e; text-align:left; vertical-align:middle; padding:10px 0 10px 10px; line-height:14px; border-bottom:1px solid #ccc; } .withdraw table tbody td .input { border:1px solid #ccc; line-height:16px; height:16px; } .withdraw table tbody .last { border-bottom:0; } .realname_bx { clear:both; padding:0 40px; border:1px solid #ccc; } .realname_bx .ment { padding:19px 0 15px 0; font:bold 12px/16px dotum; color:#4e4e4e; text-align:center; background:url('http://image.oz.co.kr/common/bg/bg_line_1.gif') repeat-x left bottom; } .realname_bx .ment em { font:bold 12px/16px dotum; color:#000; } .realname_bx .input_area { overflow:hidden; width:401px; height:118px; padding:22px 0 0 177px; background:url('http://image.oz.co.kr/bg/bg_realname_input.jpg') no-repeat left top; } .realname_bx .input_area ul { overflow:hidden; width:385px; } .realname_bx .input_area ul li { float:left; overflow:hidden; width:385px; padding-bottom:10px; } .realname_bx .input_area ul li label { float:left; width:150px; } .realname_bx .input_area ul li div { float:right; width:235px; color:#2e2e2e; font-weight:bold; line-height:25px; } .realname_bx .input_area ul li div .input { border:1px solid #ccc; width:223px; height:23px; line-height:23px; padding:0 5px; } .pwd_modify_desc ol { padding:10px 0 0 5px; border-top:1px solid #e1e1e1;} .pwd_modify_desc ol li { line-height:25px; color:#3d3d3d; } .pwd_modifiy { clear:both; } .pwd_modifiy .input_area { height:170px; border-left:#e1e1e1 1px solid; border-right:#e1e1e1 1px solid; border-bottom:#e1e1e1 1px solid;} .pwd_modifiy .input_area ul { overflow:hidden; width:598px; padding:30px 30px 0; } .pwd_modifiy .input_area ul li { overflow:hidden; width:598px; height:20px; float:left; padding-bottom:10px; color:#4e4e4e; } .pwd_modifiy .input_area ul li label { float:left; width:130px; color:#4e4e4e; line-height:20px; } .pwd_modifiy .input_area ul li div { float:right; width:468px; line-height:20px; } .pwd_modifiy .input_area ul li div .input { border:1px solid #ccc; height:18px; line-height:18px; padding:0 5px; } .pwd_modifiy .input_area ul.ty { padding-top:60px; } .pwd_modifiy .input_area ul.ty li label { width:150px; } .pwd_modifiy .input_area ul.ty li div { width:448px; } .pwd_modifiy .input_area ul.ty li div select { width:300px; border:1px solid #ccc; height:18px; line-height:18px; } .pwd_modifiy .input_area ul.ty li div .input { width:290px; border:1px solid #ccc; height:18px; line-height:18px;} /* .pwd_modify_desc ol { padding:10px 0 0 5px; border-top:1px solid #ccc; } .pwd_modify_desc ol li { line-height:25px; color:#3d3d3d; } .pwd_modifiy { clear:both; } .pwd_modifiy .tabmenu { overflow:hidden; width:660px; } .pwd_modifiy .tabmenu li { float:left; } .pwd_modifiy .tabmenu li a { float:left; display:block; } .pwd_modifiy .tabmenu a { width:146px; background:url('http://image.oz.co.kr/bg/bg_tab_ty1_off.gif') no-repeat left top; } .pwd_modifiy .tabmenu li a:hover, .pwd_modifiy .tabmenu li a.on { background:url('http://image.oz.co.kr/bg/bg_tab_ty1_on.gif') no-repeat left top; } .pwd_modifiy .input_area { height:170px; border:1px solid #ccc; } .pwd_modifiy .input_area ul { overflow:hidden; width:598px; padding:30px 30px 0; } .pwd_modifiy .input_area ul li { overflow:hidden; width:598px; height:20px; float:left; padding-bottom:10px; color:#4e4e4e; } .pwd_modifiy .input_area ul li label { float:left; width:130px; color:#4e4e4e; line-height:20px; } .pwd_modifiy .input_area ul li div { float:right; width:468px; line-height:20px; } .pwd_modifiy .input_area ul li div .input { border:1px solid #ccc; height:18px; line-height:18px; padding:0 5px; } .pwd_modifiy .input_area ul.ty { padding-top:60px; } .pwd_modifiy .input_area ul.ty li label { width:150px; } .pwd_modifiy .input_area ul.ty li div { width:448px; } .pwd_modifiy .input_area ul.ty li div select { width:300px; vertical-align:middle; border:1px solid #ccc; line-height:20px; } .pwd_modifiy .input_area ul.ty li div .input { width:290px; } */ /*--- friend ---*/ .friend_search2 { clear:both; } .friend_search2 .tabmenu a { width:146px; background:url('http://image.oz.co.kr/bg/bg_tab_ty1_off.gif') no-repeat left top; } .friend_search2 .tabmenu li a:hover, .friend_search2 .tabmenu li a.on { background:url('http://image.oz.co.kr/bg/bg_tab_ty1_on.gif') no-repeat left top; } .friend_search2 .cont { overflow:hidden; width:630px; padding-left:30px; background:url('http://image.oz.co.kr/bg/bg_guide_cont_3.gif') repeat-y left top; } .friend_search2 .ideal_cont { padding:0 10px; width:640px; } .friend_search2 .btm { font-size:1px; height:20px; background:url('http://image.oz.co.kr/bg/bg_guide_btm_2.gif') no-repeat left top; } .friend_search2 .cont .search_btn { width:186px; height:35px; padding:61px 43px 0 0; text-align:right; margin-right:1px; float:right; background:url('http://image.oz.co.kr/bg/bg_friend_search.jpg') no-repeat right top; } .friend_search2 .cont .ideal_btn { width:186px; height:165px; padding:201px 43px 0 0; text-align:right; margin-right:1px; float:right; background:url('http://image.oz.co.kr/bg/bg_ideal_btn.gif') no-repeat right 111px; } .friend_search2 .cont .search_sel { float:left; width:400px; padding-top:30px; } .friend_search2 .cont .search_sel label { color:#a0a0a0; } .friend_search2 .cont .search_sel em { margin:0 10px; color:#e1e1e1; font:12px/14px dotum; } .friend_search2 .cont .search_sel select { vertical-align:middle; } .friend_search2 .cont .search_sel span { vertical-align:middle; color:#000; } .friend_search2 .cont .search_sel .input { vertical-align:middle; color:#cfcfcf; width:135px; border:1px solid #ccc; padding:0 5px; height:16px; line-height:16px; } .friend_search2 .cont .desc { line-height:16px; clear:both; float:left; width:600px; border-top:1px solid #ccc; padding:5px 0 0 40px; } .friend_search2 .cont .desc strong { color:#ff0000; } .search_ideal { float:left; width:370px; overflow:hidden; padding:30px 0 0 40px;} .search_ideal li { float:left; width:370px; height:30px; overflow:hidden; } .search_ideal li span { float:left; width:70px; line-height:14px; margin-top:1px; } .search_ideal li div { float:left; width:300px; } .search_ideal li em { margin:0 10px; color:#e1e1e1; font:12px/14px dotum; } .search_ideal li select { vertical-align:middle; color:#929292; width:270px; font:12px/14px dotum; } .nosearch { width:660px; height:41px; text-align:center; line-height:41px; background:url('http://image.oz.co.kr/bg/bg_no_search.gif') no-repeat left top; } .friend_type { overflow:hidden; width:660px; } .friend_type li { float:left; width:210px; height:212px; text-align:center; padding-top:115px; background-repeat:no-repeat; background-position:0 0; } .friend_type li.ty1 { background-image:url('http://image.oz.co.kr/bg/bg_friend_type_1.jpg'); } .friend_type li.ty2 { margin:0 13px; background-image:url('http://image.oz.co.kr/bg/bg_friend_type_2.jpg'); } .friend_type li.ty3 { background-image:url('http://image.oz.co.kr/bg/bg_friend_type_3.jpg'); } .friend_type li dl dt { overflow:hidden; text-indent:-10000em; position:absolute; } .friend_type li dl .thumb { margin-bottom:37px; } .friend_type li dl .thumb img { width:87px; height:97px; } .friend_type li dl .etc { letter-spacing:-1px; line-height:14px; color:#5d5d5d; font-size:11px; } .friend_type li dl .etc strong { font-size:12px; } .friend_type li dl .btn { margin-top:7px; } .mylook { position:relative; width:652px; height:246px; margin-top:10px; background:url('http://image.oz.co.kr/bg/bg_mylook.jpg') no-repeat left top; } .mylook p { overflow:hidden; position:absolute; text-indent:-10000em; } .mylook a { position:absolute; display:block; top:171px; left:31px; width:200px; height:35px; } .friend_search { clear:both; width:660px; height:45px; padding-top:20px; margin-bottom:15px; text-align:center; background:url('http://image.oz.co.kr/bg/bg_friend_search.gif') no-repeat left top; } .friend_search input, .friend_search img, .friend_search select { vertical-align:middle; } .friend_search .input { padding:0 5px; height:16px; line-height:16px; border:1px solid #ccc; width:70px; margin-right:10px; } .friend_list { overflow:hidden; width:660px; } .friend_list li { float:left; width:188px; height:194px; margin:15px 8px 0 0; padding:18px 15px 0 11px; background:url('http://image.oz.co.kr/bg/bg_friend_list.gif') no-repeat left top; } .friend_list li.last { margin:15px 0 0 0; } .friend_list li dl dt { text-align:center; height:50px; } .friend_list li dl .etc { width:178px; height:102px; padding:5px 5px 0; overflow:hidden; background-color:#e3e2e2; } .friend_list li dl .etc .thumb { float:left; } .friend_list li dl .etc .thumb img { width:87px; height:97px; } .friend_list li dl .etc .info { float:right; width:86px; font:11px/13px dotum; padding-top:15px; } .friend_list li dl .etc .info p { height:19px; padding-left:8px; color:#222; background:url('http://image.oz.co.kr/bg/bg_bul_02.gif') no-repeat left 2px; } .friend_list li dl .id { margin-top:7px; text-align:center; font:bold 11px/13px dotum; } .friend_list li dl .id a { color:#222; } .friend_list li dl .id a:hover { color:#f16307; } #skin { clear:both; position:relative; width:660px; height:598px; background:url('http://image.oz.co.kr/bg/bg_skin.jpg') no-repeat left top; } #skin .picture { float:left; height:445px; padding:31px 0 0 23px; width:135px; } #skin .picture .thumb img { width:135px; height:100px; } #skin .picture ul { padding-top:5px; text-align:center; } #skin .picture ul li { padding-top:5px; } #skin .picture .desc { font:11px/13px dotum; color:#a0a0a0; letter-spacing:-1px; padding:10px 0 0 10px; } #skin .infoentry { float:right; width:404px; height:436px; padding:40px 37px 0 0; line-height:14px; } #skin .infoentry .dep1 { letter-spacing:-1px; } #skin .infoentry .dep1 strong { color:#000; } #skin .infoentry select { color:#a0a0a0; } #skin .infoentry .dep2 { margin-top:15px; } #skin .infoentry .dep2 strong { color:#000; } #skin .infoentry .dep3 { margin-top:15px; } #skin .infoentry .dep3 strong { color:#000; } #skin .infoentry .dep3 textarea { margin-top:5px; border:1px solid #ccc; width:384px; color:#a0a0a0; height:70px; padding:10px; } #skin .infoentry .dep4 { margin-top:15px; } #skin .infoentry .dep4 .bx { width:390px; overflow:hidden; margin-top:10px; border:1px solid #ccc; width:390px; height:150px; padding:17px 0 0 12px; } #skin .infoentry .dep4 .bx ul { width:390px; overflow:hidden; height:105px; } #skin .infoentry .dep4 .bx ul li { float:left; width:195px; overflow:hidden; padding-bottom:5px; } #skin .infoentry .dep4 .bx ul li span { color:#000; float:left; width:42px; letter-spacing:-1px; } #skin .infoentry .dep4 .bx ul li select { float:left; width:130px; } #skin .infoentry .dep4 .bx .desc { float:left; line-height:16px; color:#a0a0a0; letter-spacing:-1px; } #skin .infoentry .dep4 .bx .desc strong { color:#ff0000; } #skin .infoentry .dep4 .bx .btn { float:right; padding:5px 15px 0 0; } #skin .infoentry .dep5 { margin-top:10px; } #skin .infoentry .dep5 input { border:1px solid #ccc; line-height:19px; height:19px; padding:0 5px; vertical-align:middle; width:275px; } #skin .skinlist { clear:both; position:relative; width:660px; height:121px; } #skin .skinlist .prev { position:absolute; left:21px; top:39px; } #skin .skinlist .next { position:absolute; right:21px; top:39px; } #skin .skinlist ul { overflow:hidden; padding:19px 0 0 78px; width:515px; } #skin .skinlist ul li { float:left; position:relative; width:80px; height:80px; margin-right:5px; } #skin .skinlist ul li img { width:80px; height:80px; } #skin .skinlist ul li a { display:block; width:80px; height:80px; } #skin .skinlist ul li .on { position:absolute; left:0; top:0; display:block;width:80px; height:80px; background:url('http://image.oz.co.kr/bg/bg_skinlist.gif') no-repeat left top; } #lay_skin { position:absolute; left:-192px;top:0; width:851px; height:452px; background:url('http://image.oz.co.kr/bg/bg_lay_skin.png') no-repeat left top; } #lay_skin .top { overflow:hidden; padding:14px 13px 0 58px; width:780px; height:46px; } #lay_skin .top .title { float:left; margin-top:9px; } #lay_skin .top .close { float:right; } #lay_skin .cont { padding:0 25px 0 21px; } #bg_skin { width:807px; height:340px; background-repeat:no-repeat; background-position:0 0; } #bg_skin.bg_skin1 { background-image:url('http://image.oz.co.kr/bg/bg_skin1.gif'); } #bg_skin.bg_skin2 { background-image:url('http://image.oz.co.kr/bg/bg_skin2.gif'); } #bg_skin .info { padding:34px 0 0 36px; width:255px; float:left; } #bg_skin .info ul { padding:10px 0 0 2px; } #bg_skin .info li { font:12px/20px dotum; color:#585858; text-indent:-35px; padding-left:35px; } #bg_skin .info li span { color:#000; } #bg_skin .deinfo { float:right; height:314px; padding:33px 40px 0 0; width:405px; } #bg_skin .deinfo .tit { font:bold 12px/14px dotum; height:17px; } #bg_skin .deinfo .dep1 { height:128px; } #bg_skin .deinfo .dep1 textarea { width:383px; height:65px; border:1px solid #ccc; color:#a0a0a0; padding:10px; line-height:6px; } #bg_skin .deinfo .dep2 .tit { border-bottom:1px solid #ccc; } #bg_skin .deinfo .dep2 .etc { height:119px; border-bottom:1px solid #ccc; } #bg_skin .deinfo .dep2 .etc table { width:100%; } #bg_skin .deinfo .dep2 .etc table td { height:30px; text-align:left; padding-left:5px; vertical-align:middle; color:#585858; border-bottom:1px solid #ccc; } #bg_skin .deinfo .dep2 .etc table td.last { border:0; } #bg_skin .deinfo .dep2 .etc table td span { color:#000; } #bg_skin .deinfo .dep2 .etc .impor { line-height:22px; color:#8a8a8b; width:325px; height:60px; padding:35px 0 0 135px; background:url('http://image.oz.co.kr/bg/bg_impor.gif') no-repeat 70px 34px; } #bg_skin .btn { float:right; width:390px; text-align:center; padding-right:35px; } #bg_skin .btn img { vertical-align:middle; } #bg_skin .btn select { vertical-align:middle; } /*--- guide ---*/ .ozlevel { overflow:hidden; float:left; clear:both; width:660px; margin-top:20px; } .ozlevel li { float:left; width:650px; overflow:hidden; padding:15px 5px; border-top:1px solid #e1e1e1; } .ozlevel li .thumb { float:left; width:170px; } .ozlevel li .txt { float:right; width:480px; margin-top:7px; line-height:20px; color:#353535; letter-spacing:-1px; } .ozdown h2 { font:12px/14px dotum; height:20px; border-bottom:1px solid #ccc; } .ozdown table { width:100%; } .ozdown table tbody th, .ozdown table tbody td { vertical-align:middle; text-align:left; height:23px; padding-left:0px; border-bottom:1px solid #ccc; color:#2a2a2a; } .ozdown table tbody th { font-weight:normal; color:#7d7d7d; } .ozdown table tbody .bg th, .ozdown table tbody .bg td { background-color:#f4f4f4; } .ozdown .desc { line-height:20px; padding-top:5px; } .ozdown .desc a { color:#ff0000; } .setway { overflow:hidden; width:660px; } .setway li { overflow:hidden; width:605px; padding-left:55px; float:left;} .setway li.way1 { height:60px; background:url('http://image.oz.co.kr/bg/bg_stepway_1.gif') no-repeat left 15px; border-bottom:1px solid #ccc; } /*EDIT*/ .setway li.way2 { height:90px; background:url('http://image.oz.co.kr/bg/bg_stepway_2.gif') no-repeat left 15px; } .setway li.way3 { overflow:hidden; } .setway li span { float:left; } .setway li p { float:left; } .setway li.way1 span { margin:23px 5px; } .setway li.way1 p { margin:6px 0; } .setway li.way2 span { margin:23px 0; } .setway li.way2 p { margin:0; padding-left:10px; line-height:18px; color:#ff5a00; } .setway li.way3 span { height:35px; margin-top:42px; } .setway li.way3 .step { width:605px; overflow:hidden; height:120px; padding-top:10px; background:url('http://image.oz.co.kr/common/bg/bg_dotline3.gif') repeat-x left top; } .setway li.way3 .step a {} .setway li.way3 .desc { margin-bottom:30px; padding-left:10px; line-height:18px; color:#ff5a00; } .itemlist { clear:both; } .itemlist .tabmenu a { width:146px; background:url('http://image.oz.co.kr/bg/bg_tab_ty1_off.gif') no-repeat left top; } .itemlist .tabmenu li a:hover, .itemlist .tabmenu li a.on { background:url('http://image.oz.co.kr/bg/bg_tab_ty1_on.gif') no-repeat left top; } .itemlist .cont { width:660px; background:url('http://image.oz.co.kr/bg/bg_guide_cont_1.gif') repeat-y left top; } .itemlist .cont table { width:658px; margin:0 auto; } .itemlist .cont table thead th { height:34px; color:#7c7c7c; vertical-align:middle; text-align:center; border-top:1px solid #e1e1e1; font-weight:normal; background-color:#fafafa; } .itemlist .cont table tbody td { border-top:1px solid #e1e1e1; padding:20px 0; line-height:20px; vertical-align:middle; text-align:center; background:#fff; } .itemlist .cont table .cen { border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background-color:#f7f7f7; } .itemlist .cont .item_info li { height:20px; line-height:16px; color:#000; } .itemlist .cont .item_info li img { vertical-align:middle; } .itemlist .cont .item_info li span { color:#ff0000; } .itemlist .cont .setitem { position:relative; } .itemlist .cont .lay_setitem { position:absolute; left:43px; top:20px; width:236px; height:96px; background:url('http://image.oz.co.kr/bg/bg_lay_setitem.gif') no-repeat 0 0; } .itemlist .cont .lay_setitem ul { overflow:hidden; padding:22px 0 0 10px; } .itemlist .cont .lay_setitem ul li { float:left; } .itemlist .cont .lay_setitem ul li img { width:32px; height:32px; padding:1px; border:1px solid #fff; } .itemlist .cont .lay_setitem p { padding:3px 0 0 10px; } .itemlist .cont .item_fish { padding-right:10px; } .itemlist .cont .item_fish p { font:12px/14px dotum; color:#858585; padding-left:10px; background:url('http://image.oz.co.kr/bg/bg_bul_01.gif') no-repeat 1px 4px; } .itemlist .cont .item_fish .list { overflow:hidden; width:272px; padding:5px 0 8px 0; } .itemlist .cont .item_fish .list a { float:left; margin:0 2px 2px 0; } .itemlist .cont .item_fish .desc li { height:20px; line-height:16px; color:#000; } .itemlist .cont .item_fish .desc li img { vertical-align:middle; } .itemlist .cont .item_fish .desc li span { color:#ff0000; } .itemlist .btm { font-size:1px; height:20px; background:url('http://image.oz.co.kr/bg/bg_guide_btm_1.gif') no-repeat left top; } .itemlist .search { padding:15px 10px; background:url('http://image.oz.co.kr/bg/bg_guide_search.gif') repeat-y left top; } .itemlist .search select, .itemlist .search input { vertical-align:middle; } .itemlist .search .input { border:1px solid #ccc; width:100px; height:16px; line-height:16px; padding:0 5px; } .mixtable { clear:both; } .mixtable .search { padding:15px 10px; background:url('http://image.oz.co.kr/bg/bg_guide_search.gif') repeat-y left top; } .mixtable .search select, .mixtable .search input { vertical-align:middle; } .mixtable .search .input { border:1px solid #ccc; width:100px; height:16px; line-height:16px; padding:0 5px; } .mixtable .cont { width:660px; background:url('http://image.oz.co.kr/bg/bg_guide_cont_2.gif') repeat-y left top; } .mixtable .cont table { width:658px; margin:0 auto; } .mixtable .cont table thead th { height:34px; color:#7c7c7c; vertical-align:middle; text-align:center; border-top:1px solid #e1e1e1; font-weight:normal; background-color:#fafafa; } .mixtable .cont table tbody td { padding-top:10px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; line-height:20px; vertical-align:middle; text-align:center; background:#fff; } .mixtable .cont table .cen { border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background-color:#f7f7f7; } .mixtable .cont .name { position:relative; width:304px; height:54px; } .mixtable .cont .name a { position:absolute; bottom:0; left:50%; margin-left:-35px; } .mixtable .cont .desc { padding-left:20px; text-align:left; } .mixtable .cont .desc ul { padding-bottom:8px; } .mixtable .cont .desc ul li { padding-left:10px; height:16px; line-height:16px; color:#838383; background:url('http://image.oz.co.kr/bg/bg_bul_01.gif') no-repeat 0 5px; } .mixtable .cont .desc ul li span { color:#393939; } .mixtable .cont .mixopen .etc { border:0; line-height:18px; color:#595959; padding:15px 0 15px 40px; text-align:left; background:#eee url('http://image.oz.co.kr/bg/bg_mixopen.gif') no-repeat right bottom; } .mixtable .cont .mixopen .sm_img { border:0; padding:15px 0 15px 10px; text-align:left; background:#eee url('http://image.oz.co.kr/bg/bg_mixopen.gif') no-repeat right bottom; } .mixtable .cont .mixopen .sm_img img { border:1px solid #bdbdbd; } .mixtable .cont .mixopen .wear_img { padding-bottom:15px; background-color:#eee; } .mixtable .cont .mixopen .wear_img .tit { height:16px; color:#393939; line-height:14px; } .mixtable .cont .mixopen .wear_img img { border:1px solid #959595; } .mixtable .cont .last .etc { background-position:right 0; } .mixtable .cont .last .sm_img { background-position:right 0;; } .mixtable .btm { font-size:1px; height:20px; background:url('http://image.oz.co.kr/bg/bg_guide_btm_2.gif') no-repeat left bottom; } .bait { clear:both; } .bait .tabmenu a { width:76px; letter-spacing:-1px; background:url('http://image.oz.co.kr/bg/bg_tab_ty2_off.gif') no-repeat left top; } .bait .tabmenu li a:hover, .bait .tabmenu li a.on { background:url('http://image.oz.co.kr/bg/bg_tab_ty2_on.gif') no-repeat left top; } .bait .search { padding:15px 10px; background:url('http://image.oz.co.kr/bg/bg_guide_search.gif') repeat-y left top; } .bait .search select, .bait .search input { vertical-align:middle; } .bait .search .input { border:1px solid #ccc; width:100px; height:16px; line-height:16px; padding:0 5px; } .bait .cont { width:660px; background:url('http://image.oz.co.kr/bg/bg_guide_cont_3.gif') repeat-y left top; } .bait .cont table { width:658px; margin:0 auto; } .bait .cont thead th { height:34px; color:#7c7c7c; vertical-align:middle; text-align:center; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1; font-weight:normal; background-color:#fafafa; } .bait .cont thead th.first { color:#7c7c7c; border-left:0; background-color:#f2f2f2; } .bait .cont tbody th { height:85px; color:#7c7c7c; vertical-align:middle; text-align:center; border-bottom:1px solid #e1e1e1; font-weight:normal; background-color:#f7f7f7; } .bait .cont tbody td { height:85px; color:#393939; vertical-align:middle; text-align:center; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; } .bait .cont tbody td .bait_ty { position:relative; height:75px; padding-top:10px; } .bait .cont tbody td .bait_ty .btn { position:absolute; bottom:0; left:50%; margin-left:-35px; } .bait .bait_desc { padding:20px 0 0 20px; } .bait .bait_desc li { padding-left:15px; line-height:14px; height:20px; color:#7c7c7c; background:url('http://image.oz.co.kr/common/icon/icon_star2.gif') no-repeat 0 2px; } .bait .bait_desc li strong { color:#bf7a65; } .bait .bait_open { position:relative; width:658px; height:85px; background-color:#eee; } .bait .bait_open .btn_prev { position:absolute; left:14px; top:24px; } .bait .bait_open .btn_next { position:absolute; right:14px; top:24px; } .bait .bait_open ul { float:left; padding:21px 0 0 70px; } .bait .bait_open ul li { float:left; position:relative; width:38px; text-align:center; margin-right:15px; } .bait .bait_open ul li span { line-height:14px; } .bait .bait_open ul li .txt a { color:#000; } .bait .bait_open ul li .bg { position:absolute; left:0; top:0; width:38px; height:37px; background:url('http://image.oz.co.kr/bg/bg_bait_open.gif') no-repeat 0 0; } .bait .bait_open ul li .lay_type { position:absolute; left:-27px; top:50px; width:245px; height:116px; padding:20px 0 0 20px; text-align:left; z-index:100; background:url('http://image.oz.co.kr/bg/bg_bait_open.png') no-repeat left top; } .bait .bait_open ul li .lay_type p { float:left; height:26px; padding-left:5px; font-weight:bold; color:#616161; } .bait .bait_open ul li .lay_type .close { float:right; padding:5px 20px 0 0; } .bait .bait_open ul li .lay_type ul { clear:both; overflow:hidden; width:224px; padding:2px 0 0 2px; background-color:#e6e6e6; } .bait .bait_open ul li .lay_type ul li { float:left; margin:0; width:32px; margin:0 6px 6px 0; } .bait .bait_open ul li .lay_type ul li.rlast { margin-right:0; } .bait .bait_open ul li .lay_type ul li.blast { margin-bottom:0px; } .bait .btm { font-size:1px; height:20px; background:url('http://image.oz.co.kr/bg/bg_guide_btm_2.gif') no-repeat left bottom; } .pull { clear:both; } .pull .tabmenu a { width:146px; background:url('http://image.oz.co.kr/bg/bg_tab_ty1_off.gif') no-repeat left top; } .pull .tabmenu li a:hover, .pull .tabmenu li a.on { background:url('http://image.oz.co.kr/bg/bg_tab_ty1_on.gif') no-repeat left top; } .pull .search { padding:15px 10px; background:url('http://image.oz.co.kr/bg/bg_guide_search.gif') repeat-y left top; } .pull .search select, .pull .search input { vertical-align:middle; } .pull .search .input { border:1px solid #ccc; width:100px; height:16px; line-height:16px; padding:0 5px; } .pull .cont { width:660px; background:url('http://image.oz.co.kr/bg/bg_guide_cont_3.gif') repeat-y left top; } .pull .btm { font-size:1px; height:20px; background:url('http://image.oz.co.kr/bg/bg_guide_btm_2.gif') no-repeat left bottom; } .pull .cont table { width:658px; margin:0 auto; } .pull .cont thead th { height:34px; color:#7c7c7c; vertical-align:middle; text-align:center; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1; font-weight:normal; background-color:#fafafa; } .pull .cont thead th.first { color:#7c7c7c; border-left:0; background-color:#f2f2f2; } .pull .cont tbody th { height:85px; color:#7c7c7c; vertical-align:middle; text-align:center; border-bottom:1px solid #e1e1e1; font-weight:normal; background-color:#f7f7f7; } .pull .cont tbody td { height:85px; color:#393939; vertical-align:middle; text-align:center; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; } .pull .cont tbody td .pull_ty { position:relative; height:94px; padding-top:10px; } .pull .cont tbody td .pull_ty strong { display:block; margin-top:3px; line-height:14px; } .pull .cont tbody td .pull_ty span { display:block; margin-top:2px; line-height:14px; } .pull .cont tbody td .pull_ty .btn { position:absolute; bottom:0; left:50%; margin-left:-35px; } .pull .cont tbody td .pull_desc { overflow:hidden; width:190px; padding-left:10px; text-align:left; } .pull .cont tbody td .pull_desc li { float:left; overflow:hidden; width:190px; } .pull .cont tbody td .pull_desc li span { float:left; color:#6f6f6f; width:30px; line-height:20px; } .pull .cont tbody td .pull_desc li p { float:right; width:160px; line-height:20px; } .pull .cont tbody td .pull_desc li img { vertical-align:middle; } .pull .pull_open { position:relative; width:658px; height:85px; background-color:#eee; } .pull .pull_open .btn_prev { position:absolute; left:14px; top:24px; } .pull .pull_open .btn_next { position:absolute; right:14px; top:24px; } .pull .pull_open ul { float:left; padding:21px 0 0 70px; } .pull .pull_open ul li { float:left; position:relative; width:38px; text-align:center; margin-right:15px; } .pull .pull_open ul li span { line-height:14px; } .pull .pull_open ul li .txt a { color:#000; } .pull .pull_open ul li .bg { position:absolute; left:0; top:0; width:38px; height:37px; background:url('http://image.oz.co.kr/bg/bg_bait_open.gif') no-repeat 0 0; } .pull .pull_open ul li .lay_type { position:absolute; left:-27px; top:50px; width:245px; height:116px; padding:20px 0 0 20px; text-align:left; z-index:100; background:url('http://image.oz.co.kr/bg/bg_bait_open.png') no-repeat left top; } .pull .pull_open ul li .lay_type p { height:22px; padding-left:5px; font-weight:bold; color:#616161; } .pull .pull_open ul li .lay_type ul { overflow:hidden; width:224px; padding:2px 0 0 2px; background-color:#e6e6e6; } .pull .pull_open ul li .lay_type ul li { float:left; margin:0; width:32px; margin:0 6px 6px 0; } .pull .pull_open ul li .lay_type ul li.rlast { margin-right:0; } .pull .pull_open ul li .lay_type ul li.blast { margin-bottom:0px; } .pull .pull_list { overflow:hidden; text-align:left; width:490px; padding:20px 0 5px 10px; } .pull .pull_list li { float:left; height:75px; text-align:center; width:60px; line-height:14px; letter-spacing:-1px; } .pull .pull_list li .thumb { margin-bottom:3px; } .pull .pull_list li .thumb img { width:40px; height:39px; } .pull .pull_desc { padding:15px; } .pull .pull_desc .tit { padding-left:15px; line-height:14px; height:20px; font-weight:bold; color:#bf7a65; background:url('http://image.oz.co.kr/common/icon/icon_star2.gif') no-repeat 0 1px; } .pull .pull_desc ol li { text-indent:-15px; padding-left:15px; line-height:20px; } .pull .pull_desc ol li ul { overflow:hidden; width:600px; margin-top:5px; background:url('http://image.oz.co.kr/bg/bg_dotline.gif') repeat-x left top; } .pull .pull_desc ol li ul li { float:left; padding:0; width:150px; height:26px; line-height:25px; padding:0; text-indent:0; background:url('http://image.oz.co.kr/bg/bg_dotline.gif') repeat-x left bottom; } .pull .pull_desc ol li ul li span { color:#000; } /**/ /*--- company ---*/ #company .photo {float:right; margin:0 10px 0 10px;} #company h2 { margin:50px 0 50px 0; text-align:center; } #company h3 { margin-bottom:50px; float:left; margin-left:10px; } #history .txt { width:639px; margin:0 0 5px 10px; padding-bottom:20px; border-bottom:1px solid #7c7c7c; } .history2002 {padding:20px 0 7px 130px; border-bottom:1px solid #d5d5d5; background:url('http://image.oz.co.kr/company/history_2002.gif') 10px 15px no-repeat;} .history2002 li { padding-bottom:10px;} .history2002 li img { padding-right:20px; vertical-align:baseline;} .history2001 {padding:20px 0 7px 130px; border-bottom:1px solid #d5d5d5; background:url('http://image.oz.co.kr/company/history_2001.gif') 10px 15px no-repeat;} .history2001 li { padding-bottom:10px;} .history2001 li img { padding-right:20px; vertical-align:baseline;} .history2000 {padding:20px 0 7px 130px; border-bottom:1px solid #d5d5d5; background:url('http://image.oz.co.kr/company/history_2000.gif') 10px 15px no-repeat;} .history2000 li { padding-bottom:10px;} .history2000 li img { padding-right:20px; vertical-align:baseline;} .history1999 {padding:20px 0 7px 130px; border-bottom:1px solid #d5d5d5; background:url('http://image.oz.co.kr/company/history_1999.gif') 10px 15px no-repeat;} .history1999 li { padding-bottom:10px;} .history1999 li img { padding-right:20px; vertical-align:baseline;} .history1998 {padding:20px 0 7px 130px; border-bottom:1px solid #d5d5d5; background:url('http://image.oz.co.kr/company/history_1998.gif') 10px 15px no-repeat;} .history1998 li { padding-bottom:10px;} .history1998 li img { padding-right:20px; vertical-align:baseline;} .history1996 {padding:20px 0 7px 130px; border-bottom:1px solid #7c7c7c; background:url('http://image.oz.co.kr/company/history_1996.gif') 10px 15px no-repeat;} .history1996 li { padding-bottom:10px;} .history1996 li img { padding-right:20px; vertical-align:baseline;} #contactUs h2 { margin-bottom:25px; text-align:center;} #contactUs .us_contact {clear:both; width:660px; height:297px; background:url('http://image.oz.co.kr/company/company_contactus.gif') no-repeat center top; } #contactUs .but_us .inq { overflow:hidden; float:right; margin-top:237px; margin-right:37px;} #map h2 { margin-bottom:20px; text-align:center;} .map_b { height:165px; padding:15px 0 0 50px; background:url('http://image.oz.co.kr/company/company_mapbg.gif') no-repeat center top; } #policy_contents { width:578px; margin-left:10px;} .box_gray01 { border: 1px solid #c7c7c7; background-color:#f7f7f7; clear: both; overflow: hidden; padding: 30px 30px; } .box_gray01 li { vertical-align:top; } .box_gray01 ol.d1 { float:left; width: 200px; } .box_gray01 ol.d2 {height:100%;} .box_gray01 ol.r1 { float:right; width: 300px; } .box_gray01 ol.r2 {height:100%;} .agreeB { overflow-y:scroll; border:1px solid #dedede; padding:10px 30px 10px 30px; width:578px; height:300px; line-height:16px; margin:30px 10px; } #cash_contents { width:578px; margin-left:10px;} .box_c01 { border: 1px solid #c7c7c7; background-color:#f7f7f7; clear: both; overflow: hidden; padding: 30px 30px; } .box_c01 li { vertical-align:top; } .box_c01 ol.d1 { float:left; width: 200px; } .box_c01 ol.d2 {height:100%;} .box_c01 ol.r1 { float:right; width: 300px; } .box_c01 ol.r2 {height:100%;} .agreeC { overflow-y:scroll; border:1px solid #dedede; padding:10px 30px 10px 30px; width:578px; height:300px; line-height:16px; margin:30px 10px; } #manage_contents { width:578px; margin-left:10px;} .manageFont { padding:20px 15px; width:620px;} .box_m01 { border: 1px solid #c7c7c7; background-color:#f7f7f7; clear: both; overflow: hidden; padding: 30px 30px; } .box_m01 li { vertical-align:top; } .box_m01 ol.d1 { float:left; width: 250px; } .box_m01 ol.d2 {height:100%;} .box_m01 ol.r1 { float:right; width: 250px; } .box_m01 ol.r2 {height:100%;} .agreeM { overflow-y:scroll; border:1px solid #dedede; padding:10px 30px 10px 30px; width:578px; height:300px; line-height:16px; margin:30px 10px; } .tb {border:solid 1px #d5d5d5; background:#fcfcfc;} .tb P {padding:10 10 10 10;line-height:1.8;} .tbblock { border-right:solid 1px #d5d5d5; text-align:center; border-bottom:solid 1px #d5d5d5;} .tbblock thead {background:#eaeaea; font-weight:bold;} .tbblock td {border-left:solid 1px #d5d5d5; border-top:solid 1px #d5d5d5;} .block {font-weight:bold;color:#FF0000;height:30px;} .alert {font-weight:bold;color:#3a86d2;height:25px;} #privacy_contents { width:578px; margin-left:10px;} .privacyFont { padding:20px 15px; width:620px;} .box_p01 { border-bottom:1px solid #c7c7c7; clear: both; overflow: hidden; padding: 20px 30px; } .box_p01 li { vertical-align:top; } .box_p01 ol.d1 { float:left; width: 550px; } .box_p01 ol.d2 {height:100%;} .privacy_tit {margin:0 0 0 10px; width:639px; height:30px;} .privacy_tit ul {font-weight:bold; padding:11px 0 0 10px; border-bottom:1px solid #c7c7c7;} .privacy_tit li img { vertical-align:middle; } /*--- sitemap ---*/ .sitemapArea {padding:0 auto; margin:0 auto;} .sitemap01 {float:left; padding:0 30px 30px 30px; height:320px;} .sitemap02 {float:left; padding:0 30px 30px 30px; height:320px;} .sitemap03 {float:left; padding:0 30px 30px 30px; height:320px;} .sitemap04 {float:left; padding:0 30px 30px 30px; height:130px;} .sitemap05 {float:left; padding:0 30px 30px 30px; height:130px;} .sitemap06 {float:left; padding:0 30px 30px 30px; height:130px;} .sitemap07 {float:left; padding:0 30px 30px 30px;} .sitemap08 {float:left; padding:0 30px 30px 30px;} .sitemap09 {float:left; padding:0 30px 30px 30px;} /*--- use ---*/ /*--- use ---*/ .useway { margin-top:10px; } .useway .tab { overflow:hidden; width:660px; height:52px; background:url('http://image.oz.co.kr/bg/bg_useway_tab.gif') no-repeat 0 0; } .useway .tab li { float:left; } .useway .tab a { display:block; float:left; } .useway .cont { overflow:hidden; width:622px; padding:0 19px 50px; background:url('http://image.oz.co.kr/bg/bg_useway_tab_c.gif') no-repeat 0 bottom; } .useway .cont .desc { color:#7c7c7c; line-height:18px; } .useway .cont .list { overflow:hidden; width:622px; } .useway .cont .list li { overflow:hidden; width:622px; padding:20px 0; border-bottom:1px solid #e1e1e1; } .useway .cont .list li.first { padding-top:0; } .useway .cont .list li.last { background:none; border:0; } .useway .cont .list li h2 { padding-left:20px; margin-bottom:5px; font:bold 12px/14px dotum; color:#ff6c00; background-repeat:no-repeat; background-position:0 0; } .useway .cont .list li h2.n1 { background-image:url('http://image.oz.co.kr/bg/bg_list_01.gif'); } .useway .cont .list li h2.n2 { background-image:url('http://image.oz.co.kr/bg/bg_list_02.gif'); } .useway .cont .list li h2.n3 { background-image:url('http://image.oz.co.kr/bg/bg_list_03.gif'); } .useway .cont .list li h2.n4 { background-image:url('http://image.oz.co.kr/bg/bg_list_04.gif'); } .useway .cont .list li h2.n5 { background-image:url('http://image.oz.co.kr/bg/bg_list_05.gif'); } .useway .cont .list li h2.n6 { background-image:url('http://image.oz.co.kr/bg/bg_list_06.gif'); } .useway .cont .list li h2.n7 { background-image:url('http://image.oz.co.kr/bg/bg_list_07.gif'); } .useway .cont .list li h2.n8 { background-image:url('http://image.oz.co.kr/bg/bg_list_08.gif'); } .useway .cont .list li h2.n9 { background-image:url('http://image.oz.co.kr/bg/bg_list_09.gif'); } .useway .cont .list li .divBox { overflow:hidden; width:622px; } .useway .cont .list li .de_list { width:100%; } .useway .cont .list li .de_list li { width:100%; border:0; padding:15px 0; background:url('http://image.oz.co.kr/bg/bg_dotline2.gif') repeat-x 0 bottom; } .useway .cont .list li .de_list li.first { padding-top:0; } .useway .cont .list li .de_list li.last { background:none; } .useway .cont .list li .de_list li dl dt { margin-bottom:5px; padding-left:20px; font:bold 12px/14px dotum; color:#666; background-repeat:no-repeat; background-position:0 0; } .useway .cont .list li .de_list li dl .n1 { background-image:url('http://image.oz.co.kr/bg/bg_de_list_01.gif'); } .useway .cont .list li .de_list li dl .n2 { background-image:url('http://image.oz.co.kr/bg/bg_de_list_02.gif'); } .useway .cont .list li .de_list li dl .n3 { background-image:url('http://image.oz.co.kr/bg/bg_de_list_03.gif'); } .useway .cont .list li .de_list li dl dd { line-height:20px; color:#7c7c7c; } .useway .cont .list li .de_list li dl .etc { padding-left:20px; } .useway .cont table { width:100%; } .useway .cont table thead th { padding-top:5px; padding-bottom:5px; line-height:16px; border-bottom:1px solid #d9d9d9; vertical-align:middle; text-align:center; color:#7c7c7c; font-weight:normal; background-color:#f9f9f9 } .useway .cont table.ty thead th { border-bottom:2px solid #d9d9d9; border-right:1px solid #d9d9d9; } .useway .cont table.ty thead th.last { border-right:0; } .useway .cont table tbody td { padding-top:2px; padding-bottom:2px; line-height:16px; border-bottom:1px solid #d9d9d9; vertical-align:middle; text-align:center; color:#7c7c7c; } .useway .cont table.ty tbody td { border-bottom:0; border-right:1px solid #d9d9d9; } .useway .cont table.ty tbody td.last { border-right:0; } .useway .cont table.ty tbody td.line { border-bottom:2px solid #d9d9d9; } .useway .cont table.ty tbody td img { vertical-align:middle; } .useway .cont table.ty tbody .bg td { background-color:#f8f8f8; } .shortcut { overflow:hidden; width:572px; padding-left:50px; } .shortcut li { width:272px !important; padding:0 !important; padding-bottom:15px !important; overflow:hidden; border:0 !important; line-height:20px; } .shortcut li.cen { width:572px !important; } .shortcut li p { float:left; margin-right:5px; } #mainmenu { width:621px; height:58px; margin:10px 0 30px 0; padding-top:3px; background:url('http://image.oz.co.kr/bg/bg_mainmenu.jpg') no-repeat 0 3px; } #mainmenu ul { float:left; width:621px; } #mainmenu ul li { float:left; position:relative; height:49px; z-index:100; } #mainmenu ul li.visible { z-index:500; } #mainmenu ul li.visible a { position:absolute; left:0; top:-3px; z-index:500; } #mainmenu ul li a { display:block; float:left; } #submenu { width:622px; height:103px; margin:10px 0 0 0; padding-top:45px; background:url('http://image.oz.co.kr/bg/bg_submenu.jpg') no-repeat 0 0; } #submenu ul { float:left; width:81px; } #submenu ul li { float:left; position:relative; width:81px; z-index:100; } #submenu ul li.visible { z-index:500; } #submenu ul li.visible a { position:absolute; left:0; top:-1px; z-index:500; } #submenu ul li a { display:block; float:left; width:81px; } /*--- 로그인 ---*/ .page_login { overflow:hidden; width:570px; height:196px; margin:0 auto; background:url('http://image.oz.co.kr/bg/bg_log_dotline.gif') repeat-x left 128px;} .page_login .area { overflow:hidden; width:290px; margin:0 auto; } .page_login .area ul { float:left; overflow:hidden; width:210px; padding-top:23px;} .page_login .area ul li { float:left; overflow:hidden; width:210px; padding-bottom:7px; } .page_login .area ul li label { font:12px/14px dotum; color:#525252; float:left; width:55px; margin-top:3px; } .page_login .area ul li input { float:right; width:143px; padding:0 5px; border:1px solid #ccc; line-height:20px; height:20px; } .page_login .area .btn_login { float:right; padding-top:20px;} .page_login .area .floatR { color:#787878; } .page_login .area .floatR a { color:#787878; } .page_login .area .block { overflow:hidden; width:290px; } .Login_page {margin:0 auto; width:570px; border-bottom:2px solid #CCC; } .Login_page .Login_t { overflow:hidden; width:570px;} .Login_page .Login_c { position:relative; overflow:hidden; width:570px; } .Login_page .Login_c p {margin:0 auto; padding-top:5px; } .Login_page .Login_c h1 {margin:0 auto; width:363px; } /*--- Quick Link Maker- ---*/ #dvShoutCutMaker {width:240px;border:4px solid #ff8400;padding:0 0 0 ;overflow:hidden;display:none;position:absolute;top:-24px;left:340px;background:#FFFFFF;line-height:1.6;} #dvShoutCutMaker table {width:100%;} #dvShoutCutMaker ul li {padding: 5px 5px 2px 5px;} #dvShoutCutMaker ul li .btn {margin-bottom: 5px;text-align:center; padding:3 3 3 3;border:solid 1px #666666;background:#EAEAEA;font-weight:bold;} /*--- OZ Ting ---*/ .ozti {padding:0; } .ozti .topting {width:650px;height:20px; padding:0px 0 10px 10px; border-bottom:1px solid #eaeaea; } .ozti .topting select, .ozti .topting input { vertical-align:middle; } .ozti .topting .input { border:1px solid #ccc; width:110px; height:16px; line-height:16px; padding:0 5px; } .ozti .topting img { padding:2px 5px;} #oztinglis { clear:both; width:660px; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;} .oztinglis .tbody td, .oztinglis .tbody td a { color:#000; } .oztinglis .tbody td img { vertical-align:middle; } .oztinglis .tbody .ques { display:block; padding-left:30px; line-height:19px; background:url('http://image.oz.co.kr/common/icon/icon_faq_q.gif') no-repeat 0 0; } .oztinglis .tbody .answer { text-align:left; padding:10px 30px 20px 30px; line-height:21px; } .oztinglis .desc { color:#ff8400; font:11px/21px dotum; letter-spacing:-1px; } /*--- 둘러보기 ---*/ .ozting { overflow:hidden; width:730px; } .ozting .left { float:left; width:120px; height:442px; border-right:1px solid #b9b9b9; background-color:#f2f2f2; } .ozting .left .menu { overflow:hidden; width:120px; border-bottom:1px solid #e0e0e0; } .ozting .left .menu li { float:left; width:120px; } .ozting .left .menu li a { letter-spacing:-1px; color:#000; display:block; width:85px; height:23px; padding-left:35px; background-repeat:no-repeat; background-position:14px 5px; } .ozting .left .menu li a:hover { background-color:#e0e0e1; } .ozting .left .menu li a.on { background-color:#fe8400; } .ozting .left .menu .msg1 a { background-image:url('http://image.oz.co.kr/bg/bg_bul_msg_1.gif'); } .ozting .left .menu .msg2 a { background-image:url('http://image.oz.co.kr/bg/bg_bul_msg_2.gif'); } .ozting .left .menu .msg3 a { background-image:url('http://image.oz.co.kr/bg/bg_bul_msg_3.gif'); } .ozting .left .menu .bul a { width:95px; padding-left:25px; background-image:url('http://image.oz.co.kr/bg/bg_bul_2.gif'); background-position:15px 9px; } .ozting .left .menu .bul_dot a { width:92px; padding-left:28px; background-image:url('http://image.oz.co.kr/bg/bg_bul_dot.gif'); background-position:15px center; } .ozting .left .menu .bul_dot_l a { width:92px; padding-left:28px; background-image:url('http://image.oz.co.kr/bg/bg_bul_dot_l.gif'); background-position:15px 0; } .ozting .left .menu .bul_dot_f a { width:92px; padding-left:28px; background-image:url('http://image.oz.co.kr/bg/bg_bul_dot_f.gif'); background-position:15px 0; } .ozting .left p { font:11px/18px dotum; color:#686868; padding:30px 14px; background:url('http://image.oz.co.kr/common/icon/icon_impor_s.gif') no-repeat 15px 10px;} .ozting .right { float:right; height:442px; width:609px; } .ozting_search { overflow:hidden; width:595px; height:20px; padding:2px 0 0 14px; border-bottom:1px solid #b9b9b9; background-color:#cdcecf; } .ozting_search input, .ozting_search select, .ozting_search img { margin-right:5px; float:left; vertical-align:top; } .ozting_search .input { width:100px; height:16px; line-height:16px; padding:0 5px; border:1px solid #cacaca; background-color:#fff; } .ozting_search span { margin-right:5px; float:left; line-height:16px; } .oztinglist ul { overflow:hidden; width:660px; padding:20px 0 20px 0px; } .oztinglist ul li { float:left; width:230px; overflow:hidden; padding-bottom:13px; } .oztinglist ul li.last { width:195px;} /*.oztinglist ul li .thumb { float:left; width:81px; margin-right:4px; height:101px; padding:5px 6px 0 5px; background:url('http://image.oz.co.kr/bg/bg_oztinglist.jpg') no-repeat 0 0; } .oztinglist ul li .thumb img { width:81px; height:93px; }*/ .oztinglist ul li .thumb {border:solid 0px red; float:left; width:81px; margin-right:4px; height:101px; padding:5px 6px 0 5px; background:url('http://image.oz.co.kr/bg/bg_oztinglist.jpg') no-repeat 0 0; } .oztinglist ul li .thumb table {width:81px;height:93px;text-align:center; vertical-align:middle;border:solid 0px red;} .oztinglist ul li dl { float:left; width:93px; height:101px; background:url('http://image.oz.co.kr/bg/bg_dotline2.gif') repeat-x 0 bottom; } .oztinglist ul li dl dt { padding-bottom:5px; margin-bottom:7px; background:url('http://image.oz.co.kr/bg/bg_dotline2.gif') repeat-x 0 bottom; } .oztinglist ul li dl dt a { color:#5d5d5d; font:bold 11px/13px dotum; letter-spacing:-1px; } .oztinglist ul li dl dd { color:#5d5d5d; font:11px/13px dotum; padding:0 0 5px 8px; background:url('http://image.oz.co.kr/bg/bg_bul_6.gif') no-repeat 1px 2px; } .floatLe {float:left; margin-top:-200px; padding-left:7px;} .floatRi {float:right; margin-top:-200px; padding-right:7px;} .btm { height:20px; background:url('http://image.oz.co.kr/bg/bg_guide_btm_2.gif') no-repeat left bottom; } /**/ /*--- 오즈팅하기 ---*/ /*.ozentry { position:relative; overflow:hidden; width:658px; border-bottom:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-top:15px; background:url('http://image.oz.co.kr/bg/bg_pop_ozentry2.gif') no-repeat 0 0; }*/ .ozentry { position:relative; overflow:hidden; width:657px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; padding-top:15px; background:url('http://image.oz.co.kr/bg/bg_pop_ozentry.gif') no-repeat 0 0; } .ozentry .thumbY { float:left; width:143px; height:191px; padding:13px 0 0 53px; border:solid 0px red; } /*.ozentry .thumbY p { height:193px; border:solid 1px red; }*/ .ozentry .thumbY table { width:113px; height:170px; vertical-align:middle; text-align:center; border:solid 0px red; } .ozentry .thumbY p img { } .ozentry .thumbY .btn table { margin-left:-5px; height:50px; } .ozentry .viewY { overflow:hidden; width:657px; height:343px; } .ozentry .viewY .info { float:right; width:458px;} .ozentry .viewY .info ul { overflow:hidden; width:458px;} .ozentry .viewY .info ul li { float:left; overflow:hidden; width:414px; height:28px; line-height:28px; padding-bottom:2px;} .ozentry .viewY .info ul li.floatL { width:200px; height:26px; line-height:26px; } .ozentry .viewY .info ul li.floatR { width:200px; height:26px; line-height:26px; margin-right:42px; } .ozentry .viewY .info ul li label { float:left; width:55px; color:#787878; padding-top:4px; line-height:14px; } .ozentry .viewY .info ul li div { float:right; width:140px; padding-top:4px; line-height:14px; color:#282828; } .ozentry .viewY .info ul li.top { color:#ccc; line-height:35px; } .ozentry .viewY .info ul li .input { margin-top:-2px; width:117px; padding:0 5px; height:16px; line-height:16px; border:1px solid #a7a7a9; background-color:#fff; } .ozentry .viewY dl { height:123px; margin-top:19px; } .ozentry .viewY dl dt { font-weight:bold; height:20px; color:#d2d2d2; margin-bottom:2px; } .ozentry .viewY dl dd textarea { margin:0; width:396px; padding:10px; height:80px; border:1px solid #eee; color:#5d5d5d; line-height:20px; } .ozentry .viewY dl dd iframe { margin:0; width:414px; padding:0px; height:100px; border:1px solid #eee; color:#5d5d5d; line-height:20px; } .btm_entry { height:20px; background:url('http://image.oz.co.kr/bg/bg_guide_btm_2.gif') no-repeat left bottom; } /**/ #pop_ozting { width:653px; height:381px; margin:-160px 0 0 -222px; padding: 5px 1px 0px 2px; } #pop_ozting .datail_view { overflow:hidden; width:630px; height:340px; padding:35px 0 0 20px; background:url('http://image.oz.co.kr/bg/bg_pop_ozting.gif') no-repeat 0 0; } #pop_ozting .datail_view .view1 { float:left; width:360px; } #pop_ozting .datail_view .view1 .top { text-align:center; height:22px; line-height:22px; color:#5d5d5d; letter-spacing:-1px; } #pop_ozting .datail_view .view1 .info { overflow:hidden; width:360px; height:211px; background:url('http://image.oz.co.kr/bg/bg_pop_oz_view.gif') no-repeat 0 0; } #pop_ozting .datail_view .view1 .thumb { float:left; width:135px; height:191px; padding:20px 0 0 23px; } #pop_ozting .datail_view .view1 .thumb table { width:113px; height:170px; text-align:center; vertical-align:middle; } #pop_ozting .datail_view .view1 .info ul { float:left; overflow:hidden; width:186px; margin-top:16px; } #pop_ozting .datail_view .view1 .info ul li { float:left; overflow:hidden; width:186px; height:18px; padding-bottom:9px; } #pop_ozting .datail_view .view1 .info ul li label { float:left; width:50px; color:#787878; line-height:18px; } #pop_ozting .datail_view .view1 .info ul li div { float:right; width:136px; line-height:18px; color:#282828; } #pop_ozting .datail_view .view1 .desc { height:86px; padding:10px 17px; line-height:18px; } #pop_ozting .datail_view .date_apply { float:right; width:219px; } #pop_ozting .datail_view .date_apply .top { width:195px; position:relative; height:21px; text-align:center; line-height:21px; letter-spacing:-1px; } #pop_ozting .datail_view .date_apply .top .close { position:absolute; top:1px; right:0; } #pop_ozting .datail_view .date_apply .top strong { color:#ff7200; } #pop_ozting .datail_view .date_apply .top img { vertical-align:middle; } #pop_ozting .datail_view .date_apply ul { overflow:hidden; width:195px; } #pop_ozting .datail_view .date_apply ul li { overflow:hidden; float:left; width:195px; padding-bottom:7px; } #pop_ozting .datail_view .date_apply ul li .input { border:1px solid #eee; line-height:16px; height:16px; width:193px; } #pop_ozting .datail_view .date_apply ul li textarea { border:1px solid #eee; line-height:16px; height:210px; width:193px; } #pop_ozting .datail_view .date_apply ul li select { width:90px; margin-right:1px; } #pop_ozting .datail_view .date_apply ul li label { letter-spacing:-1px; } /*--- friend ---*/ .friend .board_list_2 table { border:1px solid #ccc; } .friend .board_list_2 table thead th { border-bottom:1px solid #e1e1e1; background:#fafafa none; } .friend .board_list_2 table tbody td { border-bottom:1px solid #e1e1e1; letter-spacing:-2px; text-align:center; } .paging_f {padding:20px 20px; text-align:center; line-height:15px; line-height:normal; background:url('http://image.oz.co.kr/bg/bg_guide_cont_3.gif') repeat-y left top;} #friend_menmo .board_list_2 table thead th { background:#fafafa url('http://image.oz.co.kr/bg/bg_board_th_1.gif') no-repeat right center; text-align:center; } #friend_menmo .board_list_2 table thead th.last { background:#fafafa; } #friend_menmo .board_list_2 table tbody td { height:26px; } #pop_simple_meno { width:230px; margin:-80px 0 0 100px; } #pop_simple_meno .pop_top .title { padding-left:0; background:none; } #pop_simple_meno .menu_input textarea { width:228px; height:60px; border:1px solid #d9d9d9; } #pop_add_group { width:228px; height:195px; margin:-97px 0 0 -114px; } #pop_add_group .list { overflow-y:scroll; height:143px; border:1px solid #d9d9d9; } #pop_add_group .list ul { overflow:hidden; width:209px; } #pop_add_group .list ul li { float:left; overflow:hidden; width:204px; padding-right:5px; line-height:20px; height:20px; } #pop_add_group .list ul li.over { background-color:#f2f2f2; } #pop_add_group .list ul li span { padding-left:10px; letter-spacing:-1px; line-height:20px; float:left; } #pop_add_group .list ul li a { float:right; margin-top:4px; } #pop_add_group .input { vertical-align:middle; width:156px; line-height:20px; height:20px; border:1px solid #d9d9d9; } #pop_phone_del1 { width:139px; padding-bottom:2px; } #pop_phone_del1 .pop_top .title { padding-left:0; background:none; } #pop_phone_del1 .pop_top .title a:hover { color:#fe7e00; } #pop_phone_del2 { position:absolute; left:50%; top:50%; height:52px; margin:50px 0 0 -120px;} #pop_phone_del2 p { text-align:center; color:#fff; padding:10px 0; line-height:14px; } #pop_phone_del2 .cont { position:relative; overflow:hidden; width:100%; height:100%; background:url('http://image.oz.co.kr/bg/bg_lay_phone_cont.gif') repeat 0 0; } #pop_phone_del2 .cont .bg_t { position:absolute; left:0; top:0; width:100%; height:3px; background:url('http://image.oz.co.kr/bg/bg_lay_phone_cont_t.gif') repeat-x 0 0; } #pop_phone_del2 .cont .bg_l { position:absolute; left:0; top:0; width:4px; height:100%; background:url('http://image.oz.co.kr/bg/bg_lay_phone_cont_l.gif') no-repeat 0 0; } #pop_phone_del2 .cont .bg_r { position:absolute; right:0; top:0; width:4px; height:100%;background:url('http://image.oz.co.kr/bg/bg_lay_phone_cont_r.gif') no-repeat 0 0; } #pop_phone_del2 .btn { position:relative; height:18px; padding-top:5px; text-align:center; background:url('http://image.oz.co.kr/bg/bg_lay_phone_btm_c.gif') repeat-x 0 0; } #pop_phone_del2 .btn .bg_l { width:19px; height:23px; position:absolute; left:0; bottom:0;_bottom:-1px; background:url('http://image.oz.co.kr/bg/bg_lay_phone_btm_l.gif') no-repeat 0 0; } #pop_phone_del2 .btn .bg_r { width:19px; height:23px; position:absolute; right:0; bottom:0;_bottom:-1px; background:url('http://image.oz.co.kr/bg/bg_lay_phone_btm_r.gif') no-repeat 0 0; } #pop_lover { width:425px; height:307px; margin:-120px 0 0 -212px; background-color:#fff; } #pop_lover .pop_top .title { color:#000; padding-left:0; background:none; } #pop_lover .desc { font:12px/14px dotum; padding-left:8px; letter-spacing:-1px; background:url('http://image.oz.co.kr/bg/bg_bul_2.gif') no-repeat left 5px; } #pop_lover .tit { height:16px; display:block; font:bold 12px/14px dotum;color:#515151; } #pop_lover .lover_list { width:421px; padding-top:2px; background:url('http://image.oz.co.kr/game/bg/bg_lover_list.gif') no-repeat 0 0; } #pop_lover .lover_list table thead th { height:20px; color:#949494; text-align:center; vertical-align:middle; } #pop_lover .lover_list table tbody td { height:20px; color:#000; } #pop_lover .lover_list table tbody td.line { width:421px; height:2px; background:url('http://image.oz.co.kr/bg/bg_lover_list.gif') no-repeat 0 0; } #pop_lover .picture_entry { overflow:hidden; width:421px; } #pop_lover .picture_entry .left { float:left; width:320px; } #pop_lover .picture_entry .left textarea { width:318px; height:78px; border:1px solid #d9d9d9; } #pop_lover .picture_entry .left img { vertical-align:middle; } #pop_lover .picture_entry .left .input { width:247px; vertical-align:middle; border:1px solid #d9d9d9; height:17px; line-height:17px; } #pop_lover .right { float:right; width:91px; height:108px; background:url('http://image.oz.co.kr/bg/bg_lover_pic.gif') no-repeat 0 0; } #pop_lover .right p { padding:6px 6px 11px; } #pop_lover .right p img { width:79px; height:91px; } /**/ /*--- layer pop ---*/ .popup { position:absolute; left:50%; top:50%; border:4px solid #fe8400; padding:5px 5px 10px; background-color:#fff; } .popup2 { position:absolute; left:50%; top:50%; border:4px solid #fe8400; background-color:#fff; } .popup .pop_top { width:100%; overflow:hidden; height:22px; } .popup2 .pop_top { position:relative; width:100%; overflow:hidden; height:22px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; background-color:#e9e9e9; } .popup .pop_top .title { padding-left:15px; float:left; margin-top:3px; font:bold 12px/14px dotum; letter-spacing:-1px; color:#616161; background:url('http://image.oz.co.kr/bg/bg_pop_title.gif') no-repeat 1px 2px; } .popup2 .pop_top .title { float:left; padding-left:5px; letter-spacing:-1px; } .popup2 .pop_top .title em { font:12px/14px dotum; } .popup .pop_top .close { float:right; } .popup2 .pop_top .close { position:absolute; right:3px; top:1px; } .popup2 .pop_top .floatR { line-height:18px; padding:2px 28px 0 0; } .popup2 .pop_top .floatR em { color:#fff; margin:0 5px; font:12px/18px dotum; } .popup .pop_cont { clear:both; width:100%; } .popup .pop_bx { position:relative; border:1px solid #b2b2b2; padding:5px; color:#616161; letter-spacing:-1px; } .popup .pop_bx .pop_bx_lt { width:5px; height:5px; position:absolute; left:-1px; top:-1px; background:url('http://image.oz.co.kr/bg/bg_pop_bx_lt.gif') no-repeat left top; } .popup .pop_bx .pop_bx_rt { width:5px; height:5px; position:absolute; right:-1px; top:-1px; background:url('http://image.oz.co.kr/bg/bg_pop_bx_rt.gif') no-repeat right top; } .popup .pop_bx .pop_bx_lb { width:5px; height:5px; position:absolute; left:-1px; bottom:-1px; background:url('http://image.oz.co.kr/bg/bg_pop_bx_lb.gif') no-repeat left bottom; } .popup .pop_bx .pop_bx_rb { width:5px; height:5px; position:absolute; right:-1px; bottom:-1px; background:url('http://image.oz.co.kr/bg/bg_pop_bx_rb.gif') no-repeat right bottom; } .popup .pop_bx .bx1 { line-height:18px; padding:5px 7px; border:1px solid #d8d8d8; background-color:#f4f4f4; } .popup .pop_bx .bx2 { line-height:18px; padding:5px 7px; border:1px solid #d8d8d8; } .popup .item_tit { overflow:hidden; width:100%; height:20px; color:#000; clear:both; line-height:14px; } .popup .item_tit .tit { float:left; padding-left:10px; background:url('http://image.oz.co.kr/common/bg/bul_01.gif') no-repeat 2px 2px; } .popup .item_tit input { margin:0 5px 0 20px; padding:0 5px; width:80px; border:1px solid #cacaca; height:16px; line-height:16px; } .popup .msg_input textarea { width:318px; height:50px; border:1px solid #d8d8d8; } .popup .cnt_input { overflow:hidden; width:100%; color:#000; line-height:16px; } .popup .cnt_input .updn a { display:block; height:9px; } .popup .cnt_input span { float:left; margin-right:5px; } .popup .cnt_input .input { float:left; padding:0 5px; width:30px; height:16px; line-height:16px; border:1px solid #cacaca; } .popup .bx2 .iteminfo { overflow:hidden; width:306px; padding-top:5px; } .popup .bx2 .iteminfo li { overflow:hidden; width:300px; padding:0 0 5px 6px; float:left; color:#383838; font:11px/13px dotum; background:url('http://image.oz.co.kr/common/bg/bul_02.gif') no-repeat left 5px; } .popup .bx2 .iteminfo li .tit { color:#7b7b7b; float:left; width:70px; } .popup .bx1 .itemname { overflow:hidden; width:306px; } .popup .bx1 .itemname .thumb { float:left; width:42px; } .popup .bx1 .itemname dt { font:bold 12px/14px dotum; color:#000; } .popup .bx1 .itemname .cnt { color:#000; } .popup .bx1 .itemname .cnt input { margin-left:8px; padding:0 5px; width:30px; height:14px; line-height:14px; border:1px solid #cacaca; } .popup .sendview { overflow-y:scroll; height:50px; padding:5px; color:#000; line-height:16px; border:1px solid #d8d8d8; } /**/ /*--- QuickGuide List ---*/ #quickguide_list .cont { overflow:hidden; height:365px; background-color:#FFF; } #quickguide_list .cont ul { width:660px; overflow:hidden; padding:0 0 0 0px; } #quickguide_list .cont ul li { float:left; width:194px; border:solid 0px red; height:164px; margin:10px 10px 10px 10px;} #quickguide_list .cont ul li.last { height:164px; } #quickguide_list .cont ul li .thumb { margin-bottom:5px; position:relative; width:192px; height:110px; border:1px solid #b9b9b9; } #quickguide_list .cont ul li .thumb .play { display:block; position:absolute; left:50%; top:50%; margin:-23px 0 0 -22px; } #quickguide_list .cont ul li .txt { color:#333; font:bold 12px/14px dotum; } /**/ /*--- help ---*/ .combine .search { position:relative; z-index:500; float:left; width:660px; height:29px; border-bottom:1px solid #b9b9b9; background-color:#ffffff; } .combine .search img, .combine .search input, .combine .search select { vertical-align:middle; } .combine .search .floatL { padding:3px 0 0 0px; } .combine .search .floatR { padding:4px 0px 0 0; } .combine .search .sort {background:#f3f3f3;border:solid 1px #cccccc;} .combine .search input { width:125px; height:16px; padding:0 5px; line-height:16px; color:#000; border:1px solid #cacaca; } .combine .top { float:left; width:660px; height:22px; border-bottom:3px solid #ccc; background-color:#e4e4e4; } .combine .top table { width:660px; } .combine .top table thead th { height:21px; border-right:1px solid #ccc; font-weight:normal; text-align:center; vertical-align:middle; } .combine .cont { float:left; width:660px; position:relative; } .combine .cont table { width:660px; } .combine table .noBor { border-right:0 !important; } .combine .cont table thead { height:22px; border-bottom:3px solid #ccc; background-color:#e4e4e4; } .combine .cont table thead th { height:21px; border-right:1px solid #ccc; font-weight:normal; text-align:center; vertical-align:middle; } .combine .cont table tbody th { padding:5px 0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:normal; text-align:center; vertical-align:middle; background-color:#ececec; } .combine .cont table tbody td { padding:5px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:16px; text-align:left; vertical-align:middle; } .combine .cont table tbody .bg td { background-color:#f3f3f3; } .combine .cont table tbody td .tit { letter-spacing:-2px; font-weight:bold; line-height:14px; } .combine .cont table tbody td .list1 { overflow:hidden; width:100%; } .combine .cont table tbody td .list1 li { display:inline-block; clear:both; float:left; overflow:hidden; padding:0 0 3px 5px; background:url('http://image.oz.co.kr/game/common/bg/bul_02.gif') no-repeat left 6px; } .combine .cont table tbody td .list1 li.ty { background-position:left 9px; } .combine .cont table tbody td img { vertical-align:middle; } .combine .cont table tbody .bait { overflow:hidden; width:100%; } .combine .cont table tbody .bait li { float:left; padding:0 1px 1px 0; } .combine .cont table tbody .bait li a { position:relative; display:block; float:left; width:21px; height:21px; } .combine .cont table tbody .bait li .over { position:absolute; left:0; top:0; display:block; width:17px; height:17px; border:2px solid #0099fe; background:none; } .combine .cont table tbody .desc { padding-left:10px; background:url('http://image.oz.co.kr/game/bg/bg_combine_desc.gif') repeat-y 0 0; }