@charset 'utf-8';

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


/* ●●●●●●●●●● 내부게시판 */
.cm_shop_inner .mark_star {position:static; width:80px; height:14px; background:transparent url('../images/cm_images/inner_star.png') left top no-repeat; background-size:80px;}
.cm_shop_inner .mark_star .star {background:transparent url('../images/cm_images/inner_star.png') left bottom no-repeat; width:100%; height:100%; float:left; background-size:80px;}
.cm_shop_inner .top_area {overflow:hidden; margin-bottom:10px;}
.cm_shop_inner .form_area {overflow:hidden;}
.cm_shop_inner .form_area li {list-style:none; overflow:hidden; position:relative; margin-top:5px}
.cm_shop_inner .form_area .opt {position:absolute; left:0; top:0; height:35px; line-height:35px; color:#333; box-sizing:border-box; padding:0 5px;}
.cm_shop_inner .form_area .value {padding-left:65px}
.cm_shop_inner .form_area .input_design {background:#fff; border:1px solid #ccc; height:35px; padding:0 10px; border-radius:5px; width:100%; box-sizing:border-box; font-size:12px; color:#999;}
.cm_shop_inner .form_area .input_design:focus {background:#fafafa; border:1px solid #333; color:#333;}
.cm_shop_inner .form_area .textarea_design {background:#fff; border:1px solid #ccc; height:80px; width:100%; padding:10px; border-radius:5px; box-sizing:border-box; color:#999; font-size:12px;}
.cm_shop_inner .form_area .textarea_design:focus {background:#fafafa; border:1px solid #333; color:#333;}
.cm_shop_inner .form_area .textarea_box {margin-right:70px}
.cm_shop_inner .form_area .form_title {overflow:hidden;}
.cm_shop_inner .form_area .form_title input {width:100%;}
.cm_shop_inner .form_area .form_file {overflow:hidden;}
.cm_shop_inner .form_area .form_conts {position:relative;}
.cm_shop_inner .form_area .btn_ok {background:#fff; color:#333; border-radius:5px; border:1px solid #888; position:absolute; right:0; top:0; width:65px; height:80px; line-height:80px; text-align:center; font-size:13px; box-sizing:border-box; }
.cm_shop_inner .form_area .mark_box {overflow:hidden; padding:5px 0 2px 0; border-radius:5px; position:relative; box-sizing:border-box;}
.cm_shop_inner .form_area .mark_box .mark_star {width:155px; height:28px; background-size:155px;}
.cm_shop_inner .form_area .mark_box .mark_star .star {background-size:155px;}
.cm_shop_inner .form_area .mark_box ul {position:absolute; left:0; top:0; width:155px; height:30px;}
.cm_shop_inner .form_area .mark_box li {float:left; width:20%; height:30px;}
.cm_shop_inner .form_area .mark_box .click {display:block; height:30px;}
.cm_shop_inner .form_area .mark_box.if_score1 .star {width:20%;}
.cm_shop_inner .form_area .mark_box.if_score2 .star {width:40%;}
.cm_shop_inner .form_area .mark_box.if_score3 .star {width:60%;}
.cm_shop_inner .form_area .mark_box.if_score4 .star {width:80%;}
.cm_shop_inner .form_area .mark_box.if_score5 .star {width:100%;}
.cm_shop_inner .form_area .mark_guide_txt {font-size:11px; padding:5px 0 0 0; color:#ff6600; }

/* .cm_shop_inner .form_area .mark_box {overflow:hidden; background:#fff; border:1px solid #ccc; padding:5px 0; border-radius:5px;}
.cm_shop_inner .form_area .mark_box label {float:left; overflow:hidden; padding:5px 5px 0 5px; border-left:1px solid #fff; border-right:1px solid #fff}
.cm_shop_inner .form_area .mark_box input {margin:2px 5px 0 0; float:left;}
.cm_shop_inner .form_area .mark_box .txt {color:#999; padding:5px 0 8px 0; text-align:center; border-bottom:1px dashed #ddd; margin-bottom:5px}
.cm_shop_inner .form_area .mark_box .mark_star {margin:4px 0 0 0;} */

.cm_shop_inner .form_area .btn_photo_box {background:#eee; border:1px solid rgba(0,0,0,0.3); overflow:hidden; position:relative; border-radius:5px; padding:0; text-align:center; height:35px; box-sizing:border-box; }
.cm_shop_inner .form_area .btn_photo_box {display:block; width:100%; float:none;}
.cm_shop_inner .form_area .btn_photo_box .upper_txt {font-size:13px; color:#4f515b; line-height:35px; background:transparent url('../images/cm_images/board_icon_photo.png') left 9px no-repeat; background-size:18px; padding-left:23px}
.cm_shop_inner .form_area .input_photo {color:transparent; background:transparent impotant; position:absolute; left:0; top:0; width:100%; z-index:555; visibility:hidden}
.cm_shop_inner .form_area .img_preview {width:100% !important}
.cm_shop_inner .form_area .photo_box {margin:5px 0; overflow:hidden; border-radius:5px;}
.cm_shop_inner .form_area .photo_box img {width:100%; float:left;}
.cm_shop_inner .form_area .photo_guide_txt {font-size:11px; padding:5px 0 0 0; color:#ff6600; }

.cm_shop_inner .none_member {margin-bottom:5px; overflow:hidden}
.cm_shop_inner .none_member input {margin-right:5px; width:170px;}
.cm_shop_inner .none_member .do_secret {float:left; line-height:35px; height:35px !important; overflow:hidden; padding:0 10px;}
.cm_shop_inner .none_member .do_secret input {margin:11px 5px 0 0; width:15px;}


/* 목록  */
.cm_shop_inner .cm_no_conts .no_icon {background-image:url('../images/cm_images/no_conts_board_eval.png');}
.cm_shop_inner .list_area {border-top:2px solid #919191; margin-top:10px}
.cm_shop_inner .list_area li {list-style:none; border-bottom:1px solid #dedede; position:relative;}
.cm_shop_inner .list_area .texticon_pack {position:absolute; left:0; top:7px}
.cm_shop_inner .list_area .mark_star {position:absolute; left:4px; top:12px}
.cm_shop_inner .list_area .mark_star {width:65px; height:11px; background-size:65px;}
.cm_shop_inner .list_area .mark_star .star {background-size:65px;}
.cm_shop_inner .list_area .mark_star+ .title {margin-left:75px !important}
.cm_shop_inner .cm_no_conts+ .list_area {border-top:0}

/* 글하나당 */
.cm_shop_inner .post_box {overflow:hidden; padding:8px 0 3px 0; position:relative;}
.cm_shop_inner .post_box:before {content:""; width:10px; height:10px; border:1px solid #ccc; border-top:0; border-left:0; transform: rotate(45deg); -webkit-transform: rotate(45deg); position:absolute; right:5px; top:18px;}
.cm_shop_inner .post_box dt {overflow:hidden;}
.cm_shop_inner .post_box dd {overflow:hidden; position:relative;}
.cm_shop_inner .post_box .btn_delete {float:left; width:19px; height:19px; border-radius:100px; border:1px solid #ddd; text-align:center; margin-left:10px}
.cm_shop_inner .post_box .btn_delete .shape {margin:3px 0 0 0; display:inline-block; background:#000; width:1px; height:13px; position:relative; border-radius:100px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.cm_shop_inner .post_box .btn_delete .shape:after {content: ""; background:inherit; width:13px; height:1px; position:absolute; top:6px; left:-6px; border-radius:inherit;}
.cm_shop_inner .post_box .title {color:#666; font-size:13px; line-height:20px; height:22px; margin:0 30px 0 65px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.cm_shop_inner .post_box .writer {float:left; line-height:20px; overflow:hidden; margin:3px 0 0 5px}
.cm_shop_inner .post_box .writer .name {color:#333; letter-spacing:0px; float:left;}
.cm_shop_inner .post_box .writer .date {color:#999; letter-spacing:0px; float:left; font-family:'Heebo'}
.cm_shop_inner .post_box .writer .bar {background:#ccc; float:left; width:1px; height:9px; margin:5px 10px 0 10px}
.cm_shop_inner .post_box .board_icon {float:left; margin:5px 0 0 10px}
.cm_shop_inner .post_box .board_icon span {float:left; margin:0 2px}
.cm_shop_inner .post_box .ic_new {width:15px; padding:2px 0 3px 0; line-height:10px; height:9px; overflow:hidden; background:#ff6600; text-align:center; color:#fff; font-weight:600; font-size:10px; font-family:'Heebo';}
.cm_shop_inner .post_box .ic_photo {background:transparent url('../images/cm_images/board_icon_photo.png') left top no-repeat; background-size:17px; width:20px; height:18px; }

/* 오픈해서 열리는 부분 */
.cm_shop_inner .open_box {padding:10px; border-top:1px dashed #dedede; background:#eee; display:none}
.cm_shop_inner .open_box .img {overflow:hidden; margin:5px 0;}
.cm_shop_inner .open_box .img img {float:left; max-width:100% !important; height:auto; width:inherit; float:left;}
.cm_shop_inner .open_box .conts_txt {line-height:18px; overflow:hidden;}
.cm_shop_inner .open_box .conts_txt dt {margin-bottom:8px; color:#333; font-size:13px;}
.cm_shop_inner .open_box .conts_txt dd {line-height:16px;}
.cm_shop_inner .open_box .conts_txt .button_pack {float:right; margin-top:5px}

/* 답변부분 */
.cm_shop_inner .reply {position:relative; padding:10px 10px 10px 35px; overflow:hidden; text-align:left; border-radius:5px; background:#fff; margin:10px 0 0 0}
.cm_shop_inner .reply .shape_ic {width:14px; height:8px; border-right:1px solid #ff6600; border-top:1px solid #ff6600; position:absolute; left:10px; top:11px; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.cm_shop_inner .reply .shape_ic:before {content:''; background:#ff6600; position:absolute; left:2px; top:0; margin-top:-7px; width:1px; height:8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.cm_shop_inner .reply .shape_ic:after {content:''; background:#ff6600; position:absolute; left:2px; top:0;  margin-top:-2px; width:1px; height:8px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.cm_shop_inner .reply+ .reply {margin-top:10px}
.cm_shop_inner .reply .admin {display:block; color:#ff6600; margin-bottom:5px; overflow:hidden; line-height:16px;}
.cm_shop_inner .reply .admin .name {font-weight:600; color:#ff6600; float:left;}
.cm_shop_inner .reply .admin .date {color:#333; letter-spacing:0px; float:left; font-family:'Heebo'; margin:-1px 0 0 0}
.cm_shop_inner .reply .admin .bar {background:#ccc; float:left; width:1px; height:9px; margin:3px 10px 0 10px}
.cm_shop_inner .reply .btn_delete {position:absolute; right:10px; top:8px; width:19px; height:19px; border-radius:100px; border:1px solid #ddd; text-align:center;}
.cm_shop_inner .reply .btn_delete .shape {margin:3px 0 0 0; display:inline-block; background:#000; width:1px; height:13px; position:relative; border-radius:100px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.cm_shop_inner .reply .btn_delete .shape:after {content: ""; background:inherit; width:13px; height:1px; position:absolute; top:6px; left:-6px; border-radius:inherit;}

/* 오픈했을경우 */
.cm_shop_inner .open_box .textarea_design:focus {background:#fff; border:1px solid #666;}
.cm_shop_inner .open .open_box {display:block}
.cm_shop_inner .open .title {color:#000}
.cm_shop_inner .open .form_area {margin:10px 0 0 0;}
.cm_shop_inner .open .post_box:before {border:1px solid #666; border-bottom:0; border-right:0; top:24px}

/* 리스트 더보기버튼 */
.cm_shop_inner .btn_more_load {display:block; background:#fff; border:1px solid #ddd; text-align:center; font-size:12px; margin:10px 0 0 0; border-radius:100px; height:35px; line-height:35px; color:#666;}
.cm_shop_inner .btn_more_load {box-shadow:inset 0 -2px 1px rgba(0,0,0,0.08); position:relative;}
.cm_shop_inner .btn_more_load:before {content:""; width:11px; height:1px; background:#666; position:absolute; right:20px; top:50%; margin-top:-1px}
.cm_shop_inner .btn_more_load:after {content:""; height:11px; width:1px; background:#666; position:absolute; right:25px; top:50%; margin-top:-6px}

.cm_shop_inner .form_area.if_qna .opt {display:none;}
.cm_shop_inner .form_area.if_qna .value {padding-left:0}



/* ●●●●●●●●●● 단락 타이틀 */
.cm_shop_title {font-weight:600; letter-spacing:-1px; font-size:16px; border-bottom:1px solid #707070; position:relative; color:#333; padding:10px; margin-top:20px;}
.cm_shop_title strong {color:#ff0000; font-weight:600}
.cm_shop_title .explain {font-weight:normal; font-size:12px; color:#0066FF; letter-spacing:-0.5px; margin-top:3px}
.cm_shop_title:first-of-type {margin:0}
.cm_shop_title img {float:left; width:10px; margin:3px 3px 0 0}




/* ●●●●●●●●●● 입점 업체 */
.cm_shop_entered {overflow:hidden; background:#fff; padding:10px; position:relative; border-bottom:2px solid #ccc;}
.cm_shop_entered .txt {font-size:15px; color:#000; position:absolute; left:10px; top:10px;}
.cm_shop_entered .shopname {color:#0077ca; margin-left:60px; font-size:15px; font-weight:600; position:relative; padding-left:10px}
.cm_shop_entered .shopname:before {content:''; width:1px; height:12px; background:#ddd; position:absolute; left:0; top:50%; margin-top:-7px}
.cm_shop_entered .charge {padding-top:5px; font-size:12px;}
.cm_shop_entered .charge b {color:#000; text-decoration:underline; letter-spacing:0px;}
.cart_item_list+ .cm_shop_entered {margin-top:30px;}






/* ●●●●●●●●●● 장바구니 상품리스트  */
.cm_shop_cart_list {}
.cm_shop_cart_list li {border-bottom:1px solid #d7d7d7; position:relative; list-style:none; padding:10px 10px 10px 35px}
.cm_shop_cart_list .if_nocart li {padding:10px 10px 10px 10px}
.cm_shop_cart_list strong {color:#333; padding-right:2px; font-weight:600; letter-spacing:0px;}
.cm_shop_cart_list .del_check {position:absolute; left:10px; top:10px;}
.cm_shop_cart_list .item_info {position:relative; overflow:hidden; min-height:80px}
.cm_shop_cart_list .item_info .thumb {height:80px; max-width:80px; border:1px solid #ddd; position:relative; position:absolute; left:0; top:0; overflow:hidden; box-sizing:border-box; }
.cm_shop_cart_list .item_info .thumb img {width:100%; float:left;}
.cm_shop_cart_list .item_info .name {color:#333; font-size:14px; letter-spacing:-1px; font-weight:600; margin-left:90px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
.cm_shop_cart_list .item_name {position:relative; margin:10px 0 0 0; background:#fafafa; }
.cm_shop_cart_list .item_name dd {border:1px solid #ddd; padding:8px; position:relative; }
.cm_shop_cart_list .item_name dd +dd {border-top:0}
.cm_shop_cart_list .item_name .option_name {background:transparent url('../images/cm_images/member_form_bullet.png') 0 3px no-repeat; background-size:10px; padding-left:14px; line-height:15px; color:#333;}
.cm_shop_cart_list .item_name .ess {background:#f3f3f3;}
.cm_shop_cart_list .item_name .ess .option_name {background-image:url('../images/cm_images/member_form_bullet2.png');}
.cm_shop_cart_list .item_name .add_ess {background:#fbfbfb;}
.cm_shop_cart_list .item_name .add_ess .option_name {background-image:url('../images/cm_images/member_form_bullet2.png');}
.cm_shop_cart_list .item_name .option_name li {padding:4px 0 0 0; margin-top:4px; border-top:1px dashed #ccc; color:#888; border-bottom:0;}
.cm_shop_cart_list .counter_box {margin:7px 0 0 15px; position:relative; height:25px;}
.cm_shop_cart_list .option_number {font-size:13px; color:#333; line-height:25px;}
.cm_shop_cart_list .option_number .select {width:75px; height:25px; color:#333; font-size:13px; box-sizing:border-box; }
.cm_shop_cart_list .option_number select {color:#333; line-height:25px; padding:0 10px;}
.cm_shop_cart_list .option_number .input_number {float:left; width:30px; background:#fff; height:21px; box-sizing:border-box; border:1px solid #ddd; text-align:center; color:#000; font-weight:600; font-family:"Heebo"}
.cm_shop_cart_list .option_number .btn_plusminus {width:25px; height:21px; border:1px solid #ddd; float:left; background:#fff;  box-sizing:border-box; text-align:center; box-sizing:border-box; position:relative;}
.cm_shop_cart_list .option_number .btn_plusminus .shape {width:9px; height:1px; background:#333; position:absolute; left:50%; top:50%; margin:0px 0 0 -4px}
.cm_shop_cart_list .option_number .btn_plusminus .shape:before {content:""; background:inherit; width:1px; height:9px; position:absolute; left:4px; top:-4px;}
.cm_shop_cart_list .option_number .btn_minus {border-right:0; border-radius:3px 0 0 3px;}
.cm_shop_cart_list .option_number .btn_minus .shape:before {display:none !important;}
.cm_shop_cart_list .option_number .btn_plus {border-left:0; border-radius:0 3px 3px 0;}
.cm_shop_cart_list .counter_right {position:absolute; right:0; top:0;}
.cm_shop_cart_list .option_price {float:left; line-height:25px; margin-right:5px; width:100px; text-align:right; font-size:13px;}
.cm_shop_cart_list .option_delete {float:left; background:#fff; margin-top:0px; border:1px solid #ddd; box-sizing:border-box; width:21px; height:21px; border-radius:3px;}
.cm_shop_cart_list .option_delete .shape {display:inline-block; margin:3px 0 0 9px; background:#666; width:1px; height:13px; position:relative; border-radius:100px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.cm_shop_cart_list .option_delete .shape:after {content: ""; background:inherit; width:13px; height:1px; position:absolute; top:6px; left:-6px; border-radius:inherit;}
.cm_shop_cart_list .option_cancel {width:75px;}
.cm_shop_cart_list .option_cancel a {padding:0}
.cm_shop_cart_list .item_charge {margin:10px 0 0 0}
.cm_shop_cart_list .item_charge dd {font-size:14px; position:relative; border-bottom:1px solid #eee;}
.cm_shop_cart_list .item_charge dd:last-of-type {border-bottom:0}
.cm_shop_cart_list .item_charge .opt {position:absolute; left:5px; top:5px; font-size:13px;}
.cm_shop_cart_list .item_charge .value {font-size:13px; margin:0 0 0 70px; box-sizing:border-box; position:relative; padding:5px; text-align:right}
.cm_shop_cart_list .item_charge .value strong {color:#000; font-weight:600;}
.cm_shop_cart_list .item_charge .value .guide_txt {display:block; color:#888; margin-top:3px}
.cm_shop_cart_list .ctrl_btn {margin:10px; overflow:hidden; text-align:left}
.cm_shop_cart_list .ctrl_btn .button_pack {float:left; margin-right:5px; display:inline-block !important; }
.cm_shop_cart_list .cm_no_conts .no_icon {background-image:url('../images/cm_images/no_conts_cart.png'); }

/* 배송상품아닌 쿠폰상품의 경우 */
.cm_shop_cart_list .thisis_coupon {background:#fff !important; position:relative;}
.cm_shop_cart_list .thisis_coupon .thisis_due {color:#ff6600; padding:2px 0 6px 0; font-size:14px}
.cm_shop_cart_list .thisis_coupon .thisis_txt {color:#999; padding:6px 0 0 0; border-top:1px dashed #ddd; font-size:13px}
.cm_shop_cart_list .thisis_coupon .coupon_number {color:#000; padding:5px 80px 5px 0; border-top:1px dashed #ddd; line-height:24px; overflow:hidden; position:relative;}
.cm_shop_cart_list .thisis_coupon .coupon_number .texticon_pack {float:left; margin-right:5px;}
.cm_shop_cart_list .thisis_coupon .coupon_number .texticon_pack span { width:60px; text-align:center;}
.cm_shop_cart_list .thisis_coupon .button_pack {position:absolute; right:0; top:50%; margin-top:-13px}

/* 상품전용쿠폰표기 */
.cm_shop_cart_list .item_coupon {position:relative; overflow:hidden; box-sizing:border-box; margin-top:5px}
.cm_shop_cart_list .item_coupon label {display:block; padding:0}
.cm_shop_cart_list .item_coupon input {position:absolute; left:10px; top:50%; margin-top:-10px}
.cm_shop_cart_list .item_coupon .white_box {display:block; padding:0 10px 0 35px; background:#fff; box-sizing:border-box; border:1px solid #ff6600; border-radius: 5px 0 0 5px; margin-right:94px}
.cm_shop_cart_list .item_coupon .coupon_ti {display:block; color:#999; font-size:12px; margin-top:10px; line-height:1;}
.cm_shop_cart_list .item_coupon .coupon_name {display:block; color:#000; letter-spacing:-1px; font-size:13px; overflow:hidden; line-height:1.3; margin-bottom:8px;}
.cm_shop_cart_list .item_coupon .color_box {height:100%; background:#ff6600; box-sizing:border-box; width:95px; position:relative;  border-radius: 0 5px 5px 0; position:absolute; right:0; top:0; text-align:center;}
.cm_shop_cart_list .item_coupon .coupon_discount {display:block; color:#fff; font-weight:600; background-size:10px; font-size:15px; margin-top:10px; line-height:1;}
.cm_shop_cart_list .item_coupon .coupon_price {display:block; color:#fff; font-size:13px; line-height:1; margin-top:3px}
.cm_shop_cart_list .item_coupon .edge1 {background:#fff; border-radius:60px; height:15px; width:15px; box-shadow:0 0 2px rgba(0,0,0,0.5); position:absolute; left:-8px; top:-10px;}
.cm_shop_cart_list .item_coupon .edge2 {background:#fff; border-radius:60px; height:15px; width:15px; box-shadow:0 0 2px rgba(0,0,0,0.5); position:absolute; left:-8px; bottom:-10px;}
.cm_shop_cart_list .item_coupon div {display:block;}
.cm_shop_cart_list .item_coupon div input {display:none}
.cm_shop_cart_list .item_coupon div .white_box {padding:2px 10px 0 10px}
.cm_shop_cart_list .item_coupon.if_point .color_box {background:#5494eb;}
.cm_shop_cart_list .item_coupon.if_point .white_box {border:1px solid #5494eb;}


.cm_shop_cart_list .btn_open_option {position:absolute; right:0; bottom:0; background:#5a5c68; padding:6px 30px 5px 12px; border-radius:100px; color:#fff; z-index:11}
.cm_shop_cart_list .btn_open_option .shape {position:absolute; right:0; top:0; width:30px; height:100%; border-radius:0 5px 5px 0;}
.cm_shop_cart_list .btn_open_option .shape:before {content:''; width:1px; height:8px; position:absolute; left:50%; top:50%; background:#bbb; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin:-4px 0 0 2px}
.cm_shop_cart_list .btn_open_option .shape:after {content:''; width:1px; height:8px; position:absolute; left:50%; top:50%; background:#bbb; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin:-4px 0 0 -3px}
.cm_shop_cart_list .if_orderview .item_name {display:none;}
.cm_shop_cart_list .if_orderview .option_open .item_name {display:block;}
.cm_shop_cart_list .if_orderview .option_open .btn_open_option .shape {transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.cm_shop_cart_list .order_view_state {margin-bottom:5px; }
.cm_shop_cart_list .order_view_btn {margin-top:10px; display:table; width:100%;}
.cm_shop_cart_list .order_view_btn dl {display:table-row;}
.cm_shop_cart_list .order_view_btn dd {display:table-cell; width:1%; box-sizing:border-box; padding:0 1px 0 1px}
.cm_shop_cart_list .order_view_btn dd:only-of-type {padding:0}
.cm_shop_cart_list .order_view_btn dd:first-of-type {padding:0 2px 0 0}
.cm_shop_cart_list .order_view_btn dd:last-of-type {padding:0 0 0 2px}

.cm_shop_cart_list .ing_ctrl_btn {overflow:hidden; text-align:right}
.cm_shop_cart_list .ing_ctrl_btn .button_pack {margin-left:5px}
.cm_shop_cart_list .ing_ctrl_btn .lineup {overflow:hidden; display:inline}


/* 장바구니 다시담기 (마이페이지) */
.btn_re_cart {position:absolute; left:5px; top:5px; width:35px; height:35px; z-index:9; border-radius:100px;}
.btn_re_cart {background:#008dc1 url('../images/cm_images/order_view_icon1.png') center center no-repeat; background-size:18px; box-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.btn_re_cart.if_cart {background:#3c3c3c url('../images/cm_images/order_view_icon2.png') center center no-repeat; background-size:18px;}
.btn_re_cart.if_soldout {background:#b90000 url('../images/cm_images/order_view_icon3.png') center center no-repeat; background-size:18px;}


/* ●●●●●●●●●● 장바구니 계산 */
.cm_shop_cart_sum {overflow:hidden; background:#fff; border:2px solid #e4e4e4; margin-top:20px; text-align:right; box-sizing:border-box; margin:10px}
.cm_shop_cart_sum li {list-style:none;}
.cm_shop_cart_sum .box {display:block; position:relative; padding:5px 10px; border-bottom:1px solid #ddd}
.cm_shop_cart_sum .box:last-of-type {border-bottom:0}
.cm_shop_cart_sum .txt {font-size:13px; color:#666; position:absolute; left:10px; top:50%; margin-top:-7px}
.cm_shop_cart_sum .price {overflow:hidden; margin-top:3px; }
.cm_shop_cart_sum .price em {font-size:14px; margin:2px 0 0 2px; float:left; color:#333}
.cm_shop_cart_sum .price strong {font-size:18px; font-weight:600; color:#333; font-family:'Heebo'; float:left;}
.cm_shop_cart_sum .box .icon {width:20px; height:20px; border-radius:100px; position:absolute; left:50%; top:50%; margin:-11px 0 0 -10px; text-align:center; }
.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 { border-right:0}
.cm_shop_cart_sum .equal_box .price strong {color:#ff6000;}
.cm_shop_cart_sum .plus_box .icon {border:1px solid #007cdc; background:#fff;}
.cm_shop_cart_sum .plus_box .shape {width:12px; height:2px; background:#007cdc; position:absolute; left:50%; top:50%; margin:-1px 0 0 -6px}
.cm_shop_cart_sum .plus_box .shape:before {content:''; background:#007cdc; width:2px; height:12px; position:absolute; left:50%; top:50%; margin:-6px 0 0 -1px}
.cm_shop_cart_sum .minus_box .icon {border:1px solid #559d20; background:#fff;}
.cm_shop_cart_sum .minus_box .shape {width:12px; height:2px; background:#559d20; position:absolute; left:50%; top:50%; margin:-1px 0 0 -6px}
.cm_shop_cart_sum .equal_box .icon {border:1px solid #ff6100; background:#fff;}
.cm_shop_cart_sum .equal_box .shape {width:12px; height:2px; background:#ff6100; position:absolute; left:50%; top:50%; margin:-3px 0 0 -6px}
.cm_shop_cart_sum .equal_box .shape:before {content:''; background:#ff6100; width:12px; height:2px; position:absolute; left:50%; top:50%; margin:3px 0 0 -6px}





/* ●●●●●●●●●● 약관동의  */
.cm_order_agree {overflow:hidden; background:#fafafa; padding:15px 15px 5px 15px;}
.cm_order_agree .text_box {background:#fff; border:1px solid #ccc; overflow:hidden;}
.cm_order_agree .textarea_design {background:#fff; padding:10px; width:100%; box-sizing:border-box; line-height:18px; height:100px; color:#999; font-size:12px;}
.cm_order_agree .agree_check {overflow:hidden; position:relative; text-align:center;}
.cm_order_agree .agree_check label {padding:10px 0; overflow:hidden; color:#555; font-size:13px;}




/* ●●●●●●●●●● 최종결제 할인등 */
.cm_order_benefit {overflow:hidden; background:#f6f6f6;}
.cm_order_benefit .title_box {position:absolute; left:10px; top:50%; width:60px; height:60px; border-radius:80px; border:2px solid #ccc; background:#fff; text-align:center; line-height:60px; box-sizing:border-box; }
.cm_order_benefit .title_box {margin-top:-30px; border-top:2px solid #666;}
.cm_order_benefit .coupon_box {background:#;position:relative; border-bottom:1px solid #ccc;}
.cm_order_benefit .coupon_box ul {margin-left:80px; border-left:1px solid #dedede; background:#fff; min-height:80px}
.cm_order_benefit .coupon_box li {list-style:none; border-bottom:1px solid #dedede; overflow:hidden; padding:10px; position:relative;}
.cm_order_benefit .coupon_box li:last-of-type {border-bottom:0}
.cm_order_benefit .coupon_box .coupon_name {color:#333; letter-spacing:0px; margin-bottom:5px;}
.cm_order_benefit .coupon_box .coupon_price {color:#999; font-size:14px; line-height:34px;}
.cm_order_benefit .coupon_box .coupon_price strong { color:#ff6600; letter-spacing:0px;}
.cm_order_benefit .coupon_box .coupon_ctrl {float:right;}
.cm_order_benefit .coupon_box .coupon_ctrl label {display:block; padding:6px 10px 6px 10px; border-radius:30px; border:1px solid #ddd; background:#fff; box-sizing:border-box; }
.cm_order_benefit .cm_no_conts {background:#fff; margin-left:80px; border-left:1px solid #dedede; padding:15px 0;}
.cm_order_benefit .cm_no_conts .no_icon {background-image:url('../images/cm_images/no_conts_coupon.png'); height:50px; background-size:50px;}

.cm_order_benefit .point_box {position:relative;}
.cm_order_benefit .point_box ul {margin-left:80px; border-left:1px solid #dedede; background:#fff; padding:20px 15px}
.cm_order_benefit .point_box li {list-style:none; overflow:hidden;}
.cm_order_benefit .point_box .mypoint dt {font-size:17px; font-weight:400; 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_benefit .point_box .apply_point {margin-top:10px;}
.cm_order_benefit .point_box .apply_point input {border:2px solid #ff6600; height:40px; border-radius:4px; text-align:right; padding:0 10px; color:#000; width:100%; font-size:16px; letter-spacing:0; box-sizing:border-box; }
.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 {margin-top:5px; width:50%; float:left;}
.cm_order_benefit .point_box .apply_point .button_pack:first-of-type {padding-right:2px}
.cm_order_benefit .point_box .apply_point .button_pack:last-of-type {padding-left:2px}
.cm_order_benefit .point_box .apply_point .button_pack:only-of-type {padding:0; width:100%; float:none;}




/* ●●●●●●●●●● 장바구니 계산 */
.cm_shop_last_sum {overflow:hidden; background:#fff; border:2px solid #393b40; text-align:right; border-radius:0 0 20px 20px; margin:0 10px; }
.cm_shop_last_sum li {list-style:none;}
.cm_shop_last_sum .box {display:block; position:relative; padding:5px 10px; border-bottom:1px solid #ddd}
.cm_shop_last_sum .box:last-of-type {border-bottom:0}
.cm_shop_last_sum .txt {font-size:14px; color:#333; position:absolute; left:10px; top:50%; margin-top:-7px}
.cm_shop_last_sum .price {overflow:hidden; margin-top:3px; }
.cm_shop_last_sum .price em {font-size:17px; margin:2px 0 0 2px; float:left; color:#333}
.cm_shop_last_sum .price strong {font-size:20px; font-weight:600; color:#333; font-family:'Heebo'; float:left;}
.cm_shop_last_sum .box .icon {width:20px; height:20px; border-radius:100px; position:absolute; left:50%; top:50%; margin:-11px 0 0 -10px; text-align:center; }
.cm_shop_last_sum .normal_box .icon {display:none}
.cm_shop_last_sum .plus_box .price strong {color:#007cdc}
.cm_shop_last_sum .minus_box .price strong {color:#559d20}
.cm_shop_last_sum .equal_box { border-right:0}
.cm_shop_last_sum .equal_box .price strong {color:#ff6000;}
.cm_shop_last_sum .plus_box .icon {border:1px solid #007cdc; background:#fff;}
.cm_shop_last_sum .plus_box .shape {width:12px; height:2px; background:#007cdc; position:absolute; left:50%; top:50%; margin:-1px 0 0 -6px}
.cm_shop_last_sum .plus_box .shape:before {content:''; background:#007cdc; width:2px; height:12px; position:absolute; left:50%; top:50%; margin:-6px 0 0 -1px}
.cm_shop_last_sum .minus_box .icon {border:1px solid #559d20; background:#fff;}
.cm_shop_last_sum .minus_box .shape {width:12px; height:2px; background:#559d20; position:absolute; left:50%; top:50%; margin:-1px 0 0 -6px}
.cm_shop_last_sum .equal_box .icon {border:1px solid #ff6100; background:#fff;}
.cm_shop_last_sum .equal_box .shape {width:12px; height:2px; background:#ff6100; position:absolute; left:50%; top:50%; margin:-3px 0 0 -6px}
.cm_shop_last_sum .equal_box .shape:before {content:''; background:#ff6100; width:12px; height:2px; position:absolute; left:50%; top:50%; margin:3px 0 0 -6px}
.cm_shop_last_sum .save_point {overflow:hidden; text-align:center; border-top:1px solid #ddd; padding:10px; background:#fafafa; color:#999; clear:both; font-size:13px; border-radius:0 0 20px 20px; }
.cm_shop_last_sum .save_point strong {color:#000; letter-spacing:0px;}






/* ●●●●●●●●●● 입력폼테이블 */
.cm_order_form {}
.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:10px; top:23px; color:#888; padding-left:12px; }
.cm_order_form .opt {background:transparent url('../images/cm_images/member_form_bullet.png') left center no-repeat; background-size:8px;  }
.cm_order_form.if_noinput .opt {top:12px}
.cm_order_form .value strong {color:#ff0000;}
.cm_order_form .value {margin-left:100px; background:#fff; overflow:hidden; padding:10px 10px 5px 0; line-height:18px; font-size:13px; color:#444; letter-spacing:0px; overflow:hidden; min-height:22px;}
.cm_order_form .ess .opt {background-image:url('../images/cm_images/member_form_bullet2.png');}
.cm_order_form .input_design {box-sizing:border-box; float:left; width:100%; background:#f1f1f1; border:1px solid #c1c1c1; border-right:0; border-bottom:0; height:40px; padding:0 10px; color:#666; border-radius:5px; letter-spacing:0px; font-size:13px; margin-bottom:5px}
.cm_order_form .input_design:focus {background-color:#ddd; color:#333}
.cm_order_form .textarea_design {line-height:18px; height:90px; padding:10px !important; color:#666; border-radius:5px; font-size:13px; margin-bottom:5px; box-sizing:border-box; }
.cm_order_form .textarea_design {background:#f1f1f1; border:1px solid #c1c1c1; border-right:0; border-bottom:0; word-wrap:break-word; word-break:break-all; white-space:pre-line;}
.cm_order_form .textarea_design:focus {background-color:#ddd; color:#333}
.cm_order_form .textarea_design::-webkit-input-placeholder {word-wrap:break-word; word-break:break-all; white-space:pre-line;}
.cm_order_form .textarea_design::input-placeholder {word-wrap:break-word; word-break:break-all; white-space:pre-line;}

.cm_order_form label {border-radius:30px; border:1px solid #ddd; display:block; line-height:20px; padding:7px 15px 7px 10px; margin-bottom:5px; font-size:13px; box-sizing:border-box; letter-spacing:-1px;}
.cm_order_form .dash {float:left; margin:20px 5px 0 5px; font-size:15px; width:10px; height:1px; background:#ccc;}
.cm_order_form .button_pack {margin-bottom:5px; clear:both}
.cm_order_form .tip_txt {clear:both;}
.cm_order_form .tip_txt dd {line-height:15px; color:#999; font-size:11px;}
.cm_order_form .tip_txt dt {line-height:15px; color:#ff4949; font-size:11px;}
.cm_order_form .text_multi {overflow:hidden;}
.cm_order_form .text_multi dt {color:#000; padding:8px 0; font-size:13px;}
.cm_order_form .text_multi dd {border-top:1px dotted #ddd; padding:8px 0; font-size:13px;}

.cm_order_form .before_address {background:#fff; border:1px solid #666; margin:5px 10px 10px 10px; border-radius:10px; position:relative; overflow-y:auto; max-height:300px}
.cm_order_form .before_address .data {letter-spacing:0px; line-height:14px; padding:12px 15px; color:#666; position:relative; padding-right:90px; overflow:hidden; border-bottom:1px solid #ddd}
.cm_order_form .before_address .data strong {color:#000; margin-right:5px}
.cm_order_form .before_address .button_pack {position:absolute; right:10px; top:50%; margin-top:-13px}
.cm_order_form .before_address:before {content:''; width:0; height:0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #333; position:absolute; right:30px; top:-8px;}

.cm_order_form .adress_tip {color:#999; font-size:11px; line-height:1.4; padding:10px; text-align:right; display:block;}
.cm_order_form .adress_tip a {font-weight:600; text-decoration:underline; color:#000;}


/* 결제정보 (마지막단계) */
.cm_order_form .thisis_price {background:#fff; border:1px solid #333; overflow:hidden; position:relative; padding:15px 15px; margin:10px 10px 0 10px}
.cm_order_form .thisis_price .txt {font-size:15px; color:#333; position:absolute; left:15px; top:50%; margin-top:-10px; border-right:1px solid #ddd; padding-right:15px; line-height:20px; letter-spacing:-1px;}
.cm_order_form .thisis_price .price {text-align:right; }
.cm_order_form .thisis_price .price strong {font-size:23px; color:#ff0000; font-family:'Heebo'; float:left;}
.cm_order_form .thisis_price .unit {float:left; font-size:16px; color:#333; margin:5px 0 0 2px}
.cm_order_form .thisis_price .unit_front {display:none; float:left; font-size:16px; font-weight:600; color:#333; margin:10px 3px 0 0}

.cm_order_form .payway {overflow:hidden; padding:10px 10px 12px 10px}
.cm_order_form .payway dd {width:50%; float:left; box-sizing:border-box; padding:2px 2px 2px 2px}
.cm_order_form .payway dd:only-of-type {float:none; width:100%; padding:2px 0 2px 0}
.cm_order_form .payway label {text-align:center; border-radius:10px; padding:50px 0 5px 0; border:1px solid #ddd; letter-spacing:-1px; box-sizing:border-box; position:relative; margin:0}
.cm_order_form .payway label input {position:absolute; left:8px; top:8px;}
.cm_order_form .payway .use_card {background:transparent url('../images/cm_images/shop_pay_card.png') center 15px no-repeat; background-size:25px;}
.cm_order_form .payway .use_real {background:transparent url('../images/cm_images/shop_pay_real.png') center 15px no-repeat; background-size:25px;}
.cm_order_form .payway .use_vert {background:transparent url('../images/cm_images/shop_pay_vert.png') center 15px no-repeat; background-size:25px;}
.cm_order_form .payway .use_bank {background:transparent url('../images/cm_images/shop_pay_bank.png') center 15px no-repeat; background-size:25px;}
.cm_order_form .payway .use_point {background:transparent url('../images/cm_images/shop_pay_point.png') center 20px no-repeat; background-size:25px;}
.cm_order_form .payway .use_phone {background:transparent url('../images/cm_images/shop_pay_phone.png') center 15px no-repeat; background-size:20px;}




/* ●●●●●●●●●● 가입완료메세지 */
.cm_shop_ok_message {background:#fff; overflow:hidden; padding:10px; text-align:center;}
.cm_shop_ok_message img {width:100%; max-width:150px}
.cm_shop_ok_message .notice {border-bottom:1px solid #eee; padding-bottom:20px; font-weight:400; font-size:23px; margin-bottom:5px}
.cm_shop_ok_message .notice strong {color:#000; font-weight:400; font-family:inherit}
.cm_shop_ok_message .txt {font-size:14px; margin-top:10px; letter-spacing:-1px; color:#999}
.cm_shop_ok_message .order_number {background:#ff6600; border-radius:100px; color:#fff; padding:10px 20px; font-size:17px; font-weight:600; margin-top:10px}
.cm_shop_ok_message .order_number strong {letter-spacing:0px; }
.cm_shop_ok_message .cm_user_guide {margin-left:0; margin-right:0}



/* ●●●●●●●●●● 비회원주문검색 */
.cm_guest_order {overflow:hidden; padding:10px; position:relative; background:#fff url('../images/cm_images/guest_img.jpg') 10px 10px no-repeat; background-size:120px;}
.cm_guest_order .gtxt_box { font-size:13px; color:#888; line-height:16px;}
.cm_guest_order .gtxt_box strong,.cm_guest_order .gtxt_box b {font-weight:400; color:#333}
.cm_guest_order .telnumber {font-size:18px; color:#333; margin:15px 0 20px 110px; line-height:25px;}
.cm_guest_order .telnumber .call {font-family:'Heebo'; font-size:24px; font-weight:600; color:#333; margin-top:3px; display:block;  }
.cm_guest_order .search_form {margin-top:15px; position:relative; overflow:hidden}
.cm_guest_order .search_form .input_box {overflow:hidden;}
.cm_guest_order .search_form .input_box li {list-style:none; width:50%; float:left; padding:0 2px 0 0; box-sizing:border-box;}
.cm_guest_order .search_form .input_box li:last-of-type {padding:0 0 0 2px}
.cm_guest_order .search_form .input_design {background:#fff; border:1px solid #ccc; font-size:13px; height:35px; padding:0 10px; border-radius:5px; box-sizing:border-box; width:100%;}
.cm_guest_order .search_form .input_design:focus {background:#eee; color:#000; border:1px solid #666;}
.cm_guest_order .search_form .input_name {width:120px}
.cm_guest_order .search_form .input_number {width:250px;}
.cm_guest_order .btn_search {width:100%; background:#5b5b5b; height:35px; color:#fff; font-size:13px; text-align:center; border-radius:5px; margin-top:5px}





/*  ●●●●●●●●●● 주문상세에서 주문번호 */
.cm_order_number {text-align:center; border:1px solid #ff6600; margin-bottom:-10px; margin-top:10px; padding:10px; }
.cm_order_number .order_number {display:block; color:#ff6600; font-size:17px; font-weight:400;}
.cm_order_number .btn_box {display:block; margin-top:10px; text-align:center;}
.cm_order_number .btn_box .button_pack {float:left; margin:0 4px}





/* ●●●●●●●●●● 장바구니에서 상품보여주기 */
.cm_cart_aditem {padding:20px 0; overflow:hidden; background:#eee;}
.cm_cart_aditem .inner_box {position:relative; /* box-shadow:0 0 8px rgba(0,0,0,0.2);  padding:0 15px 15px 15px; */}
.cm_cart_aditem .group_title {text-align:center; border-bottom:1px solid #ddd; box-sizing:border-box; height:29px;}
.cm_cart_aditem .group_title .txt {position:relative; font-size:17px; color:#000; font-weight:600; border-bottom:3px solid #000; height:30px; box-sizing:border-box; padding:0 10px;}
.cm_cart_aditem .btn_more {color:#333; border:1px solid #ddd; border-radius:100px; padding:10px; display:block; text-align:center; font-size:13px; background:#fff; margin:10px 20px}

.cm_cart_aditem .ad_item_list {overflow:hidden; background:#fff; padding:10px 15px 20px 15px;}
.cm_cart_aditem .ad_item_list li {list-style:none; width:33.33333%; float:left; position:relative; box-sizing:border-box; padding:8px; margin-top:6px}

.cm_cart_aditem .ad_item_box {position:relative;}
.cm_cart_aditem .ad_item_box .thumb {overflow:hidden;}
.cm_cart_aditem .ad_item_box .thumb img {width:100%;}
.cm_cart_aditem .ad_item_box dt {margin-top:5px; color:#333; height:28px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-break:break-all; font-size:12px;}
.cm_cart_aditem .ad_item_box dd {margin-top:6px; overflow:hidden; height:30px;}
.cm_cart_aditem .ad_item_box .before {float:left; color:#888; margin-right:5px; position:relative; padding:0 2px; font-size:12px;}
.cm_cart_aditem .ad_item_box .before:before {content:""; width:100%; height:1px; background:#999; position:absolute; left:0; top:50%; margin-top:-1px}
.cm_cart_aditem .ad_item_box .after {float:left; color:#ff6600; font-weight:600; font-size:12px;}
.cm_cart_aditem .ad_item_box:hover dt {text-decoration:underline}

.cm_cart_aditem .ad_item_btn {overflow:hidden; border:1px solid #ddd; text-align:center; position:relative; margin:10px 0 0 0; box-sizing:border-box;}
.cm_cart_aditem .ad_item_btn:before {content:""; width:1px; height:100%; background:#ddd; position:absolute; left:50%; top:0;}
.cm_cart_aditem .ad_item_btn .btn {display:block; float:left; width:50%; height:25px;}
.cm_cart_aditem .ad_item_btn .btn:hover {background-color:#eee;}
.cm_cart_aditem .ad_item_btn .btn .txt {padding-left:15px; font-size:11px; font-weight:600; color:#333; line-height:25px; display:none;}
.cm_cart_aditem .ad_item_btn .btn_open {background:transparent url('../images/cm_images/cart_aditem_ic_open.png') center center no-repeat; background-size:11px;}
.cm_cart_aditem .ad_item_btn .btn_wish {background:transparent url('../images/cm_images/cart_aditem_ic_wish.png') center center no-repeat; background-size:12px;}
.cm_cart_aditem .ad_item_btn .if_wish {background:transparent url('../images/cm_images/cart_aditem_ic_wish_hit.png') center center no-repeat; background-size:12px;}

.cm_cart_aditem .cart_recomm {padding-top:20px}

/* horiz */
@media screen and (min-width:500px) {
	.cm_cart_aditem .ad_item_list li {width:25%;}
}




/* 프로모션 코드추가 */
.cm_code_box {overflow:hidden; position:relative; padding:0 15px 15px 15px; background:#eee; text-align:center; margin:20px 10px 10px 10px}
.cm_code_box .code_txt {font-size:16px; color:#333; color:#333; letter-spacing:-1px; padding:12px 0 10px 25px; background:transparent url('../images/cm_images/promotion_code.png') left top no-repeat; background-size:20px; }
.cm_code_box .code_form {overflow:hidden; display:block;}
.cm_code_box input {background:#fff; height:35px; padding:0 10px !important; font-size:14px; font-weight:600; color:#333; width:100%; box-sizing:border-box; border:2px solid #44464b !important; margin-right:5px; border-radius:3px;}
.cm_code_box input:focus {background:#ddd;}
.cm_code_box .button_pack {margin-top:5px; width:50%; float:left;}
.cm_code_box .button_pack:first-of-type {padding-right:2px}
.cm_code_box .button_pack:last-of-type {padding-left:2px}
.cm_code_box .button_pack:only-of-type {padding:0; width:100%; float:none;}