#sub .new_img { padding:0 0 30px; }
#sub .new_img img { width:100%; }

/* 이용약관 */
#sub .guide_box { font-family:'s-core-dream-regular'; padding:20px 0; }

/* #sub .reservation-detail p img { width:100%; } */

.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 .phone-event {  }
#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:-1%; }
#sub .phone-event .box-list ul li { border:1px solid #dcdcdc; float:left; width:31.33%; margin:1%; box-sizing:border-box; }
#sub .phone-event .box-list ul li a { display:block; }
#sub .phone-event .box-list ul li a .img { height:226px; background-position:center; background-repeat:no-repeat; background-size:cover; }
#sub .phone-event .box-list ul li a .txt { font-family:'s-core-dream-regular'; background-color:#fff; padding:14px; color:#333; text-overflow:ellipsis; max-width:100%; overflow:hidden; white-space:nowrap; }
#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 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%; height:226px; }
#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%); }


.reservation-banner { margin:0 0 30px; }
.reservation-banner > div { display:block; text-align:center; }
.reservation-banner img { display:inline; }

/*핸드폰*/
.phone-search { padding:0; }
.phone-search form { position:relative; }
.phone-search .search { position:absolute; top:50%; right:45px; transform:translate(0,-50%); padding-right:0 !important; }
.phone-search .search a { font-size:16px; color:#323232; display:inline-block; padding:20px 15px; border:1px solid #000; background-color:#fff; }
.phone-search .search a img { margin:0 5px 0 0; }


#sub ol.phone { padding:40px 0; }

#sub .search_box { background-color:#f4f4f4; padding:40px 0; border-bottom:1px solid #999; }
#sub .search_box .wrap { position:relative; }
#sub .search_box .input { background-color:#f4f4f4; box-sizing:border-box; width:100%; max-width:520px; margin:0 auto; }
#sub .search_box .input div { position:relative; }
#sub .search_box .input div input[type="text"] { background-color:#f4f4f4; color:#333; border:0; border-bottom:4px solid #000; height:70px; text-align:center; padding:0 30px; width:100%; font-size:30px; font-family:'s-core-dream-bold'; }
#sub .search_box .input div input[type="text"]::placeholder { color:#c8c8c8; }
#sub .search_box .input div input::placeholder {color:#c8c8c8;}
#sub .search_box .input div input::-webkit-input-placeholder {color:#c8c8c8;}
#sub .search_box .input div input:-ms-input-placeholder {color:#c8c8c8;}
#sub .search_box .input div button { position:absolute; top:20px; right:0; }

#sub .search_box .best { position:absolute; top:28px; right:0; }
#sub .search_box .best .select { position:relative; display:inline-block; line-height:38px; font-family:'s-core-dream-regular'; margin:0 6px 0 0; background-color:#fff; height:38px; border-radius:3px; width:300px; border:1px solid #dcdcdc; box-sizing:border-box; z-index:1; }
#sub .search_box .best .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 .search_box .best .select.on {  }
#sub .search_box .best .select.on:after { transform:rotate(180deg) translate(0,50%); }
#sub .search_box .best .select.on ul { display:block; }
#sub .search_box .best .select > a { font-size:16px; color:#333; display:block; padding:0 0 0 17px; box-sizing:border-box; }
#sub .search_box .best .select > a b { margin:0 5px 0 0; }
#sub .search_box .best .selected > a {  }
#sub .search_box .best .select ul { overflow-y:auto; max-height:330px; padding:5px 0; display:none; position:absolute; top:40px; left:0; border-radius:3px; border:1px solid #dcdcdc; background-color:#fff; width:300px; box-sizing:border-box; }
#sub .search_box .best .select ul li {  }
#sub .search_box .best .select ul li.tit a {  }
#sub .search_box .best .select ul li a { font-size:16px;  display:block; padding:0 0 0 17px; box-sizing:border-box; color:#333; }
#sub .search_box .best .select ul li a b { font-weight:400; color:#999; margin:0 5px 0 0;}
#sub .search_box .best .select ul li a:hover { background-color:#edeefd; }

#sub .select_box { background-color:#f4f4f4; padding:12px 0; }
#sub .select_box .wrap {  }
#sub .select_box .select { position:relative; display:inline-block; line-height:38px; font-family:'s-core-dream-regular'; margin:0 6px 0 0; background-color:#fff; height:38px; border-radius:3px; width:138px; border:1px solid #dcdcdc; box-sizing:border-box; }
#sub .select_box .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 .select_box .select.on {  }
#sub .select_box .select.on:after { transform:rotate(180deg) translate(0,50%); }
#sub .select_box .select.on ul { display:block; }
#sub .select_box .select > a { font-size:14px; color:#333; display:block; padding:0 0 0 25px; box-sizing:border-box; }
#sub .select_box .select.price { width:170px; }
#sub .select_box .select ul.price { width:170px; }
#sub .select_box .selected > a { font-family:'s-core-dream-bold'; }
#sub .select_box .select ul { z-index:15; max-height:250px; overflow-y:auto; display:none; position:absolute; top:40px; left:0; border-radius:3px; border:1px solid #dcdcdc; background-color:#fff; width:138px; box-sizing:border-box; }
#sub .select_box .select ul li {  }
#sub .select_box .select ul li.tit a {  }
#sub .select_box .select ul li a { font-size:14px;  display:block; padding:0 0 0 25px; box-sizing:border-box; color:#777; }
#sub .select_box .select ul li a:hover { background-color:#edeefd; }


/*인터넷TV 가입 신청서 작성*/
.apply {  }
.apply .wrap { width:1200px; }
.big-tit { font-size:30px; color:#333; text-align:center; padding:85px 0 70px; }
.apply .big-tit { padding:85px 0 30px; font-family:'s-core-dream-bold'; }
.big-tit .sub-tit { font-size:14px; color:#646464; display:block; font-weight:400; }

.apply-box { background-color:#fff; padding:0; }
.apply-box .tit { font-family:'s-core-dream-bold'; font-size:30px; font-weight:700; color:#323232; text-align:center; padding:40px 0; position:relative; }
.apply-box .tit label { display:none; padding:8px 15px; border:1px solid #1b1b1b; border-radius:20px; font-size:14px; color:#323232; font-weight:400; cursor:pointer; position:absolute; right:0; top:50%; transform:translate(0,-50%); }
.apply-box .tit label 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); }
.apply-box .tit label input[type="checkbox"]:checked + label {  }

.apply-box table { border-top:1px solid #000; border-bottom:1px solid #000; }
.apply-box table tr { border-bottom:1px solid #d7d7d7; }
.apply-box table tr:last-child { border-bottom:0; }
.apply-box table tr th { background-color:#fafafa; text-align:left; padding:13px 0 13px 20px; font-size:12px; font-weight:400; color:#555; font-family:'s-core-dream-regular'; }
.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; }
.apply-box table tr td { padding:15px 0 15px 20px; }
.apply-box table tr td.phone { color:#555; font-size:12px; font-family:'s-core-dream-regular'; }
.apply-box table tr td.phone input[type="text"] { width:100px; }
.apply-box table tr td.type select { width:270px; }
.apply-box table tr td.email { font-size:12px; color:#555; }
.apply-box table tr td.email input[type="text"] { width:110px; }
.apply-box table tr td input[type="text"] { width:100%; font-size:12px; color:#555; font-family:'s-core-dream-regular'; }
.apply-box table tr td input[type="text"], .apply .apply-box table tr td input[type="password"] { font-family:'s-core-dream-regular'; border:1px solid #c8c8c8; height:36px; padding:0 0 0 5px; }
.apply-box table tr td input[type="text"]::placeholder, .apply .apply-box table tr td input::placeholder { color:#ccc; }
.apply-box table tr td input.address1, .apply .apply-box table tr td input.address2 { width:332px; }
.apply-box table tr td select { height:36px; border:1px solid #c8c8c8; margin:0 0 0 5px; font-size:12px; color:#555; width:105px; font-family:'s-core-dream-regular'; padding:0 0 0 5px; }
.apply-box table tr td select option {  }
.apply-box table tr td select.tong { margin:0; width:165px; font-size:14px; color:#000; font-weight:600; }
.apply-box table tr td > p { display:inline-block; color:#999; font-size:11px; font-family:'s-core-dream-regular'; padding:8px 0 0; }
.apply-box table tr td button { font-size:12px; color:#555; height:34px; background-color:#efefef; font-family:'s-core-dream-regular'; border:1px solid #dcdcdc; padding:0 10px; margin:0 0 0 3px; }

.apply-box table tr td > div { position:relative; overflow:hidden; margin:2px 0; }
.apply-box table tr td > div > span { position:absolute; top:9px; left:380px; font-size:12px; color:#454545; line-height:34px; }
.apply-box table tr td.phone select { width:200px; }
.apply-box table tr td.review textarea { height:200px; }


.apply-box table tr td { overflow:hidden; }
.apply-box table tr td div.score { margin:0; float:left; z-index:1; width:159px; height:30px; position:relative; }
.apply-box table tr td div.score:after { position:absolute; top:50%; transform:translate(0,-50%); left:0; height:29px; background-color:#b2b2b2; display:block; content:''; width:100%; z-index:-1; }
.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_star@3x.png') no-repeat; background-position:left top; background-size:159px 30px; }
.apply-box table tr td div.score i div { display:none; }
.apply-box table tr td div.score i span { display:none; }
.apply-box table tr td div.score div { height:30px; z-index:0; position:relative; }
.apply-box table tr td div.score div:after { top:50%; transform:translate(0,-50%); left:0; height:28px; position:absolute; background-color:#b2b2b2; display:block; content:''; width:100%; z-index:-1; }
.apply-box table tr td b.score { float:left; line-height:36px; font-weight:400; display:block; }


.apply-box table tr td input[type="checkbox"] {  }
.apply-box table tr td input[type="checkbox"] + label {  }
.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'; }

.apply-box table.review tr td input[type="file"] { border:0; font-family:'s-core-dream-regular'; width:0; height:0; opacity:0; }
.apply-box table.review tr td input[type="file"] + label { overflow:hidden; }
.apply-box table.review 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; line-height:24px; padding:0 13px; color:#555; border:1px solid #333; background-color:#efefef; display:inline-block; }
.apply-box table.review tr td input[type="file"] + label span { margin:0 0 0 6px; float:left; max-width:calc(100% - 200px); color:#555; font-family:'s-core-dream-regular'; line-height:24px; font-size:12px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.apply-box table.review tr td { padding:15px 20px; }
.apply-box table.review tr td .scoreb { font-size:14px; font-family:'s-core-dream-medium'; font-weight:400; margin:0 0 0 5px; }
.apply-box table.review 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); }
.apply-box table.review tr td input[type="checkbox"] + label { height:26px; 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; }
.apply-box table.review tr td input[type="checkbox"]:checked + label { background:url("../img/sub/join_checkbox_on.png") no-repeat 0 0; }
.apply-box table.review tr td.file div button { 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; }

.apply-box ul { border-top:1px solid #828282; border-bottom:1px solid #828282; }
.apply-box ul li { border-bottom:1px solid #c8c8c8; position:relative; padding:18px 0; }
.apply-box ul li.answer > p { padding:0; font-size:14px; color:#555; font-family:'s-core-dream-medium'; margin:0 0 6px; }

.apply-box ul li:last-child { border:0; }
.apply-box ul li .num { font-size:16px; position:absolute; top:50%; left:16px; transform:translate(0,-50%); color:#555; font-family:'s-core-dream-bold'; line-height:60px; }
.apply-box ul li.answer .num { top:27px; }
.apply-box ul li.question { overflow:hidden; }
.apply-box ul li.question p { float:left; display:inline-block; padding:0 0 0 40px; font-size:16px; color:#555; font-family:'s-core-dream-medium'; }
.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; }
.apply-box ul li .btn { position:absolute; top:50%; right:30px; transform:translate(0,-50%); }
.apply-box ul li .btn input[type="checkbox"] { }
.apply-box ul li .btn input[type="checkbox"] + label {  }
.apply .apply-btn { text-align:center; }
.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; }


/* customer-box 붙은게 고객센터 게시판, 안붙은게 상세페이지, 가입신청서 */
.apply-box.customer-box ul li > p { padding:0 0 0 70px; font-size:12px; color:#555; font-family:'s-core-dream-regular'; line-height:20px; }

.apply .apply-box ul li { position:relative; }
.apply .apply-box ul li 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); }
.apply .apply-box ul li label { height:26px; 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; }
.apply .apply-box ul li input[type="checkbox"]:checked + label { background:url("../img/sub/join_checkbox_on.png") no-repeat 0 0; }
.apply .apply-box ul li.answer { background-color:#fafafa; font-size:12px; line-height:18px; color:#555; font-family:'s-core-dream-regular'; padding:22px 17px; letter-spacing:-0.7px; border-top:0; display:none; }
.apply .apply-box ul li.answer.on { display:block; }




/*온라인 신청서 작성 가격*/
.bill { margin:0 0 60px; position:relative; }
.bill:after { content:'+'; color:#323232; font-size:24px; font-family:'s-core-dream-medium'; display:block; text-align:center; width:33px; height:33px; border-radius:50%; background-color:#fff; border:1px solid #555; position:absolute; top:37px; left:581px; }
.bill:before { content:'='; color:#323232; font-size:24px; font-family:'s-core-dream-medium'; display:block; text-align:center; width:33px; height:33px; border-radius:50%; background-color:#fff; border:1px solid #555; position:absolute; top:37px; right:282px; z-index:1; }
.bill > ul { overflow:hidden; font-size:16px; border-top:2px solid #000; color:#323232; border-left:1px solid #dcdcdc; }
.bill > ul > li { width:25%; float:left; border-right:1px solid #dcdcdc; box-sizing:border-box; }
.bill > ul > li.b_box { border-right:0; }
.bill > ul > li:last-child { border:0; }
.bill > ul > li:last-child .top .price span.txt2 strong { font-size:24px; }
.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; }
.bill > ul > li:first-child .top { padding:0 25px 0 90px; }
.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; }
.bill > ul > li .top .top-txt { padding:25px 0; color:#fff; font-family:'s-core-dream-regular'; font-size:16px; }
.bill > ul > li .top .top-txt .model { font-size:16px; position:relative; }
.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; }
.bill > ul > li .top .top-txt div { overflow:hidden; margin:9px 0 0; }
.bill > ul > li .top .top-txt div .volume { float:left; margin:0 0 3px; line-height:20px; }
.bill > ul > li .top .top-txt div .color { float:right; }
.bill > ul > li .top .top-txt .color { float:right; font-size:14px; font-weight:500; position:relative; padding:0 0 0 23px; }
.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%); }
.bill > ul > li .top .price { text-align:center; padding:24px 0 0; font-size:16px; font-family:'s-core-dream-regular'; }
.bill > ul > li .top .price span.txt1 { font-family:'s-core-dream-medium'; margin:0 3px 0 0; width:20px; height:20px; background-color:#cb2935; border-radius:50%; display:inline-block; color:#fff; text-align:center; line-height:20px; font-size:14px; font-weight:500; }
.bill > ul > li:last-child .top .price span.txt1 { margin:0; }
.bill > ul > li .top .price b { font-size:12px; color:#fff; font-weight:400; font-family:'s-core-dream-regular'; margin:0 0 0 3px; }
.bill > ul > li .top .price span.txt2 { font-size:16px; display:block; margin:5px 0 0 3px; font-family:'s-core-dream-regular'; }
.bill > ul > li .top .price span.txt2 strong { font-size
  :18px; font-family:'s-core-dream-bold'; }
.bill > ul > li .txt { background-color:#fff; position:relative; border-top:2px solid #555; }
.bill > ul > li:last-child .txt > ul { border-left:1px solid #dcdcdc; }
.bill > ul > li .txt > ul > li { height:20%; border-bottom:1px dotted #d1d1d1; padding:0 25px; box-sizing:border-box; }
.bill > ul > li .txt > ul > li.special p { color:#ff0000; }
.bill > ul > li .txt > ul > li > p { line-height:45px; position:relative; color:#333; font-size:12px; font-family:'s-core-dream-regular'; }
.bill > ul > li:last-child .txt > ul > li { padding:7px 25px 6px; border-right:1px solid #dcdcdc; }
.bill > ul > li:last-child .txt > ul > li > p { line-height:16px; text-align:right; }
.bill > ul > li:last-child .txt > ul > li > p b { color:#f72f2f; }
.bill > ul > li .txt > ul > li > p > span { position:absolute; top:0; right:0; }
.bill > ul > li .txt > ul > li > p > span > b { font-weight:400; }
.bill > ul > li .txt > ul > li > p > span > img { height:20px !important; padding:12px 5px 14px 0; display:none; }
.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; }
.bill > ul > li .txt > ul > li > p > span.txt-red { color:#ff1f1f; }
.bill > ul > li .txt > ul > li > p > span.txt-red > b { color:#323232; font-family:'s-core-dream-regular'; }
.bill > ul > li .txt > ul > li.oneprice span { font-size:18px; color:#333; font-family:'s-core-dream-bold'; z-index:1; }
.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; }
.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; }
.bill > ul > li .txt > span { font-size:12px; display:block; padding:10px 20px 0 20px; }
.bill > ul > li .txt > ol { font-size:14px; padding:0 20px; position:absolute; bottom:15px; width:88%; }
.bill > ul > li .txt > ol > p { text-align:center; padding:10px 0 0; }
.bill > ul > li .txt > ol li { border:0; margin:0; position:relative; padding:5px 0 0 22px; }
.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; }
.bill > ul > li .txt > ol li > div { position:relative; }
.bill > ul > li .txt > ol li > div > p { width:163px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bill > ul > li .txt > ol li > div > span { position:absolute; top:50%; right:-25px; transform:translate(0,-50%); padding:0 30px 0 0; }


/*기획전/이벤트*/
.event-category { text-align:center; margin:-30px 0 45px; }
.event-category ul { display:inline-block; overflow:hidden; }
.event-category ul li { float:left; padding:9px 0 0; }
.event-category ul li a { font-size:18px; display:block; border:1px solid #000; padding:10px 110px; }
.event-category ul li.on { padding:0; }
.event-category ul li.on a { font-size:24px; background-color:#000; color:#fff; font-weight:600; }
.event-category ul li.left a { border-right:0; }
.event-category ul li.left.on a { border-right:1px solid #000; }
.event-category ul li.right a { border-left:0; }
.event-category ul li.right.on a { border-left:1px solid #000; }



/*인터넷 tv */
.tv-category { margin:0 0 135px; }
.tv-category > div { text-align:center; }
.tv-category ul { overflow:hidden; display:inline-block; width:100%; margin:-2%; }
.tv-category ul li { float:left; width:21%; box-sizing:border-box; margin:2%; }
.tv-category ul li > div { border:1px solid #969696; }
.tv-category ul li a { display:block; }
.tv-category ul li a .img { width:100%; height:245px; position:relative; border-bottom:1px solid #969696; }
.tv-category ul li a .img img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.tv-category ul li a .txt { padding:15px 0 13px; }
.tv-category ul li a .txt > p { font-size:18px; }
.tv-category ul li a .txt > span { font-size:18px; font-weight:300; }
.tv-category ul li a .txt > span b { font-size:30px; font-weight:600; margin:0 0 0 5px; }
.tv-category ul li .btn { border-top:1px solid #969696; }
.tv-category ul li .btn a { display:block; color:#fff; font-size:18px; padding:10px 0; background-image:url('../img/sub/icon_place.png'); background-repeat:no-repeat; background-position:22px 8px; }

.tv-category ul li.on { border-radius:5px; border-bottom:0 !important; }
.tv-category ul li.on a .img { height:242px; }
.tv-category ul li.on > div { border:0; }

.tv-category ul li.skt.on { border:5px solid #f72f2f; }
.tv-category ul li.kt.on { border:5px solid #21b8b2;  }
.tv-category ul li.lgu.on { border:5px solid #e0097c; }
.tv-category ul li.hello.on { border:5px solid #e6164b; }

.tv-category ul li.skt a .txt > span b { color:#f72f2f; }
.tv-category ul li.skt .btn a { background-color:#f72f2f; }

.tv-category ul li.kt a .txt > span b { color:#21b8b2; }
.tv-category ul li.kt .btn a { background-color:#21b8b2; }

.tv-category ul li.lgu a .txt > span b { color:#e0097c; }
.tv-category ul li.lgu .btn a { background-color:#e0097c; }

.tv-category ul li.hello a .txt > span b { color:#e6164b; }
.tv-category ul li.hello .btn a { background-color:#e6164b; }

.tv-content {  }
.tv-content > div {  }
.tv-content .price-img {  }
.tv-content .price-img img { width:100%; }
.tv-content .detail-img { display:block; text-align:center; margin:20px 0; }
.tv-content .detail-img img { display:inline; }

.tv-content .btn-list { overflow:hidden; padding:20px 0; margin:20px 0; }
.tv-content .btn-list ul { width:50%; float:left; overflow:hidden; padding:0 13px; box-sizing:border-box; }
.tv-content .btn-list ul > p { font-size:18px; padding:0 0 0 20px; margin:0 0 25px 5px; }
.tv-content .btn-list ul li { float:left; margin:0 10px 10px 0; box-shadow:4px 4px 5px 0 rgba(199, 197, 197, 1); border-radius:5px; }
.tv-content .btn-list ul li a { display:block; width:180px; height:50px; color:#fff; border-radius:3px; text-align:center; line-height:50px; }

.tv-content .btn-list ul.data {  }
.tv-content .btn-list ul.data a { font-size:18px; font-weight:500; }
.tv-content .btn-list ul.consulting {  }
.tv-content .btn-list ul.consulting li a { font-size:18px; font-weight:500; }


.tv-content .btn-list-blue ul > p { border-left:4px solid #2f8bff;}
.tv-content .btn-list-red ul > p { border-left:4px solid #f72f2f;}
.tv-content .btn-list-blue { border:3px solid #2f8bff; }
.tv-content .btn-list-red { border:3px solid #f72f2f; }
.tv-content .btn-list-blue ul li a { background-color:#2f8bff; }
.tv-content .btn-list-red ul li a { background-color:#f72f2f; }


/*전화상담문의 창*/
.consulting-box { width:500px; padding:20px; box-sizing:border-box;  background-color:#fff; }
.consulting-box form .tit2 { font-size:14px; text-align:center; display:block; padding:20px 0; }
.consulting-box form table tr td input[type="text"] { height:30px; border-color:#969696; }
.consulting-box form .time { font-size:14px; font-weight:300; display:block; text-align:center; margin:15px 0; }
.consulting-box form input[type="checkbox"] {  }
.consulting-box form input[type="checkbox"] + label { font-size:14px; }
.consulting-box form input[type="checkbox"] + label span { color:#f72f2f; }
.consulting-box form .btn { margin:25px 0 0; }
.consulting-box form .btn button { font-size:16px; color:#fff; background-color:#f72f2f; border-radius:20px; display:block;
    margin:0 auto; padding:8px 35px; }


/*체크박스 디자인*/
.chk { position:relative; }
.chk 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); }
.chk label { height:20px; line-height:20px; padding-left:27px; display:inline-block; background:url("../img/common/no-check-btn.png") no-repeat 0 0;
  font-size:15px; vertical-align:middle; cursor:pointer; padding-right:17px; }
.chk input[type="checkbox"]:checked + label { background:url("../img/common/check-btn.png") no-repeat 0 0; }


/*상세요금표 창*/
.detail-box { padding:20px; box-sizing:border-box; background-color:#fff; }
.detail-box img { max-width:900px; }


/* 상세페이지 탭 */
#sub.detail .customer {  }
#sub.detail .customer .wrap { border-top:1px solid #dcdcdc; padding:20px 0 40px; }
#sub.detail .customer ul { text-align:center; }
#sub.detail .customer ul li { display:inline-block; position:relative; border:0; width:auto; margin:0; }
#sub.detail .customer ul li:after { display:block; content:''; background-color:#999; width:1px; height:10px; position:absolute; top:50%; left:0; transform:translate(0,-50%); }
#sub.detail .customer ul li:first-child:after { display:none; }
#sub.detail .customer ul li a { color:#999; font-size:12px; display:block; font-family:'s-core-dream-regular'; padding:4px 13px; margin:0 12px; }
#sub.detail .customer ul li a:hover { background-color:#f5f5f5; border-radius:2px; }
#sub.detail .customer ul li a b { font-size:10px; font-weight:400; font-family:'s-core-dream-regular'; color:#fff; border-radius:2px; background-color:#9f9f9f; padding:3px 4px; margin:0 0 0 5px; }
#sub.detail .customer ul li.on {  }
#sub.detail .customer ul li.on a { color:#333; font-family:'s-core-dream-medium'; background-color:#fff; }
#sub.detail .customer ul li.on a:hover { background-color:#f5f5f5; border-radius:2px; }
#sub.detail .review ul li a .txt ol.user li:after { left:-6px; content:'•'; font-size:12px; color:#777; display:block; background-color:inherit; width:auto; height:auto; }
#sub.detail .review ul li a .txt ol.user li:first-child:after { display:none; }
#sub.detail .review ul li a .txt ol.user li { font-size:12px; color:#777; }
/*마이페이지*/
.mypage-apply {  }
.mypage-apply > div { overflow:hidden; }
.mypage-apply .big-tit { position:relative; padding:85px 0 50px; }
.mypage-apply .bill { margin:0; }
.mypage-apply form { overflow:hidden; position:absolute; top:100px; right:0; }
.mypage-apply form select { margin:50px; background-color:#fff; border:1px solid #000; width:300px; height:45px; padding:0 0 0 10px; margin:0 0 50px; float:right; }
.mypage-apply form select option {  }
.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; }


/*비밀글 보기 팝업*/
.secret-pw { text-align:center; padding:45px 30px; }
.secret-pw > p { color:#323232; font-size:18px; margin:0 0 20px; font-weight:600; font-family:'s-core-dream-regular'; }
.secret-pw > span { font-size:12px; padding:0 0 10px; display:block; font-family:'s-core-dream-regular'; }
.secret-pw > span b { color:#1182f0; font-weight:400; }
.secret-pw form {  }
.secret-pw form input[type="password"] { border:1px solid #969696; width:240px; height:30px; margin:0 0 15px; padding:0 0 0 5px; box-sizing:border-box; }
.secret-pw form .btn { overflow:hidden; }
.secret-pw form .btn a { font-family:'s-core-dream-regular'; display:block; font-size:16px; border:1px solid #646464; border-radius:5px; width:115px; float:left; height:45px; line-height:45px; }
.secret-pw form .btn button { font-family:'s-core-dream-regular'; font-size:16px; background-color:#1182f0; border-radius:5px; color:#fff; width:115px; border:1px solid #1182f0; float:right; height:45px; line-height:45px; }


/*신청취소요청 팝업*/
.cancel-box { padding:20px; }
.cancel-box form {  }
.cancel-box form .tit { margin:0 0 10px; }
.cancel-box form .sub-txt { background-color:#f5f5f5; font-size:14px; padding:5px 20px; display:block; margin:0 0 15px; }
.cancel-box form .cancel-btn { text-align:center; }
.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; }
.cancel-box form > div { padding:0 10px; }
.cancel-box form input[type="checkbox"] {  }
.cancel-box form input[type="checkbox"] + label {  }
.cancel-box form textarea { width:100%; height:100px; border:1px solid #000; overflow-y:auto; padding:5px; }

/*체크박스 디자인*/
.cancel-box form > div > div { position:relative; margin:0 0 15px; }
.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); }
.cancel-box form label { height:20px; line-height:20px; padding-left:27px; display:inline-block; background:url("../img/common/no-check-btn.png") no-repeat 0 0;
  font-size:15px; vertical-align:middle; cursor:pointer; padding-right:17px; }
.cancel-box form input[type="checkbox"]:checked + label { background:url("../img/common/check-btn.png") no-repeat 0 0; }

#sub .mypage { margin:0 0 70px; }
#sub .mypage .wrap { width:1280px; }

#sub .mypage .my_detail { position:relative; }
#sub .mypage .phonelist { position:absolute; right:0; bottom:20px; }
#sub .mypage .phonelist .select { position:relative; display:inline-block; line-height:38px; font-family:'s-core-dream-regular'; background-color:#fff; height:38px; border-radius:3px; width:300px; 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 { overflow-y:auto; max-height:330px; padding:5px 0; display:none; position:absolute; top:40px; left:0; border-radius:3px; border:1px solid #dcdcdc; background-color:#fff; width:300px; 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 { margin:50px 0 60px; }
#sub .mypage .bill:after { left:622px; }
#sub .mypage .bill:before { right:303px; }
#sub .mypage .title { padding: 53px 0 20px; font-size:24px; color:#333; font-family: 's-core-dream-medium'; }
#sub .mypage .title > img { height:16px !important; vertical-align:middle; margin:0 0 4px 10px; }
#sub .mypage > div {  }
#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; box-sizing:border-box; padding:12px 0 12px 60px; border-radius:5px; line-height:28px; }
#sub .mypage span.guide .red { color:#f72f2f; }
#sub .mypage span.guide img { position:absolute; top:17px; left:20px; }
#sub .mypage span.guide strong { display:block; font-size:14px; color:#f72f2f; padding:4px 0 0; }
#sub .mypage span.guide.wid100 { max-width:100%; }
#sub .mypage .btn { text-align:center; margin:30px 0 0; }
#sub .mypage .btn * { padding:0 35px; line-height:55px; font-size:18px; color:#fff; font-family:'s-core-dream-bold'; background-color:#f72f2f; border-radius:25px; text-align:center; display:inline-block; }



.mypage-qna {  }
.mypage-qna .apply-box { margin:0; }
.mypage-qna .apply-box .tit { padding:40px 0 5px; }
.mypage-qna .apply-box .txt-red { display:block; text-align:center; margin:0 0 20px; }
.mypage-qna .apply-box > ul { width:1000px; margin:0 auto; }
.mypage-qna .apply-box > ul li {  }
.mypage-qna .apply-box > ul li.answer { background-color:#fafafa; padding:17px 0; font-size:17px; display:none; }
.mypage-qna .apply-box > ul li .arrow-btn { display:none; }
.mypage-qna .apply-box > ul li .arrow-btn a { display:block; width:30px; height:30px; border:2px solid #969696; border-radius:50%; background:url('../img/sub/icon_arrow_down2.png') center no-repeat;}
.mypage-qna .apply-box > ul li.on .arrow-btn a { transform:rotate(180deg); }



/*고객만족센터*/
#sub .customer { margin:20px 0 33px; }
#sub .customer ul { text-align:center; }
#sub .customer ul li { width:174px; box-sizing:border-box; margin:0 0 0 13px; display:inline-block; border:1px solid #dcdcdc; }
#sub .customer ul li:first-child { margin:0; }
#sub .customer ul li.on { padding:0; }
#sub .customer ul li.on a { background-color:#555; color:#fff; }
#sub .customer ul li.on a:hover { background-color:#555; }
#sub .customer ul li a { display:block; text-align:center; font-size:12px; padding:15px 0; font-family:'s-core-dream-regular'; }
#sub .customer ul li a:hover { background-color:#f4f4f4; }

/* 페이지 공통 */
.page { text-align:center; }
.page ul { overflow:hidden; display:inline-block; }
.page ul li { float:left; padding:0 3px; }
.page ul li a { display:block; width:33px; height:33px; border:1px solid #c8c8c8; line-height:33px; font-size:12px; color:#333; font-family:'s-core-dream-regular'; }
.page ul li.prev {  }
.page ul li.prev a { background:url('../img/sub/icon_page.png') center no-repeat; transform:rotate(180deg); }
.page ul li.on {  }
.page ul li.on a { background-color:#333; color:#fff; font-weight:700; }
.page ul li.next {  }
.page ul li.next a { background:url('../img/sub/icon_page.png') center no-repeat; }


ol.cons_btn { overflow:hidden; margin:-40px auto 0; width:1000px; }
ol.cons_btn li { float:right; margin:0 0 0 10px; }
ol.cons_btn 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; }
ol.cons_btn li a:hover { border:1px solid #c8c8c8; background-color:#fff; color:#555; }

.cons-btn {  }
.cons-btn ol {  }
.cons-btn ol li { float:right; }
.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; }
.cons-btn ol li a:hover { border:1px solid #c8c8c8; background-color:#fff; color:#555; }

.customer-box { padding:0; border:0; box-shadow:none; margin:0 0 35px !important; }
.customer-qna .cons-btn { margin:50px 0; }
.customer-qna .cons-btn > p { padding:0 0 0 430px; box-sizing:border-box; }
.onetoone-table .cons-btn { margin:50px 0; }
.onetoone-table .cons-btn > p { padding:0 0 0 430px; box-sizing:border-box; }


/* 자주하는 질문 탭 */
#sub .inquiry_tab {  }
#sub .inquiry_tab .wrap {  }
#sub .inquiry_tab ul { overflow:hidden; width:1000px; 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:first-child { border-left:1px solid #dcdcdc; }
#sub .inquiry_tab ul li a { display:block; padding:0 25px; font-size:12px; font-family:'s-core-dream-medium'; line-height:46px; color:#777; }
#sub .inquiry_tab ul li a:hover { background-color:#f4f4f4; }
#sub .inquiry_tab ul li.on { border:1px solid #333; }
#sub .inquiry_tab ul li.on a { color:#fff; background-color:#333; }


/*1대1문의*/
#sub .onetoone-table {  }
#sub .onetoone-table .wrap {  }
#sub .onetoone-table table { color:#505050; border-top:1px solid #dcdcdc; font-size:17px; margin:0 auto 30px; width:1000px; }
#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:30px; display:inline-block; width:120px; }
#sub .onetoone-table table tbody tr td.complete {  }
#sub .onetoone-table table tbody tr td.complete span { color:#fff; }
#sub .onetoone-table table tbody tr td a { 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:normal; 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 { 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 .onetoone-table .cons_btn { width:1000px; margin:-40px auto 0; }

/* 공지사항 뷰 */
#sub .view_box {  }
#sub .view_box .wrap {  }
#sub .view_box table { border-bottom:1px solid #dcdcdc; width:1000px; margin:0 auto; }
#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 auto 0; width:1000px; }
#sub .view_box .btn a { 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; }

/* 1:1문의 폼 */
#sub .form_box {  }
#sub .form_box .wrap { width:1000px; }
#sub .form_box .tit { text-align:center; margin:0 0 39px; }
#sub .form_box .tit h2 { font-size:36px; 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 15px; 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 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:50px; line-height:50px; }
#sub .form_box table tr td .img-editor input[type="file"] { cursor:pointer; height:50px; width:100%; top:0; left:0; position:absolute; }
#sub .form_box table tr td input[type="text"],
#sub .form_box table tr td input[type="password"] { width:270px; 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:150px; }
#sub .form_box table tr td.email input[type="text"] { width:110px; }
#sub .form_box table tr td.email select { width:150px; }
#sub .form_box table tr td select { width:270px; 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; height:300px; width:calc(100% - 15px); 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:26px; 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% - 140px); 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 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"] { position:static; left:auto; top:auto; width:auto; height:auto; visibility:inherit; }
#sub .form_box table tr td .delete label img { display:none; }
#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:26px; 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.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:20%; font-size:13px; line-height:28px;  }
#sub .form_box table tr td.phone div input[type="checkbox"] { vertical-align:middle; position:static; width:auto; height:auto; border:1px solid #e8e8e8; visibility:visible;  }


#sub .form_box .btn { text-align:center; margin:20px 0 0; }
#sub .form_box .btn * { margin:0 4px; border-radius:5px; display:inline-block; 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; }



/*1:1문의 팝업*/
.onetoone-popup { width:800px; padding:20px !important; }
.onetoone-popup .tit2 { font-size:14px; color:#323232; display:block; text-align:center; padding:10px 0; font-family:'s-core-dream-regular'; }
.onetoone-popup .warning { font-size:16px; color:#646464; display:block; text-align:center; margin:5px 0 0; }
.onetoone-popup .btn { display:block; text-align:center; margin:20px 0 0; }
/* .onetoone-popup .btn button { font-size:16px; font-weight:500; background-color:#f72f2f; border-radius:20px; color:#fff; width:163px; height:38px; } */
.onetoone-popup table tr td select { font-size:15px; margin:0; }
.onetoone-popup table input[type="password"] { border:1px solid #c8c8c8; height:34px; padding:0 0 0 5px; width:100%; }
.onetoone-popup .btn { text-align:center; margin:20px 0 0; }
.onetoone-popup .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; }
.onetoone-popup .btn a.black { background-color:#333; font-size:12px; color:#fff; }
.onetoone-popup .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; }
.onetoone-popup .btn button.black { background-color:#333; font-size:12px; color:#fff; }

/*신청 배송관련, 취소교환관련*/
.txt-list {  }
.txt-list ul {  }
.txt-list ul li {  }
.txt-list ul li p.tit { font-size:18px; font-weight:500; padding:0 0 5px; }
.txt-list ul li span { font-size:16px; position:relative; padding:5px 0 5px 10px; display:block; line-height:24px; }
.txt-list ul li span:before { display:block; content:""; width:3px; height:3px; background-color:#000; border-radius:50%; position:absolute; top:16px; left:0; }
.txt-list ul li span b { color:#f72f2f; font-weight:400; }
.txt-list ul li span:last-child { margin:0 0 50px; }


/*리뷰페이지*/
.review-list { padding:15px 0; }
.review-list > div { position:relative; }
.review-list .arrow {  }
.review-list .arrow > span { position:absolute; top:50%; transform:translate(0,-50%); }
.review-list .arrow > span a { display:block; width:34px; height:58px; background-image:url(../img/sub/phone-arrow.png); opacity:0.3; }
.review-list .arrow .left { left:-50px; }
.review-list .arrow .left a { transform:rotate(180deg); }
.review-list .arrow .right { right:-50px; }
.review-list .arrow .right a {  }
.review-list .arrow .on {  }
.review-list .arrow .on a { opacity:1; }
.review-list ul.review-list li { box-shadow:1px 5px 2px 0 rgba(199, 197, 197, 0.9); }

/*리뷰페이지 REAL 구매후기*/
.board-review-list { word-break:break-all; }
.board-review-list .wrap { position:relative; }
.board-review-list .arrow {  }
.board-review-list .arrow span { position:absolute; top:50%; transform:translate(0,-50%); }
.board-review-list .arrow span a { display:block; width:37px; height:63px; background-image:url(../img/sub/phone-arrow.png); opacity:0.3; }
.board-review-list .arrow span.on a { opacity:1; }
.board-review-list .arrow span.left { left:-45px; }
.board-review-list .arrow span.left a { transform:rotate(180deg); }
.board-review-list .arrow span.right { right:-50px; transform:translate(-50%,-50%); }
.board-review-list .wrap ul { overflow:hidden; text-align:left; margin:-0.5%; }
.board-review-list .wrap ul li { width:24%; float:left; border:1px solid #d3d3d3; box-sizing:border-box; margin:0.5%; }
.board-review-list .wrap ul li a { display:block; position:relative; }
.board-review-list .wrap ul li a .icon { 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; }
.board-review-list .wrap ul li a .review-img { width:100%; height:216px; background:url('../img/main/review_test.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center;}
.board-review-list .wrap ul li a .review-txt { color:#454545; padding:15px; }
.board-review-list .wrap ul li a .review-txt p { font-size:16px; font-weight:500; margin:0 0 5px; }
.board-review-list .wrap ul li a .review-txt > span { font-size:14px; color:#454545; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block; -webkit-line-clamp:5;
    -webkit-box-orient:vertical; line-height:20px; height:100px; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; }

/* .board-review-list .wrap 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; }
.board-review-list .wrap ul li a .review-txt .star span { position:absolute; top:0; left:0; height:100%; width:80%; background-position:left top; } */

.board-review-list .wrap ul li a .review-txt .star { float:right; margin:3px 5px 3px 0; position:relative; width:53px; height:10px; background-color:#B2B2B2; }
.board-review-list .wrap ul li a .review-txt .star span { position:absolute; top:0; left:0; height:100%; width:100%; z-index:1; background:url('../img/main/icon_star.png') no-repeat; background-position:left top;  }
.board-review-list .wrap ul li a .review-txt .star div { height:10px; z-index:-1; }



.board-review-list .wrap ul li a .review-txt ul { overflow:hidden; }
.board-review-list .wrap ul li a .review-txt ul li { float:left; padding:0 12px; position:relative; border:0; width:auto; }
.board-review-list .wrap ul li a .review-txt ul li:first-child { padding:0 12px 0 0; }
.board-review-list .wrap 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; }
.board-review-list .wrap ul li .model { border-top:1px solid #d3d3d3; }
.board-review-list .wrap ul li .model a { display:block; position:relative; }
.board-review-list .wrap ul li .model .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:7px;
transform:translate(0,-50%); border-radius:3px; border:1px solid #bfbfbf; }
.board-review-list .wrap ul li .model .txt { padding:21px 0 21px 70px; display:block; font-size:16px; color:#505050; }
.board-review-list .wrap ul li .model .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; }
.board-review-list a.more { display:inline-block; text-align:center; border:1px solid #000; border-radius:3px; padding:10px 40px 10px 30px; font-size:18px; background:url('../img/sub/icon_arrow3.png') 180px 50% no-repeat; }

#sub .review_title { padding:35px 0 10px; }
#sub .review.dan6, #sub .review.dan5, #sub .review.dan4, #sub .review.dan2 { padding:0 0 25px; }
#sub .review_table { margin:10px 0 0; }
#sub .review_table .wrap { width:1000px; }
#sub .review_table ul { border-bottom:1px solid #dcdcdc; }
#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 0 15px 3px; box-sizing:border-box; }
#sub .review_table ul li a .img { width:70px; height:70px; border-radius:5px; border:1px solid #c8c8c8; float:left; box-sizing:border-box; }
#sub .review_table ul li a .txt { float:left; width:calc(100% - 70px); padding:0 15px; 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:14px; max-width:60%; }
#sub .review_table ul li a .txt .name b { float:left; }
#sub .review_table ul li a .txt .name .star { float:left; }
#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 span.body { font-size:12px; line-height:20px; height:40px; margin:2px 0 6px; }




/*사진리뷰 팝업*/
.popup-photo-review { width:923px; padding:0; color:#505050; }
.popup-photo-review .arrow {  }
.popup-photo-review .arrow a { position:absolute; top:50%; display:inline-block; }
.popup-photo-review .arrow a.left { left:-60px; transform:rotate(180deg); }
.popup-photo-review .arrow a.right { right:-60px; }

.popup-photo-review > .img { width:540px; height:540px; background-position:center; background-repeat:no-repeat; background-size:contain; float:left; position:relative; background-color:#fafafa; }
.popup-photo-review .img .best {  }
.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; }
.popup-photo-review > .txt { width:380px; float:right; }
.txt .txt-box { height:540px; padding:30px; box-sizing:border-box; overflow:hidden; }
.txt .txt-box .user { padding:12px 0; float:left; }
.txt .txt-box .user_icon { width:30px; float:left; margin:12px 10px 0 0; }
.txt .txt-box .review-txt { clear:both; }
/* .txt .txt-box .user .star { margin:0 0 5px; position:relative; width:74px; height:13px; background:url(../img/main/icon_star.png) no-repeat; background-position:left top; }
.txt .txt-box .user .star span { position:absolute; top:0; left:0; height:100%; width:80%; background:url('../img/main/icon_star_full.png') no-repeat; background-position:left top; } */

.txt .txt-box .user .star { margin:0 0 5px; position:relative; width:53px; height:10px; background-color:#B2B2B2; }
.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.png') no-repeat; background-position:left top;  }
.txt .txt-box .user .star div { height:10px; z-index:-1; }
.txt .txt-box .user .star i { position:absolute; top:-3px; left:61px; font-style:normal; font-size:12px; font-family:'s-core-dream-medium'; }


.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; }
.txt .txt-box .user .user-name:after { display:block; width:1px; height:16px; background-color:#c8c8c8; content:""; position:absolute; top:50%; right:0; transform:translate(0,-50%); }
.txt .txt-box .user .date { font-size:11px; color:#999; font-family:'s-core-dream-regular'; }
.txt .txt-box .review-txt { margin:10px 0; }
.txt .txt-box .review-txt .tit { color:#555; font-size:14px; font-weight:500; padding:0 0 10px; font-family:'s-core-dream-medium'; }
.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'; height:250px; overflow-y:auto; }
.txt .txt-box .photolist {  }
.txt .txt-box .photolist ul {  }
.txt .txt-box .photolist ul li { display:inline-block; margin:0 3px 0 0; }
.txt .txt-box .photolist ul li div { width:40px; height:40px; background-size:cover; background-position:center; background-repeat:no-repeat; opacity:0.4; }
.txt .txt-box .photolist ul li.on div { border:2px solid #000; opacity:1; box-sizing:border-box; }
.txt .txt-box .model { border-top:1px solid #c8c8c8; display:none; }
.txt .txt-box .model a { display:block; position:relative; }
.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; }
.txt .txt-box .model a .txt { padding:21px 0 21px 70px; display:block; font-size:16px; color:#505050; }
.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; }
 .txt .password-box { border:1px solid #c8c8c8; margin:15px 0 0; padding:10px; display:none; }
.txt .password-box form { overflow:hidden; }
.txt .password-box form input[type="password"] { width:120px; height:30px; border:1px solid #c8c8c8; padding:0 0 0 5px; }
.txt .password-box form > p {  }
.txt .password-box form > p > b { width:13px; height:13px; background-color:#707070; font-size:9px; color:#fff;
  display:inline-block; text-align:center; border-radius:50%; font-weight:300; line-height:13px; margin:0; }
.txt .password-box form > p > span { color:#454545; font-size:12px; font-weight:300; }
.txt .password-box form .btn { float:right; }
.txt .password-box form .btn ul { overflow:hidden; }
.txt .password-box form .btn ul li { float:left; }
.txt .password-box form .btn ul li button { width:45px; height:30px; border:1px solid #c8c8c8; font-size:13px; }
.txt .password-box form .btn ul li.delete { margin:0 8px 0 0; }
.txt .password-box form .btn ul li.delete button { color:#969696; }
.txt .password-box form .btn ul li.modify button { background-color:#7d7d7d; color:#fff; }
.txt .manager-comment { border-bottom:1px dashed #c8c8c8; padding:10px; display:none; }
.txt .manager-comment > p {  }
.txt .manager-comment > p img {  }
.txt .manager-comment > p b {  }
.txt .manager-comment > span { font-size:14px; color:#454545; }


/*텍스트리뷰 팝업*/
.popup-txt-review { width:600px; }
.popup-txt-review .txt .txt-box { padding:0; height:440px; }
.popup-txt-review .txt .txt-box .review-txt { padding:0 150px 0 0; }
.popup-txt-review .arrow, .popup-txt-review .photolist {  }
.popup-txt-review .arrow {  }
.popup-txt-review .arrow a { position:absolute; top:50%;transform:translate(0,-50%); }
.popup-txt-review .arrow a.left { left:-60px; transform:translate(0,-50%) rotate(-180deg); }
.popup-txt-review .arrow a.right { right:-60px; }
.popup-txt-review .txt .txt-box .review-txt span { height:330px; }


/*구매후기 작성폼 팝업*/
.popup-review-form {  }
.popup-review-form .tit { color:#323232; text-align:center; }
.popup-review-form .tit p { font-size:30px; font-weight:600; margin:0 0 7px; }
.popup-review-form .tit span { font-size:14px; }
.popup-review-form form {  }
.popup-review-form form > div {  }
.popup-review-form form > div .txt { width:120px; background-color:#f5f5f5; font-size:16px; color:#646464; }
.popup-review-form form > div .input {  }
.popup-review-form form > div .input[type="text"] {  }
.popup-review-form form > div .input[type="file"] {  }
.popup-review-form form > div .input textarea {  }
.popup-review-form form > p {  }
.popup-review-form form .button {  }
.popup-review-form form .button button { background-color:#f72f2f; color:#fff; width:163px; height:38px; line-height:38px; border-radius:19px; }


/**/
#sub .reservation_phone { padding:40px 0 15px; }
#sub .reservation_phone ol.phone { padding:0; }
.reservation-detail > div { }
.reservation-detail .banner-normal { display:block; text-align:center; margin:0 0 10px; }
.reservation-detail .banner-normal img { display:inline; }
.reservation-detail .banner0 { margin:0 0 10px; }
.reservation-detail .banner0 a { display:block; text-align:center; }
.reservation-detail .banner0 a img { display:inline; }

.reservation-detail .price_chart {  }
.reservation-detail .price_chart ul { overflow:hidden; width:80%; margin:0 auto; }
.reservation-detail .price_chart ul li { float:left; text-align:center; line-height:56px; color:#191919; background-color:#fff; font-size:18px; width:31.33%; border:1px solid #dbdbdb; box-sizing:border-box; font-family:'s-core-dream-regular'; margin:0 1%; cursor:pointer; }
.reservation-detail .price_chart ul li.on { background-color:#377dff; color:#fff; }
.reservation-detail .price_chart ul.two li { width:50%; }
.reservation-detail .price_chart ul.three li { width:33.33%; }
.reservation-detail .price_chart ol li { display:none; }
.reservation-detail .price_chart ol li.on { display:block; }
.reservation-detail .inquiry_button { text-align:center; }



#sub .detail-title { padding:20px; box-sizing:border-box; margin:25px 0 0; }
#sub .detail-title p { font-size:24px; padding:0 10px; color:#333; font-family:'s-core-dream-regular'; }
#sub .detail-title p b.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; font-weight:400; }


#sub .detail-title p img { vertical-align:bottom; margin:0 0 5px; }
#sub .detail-title span { font-size:20px; padding:0 10px 20px; border-bottom:1px solid #ddd; display:block; margin:7px 0 10px; }
#sub .func-btn { margin:40px 0; }
#sub .func-btn > div { overflow:hidden; padding:20px 0 0; border-top:1px solid #ddd; }
#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 .file-down { font-size:16px; }
#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:250px; margin:5px 0 0; }
#sub .file-down p a { display:block; font-size:16px; background:url('../img/sub/icon_filedown.png') 229px 10px no-repeat; padding:5px; }



/*디테일페이지*/
.detail ul.review-list { border-top:2px solid #000; padding:20px 0; }
.detail .wrap { width:1200px; }
.detail .event-info { margin:0 0 40px; }
.detail .event-info > .wrap { padding:0 50px; box-sizing:border-box; }
.detail .event-info p { font-size:18px; position:relative; padding:0 0 12px 12px; border-bottom:1px solid #000; }
.detail .event-info p::before { position:absolute; top:4px; left:0; width:3px; height:20px; background-color:#000; content:""; display:block; }
.detail .event-info .event-banner { text-align:center; }
.detail .event-info .event-banner img { max-width:100%; }

/* 버전 1 */
#sub .phone-detail { padding:50px 0; }
#sub .phone-detail .wrap { width:1200px; padding:0; }
#sub .phone-detail > div { padding:0 60px; box-sizing:border-box; }
#sub .phone-detail form { overflow:hidden; }
#sub .phone-detail form .phone { float:left; }
#sub .phone-detail form .phone .phone-name { color:#333; padding:0 0 15px; position:relative; }
#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 { font-size:24px; display:inline-block; margin:0 7px; color:#333; font-family:'s-core-dream-bold'; }
#sub .phone-detail form .phone .phone-name .speed { font-size:12px; color:#333; border:1px solid #333; line-height:27px; padding:0 3px; border-radius:3px; font-weight:500; margin:0 4px 0 0; font-family:'s-core-dream-regular'; }
#sub .phone-detail form .phone .phone-name .icon { display:inline-block; transform:translateY(-7px); }
#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:14px; }
#sub .phone-detail form .phone .phone-info { overflow:hidden; }
#sub .phone-detail form .phone .phone-info .phone-img { float:left; border-top:1px solid #393939; }
#sub .phone-detail form .phone .phone-info .phone-img .img { margin:58px 0 0; width:360px; height:270px; background:url('../img/sub/phone2.jpg') center no-repeat; background-size:contain; }
#sub .phone-detail form .phone .phone-info .phone-img .price { display:none; 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-info .phone-form { float:left; width:420px; margin:0 0 0 30px; border-top:1px solid #393939; padding:7px 20px 0; box-sizing:border-box; }
#sub .phone-detail form .phone .phone-info .phone-form table {  }
#sub .phone-detail form .phone .phone-info .phone-form table tbody {  }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr {  }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr th { font-size:12px; color:#555; text-align:left; font-weight:400; font-family:'s-core-dream-regular'; vertical-align:middle; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr th.price { vertical-align:top; padding:20px 0 0; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr th.sale { padding:0 0 40px; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr th span { display:block; font-size:14px; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td { font-size:14px; color:#777; padding:8px 0; position:relative; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td > p { font-size:11px; color:#333; font-family:'s-core-dream-regular'; padding:5px 0 0; line-height:17px; clear:both; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td > p span { color:#f72f2f; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td > p b { font-size:10px; background-color:#323232; border-radius:3px; color:#fff; padding:2px 5px; font-weight:500; margin:0 3px 0 0; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td label { cursor:pointer; margin:0 0 0 4%; position:relative; line-height:18px; background-color:#f4f4f4; display:block; height:auto; background-image:none; border-radius:3px; border:1px solid #d3d3d3; color:#777; font-family:'s-core-dream-regular'; font-size:12px; float:left; box-sizing:border-box; text-align:center; padding:7px 0; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td input:first-child + label { margin:0; }
#sub .phone-detail form .phone .phone-info .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; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td.can2 label { width:48%; position:relative; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td.can3 label { width:30.66%; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td.can4 label { width:22%; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td.can5 label { width:16.8%; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr.tong td label { padding:0; height:34px; line-height:34px; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr.tong td label img { height:24px !important; vertical-align:middle; margin:0 0 4px; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td.color { padding:5px 0 20px; position:relative; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td.color label { border-radius:3px; margin:0 6px 0 0 !important; padding:0; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td.color label div { width:42px; height:42px; border:1px solid #fff; border-radius:3px; box-sizing:border-box; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td.color span { position:absolute; bottom:2px; left:0; font-size:11px; color:#555; font-family:'s-core-dream-regular'; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td.color input[type="radio"]:checked + label { background:none; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td input[type="radio"] { opacity:0; overflow:hidden; width:0; height:0; position:absolute; top:0; left:0; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td input[type="radio"]:checked + label { background:#fff; font-weight:500; font-family:'s-core-dream-medium'; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td label:before { display:none; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td input[type="radio"]:checked + label:before { display:none; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td .plan { 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-info .phone-form table tbody tr td .plan a { display:block; padding:6px 10px; background: url(../img/common/btn-select.png) no-repeat 96% 50%; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td .plan a span { font-size:12px; color:#777; font-family:'s-core-dream-regular'; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td .plan01 a { padding:0; background:none; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td .plan01 a span { background: url(../img/common/btn-select.png) no-repeat 96% 50%; color:#333; font-size:14px; font-family:'s-core-dream-medium'; padding:10px; box-sizing:border-box; display:block; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td .plan a span b { font-size:12px; color:#999; font-weight:400; font-family:'s-core-dream-regular'; padding:0 0 0 5px; margin:0 0 0 5px; position:relative; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td .plan a span b:after { display:block; width:1px; height:10px; background-color:#969696; content:''; position:absolute; top:50%; left:0; transform:translate(0,-50%); }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td .plan a span b strong { color:#333; font-family:'s-core-dream-bold'; font-weight:400; }
#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 {  }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td .plan .plan-txt li p { font-weight:500; color:#323232; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td .plan .plan-txt li p span { color:#f72f2f; font-size:14px; }
#sub .phone-detail form .phone .phone-info .phone-form table tbody tr td .plan .plan-txt li p span b { font-size:12px; }



#sub .phone-detail form .right_box { float:right; width:360px; }
#sub .phone-detail form .right_box .banner { position:relative; margin:10px 0 0; }
#sub .phone-detail form .right_box .banner a { display:block; height:100%; }
#sub .phone-detail form .right_box .banner a img {  }
#sub .phone-detail form .right_box .banner .swiper-pagination { height:0; position:absolute; top:0; right:0; text-align:right; padding:0 10px; box-sizing:border-box; }
#sub .phone-detail form .right_box .banner .swiper-pagination span { background-color:#fff; }
#sub .phone-detail form .right_box .banner .swiper-pagination-bullet { width:7px; height:7px; margin:0 3px; }
#sub .phone-detail form .price-info { position:relative; border-top:5px solid #333; background-color:#f6f7fa; margin:47px 0 0; font-family:'s-core-dream-medium'; padding:52px 17px 0; box-sizing:border-box; }
#sub .phone-detail form .price-info img.bubble { height:54px !important; position:absolute; top:7px; 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 .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 23px 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 .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:40px; }
#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:40px; 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:20px !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; }
#sub .phone-detail form .price-info .apply-btn a.kakao { clear:both; display:block; background-color:#fce41d; font-size:14px; color:#333; font-family:'s-core-dream-medium'; line-height:40px; height:40px; border-radius:3px; }
#sub .phone-detail form .price-info .apply-btn a.kakao img { vertical-align:middle; margin:0 5px 0 0; }

/* 상세페이지 공통 */
#sub.detail #phone_result.top .detail_tab { position:fixed; top:0; width:1200px; background-color:#fff; padding:20px 0; z-index:50000; }
#sub.detail #phone_result.top .detail_tab_wrap { min-height:24px; }

#sub.detail #phone_result.top .ver2 .detail_tab { position:fixed; top:0; width:776px; background-color:#fff; padding:0; }
#sub.detail #phone_result.top .ver2 .detail_tab_wrap { min-height:36px; }

#sub.detail #phone_result.top .phone-detail.ver3 .detail_tab { padding:0; width:830px; z-index:50000; }
#sub.detail #phone_result.top .phone-detail.ver3 .detail_tab_wrap { min-height:35px; }

#sub.detail .review { display:none; }
#sub.detail .review_table { display:block; }
#sub.detail .popup .review { display:block; }
#sub.detail .popup .review colgroup { width:100%; }

#sub.detail .review_table { margin:20px 0 0; }
#sub.detail .review_table .wrap { margin:0 auto 30px; padding:0; }
#sub.detail .scroll_contents { padding:0 0 60px; }

/* 상세페이지 ver1-1 */
#sub .phone-detail.ver1-1 form .phone .phone-info .phone-form table tbody tr th { font-size:15px; }
#sub .phone-detail.ver1-1 form .phone .phone-info .phone-form table tbody tr td { padding:10px 0; }
#sub .phone-detail.ver1-1 form .phone .phone-info .phone-form table tbody tr td label { font-size:15px; padding:10px 0; line-height:22px; }
#sub .phone-detail.ver1-1 form .phone .phone-info .phone-form { padding:5px 3px 0; }
#sub .phone-detail.ver1-1 form .phone .phone-info .phone-form table tbody tr td.color { padding:10px 0 24px; }
#sub .phone-detail.ver1-1 form .phone .phone-info .phone-form table tbody tr td.color span { font-size:13px; bottom:1px; }
#sub .phone-detail.ver1-1 form .phone .phone-info .phone-form table tbody tr td.color label { padding:0; }
#sub .phone-detail.ver1-1 form .phone .phone-info .phone-form table tbody tr td label span.best { font-size:12px; width:30px; height:30px; line-height:30px; }
#sub .phone-detail.ver1-1 form .phone .phone-info .phone-form table tbody tr.tong td label { padding:0; }
#sub .phone-detail.ver1-1 form .phone .phone-info .phone-form table tbody tr.tong td label { height:41px; line-height:41px; }
#sub .phone-detail.ver1-1 form .phone .phone-info .phone-form table tbody tr td > p b { font-size:12px; }
#sub .phone-detail.ver1-1 form .phone .phone-info .phone-form table tbody tr td > p { font-size:12px; padding:8px 0 0; }
#sub .phone-detail.ver1-1 form .phone .phone-info .phone-form table tbody tr td .plan a { padding:12px 10px; }
#sub .phone-detail.ver1-1 form .phone .phone-info .phone-form table tbody tr td .plan a span { font-size:15px; }
#sub .phone-detail.ver1-1 form .phone .phone-info .phone-form table tbody tr td .plan01 a { padding:0; }
#sub .phone-detail.ver1-1 form .phone .phone-info .phone-form table tbody tr td .plan01 a span { margin:10px; padding:0; }
#sub .phone-detail.ver1-1 form .phone .phone-info .phone-form table tbody tr td .plan01 a span b { font-size:15px; }
#sub .phone-detail.ver1-1 form .phone .phone-info .phone-form table tbody tr td .plan01 a span { font-size:16px; }
#sub .phone-detail.ver1-1 form .phone .phone-info .phone-form table tbody tr td .plan01 .plan-txt li { font-size:15px; line-height:22px; }
#sub .phone-detail.ver1-1 form .phone .phone-info .phone-form table tbody tr td > p b { padding:2px 7px; }
#sub .phone-detail.ver1-1 form .phone .phone-info .phone-form table tbody tr td > p b { margin:0 3px 0 0; }

#sub .phone-detail.ver1-1 form .phone .phone-info .phone-form table tbody tr td label { margin:0 0 0 2%; }
#sub .phone-detail.ver1-1 form .phone .phone-info .phone-form table tbody tr td.can2 label { width:49%; }
#sub .phone-detail.ver1-1 form .phone .phone-info .phone-form table tbody tr td.can4 label { width:23.5%; }
#sub .phone-detail.ver1-1 form .phone .phone-info .phone-form table tbody tr td .plan a span b:after { height:15px; }

#sub .phone-detail.ver1-1 form .price-info ul.price-list { padding:12px 20px 15px; }

#sub .phone-detail.ver1-1 form .price-info ul.price-list li p { font-size:15px; position:relative;}
#sub .phone-detail.ver1-1 form .price-info ul.price-list li p.choice_p strong { font-size:14px; display:block; padding:2px 0 0; }
#sub .phone-detail.ver1-1 form .price-info ul.price-list li p.choice_p span { position:absolute; top:50%; right:0; transform:translate(0,-50%); }
#sub .phone-detail.ver1-1 form .price-info ul.price-list li.one p { font-size:17px; }
#sub .phone-detail.ver1-1 form .price-info ul.price-list li.one p b { font-size:19px; }
#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 { font-size:16px; }
#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 .txt p { font-size:14px; line-height:22px; }
#sub .phone-detail.ver1-1 form .price-info .txt { padding:10px 3px; }
#sub .phone-detail.ver1-1 form .price-info .apply-btn a.kakao { font-size:18px; height:50px; line-height:50px; }
#sub .phone-detail.ver1-1 form .price-info .apply-btn button.apply { font-size:18px; line-height:50px; margin:0 0 9px; }
#sub .phone-detail.ver1-1 form .price-info .apply-btn button.jjim { margin:0 9px 9px 0; line-height:50px; width:calc(30% - 9px); }


/* 상세페이지 ver2 */
#sub .phone-detail.ver2 form .price-info { border:0; background-color:#fff; border:1px solid #dcdcdc; margin:0; padding:0 17px; }
#sub .phone-detail.ver2 form .price-info .apply-btn { border-top:1px solid #dcdcdc; }
#sub .phone-detail.ver2 form .price-info .apply-btn a.kakao { font-size:14px; clear:none; float:left; font-family:'s-core-dream-bold'; margin:0 0 6px; font-weight:500; width:70%; border-radius:3px; line-height:40px; }
#sub .phone-detail.ver2 form .price-info .apply-btn button.apply { clear:both; display:block; width:100%; margin:0; }

#sub .phone-detail.ver2 .right_box { width:376px; position:relative; top:0; left:0; }
#sub .phone-detail.ver2 .right_box .phone-form { float:left; padding:7px 0 10px; box-sizing:border-box; }
#sub .phone-detail.ver2 .right_box .phone-form table {  }
#sub .phone-detail.ver2 .right_box .phone-form table tbody {  }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr {  }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr th { font-size:12px; color:#555; text-align:left; font-weight:400; font-family:'s-core-dream-regular'; vertical-align:middle; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr th.price { vertical-align:top; padding:20px 0 0; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr th.sale { padding:0 0 40px; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr th span { display:block; font-size:14px; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr.tong td label { padding:0; height:34px; line-height:34px; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr.tong td label img { height:24px !important; vertical-align:middle; margin:0 0 4px; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td { font-size:14px; color:#777; padding:8px 0; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td > p { font-size:11px; color:#333; font-family:'s-core-dream-regular'; padding:5px 0 0; clear:both; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td > p span { color:#f72f2f; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td > p b { font-size:10px; background-color:#323232; border-radius:3px; color:#fff; padding:2px 5px; font-weight:500; margin:0 3px 0 0; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td label { margin:0 0 0 4%; position:relative; line-height:18px; background-color:#f4f4f4; display:block; height:auto; background-image:none; border-radius:3px; border:1px solid #d3d3d3; color:#777; font-family:'s-core-dream-regular'; font-size:12px; float:left; box-sizing:border-box; text-align:center; padding:7px 0; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td input:first-child + label { margin:0; }
#sub .phone-detail.ver2 .right_box .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; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td.can2 label { width:48%; position:relative; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td.can3 label { width:30.66%; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td.can4 label { width:22%; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td.color { padding:5px 0 20px; position:relative; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td.color label { border-radius:3px; margin:0 5px 0 0 !important; padding:0; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td.color label div { width:33px; height:33px; border:1px solid #fff; border-radius:3px; box-sizing:border-box; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td.color span { position:absolute; bottom:2px; left:0; font-size:11px; color:#555; font-family:'s-core-dream-regular'; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td.color input[type="radio"]:checked + label { background:none; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td input[type="radio"] { opacity:0; overflow:hidden; width:0; height:0; position:absolute; top:0; left:0; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td input[type="radio"]:checked + label { background:#fff; font-weight:500; font-family:'s-core-dream-medium'; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td label:before { display:none; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td input[type="radio"]:checked + label:before { display:none; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td .plan { position:relative; border:1px solid #d3d3d3; border-radius:3px; background:url('../img/common/btn-select.png') no-repeat 96% 50%; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td .plan a { display:block; padding:0 10px; background: url(../img/common/btn-select.png) no-repeat 96% 50%; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td .plan a span { font-size:12px; color:#777; font-family:'s-core-dream-regular'; line-height:33px; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td .plan01 a { padding:0; background:none; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td .plan01 a span { background: url(../img/common/btn-select.png) no-repeat 96% 50%; color:#333; font-size:14px; font-family:'s-core-dream-medium'; padding:0 10px; box-sizing:border-box; display:block; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td .plan a span b { font-size:12px; color:#999; font-weight:400; font-family:'s-core-dream-regular'; padding:0 0 0 5px; margin:0 0 0 5px; position:relative; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td .plan a span b:after { display:block; width:1px; height:10px; background-color:#969696; content:''; position:absolute; top:50%; left:0; transform:translate(0,-50%); }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td .plan a span b strong { color:#333; font-family:'s-core-dream-bold'; font-weight:400; }
#sub .phone-detail.ver2 .right_box .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.ver2 .right_box .phone-form table tbody tr td .plan .plan-txt li { background-color:#f4f4f4; padding:4px 0; }
#sub .phone-detail.ver2 .right_box .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.ver2 .right_box .phone-form table tbody tr td .plan01 .plan-txt li b {  }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td .plan .plan-txt li p { font-weight:500; color:#323232; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td .plan .plan-txt li p span { color:#f72f2f; font-size:14px; }
#sub .phone-detail.ver2 .right_box .phone-form table tbody tr td .plan .plan-txt li p span b { font-size:12px; }

#sub .phone-detail.ver2 .left_box { width:776px; float:left; }


#sub .phone-detail.ver2 .left_box ul.detail_tab { border-bottom:1px solid #dcdcdc; margin:0 0 15px; background-color:#fff; z-index:10000; width:776px; }
#sub .phone-detail.ver2 .left_box ul.detail_tab.top { position:fixed; top:0; }
#sub .phone-detail.ver2 .left_box ul.detail_tab li { display:inline-block; position:relative; border:0; width:auto; margin:0; }
#sub .phone-detail.ver2 .left_box ul.detail_tab li a { color:#999; font-size:12px; display:block; font-family:'s-core-dream-regular'; padding:8px 13px; margin:0 12px; }
#sub .phone-detail.ver2 .left_box ul.detail_tab li:first-child a { margin:0 12px 0 0; }
#sub .phone-detail.ver2 .left_box ul.detail_tab li:after { display:block; content:''; background-color:#999; width:1px; height:10px; position:absolute; top:50%; left:0; transform:translate(0,-50%); }
#sub .phone-detail.ver2 .left_box ul.detail_tab li:first-child:after { display:none; }
#sub .phone-detail.ver2 .left_box ul.detail_tab li.on a { color:#333; font-family:'s-core-dream-medium'; background-color:#fff; border-bottom:3px solid #333; }
#sub .phone-detail.ver2 .left_box ul.detail_tab li.on a:hover { background-color:#fff; }
#sub .phone-detail.ver2 .left_box ul.detail_tab li a:hover { background-color:#f5f5f5; border-radius:2px; }
#sub .phone-detail.ver2 .left_box ul.detail_tab li a b { font-size:10px; font-weight:400; font-family:'s-core-dream-regular'; color:#fff; border-radius:2px; background-color:#9f9f9f; padding:3px 4px; margin:0 0 0 5px; }

#sub .phone-detail.ver2 .left_box .phone { margin:0 0 18px !important; padding:0; box-sizing:border-box; float:none; overflow:hidden; border:1px solid #dcdcdc; width:100%; position:relative; }
#sub .phone-detail.ver2 .left_box .phone:after { width:500px; height:1px; background-color:#222; display:block; content:''; position:absolute; top:70px; left:109px; }
#sub .phone-detail.ver2 .left_box .phone:before { width:10px; height:1px; background-color:#222; display:block; content:''; position:absolute; top:66px; right:166px; transform:rotate(45deg); }
#sub .phone-detail.ver2 .left_box .phone .img { width:102px; height:102px; float:left; background-size:60%; background-position:center; background-repeat:no-repeat; }
#sub .phone-detail.ver2 .left_box .phone .price { float:left; width:calc(100% - 102px); overflow:hidden; box-sizing:border-box; }
#sub .phone-detail.ver2 .left_box .phone .price div { float:left; box-sizing:border-box; }
#sub .phone-detail.ver2 .left_box .phone .price .info { width:40%; padding:22px 0 22px 10px; box-sizing:border-box; }
#sub .phone-detail.ver2 .left_box .phone .price .info p { color:#323232; font-size:16px; font-family:'s-core-dream-medium'; margin:0 0 14px; }
#sub .phone-detail.ver2 .left_box .phone .price .info span { font-size:18px; color:#999; font-family:'s-core-dream-medium'; }
#sub .phone-detail.ver2 .left_box .phone .price .info span b { font-size:12px; font-family:'s-core-dream-regular'; font-weight:400; }
#sub .phone-detail.ver2 .left_box .phone .price .sale { width:20%; padding:22px 0; }
#sub .phone-detail.ver2 .left_box .phone .price .sale span { color:#f72f2f; font-size:14px; font-family:'s-core-dream-medium'; line-height:60px; }
#sub .phone-detail.ver2 .left_box .phone .price .sale span b { font-size:18px; font-family:'s-core-dream-bold'; }
#sub .phone-detail.ver2 .left_box .phone .price .oneprice { width:40%; text-align:right; padding:22px 60px 22px 0; box-sizing:border-box; }
#sub .phone-detail.ver2 .left_box .phone .price .oneprice p { font-size:14px; color:#333; font-family:'s-core-dream-regular'; margin:0 0 14px; }
#sub .phone-detail.ver2 .left_box .phone .price .oneprice span { color:#f72f2f; font-family:'s-core-dream-regular'; }
#sub .phone-detail.ver2 .left_box .phone .price .oneprice span b { font-size:18px; font-weight:400; font-family:'s-core-dream-medium'; }
#sub .phone-detail.ver2 .left_box .bill { margin:18px 0; }
#sub .phone-detail.ver2 .left_box .bill:after { left:240px; }
#sub .phone-detail.ver2 .left_box .bill:before { right:242px; }
#sub .phone-detail.ver2 .left_box .bill > ul > li { width:33.3%; }
#sub .phone-detail.ver2 .left_box .bill > ul > li:first-child .top { padding:0; }
#sub .phone-detail.ver2 .left_box .bill > ul > li .txt > ul > li { padding:0 20px; }
#sub .phone-detail.ver2 .left_box .bill > ul > li:last-child .txt > ul > li { padding:7px 12px; }
#sub .phone-detail.ver2 .left_box .bill > ul > li.b_box { border-right:0; }
#sub .phone-detail.ver2 .left_box .info_img { margin:90px 0 30px; padding:0; }
#sub .phone-detail.ver2 .left_box .info_img .wrap { width:auto; }
#sub .phone-detail.ver2 .left_box .info_img img { width:100%; }
#sub .phone-detail.ver2 .left_box .review { margin:0 0 30px; }
#sub .phone-detail.ver2 .left_box .review .wrap { width:100%; }
#sub .phone-detail.ver2 .left_box .onetoone-table {  }
#sub .phone-detail.ver2 .left_box .onetoone-table .wrap { width:100%; }
#sub .phone-detail.ver2 .left_box .onetoone-table table { width:100%; }
#sub .phone-detail.ver2 .left_box .inquiry_tab { margin:100px 0 0; }
#sub .phone-detail.ver2 .left_box .inquiry_tab .wrap { width:100%; }
#sub .phone-detail.ver2 .left_box .inquiry_tab ul { width:100%; }
#sub .phone-detail.ver2 .left_box .mypage-qna .wrap { width:100%; }
#sub .phone-detail.ver2 .left_box .mypage-qna .apply-box > ul { width:100%; }
#sub .phone-detail.ver2 .left_box ol.cons_btn { width:100%; margin:-100px auto 0; }
#sub .phone-detail.ver2 .left_box .page { margin:0 0 60px; }


#sub .phone-detail.ver3 {  }
#sub .phone-detail.ver3 .phone-name { color:#333; padding:0 0 15px; position:relative; }
#sub .phone-detail.ver3 .phone-name .tong { position:absolute; top:50%; left:0; transform:translate(0,-50%); }
#sub .phone-detail.ver3 .phone-name .tong img { padding:0 0 15px; }
#sub .phone-detail.ver3 .phone-name > p { font-size:24px; display:inline-block; margin:0 7px; color:#333; font-family:'s-core-dream-bold'; }
#sub .phone-detail.ver3 .phone-name .speed { font-size:12px; color:#333; border:1px solid #333; line-height:27px; padding:0 3px; border-radius:3px; font-weight:500; margin:0 4px 0 0; font-family:'s-core-dream-regular'; }

#sub .phone-detail.ver3 .phone-name .icon { display:inline-block; transform:translateY(-7px); }
#sub .phone-detail.ver3 .phone-name .icon img { margin:0 3px 0 0; height:30px !important; }
#sub .phone-detail.ver3 .phone-name .icon img.twink { animation:twink 1.8s ease-in-out infinite alternate; }
#sub .phone-detail.ver3 .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.ver3 .phone-name .color { font-size:14px; }


#sub .phone-detail.ver3 .wrap { width:1130px; }
#sub .phone-detail.ver3 .left_box { width:830px; overflow:hidden; float:left; }
#sub .phone-detail.ver3 .left_box .phone .phone-info .phone-form table tbody tr td label { padding:14px 0; }
#sub .phone-detail.ver3 .left_box .phone .phone-info .phone-form table tbody tr td.color label { padding:0; }
#sub .phone-detail.ver3 .left_box .phone .phone-info .phone-form table tbody tr td input[type="radio"]:checked + label { border:1px solid #000 !important; color:#000 !important; }
#sub .phone-detail.ver3 .left_box .phone .phone-info .phone-img { width:330px; }
#sub .phone-detail.ver3 .left_box .phone .phone-info .phone-form { margin:0; width:500px; }
#sub .phone-detail.ver3 .left_box .phone .phone-info .phone-form table tbody tr td label span.best { background-color:#000 !important; }
#sub .phone-detail.ver3 .left_box .phone .phone-info .phone-form table tbody tr td label { font-size:14px; }
#sub .phone-detail.ver3 .left_box .phone .phone-info .phone-form table tbody tr.tong td label { padding:5px 0; height:50px; line-height:37px; }
#sub .phone-detail.ver3 .left_box .phone .phone-info .phone-form table tbody tr td .plan a { padding:10px; }
#sub .phone-detail.ver3 .left_box .phone .phone-info .phone-form table tbody tr td .plan01 a { padding:0; background-color:#fff; }
#sub .phone-detail.ver3 .right_box { position:relative; left:0; top:0; font-family:'s-core-dream-medium'; box-sizing:border-box; width:260px; }
#sub .phone-detail.ver3 .right_box .apply-btn { text-align:center; box-sizing:border-box; overflow:hidden; }
#sub .phone-detail.ver3 .right_box .apply-btn button { float:left; }
#sub .phone-detail.ver3 .right_box .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:5px; line-height:40px; }
#sub .phone-detail.ver3 .right_box .apply-btn a.kakao { font-size:16px; color:#333; line-height:50px; height:50px; float:left; display:block; background-color:#fce41d; font-size:14px; color:#333; font-family:'s-core-dream-medium'; border-radius:5px; width:70%; }
#sub .phone-detail.ver3 .right_box .apply-btn a.kakao img { vertical-align:middle; margin:0 5px 0 0; }
#sub .phone-detail.ver3 .right_box .apply-btn button.apply { width:100%; font-size:18px; font-family:'s-core-dream-medium'; height:50px; }
#sub .phone-detail.ver3 .right_box .bill:after { display:none; }
#sub .phone-detail.ver3 .right_box .bill:before { display:none; }
#sub .phone-detail.ver3 .right_box .bill { margin:0 0 1px; }
#sub .phone-detail.ver3 .right_box .bill > ul { border:0; }
#sub .phone-detail.ver3 .right_box .bill > ul > li { width:100%; margin:0 0 8px; border:0; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
#sub .phone-detail.ver3 .right_box .bill > ul > li .top { border:0; padding:0 14px; height:auto; }
#sub .phone-detail.ver3 .right_box .bill > ul > li:first-child .top { padding:0 14px; }
#sub .phone-detail.ver3 .right_box .bill > ul > li .top .price { padding:0; font-size:14px; text-align:left; overflow:hidden; height:45px; }
#sub .phone-detail.ver3 .right_box .bill > ul > li .top .price strong { font-weight:400; }
#sub .phone-detail.ver3 .right_box .bill > ul > li .top .price .left { float:left; line-height:45px; }
#sub .phone-detail.ver3 .right_box .bill > ul > li .top .price .right { float:right; line-height:45px; }
#sub .phone-detail.ver3 .right_box .bill > ul > li .top .price b { font-size:10px; }
#sub .phone-detail.ver3 .right_box .bill > ul > li .txt > ul > li { padding:0 20px; border:0; border-bottom:1px dotted #d1d1d1; }
#sub .phone-detail.ver3 .right_box .bill > ul > li:last-child .txt > ul { border:0; }
#sub .phone-detail.ver3 .right_box .bill > ul > li:last-child .txt > ul > li > p { padding:8px 0; }
#sub .phone-detail.ver3 .right_box .bill > ul > li:last-child .top { height:100px; border-top:1px solid #dcdcdc; }
#sub .phone-detail.ver3 .right_box .bill > ul > li:last-child .top div { border:1px solid #dcdcdc; position:absolute; top:50%; left:50%; width:98%; height:96%; transform:translate(-50%,-50%); }
#sub .phone-detail.ver3 .right_box .bill > ul > li:last-child .top .price {  }
#sub .phone-detail.ver3 .right_box .bill > ul > li:last-child .top .price .left { padding:0 0 0 10px; }
#sub .phone-detail.ver3 .right_box .bill > ul > li:last-child .top .price .right { position:absolute; bottom:0; right:14px; }
#sub .phone-detail.ver3 .right_box .bill > ul > li .top .price span.txt2 { margin:0; display:inline; }
#sub .phone-detail.ver3 .right_box .bill > ul > li .txt > ul > li.oneprice span:after { background-color:#f3fe39; }

#sub .phone-detail.ver3 .right_box .apply-btn button { float:left; }
#sub .phone-detail.ver3 .right_box .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.ver3 .right_box .apply-btn button.jjim img { vertical-align:middle; margin:0 0 4px; height:20px !important; }
#sub .phone-detail.ver3 .right_box .apply-btn button.jjim img.on { display:none; }
#sub .phone-detail.ver3 .right_box .apply-btn button.jjim.on img { display:none; }
#sub .phone-detail.ver3 .right_box .apply-btn button.jjim.on img.on { display:inline; }

#sub .phone-detail.ver3 .left_box .info_img { margin:0 0 30px; padding:0; }
#sub .phone-detail.ver3 .left_box .info_img .wrap { width:auto; }
#sub .phone-detail.ver3 .left_box .info_img img { width:100%; }
#sub .phone-detail.ver3 .left_box .review { margin:0 0 30px; }
#sub .phone-detail.ver3 .left_box .review .wrap { width:100%; }
#sub .phone-detail.ver3 .left_box .onetoone-table {  }
#sub .phone-detail.ver3 .left_box .onetoone-table .wrap { width:100%; }
#sub .phone-detail.ver3 .left_box .onetoone-table table { width:100%; }
#sub .phone-detail.ver3 .left_box .inquiry_tab { margin:100px 0 0; }
#sub .phone-detail.ver3 .left_box .inquiry_tab .wrap { width:100%; }
#sub .phone-detail.ver3 .left_box .inquiry_tab ul { width:100%; }
#sub .phone-detail.ver3 .left_box .mypage-qna .wrap { width:100%; }
#sub .phone-detail.ver3 .left_box .mypage-qna .apply-box > ul { width:100%; }
#sub .phone-detail.ver3 .left_box ol.cons_btn { width:100%; margin:-100px auto 0; }
#sub .phone-detail.ver3 .left_box .page { margin:0 0 60px; }

#sub .phone-detail.ver3 .phone .phone-info { padding:0 0 100px; }
#sub .phone-detail.ver3 .left_box ul.detail_tab { border-bottom:1px solid #dcdcdc; margin:0 0 15px; padding:0; clear:both; }
#sub .phone-detail.ver3 .left_box ul.detail_tab li { display:inline-block; position:relative; border:0; width:auto; margin:0; }
#sub .phone-detail.ver3 .left_box ul.detail_tab li a { color:#999; font-size:12px; display:block; font-family:'s-core-dream-regular'; padding:8px 13px; margin:0 12px; }
#sub .phone-detail.ver3 .left_box ul.detail_tab li:first-child a { margin:0 12px 0 0; }
#sub .phone-detail.ver3 .left_box ul.detail_tab li:after { display:block; content:''; background-color:#999; width:1px; height:10px; position:absolute; top:50%; left:0; transform:translate(0,-50%); }
#sub .phone-detail.ver3 .left_box ul.detail_tab li:first-child:after { display:none; }
#sub .phone-detail.ver3 .left_box ul.detail_tab li.on a { color:#333; font-family:'s-core-dream-medium'; background-color:#fff; border-bottom:3px solid #333; }
#sub .phone-detail.ver3 .left_box ul.detail_tab li.on a:hover { background-color:#fff; }
#sub .phone-detail.ver3 .left_box ul.detail_tab li a:hover { background-color:#f5f5f5; border-radius:2px; }
#sub .phone-detail.ver3 .left_box ul.detail_tab li a b { font-size:10px; font-weight:400; font-family:'s-core-dream-regular'; color:#fff; border-radius:2px; background-color:#9f9f9f; padding:3px 4px; margin:0 0 0 5px; }


/*데이터요금표 팝업*/
.popup-price {  }
.popup-detail .tit { font-size:30px; color:#323232; text-align:center; margin:0 0 25px; font-family:'s-core-dream-bold'; }
.popup-detail .tit img { vertical-align:middle; margin:0 0 6px; }
.popup-detail .tit span {  }
.popup-detail .tit b { display:block; font-size:14px; color:#555; font-weight:400; font-family:'s-core-dream-regular'; padding:12px 0 0; }
.popup-detail .tit b strong { color:#ff1f1f; font-weight:400; }
.popup-price .table_wrap { max-height:550px; overflow-y:auto; }
.popup-price table { overflow:hidden; }
.popup-price table thead { color:#fff; }
.popup-price table thead tr {  }
.popup-price table thead tr td { font-size:18px; padding:17px 20px 15px; }
.popup-price table thead tr td p { overflow:hidden; line-height:46px; position:relative; }
.popup-price table thead tr td p .tit { font-size:24px; font-weight:700; color:#fff; position:relative; font-family:'s-core-dream-bold'; }
.popup-price table thead tr td p .tit b { color:#fff; font-size:14px; font-family:'s-core-dream-regular'; font-weight:400; border:1px solid #fff; border-radius:5px;
padding:0 4px; line-height:20px; display:inline-block; margin:0 0 3px 5px; vertical-align:middle; }
.popup-price table thead tr td p .right-txt { font-size:14px; font-family:'s-core-dream-regular'; float:right; line-height:46px; margin:3px 0 0; position:absolute; bottom:-6px; right:0; }
.popup-price table tbody { border:1px solid #e5e5e5; }
.popup-price table tbody tr { border-bottom:1px solid #e5e5e5; cursor:pointer; }
.popup-price table tbody tr:hover { background-color:#edeefd; }
.popup-price table tbody tr td { font-size:16px; padding:10px 0; text-align:center; font-family:'s-core-dream-regular'; position:relative; }
.popup-price table tbody tr td:first-child:after { display:none; }
.popup-price table tbody tr td:after { display:block; content:''; position:absolute; top:50%; left:0; transform:translate(0,-50%); background-color:#bfbfbf; width:1px; height:40px; }
.popup-price table tbody tr.on td { background-color:#e7f2ff; }
.popup-price table tbody tr td.name { padding:0 25px; text-align:left; }
.popup-price table tbody tr td span.txt-blue { color:#2f8bff; font-family:'s-core-dream-medium'; }
.popup-price table tbody tr td span.txt-blue b { font-family:'s-core-dream-bold'; }
.popup-price table tbody tr td p { font-size:14px; }
.popup-detail .form-sub-txt { margin:12px 0 0; padding:4px 0 0 10px; }
.popup-detail .form-sub-txt span { display:block; font-size:14px; color:#323232; padding:0 0 5px; font-family:'s-core-dream-regular'; }

.popup-card { padding:20px; background-color:#fafafa; }
.card-list { width:980px; text-align:center; position:relative; }
.card-list .arrow {  }
.card-list .arrow > span { position:absolute; top:45%; transform:translate(0,-50%); z-index:9999; }
.card-list .arrow > span a { display:block; width:37px; height:63px; background-image:url('../img/sub/phone-arrow.png'); }
.card-list .arrow .left { left:-80px; }
.card-list .arrow .left a { transform:rotate(180deg); }
.card-list .arrow .right { right:-80px; }
.card-list .arrow .right a {  }
.card-list ol { overflow:hidden; display:inline-block; }

.card-list ol > li { border:1px solid #c8c8c8; width:300px; float:left; margin:0 12px; min-height:561px; background-color:#fff; border-radius:3px; }
.card-list ol > li .card-img { position:relative; padding:30px 0 0; }
.card-list ol > li .card-img .best-label { position:absolute; top:2px; left:2px; font-size:14px;  width:64px; height:64px; background:url('../img/sub/icon_best_label.png'); display:none; color:#fff; line-height:40px; }
.card-list ol > li .card-img .best-label b { display:block; font-size:24px; font-weight:700; line-height:0; }
.card-list ol > li .card-img .img { height:140px; background:url('../img/sub/card.jpg') center no-repeat; display:block; background-size:contain; }
.card-list ol > li .card-img .name { font-size:16px; color:#323232; font-family:'s-core-dream-regular'; padding:7px 0; }
.card-list ol > li .card-img .phone { font-size:14px; color:#999; font-family:'s-core-dream-regular'; padding:4px 0 14px; display:block; border-bottom:1px dotted #cdcdcd; margin:0 10px; }

.card-list ol > li .money-list { text-align:left; margin:0 20px; padding:20px 0; border-bottom:1px dotted #cdcdcd; min-height:228px; }
.card-list ol > li .money-list ul {  }
.card-list ol > li .money-list ul li { margin:0 0 20px; }
.card-list ol > li .money-list ul li:last-child { margin:0; }
.card-list ol > li .money-list ul li .txt-btn { color:#969696; font-size:14px; overflow:hidden; margin:0 0 5px; }
.card-list ol > li .money-list ul li .txt-btn span { position:relative; padding:0 0 0 10px; font-size:14px; color:#999; font-family:'s-core-dream-regular'; }
.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; }
.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 5px; }
.card-list ol > li .money-list ul li .txt { font-size:14px; }
.card-list ol > li .money-list ul li .txt span { font-family:'s-core-dream-regular'; }
.card-list ol > li .money-list ul li .txt span b { color:#2f8bff; font-weight:400; font-family:'s-core-dream-bold'; }
.card-list ol > li .money-list ul li .txt span strong { color:#2f8bff; font-weight:500; font-family:'s-core-dream-bold'; }
.card-list ol > li .more { font-size:14px; color:#323232; font-family:'s-core-dream-regular'; display:inline-block; border:1px solid #323232; border-radius:17.5px; padding:7px 34px; margin:15px 0; }
.popup-card .form-sub-txt { margin:12px 0; }
.popup-card .tit { margin:20px 0; }


/*사은품 선택하기 팝업*/
.popup-gift { width:1100px; padding:20px 64px; position:relative; }
.popup-gift .arrow {  }
.popup-gift .arrow > span { position:absolute; top:50%; transform:translate(0,-50%); }
.popup-gift .arrow > span a { display:block; width:34px; height:58px; background-image:url('../img/sub/phone-arrow.png'); opacity:0.3; }
.popup-gift .arrow .left { left:20px; }
.popup-gift .arrow .left a { transform:rotate(180deg); }
.popup-gift .arrow .right { right:20px; }
.popup-gift .arrow .right a { opacity:1; }

.popup-gift form { overflow:hidden; }
.popup-gift form .gift-list { float:left; width:640px; }
.popup-gift form .gift-list ul { overflow:hidden; }
.popup-gift form .gift-list ul li { width:200px; float:left; border:1px solid #c8c8c8; height:252px; margin:0 10px 10px 0; position:relative; }
.popup-gift form .gift-list ul li:nth-child(3n) { margin:0 0 10px 0; }
.popup-gift form .gift-list ul li input[type="checkbox"] { opacity:0; overflow:hidden; width:0; height:0; position:absolute; top:0; left:0; }
.popup-gift form .gift-list ul li input[type="checkbox"] + label {  }
.popup-gift form .gift-list ul li input[type="checkbox"]:checked + label { height:100%; }
.popup-gift form .gift-list ul li input[type="checkbox"]:checked + label .img > div { background:url('../img/sub/gift-select.png'); }
.popup-gift form .gift-list ul li input[type="checkbox"]:checked + label .txt { background-color:#989898; border-color:#7d7d7d; }
.popup-gift form .gift-list ul li label { display:block; }
.popup-gift form .gift-list ul li label .check-img {  }
.popup-gift form .gift-list ul li label .img { background:url('../img/sub/gift.jpg') center no-repeat; }
.popup-gift form .gift-list ul li:nth-child(2) label .img { background:url('../img/sub/gift2.jpg') center no-repeat; }
.popup-gift form .gift-list ul li label .img > div { height:201px; margin:0 0 51px; line-height:200px; text-align:center; }
.popup-gift form .gift-list ul li label .txt { position:absolute; width:100%; bottom:0; left:0; background-color:#f5f5f5; text-align:center; border-top:1px solid #c8c8c8; padding:5px 0; }
.popup-gift form .gift-list ul li label .txt p { font-size:14px; color:#323232; font-weight:400; }
.popup-gift form .gift-list ul li label .txt span { font-size:14px; color:#1d14d0; font-weight:700; }
.popup-gift form .gift-txt { width:300px; float:right; padding:0 0 74px 0; height:444px; position:relative; }
.popup-gift form .gift-txt .border-wrap { padding:15px 15px 116px; border:1px solid #c8c8c8; }
.popup-gift form .gift-txt .gift-tit { background-color:#1182f0; color:#fff; font-size:14px; text-align:center; border-radius:5px; padding:5px 0; }
.popup-gift form .gift-txt .gift-tit span { display:block; font-size:42px; font-weight:700; line-height:40px; }
.popup-gift form .gift-txt .gift-tit span b { font-size:14px; font-weight:400; }
.popup-gift form .gift-txt ul { padding:20px 0 0; height:205px; overflow-y:auto; }
.popup-gift form .gift-txt ul li { border:0; margin:0; position:relative; padding:5px 0 5px 30px; }
.popup-gift form .gift-txt ul li:before { content:""; width:20px; height:20px; display:block; background:url(../img/sub/check-blue.png); position:absolute; left:0; top:7px; }
.popup-gift form .gift-txt ul li div { overflow:hidden; }
.popup-gift form .gift-txt ul li div p { display:inline-block; }
.popup-gift form .gift-txt ul li div span { float:right; }
.popup-gift form .gift-txt .over { font-size:14px; padding:0 0 10px; position:absolute; bottom:112px; }
.popup-gift form .gift-txt .over span { display:block; padding:2px 10px; }
.popup-gift form .gift-txt .money { background-color:#323232; color:#fff; position:absolute; bottom:59px; left:0; width:100%; padding:10px; box-sizing:border-box; overflow:hidden; line-height:30px; }
.popup-gift form .gift-txt .money span { font-size:24px; font-weight:700; color:#fff; float:right; }
.popup-gift .form-sub-txt { text-align:right; }
.popup-gift form .btn { position:absolute; bottom:0; width:100%; left:0; }
.popup-gift form .btn a { display:block; text-align:center; background-color:#f12735; color:#fff; font-size:18px; font-weight:700; padding:12px 0; border-radius:5px; }


/*로그인*/
.login { width:400px; margin:100px auto 0; border:1px solid #c8c8c8; padding:20px; box-sizing:border-box; }
.login > p { font-size:24px; font-weight:600; text-align:center; margin:0 0 30px; }
.login ul {  }
.login ul li { margin:0 0 7px; }
.login ul li a { display:block; position:relative; text-indent:130px; line-height:55px; border-radius:3px; color:#fff; font-size:16px; }
.login ul li a > div { position:absolute; top:50%; left:0; transform:translate(0, -50%); line-height:normal; text-indent:0; width:85px; text-align:center; }
.login ul li a > span { background:#fff; width:1px; height:20px; display:block; position:absolute; top:50%; left:85px; transform:translate(0, -50%); line-height:normal; text-indent:0; }
.login ul li.kakao a > span { background-color:#000; }
.login ul li.naver a { background-color:#26c825; }
.login ul li.google a { background-color:#e04a32; }
.login ul li.facebook a { background-color:#526fab; }
.login ul li.kakao a { background-color:#ffeb00; color:#000; }
.login ul li.member a { background-color:#7E00FF; color:#fff; }
.login ul li.member-non a { background-color:#4B4B4B; color:#fff; }
.login ul li.member-join a { background-color:#000; color:#fff; }

#sub .non-member-form { width:400px; margin:100px auto 0; border:1px solid #c8c8c8; padding:20px; box-sizing:border-box; text-align:center; }
#sub .non-member-form > p { font-size:24px; color:#000; font-weight:600; margin:0 0 5px; }
#sub .non-member-form > span { font-size:14px; color:#646464; display:block; margin:0 0 8px; }
#sub .non-member-form form {  }
#sub .non-member-form form tbody {  }
#sub .non-member-form form tbody tr {  }
#sub .non-member-form form tbody tr td { padding:5px 0; }
#sub .non-member-form form tbody tr td span { margin:0 4px; }
#sub .non-member-form form tbody tr td input[type="email"] ,
#sub .non-member-form form tbody tr td input[type="text"] { border:1px solid #969696; height:35px; padding:0 0 0 5px; margin:0 -4px; }
#sub .non-member-form form tbody tr td input[type="email"] ,
#sub .non-member-form form tbody tr td input[type="text"].name ,
#sub .non-member-form form tbody tr td input[type="text"].pw { width:100%; }
#sub .non-member-form form tbody tr td input[type="text"].p-num { width:76px; }
#sub .non-member-form form tbody tr td input[type="password"] { border:1px solid #969696; height:35px; padding:0 0 0 5px; width:100%; }
#sub .non-member-form .btn { margin:20px 0 0; }
#sub .non-member-form .btn button { font-size:24px; color:#fff; font-weight:600; background-color:#f72f2f; width:100%; border-radius:3px; height:55px; line-height:55px; }

/* 로그인 */
#sub .login_box { width:380px; margin:0 auto; padding:45px 0; 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 { width:318px; }
#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 span.guide { background-color:#fafafa; font-size:12px; color:#555; font-family:'s-core-dream-regular'; display:block; padding:12px 0 9px; border-radius:5px; }
#sub .login_box span.guide img { margin:0 4px 0 7px; }
#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:0 0 2px 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:7px 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; padding: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:15px 0 0; 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 a { width:57px; height:57px; 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.jpg'); }
#sub .login_box .sns ul li.kakao a { background-color:#fee500; background-image:url('../img/sub/login_kakao.jpg'); }
#sub .login_box .sns ul li.apple a { background-color:#000; background-image:url('../img/sub/login_apple.jpg'); }
#sub .login_box .banner { margin:10px 0 35px; }
#sub .login_box .banner a {  }
#sub .login_box .banner a img {  }

#sub .join_box { padding:160px 0 0; }
#sub .join_box .wrap { width:1140px; text-align:center; }
#sub .join_box .form { width:356px; display:inline-block; text-align:left; }
#sub .join_box img.img { display:inline-block; max-width:640px; margin:0 0 0 135px; }
#sub .join_box h5 { font-size:30px; font-family:'s-core-dream-bold'; display:block; }
#sub .join_box span.massage { font-size:14px; 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:312px; }
#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; }
#sub .join_box .chk input[type="checkbox"] {  }
#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:5px 0 5px 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 .board-form { padding:80px 0 0; }
#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 20px 5px; color:#999; vertical-align:middle; background-color:#fdfdfd; cursor:pointer; border:1px solid #ddd; }
#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; }

#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:20px 0 10px; border-top:1px solid #ddd; padding:50px 0 0; }
#sub .board-form form .btn a ,
#sub .board-form form .btn button { font-size:18px; border:1px solid #000; padding:5px 20px; display:inline-block; vertical-align:top; }
#sub .popup-wrap .review .img-editor { font-family:'s-core-dream-regular'; margin:0 0 10px; box-sizing:border-box; position:relative; line-height:35px; height:35px; text-align:center; background-color:#f1f1f1; font-size:15px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; }
#sub .popup-wrap .review .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 .img-editor { margin:0 0 10px; box-sizing:border-box; position:relative; line-height:55px; height:55px; text-align:center; background-color:#f1f1f1; font-size:17px; 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 .finish_box {  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 0 27px; }
#sub .finish_box p.tit { font-size:24px; font-family:'s-core-dream-medium'; text-align:left; padding:10px 0; 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_step1.png'); }
#sub .finish_box ul.box li.step2 .img { background-image:url('../img/sub/finish_step2.png'); }
#sub .finish_box ul.box li.step3 .img { background-image:url('../img/sub/finish_step3.png'); }
#sub .finish_box ul.box li.step4 .img { background-image:url('../img/sub/finish_step4.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; }


/**/