@charset "euc-kr"; BODY { font-size:12px;FONT-FAMILY: Dotum;color: #666666; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; } A { TEXT-DECORATION: none;margin:0px;padding:0px;color:#5c5c5c; } A:hover { COLOR: #333333; TEXT-DECORATION: underline;margin:0px;padding:0px } img { margin:0px;BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; behavior: url(assets/iepngfix.htc); } FIELDSET { BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px;color:#fff } TD, TH {letter-spacing: -0.1em;FONT-FAMILY: Dotum; font-size:12px;color:#5c5c5c;} DL { LIST-STYLE-TYPE: none; } UL { LIST-STYLE-TYPE: none; margin:0px;padding:0px } OL { LIST-STYLE-TYPE: none; margin:0px;padding:0px } LI { LIST-STYLE-TYPE: none; margin:0px;padding:0px } EM { LIST-STYLE-TYPE: none; margin:0px;padding:0px } TABLE { BORDER-COLLAPSE: collapse } INPUT { VERTICAL-ALIGN: middle;font-size:12px;color:#000; } SELECT { VERTICAL-ALIGN: middle;font-size:12px;FONT-FAMILY: Dotum; } TEXTAREA { VERTICAL-ALIGN: middle;border:1px solid #e2e0de;LINE-HEIGHT: 21px;padding:5px 10px 5px 10px;color:#333333;font-size:12px;FONT-FAMILY: Dotum; } /*팝업 부분*/ #pop_lay { float:left;WIDTH:400px; } #pop_title_box { float:left;WIDTH:100%;border-bottom:1px #e1e1e1 solid; } #pop_title_box .title { POSITION: relative;float:left;WIDTH:100%;BACKGROUND: #303030 ; border-bottom:2px #3478c6 solid;} #pop_title_box .title img {margin:12px 12px 12px 15px} #pop_id_box {float:left;WIDTH:420px;height:445px; BACKGROUND: url(/webroot/img/id_search.gif) repeat-x left bottom;} #pop_body { POSITION: relative;float:left;WIDTH:310px;padding:20px;line-height:18px} #pop_body.type01 { WIDTH:410px;} #pop_body.type02 { WIDTH:510px;} #pop_body.acenter { text-align:center; } #pop_body .infobox { float:left;WIDTH:358px;border:1px #ececec solid} #pop_body .infobox#type01 { WIDTH:408px; } #pop_body .infobox#type02 { WIDTH:508px; } #pop_body .infobox li {float:left; WIDTH:350px;text-align:center;border:4px #f5f5f5 solid;line-height:18px } #pop_body .infobox li.type01 { WIDTH:400px;} #pop_body .infobox li.type01_02 { WIDTH:380px;padding:10px ;text-align:left; } #pop_body .infobox li.type02 { WIDTH:480px;padding:10px ;text-align:left; } #pop_body .infobox li .row1{ margin-bottom:15px;padding-bottom:13px;BACKGROUND: url(/webroot/img/left_banner_dot.gif) repeat-x left bottom; } #pop_body .infobox li.text01 { padding:40px 0px 40px 0px ;} #pop_body .infobox li.text01 p { margin:5px 0px 3px 0px} #pop_body .infobox li.text02 { padding:10px 0px 10px 0px ;} #pop_body .infobox li.text03 { padding:40px 0px 10px 0px ;} #pop_body .event110421_01 {padding:15px 10px; padding-bottom:5px} #pop_body .event110421_01 input[type="text"] { font-family:"돋움"; font-size:12px; color:#636363; vertical-align:middle; border:1px solid #bbb; padding:2px 3px; margin:-2px 0 0 0;} #pop_body .event110421_01 .selectcss{ font-size : 12px; margin : 0; padding : 0; border : 1px solid #bbb; line-height : 16px; height : 22px; display:inline} #pop_body .event110421_01 p {margin:0; padding:0; padding-bottom:6px} #pop_body .event110421 {border:1px solid #dfdfdf; background:#efefef; margin:auto 15px; margin-top:10px; padding:4px; height:86px} #pop_body .event110421 dl {margin:0; padding:0} #pop_body .event110421 dl dt {float:left; margin:auto 30px} #pop_body .event110421 dl dd {width:88px; background:#dfdfdf; height:74px; float:right; margin:0; padding: 0;display:block;} #pop_btn_zip { POSITION: relative;float:left;WIDTH:100%;text-align:center;padding-top:5px } /*전체틀 부분*/ #Doc_str { margin:0 auto; width:900px; } #Top_menus { POSITION: relative;float:left;width:100%;height:88px;border-bottom:2px #3173c7 solid;margin-bottom:20px } #Top_menus .logo {POSITION: relative;float:left;width:133px;} #main_img {POSITION: relative;float:left;width:900px;margin-bottom:10px;z-index:1} #main_left {POSITION: relative;float:left;width:900px;margin-bottom:0px} #main_banners {POSITION: relative;float:right;width:680px;margin-left:10px; } #main_banners strong { margin:0px 10px 0px 0px} #main_news { clear:both;POSITION: relative;float:left;width:210px;} #main_news #more { position:absolute; right:0px;bottom:0px} #main_news ul {margin:0px;POSITION: relative;float:left;width:100%;height:150px;} #main_news ul li {POSITION: relative;float:left;width:100%;padding-top:10px;_padding-top:5px;height:13px;letter-spacing: -0.1em;} #main_news ul li.title {border-bottom:4px #5494e6 solid;height:31px;padding:0px} #main_news ul li strong { position:absolute;right:0px;color:#7c7c7c ;font-weight:normal;letter-spacing: 0.0em;} #main_emo {float:left;width:680px;padding-left:10px;} #main_emo #more { position:absolute; right:0px;bottom:0px;_margin-right:2px;} #main_emo ul {margin:0px;POSITION: relative;float:left;width:100%;} /*#main_emo ul li {POSITION: relative;float:left;line-height:16px;margin-top:10px;margin-right:10px;display:inline;border:1px #d2d2d2 solid;width:101px;height:80px;padding:13px 12px 13px 13px;}*/ #main_emo ul li {POSITION: relative;float:left;margin-top:10px;margin-right:8px;display:inline;border:1px #d2d2d2 solid;width:103px;height:75px;padding:11px 12px 13px 12px;} #main_emo ul li.empty {POSITION: relative;float:left;margin-top:10px;margin-right:10px;display:inline;border:1px #d2d2d2 solid;} /*#main_emo ul li textarea {height:80;width:101;font-family:돋움체;font-size:8px;padding:13px 13px;line-height:10px;overflow:hidden;text-align:left;letter-spacing:0px;border:0px solid #666;}*/ #main_emo ul li textarea {width:101px;height:80px;font-family:돋움체;font-size:12px;line-height:15px;overflow:hidden;text-align:left;letter-spacing:0px;border:0px solid #666;padding:0px 0px 0px 0px;margin-top:0px;margin-right:0px;} #main_emo ul li.end { margin-right:0px; padding-left:12px;} #main_emo ul li.title {width:100%;margin:0px;border-top:0px #d2d2d2 solid;border-left:0px #d2d2d2 solid;border-right:0px #d2d2d2 solid;border-bottom:4px #5494e6 solid;height:31px;padding:0px} /*#main_emo ul li strong { position:absolute;right:0px;color:#7c7c7c ;font-weight:normal;letter-spacing: 0.0em;}*/ #main_event { position:absolute;left:12px;top:10px;padding-top:20px;padding-left:3px;width:115px;height:75px; BACKGROUND: url(/webroot/img/main_sbox.png) no-repeat right top;z-index:8 } #main_event ul { POSITION: relative;float:left;width:100%;} #main_event ul li { color:#6c6c6c;font-size:11px;padding-top:2px;height:15px} #main_event ul li strong { color:#c9dcf5;padding-left:4px;padding-right:1px;font-family:Tahoma;font-weight:normal;font-size:10px} #main_event ul li.select1 { color:#fff;BACKGROUND: url(/webroot/img/main_s_bar01.png) no-repeat } #main_event ul li.select2 { color:#fff;BACKGROUND: url(/webroot/img/main_s_bar02.png) no-repeat } #main_event ul li.select3 { color:#fff;BACKGROUND: url(/webroot/img/main_s_bar03.png) no-repeat } #main_sms {position:absolute;right:0px;top:0px;width:349px;height:221px;padding:25px 0px 0px 0px; BACKGROUND: url(/webroot/img/main_box.gif) no-repeat right top; z-index:99 } #main_sms .sms_box {POSITION: relative;float:left;width:150px;padding-right:4px } .sms_list { POSITION: relative;float:left;width:195px;_width:193px;} .sub_sms_list { POSITION: relative;float:left;width:284px;padding-top:20px } .sub_sms_list#big { width:387px;padding-top:20px;} .sub_sms_list#meet { width:341px;padding:5px; } .meet_sms_list { POSITION: relative;float:left;width:256px;padding-top:2px } .sub_sms_box {POSITION: relative;float:left;width:246px;padding:2px;margin-right:10px} .sub_sms_box_big {POSITION: relative;float:left;width:246px;padding:2px;padding-right:20px} #main_mmss_banner { POSITION: absolute;bottom:8px;right:10px; } /*탭 부분*/ .menus { position:absolute;left:133px;bottom:0px; WIDTH: 570px;} .menus LI { bottom:0px;BACKGROUND: url(/webroot/img/top_menues_sero.gif) no-repeat right bottom;padding:0px;FLOAT: LEFT;COLOR: #333; _display: inline} .menus LI a {DISPLAY: block; } .menus LI img {padding:6px 15px 6px 15px; } .menus LI.act { position:absolute;left:0px;bottom:0px;width:98px;padding:0px} .menus LI.act img {padding:0px; } .menus LI.act_next { padding-left:98px} .menus LI.end {BACKGROUND: #fff;} #Top_menus #right { position:absolute;right:0px; top:0px;} #Top_menus #right a img{ padding-left:5px;padding-right:5px;} #Top_menus #sub { position:absolute;bottom:0px;right:0px } #Left_wrap { POSITION: relative;float:left;WIDTH: 210px;margin-right:21px; } #loginbox { POSITION: relative;float:left;WIDTH: 208px;height:98px;margin-bottom:10px;border:1px #8ab7ee solid;color:#898989;font-size:11px;} #loginbox .top {POSITION: relative;float:left;padding:6px 6px 0px 6px;WIDTH: 196px;background:#8ab8ef;color:#fff;font-size:11px;} #loginbox .wrap {POSITION: relative;float:left;padding:4px;WIDTH: 200px;} #loginbox .input {POSITION: relative;float:left;WIDTH: 153px;padding:0px} #loginbox .mybox {POSITION: relative;float:left;WIDTH: 137px;color:#5495e7;padding-bottom:2px;} #loginbox .mybox strong {POSITION: relative;WIDTH:42px;text-align:center;padding-top:0px;padding-bottom:0px;float:left;} #loginbox .mybox strong img {} #loginbox .mybox .cash_info {POSITION: relative;WIDTH:90px;text-align:right;padding-top:0px;padding-bottom:0px;float:left;} #loginbox .mybox img {margin-top:0px;} #loginbox .btn {POSITION: relative;float:left;} #loginbox .info {POSITION: relative;float:left;WIDTH: 100%;padding-top:0px;height:22px;} #loginbox #ment { position:absolute;z-index:1 } #loginbox .idcheck {POSITION: relative;float:right;text-align:right;padding-top:4px;font-size:11px;} #loginbox .menu { float:left;WIDTH: 100%;BACKGROUND:#d4e5f9;z-index:-1;height:27px; } #loginbox .menu a img{ padding:7px 4px 7px 0px } #loginbox .menu .arrow{ padding:7px 2px 8px 6px } #banner {POSITION: relative;float:left;} #banner .list { POSITION: relative;float:;padding-bottom:1px;BACKGROUND: url(/webroot/img/left_banner_dot.gif) repeat-x left bottom;} #banner .first { padding-bottom:4px; } #banner .end { margin-bottom:7px;position:relative;float:left;padding-top:10px; } /*#Contents_box { POSITION: relative;float:left;WIDTH:669px;overflow:hidden; }*/ #Contents_box { float: right; WIDTH:669px; }/* 110518 */ #Contents_box_admin { POSITION: relative;float:left;WIDTH:769px;overflow:hidden; } #info {POSITION: relative;float:left;WIDTH:100%;margin-bottom:20px} #info_bbs2 {POSITION: relative;float:left;WIDTH:100%} #info_bbs {POSITION: relative;float:left;WIDTH:100%;MARGIN-BOTTOM:10px;border-top:1px #ececec solid;border-bottom:1px #ececec solid;BACKGROUND:#f6f6f6;font-size:11px; } #info_bbs p { MARGIN:8px 10px 5px 10px} #info_bbs .sms_search {width:38px;height:17px;border:0px;BACKGROUND: url(/webroot/img/cash_btn_search.gif) repeat-x left top; } input.btnDelete {width:41px;height:23px;border:0px;BACKGROUND: url(/webroot/img/btn_del.gif) repeat-x left top; } input.btnCancle {width:41px;height:23px;border:0px;BACKGROUND: url(/webroot/img/btn_cancel.gif) repeat-x left top; } input.btnProcancel {width:66px;height:23px;border:0px;BACKGROUND: url(/webroot/img/btn_procancel.gif) repeat-x left top; } #info_bbs ul li.calendar span {float:left;padding-top:2px;} #info_bbs .btnCalendar {float:left;margin-right:5px;width:19px;height:21px;background:url("/webroot/img/msgbox/calendar.gif") no-repeat;text-indent:-9999px;} #info_bbs .btnCalendar a {display:block;width:19px;height:21px;} #title { POSITION: relative;float:left;WIDTH:668px;height:24px;display: inline} #cashtitle {POSITION: relative;CLEAR:both;WIDTH:668px;height:24px;} #title_row p { margin:0px 0px 10px 0px } #title_row { POSITION: relative;float:left;WIDTH:100%;padding-bottom:10px;display: inline} #title_row span { font-size:11px;line-height:30px} #title_row.type2 { color:#a7a7a7;font-size:11px;line-height:17px;padding-bottom:7px;margin-bottom:20px;border-bottom:2px #b2b2b2 solid } #title_row.type2 a { color:#888888;padding-right:2px;padding-left:2px} #title_row.type2 a.select1 { color:#648abb;font-weight:bold;TEXT-DECORATION: none; } #title_row.type2 a.select0 { color:#EB7239;font-weight:bold;TEXT-DECORATION: none; } #title_row.type2 a:hover { color:#696969;TEXT-DECORATION: none;} #title_row.type2 a.select1:hover { color:#648abb;font-weight:bold;TEXT-DECORATION: none; } #title_row.type2 a.select0:hover { color:#EB7239;font-weight:bold;TEXT-DECORATION: none; } #ment_box { float:left; WIDTH:667px; border:1px #ececec solid; }/* 110518 */ #ment_box .inbox { float:left; WIDTH:659px; BACKGROUND:#fff; border:4px #f5f5f5 solid; }/* 110518 */ #ment_box .acenter { text-align:center; } #ment_box p.ratio { POSITION: relative;float:left;padding:20px 0px 0px 30px; } #ment_box span.mem02 { POSITION: relative;float:left;padding:30px;} #ment_box span.mem03 { POSITION: relative;float:left;padding:30px 0 30px 40px;} #ment_box .cash1 { POSITION: relative;float:left;padding-left:14px; } #ment_box .info1 { POSITION: relative;float:left;WIDTH:630px;text-align:center ;padding-top:14px;padding-bottom:14px;BACKGROUND: url(/webroot/img/left_banner_dot.gif) repeat-x left bottom; } #ment_box .info1_1 { POSITION: relative;float:left;WIDTH:580px;text-align:center ;padding-top:14px;padding-bottom:14px; } #ment_box .info1_credit { POSITION: relative;float:left;WIDTH:630px;text-align:center ;padding-top:14px;padding-bottom:14px; } #ment_box .info1_virtual { POSITION: relative;float:left;WIDTH:630px;text-align:center ;padding-top:14px;padding-bottom:14px;BACKGROUND: url(/webroot/img/left_banner_dot.gif) repeat-x left bottom; } #ment_box .info1#address2 { text-align:left ;BACKGROUND: url(/webroot/img/address_tab02_bg.gif) repeat-x left bottom; } #ment_box .info2 { POSITION: relative;float:left;WIDTH:630px;padding-top:15px;padding-bottom:12px;color:#888888;font-size:11px;line-height:18px} #ment_box .info2 #address2 { POSITION: relative;float:left;WIDTH:592px;padding:19px;BACKGROUND:#f3f3f3;border:1px #ececec solid} #ment_box .info2 span {font-size:12px;color:#666; padding-bottom:12px;line-height:22px;} #ment_box .info2 p { TEXT-INDENT: -7px;MARGIN: 0px 0px 0px 10px; } #ment_box .info2 p.add { TEXT-INDENT: -10px;MARGIN: 0px 0px 0px 10px; } #ment_box .info2 p.add img{ MARGIN-TOP: 2px;MARGIN-BOTTOM: 6px; } #ment_box .info2 #address2 .line {POSITION: relative;float:left;LINE-HEIGHT:20px;WIDTH:100%;margin-bottom:10px;padding-bottom:7px;border-bottom:1px #ececec solid;Z-INDEX:100 } #ment_box .info2 #address2 .line .img1 {MARGIN-TOP: 7px;MARGIN-BOTTOM: 6px;} #ment_box2 { POSITION: relative;float:left;WIDTH:321px;border:1px #ececec solid; } #ment_box2 .small{ POSITION: relative;float:left;WIDTH:313px;height:175px;BACKGROUND:#fff;border:4px #f5f5f5 solid;} #btn { position:absolute;left:0px;bottom:6px;WIDTH:294px;margin-left:10px;padding-top:10px;text-align:center;BACKGROUND: url(/webroot/img/left_banner_dot.gif) repeat-x left top; } #btn2 { position:absolute;left:0px;bottom:6px;WIDTH:294px;margin-left:10px;padding-top:10px;text-align:center;BACKGROUND: url(/webroot/img/left_banner_dot.gif) repeat-x left top; } #ment_box2 p{ MARGIN: 0px 0px 10px 0px ;font-size:11px } #ment_box2 span { POSITION: relative;float:left;MARGIN: 7px;font-size:11px} .step1 { margin:0px 4px 0px 0px } #info_ment {POSITION: relative;float:left;WIDTH:667px;border:1px #f2f2f2 solid;BACKGROUND:#f6f6f6;font-size:11px;LINE-HEIGHT: 18px; } #info_ment .notice { padding:15px} #info_ment .notice a{ color:#648abb;TEXT-DECORATION: underline;} .info_icon1 {margin:15px 34px 15px 30px } .info_icon2 {margin-top:7px;margin-bottom:7px } #small_tab { POSITION: relative;float:left;WIDTH:100%;margin-bottom:15px;font-size:11px;border-bottom:1px solid #AAA; } #small_tab a { padding-top:10px;padding-bottom:5px } #small_tab.type1 { margin-bottom:5px } #small_tab /*회원약관 부분*/ /*#content {margin:0 auto;padding:50px 0;text-align:left;width:670px;}*/ #content { POSITION: relative;float:left;WIDTH:669px;overflow:hidden; } #agree_box { POSITION: relative;float:left;border:10px #f3f3f3 solid } #agree_box #ment { border:1px #e7e7e7 solid; width:618px;padding:8px 14px 7px 14px;height:155px;color:#666666; overflow:auto; overflow-x:hidden; POSITION:relative; top:0px; left: 0px;LINE-HEIGHT: 1.6em;FONT-SIZE: 12px; scrollbar-face-color:#fff; scrollbar-shadow-color:#cccccc; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#cccccc; scrollbar-darkshadow-color:#fff; scrollbar-track-color:#fff; scrollbar-arrow-color:#999999; } .text1 {POSITION: relative;float:left;WIDTH:100%;text-align:right;padding-top:7px;padding-bottom:6px} .text2 {POSITION: relative;float:left;WIDTH:100%;text-align:center;padding-top:30px;padding-bottom:30px} .text3 {POSITION: relative;float:left;WIDTH:100%;text-align:right;padding-top:10px;padding-bottom:10px} .colum_base { POSITION: relative;float:left; } .colum_right { POSITION: relative;float:right;display:inline;margin-right:40px; } .colum_base p {MARGIN:8px 10px 5px 10px} .colum_base#row1 { width:420px;border-bottom:1px #d3d3d3 dotted;padding-bottom:5px} .colum_base#row2 { width:420px;padding-top:7px} .btn_mar5 {margin-bottom:5px; } .btn_mar15 { margin-bottom:6px;margin-top:6px; } #mysms_box {POSITION: relative;float:left;border:1px #666666 solid;overflow-y:scroll;overflow-x:hidden;} #mysms_box.type1 { width:210px;height:150px;margin-right:30px; } #mysms_box.type2 { width:229px;height:205px;margin-right:30px; } #mysms_box textarea { border:0px;color:#333333;line-height:15px;BACKGROUND: url(/webroot/img/sms_bg2.gif) no-repeat center center; } #mysms_box.type1 textarea {width:193px;height:119px;padding:15px 0px 14px 17px; } #mysms_box.type2 textarea {width:216px;height:163px;padding:20px 0px 20px 13px; } #mysms_btn_muti {POSITION: relative;float:left;margin-right:15px;margin-bottom:15px;width:231px;} #mysms_btn_muti.end{clear:both;} #mysms_btn1 { POSITION: relative;float:left;border:1px #cacaca solid;width:150px;padding:5px;margin-right:7px;margin-bottom:19px;overflow-x:hidden;} #mysms_btn1.end {margin-right:0px;} #gift_box { POSITION: relative;float:left;border:1px #e6e6e6 solid;line-height:16px;font-size:12px;padding:10px 14px 0px 14px;width:100px;height:88px;margin-right:20px;} #gift_box.meet { margin-right:0px;} #gift_banner {POSITION: relative;float:left;height:71px } #gift_banner img {margin-right:7px} #gift_banner .end {margin-right:0px} #sub_sms_emo {POSITION: relative;float:left;width:100%;padding-bottom:5px;border-bottom:1px #d3d3d3 solid } #sub_sms_emo.meet {padding-bottom:0px;border-bottom:1px #fff solid} #sub_sms_emo ul {margin-bottom:10px;POSITION: relative;float:left;width:150px;height:156px;margin-bottom:15px;margin-right:23px;overflow:hidden;} #sub_sms_emo ul.meet { margin-bottom:0px;margin-right:10px; } #sub_sms_emo ul li {POSITION: relative;float:left;line-height:16px;font-size:12px;color:#333;width:100%;} #sub_sms_emo ul.LMS_ul {margin-bottom:10px;POSITION: relative;float:left;width:205px;height:290px;margin-bottom:15px;margin-right:27px;overflow:hidden;} #sub_sms_emo ul.end { margin-right:0px; margin-bottom:0px;} #sub_sms_emo ul li.ment {height:130px;BACKGROUND: url(/webroot/img/tms_box_bg1.gif) no-repeat left top;overflow:hidden;} #sub_sms_emo ul li.ment_LMS {height:290px;BACKGROUND: url(/webroot/img/tms_box_bg2.gif) no-repeat left top;overflow:hidden;} #sub_sms_emo ul li.ment p { padding:30px 23px 0px 25px;margin:0px;} #sub_sms_emo ul li.title {font-size:11px;height:15px;color:#3c3c3c;text-align:center;padding-top:4px} #sub_sms_emo ul li.btn { text-align:center;padding-top:5px;padding-bottom:20px;} /*#sub_sms_emo ul li strong { position:absolute;right:0px;color:#7c7c7c ;font-weight:normal;letter-spacing: 0.0em;}*/ /*추가 2010-03-26 */ #sub_sms_emo ul li.ment textarea {height:118px;width:100px;font-family:돋움체;font-size:12px;padding:25px 25px 0px 25px;line-height:18px;overflow:hidden;text-align:left;letter-spacing:0px;border:0px solid #666;} #sub_sms_emo ul li.ment_LMS textarea {overflow-y:scroll;width:180px;height:253px;background-color:transparent;cursor:pointer;color:#000000;font-family:돋움체;font-size:12px;padding:5px 0px 0px 5px;margin:20px 0px 0px 10px;line-height:18px;overflow:hidden;text-align:left;letter-spacing:0px;border:0px solid #666;} #sub_sms_emo ul li.ment textarea.mybox {height:93px;width:120px;font-family:돋움체;font-size:12px;padding:25px 25px 0px 25px;line-height:18px;text-align:left;letter-spacing:0px;border:0px solid #666;overflow-y:scroll;overflow-x:hidden;} #sub_sms_emo ul li.ment_img {BACKGROUND: url(/webroot/img/tms_box_bg1.gif) no-repeat left top;width:130px;#width:150px;height:80px;font-family:돋움체;font-size:12px;padding:25px 10px 25px;line-height:18px;overflow:hidden;text-align:left;letter-spacing:0px;border:0px solid #666;} #sub_shop {POSITION: relative;float:left;width:100%;padding-bottom:5px;border-bottom:1px #d3d3d3 solid } #sub_shop.meet {padding-bottom:0px;border-bottom:1px #fff solid} #sub_shop ul {margin-bottom:10px;POSITION: relative;float:left;width:150px;margin-bottom:15px;margin-right:23px;} #sub_shop ul.meet { margin-bottom:0px;margin-right:10px; } #sub_shop ul li {POSITION: relative;float:left;line-height:16px;font-size:12px;color:#333;width:100%;} #sub_shop ul.end { margin-right:0px; margin-bottom:0px;} #sub_shop ul li.ment {height:130px;BACKGROUND: url(../../webroot/img/tms_box_bg1.gif) no-repeat left top;} #sub_shop ul li.ment p { padding:30px 23px 0px 25px;margin:0px;} #sub_shop ul li.title {font-size:11px;height:15px;color:#3c3c3c;text-align:center;padding-top:7px} #sub_shop ul li.btn { text-align:center;padding-top:5px;padding-bottom:20px;} #sub_shop ul li strong { position:absolute;right:0px;color:#7c7c7c ;font-weight:normal;letter-spacing: 0.0em;} #Calendar { POSITION: relative;float:left;width:193px;padding-left:5px} #Calendar .top { color:#fff;font-weight:bold;padding-top:2px;text-align:center ; BACKGROUND: url(/webroot/img/Calendar/cal_box_top.gif) no-repeat left top;height:20px; } #Calendar .top a {padding-left:4px ;padding-right:4px ;} #Calendar .body { border-left:3px #afb6c2 solid;border-right:3px #afb6c2 solid ;padding-left:10px;padding-top:7px;padding-bottom:5px;} #Calendar .bo { BACKGROUND: url(/webroot/img/Calendar/cal_box_bo.gif) no-repeat left top;height:5px; } #Calendar table { WIDTH:160px;letter-spacing: 0.0em; } #Calendar table td { width:24px;letter-spacing: 0.0em;text-align:center ;color:#626262 } #Calendar .week td { font-weight:bold;color:#2f2f2f } #Calendar td p { color:#c50808 } #Calendar td strong { color:#648abb } #cash_kind { POSITION: relative;float:left;WIDTH:667px;margin-bottom:13px;border:1px #cccccc solid;} #cash_kind p { margin:0px 0px 0px 20px;} #cash_kind span { POSITION: relative;float:left;color:#3366cc;font-weight:bold;text-align:center } #cash_kind input { margin-top:2px;margin-bottom:8px } #cash_bank { POSITION: relative;float:left;WIDTH:455px;border:1px #a1a1a1 solid;margin-bottom:10px } #cash_bank div { POSITION: relative;float:left;text-align:center } #cash_bank div.tit { POSITION: relative;float:left;color:#fff;background:#a1a1a1;width:90px } #guide_box { POSITION: relative;float:left; WIDTH:100%;z-index:-1 } #guide_img { POSITION: relative;float:left; width:100%;} #guide_box #ment { position:absolute;width:205px;right:0px;bottom:0px;LINE-HEIGHT: 14px;font-size:11px;z-index:10 } #guide_box #ment img {margin-top:20px;margin-bottom:8px;} #row1 {POSITION: relative;float:left;WIDTH:323px;} #row2 {POSITION: relative;float:right;WIDTH:323px;} #row3 {POSITION: relative;float:left;WIDTH:323px;} #row4 {POSITION: relative;float:right;WIDTH:323px;} #msg_pannel{padding-left:18px;} /*페이징*/ .page_box { POSITION: relative;float:left;WIDTH:100%;margin-top:10px;margin-bottom:15px;height:18px; } .pagination { FONT-SIZE: 12px; TEXT-ALIGN: center;letter-spacing: 0.0em;} .pagination .current { FONT-WEIGHT: bold; PADDING-LEFT: 3px;PADDING-BOTTOM: 0px;PADDING-RIGHT: 3px; TEXT-DECORATION: none; } .pagination .current a{ TEXT-DECORATION: none;} .pagination .pag_text A:hover { TEXT-DECORATION: none;FONT-WEIGHT: bold} .pagination .pag_text A { TEXT-DECORATION: none;margin-left:0px; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; PADDING-TOP: 1px; } .gifticon_box { POSITION: relative;float:left;WIDTH:100%;margin-top:10px;margin-bottom:15px } .giftPaging { FONT-SIZE: 12px; TEXT-ALIGN: center;letter-spacing: 0.0em;} .giftPaging .current { FONT-WEIGHT: bold; PADDING-LEFT: 3px;PADDING-BOTTOM: 0px;PADDING-RIGHT: 3px; TEXT-DECORATION: none; } .giftPaging .current a{ TEXT-DECORATION: none;} .giftPaging .pag_text a:hover { TEXT-DECORATION: none;FONT-WEIGHT: bold} .giftPaging .pag_text { TEXT-DECORATION: none;margin-left:0px; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; PADDING-TOP: 1px; } .page_box input.btnCancle2 {width:64px;height:22px;border:0px;BACKGROUND: url(/webroot/img/btn_cancel2.gif) repeat-x left top; } .tab_1 { POSITION: relative;float:left;margin-bottom:17px;BACKGROUND: url(/webroot/img/tab_bg1.gif) repeat-x left bottom; OVERFLOW: hidden; WIDTH: 100%;} .tab_1 LI { POSITION: relative;float:left;height:20px;bottom:0px;BORDER-top: #cecece 1px solid;BORDER-left: #cecece 1px solid;BORDER-right: #cecece 1px solid; COLOR: #333; MARGIN-left: 0px;MARGIN-RIGHT: 3px; _display: inline} .tab_1 LI A { DISPLAY: block;COLOR: #666; TEXT-DECORATION: none; _float: left} .tab_1 LI A:hover { BACKGROUND: #FFFFFF; COLOR: #333} .tab_1 LI.selected { BACKGROUND: #FFFFFF;height:20px;margin-left:-1px;BORDER-BOTTOM: #FFF 1px solid} .tab_1 LI.selected A {FONT-WEIGHT: bold; COLOR: #333; LETTER-SPACING: -1px} #ratio_box { POSITION: relative;float:left;width:488px;height:141px;margin-left:30px;font-size:11px;padding-bottom:25px;BACKGROUND: url(/webroot/img/ratio_box.gif) no-repeat bottom } #ratio_wrap { POSITION: absolute; bottom:0px;width:100% } .ratio { POSITION: relative;float:left;padding-left:62px;padding-top:32px;padding-bottom:34px; } .ratio LI { POSITION: relative; LIST-STYLE-TYPE: none;WIDTH: 16px; FLOAT: left; HEIGHT: 100px; LIST-STYLE-IMAGE: none; MARGIN-RIGHT: 10px;} .ratio DIV.type1 { POSITION: absolute; WIDTH: 100%; margin-bottom:0px;BOTTOM: 0px; BACKGROUND: url(/webroot/img/ratio1_bg.gif) repeat-y; FONT-SIZE: 0px; LEFT: 0px;} .ratio EM.type1 { POSITION: relative;float:left; TEXT-ALIGN: center; WIDTH: 16px;height:4px; BACKGROUND: url(/webroot/img/ratio1_top.gif) no-repeat left bottom; COLOR: #333;FONT-WEIGHT: bold;} .ratio p.type1 { POSITION: absolute;BOTTOM: 0px; margin:0px;WIDTH: 16px;height:4px; BACKGROUND: url(/webroot/img/ratio1_bo.gif) no-repeat left bottom; COLOR: #333; } .ratio DIV.type2 { POSITION: absolute; WIDTH: 100%; margin-bottom:0px;BOTTOM: 0px; BACKGROUND: url(/webroot/img/ratio2_bg.gif) repeat-y; FONT-SIZE: 0px; LEFT: 0px;} .ratio EM.type2 { POSITION: relative;float:left; TEXT-ALIGN: center; WIDTH: 16px;height:4px; BACKGROUND: url(/webroot/img/ratio2_top.gif) no-repeat left bottom; COLOR: #333;FONT-WEIGHT: bold;} .ratio p.type2 { POSITION: absolute;BOTTOM: 0px; margin:0px;WIDTH: 16px;height:4px; BACKGROUND: url(/webroot/img/ratio2_bo.gif) no-repeat left bottom; COLOR: #333; } .ratio DIV.type3 { POSITION: absolute; WIDTH: 100%; margin-bottom:0px;BOTTOM: 0px; BACKGROUND: url(/webroot/img/ratio3_bg.gif) repeat-y; FONT-SIZE: 0px; LEFT: 0px;} .ratio EM.type3 { POSITION: relative;float:left; TEXT-ALIGN: center; WIDTH: 16px;height:4px; BACKGROUND: url(/webroot/img/ratio3_top.gif) no-repeat left bottom; COLOR: #333;FONT-WEIGHT: bold;} .ratio p.type3 { POSITION: absolute;BOTTOM: 0px; margin:0px;WIDTH: 16px;height:4px; BACKGROUND: url(/webroot/img/ratio3_bo.gif) no-repeat left bottom; COLOR: #333; } .ratio span {POSITION: absolute;width:35px;COLOR: #c0c0c0;font-size:11px;font-family:arial;margin-top:-15px;margin-left:-16px;text-align:center} .ratio span a { COLOR: #c0c0c0;TEXT-DECORATION: underline; } .ratio DIV.month {POSITION: absolute; BOTTOM:5px;right:2PX;width:100px;text-align:center } .board1 { POSITION: relative;float:left;width:100%;border-top:2px #b2b2b2 solid;COLOR: #333; } .board1 td { border-bottom:1px #ececec solid;padding:4px 9px 5px 10px; } .board1 td.name { WIDTH:110px;BACKGROUND:#f3f3f3; } .board1 td.clear { padding:0px; height:10px } .board1 td.text { padding:8px 9px 7px 10px;} .board1 td p { MARGIN: 0px 0px 5px 0px;font-size:11px} #bbs_mode { border-bottom:1px #d3d3d3 solid;} .board2 { POSITION: relative;float:;width:100%;COLOR: #333;border-top:1px #d3d3d3 solid; } .board2 th { border-bottom:1px #f2f2f2 solid;border-left:1px #dbdbdb solid;border-right:1px #dbdbdb solid;font-weight:normal;text-align:left;padding:4px 9px 5px 10px;BACKGROUND: url(/webroot/img/board_bg1.gif) repeat-x left bottom; } .board2 td .title {padding:7px 5px 6px 10px; } .board2 .point {font-size:11px;color:#3366cc;} .board2 td { border-bottom:1px #ececec solid;padding:4px 5px 4px 5px;letter-spacing: 0.0em;line-height:16px; } .board2 .top td { border-bottom:1px #f2f2f2 solid;padding-left:0px;padding-right:0px;padding-top:7px;padding-bottom:8px;BACKGROUND: url(/webroot/img/board_bg1.gif) repeat-x left bottom;} .board2 .top .left { border-left:1px #dbdbdb solid;} .board2 .top strong { padding:7px 5px 6px 10px;} .board2 .top .right { border-right:1px #dbdbdb solid;} .board2 td span { POSITION: relative;float:left;width:100%;text-align:center;BACKGROUND: url(/webroot/img/board_sero2.gif) no-repeat right 0px; } .board2 td span.end { BACKGROUND: url(/webroot/img/board.gif) no-repeat right 0px; } .board2 td span.view_left { width:70px;text-align:left;padding-left:10px } .board2 td span.view_check { margin-left:-14px;width:94px;height:15px;text-align:left;} .board2 td span.btn_sms { padding:0px;BACKGROUND: url(/webroot/img/board.gif) no-repeat right 0px;text-align:left; } .board2 td span.btn { POSITION: absolute;top:1px;right:-5px;width:64px;BACKGROUND: url(/webroot/img/board.gif) no-repeat right 0px; } .board2 td span.btn img {padding-right:2px} .board2 .acenter td {text-align:center;} .board2 .bbs td {text-align:center;border-bottom:1px #ececec dotted;padding-left:0px;padding-right:0px} .board2 td.aleft {text-align:left;padding-left:15px;} .board2 td.aright {text-align:right;padding-right:15px;} .board2 .acenter .content {text-align:left;} .board2 .add {font-size:11px;color:#888888;letter-spacing: 0.0em; } .board2 td.view { height:240px;text-align:left;LINE-HEIGHT: 18px;padding:10px 5px 10px 10px; } .board2 td.view_cacel { text-align:left;LINE-HEIGHT: 18px;padding:5px 0px 40px 15px; } .board2 td.view_admin { background:#f7f7f7;text-align:left;LINE-HEIGHT: 18px;padding:5px 0px 40px 15px; } .board2 td.view_color { background:#f7f7f7;} #board3 { POSITION: relative;float:left;width:626px;border:1px #a1a1a1 solid;margin:10px 0px 13px 0px} #board3 table { width:100%;COLOR: #333;border:2px #fff solid; } #board3 th { COLOR: #333;padding:4px 0px 4px 0px;font-weight:normal;background:#e6e6e6;border-left:0px #fff solid;border-right:0px #fff solid;border-bottom:2px #fff solid;} #board3 th.ament { text-align:left } #board3 th span.ment { padding:0px 0px 0px 8px;color:#ff3333;letter-spacing: 0.0em; } #board3 td { letter-spacing: 0.0em;border-left:2px #fff solid;border-bottom:1px #fff solid;} #board3 .acenter td {padding:0px 0px 0px 0px ;text-align:center } #board3 .acenter .gray{padding:6px;background:#e6e6e6;} #board3 .acenter .blue{padding:6px;background:#dbe1f7;} #board3 .title td{ padding:0px;height:2px;background: url(/webroot/img/board_bg2.gif) repeat-x left top; } #board4 { POSITION: relative;float:left;width:626px;border:1px #a1a1a1 solid;margin:0px 0px 7px 0px;padding:2px 2px 0px 2px} #board4 table { width:100%;COLOR: #333;border:0px #fff solid;float:left} #board4 th { COLOR: #333;padding:2px 0px 2px 0px;font-weight:normal;background:#e6e6e6;border-left:0px #fff solid;border-right:0px #fff solid;border-bottom:2px #fff solid;} #board4 th.ament { text-align:left } #board4 th span.ment { padding:0px 0px 0px 8px;color:#ff3333;letter-spacing: 0.0em; } #board4 td { letter-spacing: 0.0em;border-left:0px #fff solid;border-bottom:1px #fff solid;} #board4 .acenter td {padding:0px 0px 0px 0px ;text-align:center } #board4 .acenter .gray{padding:0px;background:#e6e6e6;} #board4 .acenter .blue{padding:0px;background:#dbe1f7;} #board4 .title td{ padding:0px;height:2px;background: url(/webroot/img/board_bg2.gif) repeat-x left top; } #bbs_search { POSITION: relative;float:left;width:100%;text-align:right;} #btn_right { POSITION: relative;float:left;width:100%;text-align:right;} #navi { position:absolute;bottom:3px;right:2px;font-size:11px } #navi2 { position:absolute;top:4px;right:10px;font-size:11px } #navi3 { position:absolute;top:-4px;right:0px;font-size:11px } #btn_search { position:absolute;bottom:-4px;right:0px;font-size:11px } #btn_search_0 { position:absolute;bottom:-25px;#bottom:-4px;right:0px;font-size:11px } #footer { POSITION: relative;float:left;WIDTH:100%;border-top:1px #c3c3c3 solid;padding-top:10px;margin-top:10px; } #footer .logo {padding-right:21px} #footer .address {padding:5px;margin-top:5px} #footer #right {margin-top:5px} #footer #right a img{ padding:5px;} /* 업로드 변형코드부분 */ .fileadd { BORDER-TOP-WIDTH: 0px; CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 3px; WIDTH: 325px;color: #fff; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px } .fileadd LEGEND { DISPLAY: none } .fileadd INPUT.inbox-show { PADDING-LEFT: 4px;background:#c3b089; FLOAT: left; MARGIN-BOTTOM: 2px; PADDING-BOTTOM: 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; BORDER: #c3b089 1px solid; WIDTH: 260px; color: #fff; PADDING-TOP: 3px; HEIGHT: 16px } .fileadd .inbox-file { DISPLAY: inline; BACKGROUND: url(../images/btn_search.gif) no-repeat 0px 0px; FLOAT: left; MARGIN: 0px 0px 0px 3px; OVERFLOW: hidden; WIDTH: 54px; POSITION: relative; HEIGHT: 21px } /* 업로드 버튼부분 */ .fileadd .inbox-file INPUT { FONT-SIZE: 20px; RIGHT: 0px; FILTER: alpha(opacity=0); POSITION: absolute; TOP: 0px; WIDTH:50; HEIGHT: 28px; opacity: 0 } /*공통사항설정 부분*/ input.txt {border:1px solid #e7e7e7;color:#666666;height:14px;} input.lock { border:1px solid #e7e7e7;color:#666666;height:14px;BACKGROUND:#e9f1fb} input.login {border:1px solid #bebebe;color:#888888;height:15px;width:144px;margin-bottom:1px;} input.check {height:10px;width:10px;margin-bottom:2px} input.normal {margin-bottom:2px} input.search {border:1px solid #c3b089;color:#fff;height:17px;BACKGROUND: #c3b089;} TEXTAREA.txt {border:1px solid #e7e7e7;color:#666666; text-align:left;} .num_font {letter-spacing: 0.0em;color:#888888 } .font11 {font-size:11px;color:#888888} .act {color:#3366cc;} .act_black01 {color:#666666;} .act_red {color:#ff3333;} .act_bbs {color:#648abb;} .act_event {color:#f93a75;} SELECT.txt {border:1px solid #e7e7e7;color:#666666;height:18px;} SELECT.cash {border:1px solid #a1a1a1;color:#333333;width:155px;height:20px;VERTICAL-ALIGN: top;font-size:12px;line-height:18px;padding:0px;} SELECT.list {border:1px solid #7a6147;color:#7a6147;BACKGROUND:#f2ede3;width:350px} .idfont { color:#765c41;TEXT-DECORATION: underline; } input.file_txt {border:1px solid #e7e7e7;color:#ffffff;height:20px;font-size:12px;FONT-FAMILY: Dotum;color: #666666;} /*쿠폰 관련*/ #smscard_box {float:left;} #smscard_box ul {float:left;padding:15px 0 10px 0;border-bottom:1px dotted #939393;} #smscard_box .first {border-top:1px solid #787878;} #smscard_box .end {border-bottom:1px solid #787878;} #smscard_box ul li{float:left;width:260px;} #smscard_box ul .btn{width:65px;height:60px;text-align:center;padding-top:40px;} #smscard_box .line {display:block;height:1px;} /* 계좌현황 */ .cash_info INPUT {border:0px; color:#5495E7; height:15px; width:72px; margin-bottom:1px; font-weight:bold; text-align:right;} /*팝업 coupon.php*/ .pbdt { clear:both; padding:5px 0 14px 0; } .pbdm { width:334px; text-align:center; padding:20px 0 0 0; } .pbdm img { margin-top:2px; } .ibox1 { float:left; border:1px solid #ececec; } .ibox2 { float:left; border:4px solid #f5f5f5; } ul.pt1 { float:left; padding:10px; } ul.pt1 li { display:block; width:319px; font-size:12px; color:#666; line-height:1.6em; background:url(/webroot/img/dot1.gif) no-repeat 0 8px; padding-left:8px; } ul.pt1 li span.price { color:#3366cc; font-weight:bold; letter-spacing:-1px; } ul.pt1 li span.qty { color:#000; font-weight:bold; } /*쿠폰 구매 페이지*/ ul.cashinfotxt li { display:block; height:16px; background:url(http://www.mnsms.co.kr/webroot/img/step2_icon.gif) no-repeat 0 4px; padding-left:7px; } ul.smscard_box_list { float:left; padding:16px 0 10px 0; border-top:1px solid #787878; border-bottom:none; } ul.smscard_box_list li { display:inline; float:left; height:110px; } ul.smscard_box_list li .mncp { position:relative; float:left; width:334px; } ul.smscard_box_list li span.title {cursor:pointer; position:absolute; top:6px; left:17px; font-size:11px; color:#666; font-weight:bold; letter-spacing:-1px; } ul.smscard_box_list li span.price {cursor:pointer; position:absolute; top:40px; left:60px; font-size:16px; color:#3366cc; font-weight:bold; letter-spacing:-1px; text-align:center; width:85px;} ul.smscard_box_list li span.qty {cursor:pointer; position:absolute; top:54px; left:150px; font-size:17px; color:#000; font-weight:bold; text-align:center; width:150px;} ul.smscard_box_list li span.input {cursor:pointer; position:absolute; top:40px; left:310px; } ul.smscard_box_list li.sale_exp .price {cursor:pointer; position:absolute; top:37px; left:58px; width:90px; font-size:16px; color:#fa4a05; font-weight:bold; line-height:1.2em; letter-spacing:-1px; text-align:center; } ul.smscard_box_list li.sale_exp .price span {cursor:pointer; font-size:12px; color:#9e9e9e; font-weight:bold; letter-spacing:-1px; text-decoration:line-through; } ul.smscard_box_list li.sale_exp .qty {cursor:pointer; position:absolute; top:54px; left:150px; width:150px; font-size:17px; color:#000; font-weight:bold; text-align:center; } ul.smscard_box_list li.sale_exp .qty span {cursor:pointer; font-size:14px; color:#888; font-weight:bold; letter-spacing:-2px; text-decoration:line-through; } /*이전 css*/ #article { clear:both; } #article ul.type1 { clear:both; } #article ul.type1 li { display:block; *font-size:0; -font-size:0; line-height:0; } #article ul.type2 { clear:both; margin:0 auto; padding-top:30px; text-align:center; } #article ul.type2 li { position:relative; display:inline; margin-left:10px; } #article ul.type2 li .sel { position:absolute; top:-14px; left:82px; *top:162px; *left:90px; -top:162px; -left:90px; } #article .btn { clear:both; margin-top:20px; text-align:center; } #article .box { width:667px; border:1px solid #ececec; } #article .inbox { width:659px; border:4px solid #f5f5f5; text-align:center; } #article .inbox h1 { clear:both; display:inline-block; text-align:center; } #article .inbox h2 { clear:both; margin-top:15px; display:block; text-align:center; } #article .inbox h3 { clear:both; margin-top:34px; display:block; text-align:center; } #article .inbox h4 { clear:both; margin-top:46px; display:block; text-align:center; } #article .inbox p { margin-top:30px; } #article .sbtn { clear:both; margin-top:30px; height:75px; text-align:center; } #article .clear { clear:both; line-height:0; font-size:0; } #article A:hover { TEXT-DECORATION: none; } /*회원 탈퇴 페이지*/ #user_del_form div {text-align:center;} #user_del_form .styleB {color: #666666;line-height: 22px;font-family: dotum;font-size: 12px;letter-spacing: 0pt;font-weight:bolder;} #user_del_form .styleBN {color: #666666;line-height: 22px;font-family: dotum;font-size: 12px;letter-spacing: 0pt;} #user_del_form .styleR {color: #ff0000;line-height: 22px;font-family: dotum;font-size: 12px;letter-spacing: 0pt;} #user_del_form .styleBK {color: #000000;line-height: 22px;font-family: dotum;font-size: 12px;letter-spacing: 0pt;} #user_del_form .styleBlue {color: #648abb;line-height: 22px;font-family: dotum;font-size: 12px;letter-spacing: 0pt;} #user_del_form .styleGray {color: #999999;line-height: 22px;font-family: dotum;font-size: 12px;letter-spacing: 0pt;} #user_del_form .textbox {background-color: #f3f3f3; border: #d6d6d6 1px solid ;font-family: dotum;font-size: 12px; color: #666666;} #user_del_form .textbox2 {height:15px;background-color: #ffffff; border: #d6d6d6 1px solid ;font-family: dotum;font-size: 12px; color: #666666; } #user_del_form .textarea {line-height:13px;width:649px;height:38px;text-align:left;background-color: #ffffff;font-family: dotum;font-size: 12px; color: #666666; overflow-x:hidden;overflow-y:hidden;padding:10px;} #user_del_form #radioBox {margin-bottom:10px;} #user_del_form ul {text-align:center;} #user_del_form ul li {display:inline; padding-left:6px;} /*110518*/ /******************************************************************************* shop_promotion *******************************************************************************/ .shop_prom { clear:both; background:#689bd6 url(../img/img_shopmain.jpg) no-repeat; width:665px; height:236px; padding:2px } .shop_prom .shop_prom_list { background:#fff url(../img/shop_title_text.gif) no-repeat 0px 16px; margin-left:154px; height:176px; padding: 50px 20px 10px 20px} /******************************************************************************* shop_list *******************************************************************************/ .shop_tap { height:32px; border:1px solid #dcdcdc;_border-bottom:none; background:#e7e7e7; float:left; margin : 12px 0 0 0; width:667px } .shop_tap ul { float:left; width:500px } .shop_tap ul li { float:left; margin-top:5px; z-index:888} .shop_tap ul li a { background:url(../img/tap_menu.gif) no-repeat 0% 0%; float : left; text-indent : -8000px; overflow : hidden; } .shop_tap ul li a.hot { display : block; float : left; width : 88px; height : 27px; background-position : 0% -28px; margin-left:6px } .shop_tap ul li a.new { display : block; float : left; width : 88px; height : 27px; background-position : -88px -28px; } .shop_tap ul li a.brend { display : block; float : left; width : 88px; height : 27px; background-position :-176px -28px; } .shop_tap ul li a.category { display : block; float : left; width : 88px; height : 27px; background-position : -264px -28px; } .shop_tap ul li a.price { display : block; float : left; width : 88px; height : 27px; background-position : -352px -28px; } .shop_tap ul li a.hot:hover { display : block; float : left; width : 88px; height : 28px; background-position : 0px 0; } .shop_tap ul li a.new:hover { display : block; float : left; width : 88px; height : 28px; background-position : -88px 0; } .shop_tap ul li a.brend:hover { display : block; float : left; width : 88px; height : 28px; background-position :-176px 0; } .shop_tap ul li a.category:hover { display : block; float : left; width : 88px; height : 28px; background-position : -264px 0; } .shop_tap ul li a.price:hover { display : block; float : left; width : 88px; height : 28px; background-position : -352px 0; } .shop_tap ul li a.selected1 { display : block; float : left; width : 88px; height : 28px; background-position : 0px 0px;} .shop_tap ul li a.selected2 { display : block; float : left; width : 88px; height : 28px; background-position : -88px 0; } .shop_tap ul li a.selected3 { display : block; float : left; width : 88px; height : 28px; background-position :-176px 0; } .shop_tap ul li a.selected4 { display : block; float : left; width : 88px; height : 28px; background-position : -264px 0; } .shop_tap ul li a.selected5 { display : block; float : left; width : 88px; height : 28px; background-position : -352px 0;} .shop_tap form.listviewform { float:right; background:url(../img/tap_menu.gif) no-repeat 0px right; width:68px; height:18px; padding:3px; margin:4px } .shop_tap form.listviewform select { float:right; width:47px; height:18px; border:none } #shop_tap_sub { clear:both} #shop_tap_sub ul { border:1px solid #dcdcdc; border-top:none; height:40px; padding:5px;} #shop_tap_sub ul li { background: url(../img/bull_gray.gif) no-repeat 5px; border-left:1px solid #eee; float:left; padding-left:14px; margin:5px; line-height:12px; _line-height:16px} #shop_tap_sub ul li.frist{ border:none} #shop_tap_sub ul li.selected a { font-weight:bold; color:#333;} #shop_tap_sub ul li a { color:#7f7f7f !important; text-decoration:none; letter-spacing:-1px} #shop_tap_sub ul li a:hover { color:#333;} .shop_item { margin-top:16px; width:669px} .shop_item dl { position:relative; float:left; width:120px; height:168px; border:1px solid #e5e5e5; background: url(../img/shop_item_bg.gif) bottom repeat-x; text-align:center; margin:0 14px 16px 0; cursor: pointer} .shop_item dl dd { padding:0 10px; margin-top:10px; background: url(../img/gift_loading.gif) no-repeat center} .shop_item dl dt { display:block; overflow:hidden; white-space:nowrap; width:100px; text-overflow:ellipsis; -o-text-overow: ellipsis; -moz-binding:url(js/ellipsis.xml#ellipsis)undefinedundefinedundefined; font-size:11px; margin:auto; } .shop_item dl dd, .shop_item dl dt { text-align:center; } .shop_item dl dt b { color:#4885cc; font-size:12px; } .shop_item dl.select:hover { border:1px solid #8aadd9; } .shop_item dl.select1:hover { border:1px solid #e90500; } img.slabel { position: absolute; z-index:999; left:0; top:0; behavior: url(iepngfix.htc);} .shop_item dl.sale dt b { color:#e90500; font-size:12px; } .shop_item dl.marginnone { margin-right:0px; margin-left:3px } .shop_item dl dd img { width:100px; height:100px; } .shop_item dl a, .shop_item dl a:hover { color:#666; text-decoration:none } /******************************************************************************* shop_detail *******************************************************************************/ .shop_detail { border-top:2px solid #689bd6; border-bottom:2px solid #689bd6; height:146px; clear:both} .shop_detail dl.item_info { margin:10px 0; float:left} .shop_detail dl.item_info dd { float:left; margin:0 32px; width:125px; height:125px; background: url(../img/gift_loading.gif) no-repeat center} .shop_detail dl.item_info dd img { width:125px; height:125px} .shop_detail dl.item_info dt { float:left; margin:15px 0; } .shop_detail dl.item_info dt h3 { font-size:16px; color:#333; display:block; font-weight:bold; margin-bottom:6px;} .shop_detail dl.item_info dt ul { width:210px;} .shop_detail dl.item_info dt ul li { background:url(../img/bull_blue.gif) no-repeat 0; padding-left:22px; color:#7d7d7d; display:block; line-height:22px} .shop_detail dl.item_info dt ul li b { padding-left:20px; color:#333; font-weight:normal} .shop_detail dl.item_info dt ul li { vertical-align:bottom} .shop_detail dl.item_info dt ul li.item_price b { font-size:16px; font-weight:bold; color:#4885cc} .shop_detail dl.item_info dt ul li.item_price img { } .shop_detail dl.item_brend { float:right; background: url(../img/shop_detail_bar.gif) no-repeat ; width:191px; padding:15px 0 0 30px; height:131px;} .shop_detail dl.item_brend h4 { background:url(../img/shop_detail_brend.gif) no-repeat; float:none; height:30px; width:164px; display:block; text-indent : -8000px; overflow : hidden; padding:0;} .shop_detail dl.item_brend h4 a { width:30px; float:right; height:30px;} .shop_detail dl.item_brend p { float:left; margin-right:20px; width:70px; height:70px; background: url(../img/gift_loading.gif) no-repeat center} .shop_detail dl.item_brend p img { width:70px; height:70px; border:1px solid #d0d0d0;} .shop_detail dl h3 {display:block;overflow:hidden;width:250px;white-space:nowrap;text-overflow:ellipsis;-o-text-overow: ellipsis;-moz-binding: url(js/ellipsis.xml#ellipsis)undefinedundefinedundefined;} .btn_other { margin:10px 0 5px 0; float:right } .cboth { clear:both } /******************************************************************************* cont_section *******************************************************************************/ .cont_section h5 { background:url(../img/gift_title.gif) no-repeat 0% 0%; float : left; text-indent : -8000px; overflow : hidden; margin:4px 0; padding:0; display:inline} .cont_section h5.title01 { display : block; float : left; width : 120px; height :19px; background-position : 0px 0px;} .cont_section h5.title02 { display : block; float : left; width : 120px; height :19px; background-position : 0px -19px;} .cont_section h5.title03 { display : block; float : left; width : 120px; height :19px; background-position : 0px -38px;} .cont_section h5.title04 { display : block; float : left; width : 120px; height :19px; background-position : 0px -57px;} .cont_section { clear:both;} .cont_section ul { border:1px solid #ececec; background:#f9f9f9; padding:15px 20px ;_padding:0 20px 15px 20px;*padding:5px 20px 10px 20px; display:block; margin:0; clear:both;}/* IE8 */ .cont_section ul li { background: url(../img/bull_bar.gif) no-repeat; padding-left:20px; line-height:20px; letter-spacing:-1px; margin:0;} /******************************************************************************* paging *******************************************************************************/ .paging{ text-align:center; margin:10px 0 5px 0; } .paging a { padding:0 10px; font-weight:bold; border-left:1px solid #eee; color:#585858 !important} .paging a:hover { padding:0 10px; margin:0; color:#000 } .paging .selected {padding:0px 8px; color:#0086c2 !important; border-left:1px solid #eee; font-weight:bold} .paging .prevPage { padding-left: 6px; background: url(../img/icon_prev.gif) no-repeat left 0px} .paging .nextPage { padding-right: 6px; background: url(../img/icon_next.gif) no-repeat right 0px} .paging .prevPage a { border:none;} /******************************************************************************* search *******************************************************************************/ .searchItem{ float:right; margin-bottom:20px; } .searchItem img{vertical-align:middle;} /*110518*/ /*110613*/ .event110613 { width:669px;} .event110613 .eventstemp { height:380px;} .event110613 .eventstemp dl{ background-image:url(/event/new_join/images/event_110613_02.jpg); height:304px; padding:76px 0 0 374px} .event110613 .eventstemp dl dt, .event110613 .eventstemp dl dd { text-align:center; width:238px; color:#fff} .event110613 .eventstemp dl dd { padding-top:9px} .event110613 .eventstemp dl dd p { width:79px; height:78px; float:left ;background-image:url(/event/new_join/images/eventstemp.png); cursor:pointer} .event110613 .eventstemp dl dd p.stempon { background-image:url(/event/new_join/images/eventstemp_on.png)} .event110613 .eventstemp dl dd p.stempgift { background-image: none} .event110613 .eventbtn { background:url(/event/new_join/images/event_110613_03.jpg); height:78px; clear:both} .event110613 .eventbtn a { margin:auto; width:200px; height:62px; display:block; text-indent : -10px; overflow : hidden; padding:0;} .event110613 .eventbtn01 {background-image: url(/event/new_join/images/event_110613_05.jpg) ; height:80px; } .event110613 .eventbtn01 a { width:100px; height:30px; display:block; float:right; text-indent : -8000px; overflow : hidden; padding:0; margin:33px 44px 0 0} .event110613 .popclose { position:absolute; right:10px; top:10px} /*110613*/ /*110613 추가작업*/ .pay_coupon { border:1px solid #ececec; background:#f5f5f5; clear:both; margin:0; height:380px} .pay_coupon dl { background:#fff; text-align:center; padding:50px 0 30px 0; margin:4px; height:292px} .pay_coupon dl dt { text-align:center; margin:0; } .pay_coupon dl dt h3{ background:url(/event/new_join/images/coupon_title.gif) no-repeat 0% 0%; text-indent : -8000px; overflow : hidden; margin:0 auto 20px; padding:0} .pay_coupon dl dt h3.title01{display : block; width : 306px; height :27px; background-position : 0px 0px;} .pay_coupon dl dt h3.title02{display : block; width : 280px; height :27px; background-position : 0px -27px;} .pay_coupon dl dt p { margin:0; padding:0; font-weight:bold; color:#888;} .pay_coupon dl dt p b { color:#3965bc} .pay_coupon dl dd { margin:10px auto 0; width:440px; height:160px; background:#f5f5f5; border:1px solid #ececec; padding:0;} .pay_coupon dl dd label { float:left; text-align:center; width:220px; outline:none; select-dummy: expression(this.hideFocus=true); font-weight:bold; padding-top:15px} .pay_coupon dl dd label b { color:#3965bc} .pay_coupon dl dd input{vertical-align : middle; width : 13px; height : 13px; margin-right : 4px;} .pay_coupon dl dd p { width:79px; height:55px; padding-top:23px; float:left ;background:url(/event/new_join/images/eventstemp.png) no-repeat; cursor:pointer; font: bold 20px Verdana; color:#883238; text-align:center; margin-left:8px;} .pay_coupon dl dd p.stempon { width:79px; height:78px; background-image:url(/event/new_join/images/eventstemp_on.png); text-indent : -8000px; overflow : hidden; padding:0; display:inline} .pay_coupon .btnarea { text-align:center; clear:both; padding-top:30px; margin:0} /*110613 추가작업*/ /* 110629 */ .event110629 .eventbtn { background:url(/event/new_join/images/event110629_02.jpg); height:232px; border:0} .event110629 .eventbtn a.btn01 { margin:130px 0 0 70px ; width:246px; height:64px; display:block; padding:0; float:left;text-indent : -8000px; overflow : hidden;} .event110629 .eventbtn a.btn02 { margin:32px 68px 0 0 ; width:242px; height:150px; display:block; padding:0; float:right;text-indent : -8000px; overflow : hidden;} .event110629_01 {width:592px; height:350px; margin:auto; text-align:center} .event110629_01 div{ background:url(/event/new_join/images/popup110629.jpg) no-repeat ; width:568px; height:276px; margin:12px} .event110629_01 dl dt{ float:right; display:block; width:242px; height:150px; margin:55px 43px 0 0;} /* 110629 */ /* 110713 */ .cashcoupon {float:left; line-height:26px} .cashcoupon span {font-size:11px; margin-left:30px;background: url(/event/new_join/images/cash_tab01_applycoupon.gif) no-repeat; height:19px; padding:3px 28px 5px 1px } .cashcoupon span input {vertical-align:middle; width : 13px; height : 13px;} /* 110713 */ /*110916 후불결제*/ .cash_tab05 td.cash_tab05_list { background:#f0f0f0; padding: 8px 0; } .cash_tab05 td.cash_tab05_list2 {background:#f0f0f0; padding: 8px 0; border-top:Solid 1px #e3e3e3; border-bottom:Solid 1px #e3e3e3; } .cash_tab05 td.cash_tab05_list3 {background:#f0f0f0; padding: 3px 0 0; border-top:Solid 1px #e3e3e3; border-bottom:Solid 1px #e3e3e3; } /* 출력페이지용 (11.09.29) */ .cash_tab05 td.cash_tab05_line { border-bottom:solid 1px #d3d3d3; } .cash_tab05 td.cash_tab05_dash { border-bottom:dashed 1px #ddd; } .cash_tab05 td.cash_tab05_td { height:40px; } .cash_tab05 td p { vertical-align:middle; line-height:18px; padding: 10px 10px; letter-spacing:normal; } .cash_tab05 td p.print_h { line-height:16px; padding: 8px 10px 4px; } /* 출력페이지용 (11.09.29) */ .cash_tab05 td p strong { color:#648abb; } .cash_tab05 td .cash_tab05_subtable { text-align:center; letter-spacing:normal; } .cash_tab05 td input.cash_tab05_input { border:1px solid #bebebe;color:#888888;height:18px;width:144px;margin-bottom:1px; } .cash_tab05 td .cash_tab05_subtable th, .cash_tab05 td .cash_tab05_subtable td { border:solid 2px #fff; height:36px; padding:4px; } .cash_tab05 td .cash_tab05_subtable th { background:#648abb; color: #fff; letter-spacing:normal; } .cash_tab05 td .cash_tab05_subtable td { background:#d4dce8; color:#3b6294; } .cash_tab05 td .cash_tab05_subtable td.cash_tab05_subtable_th2 { background:#e3e8ee; } .cash_tab05 td .cash_tab05_subtable td.cash_tab05_subtable_th3 { background:#d4dce8; text-align:left; line-height:16px; } /*110916 후불결제*/