/* 마이북 공통 ******************************************************************************/ #mybook_content {overflow:hidden; padding-top:45px} #mybook_content h2 {position:relative; padding:13px 0; border-bottom:2px solid #8B8B8B; background:#fff; font-size:15px; font-weight:bold; color:#333; text-align:center; line-height:1} #mybook_content h2 button.btn_backspace {overflow:visible; position:absolute; top:5px; left:7px; width:35px; height:32px; padding:0; border:0; outline:none} #mybook_content h2 button.btn_backspace img {position:absolute; top:0; left:0; width:35px; height:auto} #mybook_content h2.sub_tit {position:absolute; top:-999px; left:-999px; overflow:hidden; text-align:left; text-indent:-9999px} #mybook_content .clsCheckBox .ico_chknormal {font-size:11px} /* 마이북 현재 위치 */ #mybook_content .location {overflow:hidden; border-bottom:1px solid #8B8B8B; background:#fff} #mybook_content .location a, #mybook_content .location strong {float:left; padding:14px 8px 13px; font-size:15px; font-weight:bold; color:#333; line-height:1} #mybook_content .location b {float:left; overflow:hidden; width:15px; height:42px; background:url('//img.1300k.com/mobile/mybook/2015/bullet_location.png') no-repeat left top; text-indent:-9999px} /*기본 li 스타일*/ #mybook_content .mybook_basic_list {padding:13px 10px 5px 10px; background:#ededed} #mybook_content .mybook_basic_list ul li {margin-bottom:5px; padding-left:10px; background: url('//img.1300k.com/mobile/mybook/2015/bullet_basic.png') no-repeat left 5px; font-size:12px; color:#818181} #mybook_content .mybook_basic_list ul li span {color:#3eb900} #mybook_content .mybook_basic_list h5 {margin-bottom:5px; font-size:13px; font-weight:bold; color:#333232} #mybook_content .mybook_basic_list p {font-size:13px; color:#818181} #mybook_content .btn_box {padding:10px 10px 20px 10px; text-align:center} #mybook_content .btn_box a img {width:auto; height:35px; vertical-align:middle} /*페이징*/ #mybook_content .paging {background:#fff} /*상품-사진 나오는 리스트*/ #mybook_content .mybook_goods_list {padding:13px 10px; background:#fff} #mybook_content .mybook_goods_list p.total {margin-bottom:10px; font-size:12px; font-weight:bold; color:#262628} #mybook_content .mybook_goods_list p.total span {color:#3eb900} #mybook_content .mybook_goods_list ul li {position:relative; margin-bottom:12px; padding:13px; border:1px solid #bbb; border-radius:5px} #mybook_content .mybook_goods_list ul li:last-child {margin-bottom:0} #mybook_content .mybook_goods_list ul li input[type="checkbox"] {position:absolute; top:13px; left:13px} #mybook_content .mybook_goods_list ul li a.btn_delete {position:absolute; top:13px; right:13px} #mybook_content .mybook_goods_list ul li .goods_summary {min-height:75px; margin-bottom:12px; padding:0 0 13px 90px !important; border-bottom:1px solid #dfdfdf} #mybook_content .mybook_goods_list ul li .goods_summary a.goods_img {display:block; position:absolute; top:13px; left:13px; width:73px; height:73px; border:1px solid #a2a29e} #mybook_content .mybook_goods_list ul li .goods_summary div {font-size:13px; color:#666; text-align:left} #mybook_content .mybook_goods_list ul li .goods_summary div a:first-child {display:block; font-size:11px; font-weight:normal; color:#888} #mybook_content .mybook_goods_list ul li select {width:100%; margin-bottom:5px} #mybook_content .mybook_goods_list ul li textarea {width:100%} #mybook_content .mybook_goods_list ul li div.goods_btns {overflow:hidden; margin-top:10px; text-align:center} #mybook_content .mybook_goods_list ul li div.goods_btns a img {width:auto; height:35px; vertical-align:middle} /*기본테이블*/ #mybook_content .mybook_basic_table {width:100%; background:#fff} #mybook_content .mybook_basic_table th {height:35px; border-top:1px solid #767679; border-bottom:1px solid #29292b; background-color:#4c4c51; font-size:13px; font-weight:bold; color:#ebebeb; -webkit-text-shadow: 0 -1px 0 #000; -moz-text-shadow: 0 -1px 0 #000; text-shadow:0 -1px 0 #000} #mybook_content .mybook_basic_table td {height: 35px; border-top:1px solid #d4d4d4; font-size:13px; color:#6e6e6e; text-align:center} #mybook_content .mybook_basic_table tr:last-child td {border-bottom:1px solid #d4d4d4} #mybook_content .mybook_basic_table .text_left {text-align:left} #mybook_content .mybook_basic_table td.subject {text-align:left} #mybook_content .mybook_basic_table td.subject p, #mybook_content .mybook_basic_table td.subject a {display:block; overflow:hidden; width:90%; padding-left:10px; color:#333; text-overflow:ellipsis; white-space:nowrap} #mybook_content .mybook_basic_table td img {vertical-align: middle} #mybook_content .mybook_basic_table td.date, #mybook_content .mybook_basic_table td.comment {font-size:11px; color:#888} #mybook_content .mybook_basic_table td.name {font-size:11px; color:#9c9c9c} /*리스트 없을때*/ #mybook_content .list_empty {padding:40px 0; background:#fff; text-align:center} #mybook_content .list_empty p {font-size:13px; color:#666} /*전체선택*/ #mybook_content .select_goods {overflow:hidden; padding-top:15px} #mybook_content .select_goods input[type="checkbox"] {float:left; width:16px !important; height:16px !important; margin:5px 8px 0 0; background-image:url('//img.1300k.com/mobile/mybook/2015/ico_selectall.png') !important; background-size:16px 16px !important; background-position:0 0 !important; background-repeat:no-repeat} #mybook_content .select_goods input[type="checkbox"]:checked {background:url('//img.1300k.com/mobile/mybook/2015/ico_selectall_on.png') !important; background-size:16px 16px !important} #mybook_content .select_goods label {float:left; font-size:13px; font-weight:bold; color:#333; line-height:25px} #mybook_content .select_goods div {float:right} /*카테고리 셀렉트*/ #mybook_content .cate_select {padding:13px 10px; border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2} #mybook_content .cate_select select {width:100%} /* 팝업 :: 배송정보 변경 신청 */ .mybook_popup .pop_delivery_info {margin:13px 10px} .mybook_popup .pop_delivery_info .info_table {overflow:hidden; border:1px solid #DFDFDF; border-radius:6px; background:#fff} .mybook_popup .pop_delivery_info .info_table table {width:100%; table-layout:fixed} .mybook_popup .pop_delivery_info .info_table table tr th, .mybook_popup .pop_delivery_info .info_table table tr td {padding:13px; border-top:1px solid #DFDFDF} .mybook_popup .pop_delivery_info .info_table table tr:first-child th, .mybook_popup .pop_delivery_info .info_table table tr:first-child td {border-top:0} .mybook_popup .pop_delivery_info .info_table table tr th {font-size:14px; color:#333; text-align:left} .mybook_popup .pop_delivery_info .info_table table tr td {font-size:14px; color:#333; text-align:right} .mybook_popup .pop_delivery_info p {margin:11px 0 15px; font-size:12px; color:#9798A0} /* 팝업 :: 입금계좌 */ .mybook_popup .pop_receipts_account {overflow:hidden; margin:13px 10px; border:1px solid #DFDFDF; border-radius:6px; background:#fff} .mybook_popup .pop_receipts_account .account_wrap {padding:13px; border-top:1px solid #DFDFDF} .mybook_popup .pop_receipts_account .account_wrap:first-child {border-top:0} .mybook_popup .pop_receipts_account .account_wrap h3 {margin-bottom:8px; font-size:14px; font-weight:normal; color:#555} .mybook_popup .pop_receipts_account .account_wrap h3 strong {color:#333} .mybook_popup .pop_receipts_account .account_wrap ul {border:1px solid #DFDFDF; border-radius:6px} .mybook_popup .pop_receipts_account .account_wrap ul li {padding:11px 15px; border-top:1px solid #DFDFDF; font-size:14px; line-height:1} .mybook_popup .pop_receipts_account .account_wrap ul li:first-child {border-top:0} .mybook_popup .pop_receipts_account .account_wrap ul li span.bank {position:relative; margin-right:13px; padding-right:14px; color:#3eb900} .mybook_popup .pop_receipts_account .account_wrap ul li span.bank:after {display:block; position:absolute; right:0; top:5px; width:1px; height:13px; background-color:#B1B1B1; content:''} /* 팝업 버튼 공통 */ .mybook_popup .btn_set {padding-bottom:20px; text-align:center} .mybook_popup .btn_set a img {width:auto; height:35px} /* 마이북 - 쇼핑북 *****************************************************************************/ #mybook_content .order_category {padding:10px; background-color:#DDD; font-size:14px; font-weight:bold; text-align:center} #mybook_content .order_category p {margin:10px 0 0} #mybook_content .order_category p:first-child {margin-top:0} #mybook_content .order_category select, #mybook_content .order_category input[type="text"], #mybook_content .order_category input[type="tel"], #mybook_content .order_category input[type="number"] {width:100%} #mybook_content .order_category .ckbox {margin:0 6px} #mybook_content .order_category .ckbox input {position:relative; top:-2px; margin-right:2px; vertical-align:middle} #mybook_content .order_category .btn_set {margin-top:12px; text-align:center} #mybook_content .order_category .btn_set a img {height:35px; vertical-align:bottom} #mybook_content .order_content {overflow:hidden; border-top:1px solid #EEE; background:#fff} #mybook_content .order_content h3 {position:relative; padding:10px; border-width:1px 0; border-style:solid; border-color:#5D5D62; background-color:#4C4C51; font-size:14px; color:#EBEBEB} #mybook_content .order_content h3 span.current {position:absolute; top:9px; right:9px; font-size:13px; font-weight:normal; color:#4ED20C} #mybook_content .order_content ul.info {margin-top:12px} #mybook_content .order_content ul.info li {margin-top:4px; padding-left:8px; background:url('//img.1300k.com/mobile/mybook/2015/bullet_info.png') no-repeat left 6px; background-size:4px 137px; font-size:11px; color:#9798A0; line-height:140%} #mybook_content .order_content ul.info li:first-child {margin-top:0} #mybook_content .order_content ul.info li.warning {background-position:left -127px; color:#F00} #mybook_content .order_content ul.info li strong {font-weight:normal; color:#F00} #mybook_content .order_content .btn_shoppingbook {padding:25px 0; border-top:1px solid #D5D5D7; text-align:center} #mybook_content .order_content .btn_shoppingbook img {width:auto; height:35px; vertical-align:middle} /* 주문상품 요약 */ #mybook_content .order_summary {position:relative; overflow:hidden; margin:13px 10px 15px; border-radius:6px; border:1px solid #BBB; font-size:12px} #mybook_content .order_summary .info {padding:8px 12px 9px; background-color:#5E5E5E; color:#fff} #mybook_content .order_summary .info p {height:36px; font-size:14px; line-height:130%} #mybook_content .order_summary .info p time {font-size:12px; font-weight:bold; color:#C1C1C1} #mybook_content .order_summary .info span.condition {display:block; position:absolute; right:0; top:0; width:76px; height:36px; padding-top:17px; font-weight:bold; text-align:center} #mybook_content .order_summary .info span.condition.ready {background-color:#23A4F5} #mybook_content .order_summary .info span.condition.handle {background-color:#18A2B2} /* 주문상태별 배경 */ #mybook_content .order_summary .info span.condition.typeP {background-color:#04c6e3} #mybook_content .order_summary .info span.condition.typeR {background-color:#3e90dd} #mybook_content .order_summary .info span.condition.typeG {background-color:#3e90dd} #mybook_content .order_summary .info span.condition.typeF {background-color:#5c7fe8} #mybook_content .order_summary .info span.condition.typeD {background-color:#3c3c3c} #mybook_content .order_summary .info span.condition.typeS {background-color:#3c3c3c} #mybook_content .order_summary .info span.condition.typeC {background-color:#3c3c3c} #mybook_content .order_summary .info span.condition.typeB {background-color:#3c3c3c} #mybook_content .order_summary p.product_name {padding:11px 12px; line-height:140%} #mybook_content .order_summary ul.service {padding:11px 12px 5px} #mybook_content .order_summary ul.service li {margin-bottom:6px; font-size:12px; color:#666} #mybook_content .order_summary ul.service li b {color:#333} #mybook_content .order_summary ul.service li strong {color:#18A2B2} #mybook_content .order_summary .comment {overflow:hidden; margin:0 12px 12px 12px; border:1px solid #BBB; border-radius:6px} #mybook_content .order_summary .comment h3 {padding:10px 12px; border-top:0; border-bottom:1px solid #BBB; background:#E0E0E0; font-size:14px; color:#333} #mybook_content .order_summary .comment ul li {border-top:1px solid #D4D4D4} #mybook_content .order_summary .comment ul li:first-child {border-top:0} #mybook_content .order_summary .comment ul li a {display:block; position:relative; padding:10px 84px 10px 12px; font-size:14px; color:#666} #mybook_content .order_summary .comment ul li a img {position:relative; top:-1px; width:17px; height:17px; vertical-align:middle} #mybook_content .order_summary .comment ul li a time {position:absolute; top:12px; right:12px; line-height:1; color:#B3B3B3} #mybook_content .order_summary .btn_set {padding-bottom:15px; text-align:center; line-height:1} #mybook_content .order_summary .btn_set a img {width:auto; height:35px; vertical-align:middle} /* 매장 구매 내역 */ #mybook_content ul.store_history {padding:12px 10px 0} #mybook_content ul.store_history li {overflow:hidden; margin-bottom:15px; border-radius:6px; border:1px solid #c5c5c5} #mybook_content ul.store_history li .order_number {position:relative; padding:10px 90px 7px 12px; border-bottom:1px solid #C8C8C8; background-color:#E6E6E7; font-size:14px; font-weight:bold; color:#333} #mybook_content ul.store_history li .order_number img {position:relative; top:-1px; width:50px; height:20px; margin-right:2px; vertical-align:middle} #mybook_content ul.store_history li .order_number time {display:block; position:absolute; top:14px; right:12px; font-size:12px; text-align:right; color:#3EB900; line-height:1} #mybook_content ul.store_history li .history_detail {padding:7px 12px} #mybook_content ul.store_history li .history_detail table {width:100%; table-layout:fixed} #mybook_content ul.store_history li .history_detail table tr th, #mybook_content ul.store_history li .history_detail table tr td {padding:4px 0} #mybook_content ul.store_history li .history_detail table tr th {font-size:5px; font-weight:normal; text-align:left; color:#333} #mybook_content ul.store_history li .history_detail table tr td {font-size:13px; text-align:right; color:#737b86} #mybook_content .history_comment .mybook_basic_list {border-top:1px solid #b2b2b2; border-bottom:1px solid #d5d5d7} #mybook_content .history_comment h3 {position:relative; padding:10px; border-width:1px 0; border-style:solid; border-color:#5D5D62; background-color:#4C4C51; font-size:14px; color:#EBEBEB} /* 증빙서류 */ #mybook_content ul.vouchers_list {background-color:#F1F1F1} #mybook_content ul.vouchers_list li {position:relative; padding:10px 12px; border-top:1px solid #D0D0D0; font-size:14px; font-weight:bold; color:#313334} #mybook_content ul.vouchers_list li span.check {position:absolute; top:9px; right:12px; font-size:12px; color:#585858; text-align:right} #mybook_content ul.vouchers_list li span.check input[type="checkbox"] {position:relative; top:-1px; margin-right:3px; vertical-align:middle} #mybook_content ul.vouchers_list li fieldset {margin-top:11px; border:1px solid #D4D4D4; border-radius:6px; background-color:#fff} #mybook_content ul.vouchers_list li fieldset ul.tab_field {overflow:hidden; border-radius:4px 4px 0 0} #mybook_content ul.vouchers_list li fieldset ul.tab_field li {float:left; width:50%; padding:10px 0; border-top:0; border-bottom:1px solid #D2D2D2; background-color:#E0E0E0; text-align:center; box-sizing:border-box} #mybook_content ul.vouchers_list li fieldset ul.tab_field li:first-child {border-right:1px solid #D2D2D2} #mybook_content ul.vouchers_list li fieldset ul.tab_field li.on {border-bottom-color:#fff; background-color:#fff} #mybook_content ul.vouchers_list li fieldset table.write_info {width:100%; margin:6px 0; table-layout:fixed} #mybook_content ul.vouchers_list li fieldset table.write_info tr th, #mybook_content ul.vouchers_list li fieldset table.write_info tr td {padding:3px 0; text-align:left} #mybook_content ul.vouchers_list li fieldset table.write_info tr th {padding:3px 0 3px 12px; font-size:11px; letter-spacing:-1px} #mybook_content ul.vouchers_list li fieldset table.write_info tr td {padding:3px 12px 3px 0; font-size:13px; letter-spacing:-1px} #mybook_content ul.vouchers_list li fieldset table.write_info tr td .ckbox {margin-right:6px} #mybook_content ul.vouchers_list li fieldset p.ex {padding:4px 10px 10px 10px; font-weight:normal; font-size:12px; color:#9798A0; line-height:140%} #mybook_content ul.vouchers_list li .clsCheckBox {position:absolute; top:10px; right:10px} /* 상품내역 및 배송조회 */ #mybook_content .history_delivery p.all_select {padding:12px 10px; font-size:14px; font-weight:bold; color:#333} #mybook_content .history_delivery p.all_select input[type="checkbox"] {vertical-align:middle} #mybook_content .history_delivery ul.product_list {margin:10px} #mybook_content .history_delivery ul.product_list li {margin-bottom:12px; padding:0px; border:1px solid #BBB; border-radius:6px} #mybook_content .history_delivery ul.product_list li .order_product {position:relative; min-height:76px; padding:12px 12px 12px 102px} #mybook_content .history_delivery ul.product_list li .order_product input[type="checkbox"] {position:absolute; top:12px; left:12px} #mybook_content .history_delivery ul.product_list li .order_product .photo {position:absolute; top:12px; left:12px; width:74px; height:74px; border:1px solid #A1AB98} #mybook_content .history_delivery ul.product_list li .order_product .photo img {width:100%; height:100%} #mybook_content .history_delivery ul.product_list li .order_product h4 {margin-bottom:8px; font-size:14px; font-weight:normal; color:#666} #mybook_content .history_delivery ul.product_list li .order_product .feature {margin:8px 0; font-size:11px; color:#3EB900} #mybook_content .history_delivery ul.product_list li .order_product p.info {overflow:hidden; font-size:12px; color:#4C4C51} #mybook_content .history_delivery ul.product_list li .order_product p.info span.volume {float:left} #mybook_content .history_delivery ul.product_list li .order_product p.info span.price {float:right} #mybook_content .history_delivery ul.product_list li .order_product p.info2 {overflow:hidden; font-size:12px; color:#4C4C51} #mybook_content .history_delivery ul.product_list li .order_product p.info2:after {clear:both; display:block; content:''} #mybook_content .history_delivery ul.product_list li .order_product p.info2 span.price {float:left} #mybook_content .history_delivery ul.product_list li .order_product p.info2 span.volume {float:left} #mybook_content .history_delivery ul.product_list li .order_product p.info2 span.volume:before {content:'/'} #mybook_content .history_delivery ul.product_list li .order_product p.info2 span.current {float:right} #mybook_content .history_delivery ul.product_list li .order_product p.info2 span.current em.stateS {color:#3c3c3c; font-weight:bold} #mybook_content .history_delivery ul.product_list li .order_product p.info2 span.current em.stateP {color:#04c6e3; font-weight:bold} #mybook_content .history_delivery ul.product_list li .order_product p.info2 span.current em.stateG {color:#3e90dd; font-weight:bold} #mybook_content .history_delivery ul.product_list li .order_product p.info2 span.current em.stateR {color:#3e90dd; font-weight:bold} #mybook_content .history_delivery ul.product_list li .order_product p.info2 span.current em.stateF {color:#5c7fe8; font-weight:bold} #mybook_content .history_delivery ul.product_list li .order_product p.info2 span.current em.stateD {color:#3c3c3c; font-weight:bold} #mybook_content .history_delivery ul.product_list li .order_product p.info2 span.current em.stateB {color:#3c3c3c; font-weight:bold} #mybook_content .history_delivery ul.product_list li .order_product p.info2 span.current em.stateC {color:#3c3c3c; font-weight:bold} #mybook_content .history_delivery ul.product_list li .btn_current {padding:12px 0 10px; margin:0px 12px; border-top:1px solid #DFDFDF; text-align:center} #mybook_content .history_delivery .order_exchange_cancel {overflow:hidden; margin-top:15px; padding:15px 0; border-width:1px 0; border-style:solid; border-color:#B2B2B2; background:#e3e3e3; text-align:center} #mybook_content .history_delivery .order_exchange_cancel a img {width:96px; height:34px; vertical-align:middle} #mybook_content .history_delivery .order_exchange_cancel_new {overflow:hidden; margin-top:15px; padding:15px 0; border-width:1px 0; border-style:solid; border-color:#B2B2B2; background:#e3e3e3; text-align:center} #mybook_content .history_delivery .order_exchange_cancel_new a img {width:73px; height:30px; vertical-align:middle} #mybook_content .history_delivery .btn_set {margin:13px 0; text-align:center; line-height:1} #mybook_content .history_delivery .btn_set img {width:auto; height:35px; vertical-align:middle} /* 배송정보 */ #mybook_content .delivery_info {padding:12px 10px 14px} #mybook_content .delivery_info h3.order_complete {padding-bottom:4px; border:0; background:none; font-size:16px; text-align:center; color:#354052} #mybook_content .delivery_info h3.order_complete strong {color:#67B82F} #mybook_content .delivery_info h4 {position:relative; margin:14px 0 12px; font-size:14px; color:#333; line-height:1} #mybook_content .delivery_info h4 strong {color:#63BF27} #mybook_content .delivery_info h4:first-child {margin-top:0} #mybook_content .delivery_info h4 span.option {position:absolute; top:3px; right:0; font-size:11px; font-weight:normal; color:#666} #mybook_content .delivery_info .info_table {overflow:hidden; margin-top:12px; border-radius:6px; border:1px solid #D9D9D9} #mybook_content .delivery_info .info_table:first-child {margin-top:0} #mybook_content .delivery_info .info_table table {width:100%; table-layout:fixed} #mybook_content .delivery_info .info_table table tbody tr th, #mybook_content .delivery_info .info_table table tbody tr td {padding:12px; border-top:1px solid #EBEBEB; font-size:12px; line-height:140%; color:#333; vertical-align:middle} #mybook_content .delivery_info .info_table table tbody tr:first-child th, #mybook_content .delivery_info .info_table table tbody tr:first-child td {border-top:0} #mybook_content .delivery_info .info_table table tbody tr th {text-align:left} #mybook_content .delivery_info .info_table table tbody tr td {text-align:left} #mybook_content .delivery_info .info_table table tbody tr td a img {height:32px; vertical-align:middle} #mybook_content .delivery_info .info_table2 {overflow:hidden; margin-top:10px; border-width:1px 0; border-radius:4px; border-style:solid; border-color:#BBB} #mybook_content .delivery_info .info_table2:first-child {margin-top:0} #mybook_content .delivery_info .info_table2 table {width:100%; margin:-1px 0; table-layout:fixed} #mybook_content .delivery_info .info_table2 table thead th, #mybook_content .delivery_info .info_table2 table tbody td {padding:12px 0; border-width:1px; border-style:solid; border-color:#BBB; text-align:center} #mybook_content .delivery_info .info_table2 table thead th {background:#848484; font-size:11px; color:#fff} #mybook_content .delivery_info .info_table2 table tbody td {background:#fff; font-size:12px; color:#585858} #mybook_content .delivery_info .info_table2 table tbody td strong.warning {color:#f00} #mybook_content .delivery_info .info_table3 {overflow:hidden; margin-top:10px; border-radius:4px; border-width:1px 0; border-style:solid; border-color:#BBB} #mybook_content .delivery_info .info_table3 table {width:100%; margin:-1px 0; table-layout:fixed} #mybook_content .delivery_info .info_table3 table tbody th, #mybook_content .delivery_info .info_table3 table tbody td {padding:12px 0; border-width:1px; border-style:solid; border-color:#BBB} #mybook_content .delivery_info .info_table3 table tbody th {background:#848484; font-size:11px; color:#fff; text-align:center} #mybook_content .delivery_info .info_table3 table tbody td {padding:12px; background:#fff; font-size:12px; text-align:left} #mybook_content .delivery_info .info_table3 table tbody td strong.warning {color:#f00} #mybook_content .delivery_info .info_table3 table tbody td input[type="radio"], #mybook_content .delivery_info .info_table3 table tbody td input[type="checkbox"] {position:relative; top:-2px; margin-right:3px; vertical-align:middle} #mybook_content .delivery_info p.account_info {padding:13px 10px 15px; border:1px solid #bbb; border-radius:6px; font-size:14px; font-weight:bold} #mybook_content .delivery_info .btn_set {text-align:center; line-height:1} #mybook_content .delivery_info .btn_set a img {width:auto; height:35px; vertical-align:middle} #mybook_content .delivery_info ul.k_comment {margin-top:0px} #mybook_content .delivery_info ul.k_comment li p {position:relative; padding-left:10px} #mybook_content .delivery_info ul.k_comment li p span {display:inline-block; position:absolute; top:0; left:0} /* 접수 및 처리내역 - 질문답변 */ #mybook_content .delivery_info ul.qna_list li {margin-top:13px; border:1px solid #BBB; border-radius:6px} #mybook_content .delivery_info ul.qna_list li h4 {position:relative; margin-bottom:0; padding:11px 120px 9px 13px; border-bottom:1px solid #BBB; background-color:#E0E0E0; font-size:14px} #mybook_content .delivery_info ul.qna_list li h4 img {position:relative; top:-1px; width:17px; height:auto; margin-right:1px; vertical-align:middle} #mybook_content .delivery_info ul.qna_list li h4 time {position:absolute; top:11px; right:13px; font-weight:normal; text-align:right; color:#b3b3b3; line-height:1} #mybook_content .delivery_info ul.qna_list li p {padding:9px 13px; font-size:12px; color:#666; word-break:break-all} /* SOS 상품 */ #mybook_content ul.sos_product {margin:10px 10px 0 10px} #mybook_content ul.sos_product li {margin-bottom:12px; padding:13px 13px 3px; border:1px solid #BBB; border-radius:6px} #mybook_content ul.sos_product li .clsCheckBox {position:absolute; z-index:22} #mybook_content ul.sos_product li .order_product {position:relative; min-height:76px; padding-left:90px; padding-bottom:10px} #mybook_content ul.sos_product li .order_product .photo {position:absolute; top:0; left:0; width:74px; height:74px; border:1px solid #A1AB98} #mybook_content ul.sos_product li .order_product .photo img {width:100%; height:100%} #mybook_content ul.sos_product li .order_product h4 {margin-bottom:8px; font-size:14px; font-weight:normal; color:#666} #mybook_content ul.sos_product li .order_product .feature {margin:8px 0; font-size:11px; color:#3EB900} #mybook_content ul.sos_product li .order_product p.info {overflow:hidden; font-size:12px; color:#4C4C51} #mybook_content ul.sos_product li .order_option {padding-top:6px; padding-bottom:10px; border-top:1px solid #DFDFDF} #mybook_content ul.sos_product li .order_option p {overflow:hidden; margin-top:6px} #mybook_content ul.sos_product li .order_option p:first-child {margin-top:0; line-height:1} #mybook_content ul.sos_product li .order_option p span.volume {float:left} #mybook_content ul.sos_product li .order_option p span.price {float:right; padding-top:2px; font-size:20px; font-weight:bold; color:#3EB900} #mybook_content ul.sos_product li .order_option ul li {overflow:hidden; margin:0; padding:0; border:0; border-radius:0; font-size:12px} #mybook_content ul.sos_product li ul li:first-child {margin-top:0} #mybook_content ul.sos_product li ul li span.category {float:left; font-weight:bold} #mybook_content ul.sos_product li ul li span.volume {float:right; color:#3EB900} #mybook_content ul.sos_product li ul li span.volume.option {float:left} #mybook_content ul.sos_product li ul li span.volume.option span{display:block; padding-left:25px} #mybook_content ul.sos_product li table.write_info {width:100%; margin-top:12px; margin-bottom:10px; border-top:1px solid #DFDFDF; table-layout:fixed} #mybook_content ul.sos_product li table.write_info tr th, #mybook_content ul.sos_product li table.write_info tr td {padding:4px 0} #mybook_content ul.sos_product li table.write_info tr th {font-size:11px; text-align:left; letter-spacing:-1px} #mybook_content ul.sos_product li table.write_info tr td {font-size:13px; text-align:right; letter-spacing:-1px} #mybook_content ul.sos_product li table.write_info tr:first-child th, #mybook_content ul.sos_product li table.write_info tr:first-child td {padding-top:10px} #mybook_content ul.sos_product li table.write_info tr td .ckbox {margin-right:6px} #mybook_content ul.sos_product.chk_order li .order_product {padding-left:120px} #mybook_content ul.sos_product.chk_order li .order_product .photo {position:absolute; top:0; left:32px} #mybook_content ul.sos_product.chk_order .order_option .option_amount {overflow:hidden; height:36px; margin-top:6px} #mybook_content ul.sos_product.chk_order .order_option .option_amount .txt_amount {float:left; line-height:36px} #mybook_content ul.sos_product.chk_order .order_option .amount_wrap {position:relative; float:right} #mybook_content ul.sos_product.chk_order .order_option .amount_wrap select {display:block} #mybook_content ul.sos_product.chk_order .order_option .amount_wrap .clsJQKInput input[type="tel"] {padding:0; box-sizing:content-box} #mybook_content ul.sos_product.chk_order .order_option .amount_wrap ul.jqki_chg_btn {border-top-left-radius:5px; border-bottom-left-radius:5px; border-top-right-radius:5px; border-bottom-right-radius:5px; background:#ebebeb} #mybook_content ul.sos_product.chk_order .order_option .amount_wrap ul.jqki_chg_btn li.jqki_btn_dn {border-left:1px solid #929ca8; border-top-left-radius:5px; border-bottom-left-radius:5px; border-right:1px solid #929ca8} #mybook_content ul.sos_product.chk_order .order_option .amount_wrap ul.jqki_chg_btn li.jqki_btn_up {border-right:1px solid #929ca8; border-radius:5px} /* 주문/배송 문의 */ #mybook_content .orderas_frm {background:#ededed} #mybook_content .orderas_frm h3 {position:relative; padding:10px; border-width:1px 0; border-style:solid; border-color:#5d5d62; background-color:#4c4c51; font-size:14px; color:#ebebeb} #mybook_content .orderas_frm .mybook_basic_list {padding-bottom:2px} #mybook_content .orderas_frm .mybook_goods_list {background:#ededed} #mybook_content .orderas_frm .mybook_goods_list ul li {position:relative; min-height:80px; padding:17px 17px 17px 40px; background:#f9f9f9} #mybook_content .orderas_frm .mybook_goods_list ul li .ordr_gods_sumry {position:relative; padding-left:95px} #mybook_content .orderas_frm .mybook_goods_list ul li .ordr_gods_sumry .gods_img {display:block; position:absolute; top:0; left:0; width:80px; height:80px} #mybook_content .orderas_frm .mybook_goods_list ul li .ordr_gods_sumry .gods_info {width:100%} #mybook_content .orderas_frm .mybook_goods_list ul li .ordr_gods_sumry .gods_info .gds_name {display:block; overflow:hidden; font-size:13px; color:#333; white-space:nowrap; text-overflow:ellipsis; word-break:break-all} #mybook_content .orderas_frm .mybook_goods_list ul li .ordr_gods_sumry .gods_info .gds_opt {display:block; margin-top:6px; font-size:12px; color:#3eb900} #mybook_content .orderas_frm .mybook_goods_list ul li .ordr_gods_sumry .gods_info .gds_count {display:block; margin-top:6px; font-size:12px; color:#797979} #mybook_content .orderas_frm .mybook_goods_list.check_goods_list ul li .clsCheckBox {position:absolute; top:17px; left:12px; width:21px; height:20px} #mybook_content .orderas_frm .btns {margin:5px 0 30px; text-align:center; vertical-align:middle} #mybook_content .orderas_frm .btns a {display:inline-block} #mybook_content .orderas_frm .btns a:first-child {margin-right:8px} #mybook_content .orderas_frm .order_summary ul.service {background:#fff} #mybook_content .orderas_frm .orderas_write {padding:12px 10px 14px} #mybook_content .orderas_frm .orderas_write .asgods_sumry {position:relative; min-height:80px; padding:16px 12px 16px 100px; border:1px solid #bbb; border-radius:6px; background:#fff} #mybook_content .orderas_frm .orderas_write .asgods_sumry .gods_img {position:absolute; top:16px; left:10px} #mybook_content .orderas_frm .orderas_write .asgods_sumry .gods_info {width:100%} #mybook_content .orderas_frm .orderas_write .asgods_sumry .gods_info .gds_name {display:block; overflow:hidden; font-size:13px; color:#333; white-space:nowrap; text-overflow:ellipsis; word-break:break-all} #mybook_content .orderas_frm .orderas_write .asgods_sumry .gods_info .gds_opt {display:block; margin-top:6px; font-size:12px; color:#3eb900} #mybook_content .orderas_frm .orderas_write .asgods_sumry .gods_info .gds_count {display:block; margin-top:6px; font-size:12px; color:#797979} #mybook_content .orderas_frm .orderas_write table {width:100%; font-size:11px; color:#585858; text-align:left} #mybook_content .orderas_frm .orderas_write table tr th {padding-top:6px} #mybook_content .orderas_frm .orderas_write table tr:first-child th {padding-top:0} #mybook_content .orderas_frm .orderas_write table tr td {position:relative; padding-top:6px} #mybook_content .orderas_frm .orderas_write table tr:first-child td {padding-top:0} #mybook_content .orderas_frm .orderas_write table tr td select {width:100%} #mybook_content .orderas_frm .orderas_write table tr td textarea {width:100%; height:65px} #mybook_content .orderas_frm .orderas_write table tr td input[type="number"] {position:relative; width:67px} #mybook_content .orderas_frm .orderas_write table tr td input[type="number"]:first-child {width:53px} #mybook_content .orderas_frm .kcomment {padding:12px 10px 14px} #mybook_content .orderas_frm .kcomment .kcmt_list {font-size:11px; color:#727272} #mybook_content .orderas_frm .kcomment .kcmt_list li {position:relative; margin-top:6px; padding-left:7px} #mybook_content .orderas_frm .kcomment .kcmt_list li:first-child {margin-top:0} #mybook_content .orderas_frm .kcomment .kcmt_list li::before {position:absolute; top:2px; left:0; content:'*'} #mybook_content .orderas_frm .kcomment .kcmt_list li.strong {color:#e70f0f} /* 반품교환내역 */ #mybook_content p.invoice_num {position:relative; width:100%; margin-bottom:10px; padding-left:144px; box-sizing:border-box} #mybook_content p.invoice_num input {display:block; position:absolute; top:0; left:0; width:120px; height:16px; padding:7px 0 9px 12px; border:1px solid #c0c0c0; border-radius:4px} #mybook_content p.invoice_num select {width:100%} /* 최소 알림 */ #mybook_content p.cancel_alim {margin-bottom:15px; padding:14px 0; background:#F00; font-size:15px; font-weight:bold; text-align:center; color:#fff} /* 경고 알림 */ #mybook_content p.warning_alim {margin:0 10px 18px; padding:10px 12px; border:1px solid #C7C7C7; border-radius:6px; background-color:#F0F0F0; font-size:12px; color:#4C4C51; text-align:center; line-height:140%; letter-spacing:-1px} #mybook_content p.warning_alim strong {font-weight:normal; color:#F00} /* 계좌 및 입금정보 관련 */ #mybook_content .approval_cancellation {padding:12px 10px 14px; border-top:1px solid #8F8F8F; background:#F2F2F2} #mybook_content .approval_cancellation h4 {padding:14px 0 10px; font-size:13px; font-weight:bold; color:#313334} #mybook_content .approval_cancellation h4:first-child {padding-top:0} #mybook_content .approval_cancellation p.account_summary {padding:11px 13px; border:1px solid #BBB; border-radius:6px; background:#fff; font-size:14px; font-weight:bold; color:#585858} #mybook_content .approval_cancellation p.account_summary strong {color:#333} #mybook_content .approval_cancellation .account_detail {padding:16px 13px; border:1px solid #BBB; border-radius:6px; background:#fff} #mybook_content .approval_cancellation .account_detail h5 {margin:14px 0 11px; font-size:12px; color:#313334; line-height:1} #mybook_content .approval_cancellation .account_detail h5:first-child {margin-top:0} #mybook_content .approval_cancellation .account_detail h5+.view_info {margin-top:0} #mybook_content .approval_cancellation .view_info {overflow:hidden; margin:16px 0 10px; border:1px solid #BBB; border-radius:6px} #mybook_content .approval_cancellation .view_info:first-child {margin-top:0} #mybook_content .approval_cancellation .view_info table {width:100%; table-layout:fixed} #mybook_content .approval_cancellation .view_info table tbody tr th, #mybook_content .approval_cancellation .view_info table tbody tr td {padding:11px 12px; border-top:1px solid #BBB; font-size:12px; line-height:140%} #mybook_content .approval_cancellation .view_info table tbody tr:first-child th, #mybook_content .approval_cancellation .view_info table tbody tr:first-child td {border-top:0} #mybook_content .approval_cancellation .view_info table tbody tr th {text-align:left; color:#585858} #mybook_content .approval_cancellation .view_info table tbody tr td {text-align:right; color:#3EB900} #mybook_content .approval_cancellation p.check_info {margin-bottom:10px; font-size:12px; color:#333} #mybook_content .approval_cancellation p.check_info span.ckbox {margin-right:7px} #mybook_content .approval_cancellation p.check_info span.ckbox input[type="checkbox"], #mybook_content .approval_cancellation p.check_info span.ckbox input[type="radio"] {position:relative; top:-1px; vertical-align:middle} #mybook_content .approval_cancellation .write_info {overflow:hidden; border-radius:4px; border-width:1px 0; border-style:solid; border-color:#BBB} #mybook_content .approval_cancellation .write_info table {width:100%; margin:-1px 0; table-layout:fixed} #mybook_content .approval_cancellation .write_info table tbody th, #mybook_content .approval_cancellation .write_info table tbody td {padding:12px 0; border-width:1px; border-style:solid; border-color:#BBB} #mybook_content .approval_cancellation .write_info table tbody th {background:#848484; font-size:11px; text-align:center; color:#fff} #mybook_content .approval_cancellation .write_info table tbody td {padding:12px; background:#fff; font-size:12px; text-align:left} #mybook_content .approval_cancellation .write_info table tbody td strong.warning {color:#f00} #mybook_content .approval_cancellation .write_info table tbody td input[type="radio"], #mybook_content .approval_cancellation .write_info table tbody td input[type="checkbox"] {position:relative; top:-2px; margin-right:3px; vertical-align:middle} #mybook_content .approval_cancellation .write_info table tbody td a img {width:auto; height:32px; vertical-align:middle} #mybook_content .approval_cancellation .btn_invnum {text-align:center; margin:12px 0} #mybook_content .approval_cancellation .btn_invnum img {height:32px; vertical-align:middle} /* 결제정보 */ #mybook_content .payment_info {padding:12px 10px 14px} #mybook_content .payment_info ul {overflow:hidden; margin-bottom:12px; border-radius:6px; border:1px solid #D9D9D9} #mybook_content .payment_info ul li {overflow:hidden; padding:12px; border-bottom:1px solid #EBEBEB; font-size:14px; line-height:130%} #mybook_content .payment_info ul li.total {border:1px solid #fff; border-radius:0 0 4px 4px; background-color:#E6E6E7} #mybook_content .payment_info ul li span {font-weight:bold; color:#333} #mybook_content .payment_info ul li.sale span {font-weight:normal; color:#929CA8} #mybook_content .payment_info ul li span.category {float:left} #mybook_content .payment_info ul li span.pay {float:right} #mybook_content .payment_info ul li.total span.pay {color:#3EB900} #mybook_content .payment_info .btn_set {text-align:center; line-height:1} #mybook_content .payment_info .btn_set a img {width:auto; height:35px; vertical-align:middle} /* 배송정보 입력 폼 */ #mybook_content .delivery_info_write {overflow:hidden; padding:12px 10px 14px} #mybook_content .delivery_info_write table {width:100%; table-layout:fixed} #mybook_content .delivery_info_write table tbody tr th, #mybook_content .delivery_info_write table tbody tr td {padding:4px 0; font-size:14px; color:#333; text-align:left; line-height:130%; vertical-align:middle} #mybook_content .delivery_info_write table tbody tr th {font-size:11px; color:#585858} #mybook_content .delivery_info_write table tbody tr td {letter-spacing:-1px} #mybook_content .delivery_info_write table tbody tr td img {width:auto; height:34px; vertical-align:middle} #mybook_content .delivery_info_write table tbody tr td a.btn_info {display:block; padding:7px 0 9px 0; border:1px solid #D4D4D4; border-radius:4px; background-color:#F2F2F2; text-align:center; color:#7B818D} #mybook_content .delivery_info_write table.add_inquiry tbody tr td {font-size:12px} /* 송장 정보 입력 폼 */ #mybook_content .del_invoice {padding:10px; margin-bottom:12px; border:1px solid #bbb; border-radius:6px; background-color:#fff; font-size:14px; font-weight:bold; text-align:center} #mybook_content .del_invoice p {margin:10px 0 0} #mybook_content .del_invoice p:first-child {margin-top:0} #mybook_content .del_invoice select, #mybook_content .del_invoice input[type="text"], #mybook_content .del_invoice input[type="tel"], #mybook_content .del_invoice input[type="number"] {width:100%} #mybook_content .del_invoice .btn_set {margin-top:12px; text-align:center} #mybook_content .del_invoice .btn_set a img {height:35px; vertical-align:bottom} /* 배송 불가 시 처리방법 */ #mybook_content .delivery_info_write table tbody tr td .select_table {overflow:hidden; margin-bottom:10px; border-radius:4px; border-width:1px 0; border-style:solid; border-color:#BBB} #mybook_content .delivery_info_write table tbody tr td .select_table table {width:100%; margin:-1px 0; table-layout:fixed} #mybook_content .delivery_info_write table tbody tr td .select_table table thead th, #mybook_content .delivery_info_write table tbody tr td .select_table table tbody td {padding:12px 0; border-width:1px; border-style:solid; border-color:#BBB; text-align:center} #mybook_content .delivery_info_write table tbody tr td .select_table table thead th {background:#848484; font-size:11px; color:#fff} #mybook_content .delivery_info_write table tbody tr td .select_table table tbody td {background:#fff; font-size:12px; color:#585858} #mybook_content .delivery_info_write table tbody tr td .select_table table tbody td strong.warning {color:#f00} /*기프트북 **************************************************************************/ /*쿠폰*/ #mybook_content .coupon_frm {width:100%; background:#fff} #mybook_content .coupon_frm .btn_coupon {margin:13px 0 0; text-align:center} #mybook_content .coupon_frm h3 {padding:10px; border-top:1px solid #767679; border-bottom:1px solid #29292b; background:#4c4c51; font-size:14px; font-weight:bold; color:#ebebeb} #mybook_content .coupon_frm h3 span {color:#3eb900} #mybook_content .coupon_list {padding:12px 10px 20px} #mybook_content .coupon_list ul {width:100%} #mybook_content .coupon_list ul li {margin-bottom:20px} #mybook_content .coupon_list ul li:last-child {margin-bottom:0} #mybook_content .coupon_list ul li .coupon_info {border:1px solid #bbb; border-radius:5px; background:#f9f9f9} #mybook_content .coupon_list ul li .coupon_info .name {padding:14px 0 10px 53px; border-bottom:1px solid #dfdfdf; background:url('//img.1300k.com/mobile/mybook/2015/ico_coupon.png') no-repeat 14px 16px; background-size:31px 18px; font-size:15px; font-weight:bold; color:#333} #mybook_content .coupon_list ul li .coupon_info .desc {padding:15px 13px; border-bottom:1px solid #c5c5c5} #mybook_content .coupon_list ul li .coupon_info .desc p {overflow:hidden; font-size:14px; color:#737b86} #mybook_content .coupon_list ul li .coupon_info .date {overflow:hidden; padding:10px 13px 14px; border-top:1px solid #fff; background:#e6e6e7; font-size:15px; font-weight:bold; color:#333} #mybook_content .coupon_list ul li .coupon_info p span {float:left; width:70%; font-size:13px; text-align:left; color:#737b86} #mybook_content .coupon_list ul li .coupon_info p span:first-child {display:inline-block; float:left; width:25%; text-align:center; color:#333} #mybook_content .coupon_list ul li .btn_coupon a {display:block; width:107px; height:32px; margin:0 auto} #mybook_content .coupon_empty {padding:42px 0 38px; font-size:13px; text-align:center; color:#666} #mybook_content .coupon_notice {padding:13px 10px; border-top:1px solid #b2b2b2; background:#ededed} #mybook_content .coupon_notice li {font-size:12px; color:#545454; line-height:19px} #mybook_content .coupon_regist {padding:12px 10px 20px} #mybook_content .coupon_regist p.regist_info {margin-bottom:12px; font-size:12px; color:#545454} #mybook_content .coupon_regist ul {border-radius:5px; border:1px solid #bbb; background:#f9f9f9} #mybook_content .coupon_regist ul li {padding:13px; border-bottom:1px solid #dfdfdf; text-align:center} #mybook_content .coupon_regist ul li:last-child {border-bottom:0} #mybook_content .coupon_regist ul li label {font-size:15px; font-weight:bold; color:#333} #mybook_content .coupon_regist ul li p {width:100%; padding:12px 0 0} #mybook_content .coupon_regist ul li p input {width:18%; padding:8px !important} #mybook_content .coupon_regist ul li p span {display:inline-block; width:4%; font-size:15px; font-weight:bold; color:#a7a8ad; line-height:34px} #mybook_content .coupon_regist ul li .btn_coupon a {display:block; width:153px; height:35px; margin:0 auto} /*마일리지, 색연필*/ #mybook_content .mileage_frm, #mybook_content .colorpen_frm {width:100%; background:#fff} #mybook_content .mileage_frm p.mileage_total, #mybook_content .colorpen_frm p.colorpen_total {width:100%; padding:13px 10px; border-bottom:1px solid #b2b2b2; font-size:14px; color:#1f1f21} #mybook_content .mileage_frm p.mileage_total span {font-weight:bold; color:#3eb900} #mybook_content .mileage_frm p.extinct {width:100%; padding:13px 10px; border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2; background:#3eb900; font-size:14px; font-weight:bold; color:#fff; text-shadow:2px 3px 3px #2da700} #mybook_content .mileage_frm p.extinct span {display:inline-block; position:relative; margin-right:10px; padding-right:10px} #mybook_content .mileage_frm p.extinct span:after {display:block; position:absolute; bottom:1px; right:0; width:1px; height:14px; background:#fff; content:""} #mybook_content .mileage_frm .mileage_list, #mybook_content .colorpen_frm .colorpen_list {padding:12px 10px 0 10px; border-top:1px solid #d4d4d4; background-color:#fff} #mybook_content .mileage_frm .mileage_list select, #mybook_content .colorpen_frm .colorpen_list select {width:100%; margin-bottom:10px} #mybook_content .mileage_frm .mileage_list h3, #mybook_content .colorpen_frm .colorpen_list h3 {margin-bottom:10px; font-size:15px; color:#333232} /*색연필*/ #mybook_content .colorpen_frm p.colorpen_total span {font-weight:bold; color:#f28a0c} #mybook_content .colorpen_frm p.extinct {width:100%; padding:13px 10px; border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2; background:#f28a0c; font-size:14px; font-weight:bold; color:#fff; text-shadow:2px 3px 3px #ec6b07} #mybook_content .colorpen_frm .btn_colorpen_pc {padding:15px 10px; border-top:1px solid #cfcfcf; background:#ededed; text-align:center} #mybook_content .colorpen_frm .btn_colorpen_pc p {margin-bottom:10px; font-size:13px; color:#545454} #mybook_content .colorpen_frm .btn_colorpen_pc a img {vertical-align:middle} /*포인트*/ #mybook_content .point_frm {background:#fff} #mybook_content .point_frm .point_total {padding:20px 0 30px; border-bottom:1px solid #b2b2b2; text-align:center} #mybook_content .point_frm .point_total img {vertical-align:top} #mybook_content .point_frm .point_total .txt_point {margin:10px 0 5px; font-size:20px; font-weight:bold; color:#4d545f; line-height:22px; letter-spacing:-1px} #mybook_content .point_frm .point_total .num_point {font-family:'Arial'; font-weight:bold; font-size:40px; color:#ff1313} #mybook_content .point_frm .point_total .btn_point_all {display:block; width:290px; height:63px; margin:10px auto; background:#fa2828; font-size:18px; color:#fff; line-height:63px; text-align:center; letter-spacing:-1px} #mybook_content .point_frm .point_total .point_info {font-size:11px; color:#b1b1b1} #mybook_content .point_frm .mybook_basic_list {background:#ededed; border-top:1px solid #ddd} #mybook_content .point_frm .point_change {border-bottom:1px solid #b2b2b2} #mybook_content .point_frm .point_change h3 {padding:10px; border-top:1px solid #767679; border-bottom:1px solid #29292b; background:#4d545f; font-size:14px; font-weight:bold; color:#ebebeb} #mybook_content .point_frm .point_change .change_box {margin-top:25px} #mybook_content .point_frm .point_change .change_box .point_mileage {padding-bottom:18px; background:#fff; text-align:center} #mybook_content .point_frm .point_change .change_box .point_mileage strong {display:block; font-size:20px; color:#57b01f} #mybook_content .point_frm .point_change .change_box .point_mileage .num_point {display:block; width:290px; height:52px; margin:12px auto; border:1px solid #e0e0e0; background:#fff; font-family:'Arial'; font-size:24px; font-weight:bold; color:#3c4759; line-height:52px; box-sizing:border-box} #mybook_content .point_frm .point_change .change_box .point_payco {position:relative; padding:18px 0 30px; background:#f6f6f7; text-align:center} #mybook_content .point_frm .point_change .change_box .point_payco .change_arrow {display:block; position:absolute; top:-18px; left:50%; width:33px; height:33px; margin-left:-16px} #mybook_content .point_frm .point_change .change_box .point_payco .num_point {display:block; width:290px; height:52px; margin:12px auto; border:1px solid #e0e0e0; background:#fff; box-sizing:border-box} #mybook_content .point_frm .point_change .change_box .point_payco .num_point input[type="text"] {display:block; width:288px; height:48px; border:none; font-family:'Arial'; font-size:24px; font-weight:bold; color:#fa2828; text-align:center; line-height:24px} #mybook_content .point_frm .point_change .change_box .point_payco .change_step1 {padding-top:12px} #mybook_content .point_frm .point_change .change_box .point_payco .change_step1 a.btn_change {display:block; width:290px; height:63px; margin:0 auto; background:#fa2828; font-size:18px; color:#fff; line-height:63px} #mybook_content .point_frm .point_change .change_box .point_payco .change_step2 a {display:block; width:290px; height:63px; margin:0 auto; background:#fa2828; font-size:18px; color:#fff; line-height:63px} /*멤버십카드*/ #mybook_content .membershipcard_frm {background:#fff} #mybook_content .membershipcard_frm .membershipcard_img_box {padding:13px 10px; text-align:center} #mybook_content .membershipcard_frm .membershipcard_img_box .card_info {overflow:hidden; position:relative; height:64px; padding:13px; border-top-left-radius:5px; border-top-right-radius:5px; border:1px solid #c5c5c5; border-bottom:0; background:#e6e6e7} #mybook_content .membershipcard_frm .membershipcard_img_box .card_info img {position:absolute; top:13px; left:13px} #mybook_content .membershipcard_frm .membershipcard_img_box .card_info p {overflow:hidden; padding-left:125px; font-size:13px; color:#737b86} #mybook_content .membershipcard_frm .membershipcard_img_box .card_info span:nth-child(odd) {float:left; color:#333} #mybook_content .membershipcard_frm .membershipcard_img_box .card_info span:nth-child(even) {float:right} #mybook_content .membershipcard_frm .membershipcard_img_box .card_img {position:relative; margin-bottom:13px; padding:22px 0; border:1px solid #c5c5c5; border-bottom-left-radius:5px; border-bottom-right-radius:5px; text-align:center} #mybook_content .membershipcard_frm .membershipcard_img_box .card_img a {position:absolute; top:10px; right:15px} #mybook_content .membershipcard_frm .membershipcard_img_box .card_img p {font-size:13px; font-weight:bold; color:#9798a0; line-height:122px} #mybook_content .membershipcard_frm .membershipcard_img_box .btn_store_view a img {vertical-align:middle} #mybook_content .membershipcard_frm .membershipcard_issue {padding:15px 10px; border-top:1px solid #b2b2b2; border-bottom:1px solid #cacaca; background:#ededed; text-align:center} #mybook_content .membershipcard_frm .membershipcard_issue a {display:block; width:auto; height:35px} #mybook_content .membershipcard_frm .membershipcard_issue a:first-child {margin-bottom:10px} #mybook_content .membershipcard_frm ul.mybook_basic_list {padding:10px 15px} /*멤버십카드-등록하기*/ #mybook_content .register_info {padding:15px 10px} #mybook_content .register_info p {font-size:12px; color:#979797} #mybook_content .membershipcard_frm .card_register_box {padding:12px 10px; border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2; background:#ededed} #mybook_content .membershipcard_frm .card_register_box select, #mybook_content .membershipcard_frm .card_register_box input, #mybook_content .membershipcard_frm .card_register_box textarea {width:100%} #mybook_content .membershipcard_frm .card_register_box input {margin:10px 0} /*이벤트 참여내역*/ #mybook_content .event_list_box {padding:10px 10px 5px; border-top:1px solid #cacaca; background:#fff} #mybook_content .event_list_box ul li {margin-bottom:10px} #mybook_content .event_list_box ul li div.event_title {position:relative; height:56px; padding:10px 95px 10px 10px; border-top-left-radius:5px; border-top-right-radius:5px; background-color:#5e5e5e; box-sizing:border-box} #mybook_content .event_list_box ul li div.event_title p.event_subject {overflow:hidden; height:36px; font-size:14px; font-weight:bold; color:#fff; text-shadow:0px -1px 0px #26262c} #mybook_content .event_list_box ul li div.event_title p.event_situation {position:absolute; top:0; right:0; min-width:41px; padding:19px 12px; border-top-right-radius:5px; font-size:14px; font-weight:bold; text-align:center; color:#fff} #mybook_content .event_list_box ul li div.event_title p.event_situation.event_end {background:#474747; color:#adadad} #mybook_content .event_list_box ul li div.event_title p.event_situation.event_ongoing {background:#3eb900; color:#fff} #mybook_content .event_list_box ul li ul.event_info {overflow:hidden; position:relative; padding:10px; border:1px solid #bbb; border-bottom-left-radius:5px; border-bottom-right-radius:5px} #mybook_content .event_list_box ul li ul.event_info li {overflow:hidden; width:auto; margin-bottom:12px} #mybook_content .event_list_box ul li ul.event_info li.last {margin-bottom:0} #mybook_content .event_list_box ul li ul.event_info li span:first-child {display:inline-block; width:20%; font-size:15px; color:#474747} #mybook_content .event_list_box ul li ul.event_info li span {display:inline-block; float:left; width:70%; color:#737b86} #mybook_content .event_list_box ul li ul.event_info a.notice_check {position:absolute; bottom:5px; right:70px} /*찜북 **********************************************************************/ /* 찜북 공용 */ #mybook_content .favor_frm section, #mybook_content .favor_frm div, #mybook_content .favor_frm h2, #mybook_content .favor_frm span, #mybook_content .favor_frm a, #mybook_content .favor_frm table, #mybook_content .favor_frm th, #mybook_content .favor_frm td, #mybook_content .favor_frm textarea {font-family:'Noto Sans KR', 'Malgun Gothic', Dotum} #mybook_content .favor_frm .number {font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum} #mybook_content .favor_frm .eng {font-family:'Roboto','Noto Sans KR', 'Malgun Gothic', Dotum} #mybook_content .favor_frm .wish_tab {display:table; width:100%; table-layout:fixed} #mybook_content .favor_frm .wish_tab li {display:table-cell; position:relative; width:33.3333%; height:45px} #mybook_content .favor_frm .wish_tab li:after {display:block; position:absolute; bottom:0; left:0; right:0; height:1px; background:#d2d2d2; content:''} #mybook_content .favor_frm .wish_tab li:first-child {border-left:0} #mybook_content .favor_frm .wish_tab li.on:after {display:block; position:absolute; bottom:0; left:0; right:0; height:2px; background:#1ed25f; content:''} #mybook_content .favor_frm .wish_tab li a {display:block; width:100%; height:100%; background:#fff; line-height:45px; font-size:14px; color:#777; text-align:center} #mybook_content .favor_frm .wish_tab li.on a {color:#1ed25f} #mybook_content .favor_frm .wish_opt {width:auto; padding:15px; border-bottom:1px solid #f2f2f2; background-color:#fff} #mybook_content .favor_frm .wish_opt .desc {display:inline-block; position:relative; width:auto; padding-left:6px; font-size:12px; color:#666} #mybook_content .favor_frm .wish_opt .desc:before {display:block; position:absolute; top:7px; left:0; width:2px; height:2px; background:#666; content:''} #mybook_content .favor_frm .wish_opt .proc_box {overflow:hidden; padding-top:15px} #mybook_content .favor_frm .wish_opt .proc_box .sel_blk {float:left; height:28px} #mybook_content .favor_frm .wish_opt .proc_box .sel_blk .input_btn {margin-top:5px} #mybook_content .favor_frm .wish_opt .proc_box .btn_blk {float:right; height:28px} #mybook_content .favor_frm .wish_opt .proc_box .btn_blk a {display:inline-block; height:26px; padding:0 10px; margin-left:6px; border:1px solid #e5e5e5; border-radius:13px; font-size:12px; line-height:28px} #mybook_content .favor_frm .wish_opt .proc_box .btn_blk a.cart {border:1px solid #444; color:#444} #mybook_content .favor_frm .wish_opt.no_filter {margin-top:15px} #mybook_content .favor_frm .tpl_pagination {background:#f2f2f2; padding:10px 0 15px} #mybook_content .favor_frm .tpl_pagination .paging {background:#f2f2f2} /* 상품찜 - 2018 */ #mybook_content .favor_frm .prod_favor .prod_filter {width:auto; padding:15px} #mybook_content .favor_frm .prod_favor .prod_filter .prod_group {position:relative; width:auto; margin-bottom:8px; padding-right:80px} #mybook_content .favor_frm .prod_favor .prod_filter .prod_group .btn_group {display:block; position:absolute; top:0; right:0; width:70px; height:34px; background:#1ed25f; font-size:13px; color:#fff; text-align:center; line-height:34px} #mybook_content .favor_frm .prod_favor .prod_filter .sel_blk {position:relative} #mybook_content .favor_frm .prod_favor .prod_filter .sel_blk:after {position:absolute; top:15px; right:10px; width:13px; height:7px; background:url('//img.1300k.com/mobile/common/2018/ico_select_arrow.png') no-repeat; background-size:13px auto; content:''} #mybook_content .favor_frm .prod_favor .prod_filter .sel_blk select {display:block; position:relative; width:100%; height:34px; padding:0 0 0 10px; border:none; border-radius:0; background:#fff; font-size:14px; color:#333; line-height:1; outline:none; -webkit-appearance:none} #mybook_content .favor_frm .prod_favor .pdt_list_wrap .gds_list li {padding:15px 15px 15px 177px} #mybook_content .favor_frm .prod_favor .pdt_list_wrap .gds_list li .img_thumb {left:42px} #mybook_content .favor_frm .prod_favor .pdt_list_wrap .gds_list li .sel_box {display:inline-block; position:absolute; top:15px; left:15px; width:27px} #mybook_content .favor_frm .prod_favor .pdt_list_wrap .gds_list li .sel_box label {overflow:hidden; width:0px} #mybook_content .favor_frm .prod_favor .pdt_list_wrap .gds_list li .gds_desc .etc .option {height:18px; margin-right:5px; padding:0 7px; font-size:10px; color:#fff; line-height:18px; text-align:center; border-radius:8px; background-color:#69a1e4} #mybook_content .favor_frm .prod_favor .pdt_list_wrap .gds_list li .gds_desc .etc .soldout {height:18px; margin-right:5px; padding:0 7px; font-size:10px; color:#fff; line-height:18px; text-align:center; border-radius:8px; background-color:#717171} #mybook_content .favor_frm .prod_favor .pdt_list_wrap .gds_list li .btn_del {display:inline-block; position:absolute; top:9px; right:9px; overflow:hidden; width:30px; height:30px; background:url('//img.1300k.com/mobile/common/2018/btn_del.png') no-repeat 50% 50%; background-size:12px 12px; text-indent:-20000px; z-index:5} #mybook_content .favor_frm .prod_favor .pdt_list_wrap .gds_list li.no_item {padding:180px 0; background:url('//img.1300k.com/mobile/common/2018/ico_no_favor_prod.png') center 135px no-repeat #fff; background-size: 35px auto} #mybook_content .favor_frm .prod_favor .pdt_list_wrap .gds_list li.no_item p {font-size:13px; color:#999; line-height:16px} /* 카테고리찜 - 2018 */ #mybook_content .favor_frm .cate_favor {width:100%; background-color:#fff} #mybook_content .favor_frm .cate_favor ul li {position:relative; padding:15px; border-bottom:1px solid #f2f2f2} #mybook_content .favor_frm .cate_favor ul li strong {display:block; overflow:hidden; padding-bottom:5px; padding-right:30px; color:#333; font-size:15px; line-height:25px; white-space:nowrap; text-overflow:ellipsis} #mybook_content .favor_frm .cate_favor ul li span {display:block; overflow:hidden; color:#999; font-size:13px; line-height:16px; white-space:nowrap; text-overflow:ellipsis} #mybook_content .favor_frm .cate_favor ul li span em {padding:0 8px} #mybook_content .favor_frm .cate_favor ul li .btn_del {display:block; position:absolute; top:13px; right:9px; overflow:hidden; width:30px; height:30px; background:url('//img.1300k.com/mobile/common/2018/btn_del.png') no-repeat 50% 50%; background-size:12px 12px; text-indent:-20000px; z-index:5} #mybook_content .favor_frm .cate_favor ul li.no_item {padding:180px 0; background:url('//img.1300k.com/mobile/common/2018/ico_no_favor_cate.png') center 140px no-repeat #fff; background-size: 31px auto} #mybook_content .favor_frm .cate_favor ul li.no_item p {font-size:13px; color:#999; text-align:center; line-height:16px} /* 브랜드찜 - 2018 */ #mybook_content .favor_frm .brand_favor {width:100%; background-color:#fff} #mybook_content .favor_frm .brand_favor ul li {position:relative; padding:15px 15px 15px 100px; border-bottom:1px solid #f2f2f2} #mybook_content .favor_frm .brand_favor ul li img {position:absolute; top:15px; left:15px} #mybook_content .favor_frm .brand_favor ul li strong {display:block; overflow:hidden; padding-top:12px; color:#333; font-size:15px; line-height:25px; white-space:nowrap; text-overflow:ellipsis} #mybook_content .favor_frm .brand_favor ul li span {display:block; overflow:hidden; padding-bottom:10px; color:#999; font-size:13px; line-height:23px; white-space:nowrap; text-overflow:ellipsis} #mybook_content .favor_frm .brand_favor ul li .btn_del {display:block; position:absolute; top:9px; right:9px; overflow:hidden; width:30px; height:30px; background:url('//img.1300k.com/mobile/common/2018/btn_del.png') no-repeat 50% 50%; background-size:12px 12px; text-indent:-20000px; z-index:5} #mybook_content .favor_frm .brand_favor ul li.no_item {padding:180px 0; background:url('//img.1300k.com/mobile/common/2018/ico_no_favor_brand.png') center 135px no-repeat #fff; background-size: 33px auto} #mybook_content .favor_frm .brand_favor ul li.no_item p {font-size:13px; color:#999; text-align:center; line-height:16px} /*찜상품*/ #mybook_content .wishlist_frm .wish_group_box {position:relative; padding:13px 85px 13px 10px; background:#fff} #mybook_content .wishlist_frm .wish_group_box select {width:100%} #mybook_content .wishlist_frm .wish_group_box a {position:absolute; right:13px; bottom:10px} #mybook_content .mybook_goods_list.check_goods_list .goods_summary {padding:0 0 10px 120px !important} #mybook_content .mybook_goods_list.check_goods_list .goods_summary a.goods_img {left:45px !important} #mybook_content .mybook_goods_list.check_goods_list .goods_summary div {width:85%} #mybook_content .mybook_goods_list.check_goods_list .goods_summary div p.status_wrap {overflow:hidden} #mybook_content .mybook_goods_list.check_goods_list .goods_summary div p span.ico_status:first-child {margin-left:0} #mybook_content .mybook_goods_list.check_goods_list .goods_summary div p span.ico_status {display:block; float:left; margin:4px 0 4px 2px} #mybook_content .mybook_goods_list.check_goods_list .goods_summary div span.ico_buyonly {width:68px; height:19px; background:url('//img.1300k.com/mobile/mybook/2015/ico_buyonly.png') no-repeat} #mybook_content .mybook_goods_list.check_goods_list .goods_summary div span.ico_pconly {width:64px; height:19px; background:url('//img.1300k.com/mobile/mybook/2015/ico_pconly.png') no-repeat} #mybook_content .mybook_goods_list.check_goods_list .goods_summary div span.ico_stopsale {width:69px; height:19px; background:url('//img.1300k.com/mobile/mybook/2015/ico_stopsale.png') no-repeat} #mybook_content .mybook_goods_list.check_goods_list .goods_summary div span.ico_outstock {width:52px; height:19px; background:url('//img.1300k.com/mobile/mybook/2015/ico_outstock.png') no-repeat} #mybook_content .mybook_goods_list.check_goods_list .goods_summary div span.ico_option {width:64px; height:19px; background:url('//img.1300k.com/mobile/mybook/2015/ico_option.png') no-repeat} #mybook_content .mybook_goods_list.check_goods_list .goods_summary div p.attention {padding-left:20px; background:url('//img.1300k.com/mobile/mybook/2015/ico_attention.png') no-repeat; font-size:11px; font-weight:bold; color:#f00; line-height:17px} #mybook_content .mybook_goods_list.check_goods_list ul li .clsCheckBox {position:absolute; top:14px; left:14px} /*찜상품-그룹관리*/ #mybook_content .wishgroup_frm {background:#fff} #mybook_content .wishgroup_frm .add_group_box {position:relative; padding:15px 80px 15px 10px; border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2; background:#ededed} #mybook_content .wishgroup_frm .add_group_box p {margin-bottom:10px; font-size:13px; font-weight:bold; color:#333} #mybook_content .wishgroup_frm .add_group_box input[type="text"] {width:100%} #mybook_content .wishgroup_frm .add_group_box a {display:inline-block; position:absolute; bottom:16px; right:10px; width:63px; height:32px} #mybook_content .wishgroup_frm .group_list_box {padding:15px 10px 0 10px} #mybook_content .wishgroup_frm .group_list_box ul {border:1px solid #bbb; border-radius:5px; background:#f9f9f9} #mybook_content .wishgroup_frm .group_list_box ul li {overflow:hidden; padding:10px 12px; border-bottom:1px solid #bbb} #mybook_content .wishgroup_frm .group_list_box ul li:last-child {border-bottom:0} #mybook_content .wishgroup_frm .group_list_box ul li span {float:left; font-size:13px; font-weight:bold; color:#333; line-height:25px} #mybook_content .wishgroup_frm .group_list_box ul li span.basic {margin-left:5px; font-weight:normal; color:#3eb900} #mybook_content .wishgroup_frm .group_list_box ul li span.open {margin-left:5px; font-weight:normal; color:#f00} #mybook_content .wishgroup_frm .group_list_box ul li div {float:right} #mybook_content .wishgroup_frm .group_list_box ul li input[type="radio"] {float:left; margin:5px 10px 0 0} #mybook_content .wishgroup_frm .group_list_box ul li.group_name_modify {position:relative; padding:10px 118px 10px 12px} #mybook_content .wishgroup_frm .group_list_box ul li.group_name_modify input[type="text"] {width:100%} #mybook_content .wishgroup_frm .group_list_box ul li.group_name_modify div {position:absolute; top:14px; right:12px} /*그룹이동*/ #mybook_content .wishgroup_frm .groupmove_info {padding:15px 10px; text-align:center} #mybook_content .wishgroup_frm .groupmove_info p {font-size:13px; color:#333} #mybook_content .wishgroup_frm .group_select {padding:15px 10px; border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2; background:#ededed} #mybook_content .wishgroup_frm .group_select select {width:100%} /*스토리북 ****************************************************/ /* 상품 QnA */ #mybook_content .goods_qna_list ul {padding:10px 10px 0; background-color:#fff} #mybook_content .goods_qna_list ul li {position:relative; margin-top:10px; padding:12px 12px 12px 100px; border:1px solid #bbb; border-radius:6px} #mybook_content .goods_qna_list ul li:first-child {margin-top:0} #mybook_content .goods_qna_list ul li a.goods_img {position:absolute; top:12px; left:12px; width:74px; height:74px; border:1px solid #A5AA9E} #mybook_content .goods_qna_list ul li a.goods_img img {width:74px; height:74px} #mybook_content .goods_qna_list ul li p.brand {margin-right:27px; font-size:11px; line-height:140%} #mybook_content .goods_qna_list ul li p.brand a {color:#888} #mybook_content .goods_qna_list ul li p.goods {height:34px; margin:0 27px 8px 0; font-size:13px; line-height:130%} #mybook_content .goods_qna_list ul li p.goods a {color:#666} #mybook_content .goods_qna_list ul li .btn_qna {padding-bottom:1px; background-repeat:no-repeat; background-position:left top; background-size:66px 23px; text-align:right} #mybook_content .goods_qna_list ul li .btn_qna a {display:inline-block; width:70px; height:22px} #mybook_content .goods_qna_list ul li .btn_qna a img {vertical-align:top} #mybook_content .goods_qna_list ul li.complate .btn_qna {background-image:url('//img.1300k.com/mobile/mybook/2015/btn_answer_on.png')} #mybook_content .goods_qna_list ul li.ready .btn_qna {background-image:url('//img.1300k.com/mobile/mybook/2015/btn_answer_off.png')} #mybook_content .goods_qna_list ul li .btn_qna a img {width:70px; height:22px} #mybook_content .goods_qna_list ul li a.btn_close {position:absolute; top:12px; right:12px; width:18px; height:18px; outline:none} #mybook_content .goods_qna_list ul li a.btn_close img {width:18px; height:auto} #mybook_content .goods_qna_list ul li .btn_qna a.qna_secret {padding-left:20px; background:url('//img.1300k.com/mobile/mybook/2015/ico_secret.png') no-repeat 0 center; background-size:13px 16px} /* 상품 QnA 상세 */ #mybook_content .goods_qna_detail {padding:15px 10px} #mybook_content .goods_qna_detail h4 {margin-bottom:13px; font-size:14px; font-weight:bold; color:#333} #mybook_content .goods_qna_detail dl {border:1px solid #A7A8AD; border-radius:6px; background:#fff} #mybook_content .goods_qna_detail dt, #mybook_content .goods_qna_detail dd {padding:12px 12px 12px 44px; border-top:1px dashed #C4C4C4; background-repeat:no-repeat; background-position:12px 11px; background-size:20px 21px; font-size: 12px; font-weight:bold; color:#787878} #mybook_content .goods_qna_detail dt:first-child, #mybook_content .goods_qna_detail dd:first-child {border-top:0} #mybook_content .goods_qna_detail dt time, #mybook_content .goods_qna_detail dd time {display:block; margin-bottom:4px; font-size:11px; font-weight:normal; color:#888} #mybook_content .goods_qna_detail dt.question {background-image: url('//img.1300k.com/mobile/mybook/2015/ico_q.png')} #mybook_content .goods_qna_detail dd.answer_ready {background-image: url('//img.1300k.com/mobile/mybook/2015/ico_a_off.png')} #mybook_content .goods_qna_detail dd.answer_complate {background-image: url('//img.1300k.com/mobile/mybook/2015/ico_a_on.png')} /*상품후기*/ #mybook_content .review_list_frm .review_tab {overflow:hidden} #mybook_content .review_list_frm .review_tab li {float:left; width:50%; border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; background:#fff; text-align:center; box-sizing:border-box} #mybook_content .review_list_frm .review_tab li a {display:block; width:100%; padding:10px 0; font-size:12px; font-weight:bold; color:#9da0ad} #mybook_content .review_list_frm .review_tab li.on {border-top:1px solid #656565; border-bottom:1px solid #656565; border-right:1px solid #656565; background:#84878b} #mybook_content .review_list_frm .review_tab li.on a {color:#fff} #mybook_content .review_list_frm .mybook_goods_list ul li .goods_summary p.goods_detail {overflow:hidden; width:100%; margin-top:8px} #mybook_content .review_list_frm .mybook_goods_list ul li .goods_summary p.goods_detail span {float:right; font-size:13px; font-weight:normal; color:#2c2c2d; letter-spacing:-1px} #mybook_content .review_list_frm .mybook_goods_list ul li .goods_summary p.goods_detail span:first-child {float:left} /*상품후기작성*/ #mybook_content .review_list_frm .mybook_goods_list.review_write {background:#ebebeb} #mybook_content .review_list_frm .mybook_goods_list.review_write ul li {background:#fff} #mybook_content .review_list_frm .mybook_goods_list.review_write ul li .goods_summary {margin:0; padding:0 0 26px 90px !important; border-bottom:0} #mybook_content .review_list_frm .mybook_goods_list.review_write ul li .goods_summary a.btn_detail_info {display:block; margin-top:5px; border:0} #mybook_content .review_list_frm .mybook_goods_list.review_write ul li .goods_summary a.btn_detail_info img {width:95px; height:26px; vertical-align:middle} #mybook_content .review_list_frm .review_write_box {padding:15px 10px 5px 10px} #mybook_content .review_list_frm .review_write_box h4 {padding-left:25px; background:url('//img.1300k.com/mobile/mybook/2015/ico_postscript.png') no-repeat; background-size:18px 16px; font-size:14px; color:#333} #mybook_content .review_list_frm .review_write_box h4 span {float:right} #mybook_content .review_list_frm .review_write_box select {width:100%; margin:12px 0 10px 0} #mybook_content .review_list_frm .review_write_box input[type="text"] {width:100%; margin-bottom:10px} #mybook_content .review_list_frm .review_write_box textarea {width:100%; height:145px} /*상품후기 상세 */ #mybook_content .goods_review_detail {padding:15px 10px 0} #mybook_content .goods_review_detail h4 {margin-bottom:13px; font-size:14px; font-weight:bold; color:#333} #mybook_content .goods_review_detail .dtl_box {min-height:16px; margin-bottom:10px; padding:6px 10px; border:1px solid #c6c6c6; border-radius:6px; background:#fff; font-size:12px} #mybook_content .goods_review_detail .dtl_box.choice {height:16px; background:#fdfdfd; font-weight:bold; color:#4ca23f} #mybook_content .goods_review_detail .dtl_box.choice .ico {padding-left:18px; background:url('//img.1300k.com/mobile/mybook/2015/ico_speaker.png') no-repeat 0px 2px; background-size:13px} /*당첨후기*/ #mybook_content .event_review_frm .event_review_info {padding:15px 10px; background:#fff; text-align:center} #mybook_content .event_review_frm .event_review_info p {font-size:13px; color:#666; letter-spacing:-1px} #mybook_content .event_review_frm .mybook_basic_table .review_detail td {border-top:0} #mybook_content .event_review_frm .mybook_basic_table .review_detail td .detail_box {position:relative; padding:0 10px 10px 10px; text-align:left} #mybook_content .event_review_frm .mybook_basic_table .review_detail td .detail_box .detail_contents {padding:12px; border:1px solid #c7c7c7; border-radius:5px; background:#f0f0f0; font-size:13px; font-weight:bold; color:#787878; line-height:16px; letter-spacing:-1px} #mybook_content .event_review_frm .mybook_basic_table .review_detail td .detail_box .detail_contents img{width:100%} #mybook_content .event_review_frm .mybook_basic_table .review_detail td .detail_box .btn_delete {position:absolute; top:12px; right:22px} /*sokoob 이벤트 당첨후기*/ #mybook_content .location .btn_sokoob_menu {position:absolute; top:5px; right:5px; padding:0 !important} /*1대1SOS*/ #mybook_content .soslist_frm .soslist_info {padding:14px 10px; background:#fff; font-size:15px; color:#1f1f21} #mybook_content .soslist_frm .soslist_info .color_green {color:#3eb900} #mybook_content .soslist_frm .faqlist_info_box {padding:23px 10px; border-top:1px solid #b2b2b2; text-align:center} #mybook_content .soslist_frm .faqlist_info_box p {margin-bottom:10px; font-size:14px; font-weight:bold; color:#333232; line-height:19px} #mybook_content .soslist_frm .soslist_title {overflow:hidden; padding:15px 10px; background:#fff} #mybook_content .soslist_frm .soslist_title h3 {float:left; font-size:12px; color:#333; line-height:24px} #mybook_content .soslist_frm .soslist_title a {display:block; float:right; width:113px; height:24px} #mybook_content .soslist_frm .mybook_basic_table {table-layout:fixed} #mybook_content .soslist_frm .mybook_basic_table td {overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap} #mybook_content .soslist_frm .mybook_basic_table td.date {font-size:12px; letter-spacing:-1px} /*1:1 SOS 접수하기*/ #mybook_content .soswrite_frm .etc_menu_box li {padding:15px 10px; border-top:1px solid #b2b2b2; border-bottom:1px solid #fff} #mybook_content .soswrite_frm .etc_menu_box li p {font-size:12px; color:#545454} #mybook_content .soswrite_frm .etc_menu_box li p strong {font-weight:normal; color:#3eb900} #mybook_content .soswrite_frm .etc_menu_box li .btn_blk {margin-top:10px; text-align:center} #mybook_content .soswrite_frm .soswrite_box {padding:10px; border-top:1px solid #bbb; background:#fff} #mybook_content .soswrite_frm .soswrite_box img {vertical-align:middle} #mybook_content .soswrite_frm .soswrite_box li {overflow:hidden; position:relative; padding:5px 0} #mybook_content .soswrite_frm .soswrite_box li label {display:inline-block; float:left; width:25%; font-size:12px; font-weight:bold; color:#585858; line-height:34px} #mybook_content .soswrite_frm .soswrite_box li select, #mybook_content .soswrite_frm .soswrite_box li input, #mybook_content .soswrite_frm .soswrite_box li textarea {float:right; width:73%} #mybook_content .soswrite_frm .soswrite_box .find_blk {position:relative; float:right; width:73%} #mybook_content .soswrite_frm .soswrite_box .find_blk p.btn_find_wrap {padding-right:70px} #mybook_content .soswrite_frm .soswrite_box .find_blk p input {width:100%} #mybook_content .soswrite_frm .soswrite_box .find_blk .btn_find {position:absolute; top:0; right:0} #mybook_content .soswrite_frm .soswrite_box li .find_blk span {font-size:11px; color:#929292; letter-spacing:-1px} #mybook_content .soswrite_frm .soswrite_box li .find_info {padding-bottom:10px; border:1px solid #c7c7c7; border-radius:5px; background:#f0f0f0; text-align:center} #mybook_content .soswrite_frm .soswrite_box li .find_info p {padding:10px 20px; font-size:12px; color:#585858; line-height:16px; letter-spacing:-0.5px} #mybook_content .soswrite_frm .soswrite_box li .find_info p strong {font-weight:normal; color:#f00} #mybook_content .soswrite_frm .response_alarm_box {background:#fff} #mybook_content .soswrite_frm .response_alarm_box h5 {padding:10px; background:#313334; color:#fff} #mybook_content .soswrite_frm .response_alarm_box ul {padding:10px; border-bottom:1px solid #d5d5d7} #mybook_content .soswrite_frm .response_alarm_box ul li {overflow:hidden; margin-top:5px} #mybook_content .soswrite_frm .response_alarm_box ul li p.clsCheckBox {float:left; width:35%} #mybook_content .soswrite_frm .response_alarm_box ul li div {float:left; width:65%} #mybook_content .soswrite_frm .response_alarm_box ul li div input[type="text"] {width:100%} #mybook_content .soswrite_frm .response_alarm_box ul li div input[type="tel"] {float:left; width:30%} #mybook_content .soswrite_frm .response_alarm_box ul li div span {display:inline-block; float:left; width:5%; font-size:15px; font-weight:bold; text-align:center; color:#a7a8ad; line-height:34px; vertical-align:middle} #mybook_content .soswrite_frm .response_alarm_box ul li label {font-size:12px; font-weight:bold; color:#585858; line-height:34px} /* 1:1 sos 접수 내용 확인 */ #mybook_content .sosview_frm {background:#fff} #mybook_content .sosview_frm h5 {padding:10px; background:#313334; color:#3eb900; font-size:12px} #mybook_content .sosview_frm .sosview_box {width:94%; padding:10px 3%} #mybook_content .sosview_frm .sosview_box .sosview_tit {margin-bottom:6px; font-size:13px; color:#333; font-weight:bold} #mybook_content .sosview_frm .sosview_box .sosview_txt {overflow:hidden; margin-bottom:8px} #mybook_content .sosview_frm .sosview_box .sosview_txt span {float:left; font-size:11px; color:#888} #mybook_content .sosview_frm .sosview_box .sosview_txt span.sosview_bul_pipe {width:1px; height:10px; margin:1px 8px 0; background:#d5d5d5} #mybook_content .sosview_frm .sosview_box .sosview_txt span.sosview_name {font-weight:bold} #mybook_content .sosview_frm .sosview_box .sosview_con, #mybook_content .sosview_frm .sosview_answer_box .sosview_answer_con {padding:12px; border:1px solid #c7c7c7; border-radius:5px; background:#f0f0f0; font-size:13px; color:#787878} #mybook_content .sosview_frm .sosview_answer_box {width:94%; padding:10px 3%; border-bottom:1px solid #d5d5d7} #mybook_content .sosview_frm .sosview_answer_tit {overflow:hidden; padding:10px; background:#3eb900} #mybook_content .sosview_frm .sosview_answer_tit li {float:right; font-size:12px; font-weight:bold; color:#313334} #mybook_content .sosview_frm .sosview_answer_tit li:first-child {float:left; color:#fff} #mybook_content .sosview_frm .btn_box {padding:15px 0; text-align:center} /*회원북 ************************************************************************************/ /*비밀번호확인*/ #mybook_content .password_confirm_frm h3 {width:100%; padding:13px 0; border-top:1px solid #767679; border-bottom:1px solid #29292b; background:#4c4c51; font-size:15px; text-align:center; color:#fff} #mybook_content .password_confirm_frm .confirm_box {position:relative; padding:20px 80px 15px 10px; border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2} #mybook_content .password_confirm_frm .confirm_box a {position:absolute; top:17px; right:10px} #mybook_content .password_confirm_frm .confirm_box ul li {overflow:hidden; width:100%} #mybook_content .password_confirm_frm .confirm_box ul li span, #mybook_content .password_confirm_frm .confirm_box ul li label {display:inline-block; width:30%; font-size:12px; font-weight:bold; color:#585858} #mybook_content .password_confirm_frm .confirm_box ul li strong {font-size:14px; color:#333} #mybook_content .password_confirm_frm .confirm_box ul li input, #mybook_content .password_confirm_frm .confirm_box ul li label {float:left} #mybook_content .password_confirm_frm .confirm_box ul li input {width:67%} #mybook_content .password_confirm_frm .confirm_box ul li label {line-height:34px} #mybook_content .password_confirm_frm .confirm_info_box {padding:15px 10px; background:#fff} #mybook_content .password_confirm_frm .confirm_info_box li {padding-left:8px; background:url('//img.1300k.com/mobile/mybook/2015/bullet_star.png') 0 5px no-repeat; background-size:5px 7px; font-size:12px; color:#9798a0} #mybook_content .password_confirm_frm .confirm_info_box li span {color:#3eb900} #mybook_content .password_confirm_frm .find_password {overflow:hidden; height:33px; padding:15px 10px; background:#fff; border-top:1px solid #d5d5d7} #mybook_content .password_confirm_frm .find_password span {float:left; font-size:12px; font-weight:bold; color:#585858; line-height:33px} #mybook_content .password_confirm_frm .find_password a {float:right} /*주소록관리,계좌관리*/ #mybook_content .list_title_info {padding:15px 10px; border-bottom:1px solid #fff} #mybook_content .list_title_info p {font-size:12px; color:#979797} #mybook_content .list_title_info a {display:block; width:153px; height:36px; margin:12px auto 0} #mybook_content .save_list_box {padding:12px 10px; border-top:1px solid #bbb; background:#fff} #mybook_content .save_list_box ul {width:100%} #mybook_content .save_list_box ul li {margin-bottom:8px; border:1px solid #bbb; border-radius:5px} #mybook_content .save_list_box ul li:last-child {margin-bottom:0} #mybook_content .save_list_box ul li div.list_title {overflow:hidden; padding:8px 13px; border-top-left-radius:5px; border-top-right-radius:5px; background:#9c9c9c} #mybook_content .save_list_box ul li div.list_title p {float:left; font-size:13px; color:#fff; line-height:25px} #mybook_content .save_list_box ul li div.list_title .add_btns {float:right} #mybook_content .save_list_box ul li div.list_contents {padding:13px} #mybook_content .save_list_box ul li div.list_contents p {margin-bottom:5px; font-size:13px; font-weight:bold; color:#2c2c2d} #mybook_content .save_list_box ul li div.list_contents p.text_name {color:#777} /*주소지 추가, 계좌 추가*/ #mybook_content ul.list_regist_box {padding:12px 10px; border-top:1px solid #bbb; border-bottom:1px solid #d5d5d7; background:#f9f9f9} #mybook_content ul.list_regist_box li {overflow:hidden; margin-bottom:5px} #mybook_content ul.list_regist_box li * {float:left} #mybook_content ul.list_regist_box li label {display:inline-block; float:left; width:28%; font-size:12px; font-weight:bold; color:#585858; line-height:34px} #mybook_content ul.list_regist_box li label.color_green {color:#339802} #mybook_content ul.list_regist_box li input[type="text"], #mybook_content ul.list_regist_box li input[type="tel"], #mybook_content ul.list_regist_box li select, #mybook_content ul.list_regist_box li .address_blk {width:70%} #mybook_content ul.list_regist_box li input[type="tel"] {width:21%} #mybook_content ul.list_regist_box li span {display:inline-block; width:3%; font-size:15px; font-weight:bold; text-align:center; color: #a7a8ad; line-height:34px; vertical-align:middle} #mybook_content ul.list_regist_box li .address_blk input[type="tel"] {width:25%} #mybook_content ul.list_regist_box li .address_blk input[type="text"] {width:100%} /* 마이북 메인 ******************************************************************************/ /* 회원 정보 */ #mybook_content .main_member_info {position:relative; padding:15px 12px 15px 103px; font-size:12px; background-color:#262628} #mybook_content .main_member_info .level_ico {position:absolute; top:14px; left:12px; width:76px; height:76px; border:1px solid #161617; border-radius:6px; background:#fff} #mybook_content .main_member_info .level_ico img {width:100%; height:auto} #mybook_content .main_member_info p {position:relative; margin-bottom:12px; color:#D7D7D7;line-height:140%} #mybook_content .main_member_info p strong {color:#fff} #mybook_content .main_member_info p strong.level {color:#3EB900} #mybook_content .main_member_info .btn_userinfo {display:block; position:absolute; top:0; right:0; width:64px; height:29px} #mybook_content .main_member_info ul li {color:#fff; margin-top:2px} #mybook_content .main_member_info ul li:first-child {margin-top:0} /* 회원혜택 보기 */ #mybook_content .main_member_benefit h4 a {display:block; position:relative; padding:10px; border-width:1px 0; border-style:solid; border-color:#319300; background:#3EB900 url('//img.1300k.com/mobile/mybook/2015/btn_banefit.png') no-repeat right 12px; background-size:28px auto; font-size:14px; font-weight:bold; color:#fff; line-height:1} #mybook_content .main_member_benefit h4 a.on {background-position:right -30px} #mybook_content .main_member_benefit .level_benefit {padding:12px 10px; border-top:1px solid #82A571; background-color:#EDEDED} #mybook_content .main_member_benefit .level_benefit h5 {padding:3px 0 12px 26px; background:url('//img.1300k.com/mobile/mybook/2015/bullet_benefit.png') no-repeat left top; background-size:20px; font-size:15px; color:#333; line-height:1} #mybook_content .main_member_benefit .level_benefit h5 strong {color:#3EB900} #mybook_content .main_member_benefit .level_benefit .info {border:1px solid #BBB; border-radius:6px; background:#F9F9F9; font-size:12px} #mybook_content .main_member_benefit .level_benefit .info p {padding:10px 11px; border-bottom:1px solid #BBB; color:#585858} #mybook_content .main_member_benefit .level_benefit .info ul {padding:10px 11px} #mybook_content .main_member_benefit .level_benefit .info ul li {margin-bottom:4px; padding-left:11px; background:url('//img.1300k.com/mobile/mybook/2015/bullet_benefit2.png') no-repeat left 4px; font-weight:bold; color:#585858; line-height:120%} #mybook_content .main_member_benefit .level_benefit .info ul li strong {color:#418ADB} #mybook_content .main_member_benefit .level_benefit .info ul li span.condition {color:#A0A0A0} /*비밀번호확인*/ #mybook_content .member_confirm {width:93.75%; margin:16px auto 118px; padding:26px 15px 30px; background:#fff; box-sizing:border-box} #mybook_content .member_confirm h4 {font-size:14px; font-weight:normal; color:#333; text-align:center; line-height:19px; letter-spacing:-0.8px} #mybook_content .member_confirm h4 strong {font-weight:normal; color:#76c02d} #mybook_content .member_confirm .confirm_blk {margin:22px 0 20px; font-size:13px; letter-spacing:-0.2px} #mybook_content .member_confirm .confirm_blk .user_id {display:block; height:40px; margin-bottom:8px; border:1px solid #dadada; line-height:40px; text-indent:11px} #mybook_content .member_confirm .confirm_blk input[type="password"] {display:block; width:100%; height:40px; border:1px solid #76c02d; border-radius:0; font-size:13px} #mybook_content .member_confirm .btns {overflow:hidden; width:270px; margin:0 auto; padding-bottom:21px} #mybook_content .member_confirm .btns a {display:inline-block; float:left; width:130px; height:40px; font-weight:bold; font-size:16px; color:#fff; text-align:center; line-height:40px} #mybook_content .member_confirm .btns a.btn_confirm {margin-right:10px; background:#76c02d} #mybook_content .member_confirm .btns a.btn_cancel {background:#515360} #mybook_content .member_confirm .notice {display:block; width:100%; padding-top:15px; border-top:1px dotted #dbdbdb; font-size:12px; font-weight:normal; color:#858585; letter-spacing:-0.8px} /*회원정보수정*/ #mybook_content .member_modifyinfo {width:93.75%; margin:0 auto 25px; letter-spacing:-0.8px} #mybook_content .member_modifyinfo h4 {margin:16px 0 18px; font-size:14px; font-weight:normal; color:#333} #mybook_content .member_modifyinfo .tab_modify {overflow:hidden; background:#fff; font-size:14px} #mybook_content .member_modifyinfo .tab_modify a {display:block; float:left; width:50%; height:46px; border-width:0 0 1px 1px; border-style:solid; border-color:#e4e4e4; border-top:2px solid #f9f9f9; background:#f9f9f9; color:#858585; text-align:center; line-height:46px; box-sizing:border-box} #mybook_content .member_modifyinfo .tab_modify a.on {border-top:2px solid #76c02d; border-bottom:1px solid #fff; background:#fff; border-bottom:none; font-weight:bold; color:#76c02d} #mybook_content .member_modifyinfo .tab_modify a:first-child {border-left:none} #mybook_content .member_modifyinfo .modify_info {padding:0 15px 40px; background:#fff} #mybook_content .member_modifyinfo .modify_info h5 {height:40px; margin-bottom:5px; font-size:14px; color:#333; line-height:40px} #mybook_content .member_modifyinfo .modify_info table {width:100%; text-align:left} #mybook_content .member_modifyinfo .modify_info table tr th {min-height:35px; padding:12px 0; font-size:14px; color:#333; text-align:left; line-height:1.2; vertical-align:top} #mybook_content .member_modifyinfo .modify_info table tr td {position:relative; font-size:14px; color:#858585} #mybook_content .member_modifyinfo .modify_info table tr td input[type="tel"], #mybook_content .member_modifyinfo .modify_info table tr td input[type="text"] {display:inline-block; height:40px; border:1px solid #dadada; border-radius:0; color:#858585; box-sizing:border-box} #mybook_content .member_modifyinfo .modify_info table tr td select {display:inline-block; height:40px; border:1px solid #dadada; border-radius:0; background-image:url('//img.1300k.com/mobile/mybook/2015/bg_select.png'); background-size:23px 7px; background-repeat:no-repeat; background-position:center right; background-color:#fff; box-sizing:border-box} #mybook_content .member_modifyinfo .modify_info table tr td .notice {display:block; margin:5px 0 12px; font-size:12px; font-weight:normal; color:#858585} #mybook_content .member_modifyinfo .modify_info table tr td a.btn {display:block; height:40px; background:#515360; color:#fff; text-align:center; line-height:40px} #mybook_content .member_modifyinfo .modify_info table tr td .nick_blk {padding-right:78px; box-sizing:border-box} #mybook_content .member_modifyinfo .modify_info table tr td .nick_blk input[type="text"] {width:100%; height:40px} #mybook_content .member_modifyinfo .modify_info table tr td .nick_blk a.btn {position:absolute; top:2px; right:0; width:70px} #mybook_content .member_modifyinfo .modify_info table tr td .num_blk {width:100%} #mybook_content .member_modifyinfo .modify_info table tr td .num_blk input[type="tel"] {width:28%; box-sizing:border-box} #mybook_content .member_modifyinfo .modify_info table tr td .num_blk .mid {display:inline-block; width:3%; text-align:center} #mybook_content .member_modifyinfo .modify_info table tr td .phone_blk {width:100%; padding:10px 0 0} #mybook_content .member_modifyinfo .modify_info table tr td .phone_blk select {display:inline-block; width:28.5%; padding:0 5px 0 7px; box-sizing:border-box} #mybook_content .member_modifyinfo .modify_info table tr td .phone_blk input[type="tel"] {width:28%; box-sizing:border-box} #mybook_content .member_modifyinfo .modify_info table tr td .phone_blk .mid {display:inline-block; width:3%; text-align:center} #mybook_content .member_modifyinfo .modify_info table tr td .phone_blk p {position:relative; min-height:40px; margin:8px 0 10px; padding-right:78px; box-sizing:border-box} #mybook_content .member_modifyinfo .modify_info table tr td .phone_blk p > span {display:table-cell; vertical-align:middle} #mybook_content .member_modifyinfo .modify_info table tr td .phone_blk strong {font-size:12px; font-weight:normal; color:#ff000f} #mybook_content .member_modifyinfo .modify_info table tr td .phone_blk a.btn {display:block; position:absolute; top:0; right:0; width:70px} #mybook_content .member_modifyinfo .modify_info table tr td .phone_blk .auth_num p input[type="text"] {width:100%; height:40px} #mybook_content .member_modifyinfo .modify_info table tr td .mail_blk {width:100%} #mybook_content .member_modifyinfo .modify_info table tr td .mail_blk input[type="text"]:first-child {width:34%} #mybook_content .member_modifyinfo .modify_info table tr td .mail_blk input[type="text"] {width:55%} #mybook_content .member_modifyinfo .modify_info table tr td .mail_blk .mid {display:inline-block; width:6%; text-align:center} #mybook_content .member_modifyinfo .modify_info table tr td .mail_blk select {width:98%; margin:8px auto 13px} #mybook_content .member_modifyinfo .modify_info table tr td .adress_blk {width:100%} #mybook_content .member_modifyinfo .modify_info table tr td .adress_blk input[type="text"] {width:100%; height:40px; margin-bottom:8px} #mybook_content .member_modifyinfo .modify_info table tr td .adress_blk p {padding-right:78px; box-sizing:border-box} #mybook_content .member_modifyinfo .modify_info table tr td .adress_blk a.btn {position:absolute; top:0; right:0; width:70px} #mybook_content .member_modifyinfo .modify_info table tr td .setting {overflow:hidden} #mybook_content .member_modifyinfo .modify_info table tr td .setting .chk_radio {display:block; position:relative; float:left; width:50%; height:23px; padding-top:12px} #mybook_content .member_modifyinfo .modify_info table tr td .setting .chk_radio input[type="radio"] {display:none; position:absolute; top:8px; left:0; width:23px; height:23px; background-image:none} #mybook_content .member_modifyinfo .modify_info table tr td .setting .chk_radio .ico_radio {display:inline-block; width:23px; height:23px; background-image:url('//img.1300k.com/mobile/mybook/2015/bg_chk_radio.png'); background-size:23px; background-repeat:no-repeat; background-position:0 0} #mybook_content .member_modifyinfo .modify_info table tr td .setting .chk_radio .ico_radio.checked {background-position:0 -28px} #mybook_content .member_modifyinfo .modify_info table tr td .setting .chk_radio label {display:inline-block; position:relative; top:-6px; height:23px; padding-left:3px; font-size:13px; color:#111} #mybook_content .member_modifyinfo .modify_info a.btn_modify {display:block; width:100%; height:45px; margin:22px auto 0; background:#76c02d; font-weight:bold; color:#fff; text-align:center; line-height:45px} #mybook_content .member_modifyinfo .change_password {padding:0 15px 40px; background:#fff} #mybook_content .member_modifyinfo .change_password strong {display:block; padding:14px 0; font-size:13px; font-weight:normal; color:#858585} #mybook_content .member_modifyinfo .change_password table {width:100%} #mybook_content .member_modifyinfo .change_password table tr th {padding-top:8px; font-size:14px; color:#333; text-align:left; vertical-align:top} #mybook_content .member_modifyinfo .change_password table tr td {padding-bottom:8px} #mybook_content .member_modifyinfo .change_password table tr td input[type="password"] {display:inline-block; width:100%; border:1px solid #dadada; border-radius:0} #mybook_content .member_modifyinfo .change_password a.btn_ok {display:block; height:45px; margin-bottom:22px; background:#76c02d; font-weight:bold; color:#fff; text-align:center; line-height:45px} #mybook_content .member_modifyinfo .change_password .noti_list {padding-top:15px; border-top:1px dotted #dbdbdb} #mybook_content .member_modifyinfo .change_password .noti_list li {position:relative; padding-left:12px; font-size:12px; color:#858585} #mybook_content .member_modifyinfo .change_password .noti_list li:before {position:absolute; top:0; left:0; content:'※'} /*회원정보수정 PAYCO */ #mybook_content .member_modifyinfo.payco {height:auto} #mybook_content .member_modifyinfo.payco .modify_info table.basic tr th {height:49px; border-bottom:1px solid #ebebeb; padding:5px 0; line-height:49px; vertical-align:middle} #mybook_content .member_modifyinfo.payco .modify_info table.basic tr td {height:49px; border-bottom:1px solid #ebebeb; vertical-align:middle} #mybook_content .member_modifyinfo.payco .modify_info table.basic tr td .ico_payco {display:inline-block; position:relative; top:3px; width:50px; height:15px} #mybook_content .member_modifyinfo.payco .modify_info table.basic tr:last-child th {border-bottom:none} #mybook_content .member_modifyinfo.payco .modify_info table.basic tr:last-child td {border-bottom:none} #mybook_content .member_modifyinfo.payco .modify_info table tr td .nick_blk {margin-bottom:8px} #mybook_content .member_modifyinfo.payco .modify_info table tr td .phone_blk {padding-top:0} #mybook_content .member_modifyinfo.payco .modify_info table tr td .btn_view {display:inline-block; height:16px; margin-top:10px; padding-right:18px; background:url('//img.1300k.com/mobile/mybook/2015/ico_arrow_view.png') 100% center no-repeat; background-size:13px auto} #mybook_content .member_modifyinfo.payco .modify_info table tr td .btn_view span {display:inline-block; height:16px; border-bottom:1px solid #858585; font-size:12px; font-weight:bold; color:#858585; line-height:16px; vertical-align:top} #mybook_content .member_modifyinfo.payco .modify_info table .agree_content {display:none; padding-top:10px} #mybook_content .member_modifyinfo.payco .modify_info table .agree_content table {border:1px solid #ddd} #mybook_content .member_modifyinfo.payco .modify_info table .agree_content table th {padding:9px 8px; border-top:1px solid #ddd; background:#eee; font-size:12px; color:#333} #mybook_content .member_modifyinfo.payco .modify_info table .agree_content table td {padding:9px 8px; border-top:1px solid #ddd; font-size:12px; color:#858585; line-height:16px} #mybook_content .member_modifyinfo.payco .modify_info .btn_modify_payco {display:block; width:100%; height:45px; margin:20px auto; border:1px solid #fa2828; background:#fff; font-size:16px; font-weight:bold; color:#fa2828; text-align:center; line-height:45px; box-sizing:border-box} #mybook_content .member_modifyinfo.payco .modify_info .btn_modify {margin-bottom:0} #mybook_content .member_modifyinfo.payco .change_password a.btn_change_payco {display:block; width:100%; height:45px; background:#fa2828; font-size:16px; font-weight:bold; line-height:45px; color:#fff; text-align:center} /* 휴대폰변경 */ #mybook_content .modify_phone {width:93.75%; margin:16px auto 118px; padding:26px 15px 40px; background:#fff; letter-spacing:-0.8px; box-sizing:border-box} #mybook_content .modify_phone h4 {display:block; width:99px; height:24px; margin:0 auto} #mybook_content .modify_phone .txt {display:block; margin:10px 0 27px; font-size:13px; font-weight:normal; color:#666; text-align:center} #mybook_content .modify_phone .phone_blk {width:100%; margin-bottom:8px} #mybook_content .modify_phone .phone_blk select {display:inline-block; width:28.5%; border-radius:0; border:1px solid #dadada; background-image:url('//img.1300k.com/mobile/mybook/2015/bg_select.png'); background-size:23px 7px; background-repeat:no-repeat; background-position:center right; background-color:#fff} #mybook_content .modify_phone .phone_blk input[type="tel"] {display:inline-block; width:28%; border-radius:0; border:1px solid #dadada; font-size:13px; text-align:center} #mybook_content .modify_phone .phone_blk .mid {display:inline-block; width:3%; text-align:center} #mybook_content .modify_phone .certi_blk {position:relative; margin-bottom:8px; padding-right:78px} #mybook_content .modify_phone .certi_blk input[type="tel"] {width:100%; height:40px; border-radius:0; border:1px solid #dadada;box-sizing:border-box} #mybook_content .modify_phone .certi_blk a {display:block; position:absolute; top:0; right:0; width:70px; height:40px; font-size:14px; background:#515360; color:#fff; text-align:center; line-height:40px} #mybook_content .modify_phone .notice {display:block; font-size:12px; color:#858585} #mybook_content .modify_phone .notice strong {font-weight:normal; color:#ff000f} #mybook_content .modify_phone a.btn_ok {display:block; height:45px; margin:28px 0 17px; background:#76c02d; font-weight:bold; color:#fff; text-align:center; line-height:45px} /* 현재 보유량 */ #mybook_content .main_current_volume {overflow:hidden; border-bottom: 1px solid #8B8B8B} #mybook_content .main_current_volume h4 {overflow:hidden; position:absolute; top:-999px; left:-999px; text-indent:-9999px} #mybook_content .main_current_volume ul {border-top:2px solid #D1D1D1; font-weight:bold; color:#585858} #mybook_content .main_current_volume ul li {overflow:hidden; padding:7px 10px 5px; border-bottom:1px solid #F3F3F3; border-top:1px solid #F0F0F0; background:#fff; font-size:0; line-height:0} #mybook_content .main_current_volume ul li:first-child {border-top:0} #mybook_content .main_current_volume ul li span {font-size:14px; line-height:1} #mybook_content .main_current_volume ul li span.category {float:left; padding:8px 2px} #mybook_content .main_current_volume ul li span.volume {float:right} #mybook_content .main_current_volume ul li span.volume strong {color:#3EB900} #mybook_content .main_current_volume ul li span.volume a {margin-left:4px} #mybook_content .main_current_volume ul li span.volume a img {width:63px; height:auto; vertical-align:middle} /* 바로가기 메뉴 */ #mybook_content nav.main_shoutcut_menu {overflow:hidden} #mybook_content nav.main_shoutcut_menu h4 {overflow:hidden; position:absolute; top:-999px; left:-999px; text-indent:-9999px} #mybook_content nav.main_shoutcut_menu ul {overflow:hidden; margin:0 -1%; padding:3px 10px 13px} #mybook_content nav.main_shoutcut_menu ul li {float:left; width:23%; margin-top:10px; padding:0 1%; text-align:center} #mybook_content nav.main_shoutcut_menu ul li a {display:block; position:relative; width:100%; padding:39px 0 9px; border:1px solid #d4d5d6; border-radius:6px; font-size:11px; color:#999; background-color:#fff; background-repeat:no-repeat; background-position:center 11px; background-size:auto 22px; box-sizing:border-box} #mybook_content nav.main_shoutcut_menu ul li a.btn_basket {background-image: url('//img.1300k.com/mobile/mybook/2015/ico_basket.png')} #mybook_content nav.main_shoutcut_menu ul li a.btn_od {background-image: url('//img.1300k.com/mobile/mybook/2015/ico_od.png')} #mybook_content nav.main_shoutcut_menu ul li a.btn_vouchers {background-image: url('//img.1300k.com/mobile/mybook/2015/ico_vouchers.png')} #mybook_content nav.main_shoutcut_menu ul li a.btn_mysos {background-image: url('//img.1300k.com/mobile/mybook/2015/ico_mysos.png')} #mybook_content nav.main_shoutcut_menu ul li a.btn_wish {background-image: url('//img.1300k.com/mobile/mybook/2015/ico_wish.png')} #mybook_content nav.main_shoutcut_menu ul li a.btn_latest {background-image: url('//img.1300k.com/mobile/mybook/2015/ico_latest.png')} #mybook_content nav.main_shoutcut_menu ul li a.btn_postscript {background-image: url('//img.1300k.com/mobile/mybook/2015/ico_postscript.png')} #mybook_content nav.main_shoutcut_menu ul li a.btn_qna {background-image: url('//img.1300k.com/mobile/mybook/2015/ico_qna.png')} #mybook_content nav.main_shoutcut_menu ul li a.btn_event {background-image: url('//img.1300k.com/mobile/mybook/2015/ico_event.png')} #mybook_content nav.main_shoutcut_menu ul li a.btn_sos {background-image: url('//img.1300k.com/mobile/mybook/2015/ico_sos.png')} #mybook_content nav.main_shoutcut_menu ul li a.btn_contact {background-image: url('//img.1300k.com/mobile/mybook/2015/ico_contact.png')} #mybook_content nav.main_shoutcut_menu ul li a.btn_account {background-image: url('//img.1300k.com/mobile/mybook/2015/ico_account.png')} #mybook_content nav.main_shoutcut_menu ul li a.btn_shopbuy {background-image: url('//img.1300k.com/mobile/mybook/2015/ico_shopbuy.png')} #mybook_content nav.main_shoutcut_menu ul li a.btn_membership {background-image: url('//img.1300k.com/mobile/mybook/2015/ico_membership.png')} /* 궁금하세요? */ #mybook_content .main_csguide h4 {padding:10px 0; border-width:1px 0; border-style:solid; border-color:#29292B; background-color:#4C4C51; font-size:14px; font-weight:bold; text-align:center; color:#EBEBEB} #mybook_content .main_csguide ul {overflow:hidden; margin:10px; border:1px solid #B3B3B3; border-radius:6px} #mybook_content .main_csguide ul li {border-top:1px solid #E7E7E8} #mybook_content .main_csguide ul li:first-child {border-top:0} #mybook_content .main_csguide ul li a {display:block; position:relative; padding:12px 36px 12px 58px; border-bottom:1px solid #F3F3F4; background-color:#fff} #mybook_content .main_csguide ul li a:after {display:block; position:absolute; top:20px; right:12px; width:12px; height:18px; background:url('//img.1300k.com/mobile/mybook/2015/bullet_move.png') no-repeat left top; content:''} #mybook_content .main_csguide ul li a h5 {margin-bottom:4px; font-size:18px; color:#333; line-height:1} #mybook_content .main_csguide ul li a h5 img.ico_num {position:absolute; top:12px; left:12px; width:33px; height:33px} #mybook_content .main_csguide ul li a p {font-size:11px; color:#858585; letter-spacing:-1px} #mybook_content .main_csguide .order_sos {margin:0 10px 15px} #mybook_content .main_csguide .order_sos a {display:block; position:relative; padding:12px 36px 12px 58px; border:1px solid #BBB; border-radius:6px; background:#F2F2F2} #mybook_content .main_csguide .order_sos a:after {display:block; position:absolute; top:28px; right:12px; width:12px; height:18px; background:url('//img.1300k.com/mobile/mybook/2015/bullet_move.png') no-repeat left top; content:''} #mybook_content .main_csguide .order_sos a h5 {margin-bottom:4px; font-size:18px; color:#3EB900; line-height:1} #mybook_content .main_csguide .order_sos a h5 img.ico_num {position:absolute; top:18px; left:12px; width:33px; height:33px} #mybook_content .main_csguide .order_sos p {font-size:11px; color:#858585; letter-spacing:-1px} @media all and (min-width:640px) { /* 메인화면 ******************************************************************************/ /* 바로가기 메뉴 */ #mybook_content nav.main_shoutcut_menu ul li {width:18%} }