@charset 'utf-8';

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


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




/* ●●●●●●●●●● 마이페이지 단락타이틀 */
.cm_mypage_ctrl {overflow:hidden; padding-bottom:5px;}
.cm_mypage_ctrl .btn {float:right;}
.cm_mypage_ctrl .btn a {margin-left:5px !important;}





/* ●●●●●●●●●● 목록 탭메뉴(카테고리있을경우) */
.cm_mypage_tab {overflow:hidden; background:#eee; border-top:1px solid #ddd; border-right:1px solid #ddd; position:relative;}
.cm_mypage_tab:before {content:''; width:1px; height:100%; background:#ddd; position:absolute; left:0; top:0;}
.cm_mypage_tab a {float:left; padding:15px 25px; border-right:1px solid #ddd;}
.cm_mypage_tab .hit {background:#fff; color:#000; font-weight:600}





/* ●●●●●●●●●● 마이통계치 */
.cm_mypage_sumbox {overflow:hidden; margin-bottom:30px;}
.cm_mypage_sumbox dt,.cm_mypage_sumbox dd {width:50%; float:left; text-align:center; line-height:70px; color:#fff;}
.cm_mypage_sumbox b {font-weight:600; letter-spacing:0px;}
.cm_mypage_sumbox dt {background:#485362; font-size:17px; letter-spacing:0px;}
.cm_mypage_sumbox dd {background:#a5a5a5;}




/* ●●●●●●●●●● 회원탈퇴 */
.cm_mypage_leave {overflow:hidden; padding:40px 0 30px 0; background:#fff;}
.cm_mypage_leave li {list-style:none}
.cm_mypage_leave .title_img {color:#999; font-size:17px; font-weight:normal; height:60px; letter-spacing:-1px; text-align:center;}
.cm_mypage_leave .title_img strong { font-family:'lato'; font-size:40px; color:#333; font-weight:600; }
.cm_mypage_leave .sub_txt {border-top:1px solid #eee; padding:20px; text-align:center; line-height:18px;}
.cm_mypage_leave .sub_txt strong {color:#ff6600; font-weight:400}
.cm_mypage_leave .form_box {position:relative; width:600px; margin:0 auto; overflow:hidden}
.cm_mypage_leave .form_box ul {overflow:hidden; position:relative; float:left;}
.cm_mypage_leave .form_box li {margin:0 0 5px 0; overflow:hidden; position:relative;}
.cm_mypage_leave .form_box .input_design {height:63px; line-height:63px; width:453px; font-size:15px; letter-spacing:0px; text-indent:55px; color:#888; float:left; border:0; background:#ededed; border:1px solid #d1d1d1;}
.cm_mypage_leave .form_box .input_design:focus {color:#000; background-color:#fafafa; border:1px solid #999;}
.cm_mypage_leave .form_box .login_id:before {content:''; width:63px; height:63px; position:absolute; left:0; top:0; background:transparent url('../images/cm_images/member_login_id.png') center center no-repeat}
.cm_mypage_leave .form_box .login_pw:before {content:''; width:63px; height:63px; position:absolute; left:0; top:0; background:transparent url('../images/cm_images/member_login_pw.png') center center no-repeat}
.cm_mypage_leave .btn_leave {background: #56585f; width:140px; height:135px; border:0; color:#fff; font-size:17px; font-weight:600; float:right; letter-spacing:-1px;}
.cm_mypage_leave .btn_leave:hover {background: #222; color:#fff;}





/* ●●●●●●●●●● 마이페이지 기본리스트 */
.cm_mypage_list {border-top:2px solid #333;}
.cm_mypage_list table {width:100%;}
.cm_mypage_list th {background:#efefef; color:#333; font-weight:400; padding:15px 0; border-bottom:1px solid #b4b4b4; border-left:1px solid #dadada;}
.cm_mypage_list th:first-child {border-left:0;}
.cm_mypage_list tr:hover {background:#fbfbfb;}
.cm_mypage_list td {padding:10px; border-bottom:1px solid #dadada; border-left:1px solid #dadada; text-align:center; vertical-align:middle; line-height:20px; letter-spacing:0px; position:relative;}
.cm_mypage_list td:first-child {border-left:0;}
.cm_mypage_list td .button_pack {margin-top:5px;}
.cm_mypage_list img {width:100px;}
.cm_mypage_list .date {color:#999;}
.cm_mypage_list .title {text-align:left; color:#444;}
.cm_mypage_list .title a {color:#444;}
.cm_mypage_list .title a:hover {text-decoration:underline}
.cm_mypage_list .title_color {color:#ff6600; font-weight:600; font-size:13px;}
.cm_mypage_list .if_center {text-align:center;}
.cm_mypage_list .price {color:#ff6600; text-align:right; font-weight:600}
.cm_mypage_list .price.if_minus {color:#0058b4;}
.cm_mypage_list .mark {background:transparent url('../images/cm_images/inner_star.png') no-repeat; width:75px; height:15px; position:absolute; right:10px; top:10px;}
.cm_mypage_list .star {background:transparent url('../images/cm_images/inner_star.png') 0 -20px no-repeat; width:100%; height:100%; float:left;}
/* 나의글 열고닫기 */
.cm_mypage_list .my_posting {margin-top:3px; line-height:16px;}
.cm_mypage_list .open_conts {color:#333; display:none;}
.cm_mypage_list .open_title {color:#000; font-weight:600; font-size:14px; margin-bottom:5px}
.cm_mypage_list .reply {padding:20px 30px 15px 55px; overflow:hidden; text-align:left; border:1px solid #eee; background:#fafafa url('../images/cm_images/ic_faq_a.gif') 20px 18px no-repeat; margin:20px 0 0 30px}
.cm_mypage_list .reply+ .reply {margin-top:5px}
.cm_mypage_list .reply .admin {display:block; color:#ff6600; margin-bottom:5px; overflow:hidden;}
.cm_mypage_list .reply .admin .name {font-weight:600; color:#000; float:left;}
.cm_mypage_list .reply .admin .date {color:#333; letter-spacing:0px; float:left;}
.cm_mypage_list .reply .admin .bar {background:#ccc; float:left; width:1px; height:10px; margin:4px 10px 0 10px}
.cm_mypage_list .reply .btn_delete {background:transparent url('../images/cm_images/comment_delete.gif') center center no-repeat; border:1px solid #ddd; width:15px; height:15px; float:left; margin:0 0 0 10px;}
.cm_mypage_list .reply .btn_delete:hover {background-color:#ddd;}
.cm_mypage_list tr:hover .reply {background-color:#fff;}
.cm_mypage_list .btn_item {display:block; color:#ff6600 !important; }
.cm_mypage_list .btn_open {display:block;}
.cm_mypage_list .btn_open:hover {text-decoration:underline; line-height:;}
.cm_mypage_list .btn_close_conts {display:none}
.cm_mypage_list .open_full .open_conts {display:block;}
.cm_mypage_list .open_full .my_posting {display:none}
.cm_mypage_list .open_full .btn_close_conts {display:inline-block;}
.cm_mypage_list .open_full .btn_open_conts {display:none}
.cm_mypage_list.list_point .no_icon {background:transparent url('../images/cm_images/no_conts_my_point.png') center bottom no-repeat;}
.cm_mypage_list.list_coupon .no_icon {background:transparent url('../images/cm_images/no_conts_coupon.png') center bottom no-repeat;}
.cm_mypage_list.list_posting .no_icon {background:transparent url('../images/cm_images/no_conts_my_posting.png') center bottom no-repeat;}





/* 장바구니 다시담기 (마이페이지) */
.btn_re_cart {position:absolute; left:5px; top:15px; width:48px; height:48px; z-index:9; border-radius:100px;}
.btn_re_cart {background:#008dc1 url('../images/cm_images/order_view_icon1.png') 10px center no-repeat; box-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.btn_re_cart:before {display:none; background:#000; font-size:11px; color:#fff; content:"장바구니 다시담기";  position:absolute; left:40px; top:14px; padding:5px 3px; text-align:center; width:100px; border-radius:100px;}
.btn_re_cart.if_cart {background:#3c3c3c url('../images/cm_images/order_view_icon2.png') 10px center no-repeat;}
.btn_re_cart.if_soldout {background:#b90000 url('../images/cm_images/order_view_icon3.png') center center no-repeat;}
.btn_re_cart:hover:before {display:block;}
.btn_re_cart.if_cart:before {content:"장바구니 담긴상품";}
.btn_re_cart.if_soldout:before {content:"품절된 상품";}






/* ●●●●●●●●●● 마이페이지 찜 */
.cm_mypage_wish {overflow:hidden; border-top:1px solid #eee; /* border-top:2px solid #333; */}
.cm_mypage_wish ul {overflow:hidden; text-align:left;}
.cm_mypage_wish li {float:left; width:25%; padding:25px 0; list-style:none; }
.cm_mypage_wish .wish_box {margin:0 15px; min-height:250px; position:relative;}
.cm_mypage_wish .wish_box .thumb {overflow:hidden; display:block;}
.cm_mypage_wish .wish_box .thumb img {width:100%; float:left;}
.cm_mypage_wish .wish_box dd {position:relative; overflow:hidden; border-top:1px solid #eee; }
.cm_mypage_wish .wish_box .title {margin:10px 0; height:28px; overflow:hidden; color:#666; display:block}
.cm_mypage_wish .wish_box .title:hover {color:#333; text-decoration:underline}
.cm_mypage_wish .price {color:#999; position:relative; line-height:22px; overflow:hidden; padding-top:10px; color:#ff6600; letter-spacing:0px; font-weight:600; float:left; font-size:13px;}
.cm_mypage_wish label {padding:5px; position:absolute; right:60px; bottom:0;}
.cm_mypage_wish .button_pack {position:absolute; right:0; bottom:0;}
.cm_mypage_wish .cm_no_conts .no_icon {background:transparent url('../images/cm_images/no_conts_my_wish.png') center bottom no-repeat;}






/* ●●●●●●●●●● 주문내역조회 */
.cm_order_search {background:#fff; margin-bottom:20px; overflow:hidden;}
.cm_order_search .period {float:left; overflow:hidden;}
.cm_order_search .period .btn {float:left; padding:0 20px; border:1px solid #ddd; line-height:33px; background:#fff; border-radius:50px; margin-right:5px}
.cm_order_search .period .hit {background:#5b5b6b; border:1px solid #5b5b6b; color:#fff}
.cm_order_search .detail {float:right; overflow:hidden;}
.cm_order_search .detail .input_date {border:1px solid #ddd; height:33px; line-height:33px; float:left; padding:0 10px 0 35px; width:80px;  letter-spacing:0}
.cm_order_search .detail .input_date {background:#fff url('../images/cm_images/ic_date.png') 10px center no-repeat;}
.cm_order_search .detail .input_date:focus {border:1px solid #666;}
.cm_order_search .detail .dash {float:left; margin:0 5px; line-height:35px; font-size:14px}
.cm_order_search .detail .button_pack {margin-left:10px;}








/* ●●●●●●●●●● 주문내역리스트 */
.cm_order_list {overflow:hidden; border-top:2px solid #333}
.cm_order_list dl {border-bottom:1px solid #d9d9d9; }
.cm_order_list dt {background:#fcfcfc; position:relative; overflow:hidden; padding:15px; border-bottom:1px solid #eee}
.cm_order_list .number {color:#333; font-weight:600; margin-right:60px; font-size:15px; margin-bottom:5px}
.cm_order_list .date {color:#888;}
.cm_order_list .price {color:#888; margin-top:10px}
.cm_order_list .price strong {color:#ff0000;}
.cm_order_list .btn_view {position:absolute; right:15px; top:15px; color:#333; padding-right:10px;}
.cm_order_list .btn_view:before {content:''; width: 0; height: 0; border-top: 4px solid transparent; border-left: 4px solid #000; border-bottom: 4px solid transparent; position:absolute; right:0; top:50%; margin-top:-4px}
.cm_order_list .btn_view:hover {color:#ff0000}
.cm_order_list .btn_view:hover:before {border-left: 4px solid #ff0000; }
.cm_order_list dd {padding:15px; overflow:hidden; min-height:100px; position:relative;}
.cm_order_list .item_thumb {overflow:hidden; width:100px; height:100px; position:absolute; left:15px; top:15px; }
.cm_order_list .item_thumb img {width:100%;}
.cm_order_list .item_info {margin:0 230px 0 120px}
.cm_order_list .item_info li {list-style:none; padding:2px 0; color:#333}
.cm_order_list .icon_state {position:absolute; right:110px; top:50%; margin-top:-45px; width:90px; height:90px; border:1px solid #666; border-radius:100px; line-height:90px; text-align:center; font-size:13px; background:#fff; font-weight:600}
.cm_order_list .state_ready {border:1px solid #699f00; color:#699f00}
.cm_order_list .state_pay {border:1px solid #1c9695; color:#1c9695}
.cm_order_list .state_deliver {border:1px solid #0057b9; color:#0057b9}
.cm_order_list .state_ok {border:1px solid #ca0000; color:#ca0000}
.cm_order_list .state_cancel {border:1px solid #999; color:#999}
.cm_order_list .btn_box {position:absolute; right:10px; top:50%; margin-top:-40px; width:80px; z-index:5}
.cm_order_list .btn_box .if_view {margin-top:30px;}
.cm_order_list .btn_box .if_cancel {position:absolute; left:0; top:10px;}
.cm_order_list .btn_box .if_cancel+ .if_view  {margin-top:45px;}
.cm_order_list dl:hover {background:#fafafa;}
.cm_order_list .no_icon {background:transparent url('../images/cm_images/no_conts_my_order.png') center bottom no-repeat;}







/* ●●●●●●●●●● 고객센터메인 */
.cm_mypage_main {overflow:hidden;}
.cm_mypage_main .quick_btn {margin-top:30px}
.cm_mypage_main .quick_btn .title_box {background:transparent url('../images/cm_images/service_main_linebg.png') left top repeat; height:10px;  text-align:center;}
.cm_mypage_main .quick_btn .title_box .txt {background:#fff; padding:0 20px; font-size:14px; color:#999; margin-top:-22px}
.cm_mypage_main .quick_btn .title_box .txt strong {display:block; color:#333; font-family:'lato'; font-size:30px; margin-bottom:8px}
.cm_mypage_main .quick_btn ul {overflow:hidden; margin-top:50px}
.cm_mypage_main .quick_btn li {float:left; width:20%; list-style:none; text-align:center; position:relative;}
.cm_mypage_main .quick_btn li:before {content:''; width:1px; height:80px; background:#eee; position:absolute; left:0; top:20px;}
.cm_mypage_main .quick_btn li:first-of-type:before {display:none;}
.cm_mypage_main .quick_btn .btn_go {display:block;}
.cm_mypage_main .quick_btn .img_box {display:block; padding-top:20px; height:75px;}
.cm_mypage_main .quick_btn .btn_go:hover {background:transparent url('../images/cm_images/service_main_btn_ov.png') center top no-repeat;}
.cm_mypage_main .quick_btn .number {display:block; font-family:'lato'; font-size:30px; margin-top:5px}
.cm_mypage_main .quick_btn .state_ready {color:#699f00}
.cm_mypage_main .quick_btn .state_pay {color:#1c9695}
.cm_mypage_main .quick_btn .state_deliver {color:#0057b9}
.cm_mypage_main .quick_btn .state_ok {color:#ca0000}
.cm_mypage_main .quick_btn .state_cancel {color:#999}
.cm_mypage_main .my_stats {margin-top:30px; overflow:hidden; border:1px solid #ddd; position:relative;}
.cm_mypage_main .my_stats:before {content:''; width:1px; height:100%; background:#ddd; position:absolute; left:50%; top:0; z-index:55}
.cm_mypage_main .my_stats li {list-style:none; width:50%; float:left;  position:relative;}
.cm_mypage_main .my_stats .inner_box {margin:25px;  line-height:20px; font-size:14px; overflow:hidden;}
.cm_mypage_main .my_stats .opt {font-size:14px; float:left; margin-right:30px; border-right:1px solid #ddd; padding-right:30px}
.cm_mypage_main .my_stats .value {font-family:'lato'; font-size:23px; float:left; color:#45484c;}
.cm_mypage_main .my_stats .unit {float:left; font-size:14px; }
.cm_mypage_main .my_stats .button_pack {position:absolute; right:20px; top:18px;}
.cm_mypage_main .my_stats li:hover {background:#fafafa;}
.cm_mypage_main .group_title {overflow:hidden; position:relative; border-bottom:2px solid #cfcfcf; color:#333; font-weight:600; font-size:14px; padding-bottom:10px;}
.cm_mypage_main .group_title .btn_all {position:absolute; right:0; top:5px; font-size:12px; font-weight:400}
.cm_mypage_main .cm_order_list {margin-top:50px; border-top:0}
.cm_mypage_main .recent_board {overflow:hidden; margin-top:70px}
.cm_mypage_main .recent_board li {list-style:none; width:50%; float:left;}
.cm_mypage_main .recent_board .cm_no_conts {margin:0; padding:0;}
.cm_mypage_main .board_wish {margin-right:15px; height:210px;}
.cm_mypage_main .board_wish .no_icon {background:transparent url('../images/cm_images/no_conts_mainboard.png') center bottom no-repeat; height:110px;}
.cm_mypage_main .wish_box {overflow:hidden; padding:20px 0; text-align:center;}
.cm_mypage_main .wish_box ul {/* display:inline-block */}
.cm_mypage_main .wish_box li {list-style:none; float:left; width:25%;}
.cm_mypage_main .wish_box .wish_item_box {overflow:hidden; position:relative; text-align:left; margin:0 5px}
.cm_mypage_main .wish_box .wish_item_box dt {color:#000; height:30px; padding:5px 0}
.cm_mypage_main .wish_box .wish_item_box dd {color:#ff6600; font-weight:600}
.cm_mypage_main .wish_box .wish_item_box .thumb {overflow:hidden; height:100px;}
.cm_mypage_main .wish_box .wish_item_box .thumb img {width:100%; float:left;}
.cm_mypage_main .wish_box .wish_item_box:hover dt {text-decoration:underline}
.cm_mypage_main .board_inquiry {margin-left:15px; height:210px;}
.cm_mypage_main .board_inquiry .no_icon {background:transparent url('../images/cm_images/no_conts_mainboard.png') center bottom no-repeat; height:110px;}
.cm_mypage_main .list_box {padding:15px 10px;}
.cm_mypage_main .list_box .date {font-weight:400; color:#ccc; margin-left:10px; padding-left:10px; position:relative;}
.cm_mypage_main .list_box .date:before {content:'';width:1px; height:10px; background:#ddd; position:absolute; left:0; top:8px; }
.cm_mypage_main .list_box .link {display:block; color:#888; line-height:30px; position:relative; overflow:hidden; padding-left:8px}
.cm_mypage_main .list_box .link:before {content:''; background:#5b5b5b; width:2px; height:2px; position:absolute; left:0; top:50%; margin-top:-2px}
.cm_mypage_main .list_box .link:hover {color:#000}
.cm_mypage_main .list_box .texticon_pack {position:absolute; right:0; top:3px;}