bottom-bar#sub .guide_box { font-family:'s-core-dream-regular'; box-sizing:border-box; padding:0 10px; } .guide_popup { background-color:rgba(0,0,0,0.3); position:fixed; width:100%; height:100%; z-index:500000; top:0; left:0; display:none; } .guide_popup .box { border:1px solid #333; box-shadow:5px 5px 5px rgba(80,80,80,0.57); overflow:hidden; background-color:#fff; width:360px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); padding:15px; box-sizing:border-box; } .guide_popup .box .img { width:100px; float:left; height:119px; background-image:url('../img/sub/guide_popup_icon.png'); background-position:center; background-repeat:no-repeat; background-size:40px 40px; } .guide_popup .box .txt { width:calc(100% - 100px); float:left; } .guide_popup .box .txt p { font-size:18px; color:#333; font-family:'s-core-dream-medium'; padding:0 0 10px; } .guide_popup .box .txt span { font-size:14px; line-height:28px; font-family:'s-core-dream-regular'; } .guide_popup .box .txt span b { color:#f50a0a; font-weight:400; } #sub .product { margin:15px 0 0; } #sub .event-info { margin:40px 0; } #sub .event-info > .wrap { box-sizing:border-box; } #sub .event-info p { font-size:18px; position:relative; padding:0 0 12px 12px; border-bottom:1px solid #000; } #sub .event-info p span { font-size:12px; color:#646464; padding:0 0 0 5px; } #sub .event-info p::before { position:absolute; top:4px; left:0; width:3px; height:20px; background-color:#000; content:""; display:block; } #sub .event-info .event-banner { width:100%; background:#000 url('../img/sub/event-banner.jpg') center no-repeat; background-size:contain; } #sub .phone-detail { } #sub .phone-detail .customer .wrap { padding:0; } #sub .phone-detail > div { box-sizing:border-box; } #sub .phone-detail form { } #sub .phone-detail form .phone { padding:0px 0 10px; } #sub .phone-detail form .phone .phone-name { overflow:hidden; color:#333; position:relative; padding:10px 0 10px 14px; border-top:1px solid #efefef; } #sub .phone-detail form .phone .phone-name .tong { position:absolute; top:50%; left:0; transform:translate(0,-50%); } #sub .phone-detail form .phone .phone-name .tong img { padding:0 0 15px; } #sub .phone-detail form .phone .phone-name > p { float:left; font-size:24px; color:#333; display:inline-block; margin:0 3px 0 0; font-family:'s-core-dream-bold'; } #sub .phone-detail form .phone .phone-name .speed { line-height:18px; float:left; font-size:12px; border:1px solid #0c0c0c; color:#333; font-family:'s-core-dream-regular'; padding:0 3px; border-radius:3px; font-weight:500; margin:7px 4px 6px 4px; } #sub .phone-detail form .phone .phone-name .icon { display:inline-block; transform:translateY(1px); margin:0 0 0 3px; } #sub .phone-detail form .phone .phone-name .icon img { margin:0 3px 0 0; height:30px !important; } #sub .phone-detail form .phone .phone-name .icon img.twink { animation:twink 1.8s ease-in-out infinite alternate; } #sub .phone-detail form .phone .phone-name .icon img.updown { animation:updown 0.9s ease-in-out infinite alternate; } @keyframes twink { 0% { opacity:0; } 20% { opacity:1; } 40% { opacity:0; } 60% { opacity:1; } 80% { opacity:0; } 100% { opacity:1; } } @keyframes updown { 0% { transform:translateY(1.5px); } 50% { transform:translateY(-1.5px); } 100% { transform:translateY(1.5px); } } #sub .phone-detail form .phone .phone-name .color { font-size:12px; color:#333; position:absolute; right:0; bottom:10px; right:15px; } #sub .phone-detail form .phone .phone-info { font-family:'s-core-dream-regular'; } #sub .phone-detail form .phone .phone-info .phone-img { } #sub .phone-detail form .phone .phone-info .phone-img .img { margin:40px 0; height:345px; background:url('../img/sub/phone2.jpg') center no-repeat; background-size:contain; } #sub .phone-detail form .phone .phone-info .phone-img .price { margin:40px 0 0; text-align:center; } #sub .phone-detail form .phone .phone-info .phone-img .price s { font-size:14px; } #sub .phone-detail form .phone .phone-info .phone-img .price .percent { color:#ff2222; position:relative; } #sub .phone-detail form .phone .phone-info .phone-img .price .percent small { } #sub .phone-detail form .phone .phone-info .phone-img .price .percent::after { display:block; content:""; background:url('../img/main/icon_sale.jpg'); width:15px; height:18px; position:absolute; top:3px; right:-19px; } #sub .phone-detail form .phone .phone-info .phone-img .price p { font-size:26px; font-weight:700; color:#333333; } #sub .phone-detail form .phone .phone-info .phone-img .price p span { font-size:17px; font-weight:400; } #sub .phone-detail form .phone .phone-form { padding:0 5px; box-sizing:border-box; } #sub .phone-detail form .phone .phone-form table { } #sub .phone-detail form .phone .phone-form table tbody { } #sub .phone-detail form .phone .phone-form table tbody tr { } #sub .phone-detail form .phone .phone-form table tbody tr th { font-size:12px; color:#555; text-align:left; font-weight:400; font-family:'s-core-dream-regular'; } #sub .phone-detail form .phone .phone-form table tbody tr th span { display:block; font-size:14px; } #sub .phone-detail form .phone .phone-form table tbody tr td { font-size:14px; color:#777; padding:10px 0; } #sub .phone-detail form .phone .phone-form table tbody tr td.expected { padding:0 0 10px; } #sub .phone-detail form .phone .phone-form table tbody tr td > p { font-size:11px; color:#333; padding:0 2%; box-sizing:border-box; line-height:20px; } #sub .phone-detail form .phone .phone-form table tbody tr td > p span { color:#f72f2f; } #sub .phone-detail form .phone .phone-form table tbody tr td > p b { font-size:10px; background-color:#323232; border-radius:3px; color:#fff; padding:3px 5px 1px; font-weight:500; margin:0 3px 0; font-family:'s-core-dream-regular'; height:18px; } #sub .phone-detail form .phone .phone-form table tbody tr td label { background-color:#f4f4f4; display:block; height:auto; background-image:none; border-radius:3px; border:1px solid #d3d3d3; color:#777; font-size:12px; line-height:18px; float:left; box-sizing:border-box; text-align:center; padding:11px 0 9px; position:relative; } #sub .phone-detail form .phone .phone-form table tbody tr td.tong label img { height:21px !important; margin:-2px 0; } #sub .phone-detail form .phone .phone-form table tbody tr td label span.best { font-size:10px; font-family:'s-core-dream-medium'; color:#fff; position:absolute; top:-12px; left:-10px; width:25px; height:25px; border-radius:50%; line-height:25px; padding:1px 0 0; box-sizing:border-box; } #sub .phone-detail form .phone .phone-form table tbody tr td.can2 label { width:46%; margin:2%; } #sub .phone-detail form .phone .phone-form table tbody tr td.can3 label { width:29.33%; margin:2%; } #sub .phone-detail form .phone .phone-form table tbody tr td.can4 label { width:21%; margin:2%; } #sub .phone-detail form .phone .phone-form table tbody tr td.can5 label { width:16%; margin:2%; } #sub .phone-detail form .phone .phone-form table tbody tr td.color { padding:0 1.5% 10px; position:relative; } #sub .phone-detail form .phone .phone-form table tbody tr td.color label { margin:0 9px 2px 0; padding:1px; border-radius:3px; border-color:#ccc; } #sub .phone-detail form .phone .phone-form table tbody tr td.color label div { width:33px; height:33px; background-color:#707070; border-radius:3px; } #sub .phone-detail form .phone .phone-form table tbody tr td.color input[type="radio"]:checked + label { background:none; } #sub .phone-detail form .phone .phone-form table tbody tr td.color span { display:block; position:absolute; bottom:-5px; left:calc(1% + 2px); font-size:11px; color:#555; font-family:'s-core-dream-regular'; } #sub .phone-detail form .phone .phone-form table tbody tr td input[type="radio"] { visibility:hidden; opacity:0; overflow:hidden; width:0; height:0; position:absolute; top:0; left:0; } #sub .phone-detail form .phone .phone-form table tbody tr td input[type="radio"]:checked + label { background:#fff; color:#19ce60; border-color:#19ce60; font-weight:600; } #sub .phone-detail form .phone .phone-form table tbody tr td label:before { display:none; } #sub .phone-detail form .phone .phone-form table tbody tr td input[type="radio"]:checked + label:before { display:none; } #sub .phone-detail form .phone .phone-form table tbody tr td .plan { margin:0 2%; position:relative; border:1px solid #d3d3d3; border-radius:3px; background:url('../img/common/btn-select.png') no-repeat 96% 50%; } #sub .phone-detail form .phone .phone-form table tbody tr td .plan01 { background:none; } #sub .phone-detail form .phone .phone-form table tbody tr td .plan01 span { background:url('../img/common/btn-select.png') no-repeat 96% 10%; } #sub .phone-detail form .phone .phone-form table tbody tr td .plan a { font-family:'s-core-dream-medium'; display:block; font-size:14px; } #sub .phone-detail form .phone .phone-form table tbody tr td .plan a > span { box-sizing:border-box; font-size:12px; color:#777; padding:11px 10px 9px; width:100%; display:block; } #sub .phone-detail form .phone .phone-form table tbody tr td .plan01 a > span { box-sizing:border-box; padding:10px; font-size:14px; color:#333; width:100%; display:block; font-family:'s-core-dream-medium'; } #sub .phone-detail form .phone .phone-form table tbody tr td .plan a span b { font-size:12px; color:#646464; font-weight:500; padding:0 0 0 5px; margin:0 0 0 5px; position:relative; } #sub .phone-detail form .phone .phone-form table tbody tr td .plan a span b:after { width:1px; height:10px; background-color:#969696; display:block; content:''; position:absolute; top:50%; left:0; transform:translate(0,-50%); } #sub .phone-detail form .phone .phone-form table tbody tr td .plan .plan-txt { width:100%; z-index:9999; padding:10px 0 0; top:33px; background-color:#fff; border-radius:0 0 3px 3px; } #sub .phone-detail form .phone .phone-form table tbody tr td .plan .plan-txt li { background-color:#fff; padding:4px 5px; } #sub .phone-detail form .phone .phone-form table tbody tr td .plan .plan-txt li p { font-weight:500; color:#323232; } #sub .phone-detail form .phone .phone-form table tbody tr td .plan .plan-txt li p span { color:#f72f2f; font-size:14px; } #sub .phone-detail form .phone .phone-form table tbody tr td .plan .plan-txt li p span b { font-size:12px; color:#999; font-family:'s-core-dream-regular'; } #sub .phone-detail form .phone .phone-form table tbody tr td .plan .plan-txt li p span b:after { display:none; } #sub .phone-detail form .phone .phone-form table tbody tr td .plan .plan-txt li p span b strong { font-size:12px; color:#333; font-family:'s-core-dream-bold'; } #sub .phone-detail form .phone .phone-info .phone-form table tbody tr td .plan .plan-txt { font-size:10px; width:100%; z-index:9999; padding:10px; box-sizing:border-box; top:33px; background-color:#f4f4f4; border-radius:0 0 3px 3px; } #sub .phone-detail form .phone .phone-info .phone-form table tbody tr td .plan .plan-txt li { background-color:#f4f4f4; padding:4px 0; } #sub .phone-detail form .phone .phone-info .phone-form table tbody tr td .plan01 .plan-txt li { padding:0; font-size:10px; color:#555; font-family:'s-core-dream-regular'; line-height:18px; } #sub .phone-detail form .phone .phone-info .phone-form table tbody tr td .plan01 .plan-txt li b { font-weight:400; } /* 버전 1플러스 */ #sub .phone-detail.ver1-1 form .phone .phone-form table tbody tr th { font-size:15px; } #sub .phone-detail.ver1-1 form .phone .phone-form table tbody tr td label { font-size:15px; line-height:21px; } #sub .phone-detail.ver1-1 form .phone .phone-form table tbody tr td.color span { font-size:13px; bottom:0; } #sub .phone-detail.ver1-1 form .phone .phone-form table tbody tr td.color { padding:0 1.5% 22px; } #sub .phone-detail.ver1-1 form .phone .phone-form table tbody tr td > p { font-size:12px; padding:0 1%; } #sub .phone-detail.ver1-1 form .phone .phone-form table tbody tr td > p b { font-size:11px; padding:3px 5px; } #sub .phone-detail.ver1-1 form .phone .phone-form table tbody tr td .plan01 a > span { font-size:16px; } #sub .phone-detail.ver1-1 form .phone .phone-form table tbody tr td .plan a span b { font-size:15px; } #sub .phone-detail.ver1-1 form .phone .phone-form table tbody tr td .plan a span b:after { height:15px; } #sub .phone-detail.ver1-1 form .phone .phone-info .phone-form table tbody tr td .plan01 .plan-txt li { font-size:15px; line-height:21px; } #sub .phone-detail.ver1-1 form .phone .phone-form table tbody tr td label span.best { font-size:12px; height:30px; width:30px; line-height:30px; } #sub .phone-detail.ver1-1 form .phone .phone-form table tbody tr td .plan a > span { font-size:15px; } #sub .phone-detail.ver1-1 form .phone .phone-form table tbody tr td.color label div { width:40px; height:40px; } #sub .phone-detail.ver1-1 form .phone .phone-form table tbody tr td.can4 label { width:23%; margin:1%; } #sub .phone-detail.ver1-1 form .price-info ul.price-list li p { font-size:15px; } #sub .phone-detail.ver1-1 form .price-info .price-all ul.top li p { font-size:15px; } #sub .phone-detail.ver1-1 form .price-info .price-all ul.top li p span { font-size:14px; } #sub .phone-detail.ver1-1 form .price-info .price-all ul.bottom li p span { font-size:14px; } #sub .phone-detail.ver1-1 form .price-info .price-all ul.bottom li p { font-size:16px; } #sub .phone-detail.ver1-1 form .price-info .txt p { font-size:13px; } #sub .phone-detail.ver1-1 form .price-info .apply-btn button.apply { font-size:18px; line-height:55px; } #sub .phone-detail.ver1-1 form .price-info .apply-btn button.jjim { line-height:55px; } #sub .phone-detail.ver1-1 form .price-info .apply-btn button.jjim img { height:21px !important; } #sub .phone-detail.ver1-1 form .price-info ul.price-list li p strong { font-size:14px; } #sub .phone-detail form .price-info .info-wrap { } #sub .phone-detail form .price-info .price-box { overflow:hidden; border:1px solid #000; background-color:#fff; padding:10px; box-shadow:0 3px 3px 0 rgba(199, 197, 197, 0.8); } #sub .phone-detail form .price-info .price-box .top { overflow:hidden; border-top:1px dotted #000; padding:7px 0 0; margin:7px 0 0; } #sub .phone-detail form .price-info .price-box .top > p { font-size:16px; color:#323232; font-weight:500; overflow:hidden; } #sub .phone-detail form .price-info .price-box .top > p b.txt1, #sub .phone-detail form .price-info .price-box > p b.txt1, #sub .phone-detail form .price-info .price-all > p > b { width:20px; height:20px; background-color:#f0404e; border-radius:50%; display:inline-block; color:#fff; text-align:center; line-height:20px; font-size:13px; margin:0 5px 0 0; } #sub .phone-detail form .price-info .price-box .top > p span { float:right; font-family:'Roboto'; font-size:20px; font-weight:700; } #sub .phone-detail form .price-info .price-box .top > p span b { font-size:16px; } #sub .phone-detail form .price-info .b-price-box > p span b { font-size:16px; } #sub .phone-detail form .price-info .price-box > strong { font-size:12px; color:#393939; font-weight:400; display:block; text-align:right; margin:2px 0 0; } #sub .phone-detail form .price-info .price-box > p { overflow:hidden; font-size:16px; font-weight:500; color:#323232; } #sub .phone-detail form .price-info .price-box > p span { float:right; font-size:20px; line-height:20px; font-weight:bold; } #sub .phone-detail form .price-info .price-box > p span b { font-weight:normal; font-size:16px; } #sub .phone-detail form .price-info .b-price-box > p { padding:0; } #sub .phone-detail form .price-info .b-price-box > p span { border:0; font-family:'Roboto'; font-size:20px; font-weight:700; } #sub .phone-detail form .price-info ul.price-list { border-radius:2px; padding:12px 20px 15px; border:1px solid #c8c8c8; background-color:#fff; } #sub .phone-detail form .price-info ul.price-list li { } #sub .phone-detail form .price-info ul.price-list li p { padding:5px 0; color:#323232; font-size:12px; font-family:'s-core-dream-regular'; } #sub .phone-detail form .price-info ul.price-list li p strong { font-size:10px; font-family:'s-core-dream-regular'; } #sub .phone-detail form .price-info ul.price-list li.red p { color:#ff1f1f; } #sub .phone-detail form .price-info ul.price-list li p span { float:right; color:#000; } #sub .phone-detail form .price-info ul.price-list li p span b { color:#ff1f1f; font-weight:400; margin:0; } #sub .phone-detail form .price-info ul.price-list li.one { overflow:hidden; border:1px solid #000; background-color:#fff; padding:0 12px; box-shadow:0 3px 3px 0 rgba(199, 197, 197, 0.8); margin:10px 0 0; } #sub .phone-detail form .price-info ul.price-list li.one p { font-size:16px; color:#323232; font-family:'s-core-dream-medium'; line-height:43px; padding:0; } #sub .phone-detail form .price-info ul.price-list li.one p b { font-size:18px; font-family:'s-core-dream-bold'; position:relative; z-index:1; color:#323232; } #sub .phone-detail form .price-info ul.price-list li.one p b:after { display:block; content:''; background-color:#f3fe39; height:9px; width:100%; z-index:-1; position:absolute; bottom:2px; left:0; } #sub .phone-detail form .price-info .price-all { margin:16px 0 0; border:1px solid #c8c8c8; } #sub .phone-detail form .price-info .price-all ul { overflow:hidden; } #sub .phone-detail form .price-info .price-all ul li { float:left; width:33.3%; position:relative; } #sub .phone-detail form .price-info .price-all ul li.price01:after { display:block; content:"+"; top:50%; right:0; transform:translate(0,-50%); position:absolute; } #sub .phone-detail form .price-info .price-all ul li.price01.ilsibul:after { display:block; content:""; width:2px; height:14px; background-color:#fff; position:absolute; top:50%; right:0; transform:translate(0,-50%); } #sub .phone-detail form .price-info .price-all ul li.price02:after { display:block; content:"="; position:absolute; top:50%; right:0; transform:translate(0,-50%); } #sub .phone-detail form .price-info .price-all ul.bottom li.price01:after { } #sub .phone-detail form .price-info .price-all ul.bottom li.price01.ilsibul:after { display:block; content:""; width:2px; height:14px; position:absolute; top:50%; right:0; transform:translate(0,-50%); background-color:#000; } #sub .phone-detail form .price-info .price-all ul li p { text-align:center; } #sub .phone-detail form .price-info .price-all ul li p span { } #sub .phone-detail form .price-info .price-all ul.top { border-bottom:1px solid #c8c8c8; } #sub .phone-detail form .price-info .price-all ul.top li { color:#fff; } #sub .phone-detail form .price-info .price-all ul.top li p { font-size:12px; padding:8px 0; font-family:'s-core-dream-regular'; } #sub .phone-detail form .price-info .price-all ul.top li p span { font-size:11px; display:block; font-family:'s-core-dream-regular'; padding:2px 0 0; } #sub .phone-detail form .price-info .price-all ul.bottom { background-color:#fff; padding:10px 0; } #sub .phone-detail form .price-info .price-all ul.bottom li { } #sub .phone-detail form .price-info .price-all ul.bottom li.red p { color:#ff1f1f; } #sub .phone-detail form .price-info .price-all ul.bottom li.red p span { color:#323232; } #sub .phone-detail form .price-info .price-all ul.bottom li p { font-size:14px; color:#323232; font-family:'s-core-dream-bold'; } #sub .phone-detail form .price-info .price-all ul.bottom li p span { font-size:12px; font-family:'s-core-dream-regular'; margin:0 0 0 1px; } #sub .phone-detail form .price-info .txt { text-align:right; padding:10px 20px; } #sub .phone-detail form .price-info .txt p { font-size:12px; color:#555; margin:0 0 5px; line-height:18px; } #sub .phone-detail form .price-info .txt p span { color:#ff0000; } #sub .phone-detail form .price-info { width:100%; background-color:#fafafa; font-family:'s-core-dream-medium'; } #sub .phone-detail form .price-info .info-wrap { } #sub .phone-detail form .price-info { margin:0 0 80px; position:relative; background-color:#f6f7fa; font-family:'s-core-dream-medium'; padding:60px 15px 0; box-sizing:border-box; } #sub .phone-detail form .price-info img.bubble { height:54px !important; animation:bubble 0.7s linear infinite; position:absolute; top:12px; left:50%; transform:translate(-50%,0); } #sub .phone-detail form .price-info img.wave { animation:wave 0.7s linear infinite; } @keyframes wave { 0% { top:5px; } 50% { top:9px; } 100% { top:5px; } } #sub .phone-detail form .price-info img.flicker { animation-name:flicker; animation-duration:1s; animation-iteration-count:infinite; } @keyframes flicker { 0% { opacity:0; } 50% { opacity:1; } 100% { opacity:0; } } #sub .phone-detail form .price-info img.disappear { animation-name:disappear; animation-duration:2s; animation-iteration-count:1; opacity:1; animation-delay:3s; animation-fill-mode:forwards; } @keyframes disappear { 0% { opacity:1; } 100% { opacity:0; } } #sub .phone-detail form .price-info .price-box { overflow:hidden; border:1px solid #000; background-color:#fff; padding:10px; margin:0 20px 10px; box-shadow:0 3px 3px 0 rgba(199, 197, 197, 0.8); } #sub .phone-detail form .price-info .price-box .top { overflow:hidden; border-top:1px dotted #000; padding:7px 0 0; margin:7px 0 0; } #sub .phone-detail form .price-info .price-box .top > p { font-size:16px; color:#323232; font-weight:500; overflow:hidden; } #sub .phone-detail form .price-info .price-box .top > p b.txt1, #sub .phone-detail form .price-info .price-box > p b.txt1, #sub .phone-detail form .price-info .price-all > p > b { width:20px; height:20px; background-color:#f0404e; border-radius:50%; display:inline-block; color:#fff; text-align:center; line-height:20px; font-size:13px; margin:0 5px 0 0; } #sub .phone-detail form .price-info .price-box .top > p span { float:right; font-family:'Roboto'; font-size:20px; font-weight:700; } #sub .phone-detail form .price-info .price-box .top > p span b { font-size:16px; } #sub .phone-detail form .price-info .b-price-box > p span b { font-size:16px; } #sub .phone-detail form .price-info .price-box > strong { font-size:12px; color:#393939; font-weight:400; display:block; text-align:right; margin:2px 0 0; } #sub .phone-detail form .price-info .price-box > p { overflow:hidden; font-size:16px; font-weight:500; color:#323232; padding:2px 0 0; } #sub .phone-detail form .price-info .price-box > p span { float:right; font-size:20px; line-height:20px; font-weight:bold; } #sub .phone-detail form .price-info .price-box > p span b { font-weight:normal; font-size:16px; } #sub .phone-detail form .price-info .b-price-box > p { padding:0; } #sub .phone-detail form .price-info .b-price-box > p span { border:0; font-family:'Roboto'; font-size:20px; font-weight:700; } #sub .phone-detail form .price-info ul.price-list li { } #sub .phone-detail form .price-info ul.price-list li p { padding:5px 0; color:#323232; } #sub .phone-detail form .price-info ul.price-list li p strong { font-size:10px; font-family:'s-core-dream-regular'; } #sub .phone-detail form .price-info ul.price-list li.red p { color:#ff1f1f; } #sub .phone-detail form .price-info ul.price-list li p span { float:right; color:#000; } #sub .phone-detail form .price-info ul.price-list li p span b { color:#ff1f1f; font-weight:400; margin:0;} #sub .phone-detail form .price-info .price-all { border:1px solid #c8c8c8; } #sub .phone-detail form .price-info .price-all ul { overflow:hidden; } #sub .phone-detail form .price-info .price-all ul li { float:left; width:33.3%; position:relative; } #sub .phone-detail form .price-info .price-all ul li.price01:after { display:block; content:"+"; top:50%; right:0; transform:translate(0,-50%); position:absolute; } #sub .phone-detail form .price-info .price-all ul li.price01.ilsibul:after { display:block; content:""; width:2px; height:14px; background-color:#fff; position:absolute; top:50%; right:0; transform:translate(0,-50%); } #sub .phone-detail form .price-info .price-all ul li.price02:after { display:block; content:"="; position:absolute; top:50%; right:0; transform:translate(0,-50%); } #sub .phone-detail form .price-info .price-all ul.bottom li.price01:after { display:block; content:"+"; top:50%; right:0; transform:translate(0,-50%); position:absolute; } #sub .phone-detail form .price-info .price-all ul.bottom li.price01.ilsibul:after { display:block; content:""; width:2px; height:14px; position:absolute; top:50%; right:0; transform:translate(0,-50%); background-color:#000; } #sub .phone-detail form .price-info .price-all ul li p { text-align:center; } #sub .phone-detail form .price-info .price-all ul li p span { } #sub .phone-detail form .price-info .price-all ul.top { background-color:#323232; border-bottom:1px solid #c8c8c8; } #sub .phone-detail form .price-info .price-all ul.top li { color:#fff; } #sub .phone-detail form .price-info .price-all ul.top li p { font-size:12px; padding:8px 0; } #sub .phone-detail form .price-info .price-all ul.top li p span { font-size:10px; display:block; } #sub .phone-detail form .price-info .price-all ul.bottom { background-color:#fff; padding:10px 0; } #sub .phone-detail form .price-info .price-all ul.bottom li { } #sub .phone-detail form .price-info .price-all ul.bottom li.red p { color:#ff1f1f; } #sub .phone-detail form .price-info .price-all ul.bottom li.red p span { color:#323232; } #sub .phone-detail form .price-info .price-all ul.bottom li p { font-size:14px; color:#323232; font-family:'s-core-dream-bold'; } #sub .phone-detail form .price-info .price-all ul.bottom li p span { font-size:12px; font-family:'s-core-dream-regular'; } #sub .phone-detail form .price-info .price-all ul.bottom li p s { color:#999; font-size:12px; display:block; margin:-1px 0 -1px; font-family:'s-core-dream-regular'; } #sub .phone-detail form .price-info .price-all ul.bottom.lh { } #sub .phone-detail form .price-info .price-all ul.bottom.lh li.price01 p { line-height:30px; } #sub .phone-detail form .price-info .price-all ul.bottom.lh li.red p { line-height:30px; } #sub .phone-detail form .price-info .apply-btn { border-top:2px solid #000; padding:13px; text-align:center; box-sizing:border-box; overflow:hidden; } #sub .phone-detail form .price-info .apply-btn button { float:left; } #sub .phone-detail form .price-info .apply-btn button.apply { font-family:'s-core-dream-bold'; margin:0 0 6px; font-size:16px; font-weight:500; color:#fff; width:70%; border-radius:3px; line-height:50px; } #sub .phone-detail form .price-info .apply-btn button.jjim { background-color:#fff; margin:0 7px 6px 0; font-size:14px; border:1px solid #d3d3d3; line-height:50px; border-radius:3px; width:calc(30% - 7px); box-sizing:border-box; } #sub .phone-detail form .price-info .apply-btn button.jjim img { vertical-align:middle; margin:0 0 4px; height:16px !important; } #sub .phone-detail form .price-info .apply-btn button.jjim img.on { display:none; } #sub .phone-detail form .price-info .apply-btn button.jjim.on img { display:none; } #sub .phone-detail form .price-info .apply-btn button.jjim.on img.on { display:inline; } /* 상세페이지 버전2 */ #sub .phone-detail.ver2 form .price-info .apply-btn { margin:6px 0 0; } #sub .phone-detail.ver3 form .price-info .apply-btn { margin:6px 0 0; } #sub .phone-detail.ver2 form .price-info { padding:0; background-color:#fff; } #sub .phone-detail.ver2 .bill .price_box { overflow:hidden; margin:0 3px; } #sub .phone-detail.ver2 .bill .price_box .box { float:left; width:50%; } #sub .phone-detail.ver2 .bill .price_box .box:first-child { width:calc(50% + 1px); margin:0 -1px 0 0; } #sub .phone-detail.ver2 .bill .price_box .box h2 { background-color:#f4f4f4; font-size:14px; color:#555; font-family:'s-core-dream-regular'; padding:9px 0; text-align:center; border:1px solid #dcdcdc; } #sub .phone-detail.ver2 .bill .price_box .box ul { } #sub .phone-detail.ver2 .bill .price_box .box ul li { overflow:hidden; border-bottom:1px dotted #d1d1d1; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; padding:0 7px; } #sub .phone-detail.ver2 .bill .price_box .box ul li p { font-size:11px; font-family:'s-core-dream-regular'; float:left; line-height:44px; } #sub .phone-detail.ver2 .bill .price_box .box ul li span { font-size:12px; font-family:'s-core-dream-regular'; float:right; display:block; text-align:right; line-height:44px; } #sub .phone-detail.ver2 .bill .price_box .box ul li span b { font-weight:400; color:#ff0000; } #sub .phone-detail.ver2 .bill .price_box .box ul li span strong { font-weight:400; font-size:16px; color:#333; font-family:'s-core-dream-bold'; position:relative; z-index:1; } #sub .phone-detail.ver2 .bill .price_box .box ul li span strong:after { background-color:#f0fe08; height:9px; width:100%; display:block; content:''; position:absolute; bottom:2px; left:0; z-index:-1; } #sub .phone-detail.ver2 .bill .sum_box { overflow:hidden; margin:-1px 3px 0; } #sub .phone-detail.ver2 .bill .sum_box .box { float:left; width:50%; text-align:center; border:1px solid #dcdcdc; box-sizing:border-box; } #sub .phone-detail.ver2 .bill .sum_box .box:first-child { width:calc(50% + 1px); margin:0 -1px 0 0; position:relative; } #sub .phone-detail.ver2 .bill .sum_box .box:first-child:after { font-family:'s-core-dream-medium'; font-size:18px; color:#323232; width:20px; height:20px; display:block; content:'+'; border:1px solid #555; border-radius:50%; line-height:20px; position:absolute; top:50%; right:-11px; transform:translate(0,-50%); background-color:#fff; } #sub .phone-detail.ver2 .bill .sum_box .box .price { background-color:#f4f4f4; font-size:12px; color:#333; font-family:'s-core-dream-regular'; padding:10px 0; } #sub .phone-detail.ver2 .bill .sum_box .box .price b { font-family:'s-core-dream-medium'; margin:0 3px 0 0; width:15px; height:15px; background-color:#cb2935; border-radius:50%; display:inline-block; color:#fff; text-align:center; line-height:15px; font-size:12px; font-weight:500; } #sub .phone-detail.ver2 .bill .sum_box .box .price i { font-style:normal; font-size:10px; color:#333; font-family:'s-core-dream-regular'; } #sub .phone-detail.ver2 .bill .sum_box .box .price span { display:block; padding:3px 0 0; } #sub .phone-detail.ver2 .bill .sum_box .box .price span strong { font-size:18px; color:#333; font-family:'s-core-dream-bold'; } #sub .phone-detail.ver2 .bill .sum_box .sum { clear:both; background-color:#333; color:#fff; padding:10px; box-sizing:border-box; text-align:right; } #sub .phone-detail.ver2 .bill .sum_box .sum b { font-family:'s-core-dream-medium'; margin:0 3px 0 0; width:15px; height:15px; background-color:#cb2935; border-radius:50%; display:inline-block; color:#fff; text-align:center; line-height:15px; font-size:12px; font-weight:500; } #sub .phone-detail.ver2 .bill .sum_box .sum p { display:inline-block; font-size:14px; font-family:'s-core-dream-regular'; } #sub .phone-detail.ver2 .bill .sum_box .sum p strong { font-size:20px; font-family:'s-core-dream-bold'; margin:0 1px 0 5px; } #sub .phone-detail.ver2 .bill .sum_box .sum p span { font-size:12px; } #sub .phone-detail.ver2 .bill .txt > span { font-size:11px; font-family:'s-core-dream-regular'; display:block; padding:10px 20px 0 20px; text-align:right; } #sub .phone-detail.ver2 .bill .txt > span b { color:#ff0000; font-weight:400; } #sub .phone-detail.ver2 form .phone .phone-form table tbody tr td .plan01 { background:none; } /* 상세페이지 버전3 */ #sub .phone-detail.ver3 form .phone .phone-form { padding:0 20px; } #sub .phone-detail.ver3 form .phone .phone-form table tbody tr th { display:block; font-size:14px; color:#555; } #sub .phone-detail.ver3 form .phone .phone-form table tbody tr td { overflow:hidden; display:block; padding:10px 0 20px; } #sub .phone-detail.ver3 form .phone .phone-form table tbody tr td label { font-size:14px; padding:15px 0 13px; } #sub .phone-detail.ver3 form .phone .phone-name { padding:10px 0 20px 20px; } #sub .phone-detail.ver3 form .phone .phone-form table tbody tr td.color { padding:10px 0 20px; } #sub .phone-detail.ver3 form .phone .phone-form table tbody tr td.color label { padding:0; } #sub .phone-detail.ver3 form .phone .phone-form table tbody tr th { position:relative; overflow:hidden; } #sub .phone-detail.ver3 form .phone .phone-form table tbody tr th span { float:right; font-size:11px; } #sub .phone-detail.ver3 form .price-info { padding:0; background-color:#fff; } #sub .phone-detail.ver3 form .phone .phone-form table tbody tr td .plan01 a > span { font-size:16px; font-family:'s-core-dream-medium'; } #sub .phone-detail.ver3 form .phone .phone-form table tbody tr td .plan a span b { font-size:14px; color:#999; font-family:'s-core-dream-regular'; } #sub .phone-detail.ver3 form .phone .phone-form table tbody tr td .plan a span b strong { font-size:14px; color:#333; font-family:'s-core-dream-bold'; } #sub .phone-detail.ver3 form .phone .phone-info .phone-form table tbody tr td .plan01 .plan-txt li { font-size:12px; } #sub .phone-detail.ver3 form .phone .phone-form table tbody tr td label span.best { top:-10px; } #sub .phone-detail.ver3 form .phone .phone-form table tbody tr td label img { height:21px !important; } #sub .phone-detail.ver3 form .phone .phone-form table tbody tr td.can2 { margin:0 0 0 -4%; } #sub .phone-detail.ver3 form .phone .phone-form table tbody tr td.can3 { margin:0 0 0 -4%; } #sub .phone-detail.ver3 form .phone .phone-form table tbody tr td.can4 { margin:0 0 0 -4%; } #sub .phone-detail.ver3 form .phone .phone-form table tbody tr td.can5 { margin:0 0 0 -4%; } #sub .phone-detail.ver3 form .phone .phone-form table tbody tr td.can2 label { margin:0 0 0 4%; } #sub .phone-detail.ver3 form .phone .phone-form table tbody tr td.can3 label { margin:0 0 0 4%; } #sub .phone-detail.ver3 form .phone .phone-form table tbody tr td.can4 label { margin:0 0 0 4%; } #sub .phone-detail.ver3 form .phone .phone-form table tbody tr td.can5 label { margin:0 0 0 4%; } #sub .phone-detail.ver3 form .phone .phone-form table tbody tr td .plan { margin:0; } #sub .phone-detail.ver3 form .phone .phone-form table tbody tr td .plan01 { background:none; } #sub .phone-detail.ver3 form .phone .phone-form table tbody tr td > p { clear:both; padding:10px 3.6% 0; } #sub .phone-detail.ver3 .bill .price_box { overflow:hidden; margin:0 3px; } #sub .phone-detail.ver3 .bill .price_box .box { float:left; width:50%; } #sub .phone-detail.ver3 .bill .price_box .box:first-child { width:calc(50% + 1px); margin:0 -1px 0 0; } #sub .phone-detail.ver3 .bill .price_box .box h2 { background-color:#f4f4f4; font-size:14px; color:#555; font-family:'s-core-dream-regular'; padding:9px 0; text-align:center; border:1px solid #dcdcdc; } #sub .phone-detail.ver3 .bill .price_box .box ul { } #sub .phone-detail.ver3 .bill .price_box .box ul li { overflow:hidden; border-bottom:1px dotted #d1d1d1; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; padding:0 7px; } #sub .phone-detail.ver3 .bill .price_box .box ul li p { color:#555; font-size:11px; font-family:'s-core-dream-regular'; float:left; line-height:44px; } #sub .phone-detail.ver3 .bill .price_box .box ul li span { color:#555; font-size:11px; font-family:'s-core-dream-regular'; float:right; display:block; text-align:right; line-height:44px; } #sub .phone-detail.ver3 .bill .price_box .box ul li span b { font-weight:400; color:#ff0000; } #sub .phone-detail.ver3 .bill .price_box .box ul li span strong { font-weight:400; font-size:16px; color:#333; font-family:'s-core-dream-bold'; position:relative; z-index:1; } #sub .phone-detail.ver3 .bill .price_box .box ul li span strong:after { background-color:#f0fe08; height:9px; width:100%; display:block; content:''; position:absolute; bottom:2px; left:0; z-index:-1; } #sub .phone-detail.ver3 .bill .sum_box { overflow:hidden; margin:-1px 3px 0; } #sub .phone-detail.ver3 .bill .sum_box .box { float:left; width:50%; text-align:center; border:1px solid #dcdcdc; box-sizing:border-box; } #sub .phone-detail.ver3 .bill .sum_box .box:first-child { width:calc(50% + 1px); margin:0 -1px 0 0; position:relative; } #sub .phone-detail.ver3 .bill .sum_box .box:first-child:after { font-family:'s-core-dream-medium'; font-size:18px; color:#323232; width:20px; height:20px; display:block; content:'+'; border:1px solid #555; border-radius:50%; line-height:20px; position:absolute; top:50%; right:-11px; transform:translate(0,-50%); background-color:#fff; } #sub .phone-detail.ver3 .bill .sum_box .box .price { background-color:#f4f4f4; font-size:12px; color:#333; font-family:'s-core-dream-regular'; padding:10px 0; } #sub .phone-detail.ver3 .bill .sum_box .box .price b { font-family:'s-core-dream-medium'; margin:0 3px 0 0; width:15px; height:15px; background-color:#cb2935; border-radius:50%; display:inline-block; color:#fff; text-align:center; line-height:15px; font-size:12px; font-weight:500; } #sub .phone-detail.ver3 .bill .sum_box .box .price i { font-style:normal; font-size:10px; color:#333; font-family:'s-core-dream-regular'; } #sub .phone-detail.ver3 .bill .sum_box .box .price span { display:block; padding:3px 0 0; } #sub .phone-detail.ver3 .bill .sum_box .box .price span strong { font-size:18px; color:#333; font-family:'s-core-dream-bold'; } #sub .phone-detail.ver3 .bill .sum_box .sum { clear:both; background-color:#333; color:#fff; padding:10px; box-sizing:border-box; text-align:right; } #sub .phone-detail.ver3 .bill .sum_box .sum b { font-family:'s-core-dream-medium'; margin:0 3px 0 0; width:15px; height:15px; background-color:#cb2935; border-radius:50%; display:inline-block; color:#fff; text-align:center; line-height:15px; font-size:12px; font-weight:500; } #sub .phone-detail.ver3 .bill .sum_box .sum p { display:inline-block; font-size:14px; font-family:'s-core-dream-regular'; } #sub .phone-detail.ver3 .bill .sum_box .sum p strong { font-size:20px; font-family:'s-core-dream-bold'; margin:0 1px 0 5px; } #sub .phone-detail.ver3 .bill .sum_box .sum p span { font-size:12px; } #sub .phone-detail.ver3 .bill .txt > span { font-size:11px; font-family:'s-core-dream-regular'; display:block; padding:10px 20px 0 20px; text-align:right; } #sub .phone-detail.ver3 .bill .txt > span b { color:#ff0000; font-weight:400; } #sub .bottom-calculator { position:fixed; width:100%; z-index:10000; bottom:0; left:0; box-sizing:border-box; background-color:#333; color:#fff; } #sub .bottom-calculator .price { padding:10px 80px 10px 10px; box-sizing:border-box; } #sub .bottom-calculator .price .p1 { font-size:12px; color:#c8c8c8; font-family:'s-core-dream-regular'; } #sub .bottom-calculator .price .p1 span { color:#faf61c; font-family:'s-core-dream-regular'; } #sub .bottom-calculator .price .p1 i { font-style:normal; } #sub .bottom-calculator .price.ilsibul .p1 i.sum { display:none; } #sub .bottom-calculator .price.ilsibul .p1 i.ilsibul { display:inline-block; width:1px; height:11px; background-color:#c8c8c8; margin:0 2px; } #sub .bottom-calculator .price .p2 { color:#c8c8c8; font-size:10px; font-family:'s-core-dream-regular'; margin:5px 0 0; } #sub .bottom-calculator .price .p2 strong { font-size:16px; color:#fff; font-family:'s-core-dream-medium'; display:inline-block; font-weight:400; } #sub .bottom-calculator .price .p2 span { color:#faf61c; font-family:'s-core-dream-bold'; display:inline-block; font-size:16px; } #sub .bottom-calculator .price button { position:absolute; top:50%; right:10px; transform:translate(0,-50%); width:70px; font-size:14px; font-family:'s-core-dream-medium'; background-color:#f4f4f4; color:#333; border-radius:5px; height:40px; } #sub .bottom-calculator .price button div { position:relative; width:100%; height:100%; } #sub .bottom-calculator .price button div span { position:absolute; top:52%; left:50%; transform:translate(-50%,-50%); } #sub .bottom-calculator .price2 { padding:15px 20px; overflow:hidden; } #sub .bottom-calculator .price2 p { font-size:12px; color:#c8c8c8; font-family:'s-core-dream-regular'; float:left; line-height:18px; } #sub .bottom-calculator .price2 p span { color:#faf61c; } #sub .bottom-calculator .price2 b { font-size:12px; color:#fff; font-family:'s-core-dream-medium'; float:right; text-align:right; font-weight:400; padding:0 70px 0 0; box-sizing:border-box; } #sub .bottom-calculator .price2 b strong { font-size:16px; font-family:'s-core-dream-bold'; font-weight:400; } #sub .bottom-calculator .price2 b strong span { color:#faf61c; } #sub .bottom-calculator .price2 button { position:absolute; top:50%; right:10px; transform:translate(0,-50%); width:70px; font-size:14px; font-family:'s-core-dream-medium'; background-color:#f4f4f4; color:#333; border-radius:5px; line-height:40px; } #sub .bottom-calculator ol { position:fixed; bottom:75px; right:6px; } #sub .bottom-calculator ol li { margin:9px 0 0; } #sub .bottom-calculator ol li:first-child { margin:0; } #sub .bottom-calculator ol li.kakao a { background-color:#fff313; } #sub .bottom-calculator ol li.kakao a img { height:17px !important; } #sub .bottom-calculator ol li.call a { background-color:#41b01e; } #sub .bottom-calculator ol li.call a img { height:20px !important; } #sub .bottom-calculator ol li.search a { box-shadow:1px 1px 1px rgba(80,80,80,0.57); background-color:#fff; } #sub .bottom-calculator ol li.search a img { height:17px !important; } #sub .bottom-calculator ol li a { width:40px; height:40px; border-radius:50%; display:block; position:relative; } #sub .bottom-calculator ol li a img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } #sub .bottom-calculator.ver1 .ver2_price, #sub .bottom-calculator.ver1 .ver2_all, #sub .bottom-calculator.ver1 .ver2_btn { display:none; } #sub .bottom-calculator.ver2 { overflow:hidden; bottom:0; height:65px; } #sub .bottom-calculator.ver2 .p1 { display:none; } #sub .bottom-calculator.ver2 .p2 { display:none; } #sub .bottom-calculator.ver2 .ver2_price { float:left; width:50%; } #sub .bottom-calculator.ver2 .ver2_price.ilsibul .p1 { visibility:hidden; } #sub .bottom-calculator.ver2 .ver2_price p { font-size:12px; color:#c8c8c8; font-family:'s-core-dream-regular'; padding:0; } #sub .bottom-calculator.ver2 .ver2_price .p1 { display:block; } #sub .bottom-calculator.ver2 .ver2_price .p2 { display:block; } #sub .bottom-calculator.ver2 .ver2_price p b { color:#faf61c; font-family:'s-core-dream-regular'; font-weight:400; } #sub .bottom-calculator.ver2 .ver2_all { float:left; width:calc(50% - 80px); text-align:right; } #sub .bottom-calculator.ver2 .ver2_all p { font-size:12px; color:#fff; font-family:'s-core-dream-medium'; } #sub .bottom-calculator.ver2 .ver2_all span { } #sub .bottom-calculator.ver2 .ver2_all span b { font-size:16px; color:#faf61c; font-family:'s-core-dream-bold'; } #sub .bottom-calculator.ver2 .ver2_btn { position:absolute; top:0; right:0; } #sub .bottom-calculator.ver2 .ver2_btn button { } #sub .bottom-calculator.ver2 .price { padding:15px 20px; } #sub .bottom-calculator.ver2 .price button { right:20px; } /*상세페이지 리뷰*/ #sub .review.dan2, #sub .review.dan1, #sub .review.dan9, #sub .review.slide { padding:0 15px 15px; box-sizing:border-box; } #sub .detail-review { padding:0; } #sub .detail-review > div { position:relative; position:relative; } #sub .detail-review .arrow { position:absolute; top:50%; transform:translate(0,-50%); z-index:9999; } #sub .detail-review .arrow a { display:block; width:34px; height:58px; background:url(../img/sub/icon_arrow_black.png) center no-repeat; z-index:1; } #sub .detail-review .arrow.left { left:0; } #sub .detail-review .arrow.left a { transform:rotate(180deg); } #sub .detail-review .arrow.right { right:0; } #sub .detail-review .arrow.right a { } #sub .detail-review { word-break:break-all; } #sub .detail-review > div > ul { overflow:hidden; text-align:left; margin:-0.5%; padding:0 0 15px; } #sub .detail-review > div > ul > li { width:49%; margin:0.5%; float:left; border:1px solid #d3d3d3; box-sizing:border-box; } #sub .detail-review > div > ul > li > a { display:block; position:relative; } #sub .detail-review > div > ul > li > a .icon { font-size:10px; font-weight:500; position:absolute; left:5px; top:5px; background-color:#fff; border-radius:5px; padding:2px 6px; border:1px solid #bfbfbf; } #sub .detail-review > div > ul > li > a .review-img { width:100%; height:125px; background:url('../img/main/review_test.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center;} #sub .detail-review > div > ul > li > a .review-txt { color:#454545; padding:8px; } #sub .detail-review > div > ul > li > a .review-txt p { font-size:16px; font-weight:500; margin:0 0 5px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #sub .detail-review > div > ul > li > a .review-txt > span { font-size:13px; color:#454545; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.5; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} #sub .detail-review > div > ul > li > a .review-txt .star { margin:8px 0; position:relative; width:74px; height:13px; background:url('../img/main/icon_star.png') no-repeat; background-position:left top; } #sub .detail-review > div > ul > li > a .review-txt .star span { position:absolute; top:0; left:0; height:100%; background:url('../img/main/icon_star_full.png') no-repeat; width:80%; background-position:left top; } #sub .detail-review > div > ul > li > a .review-txt > ul { overflow:hidden; } #sub .detail-review > div > ul > li > a .review-txt > ul li { float:left; padding:0 12px; position:relative; } #sub .detail-review > div > ul > li > a .review-txt > ul li:first-child { padding:0 12px 0 0; } #sub .detail-review > div > ul > li > a .review-txt > ul li:last-child:before { content:""; display:block; width:1px; height:12px; background-color:#ccc; position:absolute; top:5px; left:0; } #sub .detail-review > div > ul > li .model { border-top:1px solid #d3d3d3; } #sub .detail-review > div > ul > li .model a { display:block; position:relative; } #sub .detail-review > div > ul > li .model .img { width:40px; height:40px; background:url('../img/main/phone.jpg'); background-size:contain; background-repeat:no-repeat; background-position:center; display:inline-block; position:absolute; top:50%; left:7px; transform:translate(0,-50%); border-radius:3px; border:1px solid #bfbfbf; } #sub .detail-review > div > ul > li .model .txt { padding:15px 0 15px 55px; display:block; font-size:14px; color:#505050; width:58%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #sub .detail-review > div > ul > li .model .btn { position:absolute; top:50%; right:15px; transform:translate(0,-50%); background:url('../img/sub/icon_arrow_gray.png'); display:block; width:6px; height:9px; } #sub .detail-review-table { } #sub .detail-review-table table { border-top:2px solid #000; text-align:center; margin:0 0 30px; } #sub .detail-review-table table tbody { } #sub .detail-review-table table tbody tr { border-bottom:1px solid #c8c8c8; } #sub .detail-review-table table tbody tr td { padding:9px; height:69px; } #sub .detail-review-table table tbody tr td a { display:block; font-size:15px; color:#505050; } #sub .detail-review-table table tbody tr td .star { display:inline-block; margin:0 auto; position:relative; width:74px; height:13px; background:url('../img/main/icon_star.png') no-repeat; background-position:left top; } #sub .detail-review-table table tbody tr td .star span { position:absolute; top:0; left:0; height:100%; width:100%; background:url('../img/main/icon_star_full.png') no-repeat; background-position:left top; } #sub .detail-review-table table tbody tr td.photo-review { } #sub .detail-review-table table tbody tr td.photo-review .tit { position:relative; } #sub .detail-review-table table tbody tr td.photo-review .tit:after { position:absolute; top:6px; right:-19px; width:14px; height:13px; content:""; display:block; background:url('../img/main/icon_camera.png'); } #sub .detail-review-table table tbody tr td.photo-review .txt { } #sub .detail-review-table table tbody tr td .tit { font-weight:500; display:inline-block; } #sub .detail-review-table table tbody tr td .txt { display:block; } #sub .detail-review-table table tbody tr td .top { text-align:left; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:500; } #sub .detail-review-table table tbody tr td .top .star { } #sub .detail-review-table table tbody tr td .top .star span { } #sub .detail-review-table table tbody tr td .top > span { color:#969696; margin:0 0 0 5px; font-weight:400; } #sub .detail-review-table table tbody tr td .top .photo { } #sub .detail-review-table table tbody tr td .top .photo img { vertical-align:middle; margin:0 0 3px; } #sub .detail-review-table table tbody tr td .bottom { } #sub .detail-review-table table tbody tr td .bottom p { text-align:left; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:500; } #sub .detail-review-table table tbody tr td .bottom p span { font-weight:400; } #sub .cons-btn { overflow:hidden; } #sub .cons-btn > ol { overflow:hidden; display:inline-block; float:right; } #sub .cons-btn > ol > li { float:right; } #sub .cons-btn > ol > li a { padding:9px 21px; display:inline-block; background-color:#333; color:#fff; font-size:12px; font-family:'s-core-dream-regular'; border-radius:5px; box-sizing:border-box; border:1px solid #333; } /*1대1문의*/ #sub .onetoone-table { } #sub .onetoone-table .wrap { padding:0; } #sub .onetoone-table table { color:#505050; border-top:1px solid #dcdcdc; font-size:17px; margin:0 auto 30px; width:100%; } #sub .onetoone-table table thead { } #sub .onetoone-table table thead tr { border-bottom:1px solid #dcdcdc; } #sub .onetoone-table table thead tr th { padding:14px 0; font-weight:500; font-size:12px; color:#333; font-family:'s-core-dream-regular'; background-color:#f4f4f4; } #sub .onetoone-table table tbody { text-align:center; } #sub .onetoone-table table tbody tr { border-bottom:1px solid #dcdcdc; } #sub .onetoone-table table tbody tr.no td { padding:10px 0; } #sub .onetoone-table table tbody tr.notice { background-color:#f9f9f9; } #sub .onetoone-table table tbody tr td { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; color:#555; font-family:'s-core-dream-regular'; position:relative; } #sub .onetoone-table table tbody tr td img { vertical-align:middle; margin:0 4px 2px 0; } #sub .onetoone-table table tbody tr td span { border:1px solid #c8c8c8; line-height:24px; display:inline-block; width:60px; border-radius:2px; } #sub .onetoone-table table tbody tr td.complete { } #sub .onetoone-table table tbody tr td.complete span { color:#fff; border:0; } #sub .onetoone-table table tbody tr td a { text-overflow:ellipsis; white-space:nowrap; font-size:12px; display:block; padding:14px 0 14px 12px; text-align:left; box-sizing:border-box; overflow:hidden; } #sub .onetoone-table table tbody tr td a b { display:none; margin:0px 0 0 5px; width:9px; height:13px; background-image:url('../img/sub/icon_secret.png'); background-position:center; background-repeat:no-repeat; } #sub .onetoone-table table tbody tr td.secret a b { display:inline-block; } #sub .onetoone-table table tbody tr.question { } #sub .onetoone-table table tbody tr.answer { display:none; } #sub .onetoone-table table tbody tr.answer td { font-size:16px; white-space:nowrap; overflow:inherit; text-overflow:inherit; padding:10px 0; } #sub .onetoone-table table tbody tr.answer td .que { padding:0 5px; font-size:12px; } #sub .onetoone-table table tbody tr.answer td .ans { white-space:initial; margin:10px 0 0; padding:10px 5px 0; border-top:1px dotted #ddd; font-size:12px; } #sub .onetoone-table table tbody tr.answer td .ans > div { } #sub .onetoone-table table tbody tr.answer td .ans > div img { } #sub .inquiry_tab { } #sub .inquiry_tab .wrap { padding:0; } #sub .inquiry_tab ul { overflow:hidden; margin:0 auto; } #sub .inquiry_tab ul li { float:left; border:1px solid #dcdcdc; box-sizing:border-box; border-left:0; border-bottom:0; } #sub .inquiry_tab ul li a { display:block; padding:0 10px; font-size:12px; font-family:'s-core-dream-medium'; line-height:34px; color:#777; } #sub .inquiry_tab ul li.on { } #sub .inquiry_tab ul li.on a { color:#fff; } /* 공지사항 뷰 */ #sub .view_box { } #sub .view_box .wrap { margin:0 auto; padding:0; } #sub .view_box table { border-bottom:1px solid #dcdcdc; } #sub .view_box table tr { border-top:1px solid #dcdcdc; } #sub .view_box table tr td { font-size:12px; color:#555; font-family:'s-core-dream-regular'; line-height:18px; padding:13px 20px; } #sub .view_box .btn { margin:19px 20px 0; } #sub .view_box .btn a { font-family:'s-core-dream-regular'; font-size:12px; color:#555; border-radius:5px; border:1px solid #c8c8c8; padding:0 28px; line-height:33px; display:inline-block; box-sizing:border-box; } #sub .view_box .btn a:hover { background-color:#333; color:#fff; } #sub .faq { } #sub .faq .box { margin:0; background-color:#fff; border-top:0; padding:0 5px; background-color:#fff; } #sub .faq .box > div { background-color:#fff; margin:0px 0 20px; } #sub .faq .box > ul { margin:0 0 15px; border:1px solid #c8c8c8; } #sub .faq .box > ul li { background-color:#fff; border-bottom:1px solid #c8c8c8; position:relative; padding:13px 0; } #sub .faq .box > ul li:last-child { border:0; } #sub .faq .box > ul li.answer { background-color:#f7f7f7; padding:20px !important; font-size:14px; } #sub .faq .box > ul li .num { font-size:14px; color:#969696; position:absolute; top:50%; left:14px; transform:translate(0,-50%); } #sub .faq .box > ul li .arrow-btn { } #sub .faq .box > ul li .arrow-btn a { display:block; width:20px; height:20px; border:2px solid #969696; border-radius:50%; background:url('../img/sub/icon_arrow_down.png') center no-repeat;} #sub .faq .box > ul li.on .arrow-btn a { transform:rotate(180deg); } #sub .faq .box > ul li p { display:inline-block; padding:0 36px 0 38px; font-size:14px; color:#323232; } #sub .faq .box > ul li .btn { position:absolute; top:50%; right:10px; transform:translate(0,-50%); } #sub .faq .box > ul li .btn input[type="checkbox"] { } #sub .faq .box > ul li .btn input[type="checkbox"] + label { } #sub .online-apply .bill { width:100%; overflow:hidden; margin:0 0 25px; } #sub .online-apply .bill > p { font-size:18px; font-weight:700; color:#323232; padding:5px 15px 15px; position:relative; } #sub .online-apply .bill > p span { color:#646464; font-size:12px; font-weight:300; margin:0 0 0 30px; } #sub .online-apply .bill > ul { overflow:hidden; font-size:16px; border-top:2px solid #000; color:#323232; margin:0 5px; } #sub .online-apply .bill > ul > li { box-sizing:border-box; margin:0 0 10px; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; } #sub .online-apply .bill > ul > li:last-child { border:0; } #sub .online-apply .bill > ul > li .top { overflow:hidden; background-color:#eaf3ff; height:100px; border-bottom:1px solid #000; padding:0 25px; position:relative; } #sub .online-apply .bill > ul > li:first-child .top { padding:0 25px 0 110px; } #sub .online-apply .bill > ul > li .top .img { width:70px; height:80px; position:absolute; top:50%; left:10px; transform:translate(0,-50%); background:url('../img/sub/phone-test3.png') center no-repeat; background-size:contain; } #sub .online-apply .bill > ul > li .top { overflow:hidden; background-color:#333; height:100px; border-bottom:1px solid #dcdcdc; padding:0 25px; position:relative; color:#fff; border-right:1px solid #dcdcdc; border-top:1px solid #dcdcdc; } #sub .online-apply .bill > ul > li:first-child .top { padding:0 25px 0 90px; } #sub .online-apply .bill > ul > li .top .img { width:70px; height:80px; position:absolute; top:50%; left:10px; transform:translate(0,-50%); background:url('../img/sub/phone-test3.png') center no-repeat; background-size:contain; } #sub .online-apply .bill > ul > li .top .top-txt { padding:25px 0; color:#fff; font-family:'s-core-dream-regular'; font-size:16px; } #sub .online-apply .bill > ul > li .top .top-txt .model { font-size:16px; position:relative; } #sub .online-apply .bill > ul > li .top .top-txt .model > span { display:none; font-size:14px; border:1px solid #000; padding:0 5px; border-radius:3px; position:absolute; top:50%; transform:translate(0,-50%); margin:0 0 0 5px; } #sub .online-apply .bill > ul > li .top .top-txt div { overflow:hidden; margin:9px 0 0; } #sub .online-apply .bill > ul > li .top .top-txt div .volume { font-size:14px; float:left; margin:0 0 3px; line-height:20px; } #sub .online-apply .bill > ul > li .top .top-txt div .color { float:right; } #sub .online-apply .bill > ul > li .top .top-txt .color { float:right; font-size:12px; position:relative; font-family:'s-core-dream-regular'; padding:0 0 0 23px; } #sub .online-apply .bill > ul > li .top .top-txt .color > span { width:20px; height:20px; display:block; border-radius:3px; background-color:#1182f0; position:absolute; top:50%; left:0; transform:translate(0,-50%); } #sub .online-apply .bill > ul > li .top .price { text-align:center; padding:20px 0 0; } #sub .online-apply .bill > ul > li .top .price span.txt1 { margin:0 5px 0 0; width:20px; height:20px; background-color:#f0404e; border-radius:50%; display:inline-block; color:#fff; text-align:center; line-height:20px; font-size:13px; } #sub .online-apply .bill > ul > li:last-child .top .price span.txt1 { margin:0; } #sub .online-apply .bill > ul > li .top .price b { font-size:12px; color:#777; font-weight:400; } #sub .online-apply .bill > ul > li .top .price span.txt2 { font-size:16px; display:block; } #sub .online-apply .bill > ul > li .top .price span.txt2 strong { font-size:24px; font-weight:700; } #sub .online-apply .bill > ul > li .txt { background-color:#fff; position:relative; border-top:2px solid #555; } #sub .online-apply .bill > ul > li:last-child .txt > ul { border-left:1px solid #dcdcdc; } #sub .online-apply .bill > ul > li .txt > ul > li { height:20%; border-bottom:1px dotted #d1d1d1; padding:0 25px; box-sizing:border-box; } #sub .online-apply .bill > ul > li .txt > ul > li.special p { color:#ff0000; } #sub .online-apply .bill > ul > li .txt > ul > li > p { line-height:45px; position:relative; color:#333; font-size:12px; font-family:'s-core-dream-regular'; } #sub .online-apply .bill > ul > li:last-child .txt > ul > li { padding:7px 25px 6px; border-right:1px solid #dcdcdc; } #sub .online-apply .bill > ul > li:last-child .txt > ul > li > p { line-height:16px; text-align:right; } #sub .online-apply .bill > ul > li:last-child .txt > ul > li > p b { color:#f72f2f; } #sub .online-apply .bill > ul > li .txt > ul > li > p > span { position:absolute; top:0; right:0; } #sub .online-apply .bill > ul > li .txt > ul > li > p > span > b { font-weight:400; } #sub .online-apply .bill > ul > li .txt > ul > li > p > span > img { height:20px !important; padding:12px 5px 14px 0; display:none; } #sub .online-apply .bill > ul > li .txt > ul > li > p > span.dot { border:1px dashed #ff0000; height:30px; height:30px; margin:7px -6px 7px 0; line-height:30px; padding:0 6px; } #sub .online-apply .bill > ul > li .txt > ul > li > p > span.txt-red { color:#ff1f1f; } #sub .online-apply .bill > ul > li .txt > ul > li > p > span.txt-red > b { color:#323232; font-family:'s-core-dream-regular'; } #sub .online-apply .bill > ul > li .txt > ul > li.oneprice span { font-size:18px; color:#333; font-family:'s-core-dream-bold'; z-index:1; } #sub .online-apply .bill > ul > li .txt > ul > li.oneprice span:after { content:''; height:9px; background-color:#ffff7f; position:absolute; bottom:15px; left:0; width:86%; z-index:-1; } #sub .online-apply .bill > ul > li .txt > ul > li.oneprice span b { font-size:12px; color:#333; font-family:'s-core-dream-regular'; margin:0 0 0 1px; } #sub .online-apply .bill > ul > li .txt > span { font-size:12px; display:block; padding:10px 20px 0 20px; } #sub .online-apply .bill > ul > li .txt > ol { font-size:14px; padding:0 20px; position:absolute; bottom:15px; width:88%; } #sub .online-apply .bill > ul > li .txt > ol > p { text-align:center; padding:10px 0 0; } #sub .online-apply .bill > ul > li .txt > ol li { border:0; margin:0; position:relative; padding:5px 0 0 22px; } #sub .online-apply .bill > ul > li .txt > ol li::before { content:""; width:20px; height:20px; display:block; background:url('../img/sub/check-blue.png'); position:absolute; left:0; top:5px; } #sub .online-apply .bill > ul > li .txt > ol li > div { position:relative; } #sub .online-apply .bill > ul > li .txt > ol li > div > p { width:163px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #sub .online-apply .bill > ul > li .txt > ol li > div > span { position:absolute; top:50%; right:-25px; transform:translate(0,-50%); padding:0 30px 0 0; } #sub .online-apply .bill > ul > li:nth-child(n+2) { display:none; } #sub .online-apply .bill > ul > li .txt { background-color:#fff; position:relative; } #sub .online-apply .bill > ul > li .txt > ul { } #sub .online-apply .bill > ul > li .txt > ul > li { height:20%; border-bottom:1px dotted #d1d1d1; padding:0 25px; box-sizing:border-box; box-shadow:none; } #sub .online-apply .bill > ul > li .txt > ul > li > p { line-height:45px; position:relative; color:#333; } #sub .online-apply .bill > ul > li .txt > ul > li > p > span { position:absolute; top:0; right:0; } #sub .online-apply .bill > ul > li .txt > ul > li > p > span > b { font-weight:400; } #sub .online-apply .bill > ul > li .txt > ul > li > p > span > img { height:20px !important; padding:12px 5px 14px 0; } #sub .online-apply .bill > ul > li .txt > ul > li > p > span.dot { border:1px dashed #ff0000; height:30px; height:30px; margin:7px -6px 7px 0; line-height:30px; padding:0 6px; } #sub .online-apply .bill > ul > li .txt > ul > li > p > span.txt-red { color:#ff1f1f; } #sub .online-apply .bill > ul > li .txt > ul > li > p > span.txt-red > b { color:#323232; } #sub .online-apply .bill > ul > li .txt > ul > li > p > span.bg-ye { z-index:2; } #sub .online-apply .bill > ul > li .txt > ul > li > p > span.bg-ye:after { content:""; height:9px; background-color:#ffff7f; position:absolute; bottom:10px; left:0; width:86%; z-index:-1; } #sub .online-apply .bill > ul > li .txt > span { font-size:11px; font-family:'s-core-dream-regular'; display:block; padding:10px 20px 0 20px; text-align:right; } #sub .online-apply .bill > ul > li .txt > span b { color:#ff0000; font-weight:400; } #sub .online-apply .bill > ul > li .txt > ol { font-size:14px; padding:0 20px; position:absolute; bottom:15px; width:88%; } #sub .online-apply .bill > ul > li .txt > ol > p { text-align:center; padding:10px 0 0; } #sub .online-apply .bill > ul > li .txt > ol li { border:0; margin:0; position:relative; padding:5px 0 0 22px; } #sub .online-apply .bill > ul > li .txt > ol li::before { content:""; width:18px; height:18px; display:block; background:url('../img/sub/icon_point.png'); position:absolute; left:0; top:7px; } #sub .online-apply .bill > ul > li .txt > ol li > div { position:relative; } #sub .online-apply .bill > ul > li .txt > ol li > div > p { width:163px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #sub .online-apply .bill > ul > li .txt > ol li > div > span { position:absolute; top:50%; right:-25px; transform:translate(0,-50%); padding:0 30px 0 0; } #sub .online-apply .apply-btn { text-align:center; margin:27px 0 0; } #sub .online-apply .apply-btn button { line-height:47px; font-family:'s-core-dream-bold'; font-size:18px; background-color:#f72f2f; color:#fff; width:calc(100% - 40px); display:inline-block; border-radius:5px; } #sub .online-apply .bill .price_box { overflow:hidden; margin:0 3px; } #sub .online-apply .bill .price_box .box { float:left; width:50%; } #sub .online-apply .bill .price_box .box:first-child { width:calc(50% + 1px); margin:0 -1px 0 0; } #sub .online-apply .bill .price_box .box h2 { background-color:#f4f4f4; font-size:14px; color:#555; font-family:'s-core-dream-regular'; padding:9px 0; text-align:center; border:1px solid #dcdcdc; } #sub .online-apply .bill .price_box .box ul { } #sub .online-apply .bill .price_box .box ul li { overflow:hidden; border-bottom:1px dotted #d1d1d1; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; padding:0 7px; } #sub .online-apply .bill .price_box .box ul li p { font-size:11px; font-family:'s-core-dream-regular'; float:left; line-height:44px; } #sub .online-apply .bill .price_box .box ul li span { font-size:12px; font-family:'s-core-dream-regular'; float:right; display:block; text-align:right; line-height:44px; } #sub .online-apply .bill .price_box .box ul li span b { font-weight:400; color:#ff0000; } #sub .online-apply .bill .price_box .box ul li span strong { font-weight:400; font-size:16px; color:#333; font-family:'s-core-dream-bold'; position:relative; z-index:1; } #sub .online-apply .bill .price_box .box ul li span strong:after { background-color:#f0fe08; height:9px; width:100%; display:block; content:''; position:absolute; bottom:2px; left:0; z-index:-1; } #sub .online-apply .bill .sum_box { overflow:hidden; margin:-1px 3px 0; } #sub .online-apply .bill .sum_box .box { float:left; width:50%; text-align:center; border:1px solid #dcdcdc; box-sizing:border-box; } #sub .online-apply .bill .sum_box .box:first-child { width:calc(50% + 1px); margin:0 -1px 0 0; position:relative; } #sub .online-apply .bill .sum_box .box:first-child:after { font-family:'s-core-dream-medium'; font-size:18px; color:#323232; width:20px; height:20px; display:block; content:'+'; border:1px solid #555; border-radius:50%; line-height:20px; position:absolute; top:50%; right:-11px; transform:translate(0,-50%); background-color:#fff; } #sub .online-apply .bill .sum_box .box .price { background-color:#f4f4f4; font-size:12px; color:#333; font-family:'s-core-dream-regular'; padding:10px 0; } #sub .online-apply .bill .sum_box .box .price b { font-family:'s-core-dream-medium'; margin:0 3px 0 0; width:15px; height:15px; background-color:#cb2935; border-radius:50%; display:inline-block; color:#fff; text-align:center; line-height:15px; font-size:12px; font-weight:500; } #sub .online-apply .bill .sum_box .box .price i { font-style:normal; font-size:10px; color:#333; font-family:'s-core-dream-regular'; } #sub .online-apply .bill .sum_box .box .price span { display:block; padding:3px 0 0; } #sub .online-apply .bill .sum_box .box .price span strong { font-size:18px; color:#333; font-family:'s-core-dream-bold'; } #sub .online-apply .bill .sum_box .sum { clear:both; background-color:#333; color:#fff; padding:10px; box-sizing:border-box; text-align:right; } #sub .online-apply .bill .sum_box .sum b { font-family:'s-core-dream-medium'; margin:0 3px 0 0; width:15px; height:15px; background-color:#cb2935; border-radius:50%; display:inline-block; color:#fff; text-align:center; line-height:15px; font-size:12px; font-weight:500; } #sub .online-apply .bill .sum_box .sum p { display:inline-block; font-size:14px; font-family:'s-core-dream-regular'; } #sub .online-apply .bill .sum_box .sum p strong { font-size:20px; font-family:'s-core-dream-bold'; margin:0 1px 0 5px; } #sub .online-apply .bill .sum_box .sum p span { font-size:12px; } #sub .online-apply .bill .txt > span { font-size:11px; font-family:'s-core-dream-regular'; display:block; padding:10px 20px 0 20px; text-align:right; } #sub .online-apply .bill .txt > span b { color:#ff0000; font-weight:400; } #sub .mypage .bill { width:100%; overflow:hidden; margin:25px 0; } #sub .mypage .bill > p { font-size:18px; font-weight:700; color:#323232; padding:5px 15px 15px; position:relative; } #sub .mypage .bill > p span { color:#646464; font-size:12px; font-weight:300; margin:0 0 0 30px; } #sub .mypage .bill > ul { overflow:hidden; font-size:16px; border-top:2px solid #000; color:#323232; margin:0 5px; } #sub .mypage .bill > ul > li { box-sizing:border-box; margin:0 0 10px; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; } #sub .mypage .bill > ul > li:last-child { border:0; } #sub .mypage .bill > ul > li .top { overflow:hidden; background-color:#eaf3ff; height:100px; border-bottom:1px solid #000; padding:0 25px; position:relative; } #sub .mypage .bill > ul > li:first-child .top { padding:0 25px 0 110px; } #sub .mypage .bill > ul > li .top .img { width:70px; height:80px; position:absolute; top:50%; left:10px; transform:translate(0,-50%); background:url('../img/sub/phone-test3.png') center no-repeat; background-size:contain; } #sub .mypage .bill > ul > li .top { overflow:hidden; background-color:#19ce60; height:100px; border-bottom:1px solid #dcdcdc; padding:0 25px; position:relative; color:#fff; border-right:1px solid #dcdcdc; border-top:1px solid #dcdcdc; } #sub .mypage .bill > ul > li:first-child .top { padding:0 25px 0 90px; } #sub .mypage .bill > ul > li .top .img { width:70px; height:80px; position:absolute; top:50%; left:10px; transform:translate(0,-50%); background:url('../img/sub/phone-test3.png') center no-repeat; background-size:contain; } #sub .mypage .bill > ul > li .top .top-txt { padding:25px 0; color:#fff; font-family:'s-core-dream-regular'; font-size:16px; } #sub .mypage .bill > ul > li .top .top-txt .model { font-size:16px; position:relative; } #sub .mypage .bill > ul > li .top .top-txt .model > span { display:none; font-size:14px; border:1px solid #000; padding:0 5px; border-radius:3px; position:absolute; top:50%; transform:translate(0,-50%); margin:0 0 0 5px; } #sub .mypage .bill > ul > li .top .top-txt div { overflow:hidden; margin:9px 0 0; } #sub .mypage .bill > ul > li .top .top-txt div .volume { font-size:14px; float:left; margin:0 0 3px; line-height:20px; } #sub .mypage .bill > ul > li .top .top-txt div .color { float:right; } #sub .mypage .bill > ul > li .top .top-txt .color { float:right; font-size:12px; position:relative; font-family:'s-core-dream-regular'; padding:0 0 0 23px; } #sub .mypage .bill > ul > li .top .top-txt .color > span { width:20px; height:20px; display:block; border-radius:3px; background-color:#1182f0; position:absolute; top:50%; left:0; transform:translate(0,-50%); } #sub .mypage .bill > ul > li .top .price { text-align:center; padding:20px 0 0; } #sub .mypage .bill > ul > li .top .price span.txt1 { margin:0 5px 0 0; width:20px; height:20px; background-color:#f0404e; border-radius:50%; display:inline-block; color:#fff; text-align:center; line-height:20px; font-size:13px; } #sub .mypage .bill > ul > li:last-child .top .price span.txt1 { margin:0; } #sub .mypage .bill > ul > li .top .price b { font-size:12px; color:#777; font-weight:400; } #sub .mypage .bill > ul > li .top .price span.txt2 { font-size:16px; display:block; } #sub .mypage .bill > ul > li .top .price span.txt2 strong { font-size:24px; font-weight:700; } #sub .mypage .bill > ul > li .txt { background-color:#fff; position:relative; border-top:2px solid #555; } #sub .mypage .bill > ul > li:last-child .txt > ul { border-left:1px solid #dcdcdc; } #sub .mypage .bill > ul > li .txt > ul > li { height:20%; border-bottom:1px dotted #d1d1d1; padding:0 25px; box-sizing:border-box; } #sub .mypage .bill > ul > li .txt > ul > li.special p { color:#ff0000; } #sub .mypage .bill > ul > li .txt > ul > li > p { line-height:45px; position:relative; color:#333; font-size:12px; font-family:'s-core-dream-regular'; } #sub .mypage .bill > ul > li:last-child .txt > ul > li { padding:7px 25px 6px; border-right:1px solid #dcdcdc; } #sub .mypage .bill > ul > li:last-child .txt > ul > li > p { line-height:16px; text-align:right; } #sub .mypage .bill > ul > li:last-child .txt > ul > li > p b { color:#f72f2f; } #sub .mypage .bill > ul > li .txt > ul > li > p > span { position:absolute; top:0; right:0; } #sub .mypage .bill > ul > li .txt > ul > li > p > span > b { font-weight:400; } #sub .mypage .bill > ul > li .txt > ul > li > p > span > img { height:20px !important; padding:12px 5px 14px 0; display:none; } #sub .mypage .bill > ul > li .txt > ul > li > p > span.dot { border:1px dashed #ff0000; height:30px; height:30px; margin:7px -6px 7px 0; line-height:30px; padding:0 6px; } #sub .mypage .bill > ul > li .txt > ul > li > p > span.txt-red { color:#ff1f1f; } #sub .mypage .bill > ul > li .txt > ul > li > p > span.txt-red > b { color:#323232; font-family:'s-core-dream-regular'; } #sub .mypage .bill > ul > li .txt > ul > li.oneprice span { font-size:18px; color:#333; font-family:'s-core-dream-bold'; z-index:1; } #sub .mypage .bill > ul > li .txt > ul > li.oneprice span:after { content:''; height:9px; background-color:#ffff7f; position:absolute; bottom:15px; left:0; width:86%; z-index:-1; } #sub .mypage .bill > ul > li .txt > ul > li.oneprice span b { font-size:12px; color:#333; font-family:'s-core-dream-regular'; margin:0 0 0 1px; } #sub .mypage .bill > ul > li .txt > span { font-size:12px; display:block; padding:10px 20px 0 20px; } #sub .mypage .bill > ul > li .txt > ol { font-size:14px; padding:0 20px; position:absolute; bottom:15px; width:88%; } #sub .mypage .bill > ul > li .txt > ol > p { text-align:center; padding:10px 0 0; } #sub .mypage .bill > ul > li .txt > ol li { border:0; margin:0; position:relative; padding:5px 0 0 22px; } #sub .mypage .bill > ul > li .txt > ol li::before { content:""; width:20px; height:20px; display:block; background:url('../img/sub/check-blue.png'); position:absolute; left:0; top:5px; } #sub .mypage .bill > ul > li .txt > ol li > div { position:relative; } #sub .mypage .bill > ul > li .txt > ol li > div > p { width:163px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #sub .mypage .bill > ul > li .txt > ol li > div > span { position:absolute; top:50%; right:-25px; transform:translate(0,-50%); padding:0 30px 0 0; } #sub .mypage .bill > ul > li:nth-child(n+2) { display:none; } #sub .mypage .bill > ul > li .txt { background-color:#fff; position:relative; } #sub .mypage .bill > ul > li .txt > ul { } #sub .mypage .bill > ul > li .txt > ul > li { height:20%; border-bottom:1px dotted #d1d1d1; padding:0 25px; box-sizing:border-box; box-shadow:none; } #sub .mypage .bill > ul > li .txt > ul > li > p { line-height:45px; position:relative; color:#333; } #sub .mypage .bill > ul > li .txt > ul > li > p > span { position:absolute; top:0; right:0; } #sub .mypage .bill > ul > li .txt > ul > li > p > span > b { font-weight:400; } #sub .mypage .bill > ul > li .txt > ul > li > p > span > img { height:20px !important; padding:12px 5px 14px 0; } #sub .mypage .bill > ul > li .txt > ul > li > p > span.dot { border:1px dashed #ff0000; height:30px; height:30px; margin:7px -6px 7px 0; line-height:30px; padding:0 6px; } #sub .mypage .bill > ul > li .txt > ul > li > p > span.txt-red { color:#ff1f1f; } #sub .mypage .bill > ul > li .txt > ul > li > p > span.txt-red > b { color:#323232; } #sub .mypage .bill > ul > li .txt > ul > li > p > span.bg-ye { z-index:2; } #sub .mypage .bill > ul > li .txt > ul > li > p > span.bg-ye:after { content:""; height:9px; background-color:#ffff7f; position:absolute; bottom:10px; left:0; width:86%; z-index:-1; } #sub .mypage .bill > ul > li .txt > span { font-size:11px; font-family:'s-core-dream-regular'; display:block; padding:10px 20px 0 20px; text-align:right; } #sub .mypage .bill > ul > li .txt > span b { color:#ff0000; font-weight:400; } #sub .mypage .bill > ul > li .txt > ol { font-size:14px; padding:0 20px; position:absolute; bottom:15px; width:88%; } #sub .mypage .bill > ul > li .txt > ol > p { text-align:center; padding:10px 0 0; } #sub .mypage .bill > ul > li .txt > ol li { border:0; margin:0; position:relative; padding:5px 0 0 22px; } #sub .mypage .bill > ul > li .txt > ol li::before { content:""; width:18px; height:18px; display:block; background:url('../img/sub/icon_point.png'); position:absolute; left:0; top:7px; } #sub .mypage .bill > ul > li .txt > ol li > div { position:relative; } #sub .mypage .bill > ul > li .txt > ol li > div > p { width:163px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #sub .mypage .bill > ul > li .txt > ol li > div > span { position:absolute; top:50%; right:-25px; transform:translate(0,-50%); padding:0 30px 0 0; } #sub .mypage .apply-btn { text-align:center; margin:27px 0 0; } #sub .mypage .apply-btn button { line-height:47px; font-family:'s-core-dream-bold'; font-size:18px; background-color:#f72f2f; color:#fff; width:calc(100% - 40px); display:inline-block; border-radius:5px; } #sub .mypage .bill .price_box { overflow:hidden; margin:0 3px; } #sub .mypage .bill .price_box .box { float:left; width:50%; } #sub .mypage .bill .price_box .box:first-child { width:calc(50% + 1px); margin:0 -1px 0 0; } #sub .mypage .bill .price_box .box h2 { background-color:#f4f4f4; font-size:14px; color:#555; font-family:'s-core-dream-regular'; padding:9px 0; text-align:center; border:1px solid #dcdcdc; } #sub .mypage .bill .price_box .box ul { } #sub .mypage .bill .price_box .box ul li { overflow:hidden; border-bottom:1px dotted #d1d1d1; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; padding:0 7px; } #sub .mypage .bill .price_box .box ul li p { font-size:11px; font-family:'s-core-dream-regular'; float:left; line-height:44px; } #sub .mypage .bill .price_box .box ul li span { font-size:12px; font-family:'s-core-dream-regular'; float:right; display:block; text-align:right; line-height:44px; } #sub .mypage .bill .price_box .box ul li span b { font-weight:400; color:#ff0000; } #sub .mypage .bill .price_box .box ul li span strong { font-weight:400; font-size:16px; color:#333; font-family:'s-core-dream-bold'; position:relative; z-index:1; } #sub .mypage .bill .price_box .box ul li span strong:after { background-color:#f0fe08; height:9px; width:100%; display:block; content:''; position:absolute; bottom:2px; left:0; z-index:-1; } #sub .mypage .bill .sum_box { overflow:hidden; margin:-1px 3px 0; } #sub .mypage .bill .sum_box .box { float:left; width:50%; text-align:center; border:1px solid #dcdcdc; box-sizing:border-box; } #sub .mypage .bill .sum_box .box:first-child { width:calc(50% + 1px); margin:0 -1px 0 0; position:relative; } #sub .mypage .bill .sum_box .box:first-child:after { font-family:'s-core-dream-medium'; font-size:18px; color:#323232; width:20px; height:20px; display:block; content:'+'; border:1px solid #555; border-radius:50%; line-height:20px; position:absolute; top:50%; right:-11px; transform:translate(0,-50%); background-color:#fff; } #sub .mypage .bill .sum_box .box .price { background-color:#f4f4f4; font-size:12px; color:#333; font-family:'s-core-dream-regular'; padding:10px 0; } #sub .mypage .bill .sum_box .box .price b { font-family:'s-core-dream-medium'; margin:0 3px 0 0; width:15px; height:15px; background-color:#cb2935; border-radius:50%; display:inline-block; color:#fff; text-align:center; line-height:15px; font-size:12px; font-weight:500; } #sub .mypage .bill .sum_box .box .price i { font-style:normal; font-size:10px; color:#333; font-family:'s-core-dream-regular'; } #sub .mypage .bill .sum_box .box .price span { display:block; padding:3px 0 0; } #sub .mypage .bill .sum_box .box .price span strong { font-size:18px; color:#333; font-family:'s-core-dream-bold'; } #sub .mypage .bill .sum_box .sum { clear:both; background-color:#333; color:#fff; padding:10px; box-sizing:border-box; text-align:right; } #sub .mypage .bill .sum_box .sum b { font-family:'s-core-dream-medium'; margin:0 3px 0 0; width:15px; height:15px; background-color:#cb2935; border-radius:50%; display:inline-block; color:#fff; text-align:center; line-height:15px; font-size:12px; font-weight:500; } #sub .mypage .bill .sum_box .sum p { display:inline-block; font-size:14px; font-family:'s-core-dream-regular'; } #sub .mypage .bill .sum_box .sum p strong { font-size:20px; font-family:'s-core-dream-bold'; margin:0 1px 0 5px; } #sub .mypage .bill .sum_box .sum p span { font-size:12px; } #sub .mypage .bill .txt > span { font-size:11px; font-family:'s-core-dream-regular'; display:block; padding:10px 20px 0 20px; text-align:right; } #sub .mypage .bill .txt > span b { color:#ff0000; font-weight:400; } #sub .apply-box { margin:0 0 15px; } #sub .apply-box .title { padding:50px 10px 20px; display:block; box-sizing:border-box; } #sub .apply-box .title .wrap { overflow:hidden; position:relative; } #sub .apply-box .title p { float:left; } #sub .apply-box .title input[type="checkbox"] { position:absolute; opacity:0; width:0; height:0; right:0; top:0; } #sub .apply-box .title input[type="checkbox"] + label { float:right; font-size:14px; color:#333; font-family:'s-core-dream-regular'; background-image:url('../img/sub/join_checkbox_.png'); padding:5px 30px 5px 0; background-repeat:no-repeat; background-position:right 50%; background-size:22px 20px; } #sub .apply-box .title input[type="checkbox"]:checked + label { background-image:url('../img/sub/join_checkbox_on_.png'); } #sub .apply-box table { border-top:1px solid #797979; border-bottom:1px solid #797979; } #sub .apply-box table tr { border-bottom:1px solid #c8c8c8; } #sub .apply-box table tr:last-child { border-bottom:0; } #sub .apply-box table tr th { background-color:#fafafa; text-align:left; padding:13px 0 13px 15px; font-size:12px; font-weight:400; color:#555; font-family:'s-core-dream-regular'; } #sub .apply-box table tr th span.point { display:inline-block; margin:0 0 2px 5px; width:5px; height:5px; border-radius:50%; background-color:#ff0000; } #sub .apply-box table tr td { padding:12px 9px 12px 9px; } #sub .apply-box table tr td input[type="text"] { font-size:12px; color:#555; font-family:'s-core-dream-regular'; } #sub .apply-box table tr td input[type="text"] { width:100%; font-family:'s-core-dream-regular'; border:1px solid #dcdcdc; height:40px; padding:0 0 0 5px; } #sub .apply-box table tr td input[type="password"] { width:100%; font-family:'s-core-dream-regular'; border:1px solid #dcdcdc; height:40px; padding:0 0 0 5px; } #sub .apply-box table tr td input[type="text"]::placeholder, .apply #sub .apply-box table tr td input::placeholder { color:#ccc; font-size:12px; } #sub .apply-box table tr td input.address1, .apply #sub .apply-box table tr td input.address2 { } #sub .apply-box table tr td select { width:100%; height:40px; border:1px solid #c8c8c8; font-size:12px; color:#555; font-family:'s-core-dream-regular'; padding:0 0 0 5px; } #sub .apply-box table tr td > p { display:inline-block; color:#999; font-size:11px; font-family:'s-core-dream-regular'; padding:8px 0 0; } #sub .apply-box table tr td button { font-size:12px; color:#555; height:40px; background-color:#efefef; font-family:'s-core-dream-regular'; border:1px solid #dcdcdc; padding:0 10px; margin:0 0 0 5px; } #sub .apply-box table tr td > div { position:relative; } #sub .apply-box table tr td > div > span { position:absolute; top:9px; left:380px; font-size:12px; color:#454545; line-height:34px; } #sub .apply-box table tr td.address { } #sub .apply-box table tr td.address input[type="text"].wid-address { width:calc(100% - 83px); float:left; } #sub .apply-box table tr td.address button { width:76px; margin:0 0 0 7px; float:left; } #sub .apply-box table tr td.address div { clear:both; } #sub .apply-box table tr td.phone { color:#555; font-size:12px; font-family:'s-core-dream-regular'; overflow:hidden; } #sub .apply-box table tr td.phone input[type="text"] { width:calc(33.3% - 10.6px); float:left; } #sub .apply-box table tr td.phone span { width:16px; display:block; float:left; text-align:center; line-height:40px; color:#555; font-size:12px; font-family:'s-core-dream-regular'; } #sub .apply-box table tr td.email { font-size:12px; color:#555; overflow:hidden; } #sub .apply-box table tr td.email input[type="text"] { width:calc(50% - 8px); float:left; } #sub .apply-box table tr td.email span { width:16px; display:block; float:left; text-align:center; line-height:40px; color:#555; font-size:12px; font-family:'s-core-dream-regular'; } #sub .apply-box table tr td.email select { width:100%; margin:5px 0 0; clear:both; border:1px solid #dcdcdc; } #sub .apply-box table tr td.review textarea { height:200px; } #sub .apply-box table tr td { overflow:hidden; font-family:'s-core-dream-regular'; } #sub .apply-box table tr td div.score { z-index:1; width:133px; height:25px; background-color:#B2B2B2; float:left; margin:6px 0; } #sub .apply-box table tr td div.score i { position:absolute; top:0; left:0; height:100%; width:100%; z-index:1; background:url('../img/main/icon_starr.png') no-repeat; background-position:left top; background-size:cover; } #sub .apply-box table tr td div.score i div { display:none; } #sub .apply-box table tr td div.score i span { display:none; } #sub .apply-box table tr td div.score div { height:25px; z-index:-1; } #sub .apply-box table tr td .scoreb { font-size:12px; font-family:'s-core-dream-medium'; font-weight:400; float:left; margin:8px 0 0 7px; } #sub .apply-box table tr td input[type="checkbox"] { } #sub .apply-box table tr td input[type="checkbox"] + label { } #sub .apply-box table tr td textarea { width:100%; height:129px; padding:10px; border:1px solid #c8c8c8; font-size:12px; font-family:'s-core-dream-regular'; } #sub .apply-box ul { border-top:1px solid #dcdcdc; } #sub .apply-box ul li { border-bottom:1px solid #dcdcdc; position:relative; padding:18px 0; } #sub .apply-box ul li.answer { display:none; background-color:#fafafa; font-size:12px; color:#555; padding:7px; line-height:18px; font-family:'s-core-dream-regular'; padding:18px 10px; } #sub .apply-box ul li.answer .num { top:20px; } #sub .apply-box ul li.answer p { padding:0 0 0 19px; font-size:12px; color:#555; font-family:'s-core-dream-medium'; margin:0 0 6px; } #sub .apply-box ul li.answer p b { font-size:14px; font-family:'s-core-dream-bold'; margin:0 3px 0 0; } #sub .apply-box ul li.answer.on { display:block; } #sub .apply-box ul li:last-child { border:0; } #sub .apply-box ul li .num { font-size:12px; position:absolute; top:50%; left:10px; transform:translate(0,-50%); color:#555; font-family:'s-core-dream-regular'; line-height:60px; } #sub .apply-box ul li.answer .num { top:27px; } #sub .apply-box ul li.question { overflow:hidden; } #sub .apply-box ul li.question.on { } #sub .apply-box ul li.question p { float:left; display:inline-block; padding:0 40px 0 28px; font-size:12px; color:#555; font-family:'s-core-dream-medium'; } #sub .apply-box ul li.question p span { float:right; font-size:11px; color:#999; border:1px solid #dcdcdc; border-radius:10px; padding:2px 7px; margin:1px 0 0 8px; cursor:pointer; } #sub .apply-box ul li .btn { position:absolute; top:50%; right:0; transform:translate(0,-50%); } #sub .apply-box ul li .btn input[type="checkbox"] { position:absolute; opacity:0; width:0; height:0; right:0; top:0; } #sub .apply-box ul li .btn input[type="checkbox"] + label { background-size:20px 20px; font-size:14px; color:#333; font-family:'s-core-dream-regular'; background-image:url('../img/sub/join_checkbox_.png'); background-size:22px 20px; padding:5px 0 5px 35px; background-repeat:no-repeat; background-position:0 50%; } #sub .apply-box ul li .btn input[type="checkbox"]:checked + label { background-image:url('../img/sub/join_checkbox_on_.png'); } #sub .apply .apply-btn { text-align:center; } #sub .apply .apply-btn button { font-size:24px; background-color:#f72f2f; color:#fff; padding:0 124px; display:inline-block; border-radius:25px; margin:50px 0 0; font-family:'s-core-dream-bold'; line-height:55px; } #sub .big-tit { position:relative; padding:50px 0 25px; font-size:30px; font-family:'s-core-dream-bold'; text-align:center; color:#333; } #sub .mypage-apply { overflow:hidden; } #sub .mypage-apply > div { overflow:hidden; } #sub .mypage-apply .bill { margin:0 0 0 5px; } #sub .mypage-apply form { float:right; } #sub .mypage-apply form select { background-color:#fff; border:1px solid #000; width:150px; height:45px; padding:0 0 0 10px; } #sub .mypage-apply form select option { } #sub .mypage-apply .cancel-btn { margin:12px 0 0; display:block; float:right; background-color:#f12735; color:#fff; font-size:14px; border-radius:3px; padding:5px 19px; } /*체크박스 디자인*/ #sub .cancel-box form > div > div { position:relative; margin:0 0 15px; } #sub .cancel-box form input[type="checkbox"] { width:1px; height:1px; padding:0; border:0 none; margin:0; position:absolute; left:0; top:0; overflow:hidden; clip:rect(0 0 0 0); } #sub .cancel-box form label { height:20px; line-height:20px; padding-left:27px; display:inline-block; background:url("../img/common/checkbox_no.png") no-repeat 0 0; font-size:15px; vertical-align:middle; cursor:pointer; padding-right:17px; } #sub .cancel-box form input[type="checkbox"]:checked + label { background:url("../img/common/checkbox.png") no-repeat 0 0; } /* 1:1문의 폼 */ #sub .form_box { } #sub .form_box .wrap { } #sub .form_box .tit { text-align:center; margin:0 0 39px; } #sub .form_box .tit h2 { font-size:24px; color:#333; font-family:'s-core-dream-bold'; padding:0 0 10px; } #sub .form_box .tit span { font-family:'s-core-dream-regular'; font-size:14px; color:#777; } #sub .form_box .tit span b { border-bottom:1px solid #ff0000; font-weight:400; } #sub .form_box table { border-top:1px solid #000; border-bottom:1px solid #000; } #sub .form_box table tr { border-bottom:1px solid #d7d7d7; } #sub .form_box table tr th { background-color:#fafafa; text-align:left; padding:13px 0 13px 10px; font-size:12px; font-weight:400; color:#555; font-family:'s-core-dream-regular'; } #sub .form_box table tr th span.point { display:inline-block; margin:0 0 2px 5px; width:5px; height:5px; border-radius:50%; background-color:#ff0000; } #sub .form_box table tr td { padding:15px 0 15px 20px; } #sub .form_box table tr td label { font-family:'s-core-dream-regular'; } #sub .form_box table tr.textarea td { padding:15px 5px; } #sub .form_box table tr td input[type="text"], #sub .form_box table tr td input[type="password"] { width:95%; font-size:12px; color:#555; font-family:'s-core-dream-regular'; height:36px; border:1px solid #c8c8c8; text-align:center; color:#555; } #sub .form_box table tr td input[type="password"] { width:95%; } #sub .form_box table tr td .img-editor { font-family:'s-core-dream-regular'; display:block; text-align:center; background-color:#eee; border:1px solid #ccc; border-top:0; position:relative; height:35px; line-height:35px; font-size:15px; } #sub .form_box table tr td .img-editor input[type="file"] { cursor:pointer; height:35px; width:100%; top:0; left:0; position:absolute; } #sub .form_box table tr td.email { overflow:hidden; } #sub .form_box table tr td.email input[type="text"] { width:calc(48% - 10px); float:left; } #sub .form_box table tr td.email span { display:block; float:left; width:16px; height:36px; text-align:center; line-height:36px; } #sub .form_box table tr td.email select { width:95%; clear:both; margin:5px 0 0; } #sub .form_box table tr td select { width:95%; height:36px; border:1px solid #c8c8c8; font-size:12px; color:#555; font-family:'s-core-dream-regular'; padding:0 0 0 5px; } #sub .form_box table tr td select option { } #sub .form_box table tr td textarea { overflow:auto; width:95%; height:300px; border:1px solid #c8c8c8; font-size:12px; line-height:18px; color:#555; padding:10px; box-sizing:border-box; } #sub .form_box table tr td input[type="checkbox"] { visibility:hidden; width:1px; height:1px; padding:0; border:0 none; margin:0; position:absolute; left:0; top:0; overflow:hidden; clip:rect(0 0 0 0); } #sub .form_box table tr td input[type="checkbox"] + label { height:27px; font-size:12px; font-family:'s-core-dream-regular'; color:#555; line-height:26px; padding-left:31px; display:inline-block; background:url("../img/sub/join_checkbox.png") no-repeat 0 0; vertical-align:middle; cursor:pointer; } #sub .form_box table tr td input[type="checkbox"]:checked + label { background:url("../img/sub/join_checkbox_on.png") no-repeat 0 0; } #sub .form_box table tr td input[type="file"] { border:0; font-family:'s-core-dream-regular'; width:0; height:0; opacity:0; } #sub .form_box table tr td input[type="file"] + label { overflow:hidden; } #sub .form_box table tr td input[type="file"] + label p { float:left; cursor:pointer; font-size:12px; font-family:'s-core-dream-regular'; border-radius:2px; margin:0 19px 0 0; line-height:24px; padding:0 13px; color:#555; border:1px solid #333; background-color:#efefef; display:inline-block; } #sub .form_box table tr td input[type="file"] + label span { float:left; max-width:calc(100% - 100px); color:#555; font-family:'s-core-dream-regular'; line-height:24px; font-size:12px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #sub .form_box .btn { text-align:center; margin:20px 0 0; } #sub .form_box .btn * { display:inline-block; margin:0 4px; border-radius:5px; border:1px solid #c8c8c8; font-size:12px; color:#555; font-family:'s-core-dream-regular'; padding:0 17px; line-height:33px; } #sub .form_box .btn .black { background-color:#333; font-size:12px; color:#fff; } #sub .form_box table tr td .delete { margin:15px 0 0; } #sub .form_box table tr td .delete label { font-family:'s-core-dream-regular'; font-size:13px; } #sub .form_box table tr td .delete label input[type="checkbox"] { width:10px; height:10px; border:1px solid #000; position:static; left:auto; top:auto; visibility:inherit; } #sub .form_box table tr td .delete label input[type="checkbox"]:checked { background-color:#000; } #sub .form_box table tr td .delete label img { display:none; } #sub .form_box table tr td.phone { } #sub .form_box table tr td.phone div { border:1px solid #ddd; max-height:100px; overflow-y:scroll; padding:10px; } #sub .form_box table tr td.phone div label { display:block; float:left; width:50%; font-size:13px; line-height:28px; } #sub .form_box table tr td.phone div input[type="checkbox"] { vertical-align:middle; position:static; width:10px; height:10px; border:1px solid #ccc; visibility:visible; } #sub .form_box table tr td.phone div input[type="checkbox"]:focus { outline:none; } #sub .form_box table tr td.phone div input[type="checkbox"]:checked { background-color:#000; } #sub .form_box table tr td input[type="radio"] { margin:0 0 3px; vertical-align:middle; position:static; width:10px; border-radius:50%; height:10px; border:1px solid #ccc; visibility:visible; } #sub .form_box table tr td input[type="radio"]:checked { background-color:#000; } #sub .form_box table tr td input[type="radio"]:focus { outline:none; } #sub .mypage { margin:0 0 70px; } #sub .mypage .wrap { padding:0 5px; } #sub .mypage .my_detail { position:relative; } #sub .mypage .title img { height:16px !important; vertical-align:middle; margin:0 0 3px 8px; } #sub .mypage .select_box { font-size:0; padding:0 0 12px; } #sub .mypage .phonelist { } #sub .mypage .phonelist .select { margin:0 0 10px; position:relative; display:inline-block; line-height:38px; font-family:'s-core-dream-regular'; background-color:#fff; height:38px; border-radius:3px; width:100%; border:1px solid #dcdcdc; box-sizing:border-box; z-index:1; } #sub .mypage .phonelist .select:after { pointer-events:none; width:13px; height:9px; display:block; content:''; position:absolute; top:50%; right:10px; transform:translate(0,-50%); background-repeat:no-repeat; background-position:95% 50%; background-image:url('../img/sub/select_btn.jpg'); } #sub .mypage .phonelist .select.on { } #sub .mypage .phonelist .select.on:after { transform:rotate(180deg) translate(0,50%); } #sub .mypage .phonelist .select.on ul { display:block; } #sub .mypage .phonelist .select > a { font-size:16px; color:#333; display:block; padding:0 0 0 17px; box-sizing:border-box; } #sub .mypage .phonelist .select > a b { margin:0 5px 0 0; } #sub .mypage .phonelist .selected > a { } #sub .mypage .phonelist .select ul { z-index:10; max-height:205px; overflow-y:auto; padding:5px 0; display:none; position:absolute; top:40px; left:0; border-radius:3px; border:1px solid #dcdcdc; background-color:#fff; width:100%; box-sizing:border-box; } #sub .mypage .phonelist .select ul li { } #sub .mypage .phonelist .select ul li.tit a { } #sub .mypage .phonelist .select ul li a { font-size:16px; display:block; padding:0 0 0 17px; box-sizing:border-box; color:#333; } #sub .mypage .phonelist .select ul li a b { font-weight:400; color:#999; margin:0 5px 0 0;} #sub .mypage .phonelist .select ul li a:hover { background-color:#edeefd; } #sub .mypage .bill { } #sub .mypage .bill:after { left:622px; } #sub .mypage .bill:before { right:303px; } #sub .mypage ol.mypage-list > li { font-size:16px; color:#646464; box-shadow:3px 3px 5px 0 rgba(69, 69, 69, 0.4); background-color:#fff; position:relative; margin:0 54px 0 0; box-sizing:border-box; border-radius:3px; float:left; width:155px; text-align:center; font-weight:400; padding:17px 0; border:1px solid #646464; } #sub .mypage ol.mypage-list > li:after { position:absolute; top:50%; right:-31px; transform:translate(0,-50%); content:""; display:block; width:6px; height:14px; background:url('../img/sub/icon_arrow3.png'); } #sub .mypage ol.mypage-list > li:last-child { margin:0; } #sub .mypage ol.mypage-list > li:last-child::after { display:none; } #sub .mypage ol.mypage-list > li > ul { display:none; position:absolute; top:64px; left:0; } #sub .mypage ol.mypage-list > li.on { background-color:#1182f0; color:#fff; position:relative; border:1px solid #1182f0; } #sub .mypage ol.mypage-list > li.on > ul { display:block; } #sub .mypage ol.mypage-list > li.cancel { background-color:#f12735; border-color:#f12735; color:#fff; font-weight:500; } #sub .mypage ol.mypage-list > li .txt-cancel { display:none; } #sub .mypage ol.mypage-list > li.cancel .txt-cancel { display:block; } #sub .mypage ol.mypage-list > li.cancel .txt-ing { display:none; } #sub .mypage ol.mypage-list > li > ul > li { border-radius:3px; background-color:#323232; width:155px; } #sub .mypage ol.mypage-list > li > ul > li > a { display:block; color:#fff; padding:3px 0; margin:0 0 5px; } #sub .mypage .txt-box { } #sub .mypage .txt-box .tit { font-size:18px; color:#323232; font-weight:600; position:relative; padding:0 0 0 17px; margin:0 0 11px; } #sub .mypage .txt-box .tit:before { content:""; display:block; width:6px; height:20px; background-color:#000; position:absolute; top:50%; left:0; transform:translate(0,-50%); } #sub .mypage .txt-box .txt { overflow:hidden; background-color:#fff; padding:20px; line-height:30px;font-size:16px; color:#646464; font-weight:400; border:1px solid #626262; border-radius:3px; } #sub .mypage .txt-box .txt .btn { font-size:15px; border-radius:3px; background-color:#323232; width:155px; color:#fff; font-weight:500; display:inline-block; text-align:center; } #sub .mypage .txt-box .txt .blue { color:#1182f0; } #sub .mypage .txt-box .txt b { color:#323232; } #sub .mypage .txt-box .txt strong { float:right; color:#323232; font-weight:500; } #sub .mypage .txt-box .txt .bold { font-weight:700; } #sub .mypage span.guide { position:relative; background-color:#fafafa; font-size:12px; color:#555; font-family:'s-core-dream-regular'; display:block; margin:0 auto; max-width:710px; box-sizing:border-box; padding:12px; border-radius:5px; line-height:28px; } #sub .mypage span.guide .red { color:#f72f2f; } #sub .mypage span.guide img { margin:0 5px 0 0; } #sub .mypage span.guide strong { display:inline; font-size:14px; color:#f72f2f; padding:4px 0 0; } #sub .mypage span.guide.wid100 { max-width:100%; } #sub .mypage .btn { text-align:center; margin:20px 20px 0; } #sub .mypage .btn * { width:100%; line-height:40px; font-size:14px; color:#fff; font-family:'s-core-dream-bold'; background-color:#f72f2f; border-radius:5px; text-align:center; display:inline-block; } /******************5. 구매후기페이지*******************/ #sub .review-list { word-break:break-all; } #sub .review-list > div { } #sub .review-list > div > ul { overflow:hidden; text-align:left; margin:-0.5%; } #sub .review-list > div > ul > li { width:49%; margin:0.5%; float:left; border:1px solid #d3d3d3; box-sizing:border-box; } #sub .review-list > div > ul > li > a { display:block; position:relative; } #sub .review-list > div > ul > li > a .icon { font-size:10px; font-weight:500; position:absolute; left:5px; top:5px; background-color:#fff; border-radius:5px; padding:2px 6px; border:1px solid #bfbfbf; } #sub .review-list > div > ul > li > a .review-img { width:100%; height:125px; background:url('../img/main/review_test.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center;} #sub .review-list > div > ul > li > a .review-txt { color:#454545; padding:8px; } #sub .review-list > div > ul > li > a .review-txt p { font-size:16px; font-weight:500; margin:0 0 5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block; } #sub .review-list > div > ul > li > a .review-txt > span { font-size:13px; color:#454545; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.5; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; } #sub .review-list > div > ul > li > a .review-txt .star { margin:8px 0; position:relative; width:74px; height:13px; background:url('../img/main/icon_star.png') no-repeat; background-position:left top; } #sub .review-list > div > ul > li > a .review-txt .star span { position:absolute; top:0; left:0; height:100%; background:url('../img/main/icon_star_full.png') no-repeat; width:80%; background-position:left top; } #sub .review-list > div > ul > li > a .review-txt > ul { overflow:hidden; } #sub .review-list > div > ul > li > a .review-txt > ul li { float:left; padding:0 12px; position:relative; } #sub .review-list > div > ul > li > a .review-txt > ul li:first-child { padding:0 12px 0 0; } #sub .review-list > div > ul > li > a .review-txt > ul li:last-child:before { content:""; display:block; width:1px; height:12px; background-color:#ccc; position:absolute; top:5px; left:0; } #sub .review-list > div > ul > li .model { border-top:1px solid #d3d3d3; } #sub .review-list > div > ul > li .model a { display:block; position:relative; } #sub .review-list > div > ul > li .model .img { width:40px; height:40px; background:url('../img/main/phone.jpg'); background-size:contain; background-repeat:no-repeat; background-position:center; display:inline-block; position:absolute; top:50%; left:7px; transform:translate(0,-50%); border-radius:3px; border:1px solid #bfbfbf; } #sub .review-list > div > ul > li .model .txt { padding:15px 0 15px 55px; display:block; font-size:14px; color:#505050; } #sub .review-list > div > ul > li .model .btn { position:absolute; top:50%; right:15px; transform:translate(0,-50%); background:url('../img/sub/icon_arrow_gray.png'); display:block; width:6px; height:9px; } #sub .review-list .more { display:block; text-align:center; margin:17px 0 0; } #sub .review-list .more a { display:inline-block; text-align:center; border:1px solid #000; border-radius:3px; padding:10px 30px; font-size:16px; background:url('../img/main/icon_arrow_on.png') 95% 50% no-repeat; } #sub .review-list { padding:15px 0; } #sub .review-list > div { position:relative; } #sub .review-list .arrow { position:absolute; top:50%; transform:translate(0,-50%); z-index:9999; } #sub .review-list .arrow a { display:block; width:34px; height:58px; background:url(../img/sub/icon_arrow_black.png) center no-repeat; z-index:9999; } #sub .review-list .arrow.left { left:6px; z-index:2; } #sub .review-list .arrow.left a { transform:rotate(180deg); } #sub .review-list .arrow.right { right:6px; z-index:3; } #sub .review-list .arrow.right a { } #sub .review-list ul.review-list li { border-radius:3px; } #sub .review-table { } #sub .review-table table { border-top:2px solid #000; text-align:center; margin:0 0 30px; } #sub .review-table table tbody { } #sub .review-table table tbody tr { border-bottom:1px solid #c8c8c8; } #sub .review-table table tbody tr td { padding:9px; height:69px; } #sub .review-table table tbody tr td a { display:block; font-size:15px; color:#505050; } #sub .review-table table tbody tr td .star { display:inline-block; margin:0 auto; position:relative; width:74px; height:13px; background:url('../img/main/icon_star.png') no-repeat; background-position:left top; } #sub .review-table table tbody tr td .star span { position:absolute; top:0; left:0; height:100%; width:100%; background:url('../img/main/icon_star_full.png') no-repeat; background-position:left top; } #sub .review-table table tbody tr td.photo-review { } #sub .review-table table tbody tr td.photo-review .tit { position:relative; } #sub .review-table table tbody tr td.photo-review .tit:after { position:absolute; top:6px; right:-19px; width:14px; height:13px; content:""; display:block; background:url('../img/main/icon_camera.png'); } #sub .review-table table tbody tr td.photo-review .txt { } #sub .review-table table tbody tr td .tit { font-weight:500; display:inline-block; } #sub .review-table table tbody tr td .txt { display:block; } #sub .review-table table tbody tr td .top { text-align:left; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:500; } #sub .review-table table tbody tr td .top .star { } #sub .review-table table tbody tr td .top .star span { } #sub .review-table table tbody tr td .top > span { color:#969696; margin:0 0 0 5px; font-weight:400; } #sub .review-table table tbody tr td .top .photo { } #sub .review-table table tbody tr td .top .photo img { vertical-align:middle; margin:0 0 3px; } #sub .review-table table tbody tr td .bottom { } #sub .review-table table tbody tr td .bottom p { text-align:left; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:500; } #sub .review-table table tbody tr td .bottom p span { font-weight:400; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #sub .review-banner { } #sub .review-banner > div { text-align:center; } #sub .review-banner > div img { } /******************6.인터넷TV*******************/ #sub .tv-category { margin:0 0 35px; } #sub .tv-category > div { text-align:center; } #sub .tv-category ul { overflow:hidden; display:inline-block; width:100%; margin:-2%; } #sub .tv-category ul li { float:left; width:46%; box-sizing:border-box; margin:2%; } #sub .tv-category ul li > div { border:1px solid #969696; } #sub .tv-category ul li a { display:block; } #sub .tv-category ul li a .img { width:100%; height:165px; position:relative; border-bottom:1px solid #969696; } #sub .tv-category ul li a .img img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:110px !important; } #sub .tv-category ul li a .txt { padding:11px 0 9px; } #sub .tv-category ul li a .txt > p { font-size:14px; } #sub .tv-category ul li a .txt > span { font-size:14px; font-weight:300; } #sub .tv-category ul li a .txt > span b { font-size:18px; font-weight:600; margin:0 0 0 5px; } #sub .tv-category ul li .btn { border-top:1px solid #969696; } #sub .tv-category ul li .btn a { display:block; color:#fff; font-size:13px; padding:10px 0 10px 16px; background-image:url('../img/sub/icon_place.png'); background-repeat:no-repeat; background-position:18px 9px; background-size:15px; } #sub .tv-category ul li.on { border-radius:5px; border-bottom:0 !important; } #sub .tv-category ul li.on a .img { height:162px; } #sub .tv-category ul li.on > div { border:0; } #sub .tv-category ul li.skt.on { border:5px solid #f72f2f; } #sub .tv-category ul li.kt.on { border:5px solid #21b8b2; } #sub .tv-category ul li.lgu.on { border:5px solid #e0097c; } #sub .tv-category ul li.hello.on { border:5px solid #e6164b; } #sub .tv-category ul li.skt a .txt > span b { color:#f72f2f; } #sub .tv-category ul li.skt .btn a { background-color:#f72f2f; } #sub .tv-category ul li.kt a .txt > span b { color:#21b8b2; } #sub .tv-category ul li.kt .btn a { background-color:#21b8b2; } #sub .tv-category ul li.lgu a .txt > span b { color:#e0097c; } #sub .tv-category ul li.lgu .btn a { background-color:#e0097c; } #sub .tv-category ul li.hello a .txt > span b { color:#e6164b; } #sub .tv-category ul li.hello .btn a { background-color:#e6164b; } #sub .tv-content { } #sub .tv-content > div { } #sub .tv-content .price-img { } #sub .tv-content .price-img img { width:100%; } #sub .tv-content .detail-img { display:block; text-align:center; margin:20px 0; } #sub .tv-content .detail-img img { display:inline; } #sub .tv-content .btn-list { overflow:hidden; padding:20px 0; margin:20px 0; } #sub .tv-content .btn-list ul { width:100%; float:left; overflow:hidden; padding:0 5px; box-sizing:border-box; } #sub .tv-content .btn-list ul > p { font-size:14px; padding:0 0 0 10px; margin:0 6px 10px; } #sub .tv-content .btn-list ul li { float:left; margin:1.5%; width:30.33%; box-shadow:4px 4px 5px 0 rgba(199, 197, 197, 1); border-radius:5px; } #sub .tv-content .btn-list ul li a { display:block; height:50px; color:#fff; border-radius:3px; text-align:center; line-height:50px; } #sub .tv-content .btn-list ul.data { margin:0 0 15px; } #sub .tv-content .btn-list ul.data a { font-size:14px; font-weight:700; } #sub .tv-content .btn-list ul.consulting { } #sub .tv-content .btn-list ul.consulting li a { font-size:14px; font-weight:700; } #sub .tv-content .btn-list-blue ul > p { border-left:4px solid #2f8bff;} #sub .tv-content .btn-list-red ul > p { border-left:4px solid #f72f2f;} #sub .tv-content .btn-list-blue { border:3px solid #2f8bff; } #sub .tv-content .btn-list-red { border:3px solid #f72f2f; } #sub .tv-content .btn-list-blue ul li a { background-color:#2f8bff; } #sub .tv-content .btn-list-red ul li a { background-color:#f72f2f; } /*휴대폰, 사전예약 공통*/ #sub .phone-event { } #sub .phone-event .btn { margin:10px 0 0; } #sub .phone-event .btn ul { overflow:hidden; display:inline-block; float:right; } #sub .phone-event .btn ul li { float:right; } #sub .phone-event .btn ul li a { padding:9px 21px; display:inline-block; background-color:#333; color:#fff; font-size:12px; font-family:'s-core-dream-regular'; border-radius:5px; box-sizing:border-box; border:1px solid #333; } #sub .phone-event > .wrap { position:relative; } #sub .phone-event .arrow { } #sub .phone-event .arrow span { position:absolute; top:50%; transform:translate(0,-50%); } #sub .phone-event .arrow span a { display:block; width:34px; height:58px; background-image:url('../img/sub/phone-arrow.png'); opacity:0.3; } #sub .phone-event .arrow span.left { left:-30px; } #sub .phone-event .arrow span.left a { transform:rotate(180deg); } #sub .phone-event .arrow span.right { right:-30px; } #sub .phone-event .arrow span.right a { } #sub .phone-event .arrow span.on a { opacity:1; } #sub .phone-event .box-list { } #sub .phone-event .box-list > ul { overflow:hidden; margin:0; } #sub .phone-event .box-list > ul li { border:1px solid #dcdcdc; float:left; width:100%; margin:0 0 16px; box-sizing:border-box; } #sub .phone-event .box-list > ul li a { display:block; } #sub .phone-event .box-list > ul li a .img { background-position:center; background-repeat:no-repeat; background-size:cover; } #sub .phone-event .box-list > ul li a .img:after { padding-bottom:57%; display:block; content:''; } #sub .phone-event .box-list > ul li a .txt { font-family:'s-core-dream-regular'; background-color:#fff; padding:10px; color:#333; } #sub .phone-event .box-list > ul li a .txt .icon { width:50px; background-color:#333; font-size:10px; color:#fff; text-align:center; line-height:18px; border-radius:5px; height:18px; display:inline-block; background-size:cover; vertical-align:middle; margin:0 2px 2px 0; } #sub .phone-event .box-list > ul li a .txt img { height:18px !important; vertical-align:middle; margin:0 2px 4px 0; } #sub .phone-event .box-list > ul li a .txt p { font-size:30px; font-weight:500; width:490px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #sub .phone-event .box-list > ul li a .txt span { font-size:18px; font-weight:300; width:490px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; } #sub .phone-event .box-list > ul li .endbg { display:none; } #sub .phone-event .box-list > ul li.end { position:relative; } #sub .phone-event .box-list > ul li.end .endbg { display:block; position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.5); width:100%; } #sub .phone-event .box-list > ul li.end .endbg:after { display:block; content:''; padding-bottom:57%; } #sub .phone-event .box-list > ul li.end .endbg p { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100px; height:100px; border-radius:50%; background-color:rgba(0,0,0,0.8); } #sub .phone-event .box-list > ul li.end .endbg p span { color:#fff; font-size:16px; line-height:24px; font-family:'s-core-dream-regular'; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } #sub .detail-title { padding:20px 0 0; box-sizing:border-box; } #sub .detail-title p { font-size:18px; color:#333; font-family:'s-core-dream-regular'; padding:0 0 5px; } #sub .detail-title p .icon { width:50px; background-color:#333; font-size:10px; color:#fff; text-align:center; line-height:18px; border-radius:5px; height:18px; display:inline-block; background-size:cover; vertical-align:middle; margin:0 2px 4px 5px; font-weight:400; } #sub .detail-title p img { vertical-align:bottom; margin:0 0 2px; } #sub .detail-title span { font-size:20px; padding:0 10px 20px; border-bottom:1px solid #ddd; display:block; margin:7px 0 10px; } #sub .reservation_phone { padding:40px 0 0; } #sub .reservation_phone .btn-more { display:block; } #sub .reservation_phone .btn-more a { display:block; text-align:center; padding:15px 0 0; } #sub .reservation_phone .btn-more a img { } #sub .reservation-detail { margin:0 0 15px; } #sub .reservation-detail > div { } /* #sub .reservation-detail .wrap p img { width:100%; } */ #sub .reservation-detail .banner-normal { display:block; text-align:center; margin:0 0 10px; } #sub .reservation-detail .banner-normal img { display:inline; } #sub .reservation-detail .banner0 { margin:0 0 10px; } #sub .reservation-detail .banner0 a { display:block; text-align:center; } #sub .reservation-detail .banner0 a img { display:inline; } #sub .reservation-detail .price_chart { } #sub .reservation-detail .price_chart ul { overflow:hidden; width:80%; margin:0 auto; } #sub .reservation-detail .price_chart ul li { float:left; text-align:center; line-height:43px; color:#191919; background-color:#fff; font-size:14px; width:31.33%; border:1px solid #dbdbdb; box-sizing:border-box; font-family:'s-core-dream-regular'; margin:0 1%; cursor:pointer; } #sub .reservation-detail .price_chart ul li.on { background-color:#377dff; color:#fff; } #sub .reservation-detail .price_chart ul.two li { width:50%; } #sub .reservation-detail .price_chart ul.three li { width:33.33%; } #sub .reservation-detail .price_chart ol li { display:none; } #sub .reservation-detail .price_chart ol li.on { display:block; } #sub .reservation-detail .inquiry_button { text-align:center; } #sub .file-down { padding:0 0 20px; border-bottom:1px solid #ddd; } #sub .file-down span { margin:0 0 3px; display:block; } #sub .file-down span b { color:#009; margin:0 0 0 2px; } #sub .file-down p { border:1px solid #ddd; width:240px; margin:5px 0 0; background:url(../img/sub/icon_filedown.png) 221px 10px no-repeat; } #sub .file-down p a { display:block; font-size:16px; padding:5px; width:220px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #sub .func-btn { margin:20px 0; } #sub .func-btn > div { overflow:hidden; } #sub .func-btn ul { overflow:hidden; float:right; } #sub .func-btn ul li { float:left; margin:0 0 0 10px; } #sub .func-btn ul li a { display:block; border:1px solid #ddd; padding:5px 15px; font-family:'s-core-dream-regular'; } #sub .planning-img { text-align:center; margin:0 0 20px; } #sub .planning-img img { display:inline; max-width:100%; } #sub .reservation_phone ol.list { overflow:hidden; margin:-0.5%; } #sub .reservation_phone ol.list > li { border:1px solid #ccc; padding:5px; box-sizing:border-box; float:left; width:49%; margin:0.5%; } #sub .reservation_phone ol.list > li a { display:block; position:relative; padding:15px 0 0; } #sub .reservation_phone ol.list > li a .icon { position:absolute; top:0; left:0; } #sub .reservation_phone ol.list > li a .icon span { width:35px; height:35px; display:block; margin:0 0 5px; color:#fff; font-size:10px; text-align:center; } #sub .reservation_phone ol.list li a .phone-img { display:flex; justify-content:center; align-items:center; height:110px; margin:0 0 15px; } #sub .reservation_phone ol.list li a .phone-img img { max-width:100%; max-height:100%; } #sub .reservation_phone ol.list li a ul { overflow:hidden; width:62px; margin:0 auto; } #sub .reservation_phone ol.list li a ul li { float:left; padding:0 3px; display:inline; } #sub .reservation_phone ol.list li a ul li img { height:13px !important; } #sub .reservation_phone ol.list li .phone-name { font-size:15px; font-weight:500; padding:5px 0; position:relative; text-align:center; } #sub .reservation_phone ol.list li .phone-name span { font-size:8px; border:1px solid #000; padding:0 5px; border-radius:3px; margin:0 0 0 5px; position:absolute; top:8px; } #sub .reservation_phone ol.list li .price { border-top:1px solid #adadad; padding:4px 5px; } #sub .reservation_phone ol.list li .price .price-tit { font-size:14px; } #sub .reservation_phone ol.list li .price .price-right { position:absolute; top:3px; right:0; } #sub .reservation_phone ol.list li .price .price-chul { position:relative; padding:5px 0 0; } #sub .reservation_phone ol.list li .price .price-chul span { } #sub .reservation_phone ol.list li .price .price-chul s { font-size:13px; } #sub .reservation_phone ol.list li .price .price-chul b { position:relative; color:#ff2222; font-size:13px; margin:0px 10px 0 0; } #sub .reservation_phone ol.list li .price .price-chul b small { font-size:12px; } #sub .reservation_phone ol.list li .price .price-chul b::after { display:block; content:""; background:url("../img/main/icon_sale.png"); background-repeat:no-repeat; width:9px; height:11px; position:absolute; top:5px; right:-12px; } #sub .reservation_phone ol.list li .price .price-hal { position:relative; padding:7px 0 2px; } #sub .reservation_phone ol.list li .price .price-hal .price-tit { margin:8px 0 0; } #sub .reservation_phone ol.list li .price .price-hal span { clear:both; } #sub .reservation_phone ol.list li .price .price-hal strong { font-size:16px; font-weight:700; } #sub .reservation_phone ol.list li .price .price-hal strong span { font-size:10px; font-weight:400; } #sub .reservation_phone ol.list li .sale { background-color:#f72f2f; color:#fff; font-size:12px; border-radius:3px; padding:5px 0; text-align:center; } #sub .reservation_phone ol.list li .sale strong { font-size:14px; font-weight:600; } /******************10.사전예약*******************/ #sub .phone-reservation { } #sub .phone-reservation > .wrap { } #sub .phone-reservation .box-list { text-align:center; } #sub .phone-reservation .box-list > ul { } #sub .phone-reservation .box-list > ul > li { width:100%; position:relative; margin:0 0 20px; } #sub .phone-reservation .box-list > ul > li > a { display:block; } #sub .phone-reservation .box-list > ul > li > a .img { box-sizing:border-box; width:100%; background-color:#000; background-image:url('../img/sub/phone-banner.jpg'); background-position:center; background-repeat:no-repeat; background-size:contain; border:1px solid #000; } #sub .phone-reservation .box-list > ul > li > a .img { width:100%; } #sub .phone-reservation .box-list > ul > li > a .img:after { content:""; display:block; padding-bottom:57%; } #sub .phone-reservation .box-list ul li:nth-child(2) a .img { background-image:url('../img/sub/phone-banner2.jpg'); } #sub .phone-reservation .box-list ul li a .txt { text-align:left; border:1px dashed #000; padding:5px 25px; } #sub .phone-reservation .box-list ul li a .txt p { font-size:18px; font-weight:500; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #sub .phone-reservation .box-list ul li a .txt span { font-size:12px; font-weight:300; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; } #sub .phone-reservation .box-list > ul > li > p { display:none; } #sub .phone-reservation .box-list > ul > li.end { } #sub .phone-reservation .box-list > ul > li.end a { pointer-events:none; opacity:0.3; } #sub .phone-reservation .box-list > ul > li.end > p { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:inline-block; font-weight:700; font-size:18px; color:#fff; background-color:#000; padding:6px 25px 7px; border-radius:10px; } #sub .phone-reservation .btn { overflow:hidden; margin:0 0 20px; } #sub .phone-reservation .btn ul { overflow:hidden; float:right; } #sub .phone-reservation .btn ul li { float:left; margin:0 0 0 5px; } #sub .phone-reservation .btn ul li a { display:inline-block; border:1px solid #000; color:#000; background-color:#fff; padding:5px 20px; } #sub .no-txt { padding:50px 0; } #sub .no-txt p { font-size:18px; font-family:'s-core-dream-bold'; text-align:center; padding:0 0 45px; } #sub .reservation-banner { } #sub .reservation-banner a { text-align:center; display:block; } #sub .reservation-banner a img { display:inline; } #sub .txt-list { } #sub .txt-list ul { } #sub .txt-list ul li { } #sub .txt-list ul li p.tit { font-size:14px; font-weight:500; padding:0 0 5px; } #sub .txt-list ul li span { font-size:13px; position:relative; padding:2px 0 2px 10px; display:block; line-height:24px; } #sub .txt-list ul li span:before { display:block; content:""; width:2px; height:2px; background-color:#000; border-radius:50%; position:absolute; top:13px; left:0; } #sub .txt-list ul li span b { color:#f72f2f; font-weight:400; } #sub .txt-list ul li span:last-child { margin:0 0 50px; } #sub .new_img { padding:0 0 15px; } #sub .new_img img { width:100%; } #sub .phone-search { } #sub .phone-search .tit { position:relative; } #sub .phone-search ol.list { overflow:hidden; text-align:left; } #sub .phone-search ol.list p.title { } #sub .phone-search ol.list p.title a { font-size:16px; font-family:'s-core-dream-bold'; padding:25px 0 10px 10px; display:block; } #sub .phone-search ol.list p.title a b { color:#ff0347; } #sub .phone-search ol.list p.title a img { height:15px !important; margin:4px 0 0 10px; } #sub .phone-search ol.list > li { border:1px solid #e6e6e6; border-bottom:0; width:100%; float:left; font-family:'s-core-dream-regular'; position:relative; box-sizing:border-box; } #sub .phone-search ol.list > li:last-child { border-bottom:1px solid #e6e6e6 !important; } #sub .phone-search ol.list > li .btn { position:absolute; top:10px; right:10px; } #sub .phone-search ol.list > li .btn button, #sub .phone-search ol.list > li .btn a { display:block; font-family:'Noto Sans KR'; font-size:9px; color:#fff; background-color:#000; border-radius:13px; width:55px; text-align:center; padding:2px 0; } #sub .phone-search ol.list > li .btn button img, #sub .phone-search ol.list > li .btn a img { vertical-align:middle; margin:0 0 1px; height:10px !important; } #sub .phone-search ol.list > li a { display:block; overflow:hidden; box-sizing:border-box; } #sub .phone-search ol.list > li a .img { width:20%; float:left; padding:0 5%; text-align:center; } #sub .phone-search ol.list > li a .img div { height:130px; display:flex; justify-content:center; align-items:center; margin:10px 0 0; } #sub .phone-search ol.list > li a .img div img { max-width:100%; max-height:100%; display:block; vertical-align:middle; } #sub .phone-search ol.list > li a .img ul.tong { overflow:hidden; margin:10px auto 0; display:inline-block; } #sub .phone-search ol.list > li a .img ul.tong li { float:left; padding:0 2px; height:21px; } #sub .phone-search ol.list > li a .img ul.tong li img { height:10px !important; } #sub .phone-search ol.list > li a .txt { width:70%; float:left; padding:0 7px 0 0; box-sizing:border-box; margin:5px 0 0; } #sub .phone-search ol.list > li a .txt .name { font-family:'s-core-dream-medium'; overflow:hidden; } #sub .phone-search ol.list > li a .txt .name p { font-size:14px; padding:15px 0 5px; float:left; width:100%; position:relative; } #sub .phone-search ol.list > li a .txt .name p span { font-size:13px; border:1px solid #1e1e1e; border-radius:2px; padding:3px 3px 0; line-height:13px; display:inline-block; margin:3px 0 0 5px; float:left; position:absolute; top:50%; transform:translate(0,-50%);} #sub .phone-search ol.list > li a .txt .price { color:#ff2222; } #sub .phone-search ol.list > li a .txt .price b { font-size:13px; font-family:'s-core-dream-extrabold'; letter-spacing:-1px; } #sub .phone-search ol.list > li a .txt .price small { font-size:12px; font-family:'s-core-dream-regular'; margin:0 0 0 -2px; } #sub .phone-search ol.list > li a .txt .price img { vertical-align:middle; } #sub .phone-search ol.list > li a .txt .price strong { font-size:11px; margin:0 3px 0 0; } #sub .phone-search ol.list > li a .txt .price s { color:#969696; font-size:11px; } #sub .phone-search ol.list > li a .txt .info { margin:6px 0 7px; font-size:11px; } #sub .phone-search ol.list > li a .txt .info ul.list { overflow:hidden; background-color:#f5f5f5; padding:3px 1px; } #sub .phone-search ol.list > li a .txt .info ul.list li { float:left; padding:0 7px; position:relative; color:#646464; line-height:20px; } #sub .phone-search ol.list > li a .txt .info ul.list li:first-child { padding:0 7px 0 3px; } #sub .phone-search ol.list > li a .txt .info ul.list li:last-child:after { display:none; } #sub .phone-search ol.list > li a .txt .info ul.list li:after { position:absolute; top:50%; right:0; width:1px; height:8px; background-color:#646464; display:block; content:""; transform:translate(-50%,-50%); } #sub .phone-search ol.list > li a .txt .sale { font-size:12px; color:#646464; margin:0 0 9px; } #sub .phone-search ol.list > li a .txt .sale div { overflow:hidden; } #sub .phone-search ol.list > li a .txt .sale div p { float:left; position:relative; padding:0 0 0 10px; } #sub .phone-search ol.list > li a .txt .sale div p:before { display:block; content:""; width:3px; height:3px; border-radius:50%; background-color:#000; position:absolute; left:0; top:50%; transform:translate(0,-50%); } #sub .phone-search ol.list > li a .txt .sale div span { float:right; } #sub .phone-search ol.list > li a .txt .sale .top { } #sub .phone-search ol.list > li a .txt .sale .top p { } #sub .phone-search ol.list > li a .txt .sale .top span { } #sub .phone-search ol.list > li a .txt .sale .bottom { margin:6px 0 0; font-size:12px; } #sub .phone-search ol.list > li a .txt .sale .bottom p { } #sub .phone-search ol.list > li a .txt .sale .bottom span { color:#323232; position:relative; font-family:'s-core-dream-bold'; } #sub .phone-search ol.list > li a .txt .sale .bottom span:after { display:block; content:""; height:10px; background-color:#f3fe39; position:absolute; bottom:0; left:50%; transform:translate(-50%,0); width:105%; z-index:-1; } #sub .phone-search span.btn-more { text-align:center; } #sub .phone-search span.btn-more a { display:block; padding:20px 0 0; } #sub .phone-search span.btn-more a img { } /* 로그인 */ #sub .login_box { max-width:380px; margin:0 auto; padding:45px 20px; box-sizing:border-box; } #sub .login_box .bigtit { font-size:30px; color:#333; font-family:'s-core-dream-bold'; text-align:center; margin:0 0 50px; } #sub .login_box.find { max-width:380px; } #sub .login_box p.tit { font-size:18px; font-family:'s-core-dream-bold'; text-align:left; padding:0 0 10px; } #sub .login_box p.tit img { height:16px !important; vertical-align:middle; margin:0 0 4px 8px; } #sub .login_box.find p.tit { font-size:24px; font-family:'s-core-dream-medium'; color:#333; } #sub .login_box.find p.tit b { color: ##19ce60; } #sub .login_box span.guide { background-color:#424242; font-size:10px; line-height:27px; position:relative; color:#ffffff; font-family:'s-core-dream-regular'; display:block; padding:5px 0 3px; text-align: center; border-radius:5px; } #sub .login_box span.guide img { position:absolute; top:15px; left:10px; } #sub .login_box span.result { margin:10px 0 0; background-color:#fafafa; font-size:12px; color:#555; font-family:'s-core-dream-regular'; display:block; padding:12px 0; border-radius:5px; text-align:center; } #sub .login_box span.span { font-size:12px; color:#777; font-family:'s-core-dream-regular'; padding:10px 0 0; display:block; } #sub .login_box .box { } #sub .login_box .box input { border:1px solid #dcdcdc; border-radius:5px; width:100%; height:47px; margin:9px 0 0; padding:0 0 0 10px; box-sizing:border-box; color:#777; font-size:14px; font-family:'s-core-dream-regular'; } #sub .login_box.find .box input { font-size:12px; color:#777; } #sub .login_box .box input[type="text"] { } #sub .login_box .box input[type="password"] { } #sub .login_box .box .btn { margin:14px 0 0; } #sub .login_box .box .btn button { height:55px; color:#fff; font-family:'s-core-dream-bold'; text-align:center; width:100%; border-radius:5px; font-size:16px; } #sub .login_box.find .box .btn button { height:47px; } #sub .login_box .box .etc { position:relative; font-size:12px; color:#777; font-family:'s-core-dream-regular'; overflow:hidden; padding:12px 0 0; } #sub .login_box .box .etc input[type="checkbox"] { width:1px; height:1px; opacity:0; position:absolute; top:0; left:0; float:left; } #sub .login_box .box .etc input[type="checkbox"] + label { cursor:pointer; float:left; background-image:url('../img/sub/login_checkbox.png'); padding:1px 0 3px 22px; background-repeat:no-repeat; background-position:0 0; } #sub .login_box .box .etc input[type="checkbox"]:checked + label { background-image:url('../img/sub/login_checkbox_on.png'); } #sub .login_box .box .etc a { font-family:'s-core-dream-regular'; display:inline-block; font-size:12px; float:right; } #sub .login_box .box .etc a img { height:10px !important; vertical-align:middle; margin:0 0 0 5px; } #sub .login_box .box .join { overflow:hidden; } #sub .login_box .box .join a { font-family:'s-core-dream-regular'; display:inline-block; font-size:12px; float:right; padding:4px 0 3px; } #sub .login_box .box .join img { height:10px !important; vertical-align:middle; margin:0 0 0 5px; } #sub .login_box .box .phone { overflow:hidden; } #sub .login_box .box .phone input[type="text"] { float:left; width:calc(33.3% - 15px); } #sub .login_box .box .phone input[type="text"]:last-child { width:33.3%; } #sub .login_box .box .phone span { display:block; float:left; width:15px; line-height:47px; margin:9px 0 0; text-align:center; color:#777; font-size:14px; font-family:'s-core-dream-regular'; } #sub .login_box .sns { border-top:1px solid #dcdcdc; padding:35px 0 30px; margin:15px 0 0; } #sub .login_box .sns strong { font-size:14px; color:#333; font-family:'s-core-dream-medium'; font-weight:400; display:block; text-align:center; padding:0 0 7px; } #sub .login_box .sns ul { text-align:center; } #sub .login_box .sns ul li { display:inline-block; margin:0 6px; } #sub .login_box .sns ul li.apple { display:none; } #sub .login_box .sns ul li a { width:50px; height:50px; border-radius:50%; display:block; background-position:center; background-repeat:no-repeat; } #sub .login_box .sns ul li.naver a { background-color:#1dbc01; background-image:url('../img/sub/login_naver.png'); } #sub .login_box .sns ul li.kakao a { background-color:#fee500; background-image:url('../img/sub/login_kakao.png'); } #sub .login_box .sns ul li.apple a { background-color:#000; background-image:url('../img/sub/login_apple.png'); } #sub .login_box .banner { margin:10px 0 35px; } #sub .login_box .banner a { } #sub .login_box .banner a img { } #sub .join_box { padding:30px 28px 0; box-sizing:border-box; margin:0 auto; max-width:380px; } #sub .join_box .wrap { text-align:center; } #sub .join_box .form { display:inline-block; text-align:left; width:100%; } #sub .join_box h5 { font-size:24px; font-family:'s-core-dream-bold'; display:block; text-align:center; margin-bottom: 30px; } #sub .join_box h5 b { color: #19ce60 } #sub .join_box span.massage { font-size:12px; color:#333; font-family:'s-core-dream-regular'; display:block; padding:20px 0 30px; line-height:24px; } #sub .join_box span.massage img { margin:0 3px 0 0; } #sub .join_box span.massage b { } #sub .join_box .box { width:100%; } #sub .join_box .box span { font-size:12px; font-family:'s-core-dream-regular'; display:block; margin:0 0 10px; } #sub .join_box .box input { width:100%; font-family:'s-core-dream-regular'; height:43px; border-radius:5px; margin:0 0 25px; border:1px solid #dcdcdc; font-size:12px; padding:0 0 0 15px; box-sizing:border-box; } #sub .join_box .box input::placeholder { color:#c8c8c8; } #sub .join_box .box input[type="text"] { } #sub .join_box .box input[type="password"] { } #sub .join_box .box .phone { overflow:hidden; } #sub .join_box .box .phone input[type="text"] { width:calc(33.3% - 10px); float:left; } #sub .join_box .box .phone i { display:block; float:left; line-height:43px; width:15px; text-align:center; font-style:normal; } #sub .join_box .chk { border-top:1px solid #dcdcdc; padding:10px 0 20px; overflow:hidden; position:relative; } #sub .join_box .chk input[type="checkbox"] { position:absolute; top:0; left:0; opacity:0; } #sub .join_box .chk input[type="checkbox"] + label { width:100%; font-family:'s-core-dream-regular'; display:block; cursor:pointer; float:left; background-image:url('../img/sub/join_checkbox.png'); padding:7px 0 6px 35px; background-repeat:no-repeat; background-position:0 50%; font-size:12px; } #sub .join_box .chk input[type="checkbox"] + label a { font-size:12px; text-decoration:underline; } #sub .join_box .chk input[type="checkbox"]:checked + label { background-image:url('../img/sub/join_checkbox_on.png'); } #sub .join_box .btn { width:312px; } #sub .join_box .btn button { height:40px; color:#fff; border-radius:5px; width:100%; font-size:14px; font-family:'s-core-dream-medium'; } #sub .join_box ul { margin:0 0 55px; } #sub .join_box ul.email { border-bottom:1px solid #dcdcdc; padding:0 0 19px; margin:0 0 25px; } #sub .join_box ul.email li { } #sub .join_box ul.email li a { } #sub .join_box ul.email li a img { height:12px !important; margin:0 12px 5px 0; } #sub .join_box ul.email li a b { font-weight:400; } #sub .join_box ul li { margin:8px 0 0; } #sub .join_box ul li.apple { display:none; } #sub .join_box ul li.naver { display:none; } #sub .join_box ul li.kakao { display:none; } #sub .join_box ul li:first-child { margin:0; } #sub .join_box ul li a { display:block; color:#fff; font-size:14px; text-align:center; line-height:44px; border-radius:5px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } #sub .join_box ul li a img { vertical-align:middle; margin:0 12px 4px 0; } #sub .join_box ul li a b { font-weight:400; } #sub .join_box ul li.naver a { background-color:#1dbc01; } #sub .join_box ul li.kakao a { background-color:#fee500; color:#000; } #sub .join_box ul li.apple a { background-color:#000; } #sub .join_box ul li.naver a img { height:12px !important; } #sub .join_box ul li.kakao a img { height:15px !important; } #sub .join_box ul li.apple a img { height:18px !important; } #sub .join_box a.loginbtn { background-color:#f6f6f6; border-radius:5px; display:block; padding:12px 10px; overflow:hidden; } #sub .join_box a.loginbtn p { font-size:12px; color:#777; font-family:'s-core-dream-regular'; float:left; } #sub .join_box a.loginbtn b { font-size:12px; font-family:'s-core-dream-medium'; float:right; font-weight:400; } /* 리뷰 페이지 */ #sub .review_table { margin:40px 0 14px; } #sub .review_table .wrap { } #sub .review_table > ul { border-bottom:1px solid #dcdcdc; margin:0 0 15px; } #sub .review_table > ul > li { width:100%; border:0; border-radius:0; border-top:1px solid #dcdcdc; } #sub .review_table > ul > li.noimg a .img { display:none; } #sub .review_table > ul > li.noimg a .txt { width:100%; } #sub .review_table > ul > li.noimg a .txt .name img { display:none; } #sub .review_table > ul li a { overflow:hidden; display:block; padding:15px 11px; box-sizing:border-box; } #sub .review_table > ul li a .txt { float:left; width:100%; padding:0 2px; box-sizing:border-box; border:0; position:relative; } #sub .review_table > ul li a .txt .name { margin:2px 0 0; } #sub .review_table > ul li a .txt .name p { width:auto; margin:0 10px 0 0; font-size:12px; max-width:calc(100% - 185px); } #sub .review_table > ul li a .txt .name b { float:left; margin:0 0 0 3px; } #sub .review_table > ul li a .txt .name .star { float:left; display:block; } #sub .review_table > ul li a .txt .name .star span { } #sub .review_table > ul li a .txt .name img { margin:0 0 0 6px; } #sub .review_table > ul li a .txt ol { position:absolute; top:0; right:0; } #sub .review_table > ul li a .txt ol li { } #sub .review_table > ul li a .txt ol li img { } #sub .review_table > ul li a .txt ol li:after { color:#777; font-size:10px; width:auto; height:auto; content:'•'; background-color:inherit; left:-5px; } #sub .review_table > ul li a span.body { font-size:12px; line-height:20px; height:40px; margin:2px 0 6px; text-overflow:ellipsis; -webkit-line-clamp:2; } /******************글쓰기폼*******************/ #sub .board-form { } #sub .board-form form { border-top:1px solid #ddd; padding:20px 0 0; } #sub .board-form form input[type="text"] { height:50px; width:100%; margin:0 0 10px; padding:0 0 0 10px; } #sub .board-form form .file input[type="file"] { position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0; } #sub .board-form form .file label { display:inline-block; padding:6px 0 5px; color:#999; vertical-align:middle; background-color:#fdfdfd; cursor:pointer; border:1px solid #ddd; width:70px; text-align:center; } #sub .board-form form .file .upload-name { display:inline-block; height:35px; font-size:18px; padding:0 10px; vertical-align:middle; background-color:#f5f5f5; border:1px solid #ddd; font-size:15px; width:180px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #sub .board-form form .file a.delete { margin:0 0 0 3px; } #sub .board-form form .file a.delete img { vertical-align:middle; } #sub .board-form form .btn { text-align:center; margin:10px 0; border-top:1px solid #ddd; padding:30px 0 0; } #sub .board-form form .btn button { font-size:16px; background-color:#000; color:#fff; border:1px solid #000; padding:5px 20px; display:inline-block; vertical-align:top; } #sub .board-form form .btn button.cancel { border:1px solid #aaa; color:#aaa; background-color:#fff; } #sub .board-form form .img-editor { margin:0 0 10px; box-sizing:border-box; position:relative; line-height:45px; height:45px; text-align:center; background-color:#f1f1f1; font-size:14px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; } #sub .board-form form .img-editor input[type="file"] { height:100%; width:100%; opacity:0; position:absolute; top:0; left:0; z-index:50; cursor:pointer; } #sub .board-form form .file.delete { margin:10px 0 0; } #sub .board-form form .file.delete label { height:22px; margin:0 0 10px; } #sub .board-form form .file.delete input[type="text"] { display:inline-block; width:80%; height:35px; width:180px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /******************팝업*******************/ /*팝업 공통*/ #sub .popup-wrap { position:fixed; z-index:101010; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); } #sub .popup-wrap .popup { box-shadow:1px 5px 2px 0 rgba(199, 197, 197, 0.9); max-width:600px; border-top:0; margin:0 auto; width:99%; background-color:#fff; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); box-shadow: 3px 3px 3px 0 rgba(30, 30, 30, 0.9); padding:20px; box-sizing:border-box; max-height:90%; overflow-y:scroll; } #sub .popup-wrap .popup > div { margin:0; border:0; } #sub .popup-wrap .popup .tit { font-family:'s-core-dream-bold'; text-align:center; font-size:21px; padding:20px 0 0; } #sub .popup-wrap .popup .table_wrap { max-height:300px; overflow-y:auto; } #sub .popup-wrap .popup table { } #sub .popup-wrap .clear { z-index:9999999; display:block; width:16px; height:16px; border-radius:50%; background-size:16px 16px; background-image:url('../img/common/icon_closee.png'); background-position:center; background-repeat:no-repeat; position:absolute; top:8px; right:8px; } #sub .popup-wrap .popup table tr { border-bottom:1px solid #d5d5d5; } #sub .popup-wrap .popup table tr th { background-color:#f5f5f5; } #sub .popup-wrap .popup table tr td { padding:15px 0 15px 10px; } #sub .popup-wrap .popup table tr td input[type="file"] { width:99%; } .popup .time { font-family:'s-core-dream-regular'; } .popup .chk label { font-family:'s-core-dream-regular'; } /*전화상담문의 창*/ #sub .popup-wrap .consulting-box { width:fit-content; padding:20px; box-sizing:border-box; background-color:#fff; } #sub .popup-wrap .consulting-box form .tit2 { font-size:14px; text-align:center; display:block; padding:7px 0; } #sub .popup-wrap .consulting-box form table tr td input[type="text"] { height:30px; border-color:#969696; } #sub .popup-wrap .consulting-box form .time { font-size:14px; font-weight:300; display:block; text-align:center; margin:15px 0; } #sub .popup-wrap .consulting-box form input[type="checkbox"] { } #sub .popup-wrap .consulting-box form input[type="checkbox"] + label { font-size:14px; } #sub .popup-wrap .consulting-box form input[type="checkbox"] + label span { color:#f72f2f; } #sub .popup-wrap .consulting-box form .btn { margin:25px 0 0; } #sub .popup-wrap .consulting-box form .btn button { font-size:16px; color:#fff; background-color:#f72f2f; border-radius:20px; display:block; margin:0 auto; padding:8px 35px; } /*신청취소요청 팝업*/ #sub .popup-wrap .cancel-box { padding:20px; width:fit-content; } #sub .popup-wrap .cancel-box form { } #sub .popup-wrap .cancel-box form .tit { margin:0 0 10px; } #sub .popup-wrap .cancel-box form .sub-txt { background-color:#f5f5f5; font-size:14px; padding:5px 20px; display:block; margin:0 0 15px; } #sub .popup-wrap .cancel-box form .cancel-btn { text-align:center; } #sub .popup-wrap .cancel-box form .cancel-btn button { color:#fff; margin:12px 0 0; background-color:#f12735; color:#fff; font-size:14px; border-radius:3px; padding:5px 19px; } #sub .popup-wrap .cancel-box form > div { padding:0 10px; } #sub .popup-wrap .cancel-box form input[type="checkbox"] { } #sub .popup-wrap .cancel-box form input[type="checkbox"] + label { } #sub .popup-wrap .cancel-box form textarea { width:100%; height:100px; border:1px solid #000; overflow-y:auto; padding:5px; } /*1:1문의 팝업*/ #sub .popup-wrap .onetoone-popup { padding:5px !important; width:fit-content; height:100% !important; max-height:100%; width:100%; max-width:100%; } #sub .popup-wrap .onetoone-popup .tit { font-size:24px; color:#333; font-family:'s-core-dream-bold'; display:block; text-align:center; padding:18px 0 10px; } #sub .popup-wrap .onetoone-popup .tit2 { font-size:12px; color:#333; font-family:'s-core-dream-regular'; text-align:center; display:block; padding:0 0 10px; } #sub .popup-wrap .onetoone-popup .tit2 b { font-weight:400; border-bottom:1px solid #ff0000; padding:0 0 3px; } #sub .popup-wrap .onetoone-popup .warning { font-size:14px; color:#646464; display:block; text-align:center; margin:5px 0 0; } #sub .popup-wrap .onetoone-popup .btn { display:block; text-align:center; margin:10px 0 0; } #sub .popup-wrap .onetoone-popup .btn button { font-size:16px; font-weight:500; background-color:#f72f2f; border-radius:20px; color:#fff; width:163px; height:38px; margin: 0 0 20px; } #sub .popup-wrap .onetoone-popup table { border-top:1px solid #c8c8c8; } #sub .popup-wrap .onetoone-popup table tr td { padding:15px 10px; } #sub .popup-wrap .onetoone-popup table tr td select { font-size:12px; margin:0; } #sub .popup-wrap .onetoone-popup table tr th { background-color:#fafafa; } #sub .popup-wrap .onetoone-popup table input[type="password"] { border:1px solid #c8c8c8; height:34px; padding:0 0 0 5px; } #sub .popup-wrap .onetoone-popup table textarea { width:100%; height:300px; } #sub .popup-wrap .onetoone-popup table tr td input[type="checkbox"] { } #sub .popup-wrap .onetoone-popup table tr td input[type="checkbox"] + label { } #sub .popup-wrap .onetoone-popup table tr td input[type="checkbox"]:checked + label { } /*데이터요금표 팝업*/ #sub .popup-wrap .popup-price { padding:0; } #sub .popup-wrap .popup-detail .tit { font-size:24px; color:#323232; text-align:center; } #sub .popup-wrap .popup-detail .tit img { margin:5px 5px 0 0; height:21px !important; } #sub .popup-wrap .popup-detail .tit span { font-size:24px; color:#323232; font-family:'s-core-dream-bold'; } #sub .popup-wrap .popup-detail .tit b { display:block; font-size:12px; color:#323232; font-weight:400; margin:2px 0 0; } #sub .popup-wrap .popup-detail .tit b strong { color:#ff1f1f; font-weight:400; } #sub .popup-wrap .popup-price .price_title { color:#fff; padding:10px; margin:20px 0 0; } #sub .popup-wrap .popup-price .price_title p { font-size:18px; font-family:'s-core-dream-medium'; color:#fff; position:relative; padding:0; } #sub .popup-wrap .popup-price .price_title span { font-size:12px; font-family:'s-core-dream-regular'; display:block; line-height:20px; } #sub .popup-wrap .popup-price .price { } #sub .popup-wrap .popup-price .price ul { padding:0 10px; box-sizing:border-box; margin:10px 0 0; } #sub .popup-wrap .popup-price .price ul li { border-radius:3px; border:1px solid #dcdcdc; box-sizing:border-box; margin:10px 0 0; } #sub .popup-wrap .popup-price .price ul li:first-child { margin:0; } #sub .popup-wrap .popup-price .price ul li .name { overflow:hidden; padding:10px; } #sub .popup-wrap .popup-price .price ul li .name p { float:left; font-size:14px; font-family:'s-core-dream-medium'; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; max-width:70%; } #sub .popup-wrap .popup-price .price ul li .name span { float:right; font-family:'s-core-dream-regular'; font-size:14px; } #sub .popup-wrap .popup-price .price ul li .name span strong { font-family:'s-core-dream-bold'; } #sub .popup-wrap .popup-price .price ul li .info { background-color:#f6f6f6; padding:10px; } #sub .popup-wrap .popup-price .price ul li .info p { color:#555; font-size:12px; font-family:'s-core-dream-regular'; } #sub .popup-wrap .popup-price .price ul li .info p span { } #sub .popup-wrap .popup-detail .form-sub-txt { margin:20px 0 10px; padding:0 10px; box-sizing:border-box; } #sub .popup-wrap .popup-detail .form-sub-txt span { display:block; text-align:right; font-size:12px; color:#555; font-family:'s-core-dream-regular'; padding:0 0 20px; line-height:15px; } #sub .popup-wrap .popup-price .form-sub-txt span { padding:0 0 7px; } /*제휴카드 팝업*/ #sub .popup-wrap .popup-card { padding:0 20px; background-color:#4c4c4c; box-sizing:border-box; } #sub .popup-wrap .popup-card .clear { background-image:url('../img/common/icon_close_white.png'); } #sub .popup-wrap .popup-card .form-sub-txt { margin:10px 0; padding:0; } #sub .popup-wrap .popup-card .tit { margin:10px 0; padding:3px 0 2px; color:#fff; } #sub .popup-wrap .popup-card .tit b { color:#fff; font-size:12px; font-family:'s-core-dream-regular'; } #sub .popup-wrap .popup-card .form-sub-txt span { color:#fff; text-align:center; } #sub .popup-wrap .card-list { text-align:center; position:relative; overflow:visible; } #sub .popup-wrap .card-list ol { } #sub .popup-wrap .card-list ol > li { width:100%; background-color:#fff; border-radius:3px; } #sub .popup-wrap .card-list ol > li .card-img { position:relative; padding:30px 0 0; } #sub .popup-wrap .card-list ol > li .card-img .best-label { position:absolute; top:10px; left:10px; font-size:14px; width:46px; height:46px; background:url('../img/sub/icon_best.png'); display:block; color:#fff; line-height:31px; } #sub .popup-wrap .card-list ol > li .card-img .best-label b { display:block; font-size:17px; font-weight:700; line-height:0; } #sub .popup-wrap .card-list ol > li .card-img .img { display:block; height:100px; margin:0 0 10px; } #sub .popup-wrap .card-list ol > li .card-img .img img { height:100% !important; } #sub .popup-wrap .card-list ol > li .card-img .name { font-size:16px; color:#323232; font-family:'s-core-dream-regular'; } #sub .popup-wrap .card-list ol > li .card-img .phone { font-size:14px; color:#999; font-family:'s-core-dream-regular'; padding:8px 0 11px; display:block; border-bottom:1px dotted #cdcdcd; margin:0 10px; } #sub .popup-wrap .card-list ol > li .money-list { text-align:left; margin:5px 30px 0; padding:10px 0; border-bottom:1px dotted #cdcdcd; } #sub .popup-wrap .card-list ol > li .money-list ul { min-height:198px; } #sub .popup-wrap .card-list ol > li .money-list ul li { margin:0 0 25px; } #sub .popup-wrap .card-list ol > li .money-list ul li:last-child { margin:0; } #sub .popup-wrap .card-list ol > li .money-list ul li .txt-btn { color:#999; font-size:14px; font-family:'s-core-dream-regular'; overflow:hidden; margin:0 0 5px; } #sub .popup-wrap .card-list ol > li .money-list ul li .txt-btn span { position:relative; padding:0 0 0 10px; } #sub .popup-wrap .card-list ol > li .money-list ul li .txt-btn span:before { display:block; width:4px; height:4px; background-color:#2f8bff; content:""; position:absolute; left:0; top:8px; } #sub .popup-wrap .card-list ol > li .money-list ul li .txt-btn a { font-family:'s-core-dream-regular'; float:right; font-size:12px; background-color:#323232; display:inline-block; color:#fff; border-radius:3px; padding:2px 8px; } #sub .popup-wrap .card-list ol > li .money-list ul li .txt { font-size:15px; } #sub .popup-wrap .card-list ol > li .money-list ul li .txt span { color:#555; font-size:14px; font-family:'s-core-dream-regular'; } #sub .popup-wrap .card-list ol > li .money-list ul li .txt span b { color:#2f8bff; font-weight:400; font-family:'s-core-dream-bold'; } #sub .popup-wrap .card-list ol > li .money-list ul li .txt span strong { color:#2f8bff; font-weight:400; font-family:'s-core-dream-bold'; } #sub .popup-wrap .card-list ol > li .more { font-family:'s-core-dream-regular'; font-size:14px; color:#323232; display:inline-block; border:1px solid #323232; border-radius:17.5px; padding:6px 25px; margin:15px 0; } #sub .popup-wrap .card-list .swiper-pagination { bottom:-45px; } #sub .popup-wrap .card-list .swiper-pagination span { background-color:#fff; height:6px; width:6px; opacity:1; } #sub .popup-wrap .card-list .swiper-pagination-bullet.swiper-pagination-bullet-active { width:40px; border-radius:3px; } /* 포토 리뷰 팝업 */ #sub .popup-wrap .popup-photo-review { width:100%; padding:0; color:#505050; } #sub .popup-wrap .popup-photo-review .img_wrap_ { position:relative; } #sub .popup-wrap .popup-photo-review .img { position:relative; width:100%; background-position:center; background-repeat:no-repeat; background-size:contain; position:relative; background-color:#fafafa; } #sub .popup-wrap .popup-photo-review .img:after { display:block; content:''; padding-bottom:100%; } #sub .popup-wrap .popup-photo-review .arrow { } #sub .popup-wrap .popup-photo-review .arrow a { position:absolute; top:50%; transform:translate(0,-50%); display:block; z-index:1; width:50px; height:60px; background-color:rgba(0,0,0,0.2); background-image:url('../img/sub/review_arrow.png'); background-size:25px 42px; background-position:center; background-repeat:no-repeat; } #sub .popup-wrap .popup-photo-review .arrow a.left { left:0; } #sub .popup-wrap .popup-photo-review .arrow a.right { right:0; transform:rotate(180deg) translate(0,50%); } #sub .popup-wrap .popup-photo-review .img .slide-dot { text-align:center; position:absolute; bottom:20px; left:50%; transform:translate(-50%,0); z-index:10; } #sub .popup-wrap .popup-photo-review .img .slide-dot span.swiper-slide-active { background-color:#646464; } #sub .popup-wrap .popup-photo-review .img .slide-dot span { width:10px; height:10px; background-color:#e6e6e6; border-radius:50%; margin:0 7px; } #sub .popup-wrap .popup-photo-review .img .best { } #sub .popup-wrap .popup-photo-review .img .best span { font-size:14px; font-weight:500; position:absolute; left:14px; top:14px; background-color:#fff; border-radius:5px; padding:3px 9px; border:1px solid #bfbfbf; color:#000; } #sub .popup-wrap .popup-photo-review > .txt { width:100%; } #sub .popup-wrap .popup-photo-review .txt .txt-box { max-height:310px; overflow-y:auto; padding:10px; box-sizing:border-box; border:0; } #sub .popup-wrap .popup-photo-review .txt .txt-box .user { padding:12px 0 12px 40px; border:0; position:relative; box-sizing:border-box; } #sub .popup-wrap .popup-photo-review .txt .txt-box .user img { position:absolute; top:50%; left:0; transform:translate(0,-50%); height:30px !important; } #sub .popup-wrap .popup-photo-review .txt .txt-box .user .star { position:relative; width:53px; height:10px; background-color:#b2b2b2; } #sub .popup-wrap .popup-photo-review .txt .txt-box .user .star span { position:absolute; top:0; left:0; height:100%; width:100%; z-index:1; background:url('../img/main/icon_star@3x.png') no-repeat; background-position:left top; background-size:53px 10px; } #sub .popup-wrap .popup-photo-review .txt .txt-box .user .star div { height:10px; z-index:-1; } #sub .popup-wrap .popup-photo-review .txt .txt-box .user .star i { position:absolute; font-style:normal; top:0; left:58px; font-size:12px; font-family:'s-core-dream-medium'; } #sub .popup-wrap .popup-photo-review .txt .txt-box .user .user-name { font-size:11px; color:#999; font-family:'s-core-dream-regular'; position:relative; padding:0 10px 0 0; margin:0 5px 0 0; } #sub .popup-wrap .popup-photo-review .txt .txt-box .user .user-name:after { display:block; width:1px; height:9px; background-color:#999; content:""; position:absolute; top:50%; right:0; transform:translate(0,-50%); } #sub .popup-wrap .popup-photo-review .txt .txt-box .user .date { font-size:11px; color:#999; font-family:'s-core-dream-regular'; } #sub .popup-wrap .popup-photo-review .txt .txt-box .user b { font-size:14px; color:#555; font-family:'s-core-dream-medium'; font-weight:400; position:absolute; right:0; bottom:12px; } #sub .popup-wrap .popup-photo-review .txt .txt-box .review-txt { margin:5px 0; } #sub .popup-wrap .popup-photo-review .txt .txt-box .review-txt .tit { color:#555; font-size:14px; font-weight:500; padding:0 0 10px; font-family:'s-core-dream-medium'; text-align:left; display:none; } #sub .popup-wrap .popup-photo-review .txt .txt-box .review-txt span { display:block; font-size:12px; line-height:20px; color:#555; font-weight:300; font-family:'s-core-dream-regular'; } #sub .popup-wrap .popup-photo-review .txt .txt-box .photolist { } #sub .popup-wrap .popup-photo-review .txt .txt-box .photolist ul { } #sub .popup-wrap .popup-photo-review .txt .txt-box .photolist ul li { display:inline-block; margin:0 3px 0 0; } #sub .popup-wrap .popup-photo-review .txt .txt-box .photolist ul li div { width:42px; height:42px; background-size:cover; background-position:center; background-repeat:no-repeat; opacity:0.4; } #sub .popup-wrap .popup-photo-review .txt .txt-box .photolist ul li.on div { border:2px solid #000; opacity:1; box-sizing:border-box; } #sub .popup-wrap .popup-photo-review .txt .txt-box .model { border-top:1px solid #c8c8c8; display:none; } #sub .popup-wrap .popup-photo-review .txt .txt-box .model a { display:block; position:relative; } #sub .popup-wrap .popup-photo-review .txt .txt-box .model a .img { width:50px; height:50px; background:url(../img/main/phone.jpg); background-size:contain; background-repeat:no-repeat; background-position:center; display:inline-block; position:absolute; top:50%; left:10px; transform:translate(0,-50%); border-radius:3px; border:1px solid #bfbfbf; } #sub .popup-wrap .popup-photo-review .txt .txt-box .model a .txt { padding:21px 0 21px 70px; display:block; font-size:16px; color:#505050; } #sub .popup-wrap .popup-photo-review .txt .txt-box .model a .btn { position:absolute; top:50%; right:15px; transform:translate(0,-50%); background:url(../img/sub/icon_review_arrow.png); display:block; width:4px; height:7px; } #sub .popup-wrap .popup-txt-review { padding:0; } #sub .popup-wrap .popup-txt-review .arrow { } #sub .popup-wrap .popup-txt-review .arrow a { position:absolute; top:50%; transform:translate(0,-50%); display:block; z-index:1; width:20px; height:30px; background-color:rgba(0,0,0,0.2); background-image:url('../img/sub/review_arrow.png'); background-size:12px 21px; background-position:center; background-repeat:no-repeat; } #sub .popup-wrap .popup-txt-review .arrow a.left { left:0; } #sub .popup-wrap .popup-txt-review .arrow a.right { right:0; transform:rotate(180deg) translate(0,50%); } #sub .popup-wrap .popup-txt-review .txt .txt-box { max-height:310px; overflow-y:auto; padding:10px; box-sizing:border-box; border:0; } #sub .popup-wrap .popup-txt-review .txt .txt-box .user { padding:12px 0 12px 40px; border:0; position:relative; box-sizing:border-box; } #sub .popup-wrap .popup-txt-review .txt .txt-box .user img { position:absolute; top:50%; left:0; transform:translate(0,-50%); height:30px !important; } #sub .popup-wrap .popup-txt-review .txt .txt-box .user .star { position:relative; width:53px; height:10px; } #sub .popup-wrap .popup-txt-review .txt .txt-box .user .star:after { position:absolute; top:50%; transform:translate(0,-50%); left:0; height:9px; background-color:#b2b2b2; display:block; content:''; width:100%; z-index:-1; } #sub .popup-wrap .popup-txt-review .txt .txt-box .user .star span { position:absolute; top:0; left:0; height:100%; width:100%; z-index:1; background:url('../img/main/icon_star@3x.png') no-repeat; background-position:left top; background-size:53px 10px; } #sub .popup-wrap .popup-txt-review .txt .txt-box .user .star div { height:10px; z-index:1; } #sub .popup-wrap .popup-txt-review .txt .txt-box .user .star div:after { top:50%; transform:translate(0,-50%); left:0; height:8px; position:absolute; background-color:#b2b2b2; display:block; content:''; width:100%; z-index:0; } #sub .popup-wrap .popup-txt-review .txt .txt-box .user .star i { position:absolute; font-style:normal; top:0; left:58px; font-size:12px; font-family:'s-core-dream-medium'; } #sub .popup-wrap .popup-txt-review .txt .txt-box .user .user-name { font-size:11px; color:#999; font-family:'s-core-dream-regular'; position:relative; padding:0 10px 0 0; margin:0 5px 0 0; } #sub .popup-wrap .popup-txt-review .txt .txt-box .user .user-name:after { display:block; width:1px; height:9px; background-color:#999; content:""; position:absolute; top:50%; right:0; transform:translate(0,-50%); } #sub .popup-wrap .popup-txt-review .txt .txt-box .user .date { font-size:11px; color:#999; font-family:'s-core-dream-regular'; } #sub .popup-wrap .popup-txt-review .txt .txt-box .user b { font-size:14px; color:#555; font-family:'s-core-dream-medium'; font-weight:400; position:absolute; right:0; bottom:12px; } #sub .popup-wrap .popup-txt-review .txt .txt-box .review-txt { margin:5px 0; } #sub .popup-wrap .popup-txt-review .txt .txt-box .review-txt .tit { color:#555; font-size:14px; font-weight:500; padding:0 0 10px; font-family:'s-core-dream-medium'; text-align:left; display:none; } #sub .popup-wrap .popup-txt-review .txt .txt-box .review-txt span { display:block; font-size:12px; line-height:20px; color:#555; font-weight:300; font-family:'s-core-dream-regular'; } #sub .popup-wrap .popup-txt-review .txt .txt-box .photolist { display:none; } #sub .popup-wrap .popup-txt-review .txt .txt-box .model { border-top:1px solid #c8c8c8; display:none; } #sub .popup-wrap .popup-txt-review .txt .txt-box .model a { display:block; position:relative; } #sub .popup-wrap .popup-txt-review .txt .txt-box .model a .img { width:50px; height:50px; background:url(../img/main/phone.jpg); background-size:contain; background-repeat:no-repeat; background-position:center; display:inline-block; position:absolute; top:50%; left:10px; transform:translate(0,-50%); border-radius:3px; border:1px solid #bfbfbf; } #sub .popup-wrap .popup-txt-review .txt .txt-box .model a .txt { padding:21px 0 21px 70px; display:block; font-size:16px; color:#505050; } #sub .popup-wrap .popup-txt-review .txt .txt-box .model a .btn { position:absolute; top:50%; right:15px; transform:translate(0,-50%); background:url(../img/sub/icon_review_arrow.png); display:block; width:4px; height:7px; } /*팝업 슬라이드*/ #sub .popup-wrap .slide-page { position:absolute; bottom:40px; left:50%; transform:translate(-50%,0); width:auto; white-space:nowrap;} #sub .popup-wrap .slide-page span { width:9px; height:9px; border:1px solid #373737; background-color:#fff; border-radius:50%; opacity:1; margin:2px; } #sub .popup-wrap .slide-page span.swiper-pagination-bullet-active { background-color:#308bff; border-color:#308bff; padding:0 25px; border-radius:5px; } /*비밀글 보기 팝업*/ #sub .popup-wrap .secret-pw { text-align:center; padding:45px 30px; max-width:300px; } #sub .popup-wrap .secret-pw > p { color:#323232; font-size:18px; margin:0 0 20px; font-weight:600; } #sub .popup-wrap .secret-pw > span { font-size:12px; padding:0 0 10px; display:block; } #sub .popup-wrap .secret-pw > span b { color:#1182f0; font-weight:400; } #sub .popup-wrap .secret-pw form { } #sub .popup-wrap .secret-pw form input[type="password"] { border:1px solid #969696; width:240px; height:30px; margin:0 0 15px; } #sub .popup-wrap .secret-pw form .btn { overflow:hidden; } #sub .popup-wrap .secret-pw form .btn a { display:block; font-size:16px; border:1px solid #646464; border-radius:5px; width:115px; float:left; height:45px; line-height:45px; } #sub .popup-wrap .secret-pw form .btn button { font-size:16px; background-color:#1182f0; border-radius:5px; color:#fff; width:115px; border:1px solid #1182f0; float:right; height:45px; line-height:45px; } /* 구매후기작성폼 */ #sub .popup-wrap .review-form { padding:20px 0; height:100%; width:100%; max-height:100%; } #sub .popup-wrap .review-form p.tit { padding:10px 0 12px; font-size:24px; color:#333; font-family:'s-core-dream-bold'; } #sub .popup-wrap .review-form span.tit2 { font-size:12px; color:#333; font-family:'s-core-dream-regular'; text-align:center; padding:0 0 25px; display:block; } #sub .popup-wrap .apply-box table tr td.review textarea { height:200px; margin:15px 0; } #sub .popup-wrap .apply-box table tr.textarea td { padding:10px 5px 10px 5px; } #sub .popup-wrap .review-form table tr th { background-color:#fafafa; } #sub .popup-wrap .review-form table tr td { padding:10px 15px 10px 15px; } #sub .popup-wrap .review-form table tr td select { width:100%; } #sub .popup-wrap .review-form table tr td input[type="file"] { width:99%; } #sub .popup-wrap .review-form table tr td input[type="text"] { height:35px; border:1px solid #c8c8c8; } #sub .popup-wrap .review-form table tr td input[type="checkbox"] { visibility:hidden; width:1px; height:1px; padding:0; border:0 none; margin:0; position:absolute; left:0; top:0; overflow:hidden; clip:rect(0 0 0 0); } #sub .popup-wrap .review-form table tr td input[type="checkbox"] + label { height:28px; font-size:12px; font-family:'s-core-dream-regular'; color:#555; line-height:30px; padding-left:31px; display:inline-block; background:url("../img/sub/join_checkbox@3x.png") no-repeat 0 0; vertical-align:middle; background-size:30px 27px; } #sub .popup-wrap .review-form table tr td input[type="checkbox"]:checked + label { background:url("../img/sub/join_checkbox_on@3x.png") no-repeat 0 0; background-size:30px 27px; } #sub .popup-wrap .review-form table tr td.file div { overflow:hidden; margin:2px 0; } #sub .popup-wrap .review-form table tr td.file div button { margin:0 -1px 0 0; padding:0; float:left; display:block; width:24px; height:24px; font-family:'s-core-dream-medium'; font-size:14px; border-radius:2px; background-color:#333; color:#fff; } #sub .popup-wrap .review-form table tr td input[type="file"] { border:0; font-family:'s-core-dream-regular'; width:0; height:0; opacity:0; } #sub .popup-wrap .review-form table tr td input[type="file"] + label { overflow:hidden; } #sub .popup-wrap .review-form table tr td input[type="file"] + label p { float:left; cursor:pointer; font-size:12px; font-family:'s-core-dream-regular'; border-radius:2px; line-height:24px; padding:0 13px; color:#555; border:1px solid #333; background-color:#efefef; display:inline-block; } #sub .popup-wrap .review-form table tr td input[type="file"] + label span { float:left; max-width:calc(100% - 150px); color:#555; font-family:'s-core-dream-regular'; line-height:24px; font-size:12px; display:block; white-space:normal; overflow:hidden; text-overflow:ellipsis; margin:0 0 0 6px; } #sub .popup-wrap .review-form .btn { text-align:center; margin:20px 0 0; } #sub .popup-wrap .review-form .btn a { display:inline-block; margin:0 4px; border-radius:5px; border:1px solid #c8c8c8; font-size:12px; color:#555; font-family:'s-core-dream-regular'; padding:0 17px; line-height:33px; } #sub .popup-wrap .review-form .btn a.black { background-color:#333; font-size:12px; color:#fff; } #sub .popup-wrap .review-form .btn button { margin:0 4px; border-radius:5px; border:1px solid #c8c8c8; font-size:12px; color:#555; font-family:'s-core-dream-regular'; padding:0 17px; line-height:33px; } #sub .popup-wrap .review-form .btn button.black { background-color:#333; font-size:12px; color:#fff; } #sub .popup-wrap .review-form table tr td.img .img-editor { box-sizing:border-box; position:relative; line-height:45px; height:45px; text-align:center; background-color:#f1f1f1; font-size:14px; border:1px solid #ddd; margin:0 0 10px; } #sub .popup-wrap .review-form table tr td.img input[type="file"] { height:100%; width:100%; opacity:0; position:absolute; top:0; left:0; z-index:50; cursor:pointer; } /* 신청접수완료 */ #sub .finish_box { max-width:380px; margin:0 auto; padding:45px 0; box-sizing:border-box; } #sub .finish_box p.bigtit { font-size:30px; color:#333; font-family:'s-core-dream-bold'; text-align:center; margin:0 20px 27px; } #sub .finish_box p.tit { font-size:24px; font-family:'s-core-dream-medium'; text-align:left; padding:10px 20px; color:#333; } #sub .finish_box p.tit img { height:16px !important; vertical-align:middle; margin:0 0 4px 8px; } #sub .finish_box span.guide { background-color:#fafafa; font-size:12px; color:#555; font-family:'s-core-dream-regular'; display:block; padding:12px 0 9px 66px; border-radius:5px; line-height:27px; position:relative; } #sub .finish_box span.guide img { position:absolute; top:50%; left:25px; transform:translate(0,-50%); } #sub .finish_box ul.box { border:1px solid #dcdcdc; } #sub .finish_box ul.box li { overflow:hidden; border-top:1px solid #dcdcdc; } #sub .finish_box ul.box li:first-child { border-top:0; } #sub .finish_box ul.box li .img { background-position:center; background-repeat:no-repeat; float:left; width:100px; height:100px; } #sub .finish_box ul.box li.step1 .img { background-image:url('../img/sub/finish_step_1.png'); } #sub .finish_box ul.box li.step2 .img { background-image:url('../img/sub/finish_step_2.png'); } #sub .finish_box ul.box li.step3 .img { background-image:url('../img/sub/finish_step_3.png'); } #sub .finish_box ul.box li.step4 .img { background-image:url('../img/sub/finish_step_4.png'); } #sub .finish_box ul.box li .txt { float:left; width:calc(100% - 100px); overflow:hidden; } #sub .finish_box ul.box li .txt p { font-size:16px; color:#333; font-family:'s-core-dream-regular'; float:left; padding:10px 0 2px; } #sub .finish_box ul.box li .txt p b { line-height:19px; float:right; font-size:11px; color:#fff; font-family:'s-core-dream-regular'; background-color:#000; border-radius:5px; padding:1px 5px; font-weight:400; margin:0 0 0 5px; } #sub .finish_box ul.box li .txt span { display:block; font-size:12px; line-height:28px; color:#777; font-family:'s-core-dream-regular'; clear:both; } #sub .finish_box .btn { margin:20px 20px 0; } #sub .finish_box .btn a { display:block; font-size:14px; font-family:'s-core-dream-medium'; color:#fff; border-radius:5px; text-align:center; line-height:40px; } /*아이콘*/ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .menu ul.share li.facebook a { background:#fff url('../img/common/sns_facebook@3x.png') center no-repeat; background-size:contain; background-size:9px 17px; } .menu ul.share li.twitter a { background:#fff url('../img/common/sns_twiwter@3x.png') center no-repeat; background-size:contain; background-size:17px 14px; } .menu ul.share li.insta a { background:#fff url('../img/common/sns_insta@3x.png') center no-repeat; background-size:contain; background-size:17px 17px; } .menu ul.share li.band a { background:#fff url('../img/common/sns_band@3x.png') center no-repeat; background-size:contain; background-size:13px 17px; } .menu ul.share li.kakao a { background:#fff url('../img/common/sns_kakao@3x.png') center no-repeat; background-size:contain; background-size:9px 17px; } .content02 ol li .phone-name .tong-skt { background:url("../img/main/tong-skt@3x.png"); background-size:contain; background-repeat:no-repeat; } .content02 ol li .phone-name .tong-kt { background:url("../img/main/tong-kt@3x.png"); background-size:contain; background-repeat:no-repeat; } .content02 ol li .phone-name .tong-lg { background:url("../img/main/tong-lg@3x.png"); background-size:contain; background-repeat:no-repeat; } form.radio-design input[type=radio]+ label:before { background-image:url('../img/main/btn_radio_off@3x.png'); } form.radio-design input[type=radio]:checked + label:before { background-image:url('../img/main/btn_radio@3x.png'); } ol.list li .price .price-chul b::after { background:url("../img/main/icon_sale@3x.png"); background-size:9px 11px; background-repeat:no-repeat; } .review-list > div > ul > li .model .btn { background: url("../img/sub/icon_arrow_gray@3x.png"); background-size:6px 9px; } #sub .event .box a.drop-down { background:url("../img/main/icon_arrow@3x.png") center no-repeat; background-size:6px 12px; } .review-list .more a { background: url("../img/main/icon_arrow_on@3x.png") 95% 50% no-repeat; background-size:10px 6px; } #sub .phone-detail form .phone .phone-form table tbody tr td .plan01 span { background-image:url("../img/common/btn-select@3x.png"); background-repeat:no-repeat; background-position:96% 50%; background-size:11px 7px; } .review-list > div > ul > li > a .review-txt .star { background:url("../img/main/icon_star@3x.png") no-repeat; background-size:74px 13px; } .review-list > div > ul > li > a .review-txt .star span { background:url("../img/main/icon_star_full@3x.png") no-repeat; background-size:74px 13px; } .onetoone-table table tbody tr td.secret span b { background:url("../img/sub/icon_secret@3x.png") center no-repeat; background-size:13px 16px; } .mypage-qna .apply-box > ul li .arrow-btn a { background:url("../img/sub/icon_arrow_down@3x.png") center no-repeat; background-size:7px 10px; } .apply .apply-box ul li label { background:url("../img/common/checkbox_no@3x.png") no-repeat 0 0; background-size:20px 20px; } .apply .apply-box ul li input[type="checkbox"]:checked + label { background:url("../img/common/checkbox@3x.png") no-repeat 0 0; background-size:20px 20px; } #sub .review-list .arrow > span a { background:url('../img/sub/icon_arrow_black@3x.png') center no-repeat; background-size:11px 19px; } select { background: url('../img/common/btn-select@3x.png') no-repeat 95% 50%; background-size:8px 7px; } .search-box form .search input[type="text"] { background:url('../img/header/icon_search@3x.png') left 50% no-repeat; background-size:18px 18px; } #sub .login_box .sns ul li.naver a { background-image:url('../img/sub/login_naver@3x.png'); background-size:14px 13px; } #sub .login_box .sns ul li.kakao a { background-image:url('../img/sub/login_kakao@3x.png'); background-size:16px 15px; } #sub .login_box .sns ul li.apple a { background-image:url('../img/sub/login_apple@3x.png'); background-size:15px 19px; } #sub .finish_box ul.box li.step1 .img { background-image:url('../img/sub/finish_step_1@3x.png'); background-size:40px 40px; } #sub .finish_box ul.box li.step2 .img { background-image:url('../img/sub/finish_step_2@3x.png'); background-size:33px 40px; } #sub .finish_box ul.box li.step3 .img { background-image:url('../img/sub/finish_step_3@3x.png'); background-size:40px 40px; } #sub .finish_box ul.box li.step4 .img { background-image:url('../img/sub/finish_step_4@3x.png'); background-size:41px 37px; } #sub .join_box .chk input[type="checkbox"] + label { background-image:url('../img/sub/join_checkbox@3x.png'); background-size:30px 27px; } #sub .join_box .chk input[type="checkbox"]:checked + label { background-image:url('../img/sub/join_checkbox_on@3x.png'); background-size:30px 27px; } #sub .login_box .box .etc input[type="checkbox"] + label { background-image:url('../img/sub/login_checkbox@3x.png'); background-size:18px 18px; } #sub .login_box .box .etc input[type="checkbox"]:checked + label { background-image:url('../img/sub/login_checkbox_on@3x.png'); background-size:18px 18px; } #sub .onetoone-table table tbody tr td a b { background-image:url('../img/sub/icon_secret@3x.png'); background-size:9px 13px; } } /*반응형*/ @media screen and (max-width:1024px) { #sub .phone-search .category-box form > div { margin:0 0 10px; } #sub .phone-search .category-box form > div:nth-child(2) { margin:0; } } @media screen and (max-width:580px) { #sub .phone-search .category-box form .input { font-size:16px; } #sub .phone-search .category-box form .txt { font-size:16px; margin:0 0 7px; font-weight:500; } #sub .phone-search .category-box form > div { margin:0 0 20px; } #sub .phone-search .category-box form > div:nth-child(2) { margin:0; } } @media screen and (max-width:425px) { #sub .mypage ol.mypage-list > li { font-size:14px; letter-spacing:-1px; } } @media screen and (max-width:420px) { #sub .bottom-calculator .btn ul li.apply-btn a { font-size:12px; } .bt-consulting ul li a img { left:20px; } .bt-consulting ul li a { padding:0 0 0 70px; } .bt-consulting ul li a > p { font-size:16px; } .review-list > div > ul > li .model .img { width:30px; height:30px; } .review-list > div > ul > li .model .txt { padding:15px 0 15px 43px; } .review-list > div > ul > li .model .btn { right:10px; } .content02 ol li .phone-name .tongsinsa { left:5px; } #sub .mypage ol.mypage-list > li:after { right:-13px; } } @media screen and (max-width:400px) { #sub .login { margin:40px 5px; } #sub .non-member-form { margin:40px 5px; } } @media screen and (max-width:360px) { #sub .phone-detail form .phone .phone-form table colgroup col:nth-child(1) { width:80px !important; } #sub .bottom-calculator .total > p { font-size:15px; } #sub .bottom-calculator .price > p { font-size:15px; } #sub .bottom-calculator .total > span b { font-size:17px; } #sub .bottom-calculator .price > span b { font-size:17px; } #sub .bottom-calculator .btn ul li a { padding:7px 5px; } #sub .phone-search .category-box form .txt { margin:0 0 5px; font-weight:500; } #sub .phone-search .category-box form .input { font-size:17px; } #sub .phone-search .category-box form > div { margin:0 0 10px; } #sub .phone-search .category-box form > div:nth-child(2) { margin:0; } .bt-consulting ul li a img { left:10px; } .bt-consulting ul li a { padding:0 0 0 55px; } .bt-consulting ul li a > p span { right:10px; } #sub .bottom-calculator .price:after { right:-4px; } ol.list li .sale strong { font-size:13px; font-weight:500; } .content03 .free-phone > ul > li a .price .price-chul { margin:0; } .review-list > div > ul > li > a .review-txt > ul li { padding:0 9px; } .review-list > div > ul > li > a .review-txt > ul li:first-child { padding:0 9px 0 0; } .tv-category ul li .btn a { background-position:11px 9px; } ol.list li .phone-name span { position:initial; } #sub ol.list li .sale { letter-spacing:-1px; } #sub ol.list li .sale strong { font-size:12px; font-weight:500; } #sub ol.list li .price { padding:4px 0; } #sub .detail-review > div > ul > li > a .review-txt > ul li:first-child { padding:0 6px 0 0; } #sub .detail-review > div > ul > li > a .review-txt > ul li { padding:0 0 0 6px; } #sub .phone-search ol.list li .sale strong { font-size:12px; font-weight:500; } #sub .phone-search ol.list li .price { padding:4px 0; } #sub .mypage ol.mypage-list > li .txt-ing { letter-spacing:-1px; font-size:13px; } #sub .mypage ol.mypage-list > li:after { right:-11px; } #sub .mypage .txt-box .txt { line-height:25px; padding:15px; font-size:15px; } #sub .tv-category ul li a .img img { height:70px !important; } #sub .tv-category ul li.on a .img { height:140px; } #sub .tv-category ul li a .img { height:143px; } #sub .tv-category ul li .btn a { background-position:7px 9px; } #sub .mypage-qna .apply-box > ul li.answer { padding:12px !important; } #sub .non-member-form .btn button { font-size:20px; color:#fff; height:45px; line-height:45px; } #sub .cons-btn { margin:0; } } @media screen and (max-width:330px) { #header .header-bt nav ul li a { font-size:13px; } .login { padding:20px 10px; } .customer ul li a { display:block; text-align:center; font-size:13px; } .review-list > div > ul > li .model .btn { display:none; } ol.list li a .phone-img { height:95px; } #sub .customer ul li a { letter-spacing:-1px; } #sub .mypage ol.mypage-list > li .txt-ing { font-size:12px; } #sub .non-member-form form tbody tr td { letter-spacing:-1px; } #sub .popup-wrap .card-list ol > li .money-list { margin:5px 15px 0; } }