@charset 'utf-8';

/*
	copyright(c) 상상너머·원데이넷 all rights reserved.
	허용된 라이센스이외 무단도용재배포를 금합니다.
*/

/* ●●●●●●●●●● 입력폼테이블 */
.cm_order_form {background:#fbfbfb; border-top:2px solid #333; position:relative;}
.cm_order_form ul {overflow:hidden}
.cm_order_form li {list-style:none; position:relative; border-bottom:1px solid #dedede; width:100%; clear:both}
.cm_order_form .opt {position:absolute; left:15px; top:50%; margin-top:-6px; color:#666; background:transparent url('../images/cm_images/member_form_bullet.png') left 3px no-repeat; padding-left:15px;}
.cm_order_form .opt {line-height:1.3; white-space:nowrap; font-size:12px !important;}
.cm_order_form .ess .opt {background-image:url('../images/cm_images/member_form_bullet2.png')}
.cm_order_form .value {margin-left:145px; background:#fff; border-left:1px solid #dedede; overflow:hidden; padding:12px 12px 11px 12px; line-height:18px; letter-spacing:0px; color:#666;}
.cm_order_form .value strong {color:#ff0000; font-weight:600; font-size:13px; letter-spacing:0px;}
.cm_order_form .text_multi {overflow:hidden;}
.cm_order_form .text_multi dt {color:#000; padding:8px 0}
.cm_order_form .text_multi dd {border-top:1px dotted #ddd; padding:8px 0}
.cm_order_form .double {float:left; width:50%; clear:none}
.cm_order_form .input_design {width:100%; background:#fff; border:1px solid #ddd; height:34px; line-height:33px; padding-left:10px; float:left; color:#666; letter-spacing:0px; box-sizing:border-box;}
.cm_order_form .input_design:focus {border-color:#999; color:#000}
.cm_order_form .input_double {overflow:hidden; clear:both; }
.cm_order_form .input_double .input_wrap {margin-top:10px; width:50%; float:left; }
.cm_order_form .input_double .input_wrap:first-of-type div {margin-right:10px}
.cm_order_form .textarea_design {background:#fff; border:1px solid #ddd; padding:10px; color:#666; width:100%; line-height:1.4; height:100px; box-sizing:border-box;}
.cm_order_form .textarea_design:focus {border-color:#999; color:#000}
.cm_order_form .select_design {padding:0 0 0 8px; height:36px; line-height:36px; width:100%; border:1px solid #ddd; color:#888; box-sizing:border-box; }
.cm_order_form .select_design:focus {border-color:#999; color:#000}
.cm_order_form .dash {float:left; margin:15px 5px 0 5px; font-size:15px; width:10px; height:1px; background:#ccc;}

.cm_order_form li.more_skin .opt {display:none;}
.cm_order_form li.more_skin .value {margin-left:0px; border-left:0;}
.cm_order_form li.more_skin .order_skin {margin-left:0px;}
.cm_order_form li.more_skin .order_skin .one_skin {width:25%; margin-left:0px; text-align:center; box-sizing:border-box; padding:20px 30px;}
.cm_order_form li.more_skin .order_skin .one_skin+ .one_skin {border-left:1px solid #ebebeb;}
.cm_order_form li.more_skin .order_skin .one_skin .skin_img {}
.cm_order_form li.more_skin .order_skin .one_skin .skin_img img {max-width:100%;}
.cm_order_form li.more_skin .order_skin .one_skin .label_design {margin-left:0; float:none}
.cm_order_form li.more_skin .order_skin .one_skin .label_design span { width:140px; box-sizing:border-box;}

.cm_order_form li.more_skin .order_skin .one_skin .button_pack {float:none; margin-left:0; margin-top:10px; margin-right:0px;}
.cm_order_form li.more_skin .order_skin .one_skin .button_pack a {width:130px; box-sizing:border-box; background:#fff !important; color:#333 !important; font-weight:600; border:0 !important;}
.cm_order_form li.more_skin .order_skin .one_skin .button_pack a {text-decoration:underline; font-size:14px;}


.length_box {position:relative;}
.length_view {position:absolute; right:0; bottom:0; margin:5px; opacity: 0.6; filter: alpha(opacity=60); -ms-filter:alpha(opacity=60);}



.cm_order_form .button_pack {float:left; margin-right:10px;}
.cm_order_form .texticon_pack {float:left; margin:7px 0 0 5px}

.cm_order_form .clear_wrap {overflow:hidden; float:none;}
.cm_order_form .clear_wrap+ .clear_wrap {margin-top:10px;}

.cm_order_form .tip_txt {clear:both; padding-top:5px; margin-left:5px}
.cm_order_form .tip_txt dd {line-height:1.8; padding-left:8px; color:#999; font-size:12px; position:relative;}
.cm_order_form .tip_txt dd:before {content:""; width:3px; height:3px; background:#999; position:absolute; left:0; top:7px;}
.cm_order_form .tip_txt dt {line-height:1.8; padding-left:8px; color:#666; font-size:12px; position:relative;}
.cm_order_form .tip_txt dt:before {content:""; width:3px; height:3px; background:#666; position:absolute; left:0; top:7px;}
.cm_order_form .tip_txt.this_float {overflow:hidden; padding-top:0px;}
.cm_order_form .tip_txt.this_float dl {float:right;}


.cm_order_form .input_design+ .label_design {margin-left:10px}
.cm_order_form .label_design {overflow:visible; float:left; position:relative; padding:0; border:0; border-radius:0px;}
.cm_order_form .label_design+ .label_design {margin-left:10px;}
.cm_order_form .label_design input {position:absolute; left:20px; top:50%; margin-top:-6px}
.cm_order_form .label_design span {color:#444; height:34px; line-height:35px; border:1px solid #ccc; border-radius:100px; padding:0 20px 0 40px; background:#fff; font-size:13px; letter-spacing:-0.5px;}
.cm_order_form .label_design strong {margin:0 8px;}
.cm_order_form .label_design:hover span {border:1px solid #999; color:#000;}
.cm_order_form .label_design input:checked+ span {color:#fff; background:#cb3726; border:1px solid #cb3726;}
.cm_order_form .label_design input:checked+ span strong {color:#fff;}
.cm_order_form label:hover {color:#ff0000; border:0; }
.cm_order_form .label_design+ .textarea_design { margin-top:10px; }

.cm_order_form .payway label {overflow:visible; float:left; position:relative; margin-right:10px;}
.cm_order_form .payway label span {text-align:center; border-radius:10px; width:140px; padding:75px 0 10px 0; border:1px solid #ddd; color:#000; position:relative;}
.cm_order_form .payway input {position:absolute; left:10px; top:10px; z-index:2}
.cm_order_form .payway label:hover span {background-color:#eee;}
.cm_order_form .payway label span:before {content:""; position:absolute; left:50%; top:17px; width:48px; height:48px; margin-left:-24px;}
.cm_order_form .payway .use_card span:before {background-image:url('../images/cm_images/shop_pay_card.png'); background-position:left top; background-repeat:no-repeat;}
.cm_order_form .payway .use_real span:before {background-image:url('../images/cm_images/shop_pay_real.png'); background-position:left top; background-repeat:no-repeat;}
.cm_order_form .payway .use_bank span:before {background-image:url('../images/cm_images/shop_pay_bank.png'); background-position:left top; background-repeat:no-repeat;}
.cm_order_form .payway input:checked+ span {color:#fff; background:#cb3726; border:1px solid #cb3726;}
.cm_order_form .payway input:checked+ span:before {background-position:right top;}

.cm_order_form .order_skin {overflow:hidden; margin-left:-30px; padding:10px;}
.cm_order_form .order_skin .one_skin {float:left; position:relative; margin-left:30px;}
.cm_order_form .order_skin .one_skin .label_design {float:left;}
.cm_order_form .order_skin .one_skin .button_pack {float:left; border-radius:100px; margin-left:10px; overflow:hidden;}
.cm_order_form .order_skin .one_skin .skin_img {overflow:hidden; padding-top:10px;; clear:both}

.cm_order_form .price {overflow:hidden;}
.cm_order_form .price .number {font-family:"rubik"; color:#cb3726; font-size:21px; float:left; line-height:24px;}
.cm_order_form .price .unit {float:left; font-size:15px; color:#333; line-height:26px;}
.cm_order_form .price .vat {float:left; color:#888; font-size:13px; line-height:26px; margin-left:3px;}
.cm_order_form .price .discount {float:left; margin-left:10px; overflow:hidden; }
.cm_order_form .price .texticon_pack {float:left; margin:0px; margin-right:5px;}
.cm_order_form .price .before {font-family:"rubik"; color:#999; font-size:18px; float:left; line-height:25px; font-weight:300; float:left; margin-right:10px; position:relative; padding:0 5px;}
.cm_order_form .price .before:before {content:""; width:100%; height:1px; background:#666; position:absolute; left:0; top:50%; margin-top:-2px;}


/* double 라인맞출때 */
.cm_order_form .adjust .value {height:36px; line-height:36px;}



.cm_order_form .traffic_double {float:left; width:50%; padding-right:10px; box-sizing:border-box; margin-top:10px;}
.cm_order_form .traffic_double:nth-of-type(1) {margin-top:0px;}
.cm_order_form .traffic_double:nth-of-type(2) {margin-top:0px;}
.cm_order_form .traffic_double .label_design {display:block; float:none; width:100%; }
.cm_order_form .traffic_double .label_design span {display:block; letter-spacing:0px; height:70px; border-radius:5px; font-weight:600; line-height:45px; padding-left:50px;}
.cm_order_form .traffic_double .label_design em {position:absolute; left:0; bottom:5px; width:100%; box-sizing:border-box; padding:0 20px 0 50px; }
.cm_order_form .traffic_double .label_design em i {font-size:12px; color:#999; font-weight:400; padding:0px; margin:0px; border-top:1px solid #eee; display:block; height:30px; line-height:30px;}
.cm_order_form .traffic_double .label_design input:checked+ span em i {color:#fff;}
.cm_order_form .traffic_double .label_design input:checked+ span em i {border-color:#a22c1e;}
.cm_order_form .traffic_double .label_design input:disabled+ span {background:#f8f8f8; color:#999; border-color:#ddd !important; cursor:no-drop}

.cm_order_form .traffic_free .box {overflow:hidden;}
.cm_order_form .traffic_free .label_design span {width:80px; box-sizing:border-box; padding-right:10px; font-size:12px; padding-left:30px;}
.cm_order_form .traffic_free .label_design input {left:15px}
.cm_order_form .traffic_free .tip_txt {height:50px; padding-top:10px; box-sizing:border-box;}



.cm_order_form .table {display:table; width:100%; box-sizing:border-box; table-layout:fixed}
.cm_order_form .table .td {display:table-cell; vertical-align:middle; padding:5px 0;}
.cm_order_form .table .this_btn {width:110px; text-align:right;}
.cm_order_form .table .this_btn .button_pack {margin:0px; float:none}








/* ●●●●●●●●●● 맞춤제작 리스트 */
.cm_ctmz_list {overflow:hidden; border-top:2px solid #333; }
.cm_ctmz_list div {display:table; width:100%;}
.cm_ctmz_list div dl {display:table-row; border-bottom:1px solid #ddd;}
.cm_ctmz_list dt,.cm_ctmz_list dd {display:table-cell; padding:10px 15px; font-size:13px; vertical-align:middle; }
.cm_ctmz_list dd {border-left:1px solid #ddd;}
.cm_ctmz_list dt {color:#000; text-align:center;}
.cm_ctmz_list .head * {color:#000 !important; text-align:center !important; background:#eee !important; border-bottom:1px solid #999; font-weight:400 !important}
.cm_ctmz_list .head dd {border-left:1px solid #999;}
.cm_ctmz_list .date {color:#ff6600; text-align:center;}
.cm_ctmz_list .price {text-align:right; color:#ff0000; font-weight:600;}
.cm_ctmz_list .conts {line-height:1.6; color:#1982b3;}
.cm_ctmz_list dl:hover {background:#f6f6f6;}


/* .cm_ctmz_list * {font-size:13px;}
.cm_ctmz_list dl {overflow:hidden; border-bottom:1px solid #ddd;}
.cm_ctmz_list dl:first-of-type { text-align:center;}
.cm_ctmz_list dl:first-of-type * {color:#000;}
.cm_ctmz_list dt, .cm_ctmz_list dd {float:left; padding:10px;}
.cm_ctmz_list dt {text-align:center; width:25%; color:#000;}
.cm_ctmz_list dd {position:relative;}
.cm_ctmz_list dd:before {content:""; background:#ddd; width:1px; height:500%; position:absolute; left:0; top:0;}
.cm_ctmz_list .date {width:15%;}
.cm_ctmz_list .price {width:15%;}
.cm_ctmz_list .conts {line-height:1.5;}
.cm_ctmz_list dl:hover {background:#fafafa;} */




/* ●●●●●●●●●● 맞춤제작 계산 */
.cm_ctmz_sum { overflow:hidden; border:1px solid #333; position:relative; margin-top:20px; background:#666; }
.cm_ctmz_sum dl {position:relative; float:left; width:33.333333%; text-align:center;}
.cm_ctmz_sum dl:before {content:""; width:1px; height:100%; background:#333; position:absolute; left:-1px; top:0;}
.cm_ctmz_sum dt { font-size:15px; color:#fff; letter-spacing:-0.5px; height:40px; line-height:44px; border-bottom:1px solid #333;}
.cm_ctmz_sum dd {line-height:55px; height:55px; }
.cm_ctmz_sum .date { font-size:19px; color:#fff; letter-spacing:0px; font-family:'rubik'; }
.cm_ctmz_sum .term { font-size:17px; color:#ffde00; letter-spacing:-0.5px; }
.cm_ctmz_sum .num { float:left; font-size:19px; color:#ffa800; letter-spacing:0px; font-family:'rubik';}
.cm_ctmz_sum .kr { float:left; font-size:13px; color:#fff; margin:1px 0 0 2px; }




/* ●●●●●●●●●● 프로모션 코드추가 */
.cm_code_box {overflow:hidden; position:relative; padding:20px; background:#eee; border-top:2px solid #333;}
.cm_code_box .code_form {overflow:hidden; margin-left:130px;}
.cm_code_box .input_design {background:#fff; height:33px; line-height:39px; float:left; padding:0 10px !important; font-size:13px; color:#333; border:1px solid #cb3726 !important; width:300px; letter-spacing:-0.5px;}
.cm_code_box .input_design:focus {background:#666; color:#fff !important;}
.cm_code_box .tag {position:absolute; left:0; top:0; width:120px; height:100%; background:#cb3726 url('../images/cm_images/order_reseller.png') center center no-repeat;}
.cm_code_box .button_pack {position:absolute; right:20px; top:50%; margin-top:-18px;}




/* ●●●●●●●●●● 마지막 계산 */
.cm_shop_last_sum {overflow:hidden; background:#fff; border:4px solid #cb3726; text-align:right; margin-top:40px; position:relative; padding-bottom:40px;}
.cm_shop_last_sum ul {display:inline-block;}
.cm_shop_last_sum li {float:left; list-style:none; padding:30px 40px; position:relative; }
.cm_shop_last_sum li:before {content:""; background:#ddd; position:absolute; right:-1px; top:0; width:1px; height:200%;}
.cm_shop_last_sum .txt {font-size:15px; color:#333; display:block; letter-spacing:-0.5px;}
.cm_shop_last_sum .price {overflow:hidden; margin:5px -1px 0 0; }
.cm_shop_last_sum .price em {font-size:15px; margin:8px 0 0 0; float:left; color:#333;}
.cm_shop_last_sum .price strong {font-size:25px; color:#333; font-family:"rubik"; float:left;}
.cm_shop_last_sum .icon {width:28px; height:28px; position:absolute; left:-15px; top:50%; margin-top:-5px; z-index:2; border:2px solid #000; border-radius:100px; background:#000; overflow:hidden;}
.cm_shop_last_sum .icon .shape {width:16px; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin:-1px 0 0 -8px}
.cm_shop_last_sum .icon .shape:before {content:""; background:inherit; width:2px; height:16px; position:absolute; left:50%; top:50%; margin:-8px 0 0 -1px;}
.cm_shop_last_sum .equal .icon .shape {margin-top:-4px;}
.cm_shop_last_sum .equal .icon .shape:before {width:inherit; height:inherit; margin:4px 0 0 -8px}
.cm_shop_last_sum .plus_sol .icon {background:#666; border:1px solid #666;}
.cm_shop_last_sum .plus_enter .icon {background:#007cdc; border:1px solid #007cdc;}
.cm_shop_last_sum .plus_hosting .icon {background:#589a17; border:1px solid #589a17;}
.cm_shop_last_sum .plus_custom .icon {background:#8741a7; border:1px solid #8741a7;}
.cm_shop_last_sum .equal .icon {background:#cb3726; border:1px solid #cb3726;}
.cm_shop_last_sum .plus_sol .price strong {color:#000}
.cm_shop_last_sum .plus_enter .price strong {color:#007cdc}
.cm_shop_last_sum .plus_hosting .price strong {color:#589a17}
.cm_shop_last_sum .plus_custom .price strong {color:#8741a7}
.cm_shop_last_sum .equal .price strong {color:#cb3726}
.cm_shop_last_sum .minus .icon {background:#ff5400; border-color:#ff5400;}
.cm_shop_last_sum .minus .icon .shape:before {display:none;}
.cm_shop_last_sum .minus strong {color:#ff5400;}


.cm_shop_last_sum li:first-of-type .icon {display:none;}
.cm_shop_last_sum .with_vat {margin-top:5px; font-size:15px; background:#fff; border-top:1px solid #ccc; overflow:hidden; position:absolute; left:0; bottom:0; width:100%; height:40px}
.cm_shop_last_sum .with_vat dl {padding:12px 40px 0 0; display:inline-block;}
.cm_shop_last_sum .with_vat dt {font-size:15px; float:left; color:#000; position:relative; white-space:nowrap; padding-right:20px;}
.cm_shop_last_sum .with_vat dd {float:left; color:#999; font-size:15px; margin-left:10px; position:relative; white-space:nowrap; padding-left:20px;}
.cm_shop_last_sum .with_vat strong {font-weight:600;}
.cm_shop_last_sum .with_vat .icon {width:12px; height:12px; border:5px solid #999; margin-top:-12px; background:#999;}


.cm_shop_last_sum.if_traffic {padding-bottom:0px;}










/* ●●●●●●●●●● 단락 타이틀 */
/* .cm_shop_title {font-weight:600; letter-spacing:-2px; font-size:17px; border-bottom:2px solid #707070; padding-bottom:10px; position:relative; color:#333; margin-top:50px;}
.cm_shop_title strong {color:#ff0000; font-weight:600}
.cm_shop_title .explain {position:absolute; right:0; top:10px; font-weight:normal; font-size:11px; color:#999; letter-spacing:-1px;}
 */


/* ●●●●●●●●●● 입점 업체 */
/* .cm_shop_entered {overflow:hidden; background:#f8f8f8; padding:15px 15px; border-bottom:1px solid #d7d7d7; border-top:1px solid #d7d7d7;}
.cm_shop_entered .name {font-size:15px; font-weight:600; color:#000; float:left; letter-spacing:-1px;}
.cm_shop_entered .bar {background:#c4c4c4; margin:2px 10px 0 10px; float:left; width:1px; height:14px;}
.cm_shop_entered .bar +.name {color:#0077ca}
.cm_shop_entered .charge {float:right; margin-top:3px}
.cm_shop_entered .charge b {color:#000; text-decoration:underline; letter-spacing:0px;}

 */

/* ●●●●●●●●●● 장바구니 상품리스트  */
/* .cm_shop_cart_list table {width:100%;}
.cm_shop_cart_list th {color:#333; padding:15px 0; border-bottom:1px solid #dedede; font-weight:400}
.cm_shop_cart_list td {padding:10px; border-bottom:1px dashed #d7d7d7; text-align:center;}
.cm_shop_cart_list tr:hover {background:#fafafa;}
.cm_shop_cart_list strong {color:#333; padding-right:2px; font-weight:600; letter-spacing:0px;}
.cm_shop_cart_list .pointbg {background:#fafafa; border-left:1px solid #dedede;}
.cm_shop_cart_list .ctrl_btn {margin-top:10px; overflow:hidden}
.cm_shop_cart_list .ctrl_btn .button_pack {float:left; margin-right:5px;}
.cm_shop_cart_list .thumb {float:left; width:100px; border:1px solid #ddd; overflow:hidden;}
.cm_shop_cart_list .thumb img {width:100px; float:left;}
.cm_shop_cart_list .item_name {text-align:left; margin-left:110px; padding:5px}
.cm_shop_cart_list .item_name dt a {color:#333; font-weight:600; margin:5px 0 10px 0; font-size:14px; letter-spacing:-1.5px;}
.cm_shop_cart_list .item_name dt a:hover {color:#ff0000}
.cm_shop_cart_list .item_name dd {background:#fafafa; border:1px solid #ddd; padding:15px; position:relative; }
.cm_shop_cart_list .item_name dd +dd {border-top:0}
.cm_shop_cart_list .item_name dd:hover {background-color:#fff;}
.cm_shop_cart_list .item_name .option_name {background:transparent url('../images/cm_images/shop_option.png') 0 2px no-repeat; margin-right:200px; padding-left:18px}
.cm_shop_cart_list .item_name .ess {background:#f3f3f3;}
.cm_shop_cart_list .item_name .ess .option_name {background:transparent url('../images/cm_images/shop_option_ess.png') 0 2px no-repeat;}
.cm_shop_cart_list .counter_box {position:absolute; right:15px; top:50%; margin-top:-11px; border-left:1px solid #ddd; padding-left:20px;}
.cm_shop_cart_list .option_number {float:left; line-height:22px; width:60px; text-align:center}
.cm_shop_cart_list .option_select {float:left; padding:2px; width:50px; height:22px;}
.cm_shop_cart_list .option_price {float:left; line-height:24px; margin-right:5px; width:80px; text-align:right;}
.cm_shop_cart_list .option_delete {float:left; background:#666 url('../images/cm_images/shop_option_x.png') center center no-repeat; float:left; width:17px; height:17px; margin:3px 0 0 0}
.cm_shop_cart_list .option_delete:hover {background-color:#ff0000;}
.cm_shop_cart_list .guide_txt {margin:10px 0 0 0; line-height:14px; letter-spacing:0px;}
.cm_shop_cart_list .cm_no_conts .no_icon {background-image:url('../images/cm_images/no_conts_cart'); height:110px; }
.cm_shop_cart_list .item_coupon {overflow:hidden; margin-top:10px}
.cm_shop_cart_list .item_coupon .one_coupon {background:#fff; color:#333; padding:0 10px; line-height:28px; height:27px; border-radius:0 30px 30px 0; border:1px solid #ff6600; overflow:hidden;}
.cm_shop_cart_list .item_coupon .one_coupon input {float:left; margin:7px 3px 0 0}
.cm_shop_cart_list .item_coupon strong {color:#ff4800}
.cm_shop_cart_list .item_coupon .txt_icon {float:left; background:#ff6600; color:#fff; font-family:calibri; font-size:14px; font-weight:600; letter-spacing:0px; padding:0 12px; line-height:29px; height:29px; border-radius:30px 0 0 30px;}

 */

/* ●●●●●●●●●● 장바구니 계산
.cm_shop_cart_sum {overflow:hidden; background:#fff; border:3px solid #e4e4e4; margin-top:20px; text-align:right;}
.cm_shop_cart_sum .box {float:left; position:relative; padding:15px 60px; border-right:1px solid #ddd;}
.cm_shop_cart_sum .txt {font-size:13px; color:#333; display:block}
.cm_shop_cart_sum .price {overflow:hidden; margin-top:3px; }
.cm_shop_cart_sum .price em {font-size:15px; margin:8px 0 0 2px; float:left; color:#333}
.cm_shop_cart_sum .price strong {font-size:23px; font-weight:800; color:#333; font-family:calibri; float:left;}
.cm_shop_cart_sum .box .icon {width:30px; height:30px; position:absolute; left:-15px; top:50%; margin-top:-15px}
.cm_shop_cart_sum .normal_box .icon {display:none}
.cm_shop_cart_sum .plus_box .price strong {color:#007cdc}
.cm_shop_cart_sum .minus_box .price strong {color:#559d20}
.cm_shop_cart_sum .equal_box .price strong {color:#ff6000}
.cm_shop_cart_sum .equal_box .icon {background:#fff url('../images/cm_images/cart_sum_ic_equal.png') left top no-repeat;}
.cm_shop_cart_sum .minus_box .icon {background:#fff url('../images/cm_images/cart_sum_ic_minus.png') left top no-repeat;}
.cm_shop_cart_sum .plus_box .icon {background:#fff url('../images/cm_images/cart_sum_ic_plus.png') left top no-repeat;}
 */


/* ●●●●●●●●●● 비회원동의 */
/* .cm_order_agree {background:#f1f1f1; position:relative; border-bottom:1px solid #b7b7b7; padding:10px 20px 20px 20px; margin:0 0 20px 0; text-align:center;}
.cm_order_agree textarea {width:98%; border:1px solid #ccc; background:#fff; height:100px; padding:10px; line-height:18px; color:#999; margin-top:10px;}
.cm_order_agree textarea:focus {border:1px solid #666;}
.cm_order_agree label {padding:15px 10px 0 10px; color:#333; overflow:hidden;}
.cm_order_agree label input {margin:1px 5px 0 0; float:left;}
.cm_order_agree .arrow {display:none; position:absolute; left:50%; bottom:0; margin:0 0 -16px -16px;}
 */



/* ●●●●●●●●●● 최종결제 할인등 */
/* .cm_order_benefit {overflow:hidden; background:#f6f6f6;}
.cm_order_benefit .title_box {position:absolute; left:20px; top:50%; width:80px; height:80px; border-radius:80px; border:2px solid #ccc; background:#fff; text-align:center; line-height:80px; }
.cm_order_benefit .title_box {margin-top:-40px; border-top:2px solid #666;}
.cm_order_benefit .coupon_box {position:relative; border-bottom:1px solid #ccc;}
.cm_order_benefit .coupon_box ul {margin-left:130px; border-left:1px solid #dedede; background:#fff; min-height:100px}
.cm_order_benefit .coupon_box li {list-style:none; border-bottom:1px solid #dedede; overflow:hidden; padding:20px; position:relative;}
.cm_order_benefit .coupon_box li:hover {background:#fafafa;}
.cm_order_benefit .coupon_box .coupon_name {color:#000; margin-right:250px; letter-spacing:0px;}
.cm_order_benefit .coupon_box .coupon_price {position:absolute; right:115px; top:50%; color:#999; margin-top:-7px}
.cm_order_benefit .coupon_box .coupon_price strong { color:#ff6600; letter-spacing:0px;}
.cm_order_benefit .coupon_box .coupon_ctrl {position:absolute; right:10px; top:50%; margin-top:-17px}
.cm_order_benefit .coupon_box .coupon_ctrl label {padding:10px 10px 8px 10px; border-radius:30px; border:1px solid #ddd; background:#fff;}
.cm_order_benefit .coupon_box .coupon_ctrl label:hover {border:1px solid #666;}
.cm_order_benefit .coupon_box .no_icon {background-image:url('../images/cm_images/no_conts_coupon.png'); height:110px}
.cm_order_benefit .point_box {position:relative;}
.cm_order_benefit .point_box ul {margin-left:130px; border-left:1px solid #dedede; background:#fff; padding:50px 30px}
.cm_order_benefit .point_box li {list-style:none;}
.cm_order_benefit .point_box .apply_point {position:absolute; top:50%; right:15px; margin-top:-18px}
.cm_order_benefit .point_box .apply_point input {border:2px solid #ff6600; height:31px; line-height:31px; float:left; text-align:right; padding:0 10px; font-weight:800; color:#000; width:120px; font-size:14px; letter-spacing:0 }
.cm_order_benefit .point_box .apply_point input:focus {background:#eee; border:2px solid #ff1919 !important;}
.cm_order_benefit .point_box .apply_point .button_pack {float:left;}
.cm_order_benefit .point_box .apply_point .button_pack a {margin-left:5px !important}
.cm_order_benefit .point_box .mypoint dt {font-size:16px; font-weight:600; color:#000}
.cm_order_benefit .point_box .mypoint dt strong {letter-spacing:0px; color:#ff0000}
.cm_order_benefit .point_box .mypoint dd {color:#ff6600; margin-top:6px}
.cm_order_benefit .point_box .mypoint dd strong {letter-spacing:0px;}

 */





/* ●●●●●●●●●● 결제정보 (마지막단계) */
.cm_order_last_step {position:relative}
.cm_order_last_step.cm_order_form {padding-right:250px}
.cm_order_last_step .thisis_price {position:absolute; right:0; top:0; width:250px; height:100%; z-index:55; text-align:center; background:#333;}
.cm_order_last_step .thisis_price dl {padding:25px}
.cm_order_last_step .thisis_price dt {padding:5px 0 15px 0; font-size:17px; color:#fff; text-align:center;}
.cm_order_last_step .thisis_price dd {padding:5px 0; border-top:1px dashed #666}
.cm_order_last_step .thisis_price strong {font-size:28px; color:#ff0000; font-family:"rubik"; float:left;}
.cm_order_last_step .thisis_price .unit {float:left;  font-size:15px; color:#fff; margin:12px 0 0 2px}
.cm_order_last_step .thisis_price .unit_front {display:none; float:left; font-size:16px; font-weight:600; color:#333; margin:10px 3px 0 0}







/* ●●●●●●●●●● 모든주문완료페이지 */
.cm_order_ok {margin-top:30px;}
.cm_order_ok .thanks {text-align:center; background:transparent url('../images/cm_images/order_ok_img.png') center top no-repeat; padding-top:280px; margin-top:-10px;}
.cm_order_ok .thanks dt {font-size:30px; color:#000}
.cm_order_ok .thanks dd {color:#cb3726; font-size:25px; margin-top:10px;}
.cm_order_ok .thanks dd.if_domain {color:#999; font-size:15px;}
.cm_order_ok .process {text-align:center; overflow:hidden; padding:40px 0; margin-top:50px; background:#dee7ea;}
.cm_order_ok .process ul { overflow:hidden; display:inline-block;}
.cm_order_ok .process li { float:left; list-style:none; width:128px; height:128px; text-align:center; border-radius:200px; margin-left:52px; position:relative; }
.cm_order_ok .process li:before { content:""; position:absolute; left:0; top:50%; width:33px; height:15px; margin:-7px 0 0 -42px; background:transparent url('../images/sub_design/edge_process.gif') left top no-repeat;}
.cm_order_ok .process li:first-child:before { display:none; }
.cm_order_ok .process .bg_color01 { background:#669fdf; }
.cm_order_ok .process .bg_color02 { background:#4368bd; }
.cm_order_ok .process .bg_color03 { background:#5f4da3; }
.cm_order_ok .process .bg_color04 { background:#393987; }
.cm_order_ok .process .bg_color05 { background:#4c2e9b; }
.cm_order_ok .process .num { font-size:25px; font-family:'rubik'; display:block; line-height:1.1; margin:24px 0 13px; font-weight:300; }
.cm_order_ok .process .txt { font-size:15px; color:#fff; letter-spacing:-0.5px; line-height:19px; }
.cm_order_ok .process .num { color:rgba(255,255,255,0.5);; }





/* 2017-07-31 호스팅상품추가 ARA */
.if_hosting .clear_wrap {float:left !important; width:50%; box-sizing:border-box; margin-top:10px !important; padding-right:15px;}
.if_hosting .clear_wrap .label_design {width:100%; box-sizing:border-box;}
.if_hosting .clear_wrap .label_design span {width:100%; box-sizing:border-box;}
.if_hosting .clear_wrap .label_design em {float:left;}
.if_hosting .clear_wrap .label_design i {float:right;}
.if_hosting .clear_wrap_head {overflow:hidden;}
.if_hosting .clear_wrap_head+ .clear_wrap_head {background:transparent url('../images/cm_images/dash.gif') left top repeat-X; margin-top:10px;}
.if_hosting .clear_wrap_head .clear_wrap {margin-top:0px !important;}
.if_hosting .clear_wrap_head+ .clear_wrap_head .clear_wrap {margin-top:10px !important;}