/* mypage 전체 */ #container.mypage_container { margin:0 auto; width:1180px; padding-bottom:70px;} .mypage_container:after { content:""; display:block; clear:both;} .mypage_container .mypage_nav {padding:15px 0; font-size:12px; color:#666;} .mypage_container .mypage_nav li { float:left; margin:0 4px; } .mypage_container .mypage_nav li a { display:inline-block; margin:0 6px 0 2px; color:#666;} /* 왼쪽 메뉴 */ #snb {width:180px; float:left; } #snb h2 { height:100px; line-height:100px; background-color: #f5f5f5; color: #484848; font-weight:normal; text-align:center; } #snb h2.mybonto { text-align:center; color:#fff; background-color:#3a3a3c;} #snb > ul { margin-bottom:30px; border:solid 1px #ddd; border-top:none; } #snb > ul > li { } #snb > ul > li a { display:block; padding:10px 20px; color:#333; font-weight:400; font-size:13px;} #snb > ul > li > a {padding:15px 20px; background-color:#f5f5f5; font-size:14px; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; font-weight:400;} #snb.contact_snb > ul > li > a { border-bottom:none;} #snb > ul > li ul {padding:20px 0;} .web_menu {display:block;} .moblie_menu {display:none;} #snb > .submenu_01,#snb > .submenu_02,#snb > .submenu_03,#snb > .submenu_04 { display:none;} #snb .snb_adzone { margin:20px 0; height:167px; background:#efefef url("../img/mypage/ad_01.png"); text-indent:-99999px;} #snb .snb_adzone.snb_ad_1 { background:#efefef url("../img/mypage/ad_01.png") no-repeat; background-size:cover; } #snb .snb_adzone.snb_ad_2 { background:#efefef url("../img/mypage/ad_02.png") no-repeat; background-size:cover; } #snb .contact_phone_number {box-sizing:border-box; padding:18px 0px 0 22px; height:80px; border:solid 1px #dddddd; font-size:16px; color:#333; font-weight:500;} #snb .contact_phone_number img { margin-right:5px;} #snb .contact_phone_number span { display:block; margin-top:10px; color:#174a7d; font-size:22px; font-weight:600; } /* 배송중, 할인쿠폰, 본토캐쉬, 찜한상품 */ .mypage_info { float:right; width:980px; outline:solid 1px #dddddd;} .mypage_info ul { overflow:hidden;} .mypage_info ul li {box-sizing:border-box; float:left; padding:0 20px; width:33.333%; height:100px; background-color:#f5f5f5; border-right:solid 1px #dddddd; font-weight:bold; line-height:100px; } .mypage_info ul li:last-child { border:none;} .mypage_info ul li > p {position:relative; float:right; margin-right:15px; font-size:15px; color:#555; } .mypage_info ul li > p span:first-child {font-size:32px; color:#174a7d; } .mypage_info ul li > p span:last-child {position:absolute; top:0; right:-20px; margin-left:5px; margin-bottom:15px; font-weight:400; } .mypage_info > div { height:45px; border-top: solid 1px #ddd; } .mypage_info div p { padding:0 15px; font-size:16px; color:#555555; line-height:45px; display:inline-block;} .mypage_info div p img {margin:0 6px 3px 15px; width:30px; vertical-align:middle;} .mypage_info div div { display:inline-block; float:right; margin:10px 17px 0;} .mypage_info div div a { display:inline-block; height:26px; line-height:26px; box-sizing:border-box; background-color:#3a3a3c; color:#fff; font-size:12px; text-align:center;} .mypage_info div div a.my_info { width:64px; margin-right:6px;} .mypage_info div div a.my_benefits { width:84px;} /* 주문목록 */ /* .order_list { float:right; width:980px;} */ .order_list.wid100{float:none; width:100%;} .order_list h2 { padding:20px 0 20px; font-size:26px; font-weight:normal;} .order_list h2.contact_title { padding:80px 0 40px; text-align: center; font-weight: 500;} .order_list h2.shipping_title { padding:40px 0 0px; margin-bottom:-10px;} .order_list h2.reser_title { padding:40px 0 20px;} /* .order_list .btn_st05 { margin-top:-8px;} */ .order_list .ol_list tbody td.ol_item { padding:20px 18px 30px; } .order_list .ol_list thead th {background-color:#fafafa; } .order_list .od_border { border-right: solid 1px #ddd;} .order_list .ol_money p { font-size:14px; font-weight:300; margin:7px 0; } .order_list .ol_total p {font-weight:bold; padding:0px 0 5px; color:#333;} .order_list .ol_total span { display:block; padding:2px 0; color:#333;} .order_list .shipping_ready { color:#069ee9; font-weight:400; } .order_list .shipping_ing { color:#069ee9; font-weight:400; } .order_list .shipping_finish { color:#333; font-weight:400; } .order_list .od_btn_del{display: inline-block; width: 80px; height: 26px; line-height: 24px; overflow: hidden; border: 1px solid #a4a4a4; background-color: #f6f6f6; color: #333; text-align: center; font-size: 12px; border-radius:2px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .od_btn_change,.od_btn_review { display: inline-block; width: 80px; height: 26px; line-height: 24px; overflow: hidden; border: 1px solid #a4a4a4; background-color: #f6f6f6; color: #333; text-align: center; font-size: 12px; border-radius:2px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .od_btn_sav{display: inline-block; width: 80px; height: 26px; line-height: 26px; overflow: hidden; background-color: #555; color: #fff; text-align: center; font-size: 12px; border-radius:2px; vertical-align: middle;} /* 하단 페이지이동 버튼 */ .next_prev_box { clear:both; display:table; margin:30px auto; } .next_prev_box ul{ display:table; } .next_prev_box ul li { float:left;} .next_prev_box ul li .first_page {background:#fafafa url("../img/btn/first_page.png") no-repeat; background-size: cover;} .next_prev_box ul li .preview { margin-right:10px; background:#fafafa url("../img/btn/priv.png") no-repeat; background-size: cover;} .next_prev_box ul li .next { margin-left:20px; background:#fafafa url("../img/btn/next.png") no-repeat; background-size: cover;} .next_prev_box ul li .last_page {background:#fafafa url("../img/btn/last_page.png") no-repeat; background-size: cover;} .next_prev_box ul li a { display:inline-block; margin-left:10px; width:36px; height:36px; background-color:#fafafa; outline:solid 1px #ddd; line-height:36px; text-align:center; font-size:14px; color:#333;} .next_prev_box ul li a.on {outline:solid 2px #069ee9; color:#069ee9;} /* 배송상품 주문상태 안내 */ .shipping_item {float:right; width:980px;} .shipping_item h2 {padding:0px 30px 40px 0; font-size:26px; color:#333; font-weight:normal;} .shipping_item ul {} .shipping_item ul li {position:relative; float:left; margin:0px 40px 0 40px;} .shipping_item ul li:last-child { margin:0px 0px 0 40px;} /* 이미지옆 화살표 */ .shipping_item ul li:after { content:""; position:absolute; top:50%; right:-40px; width:12px; height:22px; background:url("../img/mypage/shipping_next.png"); transform: translateY(-50%); } .shipping_item ul li:last-child:after { display:none;} .shipping_item ul li p { padding:10px 0; font-size:13px; color:#666666; text-align:center; line-height:1.4em;} /* 이미지 아래 텍스트 */ .shipping_item h3 { padding:50px 0 30px; font-size:16px; color:#333;} .shipping_item > p { color:#333; line-height:1.3em; } .shipping_item > p span { display:block; padding:3px 0; font-size:14px; font-weight:bold; } /* 텝 메뉴 */ .cancle_refund { width:100%; margin:30px 0 40px 0;} .cancle_refund:after {content:""; display:block; clear:both;} .cancle_refund a {box-sizing:border-box; float:left; display:block; width:50%; text-align:center; padding:10px 0; border:solid 1px #cccccc; } .cancle_refund .tab_menu_01 {color:#555; border-right:0;} .cancle_refund .tab_menu_01.active { background-color:#174a7d; color:#fff; border:solid 1px #174a7d; } .cancle_refund .tab_menu_02 {color:#555;} .cancle_refund .tab_menu_02.active {background-color:#174a7d; color:#fff; border:solid 1px #174a7d; } .mypage_cancle > p { font-size:14px; line-height:1.3em; } .mypage_cancle > p:last-of-type { margin:0 0 0px; } .mypage_cancle > p.edit_padding { padding-bottom:20px;} /* 취소환불 */ /* 취소 */ .mypage_cancle { float:right; width:980px;} .mypage_cancle h2 { padding:40px 0 24px; font-size:26px; font-weight:400; } .mypage_cancle table th { border-right:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc;} .mypage_cancle table thead th:last-child { border-right:none; } .mypage_cancle table tbody .ol_cancle_date { padding:15px 20px; font-size:13px; font-weight:300;} .mypage_cancle table tbody .ol_total_money { font-size:14px;} .mypage_cancle table tbody .ol_total_money strong {font-size:18px; font-weight:900;} .mypage_cancle table.ol_list tbody td.ol_money p.cancle_moblie_txt { display:none;} .mypage_cancle table.ol_list tbody td.ol_total_money p.cancle_moblie_txt { display:none;} /* 환불 */ .mypage_refound .refound_info { border-top:solid 2px #888888; border-bottom:solid 1px #dcdcdc; margin-bottom:60px;} .mypage_refound .refound_info:after { content:""; display:block; clear:both;} .mypage_refound .refound_info > div { float:left;height:114px;} .mypage_refound .refound_info > div:first-child { width:190px; background-color:#fafafa; line-height:114px; border-left:none; text-align:center;} .mypage_refound .refound_info > div:last-child {box-sizing:border-box; padding:0 40px; width:770px;} .mypage_refound .refound_info > div:last-child p {display:inline-block; padding:30px 0px 10px;} .mypage_refound .refound_info > div:last-child button { display:block; width:80px; height:26px; border:solid 1px #aaaaaa; border-radius:3px; background-color:#f6f6f6; font-size:12px;} .mypage_refound .ol_save p span { display:block;} .refound_popup { display:none;position:fixed;top:0;left:0;right:0; bottom:0; background-color:rgba(0,0,0,0.3); } .refound_popup > div { position:absolute; top:50%; left:50%; width:640px; height:300px; background-color:#fff; transform:translate(-50%, -50%); } .refound_popup > div h2 { background-color:#3a3a3c; height:46px; line-height:46px; font-size:18px; color:#fff; text-align:center; padding:0;} .refound_popup > div > a.close_popup { position:absolute; top:15px; right:20px;} .refound_popup > div table { margin:30px auto 0; width:calc(100% - 60px); border-top:solid 2px #888888;} .refound_popup > div table tr { border:solid 1px #dcdcdc; border-left:none; border-right:none; } .refound_popup > div table th { box-sizing:border-box; background-color:#fafafa; border-right:none; padding:15px 0 15px 20px; width:140px; font-size:13px; font-weight:500; text-align:left;} .refound_popup > div table td{ padding:0 15px;} .refound_popup > div table tr:nth-child(1) td input { width:160px; height:24px;} .refound_popup > div table tr:nth-child(2) td select { width:160px; height:24px;} .refound_popup > div table tr:nth-child(3) td input { width:240px; height:24px;} .refound_popup > div div { display:table; margin:20px auto; } .refound_popup > div div button { width:160px; height:42px; line-height:42px; font-size:16px;} .refound_popup > div div .close_popup { border:solid 1px #cccccc; margin-right:10px; } .refound_popup > div div .refound_ok { background-color:#174a7d; color:#fff; } /* 계좌관리 추가 180413 */ .mypage_account .refound_info { border-top:solid 2px #888888; border-bottom:solid 1px #dcdcdc; /* 수정 20180413 margin-bottom:60px; */ } .mypage_account .refound_info:after { content:""; display:block; clear:both;} .mypage_account .refound_info > div { float:left;height:114px; box-sizing:border-box;} .mypage_account .refound_info > div:first-child { width:190px; background-color:#fafafa; border-right:solid 1px #cccccc; line-height:114px; border-left:none; text-align:center;} .mypage_account .refound_info > div:last-child {box-sizing:border-box; padding:0 40px; width:770px;} .mypage_account .refound_info > div:last-child p {display:inline-block; /* 수정 20180413 padding:30px 0px 10px; */ line-height:115px; } .mypage_account .refound_info > div:last-child button { display:block; width:80px; height:26px; border:solid 1px #aaaaaa; border-radius:3px; background-color:#f6f6f6; font-size:12px;} .mypage_account .ol_save p span { display:block;} .mypage_account table.account_change { width:100%; text-align:left; color:#666; border-top:solid 2px #888;} .mypage_account form { } .mypage_account table.account_change th { padding-left:30px; width:190px; background-color: #fafafa; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc; font-size:14px; box-sizing:border-box;} .mypage_account table.account_change th p { display:block; margin:12px 0;} .mypage_account table.account_change th p span{ color:#0185e1; } .mypage_account table.account_change td { border-bottom:solid 1px #cccccc; padding:15px 30px; font-size:14px; } .mypage_account table.account_change td input { width:300px; height:28px; outline:none;} .mypage_account table.account_change td select { width:160px; height:28px;} .mypage_account table.account_change td p { display:inline-block; margin-left:10px; font-size:13px; font-weight:300;} .mypage_account div.btn_warp { margin:20px auto; width:auto; text-align: center;} .mypage_account .refound_ok { display:inline-block; width:160px; height:40px; border:none; background-color:#174a7d; font-size:18px; color:#fff; cursor:pointer; } .mypage_account .close_return { display:inline-block; margin-right:18px; width:160px; height:40px; border:solid 1px #cccccc; background-color:#fff; color:#333; font-size: 18px; cursor:pointer; } /* 찜한상품 */ .mypage_book { } .mypage_book .ol_item_box .item_tit { padding-top:16px;} .mypage_book .ol_list tbody td.ol_item { padding:20px 60px 20px 15px;} /* 쿠폰 */ .mypage_coupon .coupon_border { padding: 10px 0; background-color: #fafafa; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; font-size: 13px; font-weight: normal;} .mypage_coupon .coupon_border:last-child { border-right:none;} .mypage_coupon .mypage_cancle .ol_list tbody td {padding:0; font-weight:normal; color:#666;} .mypage_coupon .ol_item .item_tit.coupon_name {padding:30px 0px; font-size:14px; font-weight:normal; text-align:center;} .mypage_coupon .ol_list tbody td.ol_money.coupon_persent {} /* 본토캐쉬 */ .contact.bonto_cash table { margin-top:0;} .contact.bonto_cash table tr th:first-child { width:180px;} .contact.bonto_cash table thead th { font-weight:500;} .contact.bonto_cash table thead tr th:nth-child(3) { width:160px;} .contact.bonto_cash table thead tr th:nth-child(4) { width:160px;} .contact.bonto_cash table tbody th { padding:15px 0; font-weight:300;} .contact.bonto_cash table tbody td {font-weight:300;} .contact.bonto_cash table tbody td span { font-weight:500;} .boton_cash_tit { text-align:left; padding:0 0 0 20px;} .boton_cash_history { text-align:right; padding:0 20px 0 0px;} .boton_cash_residual { text-align:right; padding:0 20px 0 0px;} /* 예약리스트 */ .reser_select_box { float:right; display:inline-block; margin: -40px 0 10px;} .reser_check_box { padding:0 10px 0 0px; border-bottom:solid 1px #dcdcdc;} .reser_check_box input { width:15px; height:15px; } .reser_list.order_list .ol_list tbody td.ol_item {padding: 20px 0px 10px;} .reser_list.order_list .ol_item_box {padding-left:100px;} .ol_total input { width:40px; } .ol_total .reser_change {margin-top:5px; width:40px; height:24px; background-color:#f6f6f6; border:solid 1px #787878; border-radius:2px; font-size:12px; color:#333;} .reser_list .ol_list tbody td.ol_money strong span{font-size:14px; color:#333; font-weight:400; } .reser_del {margin-top:15px; margin-bottom:15px; } .reser_del input[type="checkbox"] {margin-left:7px; width:15px; height:15px;} .reser_del p { display:inline-block; margin:0 20px 0 10px; font-size:13px; color:#333333; } .reser_del button { width:80px; height:26px; line-height:22px; background-color:#f6f6f6; border:solid 1px #a4a4a4; border-radius:2px; font-size:12px;} .reser_del button.visit_btn01 { text-align:center; width:90px; height:26px; line-height:26px; border: 1px solid #a4a4a4; background-color: #f6f6f6; color: #333;} .visit_box { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.3); z-index:99999;} .visit_box .visit_popup { position:absolute; top:50%; left:50%; width:640px; height:300px; background-color:#fff; transform:translate(-50%,-50%); } .visit_box .visit_popup #search_store { width:240px; height:26px;} .visit_box h2 { padding:0; margin:0 0 30px 0; height:46px; line-height:46px; background-color:#3a3a3c; color:#fff; font-size:18px; text-align:center;} .visit_box table { margin:0 auto; width:90.625%; border-top:solid 2px #888888;} .visit_box table tr { border-bottom:solid 1px #dcdcdc;} .visit_box table th{ box-sizing:border-box; padding:15px 0px 15px 30px; width:167px; background-color:#f5f5f5; font-size:14px; font-weight:500; text-align:left;} .visit_box table td { padding:0 0 0 10px; } .visit_box table td input { height:26px; } .visit_box table tr:first-child td input { float:left; width:240px; margin-right:10px;} .visit_box table tr:first-child td button { float:left; width:70px; height:26px; line-height:24px; background-color:#f6f6f6; border:solid 1px #aaaaaa; border-radius:2px; } .visit_box table tr:nth-child(2) td input { width:100px; } .visit_box table tr:last-child td select { width:100px; height:26px; margin-right:7px; } .visit_box .btn_box { display:table; margin:20px auto; } .visit_box .btn_visit01 { margin-right:10px; width:160px; height:42px; line-height:42px; border:solid 1px #cccccc; background-color:#fff; color:#333333; font-size:18px; } .visit_box .btn_visit02 { width:160px; height:42px; line-height:42px; background-color:#174a7d; color:#fff; font-size:18px; } .visit_box_close { position:absolute; top:16px; right:20px;} .reser_finish_popup { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.3); z-index:99999;} .reser_finish_popup div { position:absolute; position:relative; top:50%; left:50%; width:440px; height:360px; background-color:#fff; transform:translate(-50%,-50%); } .reser_finish_popup div h2 { padding:0; margin:0 0 40px 0; height:58px; line-height:58px; background-color:#3a3a3c; color:#fff; font-size:20px; text-align:center; } .reser_finish_popup div a { position:absolute; top:22px; right:20px;} .reser_finish_popup div p { position:relative; margin:0 0 0 30px; font-weight:300; color:#333; line-height:24px; letter-spacing:-1px; } .reser_finish_popup div p:before { content:"-"; position:absolute; top:0; left:-10px; } .reser_finish_popup div p .block { display:block; } .reser_finish_popup div p .color_pointer { font-weight:500; } .reser_finish_popup div button { display:table; margin:50px auto 0; width:160px; height:42px; line-height:42px; background-color:#174a7d; color:#fff; font-size:16px; font-weight:bold;} .reser_list.order_list .ol_list .ol_save li { font-size:13px; color:#174a7d; font-weight:500;} .reser_list.order_list .ol_list .ol_save li.reser_finish { color:#333;} .reser_list.order_list .ol_list .ol_money p { font-weight:400; font-size:14px; } .ol_item.visit_01 { width:300px;} .ol_money.visit_01 { width:180px;} .visit_txt { box-sizing:border-box; width:320px; } .visit_txt ul li { text-align:left; padding:0 0 0 20px; line-height:20px; font-size:13px; color:#888888;} .order_list table.ol_list td.visit_txt.visit_txt02 {padding:18px 0; padding-left:0; padding-right:0;} .visit_txt.visit_txt02 ul { padding-left:20px; } .visit_txt.visit_txt02 ul li {padding:0; } .visit_txt.visit_txt02 ul li strong {} .visit_txt.visit_txt02 ul li .visit_btn01 { display:block; margin:10px auto; text-align:center; width:90px; height:26px; line-height:26px; border: 1px solid #a4a4a4; background-color: #f6f6f6; color: #333; } .visit_txt ul li strong { color:#333333;} .ol_save.visit_01 { width: 120px;} /* 개인정보 확인 / 수정 */ .mypage_user_info {} .mypage_user_info h2 { padding:40px 0 20px; margin-bottom:0px;} .mypage_user_info .member-container { padding:0px; width:980px; outline:none;} .mypage_user_info .form-box2 .password td {} .mypage_user_info .form-box2 .password td span {margin:0px 10px 7px -30px;} .mypage_user_info .form-box2 .password td .caution2 {margin-left:100px;} .mypage_user_info .form-box2 .shipping_address td { padding:14px 32px; } .mypage_user_info .form-box2 .shipping_address td a {color:#333; font-weight:500;} .mypage_user_info .form-box2 .member_delete {} .mypage_user_info .form-box2 .member_delete p {display:inline-block; margin:10px 5px 40px 500px; height:24px; text-align:right; line-height:24px; font-size:13px;} .mypage_user_info .form-box2 .member_delete button { display:inline-block; width:70px; height:26px; border-radius:2px; border:solid 1px #aaaaaa; background-color:#f6f6f6; color:#333; font-weight:400; font-size:12px; line-height:24px; } /* .mypage_user_info .form-box2 input[type="submit"] { display:inline-block; margin:10px; margin-right:18px; width:112px; height:54px; background-color:#069ee9; border:solid 1px #0185da; color:#fff;} .mypage_user_info .form-box2 input[type="button"] { display:inline-block; margin:10px; width:112px; height:54px; border:solid 1px #828282; background-color:#a3a6b3; color:#fff; font-size: 18px;} */ .mypage_user_info .form-box2 .fn_sub { display:inline-block; margin:30px 0; width:150px; border:none; height:40px; background:#174a7d; color:#fff; font-size: 16px;} .mypage_user_info .form-box2 .fn_btn { display:inline-block; margin:30px 10px; width:150px; height:40px; border:solid 1px #cccccc; background:#fff; color:#333; font-size: 16px;} .shipping_popup.user_del_popup { display:none; } .mypage_user_info .shipping_popup > div > div { width:100%; } .mypage_user_info .shipping_popup > div form fieldset > div{ padding:20px 20px 0; text-align:left; } .mypage_user_info .shipping_popup > div form fieldset > div:nth-of-type(2) h4 { padding:0px 0 20px;} .mypage_user_info .shipping_popup > div form fieldset > div:last-of-type { display:table; margin:0 auto; padding-bottom:20px;} .mypage_user_info .shipping_popup > div form fieldset > div h4 { font-size:16px; font-weight:500;} .mypage_user_info .shipping_popup > div form fieldset > div p { margin:5px 0 20px; font-size:13px; font-weight:300; } .mypage_user_info .shipping_popup > div form fieldset > div > div { padding: 10px 0px; } .mypage_user_info .shipping_popup > div form fieldset > div > div:after { content:""; display:block; clear:both; } .mypage_user_info .shipping_popup > div form fieldset > div > div div { float:left; margin:5px 0; width:33.3%; font-size:14px;color:#333; font-weight:300; text-align:left; } .mypage_user_info .shipping_popup > div form fieldset > div > div div:nth-child(2), .mypage_user_info .shipping_popup > div form fieldset > div > div div:nth-child(5), .mypage_user_info .shipping_popup > div form fieldset > div > div div:nth-child(8) { width:30%; margin:5px 0.33% 5px 3%;} .mypage_user_info .shipping_popup > div form fieldset > div > div div input[type="checkbox"] { margin-right:5px; background:#fff; } .mypage_user_info .shipping_popup > div form fieldset > div > .user_info_textarea { vertical-align:top; width:100%; max-width:100%; overflow:auto; height:100px; resize:none; } .mypage_user_info .shipping_popup > div div button { box-sizing:border-box; float:none; width:160px; height:42px; line-height:42px; font-size:16px; text-align:center; font-weight:bold;} .mypage_user_info .shipping_popup > div div .shipping_popup_close { margin-right:10px; border:solid 1px #cccccc; background-color:#ffffff; color:#333;} .mypage_user_info .shipping_popup > div div .shipping_popup_sub { background-color:#174a7d; color:#fff;} .mypage_user_info .shipping_popup a.shipping_popup_close { position:absolute; top:16px; right:20px;} /* 마이페이지 로그인 */ .mypage_login table { width:100%; text-align:left; color:#666; border-top:solid 2px #888;} .mypage_login form { } .mypage_login th { font-size:14px; } .mypage_login th p { display:block; margin:12px 0;} .mypage_login th p span{ color:#0185e1; } .mypage_login .mypage_user_login { border:solid 1px #ddd; border-right:none; border-left:none;} .mypage_login .mypage_user_login th { padding:15px 0px 15px 30px; width:130px; height:28px; background-color:#fafafa; font-size:14px; } .mypage_login td { padding:15px 30px; font-size:14px; } .mypage_login td input { width:300px; height:28px; outline:none;} .mypage_login td p { display:inline-block; margin-left:10px; font-size:13px; font-weight:300;} .mypage_login div { display:table; margin:20px auto;} /* .mypage_login input[type="submit"] { } .mypage_login input[type="submit"] { display:inline-block; margin-right:18px; width:112px; height:54px; border:none; background-color:#069ee9; font-size:18px; color:#fff; } .mypage_login input[type="button"] { display:inline-block; width:112px; height:54px; border:solid 1px #828282; background-color:#a3a6b3; color:#fff; font-size: 18px;} */ .mypage_login .fn_sub { } .mypage_login .fn_sub { display:inline-block; width:160px; height:40px; border:none; background-color:#174a7d; font-size:18px; color:#fff; cursor:pointer; } .mypage_login .fn_btn { display:inline-block; margin-right:18px; width:160px; height:40px; border:solid 1px #cccccc; background-color:#fff; color:#333; font-size: 18px; cursor:pointer; } /* 상품평 */ .mypage_review {} .mypage_review > p { margin-bottom:30px; color:#333;} .mypage_review .item_review_tit { margin-bottom:7px; font-weight:500;} .mypage_review .ol_item_box .item_tit { margin-bottom:5px} .mypage_review .ol_item_box .item_option li { line-height:1.7em;} .mypage_review.order_list .ol_list tbody td.ol_item { padding:20px 18px 10px} /* 내가 쓴 상품평*/ .mypage_review_my { } .mypage_review_my .ol_item_box .img_thurm {width:51px; height:51px;} .mypage_review_my .ol_item_box{ min-height:0;} .mypage_review_my .item_review_tit {margin-left:-40px; line-height:45px;} .mypage_review_my.order_list .ol_list tbody td.ol_item { padding: 25px 18px;} .mypage_review_my .ol_save { width:176px; margin:0;} .mypage_review_my .ol_save ul{ display:inline-block;} .mypage_review_my .ol_save ul li {display:inline-block;} .mypage_review_my .ol_save ul li .review_btn_del { display:block; width:54px; height:26px; background-color:#f6f6f6; border:solid 1px #787878; border-radius:2px; color:#333333;font-size:12px; font-weight:500; line-height:26px; } .mypage_review_my .ol_save ul li:first-child .review_btn_del {margin-right:4px;} .mypage_review_my .review_star {border-bottom: solid 1px #ddd; text-align:left;} .mypage_review_my .review_star th {padding:10px 18px; font-weight:normal;} .mypage_review_my .review_star th ul {} .mypage_review_my .review_star th ul li { float:left; margin-right:3px;} .mypage_review_my .review_star th ul li:last-child { margin-left:17px; font-size:13px; color:#888; line-height:1.4em;} .mypage_review_my .review_star th p {padding:12px 0 18px;} /* 1:1 문의 */ .contact {} .contact .contact_btn {display:inline-block; float:left; margin-right:10px; width:60px; height:30px; border:solid 1px #cdcdcd; background-color:#ffffff; outline:none; line-height:30px; color:#555555; font-size:13px; } .contact .contact_btn:first-child { margin-left:112px;} .contact .contact_btn.active { background-color:#174a7d; color:#fff; border:none; } .contact .contact_btn02 { width:80px; height:30px; /* border:solid 1px #a4a4a4; */ border-radius:2px; outline:none; background-color:#555; color:#fff;} .contact fieldset > div { position:relative; outline:solid 1px #ddd; } .contact fieldset > div.next_prev_box { outline:none;} .contact .contact_btn_box { padding:10px 0; margin-bottom:20px; background-color:#fafafa;} .contact fieldset > div:after { content:""; display:block; clear:both;} .contact fieldset > div div {box-sizing:border-box; height:50px;} .contact fieldset > div div:first-child { float:left; padding:12px 20px;} /* .contact fieldset > div div:last-child {width:150px; float:right; border-left:solid 1px #ddd; background-color:#174a7d; } */ .contact fieldset > div div:last-child a { display:block; line-height:50px; color:#fff; text-align:center; } .contact input,.contact select { height:30px; background-color:#fff;} .contact input[type="text"] { width:116px; margin:0 5px; background-color:#fff;} .contact input[type="text"].contact_search { margin-right:10px; width:230px;} .contact input[type="button"] {width:80px; background-color:#f6f6f6; border:solid 1px #a4a4a4; border-radius:2px; color:#333333; font-size:12px; } .contact table a { display:block; color:#333333;} .contact table {margin-top:30px; width:100%; border-top:solid 2px #888888; border-bottom:solid 1px #dcdcdc;text-align:center; font-size:13px;line-height: 1.75; } .contact table tr {border-top:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc; } .contact table tr th,.contact table tr td{vertical-align:middle;} .contact table tr th:first-child { border-left:none; width:100px;} .contact table tr th:last-child { border-right:none; } .contact table tr td:last-child { border-right:none; } .contact table th { border:solid 1px #dcdcdc;} .contact table td { border:solid 1px #dcdcdc; } .contact table thead { background-color:#fafafa;} .contact table thead th { padding:15px 0;} .contact table tbody th { padding:30px 0; font-weight:normal;} .contact table tbody .contact_tit {box-sizing:border-box; padding:0 30px; width:500px; text-align:left;} .contact table tbody .contact_date {width:196px; } .contact table tbody .contact_condi {width:184px; } .contact_one_btn { float:right; width:160px; height:42px; background-color:#174a7d; font-size:16px; color:#fff;} /* 1:1 문의하기 보기 */ .contact_view_answer { background-color:#f9f9fa; } .contact_view_answer img { margin:20px 0 0 0; } .contact_view_answer h3 { font-weight:400; margin:20px 0; /* font-size:28px; */} /* 자주묻는 질문 */ .order_list.contact_pu {} .order_list.contact_pu h2 {padding: 15px 0 20px; } .contact_search_box {box-sizing:border-box; padding:15px; height:120px; background-color:#f5f5f5;} .contact_search_box > div {box-sizing:border-box; height:90px; background-color:#fff; padding:30px 0; } .contact_search_box > div > div {display:table; margin:0px auto;} .contact_search_box > div > div select, .contact_search_box > div > div input { float:left; height:30px; margin-right:7px;} .contact_search_box > div > div select { width:76px; } .contact_search_box > div > div input { width:280px; } .contact_search_btn { width:68px; height:30px; line-height:30px; background-color:#777777; color:#fff; font-size:13px;} .contact_tab_menu {margin:40px 0 30px; } .contact_tab_menu:after {content:""; display:block; clear:both; } .contact_tab_menu > div {box-sizing:border-box; float:left; width:25%; border:solid 1px #bbbbbb;} .contact_tab_menu > div:nth-child(1), .contact_tab_menu > div:nth-child(2), .contact_tab_menu > div:nth-child(3), .contact_tab_menu > div:nth-child(4) { border-bottom:none;} .contact_tab_menu > div:nth-child(1), .contact_tab_menu > div:nth-child(2), .contact_tab_menu > div:nth-child(3), .contact_tab_menu > div:nth-child(5), .contact_tab_menu > div:nth-child(6), .contact_tab_menu > div:nth-child(7){ border-right:none;} .contact_tab_menu > div a { display:block; height:38px; line-height:38px; text-align:center; color:#333333; font-size:15px; } .contact_tab_menu > div a.active { background-color:#174a7d; color:#fff;} .contact_qna { border-top:solid 2px #888888; clear:both; display:block;} .contact_qna > div { border-bottom:solid 1px #dcdcdc; } .contact_qna > div > a {box-sizing:border-box; display:block; position:relative; padding:20px 50px 20px 50px; height:60px; color:#333333; border-bottom:solid 1px #dcdcdc; } .contact_qna > div > a .contact_q { position:relative; font-weight:600;} .contact_qna > div > a .contact_q:before { content:"Q"; position:absolute; top:0; left:-30px; font-family:"Nanum SquareEB"; font-size:24px; font-weight:600; } .contact_qna > div > a .slide_btn { float:right; display:inline-block; margin-top:3px; margin-right:-20px; width:16px; height:10px; background:url('../img/btn/btn_down.png') no-repeat; background-size:cover; } .contact_qna > div > a.active .slide_btn { background:url('../img/btn/btn_up.png') no-repeat; background-size:cover; } .contact_qna > div > .contact_a { display:none; padding:20px 50px 20px 50px; line-height:22px; background-color:#fafafa; } /* .contact_qna > div > .contact_a.contact_a_fir { display:block;} */ .contact_qna > div > .contact_a span {position:relative; } .contact_qna > div > .contact_a span:before { content:"A"; position:absolute; top:0; left:-30px; color:#174a7d; font-family:"Nanum SquareEB"; font-size:24px; font-weight:600; } /* 회원혜택/서비스 */ .div_table { font-family:"Nato Sans DemiLight"; box-sizing:border-box; width:100%;} .div_table:after { content:""; display:block; clear:both; } .div_table .div_td { box-sizing:border-box; width:20%; float:left; text-align:center;} .div_table .div_td div { } .div_table .div_td.div_white_space { text-indent:-9999999px;} .div_table .div_td .service_condi { position:relative; margin:0 0 15px; 0; width:150px; height:36px; line-height:36px; border:solid 1px #ccc; color:#888888; font-size:14px; box-sizing:border-box;} .div_table .div_td.div_td02 .service_condi { margin-top:123px; } .div_table .div_td.div_td03 .service_condi { margin-top:82px; } .div_table .div_td.div_td04 .service_condi { margin-top:41px; } .div_table .div_td.div_td05 .service_condi { margin-top:0px; } .div_table .div_td .service_condi:before { position:absolute; bottom:-12px; left:-1px; content:""; display:block; width:0; border-width: 12px 12px 0px 0px; border-style: solid; border-color: #ccc transparent;} .div_table .div_td .service_condi:after { position:absolute; bottom:-10px; left:0px; content:""; display:block; width:0; border-width: 10px 10px 0px 0px; border-style: solid; border-color: #fff transparent;} .div_table .div_td .border_dotted { height:40px; border-left:dotted 2px #ccc;} .div_table .div_td .service_class { margin-bottom:0px; height:40px; line-height:40px; font-size:18px; font-weight:600; border-bottom:solid 1px #fff; color:#fff; } .div_table .div_td.div_td02 .service_class { background-color:#686868; } .div_table .div_td.div_td03 .service_class { background-color:#c6ba8f; } .div_table .div_td.div_td04 .service_class { background-color:#c38282; } .div_table .div_td.div_td05 .service_class { background-color:#917dad; } .div_table .div_td .service_acc {font-size:18px; color:#fff; letter-spacing:-1px;} .div_table .div_td.div_td02 .service_acc { height:40px; line-height:40px; background-color:#686868; border-top:solid 1px #686868; } .div_table .div_td.div_td03 .service_acc { height:81px; line-height:81px; background-color:#c6ba8f; border-top:solid 1px #c6ba8f;} .div_table .div_td.div_td04 .service_acc { height:122px; line-height:122px; background-color:#c38282; border-top:solid 1px #c38282;} .div_table .div_td.div_td05 .service_acc { height:163px; line-height:163px; background-color:#917dad; border-top:solid 1px #917dad;} .contact.contact_service table { margin-bottom:100px;} .contact.contact_service table tbody th { padding:20px 0; } .contact.contact_service table tbody tr:nth-child(6) th { padding:10px 0; } .contact.contact_service { } .contact.contact_service th { width:20%; font-size:16px; font-weight:600; } .contact.contact_service tr:first-child th { font-size:18px;} .contact.contact_service th .color_pointer { display:block; color:#ff9999; font-weight:500; line-height:20px; font-size:14px; } .contact.contact_service td { width:20%; font-size:16px; font-weight:300; } .contact.contact_service td .block2 { display:block;} .contact.contact_service tr:first-child td { padding:20px 0; } .contact.contact_service td p { margin-top:10px; } /* 본토소식 */ .contact.contact_news { } .contact.contact_news table tr th:first-child{ width:auto;} .contact.contact_news table tr th:last-child { width:120px;} .contact.contact_news table thead th { padding:15px 0; font-weight:500;} .contact.contact_news table tbody th{ padding:18px 0; } .contact.contact_news table .contact_news_tit { padding-left:20px; text-align:left;} .contact.contact_news fieldset > div.search_box { outline:none; float:right;} .contact.contact_news fieldset > div.search_box:after { content:""; display:block; clear:both;} .contact.contact_news fieldset > div.search_box div{ display:table; padding:0; width:auto; float:none; background-color:#fff; border:none;} .contact.contact_news fieldset > div.search_box div select, .contact.contact_news fieldset > div.search_box div input[type="text"] { float:left; height:30px; } .contact.contact_news fieldset > div.search_box div select { width:76px;} .contact.contact_news fieldset > div.search_box div input[type="text"] { width:280px;} .contact_alliance.order_list { width:100%; } .contact.contact_news.contact_alliance table tr th:last-child { width:200px; } .contact.contact_news.contact_alliance table tr th:first-child { width:200px; } /* 본토소식 자세히 보기 */ .contact.contact_news_view {} .contact.contact_news_view table th { border:none; } .contact.contact_news_view table tbody th { padding:15px 20px; text-align:left;} .contact.contact_news_view table tbody tr th.desc { padding:15px 20px 50px; } .contact.contact_news_view table tr .contact_news_view_tit{ font-weight:500;} .contact.contact_news_view table tr .contact_news_view_date {padding:15px 0 15px 20px; width:140px; text-align:left; box-sizing:border-box;} .contact.contact_news_view table tr .contact_news_view_views { padding:15px 20px; width:100px; text-align:left;} .contact.contact_news_view table tr .contact_news_view_views.right { text-align: right; } .contact.contact_news_view table tr .contact_news_view_file { padding-right: 20px; text-align: right; } .contact.contact_news_view table tr .arrow { display:inline-block; margin-right:10px; font-size:8px; } .contact.contact_news_view table tr .color_pointer{ } .contact.contact_news_view .contact_news_view_cancle {display:block; width:156px; height:50px; line-height:50px;margin:30px auto 0; text-align:center; background-color:#f1f1f1; border:solid 1px #cccccc; color:#555555; font-size:16px; font-family: 'Noto Sans KR'; } .contact fieldset > div.contact_news_btn_box { border:none; outline:none; margin:30px auto; /*0521추가*/ display:table; text-align: center; } .contact fieldset > div.contact_news_btn_box:after { content:"";display:block; clear:both;} .contact fieldset > div.contact_news_btn_box button { width:160px; height:42px; box-sizing:border-box; outline:none; margin-right:20px;} .contact fieldset > div.contact_news_btn_box button:nth-child(2){margin-right:0;} .contact.contact_news_view .contact_news_view_back {display: inline-block; border:solid 1px #cccccc; } .contact.contact_news_view .contact_news_view_delete {display: inline-block; background-color:#3a3a3c; color:#fff;} .contact.contact_news_view .contact_news_view_fix {display: inline-block; background-color:#174a7d; color:#fff; margin: 0; margin-left:20px; } /* About 본토 */ .about_banner { display:none; margin:20px 0 40px;} /* 회사소개 */ .n_map { width:960px; height:760px; } .n_map .root_daum_roughmap_landing { width:100% !important; height:100%; } .n_map .root_daum_roughmap .wrap_map { height:calc(100% - 280px)!important; } .intro_text_box,.intro_img_box,.intro_hesh_box,.intro_map_box { box-sizing:border-box; width:100%; } .intro_text_box {margin:96px 0 40px; font-size:16px; line-height:26px; font-family:"Nato Sans DemiLight"; font-weight:500; } .intro_text_box h3 { margin-bottom:20px; font-size:22px; color:#333333; font-family:"Nato Sans DemiLight"; font-weight:600;} .intro_text_box .block { display:block;} .intro_img_box { height:200px; background-color:#eeeeee; } .intro_img_box img:first-child { margin:60px 0 0 170px; width:240px; float:left;} .intro_img_box img:last-child { margin:61px 170px 0 0px; width:300px; float:right;} .intro_hesh_box { margin:40px 0 100px 0; height:200px; border:solid 10px #eeeeee;} .intro_hesh_box h3 { padding:30px 0 10px; color:#174a7d; font-size:24px; text-align:center; font-weight:600;font-family:"Nato Sans Blod";} .intro_hesh_box h3:before { content:""; display:inline-block; width:43px; height:42px; background:url('../img/sub/intro_hesh.png') no-repeat; background-size:cover; } .intro_hesh_box p { font-size:20px; line-height:28px; color:#333; text-align:center; font-family:"Nato Sans DemiLight"; font-weight:500; /* letter-spacing:-1px; */} .intro_hesh_box p .block { display:block; } .intro_map_box {font-family:"Nato Sans DemiLight"; color:#555555; font-size:16px; line-height:26px;} .intro_map_box h3 { font-size:22px; margin-bottom:20px; color:#333;} .intro_map_box p { margin:0 0 40px 0;} .intro_map_box p .block { display:block;} /* 제휴문의 */ .about_alliance { float:right; margin-bottom:100px; width:160px; height:42px; box-sizing:border-box; background-color:#174a7d; /* border:solid 1px #cccccc; */ outline:none; color:#fff; font-size:16px; } .alliance_tit { text-align:left; padding:15px 20px;} .lock { display:inline-block; margin-right:8px; width:11px; height:14px; background:url('../img/ico/ico_lock.png') no-repeat; background-size:cover;vertical-align: middle; margin-top: -5px;} .file { display:inline-block; margin:0px 0 -4px 10px; width:16px; height:16px; background:url('../img/ico/ico_file.png') no-repeat; background-size:cover;} /* .contact.alliance_view { padding-bottom: 120px;} */ .contact.alliance_view tr { } .contact.alliance_view tr th {background-color:#fafafa; text-align:left; } .contact.alliance_view tr td {padding:18px 16px; text-align:left;} .contact.alliance_view tr td .trems_con { height: 100px; overflow-y: auto; } .contact .alliance_view tr td input { float:left; margin:0; height:24px; } .contact.alliance_view tr th:first-child {box-sizing:border-box; padding:24px 0 24px 20px; width:160px; } .contact input[type="text"].alliance_view-tit {margin:0; box-sizing:border-box; width:500px; } .contact.alliance_view tr td textarea { width:100%; height:260px; resize:none; overflow:auto; border:solid 1px #dcdcdc; } .contact.alliance_view tr td #alliance_file { position:absolute; top:-10%; left:-10%; width:0; height:0; overflow:hidden; } .contact.alliance_view tr td label { display: inline-block; float:left; width:68px; height:30px; line-height:30px; margin-left:0px; background-color:#777777; color:#fff; font-size:12px; text-align:center;} .contact.alliance_view tr td .alliance_file_name { float:left; margin:0; width:500px;} .contact.alliance_view tr td .alliance_file_del { margin-left:11px; width:80px; height:30px; line-height:28px; background-color:#f6f6f6; border:solid 1px #787878; border-radius:2px; color:#333333; font-size:12px;} .contact.alliance_view .about_alliance_btnbox { display:table; margin:30px auto;} .contact.alliance_view .about_alliance { float:unset; display:inline-block; margin-bottom:0; } .contact.alliance_view .about_alliance_cancle {display:inline-block; margin-right:10px; width:160px; height:42px; box-sizing:border-box; outline:none; border:solid 1px #cccccc; color:#333333; font-size:16px; } .contact.alliance_view tr td .check_box { margin-top: 10px; } .contact.alliance_view tr td .check_box label { float: none; width: auto; height: auto; background: none; color: #252525; font-size: 16px; line-height: 30px; vertical-align: middle; } /* 달력 */ .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all{ display:none; position:relative; margin-top:10px; background:#fff; border:solid 1px #dddddd; border-radius:5px; z-index:99999 !important; } .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all:before {position:absolute; top:-1px; left:20px; content:""; width:8px; height:8px; border-top:solid 1px #ddd; border-radius:0px; border-left:solid 1px #ddd; background-color:#fff; transform:translate(-50%,-50%) rotate(45deg);} .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table{background:#fff;} .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table thead tr th{width:32px; line-height:24px; height:24px; text-align:center; padding-right:5px;} .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table thead tr th span{font-size:10.1px; font-weight:300; color:#999999;} .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table tbody tr td{text-align:center; color:#666666; font-size:12px; width:35px; line-height:35px; height:35px; padding-right:0px; background:#ffffff;} .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table tbody tr td a{ display:block; margin:1px; border-radius:50%; color:#666666; font-size:12px; font-weight:300;} .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table tbody tr td a:hover { background-color:#6a8192; color:#fff;} .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table tbody tr td a.ui-state-default.ui-state-active{ border:solid 1px #faa8a8;} .ui-datepicker-title{display:table; margin:0 auto; margin-top:20px; margin-bottom:20px; } .ui-datepicker-title span{text-align:center; color:#000000; font-size:15px; font-weight:500;} .ui-datepicker-title span.ui-datepicker-year { font-weight:300;} .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all{position:relative;} .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all a.ui-datepicker-prev{text-indent:-9999px; position:absolute; background:url("../img/btn/calandar_left.png")no-repeat center; width:6px; height:10px; left:10px;top:6px;} .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all a.ui-datepicker-next{text-indent:-9999px; position:absolute; background:url("../img/btn/calandar_right.png")no-repeat center; width:6px; height:10px; right:10px;top:6px;} .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table tbody tr td.ui-datepicker-unselectable.ui-state-disabled {background:#fff; color:#cecece;} input.date_form :-ms-input-placeholder { color: #333333; } input.date_form::-webkit-input-placeholder { color: #333333; } input.date_form::-moz-placeholder { color: #333333; } button.ui-datepicker-trigger {display:none;} img.ui-datepicker-taigger { margin-left:10px; margin-top:1px;} .date_form { background:url("../img/ico/ico_calander.png") no-repeat; background-position:90px center;} .date_form.date_form3 { background:none;} .ui-datepicker-trigger { margin-left:10px;} /* 상품평_02*/ .mypage_review_02 { overflow:hidden; } .mypage_review_02 table tr {border-bottom:solid 1px #ccc;} .mypage_review_02 table tr th,.mypage_review_02 table tr td {border:none;} .mypage_review_02 table tr th { box-sizing:border-box; padding:10px; width:100px; font-size:13px; font-weight:500; text-align:right;} .mypage_review_02 table tr td { box-sizing:border-box; width:860px; text-align:left;} .mypage_review_02 .ol_item_box { padding:0; border:solid 1px; width:90px;} .mypage_review_02 .order_list .ol_list tbody td.ol_item { padding:0;} .mypage_review_02 .item_review_tit{ font-weight:bold;} .mypage_review_02 .item_tit { margin:6px 0 8px; font-size:16px; font-weight:bold;} .mypage_review_02 .ol_item ul li {line-height:1.5em;} .mypage_review_02 .stars {} .mypage_review_02 .stars ul{} .mypage_review_02 .stars ul li { float:left; margin-right:4px;} .mypage_review_02 textarea { width:600px; max-width:600px; height:250px; } .mypage_review_02 .review_pyung th{ vertical-align:top; padding-top:20px;} .mypage_review_02 .fileBox .btn_file {display:inline-block; width:70px; height:24px; font-size:12px; line-height:24px; border:1px solid #787878; border-radius:2px; background-color:#f6f6f6; text-align:center;vertical-align:middle;} .mypage_review_02 .fileBox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} .mypage_review_02 .fileBox p { display:inline-block; margin-left:15px;} .mypage_review_02 input[type="submit"] {display:block; margin:40px auto; width:240px; height:50px; background-color:#069ee9; border:none; outline:none; font-size:18px; color:#fff; } /* 영수증 */ .contact.mypage_receipt { } .contact.mypage_receipt table thead th { padding:0;} .contact.mypage_receipt table thead th:first-child { width:188px;} .contact.mypage_receipt.order_list .ol_total { font-size:13px; color:#333; } .contact.mypage_receipt.order_list .ol_total p { font-weight:500;} .contact.mypage_receipt.order_list .ol_total span { color:#888888; font-weight:300; } .contact.mypage_receipt input[type="checkbox"] { margin-right:10px; width:15px; height:15px; } .contact.mypage_receipt .receipt_box01,.contact.mypage_receipt .receipt_box02 { outline:none;} .contact fieldset > .receipt_box01 div,.contact fieldset > .receipt_box02 div { height:auto;} .contact.mypage_receipt .receipt_box01 { } .contact.mypage_receipt .receipt_box01 h2 { margin-top:20px; font-weight:600; font-family:"Nato Sans Medium"; display:inline-block; font-size:22px; color:#333; } .contact.mypage_receipt .receipt_box01 > p { display:inline-block; margin-left:15px; font-size:; color:#333;} .contact.mypage_receipt .receipt_box01 > div { padding:0 0 0 60px; border:solid 1px #dddddd;} .contact.mypage_receipt .receipt_box01 > div:after { content:""; display:block; clear:both;} .contact.mypage_receipt .receipt_box01 > div div {position:relative; float:left; padding:0 0 30px; margin:0; width:33.33%; } .contact.mypage_receipt .receipt_box01 > div div:after { content:""; display:block; position:absolute; top:50%; right:30px; width:17px; height:32px; background:url('../img/btn/receipt_01.png'); transform:translate(-50%,-50%);} .contact.mypage_receipt .receipt_box01 > div div:nth-child(3):after { display:none;} .contact.mypage_receipt .receipt_box01 > div div h3 { margin-top:30px;font-family:"Nato Sans Medium"; font-size:20px; font-weight:550; letter-spacing:-1px; } .contact.mypage_receipt .receipt_box01 > div div h3 span { color:#174a7d;} .contact.mypage_receipt .receipt_box01 > div div p { margin-top:15px; color:#777777; font-weight:400; font-size:14px; line-height:19px;} .contact.mypage_receipt .receipt_box02 {} .contact.mypage_receipt .receipt_box02 h2 { margin-top:20px;font-weight:600; font-family:"Nato Sans Medium"; font-size:22px; color:#333; } .contact.mypage_receipt .receipt_box02 > div { padding:20px 50px; border:solid 1px #ddd; background-color:#fafafa;} .contact.mypage_receipt .receipt_box02 > div p { position:relative; padding:8px 0; color:#666666; font-size:14px; letter-spacing:0px; line-height:17px;} .contact.mypage_receipt .receipt_box02 > div p:before { content:"·"; display:block; position:absolute; top:8px; left:-15px; font-size:24px; color:#174a7d; } /* 배송지 수정 */ .mypage_user_shipping {} .contact.shipping table tr th:first-child {width:62px;} .contact.shipping table thead th { font-weight:500;} .contact.shipping table tbody th { padding:20px 0;} .contact.shipping table tr .shipping_adr {width:120px;} .contact.shipping table tr .shipping_user {width:100px;} .contact.shipping table tr .shipping_adr2 {line-height:20px; padding:0 0 0 15px;} .contact.shipping table tr .shipping_adr2 div {display:none;} .contact.shipping table tr .shipping_phone1 {width:155px;} .contact.shipping table tr .shipping_phone2 {width:155px;} .contact.shipping table tbody .shipping_adr2 { text-align:left; } .contact.shipping div {margin:20px 0 0; outline:none;} .contact.shipping div:after {content:""; display:block; clear:both;} .contact.shipping div button { float:left; margin-right:10px; height:26px; line-height:26px; border-radius:2px; font-size:12px; box-sizing:border-box;} .contact.shipping div button:last-of-type { font-family: "Noto Sans KR"; float:right; margin-right:0; /* font-weight:500; */ } .contact.shipping div .shipping_normal { width:120px; background-color:#555555; color:#fff; border:solid 1px #555555;} .contact.shipping div .shipping_fix { width:80px; background-color:#f6f6f6; color:#333333; border:solid 1px #787878; } .contact.shipping div .shipping_del { width:80px; background-color:#f6f6f6; color:#333333; border:solid 1px #787878; } .contact.shipping div .shipping_add { width:80px; background-color:#f6f6f6; color:#333333; border:solid 1px #787878; } /* 배송지 수정 팝업 */ .shipping_popup { display:none; position:fixed; top:-20px; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.3); z-index:999999;} .shipping_popup > div { position:absolute; top:50%; left:50%; width:700px; /* height:410px; */ transform:translate(-50%,-50%); background-color:#fff;} .shipping_popup > div h2 { display:block; text-align:center; padding:15px 0; background-color:#3a3a3c; color:#fff; font-size:18px;} .shipping_popup > div table { width:580px; margin:30px auto 0px; } .contact.shipping .shipping_popup > div table tr th:first-child { width:140px; background-color:#fafafa; color:#333333; font-size:13px; text-align:left; } .contact.shipping .shipping_popup > div table tbody th { padding:15px 0 15px 20px;} .contact.shipping .shipping_popup > div table tbody td {padding:10px 15px; text-align:left;} .contact.shipping .shipping_popup > div table input[type="text"] { width:158px; border-color:#bbb; } .contact.shipping .shipping_popup > div table th, .contact.shipping .shipping_popup > div table td{vertical-align:-webkit-baseline-middle;} .contact.shipping .shipping_popup > div table input, .contact.shipping .shipping_popup > div table select{vertical-align: -webkit-baseline-middle;} .contact.shipping .shipping_popup > div table select {margin:0 0 0 5px; width:60px; } .contact.shipping .shipping_popup > div table .shipping_popup_phone1 input { width:60px; padding-right: 10px;} .contact.shipping .shipping_popup > div table .shipping_popup_phone1 button { box-sizing:border-box; float:none; margin:0px 0 0 10px; width:64px; height:24px; line-height:22px; background-color:#f6f6f6; border:solid 1px #a6a6a6; border-radius:2px; font-size:12px; } .contact.shipping .shipping_popup > div table .shipping_popup_phone2 { display:none;} .contact.shipping .shipping_popup > div table .shipping_popup_adr input[type="text"]:nth-of-type(2) { margin:5px 0 0 5px; width:380px; } .contact.shipping .shipping_popup > div table .shipping_popup_adr input[type="text"]:nth-of-type(3) { margin:5px 0 0 5px; width:380px; } .contact.shipping .shipping_popup > div table .shipping_popup_adr button { box-sizing:border-box; float:none; margin:5px 5px 0 5px; width:64px;height:24px; line-height:22px; background-color:#f6f6f6; border:solid 1px #a6a6a6; font-size:13px; color:#333;} .contact.shipping .shipping_popup > div div {display:table; margin:20px auto 40px;} .contact.shipping .shipping_popup > div div button { box-sizing:border-box; float:none; width:160px; height:42px; line-height:42px; font-size:16px; text-align:center; } .contact.shipping .shipping_popup > div div .shipping_popup_close { margin-right:10px; border:solid 1px #cccccc; background-color:#ffffff; color:#333;} .contact.shipping .shipping_popup > div div .shipping_popup_sub { background-color:#174a7d; color:#fff;} .contact.shipping .shipping_popup a.shipping_popup_close { position:absolute; top:16px; right:20px;} /* 배송지 관리 */ .cart_order .shipping_popup { z-index:999;} .cart_order .shipping_popup > div { width:730px; } .shipping_popup > div h2 { display:block; text-align:center; padding:15px 0; background-color:#3a3a3c; color:#fff; font-size:18px;} .shipping_popup > div table { width:670px; margin:30px auto 0px; border-top:solid 2px #888888; } .cart_order .shipping_popup > div table thead { background-color:#fafafa; color:#333333; } .cart_order .shipping_popup > div table thead tr {} .cart_order .shipping_popup > div table thead th { font-weight:500; height:40px; border-right:solid 1px #eeeeee; font-size:13px;} .cart_order .shipping_popup > div table thead th:nth-child(1) { width:60px;} .cart_order .shipping_popup > div table thead th:last-of-type { border-right:none;} .cart_order .shipping_popup > div table tr { border-bottom:solid 1px #eeeeee; } .cart_order .shipping_popup > div table tbody th { padding:15px 0 15px 0px; border-right:solid 1px #eeeeee;} .cart_order .shipping_popup > div table tbody td {padding:10px 15px; text-align:left; border-right:solid 1px #eeeeee; font-size:13px; font-weight:400; line-height:20px; } .cart_order .shipping_popup > div table tbody td:last-of-type { border-right:none;} .cart_order .shipping_popup > div table .shipping_popup_adr button { box-sizing:border-box; float:none; margin:0px 5px 0 5px; width:64px;height:24px; line-height:22px; background-color:#f6f6f6; border:solid 1px #a6a6a6; font-size:13px; color:#333;} .cart_order .shipping_popup > div button.shipping_normal { margin:20px 0 0 30px; color:#fff; background-color:#555555; width:120px; height:26px; line-height:26px; border-radius:2px;} .cart_order .shipping_popup > div div {display:table; margin:20px auto 40px;} .cart_order .shipping_popup > div div button { box-sizing:border-box; float:none; width:160px; height:42px; line-height:42px; font-size:16px; text-align:center; } .cart_order .shipping_popup > div div .shipping_popup_close { margin-right:10px; border:solid 1px #cccccc; background-color:#ffffff; color:#333;} .cart_order .shipping_popup > div div .shipping_popup_sub { background-color:#174a7d; color:#fff;} .cart_order .shipping_popup a.shipping_popup_close { position:absolute; top:16px; right:20px;} /* 이용약관 */ .trems_tab_menu { box-sizing:border-box; width:100%; margin:15px 0; } .trems_tab_menu li{float:left;position:relative;box-sizing:border-box; width:33.333333%;z-index:1;border-bottom:2px solid #174a7d ;} .trems_tab_menu li.selected{border-bottom:none;z-index:2;} .trems_tab_menu li.selected a{height:37px;border:2px solid #174a7d ;border-bottom:none;background:#fff;color:#174a7d ;} .trems_tab_menu li a{display:block;height:36px;margin-left:-1px;border:1px solid #ccc;border-bottom:none;background:#f8f8f8;color:#333;text-align:center;font-weight:500;line-height:36px;} .trems_con {padding:20px; border:solid 1px #ddd; color:#333 ;font-size:14px; font-weight:400; line-height:1.3;} /* 회원가입 선택 */ .member-container.member_new { margin-top:20px;} .members { width:28%; margin-right:8%; height:180px;} .members p { display:block; position:absolute; top:50%; left:50%; width:100%; text-align:center; font-size:20px; font-weight:500; line-height:21px; color:#333; transform:translate(-50%,-50%); } .members.active p{ color:#fff; } .members.on p{ color:#fff; } .members p .block { display:block; } .members.members_new { background:none; } .members.members_new.active { background:#174a7d; } .members.members_new.on { background:#174a7d; } .members.members_old { background:none; } .members.members_old.active { background:#174a7d; } .members.members_old.on { background:#174a7d; } .members.members_facebook { background:none; } .members.members_facebook.active { background:#174a7d; } .members.members_facebook.on { background:#174a7d; } .member-container.member_new input[type="radio"]{ width:0; height:0;bottom:-100%; left:-100%;} .members_new p:before { content:""; display:block; position:absolute; top:-30px; left:50%; text-align:center; width:39px; height:35px; background:url('../img/member/member_new01.png') center; background-size:cover; transform:translate(-50%,-50%); } .members_new.active p:before { background:url('../img/member/member_new02.png') center; background-size:cover; } .members_new.on p:before { background:url('../img/member/member_new02.png') center; background-size:cover; } .members_old p:before { content:""; display:block; position:absolute; top:-30px; left:50%; text-align:center; width:55px; height:38px; background:url('../img/member/member_old01.png') center; background-size:cover; transform:translate(-50%,-50%); } .members_old.active p:before { background:url('../img/member/member_old02.png') center; background-size:cover; } .members_old.on p:before { background:url('../img/member/member_old02.png') center; background-size:cover; } .members_facebook p:before { content:""; display:block; position:absolute; top:-30px; left:50%; text-align:center; width:117px; height:23px; background:url('../img/member/member_facebook01.png') center; background-size:cover; transform:translate(-50%,-50%); } .members_facebook.active p:before { background:url('../img/member/member_facebook02.png') center; background-size:cover; } .members_facebook.on p:before { background:url('../img/member/member_facebook02.png') center; background-size:cover; } .member input[type="button"] { background-color:#174a7d;} /* 회원가입 양식 */ .member-container.member-form { margin-top:20px; padding-bottom:20px;} .member-container .form-box2 .form_btn { background:#174a7d;} .form-box2 input[type="radio"] { border: solid 1px #ddd; border-radius: 50%; outline:none;} .form-box2 table td input { width:232px;} .form-box2 table .phone div:last-child input { width:232px; } .form-box2 .terms { width:100%; max-width:100%; margin:40px 0; box-sizing:border-box; text-align: -webkit-auto;} .member-container.member-form .agree input[type="checkbox"] { margin:-2px 10px 0 0; } /* 메일링 */ /* #mailing_wrap { width:770px; margin:0px auto; border:solid 20px #f2f2f2; background-color:#f2f2f2; box-sizing:border-box; } #mailing_wrap header { height:126px; background-color: #3a3a3c; overflow:hidden;} #mailing_wrap header img { float:left; vertical-align:middle; line-height:126px; margin:35px 30px; } #mailing_wrap header h2 { float:right; margin-right:30px; line-height:126px; color:#fff; font-size:24px; font-weight:400;} #mailing_wrap .mailing_container { box-sizing:border-box; padding:90px 0 70px 0; text-align:center; background-color:#fff; } #mailing_wrap .mailing_container > img { display:block; margin:0px auto; } #mailing_wrap .mailing_container h3 { padding:30px 0 20px; font-size:26px; } #mailing_wrap .mailing_container h3 span { color:#174a7d; } #mailing_wrap .mailing_container p { line-height:22px; } #mailing_wrap .mailing_container p span { font-weight:bold; } #mailing_wrap .mailing_container2 { padding:30px 0 30px 43px; margin:30px 0 0 0; background-color:#fff; } #mailing_wrap .mailing_container2 p { text-align:left; line-height:22px; font-family:'돋움','dotum'; color:#959595; font-size:13px; font-weight:300; letter-spacing:-1px;} #mailing_wrap #footer.mailing_footer .footer_bot { padding:60px 0 40px; background:none;} #mailing_wrap #footer.mailing_footer .footer_bot .wrap_layout { padding: 0 43px; width:100%;} #mailing_wrap #footer.mailing_footer .footer_bot address, #mailing_wrap #footer.mailing_footer .footer_bot p, #mailing_wrap #footer.mailing_footer .footer_bot .copy { font-family:'돋움','dotum'; font-size:12px; color:#959595; font-weight:300; } */ @media all and (max-width: 1180px) { #container.mypage_container, .contact.contact_news { margin: 0 auto; width: calc(100% - 30px); } } /* mobile */ @media screen and (max-width: 850px){ #container.mypage_container { width:100%;} /* side 메뉴 */ .mypage_nav { display:none;} #snb { /* display:none; */ position:relative; float:none; width: auto;} #snb h2.mybonto {height:42px; line-height:42px; background-color:#fff; color:#000000; font-size:15px;} #snb > ul {position:relative; margin-bottom:75px; } #snb > ul > li { float:left; width:25%;} #snb > ul > li > a {display:block; position:relative; padding:0; height:40px; border-bottom:none; line-height:40px; font-size:12px; font-weight:500; text-align:center;} #snb > ul > li > a:after{ content:""; display:block; position:absolute; right:-1px; top:15px; width:2px; height:10px; background-color:#e8e8e8;} #snb > ul > li > ul.snb_submenu { display:none; position:absolute; top:40px; left:0; right:0; width:100%; padding:0; height:46px; background:#ddd; z-index:999;} #snb > ul > li > ul.snb_submenu li { float:left;} #snb.contact_snb {} #snb.contact_snb ul{} #snb.contact_snb ul li { width:50%;} /* #snb.contact_snb ul li:nth-child(1) {width:22%;} #snb.contact_snb ul li:nth-child(2) {width:33%;} #snb.contact_snb ul li:nth-child(3) {width:15%;} #snb.contact_snb ul li:nth-child(4) {width:15%;} #snb.contact_snb ul li:nth-child(5) {width:15%;} */ #snb.contact_snb ul li a { font-size:12px; white-space:nowrap;} .web_menu {display:none;} #snb .moblie_menu {display:block;} #snb .moblie_menu li a.active { color:#174a7d;} #snb > .moblie_sub_menu { display:none; position:absolute; width:100%; height:46px; border-top:none; top:83px; left:0; } #snb > .moblie_sub_menu li {float:left; margin-right:10px;} #snb > .moblie_sub_menu li a {position:relative; display:block; font-size:11px; white-space:nowrap;/* overflow: hidden; text-overflow: ellipsis; */ font-weight:bold; color:#333333; line-height:46px; text-align:center; cursor:pointer;} #snb > .moblie_sub_menu li a.active { color:#174a7d; } /* #snb > .moblie_sub_menu li a:hover { color:#174a7d;} #snb > .moblie_sub_menu li a:hover:after { position:absolute; bottom:0; left:15%; content:""; display:block; clear:both; width:70%; height:3px; background-color:#174a7d;} */ #snb > .moblie_sub_menu li a.active:after { position:absolute; bottom:0; left:20%; right:20%;content:""; display:block; clear:both; width:60%; height:3px; background-color:#174a7d;} #snb > .moblie_sub_menu li a.moblie_nav01.active:after { position:absolute; bottom:0; left:0%; right:0%; content:""; display:block; clear:both; width:100%; height:3px; background-color:#174a7d;} #snb > .moblie_sub_menu li a.moblie_nav02.active:after { position:absolute; bottom:0; left:7.5%; right:7.5%; content:""; display:block; clear:both; width:85%; height:3px; background-color:#174a7d;} #snb > .moblie_sub_menu li a.moblie_nav03.active:after { position:absolute; bottom:0; left:30%; right:30%; content:""; display:block; clear:both; width:40%; height:3px; background-color:#174a7d;} #snb .snb_adzone.snb_ad_1,#snb .snb_adzone.snb_ad_2 { display:none;} /* 달력 */ .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all { display:none; position:absolute; top:548px !important;} .visit_box {} .mypage_info { float:none; width:100%;} .mypage_info ul {} .mypage_info ul li {padding:0 30px 0 20px; width:33.333333%; height:50px; line-height:50px; border-bottom: solid 1px #ddd; font-size:12px; font-weight:500;} .mypage_info ul li > p { margin-right:-5px; } .mypage_info ul li > p span:first-child { font-size:15px; } .mypage_info ul li > p span:last-child { right:-12px; font-size:10px;} .mypage_info ul li.cash > p span:last-child { right:-9px;} .mypage_info > div { margin-bottom:30px; height:40px;} .mypage_info div p {font-size:13px; color:#555555; line-height:40px; display:inline-block;} .mypage_info div p img {margin:0 6px 3px 20px; width:26px; vertical-align:middle;} .mypage_info div div { display:inline-block; float:right; margin:7px 20px;} .mypage_info div div a { display:inline-block; height:26px; line-height:26px; box-sizing:border-box; background-color:#3a3a3c; color:#fff; font-size:11px; text-align:center;} .mypage_info div div a.my_info { width:58px; margin-right:6px;} .mypage_info div div a.my_benefits { width:80px;} /* .order_list h2.contact_title { padding:20px 20px; font-weight:500; } */ .order_list h2.reser_title { padding:0px 20px;} .reser_select_box { margin:-20px 20px 0px;} .construction_case .titl { margin: 40px 0; } .construction_case .titl h2 { font-size: 16px; } .order_list h2.contact_title { padding: 40px 0; font-size: 16px; } .contact_alliance.order_list { margin: 0 auto; width: calc(100% - 34px); } /* 주문목록 */ .mypage_info ul li.cash { border-bottom:none;} .order_list { float:none; width:100%;} .order_list h2 { font-size:16px; padding:0 20px 12px; font-weight:bold;} .order_list table.ol_list { padding:0 18px; border:none; } .order_list tbody tr { padding:10px 20px; position:relative; margin-bottom:16px; border-top: solid 2px #888888;} .order_list .ol_item_box { padding-left:100px;} .order_list .ol_item_box .img_thurm { left:-18px; width:100px; height:100px;} .order_list .ol_item_box .item_tit { font-size:13px;} .order_list .ol_item_box .item_option li {font-size:12px; line-height:160%;} .order_list .ol_item_box .item_option li strong { font-size:12px; } .order_list .btn_st05 { box-sizing:border-box; margin-top:7px; margin-left: -18px; padding:0; width:100px; height:30px; line-height:28px; text-align:center; } .order_list .ol_list tbody td.ol_money { position:absolute; top:175px; left:140px; } .order_list .ol_money p { display:inline-block; margin:7px 5px; } .order_list .ol_list tbody td.ol_item {padding: 54px 0px 15px 18px; border-bottom: solid 1px #ddd; margin-bottom:0px; } .order_list tbody td.ol_total { text-align:left; display:none; } .order_list .ol_total p { text-align:left; display:inline-block; margin-right:15px; font-size:16px;} .order_list .ol_total span { text-align:left; display:inline-block; margin:0 5px 0 0; font-size:14px; } .order_list .ol_save { text-align:center;} .order_list .ol_save ul { padding:0px; margin:10px 0 5px;} .order_list .ol_save ul.shipping_condi {position: absolute; top: 0; left: 0; right: 0; padding-left: 13px; margin:0; background: #f6f6f6; height: 40px; line-height: 26px; } .order_list .ol_save li {display:inline-block; margin-right:3.5%; width:30%; text-align:center; } .order_list .ol_save ul.shipping_condi li { width:100%;} .order_list .ol_save li:last-child {margin-right:0px;} .order_list .ol_save li.shipping_btn {display:none;} .order_list .ol_save li a { display:block; } .order_list .shipping_ready { margin-left: 12px; font-size:14px; text-align:left; } .order_list .shipping_ing { margin-left: 12px; font-size:14px; text-align:left; } .order_list .shipping_finish { margin-left: 12px; font-size:14px; text-align:left; } .order_list .btn_del { width:100%; height:34px; line-height:34px; font-size:14px; } .order_list .od_btn_del { width:100%; height:34px; line-height:32px; font-size:12px; } .order_list .od_btn_sav { width:100%; height:34px; line-height:34px; font-size:12px; } .od_btn_change,.od_btn_review { width:100%; height:34px; line-height:32px; font-size:12px; } .order_list tbody tr.od_list_sum { border-bottom:none; margin-bottom:0;} .order_list tbody tr.od_list_sum .od_list_sum_btn {position: absolute; bottom: -222px; left: 0; right: 0; padding:0 20px; } .order_list tbody tr.od_list_sum2 { border-top:none; margin-top: -55px;} .order_list tbody tr.od_list_sum2 .ol_item { padding:54px 0px 15px 18px; margin-bottom:55px;} /* 텝메뉴 */ .cancle_refund { width:calc(100% - 40px); margin:15px auto 20px;} /* 취소 환불 */ .mypage_cancle h2 { padding: 0px 20px 12px; font-size: 16px; font-weight:500;} .mypage_cancle > p { padding:0 20px 0 20px; font-size:10px; letter-spacing: -1px; line-height:16px;} .mypage_cancle > p:last-child {} .mypage_cancle > p .block { display:none;} .mypage_cancle table.ol_list tbody td.ol_item { padding:54px 0 25px 18px; margin-bottom:60px; } .mypage_cancle.order_list table.ol_list th.ol_cancle_date { position:absolute; left:138px; padding:0; padding-left:0; margin-top:152px; border-bottom:none; background:none; text-align:left; font-size: 12px; color:#888; font-weight:300; } .mypage_cancle table th.ol_cancle_date:before { content:"반품 접수일:"; display:inline-block; color:#333; font-weight:500; } .mypage_cancle table.ol_list .ol_save { position:absolute; top:0; left:0; right:0; height:42px; background-color:#f6f6f6; text-align:left;border-bottom:solid 1px #dcdcdc; } .mypage_cancle table.ol_list .ol_save p {line-height:42px; padding-left:20px;} .mypage_cancle table.ol_list tbody td.ol_money { top:210px; left:0px; right:0px;width:90%;margin:0 auto;} .mypage_cancle table.ol_list tbody td.ol_money strong { float:right; font-size:15px;} .mypage_cancle table.ol_list tbody td.ol_money strong:after { content:"원"; color:#4e4e4e; font-weight:300;} .mypage_cancle table.ol_list tbody td.ol_money span { display:none;} .mypage_cancle table.ol_list tbody td.ol_money p { /* position:relative; */display:inline-block; font-size:15px; float:right; margin:0 5px 0 0; } .mypage_cancle table.ol_list tbody td.ol_money p.cancle_moblie_txt {display:block; float:left; font-weight:300;} .mypage_cancle table tbody .ol_total_money { width:90%;margin:0 auto; position:absolute; top:235px; left:0px; right:0px;text-align:right; } .mypage_cancle table.ol_list tbody td.ol_total_money strong { float:right; font-size:15px;} .mypage_cancle table.ol_list tbody td.ol_total_money strong:after { content:"원"; color:#4e4e4e; font-weight:300;} .mypage_cancle table.ol_list tbody td.ol_total_money span { display:none;} .mypage_cancle table.ol_list tbody td.ol_total_money p.cancle_moblie_txt {display:block; float:left;font-weight:300;} /* 환불 */ .mypage_refound .refound_info { width:calc(100% - 40px); margin:0 auto 25px;} .refound_info:after { content:""; display:block; clear:both; } .mypage_refound .refound_info > div {float:left; border:none; height:100px; font-size:11px;} .mypage_refound .refound_info > div:first-child { width:24.61%;} .mypage_refound .refound_info > div:first-child p { padding:35px 0 0 15px ; line-height:16px; text-align:left; } .mypage_refound .refound_info > div:first-child p .block { display:block; } .mypage_refound .refound_info > div:last-child { padding: 15px 16px; width:75.39%;} .mypage_refound .refound_info > div:last-child p { padding:0; margin-bottom:10px; font-weight:300; line-height:20px; } .mypage_refound .refound_info > div:last-child p .block {display:block;} .mypage_refound .order_list table.ol_list { padding:0; width:calc(100% - 40px); margin:0 auto; } .mypage_refound table li.refound_moblie {display:none;} .mypage_refound table th.ol_cancle_date { margin-top:116px;} .mypage_refound .ol_save p { font-size:14px; font-weight:400; } .mypage_refound .ol_save p span { display:none;} .mypage_cancle.mypage_refound.order_list table.ol_list th.ol_cancle_date { margin-top:115px;} .refound_popup > div {width:calc(100% - 40px); height:auto;} .refound_popup > div h2 { font-size:14px; font-weight:400;} .refound_popup > div table { margin:20px auto 0; width:calc(100% - 30px) ;} .refound_popup > div table th { padding:20px 0 20px 5px; width:25%; font-size:11px; font-weight:400;} .refound_popup > div table tr:nth-child(1) td input { width:60%; height:30px;} .refound_popup > div table tr:nth-child(2) td select { width:60%; height:30px; font-size:10px;} .refound_popup > div table tr:nth-child(3) td input { width:100%; height:30px;} .refound_popup > div div { display:block; width:calc(100% - 40px); margin:30px auto; text-align:center;} .refound_popup > div div button { width:33.33%;} /* */ .next_prev_box ul li a { width:20px; height:20px; line-height:20px; font-size:12px;} .next_prev_box ul li .first_page {background: #fafafa url('../img/btn/first_page.png'); background-size: cover;} .mypage_cancle { width:100%; } .cancle_refund a {/* width:100%; */ font-size:12px;} /* 계좌정보 관리 */ .mypage_account .refound_info { /*width:calc(100% - 40px);*/ margin:0 auto 25px;} .refound_info:after { content:""; display:block; clear:both; } .mypage_account .refound_info > div {float:left; border:none; height:100px; font-size:11px;} .mypage_account .refound_info > div:first-child { width:24.61%;} .mypage_account .refound_info > div:first-child p { padding:35px 0 0 15px ; line-height:16px; text-align:left; } .mypage_account .refound_info > div:first-child p .block { display:block; } .mypage_account .refound_info > div:last-child { padding: 35px 16px; width:75.39%;} .mypage_account .refound_info > div:last-child p { padding:0; display:block; text-align:left; margin-bottom:10px; font-weight:300; line-height:20px; } .mypage_account .refound_info > div:last-child p .block {display:block;} .mypage_account table.account_change { width:100%; text-align:left; color:#666; border-top:solid 2px #888;} .mypage_account table.account_change tr{border-top:solid 1px #cccccc; border-bottom:solid 1px #cccccc;} .mypage_account table.account_change th { box-sizing: border-box; padding: 20px 0px 20px 15px; width: 36%; color: #333333; font-size: 11px; } .mypage_account table.account_change td { border-bottom:solid 1px #cccccc; padding:15px 30px; font-size:14px; } .mypage_account table.account_change td input {width: 95%; outline:none;} .mypage_account table.account_change td select { width:95%;} .mypage_account table.account_change td p { display:inline-block; margin-left:10px; font-size:13px; font-weight:300;} .mypage_account div.btn_warp { margin:20px auto; width:auto; text-align: center;} .mypage_account button{} .mypage_account .refound_ok, .mypage_account .close_return { width:48%;} .mypage_account .close_return{margin-right:3%;} /* 찜한상품 */ .mypage_book.order_list .ol_list tbody td.ol_item { padding:20px 0 15px 18px; } .mypage_book.order_list .ol_list tbody td.ol_money {top:110px;} /* 예약리스트 */ .order_list .reser_check_box {position:absolute; top:0; left:0; right:0; text-align:left; padding:10px 20px; z-index:9; } .order_list .ol_total br { display:none; } .order_list .ol_total input { width:20%; height:24px; } .order_list .ol_total .reser_change { margin-top:0; margin-left:10px; } .reser_list.order_list .ol_list tbody td.ol_item { padding:50px 0 50px} .reser_list .ol_item_box .img_thurm { left:0px;} .reser_list.order_list .ol_item_box { padding-left:115px;} .reser_list .ol_list tbody td.ol_money { top:175px; left:0px; right:0px; padding:0 20px 0 0; } .reser_list .ol_list tbody td.ol_money strong { float:right;} .reser_list .ol_list tbody td.ol_money p {/* position:relative; */ float:right; margin:2px 10px;} .reser_list .ol_list tbody td.ol_money p:before { content:"합계금액"; display:block; position:absolute; top:4px; left:20px; font-size:13px; font-weight:300;} .order_list table.ol_list td.visit_txt.visit_txt02 { margin-bottom: 60px; border-bottom: solid 1px #ddd;} .visit_txt.visit_txt02 ul { padding-left:0;} .visit_txt.visit_txt02 ul li strong { padding-left:0;} .visit_txt.visit_txt02 ul li:last-child strong:last-child{} .visit_txt.visit_txt02 ul li:last-child strong:last-child:before{ content:"";display:block;} .reser_list.order_list tbody td.ol_total {display:block; height:40px;} .reser_list.order_list tbody td.ol_total input { float: left; width: 30%; height: 34px; } .reser_list.order_list .ol_total .reser_change { float: left; margin-top: 0; margin-left:5%; width: 30%; height: 34px; } .reser_list.order_list tbody .ol_save { position: absolute; top: 0px;left: 0; right: 0; text-align: left; padding: 0 20px; white-space:nowrap; } .reser_list.order_list tbody .ol_save li { padding:3px 20px; width:100%; text-align: left; } .reser_list.order_list tbody .ol_save li a { position:absolute; top:380px; width:31%; left: 50%; /* right:20px; */ transform: translate(-50%,-50%);} .reser_del {position:relative; padding: 0 10px; margin:10px 0 20px; } .reser_del button.visit_btn01 { position:absolute; top:0; right:100px; margin:0 20px 0 10px;} .reser_del button.cancelkk{ position:absolute; top:0; right:20px;} /* 예약팝업 */ .visit_box { /* display:block; */ } .visit_box .visit_popup { width:calc(100% - 40px); height:auto; } .visit_box .btn_visit02 { display:block; float:unset; margin:40px auto; } .visit_box h2 { padding:15px 0px; height:unset; line-height:unset;} .visit_box table {} .visit_box table th { padding:15px 0 15px 5px; width:30%; font-size: 12px; font-weight:400;} .visit_box table tr { border:solid 1px #ddd; border-right:none; border-left:none; } .visit_box .visit_popup #search_store { width:100%; } .visit_box table tr:first-child td input { width:45%;} .visit_box table tr:first-child td button { width:45%;} .visit_box table tr:nth-child(2) td input { width:70%; margin-right:5%;} .visit_box table tr:last-child td select {width:45%;} .visit_box .btn_box { display:block; padding:0 20px; text-align:center; } .visit_box .btn_box:after { content:""; display:block; clear:both; } .visit_box .btn_box button { text-align:center; height: 35px; line-height: 35px; font-size:12px; } .visit_box .btn_visit01 { width:33.84%; } .visit_box .btn_visit02 { display:unset; width:33.84%; margin:0;} .visit_box_close {} /* 예약완료 */ .visit_txt ul li { padding:0 0 0 0px;} .reser_list {} .reser_list .ol_list tbody td { width:100%;} .reser_list .ol_list .ol_item.visit_01 { margin-bottom:30px; } .reser_list .ol_list tbody td.ol_money.visit_02 { top:140px;} .reser_list.order_list tbody tr.visit_03 { border-bottom:none;} .reser_list.order_list tbody tr.visit_02 {border-top:none; margin-top:-55px;} .reser_list.order_list tbody tr.visit_02 .ol_item.visit_01 { margin-bottom:115px;} .reser_list.order_list tbody tr.visit_02 .ol_save.visit_01 {} .reser_list .ol_list tbody td.visit_txt {} .reser_list .ol_list tbody td.visit_txt.visit_02 ul { position:absolute; top:375px; left:0; right:0; padding:0 20px;} .reser_list .ol_list tbody td.ol_save.visit_02 ul { display:none; position:absolute; top:454px; left:0; right:0; padding:0 20px; text-align:right;} /* .reser_list.order_list tbody .ol_save .reser_del_btn { position: absolute; top: 174px;left: 0; right: 0; text-align: right; padding: 0 20px; } */ /* 쿠폰 사용가능 */ .cancle_refund {} .my_coupon table.ol_list { width:calc(100% - 40px); margin:0 auto; border:none; } .my_coupon .ol_list tbody tr {border-top:solid 2px #888; margin-top:0; padding:20px 20px 40px; margin-bottom:15px;} .my_coupon .ol_list tbody tr:first-child { display:none;} .my_coupon .mypage_cancle table.ol_list tbody td.ol_item { padding:0 0 30px; margin-bottom:20px; border-bottom:solid 1px #ddd;} .mypage_coupon .ol_item .item_tit.coupon_name { text-align:left; padding:40px 0;} .mypage_coupon .ol_item .item_tit.coupon_name p {} .mypage_coupon .ol_list tbody td.ol_total.coupon_term {position:absolute; top:68px; left:0; right:0; text-align:left; } .mypage_coupon .ol_list tbody td.ol_total.coupon_term p{ padding:0 0 0 20px; font-size:12px; color:#888888; font-weight:300; } .mypage_coupon .ol_list tbody td.ol_total.coupon_term p:before { content:"사용조건 : "; font-weight:500; color:#333; } .mypage_coupon .ol_list tbody td.ol_total.coupon_date {position:absolute; top:87px; left:0; right:0; text-align:left; } .mypage_coupon .ol_list tbody td.ol_total.coupon_date p { padding:0 0 0 20px; font-size:12px; color:#333333; } .mypage_coupon .ol_list tbody td.ol_total.coupon_date p:before { content:"유효기간 : "; font-weight:500; color:#333; } .mypage_coupon .ol_list tbody td.ol_total.coupon_condi {position:absolute; top:-15px; left:0; right:0; text-align:left; background-color:#f6f6f6;} .mypage_coupon .ol_list tbody td.ol_total.coupon_condi p {padding: 15px 0 15px 20px; font-size:14px; } .mypage_cancle table.ol_list tbody td.ol_money.coupon_persent { position:absolute; top:unset; left:20px; right:20px; padding-bottom:20px; } .mypage_cancle table.ol_list tbody td.ol_money.coupon_persent p { position:relative; text-align:right; display:block; float:unset; margin:0; font-size:15px; } .mypage_cancle table.ol_list tbody td.ol_money.coupon_persent p:before { content:"할인액(율)"; display:block; position:absolute; left:-0%; top:0; font-size:13px; font-weight:300; } .cancle_refund {} /* 배송지 수정 */ .shipping {position:relative;} .contact.shipping table {display:block;} .contact.shipping table tbody {display:block;} .contact.shipping table tr {border:solid 1px #dcdcdc; font-size:12px; } .contact.shipping table tr.m_tr { height:15px; border:none;} .contact.shipping table tr:after { content:""; width:100px; height:150px; margin-bottom:20px; background:red;} .contact.shipping table td {border:none;} .contact.shipping table tr th:first-child {box-sizing:border-box; position:absolute; left:20px; padding:0; width:calc(100% - 40px); border:none; text-align:left; z-index:9;} .shipping_choice {} .shipping_choice input[type="radio"] { margin:17px 20px; background:none; border-radius:50%; width:14px; height:14px; } .contact.shipping table tr .shipping_adr {box-sizing:border-box; position:absolute; left:20px; padding:0 0 0 40px; width:calc(100% - 40px); height:45px; line-height:45px; background-color:#f6f6f6; border:solid 1px #dcdcdc; text-align:left;} .contact.shipping table tr .shipping_user {box-sizing:border-box; position:absolute; left:20px; padding:60px 0 0 20px; width:calc(100% - 40px); text-align:left; } .contact.shipping table tr .shipping_user:before { content:"받는사람 : ";display:inline-block; margin-right:5px; } .contact.shipping table tbody .shipping_adr2 { padding:90px 20px 20px 20px; margin-bottom:15px; width:100%; /* height:500px; */ font-size:12px; letter-spacing:-1px;} .contact.shipping table tbody .shipping_adr2 > div { display:block; border-top:solid 1px #dddddd; margin:85px 0 0px;} .contact.shipping table tbody .shipping_adr2 > div button {float:left; margin:15px 5% 0 0;width:30%; height:30px; line-height:30px; } .contact.shipping table tbody .shipping_adr2 > div .shipping_btn_common { background-color:#555555; color:#fff; } .contact.shipping table tbody .shipping_adr2 > div .shipping_btn_fix { background-color:#f6f6f6; color:#333333; border:solid 1px #a6a6a6; } .contact.shipping table tbody .shipping_adr2 > div .shipping_btn_delete { background-color:#f6f6f6; color:#333333; border:solid 1px #a6a6a6; margin-right:0;} .contact.shipping table tr .shipping_phone1 {box-sizing:border-box; position:absolute; left:20px; padding:145px 20px 0 0px; width:calc(100% - 40px); text-align:right;} .contact.shipping table tr .shipping_phone1:before {content:"연락처1"; position:absolute; left:20px; } .contact.shipping table tr .shipping_phone2 {box-sizing:border-box; position:absolute; left:20px; padding:170px 20px 0 0px; width:calc(100% - 40px); text-align:right;} .contact.shipping table tr .shipping_phone2:before {content:"연락처2"; position:absolute; left:20px; } .contact fieldset > div.web_shipping_btn {position:absolute; top:-20px; right:20px; } .contact fieldset > div.web_shipping_btn .shipping_add{border:solid 1px #a6a6a6; font-size:11px; } .shipping_normal,.shipping_fix,.shipping_del{ display:none;} /* 배송지 수정 팝업 */ .shipping_popup { z-index:999; } .shipping_popup > div { width:calc(100% - 40px); } .shipping_popup > div table { width:calc(100% - 40px);} .contact.shipping .shipping_popup > div table tbody td { padding:10px;} .contact.shipping .shipping_popup table tr th:first-child { position:relative; left:0;} .contact.shipping .shipping_popup > div table tr { border-top:none; border-bottom:solid 1px #dcdcdc; border-left:none; border-right:none; } .contact.shipping .shipping_popup > div table tr:first-child { border-top:solid 2px #888; } .contact.shipping .shipping_popup > div table tr th:first-child { width:30%; text-align:center; font-size:11px;} .contact.shipping .shipping_popup > div table tbody th { padding:15px 0;} .contact.shipping .shipping_popup > div table input[type="text"] { width:100%;} .contact.shipping .shipping_popup > div table .shipping_popup_phone1 input { width:29%; } .contact.shipping .shipping_popup > div table select { width:29%; margin:0; font-size:11px; } .contact.shipping .shipping_popup > div table .shipping_popup_phone1 button { width:29%; height:30px; margin:5px 0 0 0; font-size:11px;} .contact.shipping .shipping_popup > div table .shipping_popup_adr input[type="text"]:nth-of-type(2) { width:100%; margin:0;} .contact.shipping .shipping_popup > div table .shipping_popup_adr input[type="text"]:nth-of-type(3) { width:100%; margin:5px 0 0;} .contact.shipping .shipping_popup > div table .shipping_popup_adr button { margin:0; width:29%; height:30px; font-size:11px;} .contact.shipping .shipping_popup > div table .shipping_popup_adr input[type="text"] { width:65%; margin-left:6%;} .contact.shipping .shipping_popup > div div { width:calc(100% - 40px); text-align:center; } .contact.shipping .shipping_popup > div div button { width:33.84%; height:35px; line-height:35px; font-size:12px; } .contact.shipping .shipping_popup > div div .shipping_popup_close {} .contact.shipping .shipping_popup > div div .shipping_popup_sub {} /* 본토캐쉬 */ .bonto_cash {padding:0 20px; box-sizing:border-box;} .bonto_cash h2 { padding:0 0 12px;} .contact.bonto_cash table { width:100%;} .bonto_cash table thead { display:none;} .contact.bonto_cash table tr th.boton_cash_date { width:auto;} .contact.bonto_cash table tr th:first-child {width:auto;} .contact.bonto_cash table thead tr th:nth-child(3) { width:auto;} .contact.bonto_cash table thead tr th:nth-child(4) { width:auto;} .boton_cash_residual { padding:0; } .boton_cash_history { padding:0; } .contact.bonto_cash table tbody tr { position:relative; border:solid 1px #ddd;} .contact.bonto_cash table tbody th.boton_cash_date { box-sizing:border-box; padding:15px 20px; width:100%; height: 130px; vertical-align: top; text-align: left; } .contact.bonto_cash table tbody tr td.boton_cash_tit{ position:absolute; left:20px; border:none; margin-top: 35px;} .contact.bonto_cash table tbody tr td.boton_cash_history{ position:absolute; right:40px; left:40px; margin-top:75px; border:none; } .contact.bonto_cash table tbody tr td.boton_cash_history:before{ content:"캐쉬내역"; position:absolute; left:0%; } .contact.bonto_cash table tbody tr td.boton_cash_residual{ position:absolute; right:40px; left:40px; margin-top:100px; border:none; } .contact.bonto_cash table tbody tr td.boton_cash_residual:before{ content:"잔여캐쉬"; position:absolute; left:0%; } #contact_title,.contact_search{ float:left;} /* #contact_title { margin:5px 0 0 0; width:22.5%; } */ /* 상품평 */ .mypage_review > p { font-size:11px; padding:0 20px; margin-bottom:15px;} /* 개인정보 수정 */ .order_list.mypage_user_info { padding:0 20px; width:100%; box-sizing:border-box; } .mypage_login form {padding:0;} .mypage_user_info h2 { padding:0px; margin-bottom:20px; border-bottom:none;} .mypage_login div { display:block;} .mypage_login .fn_btn { float:left; margin-right:4%; width:48%;} .mypage_login .fn_sub { float:left; width:48%;} .order_list.mypage_user_info tbody tr { position:relative; } .mypage_login th p { margin:0;position:absolute; display:none;} .mypage_login .mypage_user_login th { box-sizing:border-box; padding:20px 0px 20px 15px; width:36%; color:#333333; font-size:11px;} .mypage_login td {box-sizing:border-box; padding:0 0 0 15px;color:#333333; font-size:11px; } .mypage_login td input {margin-top:15px; width:95%;} .mypage_login td p { display:block; line-height:16px; margin:10px 0;} /* */ .mypage_user_info .member-container { width:100%;} .mypage_cancle.mypage_user_info { box-sizing:border-box; padding:0 20px;} .mypage_user_info .form-box2 table th { padding:20px 5px 20px 15px; width:30%; } .mypage_user_info .form-box2 table td { padding:10px 0 10px 10px; } .mypage_user_info .form-box2 table .phone input {width:30%; } .mypage_user_info .form-box2 table .phone select {width:30%; } .mypage_user_info .form-box2 .password td input { width:100%;} .mypage_user_info .form-box2 table td input { width: 100%;} .mypage_user_info .form-box2 table td input[type="radio"] { width:14px;} .mypage_user_info .form-box2 .shipping_address td { padding:10px 5px 10px 10px; line-height:16px;} .mypage_user_info .form-box2 .fn_btn {float:left; width:40%; margin: 30px 0px -40px 8%;} .mypage_user_info .form-box2 .fn_sub {float:right; width:40%; margin:0 8% 0 0;} .mypage_user_info div {display:block; text-align:center; } .mypage_user_info div:after { content:""; display:block; clear:both;} /* 회원탈퇴 팝업 */ .mypage_user_info .shipping_popup > div form fieldset > div { padding:0px 10px 0; letter-spacing: -1px;} .mypage_user_info .shipping_popup > div form fieldset > div h4 { font-size:13px; } .mypage_user_info .shipping_popup > div form fieldset > div > div { padding:10px 0; } .mypage_user_info .shipping_popup > div form fieldset > div > div div { width:50%; font-size:13px; margin:14px 0; letter-spacing:-1.5px; } .mypage_user_info .shipping_popup > div form fieldset > div > div div:nth-child(2), .mypage_user_info .shipping_popup > div form fieldset > div > div div:nth-child(5), .mypage_user_info .shipping_popup > div form fieldset > div > div div:nth-child(8) { width:50%; margin:14px 0;} .mypage_user_info .shipping_popup > div form fieldset > div > div div input[type="checkbox"] { margin-right:4px; margin-bottom:2px; } .mypage_user_info .shipping_popup > div form fieldset > div:nth-of-type(2) h4 { padding:0 0 10px;} .mypage_user_info .shipping_popup > div form fieldset > div > textarea { height:75px; border-radius:0; cursor:pointer; } .mypage_user_info .shipping_popup > div form fieldset > div:last-of-type {display:block; box-sizing:border-box; padding:20px 35px; } .mypage_user_info .shipping_popup > div div button { width:48%; float:left; font-size:14px; } .mypage_user_info .shipping_popup > div div .shipping_popup_close { margin-right:4%;} .mypage_user_info .shipping_popup > div div .shipping_popup_sub { border:none; } body.iosBugFixCaret.modal-open { position: fixed; width: 100%; } /* 배송지 관리 */ .contact.shipping { /* padding:0px; */ box-sizing:border-box; } .order_list h2.shipping_title { padding:0 20px 12px; margin-bottom:10px; } .contact.shipping.my_info table {border-top:none;} .contact.shipping.my_info table tr {border-top:solid 2px #888;} .contact.shipping table thead { display:none; } .contact.shipping table {} /* 1:1 문의 */ .contact input[type="text"] { margin:5px 0; width:48%; } .contact input[type="button"] { margin:5px 0 0 0; width:29%;} .contact .contact_btn_box { box-sizing:border-box; padding:10px 20px; margin:0 auto; outline:none; border:solid 1px #ddd; width:calc(100% - 40px);} .contact .contact_btn { float:left; margin-bottom:10px; margin-right:2.5%; width: 18%; } .contact .contact_btn:first-child { margin-left:0; } .contact .contact_btn:nth-child(5) { margin-right:0; } .contact.contact_news fieldset > .contact_btn_box div { width:100%; line-height:35px;} .contact.contact_news fieldset > .contact_btn_box div input[type="text"] {width:48%;} .contact.contact_news fieldset > .contact_btn_box div input[type="text"]:first-of-type { float:left;} .contact.contact_news fieldset > .contact_btn_box div input[type="text"]:last-of-type { float:right;} .contact.contact_news fieldset > .contact_btn_box div select { width:100%; margin-top:10px; } .contact fieldset > div div:first-child { float:unset; padding:12px 0px 12px 0px; } .contact fieldset > div div { height:auto;} .contact fieldset > div div:last-child { width:auto; float:unset;} .date_form {background-position:90% center;} .contact table { width:100%; margin:0 auto;} .contact.contact_news table tbody tr:first-child { border-top:solid 2px #888; } .contact table tbody th { padding: 0px 0 40px;} .contact table tbody .contact_tit { text-align:left; padding:20px 0 70px 20px; width:100%; font-weight:300; ; overflow:hidden; } .contact table tbody .contact_tit a { float:left; width:40%; font-size:12px; font-weight:300; text-overflow:ellipsis;white-space: nowrap; overflow: hidden; } .contact table tbody tr {position:relative;} .contact table tbody .contact_date { position:absolute; left:20px; right:20px; margin:50px 20px 0; width:100%; font-weight:300; text-align:left;} .contact table tbody .contact_date:before { content:"작성일 : "; font-weight:400; } .contact table tbody .contact_condi { position:absolute; left:20px; right:20px; margin:70px 20px 0; width:100%; font-weight:300; text-align:left;} .contact table tbody .contact_condi:before { content:"상태 : "; font-weight:400; } .contact_one_btn { float:unset; display:block; margin:0 auto; width:40%; height:35px; font-size:14px; line-height:35px; } .construction_case .contact table tbody .contact_condi{display:static;} /**/ .contact_search_box { padding:5px; height:auto;} .contact_search_box > div { padding:10px; height:auto;} .contact_search_box > div > div input { width:52%;} .contact_tab_menu > div a { font-size:10px;} .contact_qna > div > a { font-size:12px; line-height:1.5; border-bottom:none; } .contact_qna > div > .contact_a { font-size:12px;} /* 1:1 문의하기 보기 */ .contact_news_view.order_list tbody tr { border-top:solid 1px #dcdcdc; font-size:12px;} .contact.contact_news_view table tbody th {padding:15px 20px;font-weight:300;} .contact.contact_news_view table tr .contact_news_view_date { width:55%;padding: 15px 20px; text-align:left; font-size:12px; white-space:nowrap;} .contact.contact_news_view table tr .contact_news_view_views { padding: 15px 20px; width:40%; white-space:nowrap; font-size:12px;} .contact.contact_news_view table tr .contact_news_view_date, .contact.contact_news_view table tr .contact_news_view_views, .contact.contact_news_view table tr .contact_news_view_views.right, .contact.contact_news_view table tr .contact_news_view_file { display: block; padding: 0; padding-left: 20px; width: 100%; text-align: left; box-sizing: border-box; } .contact.contact_news_view table tr .contact_news_view_date { padding-top: 10px; } .contact.contact_news_view table tr .contact_news_view_views.right, .contact.contact_news_view table tr .contact_news_view_file { padding-bottom: 10px; } .notice_contact.contact.contact_news_view table tr .contact_news_view_views.right { padding-right: 20px; width: auto; text-align: right; } .contact.contact_news_view table tr .color_pointer { font-size:11px; margin-right:5px; font-weight:400;} .contact_view_answer { background-color:#f9f9fa; } .contact_view_answer img { margin:0px 0 0 0; } .contact_view_answer h3 { font-weight:400; margin:10px 0; /* font-size:28px; */} .contact fieldset > div.contact_news_btn_box { width:calc(100% - 40px); margin:20px auto; } .contact fieldset > div.contact_news_btn_box button { width:29%; height:42px; box-sizing:border-box; outline:none; } .contact.contact_news_view .contact_news_view_back {border:solid 1px #cccccc; margin-right: 6%;} .contact.contact_news_view .contact_news_view_delete { background-color:#3a3a3c; color:#fff;} .contact.contact_news_view .contact_news_view_fix { background-color:#174a7d; color:#fff; margin-left:6%; } .contact.contact_news_view { margin: 0 auto; width: calc(100% - 34px); } /* 1:1 문의하기 작성 */ .contact.alliance_view table { display: block; } .contact_news_view.contact table { display: table; } .contact_news_view.contact table tbody { display: table-row-group; } .contact.alliance_view tr { display: block; padding: 10px; border-top:solid 1px #dcdcdc; margin: 0; border-top: 0;} .contact.alliance_view tr th:first-child { display: block; padding: 0; background: none; width: 100%; font-size:11px; border: 0; } .contact.alliance_view tr td::after { display: block; clear: both; content: ''; } .contact.alliance_view tr td, .contact table tr td:last-child { display: block; padding: 0; border: 0; } .contact input[type="text"].alliance_view-tit { width:100%;} .contact input[type="password"] {width: 100%;} .contact.alliance_view tr td .alliance_file_name { width:68%;} .contact.alliance_view tr td label { width:32%;} .contact.alliance_view .about_alliance_btnbox { display:block; text-align:center;} .contact.alliance_view .about_alliance_cancle { width:30.5%;} .contact.alliance_view .about_alliance { width:30.5%;} /* 회사소개 */ .intro_text_box { margin:20px auto; width: calc(100% - 40px); font-size:12px;} .intro_text_box .block { display:none; } .intro_img_box { height:auto; padding: 20px 0;} .intro_img_box:after { content:""; display:block; clear:both; } .intro_img_box img { float:unset;} .intro_img_box img:first-child { float:unset; margin:20px auto; text-align:center; display:block; } .intro_img_box img:last-child { float:unset; margin:20px auto; text-align:center; display:block; } .intro_hesh_box { padding:15px; margin: 40px 0 40px 0; height:auto; } .intro_hesh_box h3 { padding: 10px 0 10px;} .intro_hesh_box p {font-size:16px;} .intro_hesh_box p .block { display:none;} .intro_map_box { width:calc(100% - 40px); margin:0 auto;} .intro_map_box p { font-size:12px;} /* 제휴 */ .alliance #snb.contact_snb ul li:nth-child(1) { width:50%;} .alliance #snb.contact_snb ul li:nth-child(2) { width:50%;} .contact.contact_news fieldset > div.search_box { box-sizing:border-box; float:unset; width:100%; display:table; margin: 20px auto 20px;} .contact.contact_news fieldset > div.search_box div { width:100%; padding:0;} .contact.contact_news fieldset > div:after { content:""; display:block; clear:both; } .contact.contact_news fieldset > div div:after { content:""; display:block; clear:both;} .contact.contact_news fieldset > div.search_box div select {width:27.7%; margin-right:2.8%;} .contact.contact_news fieldset > div.search_box div input[type="text"] {margin:0 1.8% 0 0; width:50.8%;} .contact_search_btn { width:16.9%; } .contact.alliance_view tr td .alliance_file_del { margin:10px 0 0 0; width:40%; } .contact.contact_news table thead th { display:none; } .contact.contact_news table tbody tr {position:relative; top:0; left:0; height:40px; border-top:solid 1px #dcdcdc;} .contact.contact_news table tbody tr td.contact_news_date { position:absolute; right:0; margin:14px 20px 0 0; font-size:10px;} .contact.contact_news table td { border:none; font-size:12px;} .contact.contact_news table tr th:first-child {display:none;} .contact.contact_news table tr th:last-child { width:20%; } .contact table tr {} .construction_case .contact table tbody .contact_condi{position:static;} .construction_case .contact.contact_news table tbody tr td.contact_news_date{position:static;} .contact table a { font-size:10px; width:70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .alliance_tit {padding: 0px 10px } .about_alliance { float:unset; display:block; margin:0 auto;} .alliance_view.wid100 { margin: 0 auto; width: calc(100% - 34px); } .contact table { display: block; border-bottom: 0; } .contact table tbody { display: block; } .contact.contact_news table tbody tr:first-child { border-top: 0; } .contact.contact_news table tbody tr { display: block; margin: 0; border-top: 0; padding: 10px; height: auto; text-align: left; } .contact.contact_news table td { display: block; padding: 0; width: 100%; } .contact.contact_news table .contact_news_tit { padding: 0; margin-bottom: 10px; } .contact table a { font-size: 14px; width: 100%; } .contact.contact_news table tbody tr td.contact_news_date { position: static; display: inline-block; margin: 0; width: auto; font-size: 12px; } .construction_case .contact table tbody .contact_condi { display: inline-block; margin: 0; margin-left: 10px; width: auto; } /* 이용약관 */ .trems_tab_menu li a { font-size:12px; } .trems_con { font-size:12px; } /* 영수증 */ .contact .contact_btn02 { width: 100%; margin-top:10px;} .mypage_receipt .ol_list.od_list{margin-top:20px;padding:0;} .contact.mypage_receipt.order_list tbody td.ol_item {padding:54px 0 40px 18px; margin-bottom:50px; } .contact.mypage_receipt table thead th:first-child { width:100%;} .mypage_receipt .ol_list.od_list tbody tr{margin-bottom: 15px;} .contact.mypage_receipt table th {border:none;} .contact.mypage_receipt table td {border:none;} .contact.mypage_receipt.order_list .ol_total { width: 100%;position: absolute; top:122px; left: 137px; right: 0; z-index: 9; text-align:left;} .contact.mypage_receipt.order_list .ol_total p { font-size:12px; color:#888; font-weight:300;} .contact.mypage_receipt.order_list .ol_total p:before { content:"접수 날짜 : "; color:#333; font-size:12px; font-weight:500; } .contact.mypage_receipt.order_list .ol_total span {display:block; width:160px; overflow:hidden; text-overflow:ellipsis; font-size:12px; color:#888; font-weight:300; white-space: nowrap;} .contact.mypage_receipt.order_list .ol_total span:before { content:"접수 번호 : "; color:#333; font-size:12px; font-weight:500; } .mypage_receipt .ol_save ul.shipping_condi { padding-left:40px; border-bottom: solid 1px #ddd;} .mypage_receipt .ol_save ul.shipping_condi li { text-align:left;} .mypage_receipt .ol_list.od_list .ol_save.od_receipt{ position:absolute;top:-5px; left:0; right:0; padding-left:20px; border:none; } .mypage_receipt .ol_list.od_list .ol_save.od_receipt li:last-child{width:100%; text-align:left;} .mypage_receipt .ol_list.od_list .od_btn_del{position:absolute; top:220px; left:35%; right:0; /* display:block; */width:31%; text-align:center; } .contact.mypage_receipt.order_list .ol_list tbody td.ol_money { top:170px; left:0; right:20px;} .contact.mypage_receipt.order_list .ol_list tbody td.ol_money strong { float:right; } .contact.mypage_receipt.order_list .ol_list tbody td.ol_money strong span { font-size:13px; font-weight:400; } .contact.mypage_receipt.order_list .ol_list tbody td.ol_money p { float:right; margin-top:2px;} .contact.mypage_receipt.order_list .ol_list tbody td.ol_money p:before { content:"합계 금액"; position:absolute; left:20px;} .contact.mypage_receipt .receipt_box01 { } .contact.mypage_receipt .receipt_box01 h2 { font-size:16px; padding:0 20px 10px;} .contact.mypage_receipt .receipt_box01 > p { margin-left:20px; margin-bottom:10px; font-size:12px;} .contact.mypage_receipt .receipt_box01 > div{padding:20px 0; width:calc(100% - 40px); margin:0 auto;} .contact.mypage_receipt .receipt_box01 > div div{width:100%;padding:0; text-align:center;} .contact.mypage_receipt .receipt_box01 > div div:after { display:none;} .contact.mypage_receipt .receipt_box01 > div div h3{ margin-top:10px; font-size:16px;} .contact.mypage_receipt .receipt_box01 > div div p { font-size:11px;} .contact.mypage_receipt .receipt_box01 > div div p br { display:none;} .contact.mypage_receipt .receipt_box02 h2 { font-size:16px; padding:0 20px 10px; } .contact.mypage_receipt .receipt_box02 > div {padding:20px 5px 20px 25px; width:calc(100% - 40px); margin:0 auto;} .contact.mypage_receipt .receipt_box02 > div p { font-size:12px;} /* .contact.mypage_receipt .receipt_box02 > div p:nth-child(4) br { display:none; } */ .contact.mypage_receipt .receipt_box02 > div p:before { left:-12px; } .contact.mypage_receipt .receipt_box02 > div p br {} .contact.mypage_receipt .receipt_hidden { display:none;} .mypage_receipt .ol_list.od_list tbody tr.reciept_row_top td.ol_item { /* border-bottom:none; */ } .mypage_receipt .ol_list.od_list tbody tr.reciept_row_top { border-bottom:none; } .mypage_receipt .ol_list.od_list tbody tr.reciept_row_bottom { margin-top:-115px; border-top:none; } /* .od_btn_del.receipt_hidden { display:none;} */ /* 자주 묻는질문 */ .contact_pu #snb.contact_snb ul {} #snb.contact_snb ul { margin-bottom:0px;} #snb .contact_phone_number {display:none;} .order_list.contact_pu { margin-top:-70px; } .order_list.contact_pu h2.contact_title { font-weight:500; font-size:16px; margin-top:70px; } .order_list.contact_pu .contact_search_box { width: calc(100% - 40px); padding:10px; margin: 0 auto;} .contact_pu .contact_search_box > div > div select { width:29.5%; margin-right:3%; } .contact_pu .contact_search_box > div > div input { width:47%; margin-right:0; } .contact_pu .contact_search_box > div > div .contact_search_btn { width:18%; float:right;} .contact_tab_menu { width:calc(100% - 40px); margin:20px auto 20px;} .contact_tab_menu > div { overflow:hidden;} .contact_tab_menu > div a { word-break: keep-all; } .contact_qna { width:calc(100% - 40px); margin:0 auto; } .contact_qna > div > a .contact_q:before { top:-9px; font-size:21px;} .contact_qna > div > a .slide_btn { margin-top:4px;} /* 본토소식 */ /* .contact_news h2.contact_title { padding:20px 20px 20px; } */ /* 회원혜택/서비스 */ .div_table { display:none;} .contact.contact_service.order_list tbody tr { border-top:none;} .contact.contact_service table tbody th { font-size:10px; text-align:left; padding:10px 0 10px 3.3%; line-height:14px; } .contact.contact_service table tbody tr:nth-child(6) th { padding:10px 0 10px 3.3%;} .contact.contact_service tr th .block { display:block; } .contact.contact_service tr th .color_pointer { font-size:10px; line-height:14px;} .contact.contact_service tr:first-child th { font-size:11px;} .contact.contact_service tr:first-child td img { width:40px;} .contact.contact_service tr td {font-size:11px; line-height:14px;} .contact.contact_service td .block { display:block;} .contact.contact_service td .block2 { margin-top:3px; font-size:9px; letter-spacing:-1px;} /* 회원가입 선택 */ .member-container.member_new { padding-top:30px; text-align:center; outline:none;} .member-container.member_new h2 { font-size:21px; } .member-container.member_new p { margin:10px 0 20px; } .members { width:100%; height:50px; margin-bottom:15px;} .member-container.member_new .members p { font-size:11px; top:70%; margin:0;} .members p .block { display:inline-block; margin:0 2px;} .members_new p:before { top:-10px; width:17px; height:15px;} .members_old p:before { top:-10px; width:24px; height:17px; } .members_facebook p:before {top:-10px; width:60px; height:12px;} /* 회원가입 양식 */ .member-container.member-form {} .member-container.member-form .form-box2 table th { width:25%;} .member-container.member-form .form-box2 table td { padding:8px 5px;} .member-container.member-form .form-box2 table td input { } .member-container.member-form .form-box2 table tr:first-child td input {width:60%; margin-right:5%; float:left; } .member-container.member-form .form-box2 .password td input { width:100%;} .form-box2 .samecheck { float:left; width:35%; font-size:10px; margin:0; } .form-box2 .password td .caution1 { margin:10px 0px 10px 5px;} .form-box2 .password td span { margin:0 5px 3px 0; } .member-container.member-form .form-box2 .birth td input[type="text"] { width:23%; padding: 0 10px; text-align: center;} .member-container.member-form .form-box2 table .mail input[type="checkbox"] { margin:8px 0;} .member-container.member-form .form-box2 table .mail span { display:inline-block; margin:3px 5px;} .member-container.member-form .form-box2 table .mail input[type="text"]{ width:100%;} .member-container.member-form .form-box2 table .phone div { position:relative; } .member-container.member-form .form-box2 table .phone div:last-child input { width:60%; margin-right:5%;} .member-container.member-form .form-box2 table .phone div:last-child button { margin-left:0; width:35%; } .form-box2 table .phone div button { width:45%;} .member-container.member-form .form-box2 table .phone div div { position:absolute; right:0; left:50%; bottom:0px; margin-top:5px; text-align:right;} .member-container.member-form .form-box2 table .phone div div input[type="checkbox"] { position:absolute; right:0; margin-right:90px; margin-bottom:10px; width:auto; } .member-container.member-form .form-box2 table .phone div div span {display:inline-block; margin-bottom:10px; margin-right:5px; } .form-box2 .birth td input[type="radio"] { margin-left:0px;} .form-box2 .birth td span { display:inline-block; margin-right:18px;} .form-box2 .terms { height:120px; font-size:12px;} /* 05-08 */ .cart_order .shipping_popup > div { width: calc(100% - 40px); } .cart_order .shipping_popup > div table thead th:nth-child(1) { width:8%; } .cart_order .shipping_popup > div table thead th:nth-child(2) { width:12%; } .cart_order .shipping_popup > div table thead th:nth-child(3) { width:12%; } .cart_order .shipping_popup > div table thead th:nth-child(4) { width:25%; } .cart_order .shipping_popup > div table tbody td { padding:10px 5px;} .cart_order .shipping_popup > div div { display:block; width:calc(100% - 40px); } .cart_order .shipping_popup > div div:after { content:""; display:block; clear:both; } .cart_order .shipping_popup > div div button { float:left; width:48%; } .cart_order .shipping_popup > div div .shipping_popup_close { margin-right:4%; } .contact.contact_news_view .contact_news_view_cancle { width:20%; height:40px; line-height:40px; font-size:14px; } .n_map { width:100%; height:660px; } .n_map .root_daum_roughmap_landing { width:100% !important; height:100%; } .n_map .root_daum_roughmap .wrap_map { height:calc(100% - 418px)!important; } } /* ie호완 */ /* 익스 호완 */ @media screen and (min-width:0\0){ .contact.shipping .shipping_popup > div table th, .contact.shipping .shipping_popup > div table td, .contact.shipping .shipping_popup > div table input, .contact.shipping .shipping_popup > div table select{} }