/* 기본 태그 정의 ************************************************************************************************************************/ html, body, p, div, form, input, textarea, select, table, th, td, h1, h2, h3, h4, h5, h6, dl, dt, dd { margin:0; padding:0; font-size:9pt; font-family:'돋움', Dotum; line-height:160%; } html, body { height:100%; } h1 { font-size: 196%; } h2 { font-size: 136%; } h3 { font-size: 126%; } h4 { font-size: 116%; } h5 { font-size: 106%; } h6 { font-size: 96%; } table{border-collapse:collapse;} select, .input{vertical-align:middle;} img, fieldset{border:0;} fieldset legend{display:none;} hr { margin: 1em 0; background:#f2f2f2; height:1px; color:#f2f2f2; border:none; clear:both; } a, a:link, a:visited, a:active, a:hover { background:transparent; text-decoration:none; cursor:pointer; } a, a:hover, a:visited { color:#666; } a:active, a:hover { color:#666; } /* 공통 클레스 *****************************************************************************************************************/ /* 입력 */ .input { height:18px; _height:20px; border:1px solid #d5d5d5; } .ea { width:30px; height:18px; _height:20px; border:1px solid #d5d5d5; } .txta { height:100px; border:1px solid #d5d5d5; } /* 버튼 */ .btn { clear:both; padding:10px 0; text-align:center; } .btn *{vertical-align:middle;} .btn img{cursor:pointer;} /* 페이징 */ .paging { text-align:center; padding:10px; } .paging li{display:inline;} .paging li strong { font-weight:normal; color:#f5999e; } .paging * { vertical-align:middle; font-size:8pt; color:#474644; } .png24{tmp:expression(setPng24(this));} /* 리스트 type1 */ .listTbl{margin-bottom:35px;} .listTbl table { width:100%; margin:0 auto; } .listTbl thead th { height:25px; } .listTbl td { height:27px; text-align:center; } .listTbl td *{vertical-align:middle;} .listTbl td.img{width:8%;} .listTbl td.left { padding:0 0 0 5px; text-align:left; } .listTbl td.right { padding:0 5px 0 0; text-align:right; } .listTbl td.line { height:1px; background:url('/_image/list/line.gif') repeat-x; } .listTbl td.blank { height:300px; font-weight:bold; color:#333; text-align:center; } .total { margin-top:5px; padding:5px 0; background:#fafafa; } .total ul{ color: #5e5c5d; margin:0; padding:0; list-style:none; text-align:right; } .total ul li{padding:0 5px;} .total ul li span { width:100px; text-align:right; } .total ul li.last{padding-right:0;} .totalPrice span { font-weight:bold; color:#4b5e89; } /* 리스트 type2 */ .listTbl2, .listTbl2 table{width:100%;} .listTbl2 thead th { height:25px; background:#fff; border-top: 1px #707070 solid; border-bottom: 2px #707070 solid; } .listTbl2 thead td { height:3px; background:#e0e0e0; } .listTbl2 tfoot td{height:50px;background:f5f5f5;} .listTbl2 tfoot td *{vertical-align:middle;} .listTbl2 tfoot td ul { margin:0; padding:0; list-style:none; text-align:right; } .listTbl2 tfoot td ul li{display:inline;padding-left:10px;text-align:right;} .listTbl2 tbody td { height:26px; padding-left:1px; text-align:center; color:#666; } .listTbl2 tbody td *{vertical-align:middle;} .listTbl2 tbody td.line { height:1px; background:url('/_image/list/line.gif') repeat-x; } .listTbl2 tbody td.left { text-align:left; padding-left:5px; } .listTbl2 tbody td.title { text-align:left; padding-left:5px; } .listTbl2 tbody td.right { text-align:right; padding-right:5px; } .listTbl2 tbody td.cnt { height:0; border-bottom:0; } .listTbl2 tbody td.cnt .body { width:100%; background:#F7F7F7; padding:5px; word-break:break-all; word-wrap: break-word; text-align:left; } .listTbl2 tbody td.cnt .text{text-align:left;} .listTbl2 tbody tr td.cnt .msg{text-align:center;} /* 리스트 type3 (세로형) */ .listTbl3 th, .listTbl3 td { border:4px solid #fff; border-width:4px 0; } .listTbl3 th { width:107px; background:#fafafa; font-weight:normal; color:#9e9e9e; } .listTbl3 td { padding-left:7px; } .listTbl3 td *{vertical-align:middle;} /* 보기 type1 */ .viewTbl, .viewTbl table{width:100%;} .viewTbl .line { height:1px; background:url('/_image/list/line.gif') repeat-x; } .viewTbl tbody td{padding:5px;} .pollList{width:100%;} .pollList td{text-align:center;} .pollList .left{text-align:left;} .pollList .per div{background:#F8D2FF;} .commentWrite { clear:both; width:100%; margin:0 0 10px 0; padding:5px; line-height:120%; } .commentWrite *{vertical-align:middle;} .commentWrite label{font-size:90%;} .commentWrite textarea { width:100%; height:82px; border-right:0; } .commentList { width:100%; padding:2px; background:url('/_image/list/line.gif') repeat-x left top; } .commentList dl { clear:left; width:100%; padding:11px 13px; background:url('/_image/list/line.gif') repeat-x left bottom; vertical-align:middle; line-height:160%; } .commentList dl * { vertical-align:middle; font-size:8pt; color:#7b7b7b; } .commentList dt strong{margin-right:5px;} .commentList td *{vertical-align:middle;} /* 검색 */ .search { text-align:center; } .search * { vertical-align:middle; } .search .input { width:150px; } /* 상품공통 */ .prdList { width:100%; margin:0 auto; text-align:center; } .prdList .cell { padding:0 0 25px 0; text-align:center; vertical-align:top; } .prdImg{margin-bottom:10px;} .prd0Fld{ text-align: center; } .prd0Fld, .prd0Fld a, .prd0Fld a:link, .prd0Fld a:visited{ text-align: center; color:#707070; display: block; } .prdPrice { color:#87688a; font-weight:bold; text-align: center; } .pbox { width:150px; height:182px; _width:163px; _height:195px; margin:0 3px; padding:13px 0 0 13px; background:url('/_image/common/box_prd.jpg') no-repeat; text-align:left; font-size:11px; } .totalItem { font-size:11px; color:#666; color:#cda7a9; } #totalItemNum{color:#cda7a9;} /* 공통 클래스 ********************************************************************************************************************/ .hidden { display: none; } .clear { clear: both; } /* 레이아웃 ********************************************************************************************************************/ body { background: repeat-x url('/_image/common/bg.jpg') left top; text-align:center; } #container { width: 990px; margin: 0px auto; text-align: left; } #header { height: 310px; background: no-repeat url('/_image/common/header.jpg') 257px 0px; position:relative; } #header h1 { width: 194px; height: 52px; margin: 0px; padding: 0px; position: absolute; left: 540px; top: 131px; overflow: hidden; } #header h1 a { height: 52px; display: block; } #header h1 a img { border: none; } #header #bookmark { width: 149px; height: 79px; position: absolute; top: 192px; right: 26px; } #header #bookmark a { height: 79px; display: block; text-indent: -9999px; overflow: hidden; background: no-repeat url('/_image/common/bookmark.gif'); } #header #bookmark a:hover { background: no-repeat url('/_image/common/bookmark.On.gif'); } #header ul#topmenu { height: 26px; margin:0; padding:0; position:absolute; left: 540px; top: 202px; } #header ul#topmenu li { height: 26px; float:left; list-style:none; } #header ul#topmenu li a { height: 26px; display: block; text-indent: -9999px; overflow: hidden; } /* topmenu.before.gif 자르지 않고 합쳐진 상태에서 위치만 조정함 */ #header ul#topmenu li#topmenu01 { width: 41px; background: no-repeat url('/_image/common/topmenu.before.gif'); } #header ul#topmenu li#topmenu02 { width: 29px; background: no-repeat url('/_image/common/topmenu.before.gif') -41px 0px; } #header ul#topmenu li#topmenu03 { width: 41px; background: no-repeat url('/_image/common/topmenu.before.gif') -70px 0px; } #header ul#topmenu li#topmenu04 { width: 32px; background: no-repeat url('/_image/common/topmenu.before.gif') -111px 0px; } #header ul#topmenu li#topmenu05 { width: 51px; background: no-repeat url('/_image/common/topmenu.before.gif') -143px 0px; } /* topmenu.after.gif 자르지 않고 합쳐진 상태에서 위치만 조정함 */ #header ul#topmenu li#topmenu06 { width: 50px; background: no-repeat url('/_image/common/topmenu.after.gif'); } #header ul#topmenu li#topmenu07 { width: 33px; background: no-repeat url('/_image/common/topmenu.after.gif') -50px 0px; } /* topmenu.before.On.gif 자르지 않고 합쳐진 상태에서 위치만 조정함 */ #header ul#topmenu li#topmenu01 a:hover { background: no-repeat url('/_image/common/topmenu.before.On.gif'); } #header ul#topmenu li#topmenu02 a:hover { background: no-repeat url('/_image/common/topmenu.before.On.gif') -41px 0px; } #header ul#topmenu li#topmenu03 a:hover { background: no-repeat url('/_image/common/topmenu.before.On.gif') -70px 0px; } #header ul#topmenu li#topmenu04 a:hover { background: no-repeat url('/_image/common/topmenu.before.On.gif') -111px 0px; } #header ul#topmenu li#topmenu05 a:hover { background: no-repeat url('/_image/common/topmenu.before.On.gif') -143px 0px; } /* topmenu.after.On.gif 자르지 않고 합쳐진 상태에서 위치만 조정함 */ #header ul#topmenu li#topmenu06 a:hover { background: no-repeat url('/_image/common/topmenu.after.On.gif'); } #header ul#topmenu li#topmenu07 a:hover { background: no-repeat url('/_image/common/topmenu.after.On.gif') -50px 0px; } #header form#mainSearch { width: 140px; position: absolute; top: 100px; right: 26px; } #header form#mainSearch input#search_str { width: 149px; } #header form#mainSearch input#mainSearchSubmit { display: block; margin: 5px 0px; } #body { } #body #contents { width: 800px; float: left; } #body #contents h2 { margin: 0px; padding: 0px 0px 50px 0px; text-align: center; } #body #contents #main { } /* 행번호 번으로 고고!! */ #body #sidebar { width: 175px; float: right; } #body #sidebar ul { margin:0; } #body #sidebar ul h2 { margin: 0px; padding: 0px; text-indent: -9999px; overflow: hidden; } #body #sidebar ul li { margin:0; padding:0; list-style:none; } #body #sidebar ul#category { width: 140px; padding: 17px 0px 0px 0px; } #body #sidebar ul#category h2 { height: 47px; background: no-repeat url('/_image/common/category.title.gif') left top; } #body #sidebar ul#category li { width: 114px; height: 22px; margin: 0px 0px 0px 5px; padding: 0px; list-style: none; } #body #sidebar ul#category li a { height: 22px; display: block; text-indent: -9999px; overflow: hidden; } #body #sidebar ul#category li#category1001 { background: no-repeat url('/_image/common/category1001.gif'); } #body #sidebar ul#category li#category1002 { background: no-repeat url('/_image/common/category1002.gif'); } #body #sidebar ul#category li#category1003 { background: no-repeat url('/_image/common/category1003.gif'); } #body #sidebar ul#category li#category1004 { background: no-repeat url('/_image/common/category1004.gif'); } #body #sidebar ul#category li#category1005 { background: no-repeat url('/_image/common/category1005.gif'); } #body #sidebar ul#category li#category1006 { background: no-repeat url('/_image/common/category1006.gif'); } #body #sidebar ul#category li#category1007 { background: no-repeat url('/_image/common/category1007.gif'); } #body #sidebar ul#category li#category1008 { background: no-repeat url('/_image/common/category1008.gif'); } #body #sidebar ul#category li#category1009 { background: no-repeat url('/_image/common/category1009.gif'); } #body #sidebar ul#category li#category1010 { background: no-repeat url('/_image/common/category1010.gif'); } /* 간격을 띄우기 위해 마진값을 따로 조정 */ #category1007, /* 대분류 코드번호만 변경하거나 형식에 맞게 추가하시면 됩니다. */ #category1009 { margin: 15px 0px 0px 5px !important; } #body #sidebar ul#category li#category1001 a:hover { background: no-repeat url('/_image/common/category1001.On.gif'); } #body #sidebar ul#category li#category1002 a:hover { background: no-repeat url('/_image/common/category1002.On.gif'); } #body #sidebar ul#category li#category1003 a:hover { background: no-repeat url('/_image/common/category1003.On.gif'); } #body #sidebar ul#category li#category1004 a:hover { background: no-repeat url('/_image/common/category1004.On.gif'); } #body #sidebar ul#category li#category1005 a:hover { background: no-repeat url('/_image/common/category1005.On.gif'); } #body #sidebar ul#category li#category1006 a:hover { background: no-repeat url('/_image/common/category1006.On.gif'); } #body #sidebar ul#category li#category1007 a:hover { background: no-repeat url('/_image/common/category1007.On.gif'); } #body #sidebar ul#category li#category1008 a:hover { background: no-repeat url('/_image/common/category1008.On.gif') ; } #body #sidebar ul#category li#category1009 a:hover { background: no-repeat url('/_image/common/category1009.On.gif'); } #body #sidebar ul#category li#category1010 a:hover { background: no-repeat url('/_image/common/category1010.On.gif'); } #body #sidebar ul#bbs { width: 155px; padding: 62px 0px 0px 0px; } #body #sidebar ul#bbs h2 { height: 43px; background: no-repeat url('/_image/common/bbs.title.gif') left top; } #body #sidebar ul#bbs li { width: 100px; height: 23px; margin: 0px 0px 0px 5px; padding: 0px; list-style: none; } #body #sidebar ul#bbs li a { height: 23px; display: block; text-indent: -9999px; overflow: hidden; } #body #sidebar ul#bbs li#bbs01 { background: no-repeat url('/_image/common/bbs01.gif'); } #body #sidebar ul#bbs li#bbs02 { background: no-repeat url('/_image/common/bbs02.gif'); } #body #sidebar ul#bbs li#bbs03 { background: no-repeat url('/_image/common/bbs03.gif'); } #body #sidebar ul#bbs li#bbs04 { background: no-repeat url('/_image/common/bbs04.gif'); } #body #sidebar ul#bbs li#bbs01 a:hover { background: no-repeat url('/_image/common/bbs01.On.gif'); } #body #sidebar ul#bbs li#bbs02 a:hover { background: no-repeat url('/_image/common/bbs02.On.gif'); } #body #sidebar ul#bbs li#bbs03 a:hover { background: no-repeat url('/_image/common/bbs03.On.gif'); } #body #sidebar ul#bbs li#bbs04 a:hover { background: no-repeat url('/_image/common/bbs04.On.gif'); } #body #sidebar ul#customercenter { width: 170px; padding: 66px 0px 0px 0px; } #body #sidebar ul#customercenter h2 { display: none; } #body #sidebar ul#customercenter li { height: 145px; } #body #sidebar ul#bankinfo { width: 170px; padding: 66px 0px 0px 0px; } #body #sidebar ul#bankinfo h2 { display: none; } #body #sidebar ul#bankinfo li { height: 182px; } #body #sidebar ul#ordertracking { width: 170px; padding: 94px 0px 0px 0px; } #body #sidebar ul#ordertracking h2 { display: none; } #body #sidebar ul#ordertracking li { height: 129px; } #footer { height: 240px; background: no-repeat url('/_image/common/footer.jpg') left top; position: relative; } #footer ul#footmenu { width: 269px; height: 86px; margin: 0px; padding: 0px; position: absolute; left: 10px; bottom: 6px; } #footer ul#footmenu li { margin: 0px; padding: 0px; list-style: none; position: absolute; } #footer ul#footmenu li a { display: block; text-indent: -9999px; overflow: hidden; } #footer ul#footmenu li#footmenu01 { width: 63px; height: 24px; top: 0px; right: 0px; } #footer ul#footmenu li#footmenu01 a { height: 24px; } #footer ul#footmenu li#footmenu02 { display: none; } #footer ul#footmenu li#footmenu03 { width: 96px; height: 14px; left: 0px; bottom: 17px; } #footer ul#footmenu li#footmenu03 a { height: 14px; } #footer ul#footmenu li#footmenu04 { width: 116px; height: 14px; left: 0px; bottom: 0px; } #footer ul#footmenu li#footmenu04 a { height: 14px; } #footer #info { display: none; } #footer a#goValidEscrow { width: 102px; height: 15px; position: absolute; left: 850px; top: 217px; display: block; text-indent: -9999px; overflow: hidden; } #footer #copyright { width: 33px; height: 18px; position: absolute; left: 613px; top: 191px; } #footer #copyright p { margin: 0px; padding: 0px; } #footer #copyright p a { height: 18px; display: block; text-indent: -9999px; overflow: hidden; } /* 페이지 **********************************************************************************************************************/ /* 메인 - /main/index */ #main {text-align: center; } #main #mainTop { height:340px; text-align:center; display: none; } #main h2#prdList1 { height: 50px; margin: 0px; padding: 0px; background: no-repeat url('/_image/common/main.topic.01.gif'); } #main h2#prdList2 { height: 50px; margin: 0px; padding: 0px; background: no-repeat url('/_image/common/main.topic.02.gif'); } #main #prdList{ width: 800px; margin: 0px auto; } /* 상품리스트 /shop/big_section */ #prdSort { margin:10px 0; text-align:right; } #prdSort ul { margin:0; padding:0; list-style:none; } #prdSort ul li { float:left; background:url('/_image/shop/pt.gif') no-repeat 0 6px; padding:0 10px; } /* 검색결과 /shop/search_result */ #search form{text-align:left;} #search form *{vertical-align:middle;} #search h3 { margin:10px 0; padding:5px 0; background:url('/_image/common/dotted.gif') repeat-x left bottom; } #search h3 strong{color:#FF0000;} #search #searchCategory *, #search .best10 *{color:#454545;} #search #searchCategory{float:left;} #search #searchCategory h4 { background:#dfdfdf; padding:0 10px; font-size:9pt; } #search #searchCategory ul { margin:5px 0 0 15px; padding:0; list-style:none; } #search #searchCategory ul li { display:inline; padding:0 5px; } #search #searchCategory ul li strong{color:#f60000;} #search #best10 { float:right; background:url('/_image/shop/search_best_bg.gif') repeat-y; text-align:left; } #search #best10 h4 { width:179px; background:url('/_image/shop/search_best_title.gif') no-repeat; padding:5px 0 11px 25px; font-size:100%; } #search #best10 ol{ background:url('/_image/shop/search_best_bottom.gif') no-repeat left bottom; margin:0; padding:0 0 15px 40px; } #search #best10 ol li { font-weight:bold; color:#A91C09; } /* 장바구니 /shop/cart */ #cart { width: 641px; margin: 0px 79px; } #cart .listTbl td { height:59px; text-align:center; } #cart .listTbl td.left{text-align:left;} #cart .listTbl td.line { height:1px; background: url('/_image/list/dot.gif') repeat-x; } #cart .btn *{margin:0 4px;} /* 상품상세페이지 /shop/detail */ #detail { text-align:center; } #detailTop { width: 584px; margin: 20px 0px 0px 0px; } #detailTopMini { width: 641px; margin: 0px 79px; } .detailList { height: 28px; padding-left: 15px; background: no-repeat url('/_image/shop/dot.black.gif') 5px center; font-size: 11px; font-family: 'Verdana'; font-weight: bold; color: #434343; border-bottom: #707070 1px solid; } #detailBottom { clear:both; margin:0 auto; padding: 0px; text-align:left; } #detailBottom .coupon { margin:0; padding:0; list-style:none; text-align:center; } #detailBottom h3 { margin:60px 0 30px; text-align:left; } #detailBottom .btn{text-align:right; padding-top: 50px;} /* review, Qna 쓰기폼 /_include/product_qna_form, /_include/product_review_form */ .frmFld { width:100%; padding:25px 0; background:#fff; border:1px solid #d6d6d6; text-align:left; } .frmFld table{width:100%;} .frmFld th { width:13%; padding-right:10px; font-size:8pt; font-weight:normal; color:#9c8458; text-align:right; letter-spacing:-1px; } .frmFld td{width:87%} .frmFld th *, .frmFld td *{vertical-align:middle;} .detailText, .detailTxta, .idInput, .pwInput, .inputIng{border:1px solid #dedfde;} .idInput, .pwInput, .inputIng, .detailText{height:20px;} .idInput{background:url('/_image/shop/id_hidden.gif') no-repeat #FFF;} .pwInput{background:url('/_image/shop/pw_hidden.gif') no-repeat #FFF;} .inputIng{background:#f4f6f9;} .modInput { margin:10px 0; text-align:center; } .detailText, .detailTxta{width:97%;} .detailTxta{height:100px;} /* 주문, 주문조회 상세 /shop/order, /mypage/order_detail */ #order{ background:#fcfcf4; text-align:left; width: 641px; margin: 0px 79px; } #order h3 { clear:both; margin:20px 0 10px 0; } #order .listTbl td { height:67px; text-align:center; } #order .listTbl td.left{text-align:left;} #order .listTbl td.line{height:1px;} #order .listTbl td .input{height:21px;} #order .coupon th, #order .coupon td { border:1px solid #858585; color:#333; } #order .coupon th { height:27px; background:#dbdbdb; } #order .coupon td { height:27px; } #order .orderDetail{color:#353535;} #order .orderDetail strong{font-weight:normal;color:#0272be;} #order .step { margin:0 auto; text-align:center; } #order .step li{display:inline;} #order2{ margin:20px 0; padding:5px; border:1px solid #A0A0A0; text-align:center; } #total_order_price_div{font-weight:bold;} #orderFin { text-align:center; } /* 확대보기 /shop/zoom */ #zoom { width:733px; height:628px; background:url('/_image/shop/bg_zoom.gif'); padding:10px; } #zoom strong { font-size:140%; color:#000; } #zoom .box { width:713px; padding:10px; background:#fff; } #zoom .box ul { float:right; margin:0; padding:0; list-style:none; font-size:0; line-height:0; } #zoom .box ul li { width:95px; height:95px; margin:4px; border:3px solid #dfdfdf; } /* 회원가입폼, 회원정보수정폼 /member/join_frm */ #memberFrm form table { border-collapse:separate; width:100%; } #memberFrm form tr{height:31px;} #memberFrm form th { width:109px; padding:6px 12px 0 0; font-weight:normal; color:#7c7c7c; text-align:right; vertical-align:top; } #memberFrm form td{color:#7c7c7c;} #memberFrm form td img { vertical-align:middle; cursor:pointer; } #memberFrm td.address .input{width:510px;} #memberFrm td.email .input{width:150px;} #memberFrm .recomPoint{color:#FF7800;} /* 가입완료, 정보수정완료, 회원정보 비밀번호체크 /member/join_step3, /member/edit_step1, /member/edit_step3, */ #complete{text-align:center;} .cbox { width:430px; height:158px; margin:0 auto; background:url('/_image/member/box.gif') no-repeat; } .cbox td { text-align:center; color:#7c7c7c; } .cbox .btn { padding:35px 0 0 0; } /* 로그인 /member/login */ #login { text-align:center; } #login .loginMsg { height: 140px; margin: 0px; padding: 0px; background: no-repeat url('/_image/member/login01.gif') center 54px; text-indent: -9999px; overflow: hidden; } #login form#loginForm { width: 317px; height: 177px; margin: 0px 241px; padding: 0px; position: relative; background: no-repeat url('/_image/member/login02.gif'); } #login form#loginForm input { border: #fff 0px none; font-size: 14px; line-height: 16px; font-weight: bold; } #login form#loginForm input#member_id { width: 170px; height: 16px; margin: 0px; padding: 0px; position: absolute; left: 56px; top: 80px; } #login form#loginForm input#pwd { width: 110px; height: 16px; margin: 0px; padding: 0px; position: absolute; left: 116px; top: 109px; } #login form#loginForm input#loginSubmit { width: 64px; height: 38px; margin: 0px; padding: 0px; position: absolute; left: 237px; top: 91px; } #login ul#loginButton { width: 404px; height: 86px; margin: 38px 0px; padding: 0px; position: relative; } #login ul#loginButton li { width: 173px; height: 86px; position: absolute; top: 0px; } #login ul#loginButton li a { height: 86px; display: block; text-indent: -9999px; overflow: hidden; } #login ul#loginButton li#ul#loginButton01 { left: 0px; background: no-repeat url('/_image/member/login03.jpg'); } #login ul#loginButton li#ul#loginButton02 { right: 0px; background: no-repeat url('/_image/member/login04.jpg'); } #login ul#loginButton li#ul#loginButton01 a:hover { left: 0px; background: no-repeat url('/_image/member/login03.On.jpg'); } #login ul#loginButton li#ul#loginButton02 a:hover { right: 0px; background: no-repeat url('/_image/member/login04.On.jpg'); } #login form#noMember { width: 317px; height: 177px; margin: 0px 241px; padding: 0px; position: relative; background: no-repeat url('/_image/member/login05.gif'); } #login form#noMember input { border: #fff 0px none; font-size: 14px; line-height: 16px; font-weight: bold; } #login form#noMember input#ono { width: 106px; height: 16px; margin: 0px; padding: 0px; position: absolute; left: 120px; top: 88px; } #login form#noMember input#phone { width: 110px; height: 16px; margin: 0px; padding: 0px; position: absolute; left: 116px; top: 117px; } #login form#noMember input#noMemberSubmit { width: 64px; height: 38px; margin: 0px; padding: 0px; position: absolute; left: 237px; top: 99px; } /* 아이디 패스워드 찾기 /member/find_step1 */ #find { text-align:center; } #find h3{margin-bottom:16px;} #find form { width:429px; height:158px; margin:0 0 40px 0; padding:50px 0 0 0; background:url('/_image/member/box_find.gif') no-repeat; text-align:left; } #find form.pw{padding-top:35px;} #find form th, #find form td{height:28px;} #find form th{width:140px;text-align:right;} #find form td{padding:0 0 0 5px;} /* 우편번호조회 /common/zip_search */ #zipSearch { padding:5px; text-align:center; } #zipSearch form { width:340px; margin:0 auto; padding:5px; background:#f3f3f3; border:1px solid #d5d5d5; } #zipSearch fieldset { padding:3px; background:#fff; border:1px solid #d5d5d5; text-align:center; } #zipSearch fieldset *{vertical-align:middle;} #zipSearch fieldset strong { display:block; font-weight:normal; } #zipSearch fieldset .input{ime-mode:active;} #zipSearch .tbl { width:340px; margin:10px auto; } #zipSearch th, #zipSearch td{border:1px solid #d5d5d5} #zipSearch thead th { height:25px; background:#F3F3F3; text-align:center; } #zipSearch tbody th, #zipSearch tbody td { background:#fff; cursor:pointer; } #zipSearch tbody th{width:65px;} #zipSearch tbody td{padding-left:5px;} #mypage{text-align:center;} #mypage ul { margin:0; padding:0; list-style:none; font-size:0; line-height:0; } /* 마이페이지 공통 글쓰기(1:1상담, 회원탈퇴) /mypage/counsel_step1, /mypage/withdraw_step1/ */ #mypageWrite form{text-align:center;} #mypageWrite fieldset { width:660px; padding:25px 0; background:#f5f1f0; border:1px solid #d6d6d6; text-align:left; } #mypageWrite th { width:79px; padding-right:8px; color:#7d7d7d; text-align:right; } #mypageWrite th img{margin-left:33px;} .mypage_text {border:1px solid #d6d6d6;width:563px;height:22px;margin:4px 0;} .mypage_txta {border:1px solid #d6d6d6;width:563px;height:246px;margin:4px 0;} /* 마이페이지 - 1:1상담 /mypage/counsel_list */ #counselList { width: 641px; margin: 0px 79px; } #counselList .btn { padding:0 0 17px 0; text-align:right; } /* 마이페이지 - 포인트 /mypage/milage */ #milage { width: 641px; margin: 0px 79px; } /* 마이페이지 - 주문내역조회 /mypage/order_list */ #orderList { width: 641px; margin: 0px 79px; } /* 마이페이지 - 포인트 /mypage/coupon_down_list */ #coupon { width: 641px; margin: 0px 79px; } /* 마이페이지 - 위시리스트 /mypage/wish_list */ #wishList { width: 641px; margin: 0px 79px; } #wishList .listTbl td { height:59px; text-align:center; } #wishList .listTbl td.left{text-align:left;} #wishList .listTbl td.line { height:1px; background:url('/_image/list/line.gif') repeat-x; } /* 게시판 관련 */ #board .btn{text-align:right;} /* 기타페이지 - 이용안내 /content/guide */ #guide { text-align:left; } #guide ul { margin:0; padding:0; list-style:none; } #guide ul li { background:url('/_image/content/c_arrow.gif') no-repeat 9px 4px; padding:0 0 0 26px; } #guide ul li ol { margin:0; padding:5px 0 20px 10px; } #guide ul li ol li { background:none; padding-left:0; } /* 기타페이지 - 이용약관내용 /content/join_rull */ #join_rull{text-align:left;} #join_rull ul, #join_rull ol { margin:0; padding:0; list-style:none; } #join_rull dl { background:#fff; padding:8px; } #join_rull dl dt{font-weight:bold;} #join_rull dl dd{padding:5px 0;} #join_rull dl dd ol li ol{margin:0;padding-left:40px;} #join_rull dl dd ul{padding-left:10px;} /* 기타페이지 - 이용약관노출(회원가입step1, 이용약관) /content/uselaw, /member/join_step1 */ #uselaw { text-align:center; } #uselaw iframe { width:100%; height:202px; border:1px solid #dddcd7; } #uselaw p { margin:20px 0 35px 0; text-align:right; } /* 기타페이지 - 개인정보취급방침내용 /content/privacy */ #privacy { padding:5px; text-align:left; } #privacy ul { margin:0; padding:0; list-style:none; } #privacy p{margin-bottom:10px;} #privacy dt { background:url('/_image/content/p_arrow.gif') no-repeat 0 3px; padding:3px 0 0 20px; font-weight:bold; } #privacy dd{margin:5px 0 10px 20px;} #privacy dd dl dt { background:url('/_image/content/c_arrow.gif') no-repeat 0 3px; padding:0 0 0 18px; font-weight:normal; } #privacy dd dl dd{margin:0 0 0 18px;} #privacy ul { margin:5px 0 5px 25px; list-style:disc; } #privacy ol{margin-left:30px;} #privacy a:hover { text-decoration:underline; color:#ec7b7b; } /***** 출첵 *****/ #attend { margin-top:-40px; position:relative; text-align:center; } .cBtn span { font-size:18px; font-family:Arial; font-weight:bold; letter-spacing:1px; } .cBtn span.month { margin-left:10px; color:#ff6600; } .cBtn *{vertical-align:middle;} .attendConfig{margin:10px 0;} .calendarTbl { width:90%; } #attendCalendar .calendarTbl th, #attendCalendar .calendarTbl td { border:1px solid #efefef; } #attendCalendar .calendarTbl th { width:100px; height:19px; } #attendCalendar .calendarTbl td { padding:4px; height:66px; font-size:8pt; color:#c292bd; } #attendCalendar .attenY { background:url('/_image/mypage/attend_Y.gif') no-repeat center; } #attendCalendar .attenN { background:url('/_image/mypage/attend_N.gif') no-repeat center; } #attendCalendar .attenR { background:url('/_image/mypage/attend_R.gif') no-repeat center; }