/* - Project : DGG - Author : odini84@gmail.com - Description : makeshop dgg style sheet - Create : 2011-08-20 - Modify : YYYY-MM-DD - Version : ver 1.0 * 수정 주석처리 순서 : 날짜 이름 수정사항 - MODIFY HISTORY (수정 부분, 수정일 반드시 작성) - */ /* ======================================================================== rest ======================================================================== */ * { margin: 0; padding: 0; } body, h1, h2, h3, h4, h5, h6, th, td { font-size: 12px; line-height: 1.5; font-family: Dotum, Arial, Sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } a { color: #000; text-decoration: none; } li { list-style: none; } em { font-style: normal; } img { vertical-align: top; border: 0; } fieldset { border: 0; } legend, caption { display: none; } table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; } table img { vertical-align: middle; } th, td { vertical-align: middle; } th { font-weight: normal; } select { font-size: 12px; line-height: 18px; } /* ======================================================================== form, table relation ======================================================================== */ .tb-left, .tb-center, .tb-right { padding: 0 10px; } .tb-left { text-align: left; } .tb-center { text-align: center; } .tb-right { text-align: right; } .tb-bold { font-weight: bold; } .chk-rdo { width: 14px; height: 14px; } select, .chk-rdo, .txt-input { vertical-align: middle; } .txt-input, .txt-area { padding-left: 2px; border: 1px solid #dcdcdc; } .txt-input { height: 22px; line-height: 22px; } .txt-input:focus, .txt-focus { height: 20px; line-height: 20px; border: 2px solid #339de4; margin-right: -2px; background-color: #f1f8fd; } .label-r10 label { margin-right: 10px; } .label-r20 label { margin-right: 20px; } .label-r10 label.last, .label-r20 label.last { margin-right: 0; } /* ======================================================================== common ======================================================================== */ /* hd */ .hd { zoom: 1; overflow: hidden; padding: 13px 0 0 34px; border-bottom: 2px solid #42a4e6; background-color: #f1f8fd; } .hd h1, .hd p { float: left; width: auto; } .hd h1 { overflow: hidden; position: relative; top: -3px; width: 37px; text-indent: -9999px; margin-right: 5px; background: url(/images/dgg/dgg_pop_h1.gif) no-repeat 0 0; } .hd p { position: relative; top: -2px; font-weight: bold; font-size: 11px; line-height: 14px; } /* sbtn-h21 */ .sbtn-h21, .sbtn-h21 span { display: inline-block; background-image: url(/images/dgg/dgg_spbtn_h21.gif); background-repeat: no-repet; } .sbtn-h21 { padding-left: 5px; vertical-align: middle; background-position: 0px 0px; } .sbtn-h21 span { font-size: 11px; vertical-align: top; line-height: 21px; padding-right: 5px; background-position: right 0px; } /* btn-foot */ .btn-foot { margin-top: 20px; text-align: center; } /* btns */ .btn-lv, .btn-lv span { display: inline-block; height: 61px; font-size: 24px; font-weight: bold; letter-spacing: -1px; line-height: 61px; vertical-align: top; background: url(/images/dgg/btn_dgg_lv.gif) no-repeat; } .btn-lv { padding-left: 35px; } .btn-lv span { padding-right: 85px; } /* lv1 */ .btn-lv1, .btn-lv1 span { color: #fff; } .btn-lv1 { background-position: 0px 0px; } .btn-lv1 span { background-position: right 0px; } /* lv2 */ .btn-lv2, .btn-lv2 span { color: #666; } .btn-lv2 { background-position: 0px -61px; } .btn-lv2 span { background-position: right -61px; } /* basic */ .btn-bs, .btn-bs span { display: inline-block; font-size: 16px; line-height: 33px; } .btn-bs { background-color: #329de3; padding: 0 20px; } .btn-bs span { cursor: pointer; float: left; height: 33px; padding-right: 15px; font-weight: bold; color: #fff; background: url(/images/dgg/dgg_bull_warow.gif) no-repeat right 50%; } /* table */ /* type1 */ .table-type1 { border-top: 1px solid #e3e3e3; } .table-type1 th, .table-type1 td { border-bottom: 1px solid #e3e3e3; } .table-type1 th { padding: 9px 0 8px; color: #000; font-weight: bold; background-color: #f3f3f3; } .table-type1 td { padding: 4px 0; } .table-type1 thead th { border-top: 2px solid #c4c9cc; } .table-type1 .tb-bold { color: #000; } .table-type1 .tb-prd { font-weight: bold; color: #000; } .table-type1 .tb-thumb img { width: 38px; height: 38px; border: 1px solid #dbdcde; } .table-type1 dl.prd { font-size: 11px; } .table-type1 dl.prd dt { font-weight: bold; color: #000; } .table-type1 dl.prd dd { color: #459fdd; } .table-type1 tfoot tr th { color: #666; background: none; font-weight: normal; } .table-type1 tfoot tr th, .table-type1 tfoot tr td { padding-top: 10px; padding-bottom: 0; border: 0; } .table-type1 tfoot tr.last th, .table-type1 tfoot tr.last td { padding-top: 3px; padding-bottom: 10px; } .table-type1 tfoot tr.total th, .table-type1 tfoot tr.total td { padding: 15px 0 14px; font-weight: bold; background-color: #f3f3f3; color: #666; } .table-type1 tfoot tr.total th strong, .table-type1 tfoot tr.total td strong { font-size: 20px; color: #359de6; font-family: Tahoma; } /* table-frm */ .table-frm th, .table-frm td { padding: 3px 0; } .table-frm th { font-weight: bold; color: #000; } .lang-kor .table-frm th { letter-spacing: -1px; } /* title */ .tit1 { padding-left: 43px; font-weight: bold; color: #000; font-family: Tahoma; background: url(/images/dgg/dgg_bull_tit1.gif) no-repeat; } /* 언어별 */ .lang-kor .tit1 { font-size: 24px; line-height: 26px; letter-spacing: -1px; font-family: Dotum; background-position: 0 2px; } .lang-eng .tit1 { font-size: 34px; line-height: 36px; background-position: 0 8px; } .lang-jp .tit1 { font-size: 30px; line-height: 32px; background-position: 0 5px; } .lang-cn .tit1 { font-size: 28px; line-height: 30px; background-position: 0 5px; } /* ======================================================================== 결제 - 모듈 카드결제 ======================================================================== */ #payModule strong { color: #333; } #payModule .tit1 { padding-bottom: 10px; border-bottom: 1px solid #c4c9cc; } #payModule .pcont { padding: 30px 25px; } #payModule .tinfo { padding-left: 10px; padding-bottom: 15px; border-bottom: 1px solid #c4c9cc; } #payModule .tinfo dt, #payModule .tinfo dd { display: inline; } #payModule .tinfo .pname { padding-top: 15px; } #payModule .tinfo .pname strong { letter-spacing: -1px; } #payModule .tinfo .price { margin-top: 5px; text-align: right; font-size: 16px; font-weight: bold; } #payModule .tinfo .price strong { color: #339de4; font-family: Tahoma; font-size: 24px; } #payModule .table-w { margin-top: 10px; } #payModule h3 { margin-top: 30px; margin-left: 10px; } #payModule .btn-foot { margin-top: 30px; } /* ======================================================================== 카트 ======================================================================== */ #dggCart .pcont { padding: 30px 25px; } #dggCart .table-w { margin-top: 10px; } #dggCart ul.dsc { margin-top: 8px; margin-left: 15px; } #dggCart ul.dsc li { font-size: 11px; font-family: Tahoma; color: #93a3b2;} #dggCart .btn-foot { margin-top: 80px; font-size: 0; line-height: 0;} #dggCart .btn-foot .btn-bs { margin-right: 5px; } /* ======================================================================== 국제배송비 결제(몰텥일결제) / 결제완료 / 결제실패 ======================================================================== */ #deliveryPay .tit1 { padding-bottom: 10px; border-bottom: 1px solid #c4c9cc; } #deliveryPay .pcont { padding: 30px 25px 30px; } #deliveryPay .info { margin-top: 20px; margin-left: 10px; } #deliveryPay .info dl { zoom:1; overflow: hidden; padding-bottom: 5px; } #deliveryPay .info dt, #deliveryPay .info dd { float: left; width: auto; } #deliveryPay .info dd { font-weight: bold; color: #000; } #deliveryPay h3 { margin-top: 10px; margin-left: 10px; padding-top: 10px; border-top: 1px solid #e3e3e4; } #deliveryPay .table-w { margin-left: 10px; margin-top: 10px; } #deliveryPay .msg-cmpt, #deliveryPay .msg-failed { margin-top: 20px; margin-left: 20px; padding-bottom: 170px; } #deliveryPay .msg-failed strong { color: #000; } #deliveryPay .btn-foot { margin-top: 30px; } /* ======================================================================== DGG 상세설명 ======================================================================== */ #dggDetailGuide .pcont { padding: 30px 25px; } /* tmsg-w */ #dggDetailGuide .tit1 { padding-bottom: 10px; border-bottom: 1px solid #c4c9cc; } #dggDetailGuide .tmsg-w { margin-top: 15px; } #dggDetailGuide .tmsg-w ul { margin-top: 15px; } #dggDetailGuide .tmsg-w ul li { padding-bottom: 7px; } #dggDetailGuide .tmsg-w dl { zoom: 1; overflow: hidden; } #dggDetailGuide .tmsg-w dt, #dggDetailGuide .tmsg-w dd { position: relative; float: left; } #dggDetailGuide .tmsg-w dt { font-weight: bold; color: #000; } #dggDetailGuide .tmsg-w dd { width: 100%; } #dggDetailGuide h3 { margin-top: 20px; padding-left: 15px; font-size: 14px; font-weight: bold; color: #349ce3; background: url(/images/dgg/dgg_bull_h11_barow.gif) no-repeat 3px 4px; } #dggDetailGuide .table-w { margin-top: 5px; } /* ======================================================================== 로그인가입창 ======================================================================== */ #dggLogin .pcont { padding: 30px 25px 30px; } #dggLogin .tmsg { margin-top: 10px; } #dggLogin .table-w { margin-top: 15px; padding: 50px 0px 0px 30px; border-top: 2px solid #c4c9cd; } #dggLogin .link1 { margin-top: 10px; margin-left: 30px; } #dggLogin .link1 li { padding-left: 10px; padding-bottom: 5px; background: url(/images/dgg/dgg_bull_h2_lgsqr.gif) no-repeat 0 7px; } #dggLogin .link1 li a { color: #95a3ae; } #dggLogin .link2 { margin-top: 130px; padding: 30px; border-top: 2px solid #c4c9cd; background-color: #ebeff2; color: #95a5b4;} #dggLogin .link2 dt { padding-left: 10px; padding-bottom: 5px; background: url(/images/dgg/dgg_bull_h2_lgsqr.gif) no-repeat 0 7px; } #dggLogin .link2 li { padding-bottom: 5px; } #dggLogin .link2 a { color: #95a5b4; font-size: 12px; } #dggLogin .link2 a strong { color: #000; } #dggLogin .btn-foot { margin-top: 30px; padding-bottom: 50px; border-bottom: 2px solid #c4c9cd; } /* ======================================================================== 주문취소 ======================================================================== */ #orderCancel .tit1 { padding-bottom: 10px; border-bottom: 1px solid #c4c9cc; } #orderCancel .tit1 strong { color: #788d9e; text-decoration: underline; } #orderCancel .pcont { padding: 30px 25px 30px; } #orderCancel .cont { margin-top: 35px; margin-left: 15px; } #orderCancel .cont p { font-weight: bold; color: #333; } #orderCancel .cont ul { padding-top: 3px; } #orderCancel .cont li { padding-top: 8px; } #orderCancel .cont .txt-area-w { margin-top: 10px; } #orderCancel .cont .txt-area-w textarea { overflow-y: scroll; width: 480px; height: 150px; border: 1px solid #dbdbdb; padding: 0; font-size: 12px; line-height: 16px; } #orderCancel .btn-foot { margin-top: 30px; } /* ======================================================================== 주문리스트 ======================================================================== */ #dggOrderList .pcont { padding: 30px 25px 30px; } #dggOrderList .table-w { margin-top: 10px; } /* ======================================================================== 주문상세보기/배송주소수정 ======================================================================== */ #orderView .tit1 { padding-bottom: 10px; border-bottom: 1px solid #c4c9cc; } #orderView .tit1 a { color: #798c9a; } #orderView .pcont { padding: 30px 25px 30px; } #orderView .tmsg { margin-top: 10px; } #orderView .t-status { margin-top: 10px; } #orderView .t-status strong { color: #000; } #orderView .table-w { margin-top: 5px; } /* address, payment method */ #orderView .addr-modify { display: none; } #orderView .addr-pay { zoom: 1; position: relative; overflow: hidden; margin-top: 10px; color: #93a5b3; font-size: 11px; margin-right: -1px; padding-right: 10px; padding-left: 10px; } #orderView .addr-pay h3 { font-weight: bold; letter-spacing: -1px; color: #333; } #orderView .table-frm th .tb-left { padding-left: 0; } #orderView .table-frm th, #orderView .table-frm td { font-size: 11px; color: #96a4b1; } #orderView .table-frm th { font-weight: normal; } #orderView .table-w .btns { margin-top: 10px; } #orderView .addr-pay .addr { float: left; width: 60%; } #orderView .addr-pay .pay { float: right; width: 40%; text-align: right; } #orderView .btn-foot { margin-top: 40px; } /* ======================================================================== 결제(배송주소입력) ======================================================================== */ #dggPayAddr .pcont { padding: 30px 25px 30px; } #dggPayAddr .tinfo { padding-left: 10px; padding-bottom: 15px; border-bottom: 1px solid #c4c9cc; } #dggPayAddr .tinfo dt, #dggPayAddr .tinfo dd { display: inline; } #dggPayAddr .tinfo .pname { padding-top: 15px; } #dggPayAddr .tinfo .pname strong { letter-spacing: -1px; } #dggPayAddr .tinfo .price { margin-top: 5px; text-align: right; font-size: 16px; font-weight: bold; } #dggPayAddr .tinfo .price strong { color: #339de4; font-family: Tahoma; font-size: 24px; } #dggPayAddr .table-w { margin-top: 10px; } #dggPayAddr h3 { margin-top: 30px; margin-left: 10px; } #dggPayAddr .table-w { margin-top: 5px; } #dggPayAddr .btn-foot { margin-top: 30px; padding-top: 30px; border-top: 2px solid #c4c9cc; } /* ======================================================================== 결제 - 처리중 ======================================================================== */ #payIng .tit1 { padding-bottom: 10px; border-bottom: 1px solid #c4c9cc; } #payIng .pcont { padding: 30px 25px 30px; } #payIng .proc { padding: 150px 0; margin-bottom: 50px; text-align: center; border-bottom: 2px solid #c4c9cc; } /* ======================================================================== 결제 완료 ======================================================================== */ #paySucc .pcont { padding: 30px 25px 30px; } #paySucc .t-status { margin-top: 10px; padding-bottom: 5px; } #paySucc .t-status strong { color: #000; } #paySucc .table-w { margin-top: 10px;} /* address, payment method */ #paySucc .addr-pay { zoom: 1; position: relative; overflow: hidden; margin-top: 10px; color: #93a5b3; font-size: 11px; margin-right: -1px; padding-right: 10px; padding-left: 10px; } #paySucc .addr-pay h3 { padding-left: 8px; padding-bottom: 5px; font-weight: bold; } #paySucc .addr-pay .addr { float: left; width: 60%; } #paySucc .addr-pay .pay { float: right; width: 40%; text-align: right; } /* address */ #paySucc .addr-info { margin-left: 8px; } /* payment method */ #paySucc .addr-pay .pay p { margin-left: 8px; } #paySucc .btn-foot { margin-top: 30px; padding-top: 30px; border-top: 2px solid #c4c9cc; } /* ======================================================================== 사서함 발급용 기본정보입력 / 사서함 발급완료 ======================================================================== */ #pBoxInfo .pcont { padding: 30px 25px 30px; } #pBoxInfo .tit1 { padding-bottom: 10px; border-bottom: 1px solid #c4c9cc; } #pBoxInfo .tit-dsc { margin-top: 5px; } #pBoxInfo .table-w { margin-top: 20px; } #pBoxInfo .info-dsc { margin-top: 10px; margin-left: 10px; padding-left: 8px; font-size: 11px; letter-spacing: -1px; color: #93a3b2; background: url(/images/dgg/dgg_bull_h2_lgsqr.gif) no-repeat 0 45%; } #pBoxInfo .box-info { margin-left: 10px; margin-top: 35px; } #pBoxInfo .box-info dl { zoom: 1; overflow: hidden; padding-bottom: 5px; } #pBoxInfo .box-info dt, #pBoxInfo .box-info dd { float: left; width: auto; } #pBoxInfo .box-info dd { font-weight: bold; color: #000; } #pBoxInfo .btn-foot { margin-top: 40px; } #pBoxInfo .pbox-result { display: none; } /* ======================================================================== 사서함 비밀번호 찾기 ======================================================================== */ #pboxPwFind .pcont { padding: 30px 25px 30px; } #pboxPwFind .tit1 { margin-top: 30px; padding-bottom: 10px; border-bottom: 1px solid #c4c9cc; } #pboxPwFind .tit-first { margin-top: 0; } #pboxPwFind .tit-dsc { margin-top: 15px; } #pboxPwFind .table-w { margin-top: 15px; } #pboxPwFind .btn-foot { margin-top: 40px; } /* ======================================================================== 개인정보 수정 ======================================================================== */ #dggPinfo .pcont { padding: 30px 25px 30px; } #dggPinfo .tit1 { padding-bottom: 15px; border-bottom: 1px solid #c4c9cc; } #dggPinfo .tmsg { margin-top: 30px; } #dggPinfo .frm-w { margin-top: 25px; margin-left: 10px; margin-top: 25px; } #dggPinfo .bfrm-msg { padding-top: 35px; border-top: 1px solid #e3e3e3; } #dggPinfo .frm-w p { margin-top: 10px; padding-left: 8px; color: #93a3b2; background: url(/images/dgg/dgg_bull_h2_lgsqr.gif) no-repeat 0 45%; } #dggPinfo .btn-foot { margin-top: 30px; padding-top: 10px; border-top: 2px solid #c4c9cc; } /* ======================================================================== 상품 상세 ======================================================================== */ #prdDetail .tit1 { padding-bottom: 10px; border-bottom: 1px solid #c4c9cc; } #prdDetail .pcont { zoom: 1; padding: 50px 40px 0 365px; } #prdDetail .pcont:after { content: ""; display: block; clear: both; } #prdDetail .close-layer { position: absolute; right: 10px; top: 10px; text-indent: -9999px; overflow: hidden; width: 10px; height: 10px; background: url(/images/dgg/dgg_prdview_close.gif) no-repeat 0 0; } #prdDetail .pcont .thumb, #prdDetail .pcont .info { position: relative; float: left; } /* thumb */ #prdDetail .pcont .thumb { left: -320px; width: 300px; margin-right: -320px; } #prdDetail .pcont .thumb img { width: 298px; border: 1px solid #dcdcdc; } /* info */ #prdDetail .pcont .info { width: 100%; } #prdDetail .pcont h2 { font-size: 18px; font-weight: bold; border-bottom: 1px solid #c4c9cc;} #prdDetail .pcont .prd-table { border-bottom: 1px solid #e3e3e3; color: #000; } #prdDetail .pcont .prd-table td .tb-left { padding-left: 0; } #prdDetail .pcont .prd-table th .tb-right { padding-right: 5px; } #prdDetail .pcont .prd-table tbody td { border-bottom: 1px solid #dcdcda; } #prdDetail .pcont .prd-table tbody th, #prdDetail .pcont .prd-table tbody td { padding: 3px 0; border: 0; } #prdDetail .pcont .prd-table tbody th { color: #666; } #prdDetail .pcont .prd-table tbody th span { font-size: 11px; } #prdDetail .pcont .prd-table tbody th .tb-right { padding-left: 0; } #prdDetail .pcont .prd-table tbody tr.first th, #prdDetail .pcont .prd-table tbody tr.first td { padding-top: 20px; } #prdDetail .pcont .prd-table tbody tr.last th, #prdDetail .pcont .prd-table tbody tr.last td { padding-bottom: 20px; } #prdDetail .pcont .prd-table tbody td span { display: inline-block; } #prdDetail .pcont .prd-table tbody td span.block { display: inline-block; width: 70px; text-align: left; } /*구글 번역시 색상이 변경되서 주석 처리 아래 color 색상 666 -> 000*/ /*#prdDetail .pcont .prd-table tfoot *{ color: #000; }*/ #prdDetail .pcont .prd-table tfoot th, #prdDetail .pcont .prd-table tfoot td { padding: 0 0px; background-color: #f3f3f3; color: #000; } /* #prdDetail .pcont .prd-table tfoot tr.first th, */ /* #prdDetail .pcont .prd-table tfoot tr.first td { padding-top: 8px; } */ #prdDetail .pcont .prd-table tfoot th .font-style, #prdDetail .pcont .prd-table tfoot td .font-style { font-size: 16px; font-weight: bold; font-family: tahoma; } #prdDetail .pcont .prd-table tfoot td .shop-dc { font-size: 16px; font-family: tahoma; color: #ff0000; } #prdDetail .pcont .prd-table tfoot td .dc-final { font-size: 22px; font-weight: bold; color: #4f81bd; font-family: tahoma; } #prdDetail .pcont .prd-table tfoot td span.mk_price { } #prdDetail .pcont .prd-table tfoot td span { display: inline-block; } #prdDetail .pcont .prd-table tfoot td span.block { display: inline-block; width: 80px; text-align: left; } #prdDetail .pcont .prd-table tfoot td em { color: #000; font-weight: bold; } #prdDetail .pcont .info p { margin-top: 5px; padding-left: 8px; font-size: 11px; color: #93a3b3; background: url(/images/dgg/dgg_bull_h2_lgsqr.gif) no-repeat 0 5px; } #prdDetail .btn-foot { margin-top: 40px; font-size: 0; line-height: 0; } #prdDetail .btn-foot .btn-lv1 { margin-right: 10px; } /* #prdDetail .thumb { margin-top: 15px; text-align: center; } #prdDetail td .tb-left { padding-left: 0; } #prdDetail .table-option { margin-top: 20px; } #prdDetail .table-option th, #prdDetail .table-option td { padding: 5px 0 0; } #prdDetail .table-option strong { color: #222; } #prdDetail .table-view { margin-top: 10px; padding-top: 20px; border-top: 1px solid #e3e3e3; } #prdDetail .table-view th, #prdDetail .table-view td { padding: 5px 0 3px; } #prdDetail .table-view td strong { display: inline-block; width: 135px; font-size: 24px; line-height: 26px; text-align: right; color: #7a8c9a; font-family: Tahoma; } #prdDetail .table-view tr.usd td strong { color: #000; } #prdDetail .bmsg { margin-top: 30px; padding-top: 10px; padding-left: 8px; border-top: 2px solid #c4c9cc; background: url(/images/dgg/dgg_bull_h2_lgsqr.gif) no-repeat 0 17px; } #prdDetail .btn-foot { margin-top: 30px; } */ /* ======================================================================== 비밀번호 변경 / 비밀번호 변경 url 오류 ======================================================================== */ #pwRelation .pcont { padding: 30px 25px 30px; } #pwRelation .tit1 { padding-bottom: 10px; border-bottom: 1px solid #c4c9cc; } #pwRelation .tit-dsc { margin-top: 15px; } #pwRelation .table-w { margin-top: 15px; } #pwRelation .btn-foot { margin-top: 40px; } /* ======================================================================== 배송요금 ======================================================================== */ #shipRate .pcont { padding: 30px 25px 30px; } #shipRate .tmsg { margin-top: 10px; } #shipRate .nation { margin-top: 25px; padding-top: 25px; text-align: center; border-top: 2px solid #c4c9cc; } #shipRate .nation dt, #shipRate .nation dd { display: inline; } #shipRate .nation dt { font-weight: bold; color: #000; } #shipRate .table-w { margin-top: 25px; border-left: 1px solid #c4c9cc; } #shipRate table th, #shipRate table td { padding: 6px 0 5px; border-bottom: 1px solid #c4c9cc; } #shipRate table thead th { font-weight: bold; color: #c4c9cd; border-top: 2px solid #c4c9cc; border-right: 1px solid #c4c9cc; } #shipRate table thead .nbd { border-right: 0; } #shipRate table tbody th { color: #7a7a7a; } #shipRate table td { border-right: 1px solid #c4c9cc; } #google_translate { position: absolute; top: 3px; right: 10px; }