@charset 'utf-8';

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






/* 마이페이지 ----------------------------------------------------------------- */
.p_my { overflow:hidden; }
.p_my .c_cm_box { overflow:hidden; background:#fff; padding:60px 60px; }
.p_my .c_cm_box .cm_order_search { background:#fff; }


/* 마이페이지 메인 */

.p_my .c_main { overflow:hidden;  background:#fff;}
.p_my .c_main .main_top { overflow:hidden;}
.p_my .c_main .main_top li { list-style:none; /* float:left; width:50%;  */}

.p_my .c_main .myinfo_box {overflow:hidden; position:relative;}
.p_my .c_main .myinfo_box .info_box { overflow:hidden; padding:30px 50px; }
.p_my .c_main .reseller_icon { position:absolute; left:-30px; top:-15px; width:55px; height:55px; background:#2b2b2b; border-radius:100px; text-align:center; }
.p_my .c_main .reseller_icon .txt { padding-top:14px; font-size:13px; color:#fff; letter-spacing:-0.5px; line-height:16px; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_my .c_main .reseller_icon.if_ok { background:#cb3726; }
.p_my .c_main .my_type { float:left; width:105px; height:105px; border-radius:200px; background:#fff; text-align:center; margin-right:30px; position:relative;}
.p_my .c_main .my_type dl { padding-top:17px; }
.p_my .c_main .my_type dd { font-size:13px; color:#276b93; letter-spacing:-0.5px; line-height:1.1; margin-top:5px; }
.p_my .c_main .my_name { float:left; padding-top:24px; }
.p_my .c_main .my_name .hello { font-size:21px; color:#93b5c9; letter-spacing:-0.5px; line-height:1.1; }
.p_my .c_main .my_name .hello em { color:#fff; }
.p_my .c_main .my_name .date_box {margin-top:15px;}
.p_my .c_main .my_name .date_box span { font-size:15px; color:#bfd3df; letter-spacing:-0.5px; line-height:1.1; float:left;}
.p_my .c_main .my_name .date_box .date { font-family:'rubik'; position:relative; padding-left:12px; margin-left:12px; letter-spacing:0px; position:relative; font-weight:300;}
.p_my .c_main .my_name .date_box .date:before {content:""; width:1px; height:12px; background:transparent url('../images/cm_images/opacity_30.png') left top repeat; position:absolute; left:0; top:3px;}
.p_my .c_main .my_default { overflow:hidden; position:relative; position:absolute; right:0; top:0; width:50%; height:100%; background:transparent url('../images/sub_design/bg_black20.png') left top repeat;}
.p_my .c_main .my_default ul { overflow:hidden; position:relative; position:absolute; left:0; top:50%; width:100%; margin-top:-45px;}
.p_my .c_main .my_default ul:before {content:""; width:1px; height:100%; background:transparent url('../images/cm_images/opacity_40.png') left top repeat;position:absolute; left:50%; top:0;}
.p_my .c_main .my_default li { overflow:hidden; float:left; width:50%; list-style:none; text-align:center;}
/* .p_my .c_main .my_default .icon { float:left; margin:15px 7px 0 0; } */
.p_my .c_main .my_default .opt {color:rgba(255,255,255,0.5); font-size:13px; margin-bottom:5px;}
.p_my .c_main .my_default .value {line-height:30px; color:#fff; font-family:'rubik'; padding:0 10px; overflow:hidden; display:block;}
.p_my .c_main .my_default .num { font-size:19px;  /* padding-left:19px; background:transparent url('../images/sub_design/ic_phone.png') left center no-repeat; */}
.p_my .c_main .my_default .email { font-size:14px; /* padding-left:22px; background:transparent url('../images/sub_design/ic_email.png') left center no-repeat; */}
.p_my .c_main .my_default .txt { overflow:hidden; font-size:13px; color:#b8c0c5; letter-spacing:-0.5px; background:transparent url('../images/sub_design/bg_black60.png') left top repeat;}
.p_my .c_main .my_default .txt { height:40px; line-height:40px; text-align:center; position:absolute; left:0; bottom:0; width:100%;}
.p_my .c_main .if_cp .hello { color:#b1a4cc; }
.p_my .c_main .if_cp .date_box span { color:#d1c9e0; }
.p_my .c_main .if_cp .my_default .txt { color:#bfbcc5; }
.p_my .c_main .if_cp .my_type dd { color:#634998; }
.p_my .c_main .if_id { background:#276b93; }
.p_my .c_main .if_cp { background:#634998; }


.p_my .c_main .myservice_box { overflow:hidden; background:#353839; margin-top:20px;}
.p_my .c_main .myservice_box .title { font-size:25px; color:#fff; letter-spacing:-0.5px; font-weight:300; font-family:"NanumBarunGothic"; text-align:center; height:80px; line-height:81px; border-bottom:1px solid #5d6061; display:none;}
.p_my .c_main .myservice_box li { float:left; width:25% !important; text-align:center; padding:25px 0 20px 0; position:relative; }
.p_my .c_main .myservice_box li:before { content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#4a4c4d; }
.p_my .c_main .myservice_box li:first-child:before { display:none; }
.p_my .c_main .myservice_box dt { font-size:15px; color:#ccc; letter-spacing:-0.5px; line-height:20px; margin-bottom:8px;}
.p_my .c_main .myservice_box dd { display:inline-block; }
.p_my .c_main .myservice_box .num { font-size:30px; color:#fff; letter-spacing:-0.5px; font-family:'rubik'; line-height:1.1; float:left; font-weight:300;}
.p_my .c_main .myservice_box .kr { font-size:15px; color:#9a9c9c; letter-spacing:-0.5px; line-height:1.1;  margin:12px 0 0 2px; }
.p_my .c_main .myservice_box .important .num { color:#ff0000; }
.p_my .c_main .myservice_box .important .btn_go .txt { background:#cb3726; color:#fff; }
.p_my .c_main .myservice_box .btn_go { height:30px; margin-top:11px; }
.p_my .c_main .myservice_box .btn_go .txt { background:#fff; border-radius:20px; font-size:13px; letter-spacing:-0.5px; font-weight:400; line-height:1; padding:9px 24px 8px; color:#000}
.p_my .c_main .myservice_box .btn_go:hover .txt {  text-decoration:underline;  }
.p_my .c_main .myservice_box li:hover {background:#111;}


.p_my .menu_box { overflow:hidden; background:#eaeaea; width:50%; float:left;}
.p_my .menu_box .title { font-size:24px; color:#353839; letter-spacing:-0.5px; text-align:center; font-family:"NanumSquare";}
.p_my .menu_box ul { overflow:hidden; margin:0 0 0 -17px; padding:10px 30px 30px 30px; }
.p_my .menu_box li { list-style:none; float:left; width:50%; text-align:center; margin-top:20px;}
.p_my .menu_box .box { overflow:hidden; margin-left:17px; background:#fff; height:171px;  position:relative; }
.p_my .menu_box .img { margin-top:25px; }
.p_my .menu_box .img .over { display:none; }
.p_my .menu_box dl { padding:0 20px; margin-top:23px; }
.p_my .menu_box dt { font-size:19px; color:#000; letter-spacing:-0.5px; line-height:1.1; margin-bottom:10px; }
.p_my .menu_box dd { font-size:13px; padding:0 20px; color:#8f9296; letter-spacing:-0.5px; line-height:17px; word-wrap:break-word; word-break:keep-all; }
.p_my .menu_box .box:hover { background:#3c4042; }
.p_my .menu_box .box:hover .off { display:none; }
.p_my .menu_box .box:hover .over { display:inline-block; }
.p_my .menu_box .box:hover dt { color:#fff; }
.p_my .menu_box .box:hover dd  { color:#c5c6c7; }

.p_my .c_recent {background:#fff; margin-top:40px; overflow:hidden; border:1px solid #ddd; position:relative;}
.p_my .c_recent li {list-style:none;}
.p_my .c_recent .recent_wrap { overflow:hidden; float:right; width:50%;}
.p_my .c_recent .recent_box {margin:30px 40px 0 0;}
.p_my .c_recent .recent_title {margin-left:40px; margin-bottom:10px; border-bottom:2px solid #333; line-height:35px; padding-bottom:6px; position:relative;}
.p_my .c_recent .recent_title .link { padding-right:15px; font-size:21px; color:#000; background:transparent url('../images/sub_design/ic_board_tit.png') right 10px no-repeat;}
.p_my .c_recent .recent_title .link:hover {color:#cb3726; background:transparent url('../images/sub_design/ic_board_tit_over.png') right 10px no-repeat; }
.p_my .c_recent .recent_title .cm_bottom_button {position:absolute; right:0; top:5px; margin-top:0px; padding-top:0px;}
.p_my .c_recent .board_list {overflow:hidden; position:relative; margin-left:40px;}
.p_my .c_recent .board_list ul {margin-top:-1px;}
.p_my .c_recent .board_list li {position:relative; padding:0 130px 0 100px; overflow:hidden; border-top:1px solid #ddd;}
.p_my .c_recent .board_list .post_box {overflow:hidden; height:35px; display:inline-block; max-width:100%; float:left;}
.p_my .c_recent .board_list .post_box .new {width:14px; height:13px; display:inline-block; background:transparent url('../images/board_new.gif') left top no-repeat; float:right; margin:9px 0 0 4px;}
.p_my .c_recent .board_list .post_box .title {color:#474849; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; line-height:37px; height:35px;}
.p_my .c_recent .board_list .post_box .date {position:absolute; right:80px; top:0; line-height:37px; height:35px; color:#8f9193;}
.p_my .c_recent .board_list .post_box .state {position:absolute; right:0; top:6px;}
.p_my .c_recent .board_list .post_box .ctg {position:absolute; left:0; top:0; color:#000; line-height:37px; height:35px; font-size:13px;}
.p_my .c_recent .board_list .post_box .price {position:absolute; right:135px; top:0; color:#000; line-height:37px; height:35px; font-weight:600; font-size:13px;}
.p_my .c_recent .board_list li:hover .post_box .title {color:#cb3726; text-decoration:underline;}
.p_my .c_recent .board_list li:hover .post_box .date {color:#000;}
.p_my .c_recent .board_list li:hover .post_box .price {color:#cb3726;}
.p_my .c_recent .if_order li {padding:0 240px 0 0;}
.p_my .c_recent .cm_no_conts .no_icon {background:transparent url('../images/cm_images/no_conts_mainboard.png') center top no-repeat; height:60px;}
.p_my .c_recent .mymain_banner {position:absolute; right:0; bottom:0; margin:30px 40px; background:#eee; height:110px; width:460px; overflow:hidden;}
.p_my .c_recent .mymain_banner img {float:left; width:100%; height:100%;}






/* 나의주문내역 > 맞춤제작 계산 */
.p_my .c_ctmz_sum { overflow:hidden; border:3px solid #cb3726; position:relative; margin:30px 0; }
.p_my .c_ctmz_sum dl {position:relative; float:left; width:33.33333%; text-align:center;}
.p_my .c_ctmz_sum dl:before {content:""; width:1px; height:100%; background:#ddd; position:absolute; left:-1px; top:0;}
.p_my .c_ctmz_sum dt { font-size:15px; color:#333; letter-spacing:-0.5px; height:40px; line-height:48px; border-bottom:1px solid #ddd;}
.p_my .c_ctmz_sum dd {line-height:60px; height:60px;}
.p_my .c_ctmz_sum .date { font-size:24px; color:#333; letter-spacing:0px; font-family:'rubik'; }
.p_my .c_ctmz_sum .term { font-size:21px; color:#ff6600; letter-spacing:-0.5px; }
.p_my .c_ctmz_sum .num { float:left; font-size:25px; color:#cb3726; letter-spacing:0px; font-family:'rubik'}
.p_my .c_ctmz_sum .kr { float:left; font-size:17px; color:#000; margin:2px 0 0 2px; }



/* 리셀러신청 대기중 */
.p_my .c_re_ready {background:transparent url('../images/sub_design/re_ready_bg.jpg') left top no-repeat; height:610px; position:relative;}
.p_my .c_re_ready .card {background:#cb3726 url('../images/sub_design/re_ready_logo.png') 150px 170px no-repeat; border-radius:10px; width:480px; height:280px; position:absolute; left:50%; top:50%; margin:-140px 0 0 -240px;}
.p_my .c_re_ready .txt {position:absolute; left:10px; top:10px; color:#e59b93; font-family:"rubik"; background:transparent url('../images/sub_design/re_ready_ic.gif') left center no-repeat; padding-left:10px;}
.p_my .c_re_ready .date {position:absolute; right:10px; bottom:10px; font-family:"rubik"; color:#fff; font-size:14px; letter-spacing:5px;}
.p_my .c_re_ready dl {text-align:center; margin-top:90px;}
.p_my .c_re_ready dt {font-family:"NanumSquare"; color:#e59b93; font-size:18px; letter-spacing:-0.5px;}
.p_my .c_re_ready dd {font-family:"NanumSquare"; color:#fff; font-size:26px; margin-top:10px;}
.p_my .c_re_ready strong {text-decoration:underline; color:#000;}


/* 리셀러 실적내역 */
.p_my .re_service_box { overflow:hidden; background:#353839; margin-bottom:40px;}
.p_my .re_service_box .title { font-size:20px; color:#fff; letter-spacing:-0.5px; font-family:"NanumSquare"; text-align:center; height:80px; line-height:81px; border-bottom:1px solid #5d6061; }
.p_my .re_service_box .title strong {border-bottom:1px solid #fff;}
.p_my .re_service_box li { float:left; width:25% !important; text-align:center; padding:21px 0 20px 0; position:relative; list-style:none; height:95px;}
.p_my .re_service_box li:before { content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#4a4c4d; }
.p_my .re_service_box li:first-child:before { display:none; }
.p_my .re_service_box dt { font-size:15px; color:#fff; letter-spacing:0; line-height:20px; margin-bottom:8px; }
.p_my .re_service_box dd { display:inline-block;}
.p_my .re_service_box .num { font-size:32px; color:#ff0000; letter-spacing:0; font-family:'rubik'; line-height:1.1; float:left;}
.p_my .re_service_box .kr { font-size:15px; color:#9a9c9c; letter-spacing:-0.5px; line-height:1.1;  margin:14px 0 0 3px; }
.p_my .re_service_box .important .num { color:#fff; font-size:20px; margin-top:18px;}
.p_my .re_service_box .important .btn_go .txt { background:#cb3726; color:#fff; }
.p_my .re_service_box .add_txt {margin-top:10px; font-size:13px; color:#999;}
.p_my .re_service_box li:hover {background:#222;}



/* 견적금액결제 등 필수정보 */
.p_my .makeorder_agree { overflow:hidden; margin-top:60px; }
.p_my .makeorder_agree .title { font-size:24px; color:#cb3726; letter-spacing:-0.5px; line-height:1.1; text-align:center; margin-bottom:20px; }
.p_my .makeorder_agree .agree_box { border:2px solid #000; overflow:hidden; }
.p_my .makeorder_agree .box_txt { font-size:13px; color:#666; line-height:19px; letter-spacing:-0.5px; text-align:center; padding:20px 0 15px 0; background:#fbfbfb; /* border-bottom:1px solid #ccc; */ border-bottom:1px solid #ddd;}
.p_my .makeorder_agree .agree_list {overflow:hidden; display:table}
.p_my .makeorder_agree ul {overflow:hidden; display:table-row}
.p_my .makeorder_agree li { list-style:none; overflow:hidden; position:relative; border-top:1px solid #ddd; width:50%; display:table-cell; border-left:1px solid #ddd;}
.p_my .makeorder_agree li:hover {background:#fafafa;}
.p_my .makeorder_agree ul:first-child li {border-top:0;}
.p_my .makeorder_agree .full {width:100%; display:block;}
.p_my .makeorder_agree .num {position:absolute; left:0; top:50%; margin-top:-20px; font-size:45px; color:#cb3726; font-family:'rubik'; text-align:center; font-weight:300; width:150px; text-align:center; display:none;}
.p_my .makeorder_agree dl { /* border-left:1px solid #ddd; *//*  margin-left:150px;  */padding:25px 30px;}
.p_my .makeorder_agree dt { font-size:15px; color:#333; letter-spacing:-0.5px; margin-bottom:10px; }
.p_my .makeorder_agree dd { position:relative; }
.p_my .makeorder_agree dd+ dd {margin-top:8px;}
.p_my .makeorder_agree dd:before {content:""; width:3px; height:3px; background:#333; position:absolute; left:10px; top:6px;}
.p_my .makeorder_agree .opt { position:absolute; left:0; top:0; font-size:15px; color:#cb3726; letter-spacing:0px; font-family:'rubik'; line-height:22px; font-weight:600;}
.p_my .makeorder_agree .value { font-size:13px; color:#858a93; line-height:18px; margin-left:20px; word-wrap:break-word; word-break:keep-all; display:block; }
.p_my .makeorder_agree .value strong {text-decoration:underline; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_my .makeorder_agree .agree_check { text-align:center; background:#333; color:#fff; height:55px; line-height:60px; font-size:15px;}
.p_my .makeorder_agree .agree_check label input { margin-top:24px; }
.p_my .makeorder_agree.if_no_num dl {margin-left:0px;}
.p_my .makeorder_agree .data_table {overflow:hidden; padding:10px 20px;}
.p_my .makeorder_agree .data_table:before {display:none;}
.p_my .makeorder_agree .data_table table {width:100%; border:1px solid #ccc;}
.p_my .makeorder_agree .data_table table th {background:#eee; font-weight:400; color:#000; padding:10px 15px; border:1px solid #ccc;}
.p_my .makeorder_agree .data_table table td {padding:10px 15px; border:1px solid #ccc; line-height:1.5;}










/* ●●●●●●●●●● 회원탈퇴 */
.cm_mypage_leave {overflow:hidden; background:#fff; margin:60px 0 30px 0;}
.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:calibri; font-size:40px; color:#333; font-weight:600; }
.cm_mypage_leave .sub_txt {text-align:center; line-height:18px; font-size:15px;}
.cm_mypage_leave .sub_txt strong {color:#ff6600; font-weight:400}
.cm_mypage_leave .form_box {position:relative; max-width:500px; margin:0 auto; overflow:hidden}
.cm_mypage_leave .form_box ul {overflow:hidden; margin-right:145px; margin-top:-5px;}
.cm_mypage_leave .form_box li {margin-top:5px; overflow:hidden; position:relative;}
.cm_mypage_leave .form_box .input_design {height:63px; line-height:63px; font-size:15px; letter-spacing:0px; color:#888; border:0; background:#ededed; border:1px solid #d1d1d1; width:100%; box-sizing:border-box;}
.cm_mypage_leave .form_box .input_design {padding:0 30px 0 60px;}
.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:100%; border:0; color:#fff; font-size:17px; position:absolute; right:0; top:0;}
.cm_mypage_leave .btn_leave:hover {background:#cb3726; color:#fff;}






/* ●●●●●●●●●● 주문내역조회 */
.cm_order_search {background:#fff; margin-bottom:20px; overflow:hidden;}
.cm_order_search .period {float:left; overflow:hidden; height:35px;}
.cm_order_search .period li {list-style:none; float:left; margin-left:-1px;}
.cm_order_search .period li:first-of-type {margin-left:0px;}
.cm_order_search .period .btn {padding:0 15px; height:33px; line-height:35px; background:#fff; font-size:13px; border:1px solid #ccc; }
.cm_order_search .period .btn:hover {background:#eee; color:#000;}
.cm_order_search .period .hit .btn {background:#5b5b6b !important; border:1px solid #5b5b6b; color:#fff !important; box-shadow:inset 2px 2px 5px rgba(0,0,0,0.3);}
.cm_order_search .detail {float:right; overflow:hidden;}
.cm_order_search .detail .input_date {border:1px solid #ccc; height:33px; float:left; padding:0 10px 0 35px; width:75px; letter-spacing:0; color:#000; line-height:38px !important;}
.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_search .ctrl {float:right; overflow:hidden; margin-left:15px;}
.cm_order_search .ctrl label {float:left; height:33px; line-height:35px; font-size:13px; color:#000;  padding:0 15px;}
.cm_order_search .ctrl label input {float:left; margin:10px 4px 0 0;}






/* ●●●●●●●●●● 나의주문 > 맞춤제작주문내역 탑 */
.cm_my_top { overflow:hidden; margin-bottom:40px; background:#337397; }
.cm_my_top li { float:left; width:50%; text-align:center; list-style:none; }
.cm_my_top dt { background:#3d454a; font-size:15px; color:#fff; height:45px; line-height:47px; position:relative; }
.cm_my_top dd { font-size:15px; color:#fff; padding:20px; position:relative;}
.cm_my_top a{ display:block; font-size:14px; color:#fff; letter-spacing:0px; font-family:'rubik'; }
.cm_my_top a:hover { text-decoration:underline; }
.cm_my_top li:first-child dt:before { content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:#646a6e; }
.cm_my_top li:first-child dd:before { content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:#5c8fac; }






/* ●●●●●●●●●● 마이페이지 기본리스트 */
.cm_mylist {}
.cm_mylist ul {border-top:1px solid #bbb;}
.cm_mylist li {list-style:none;}
.cm_mylist .li {border-bottom:1px solid #ddd; position:relative; cursor:default; list-style:none; }
.cm_mylist .li {position:relative; overflow:hidden; text-align:center; padding:0 560px 0 70px;}
.n2019.cm_mylist .li {padding-left:150px;}
.cm_mylist .upper_link {height:45px}
/* .cm_mylist * {font-size:13px; color:#888;} */
.cm_mylist .if_open .cm_bottom_button ul {border-top:0;}

.cm_mylist .data_box {overflow:hidden; display:block; box-sizing:border-box;}
.cm_mylist .data_box div {height:45px; line-height:47px;}

.cm_mylist .number {position:absolute; left:0; top:0; width:60px; height:45px; line-height:47px; border-right:1px solid #ddd; }
.cm_mylist .type {position:absolute; left:60px; top:0; width:90px; height:45px; line-height:47px; border-right:1px solid #ddd; }
.cm_mylist .type strong {color:#999;}
.cm_mylist .type strong.t1 {color:#cb3726;}
.cm_mylist .type strong.t2 {color:#2683cb;}

.cm_mylist .title {color:#444; font-size:13px; display:block; padding:0 10px; text-align:left !important; overflow:hidden; position:relative;}
.cm_mylist .title a:hover {color:#cb3726 !important; text-decoration:underline;}

.cm_mylist .right_box {position:absolute; right:0; top:0; overflow:hidden;}
.cm_mylist .right_box span {float:left; height:45px; line-height:47px; border-left:1px solid #ddd; box-sizing:border-box; text-align:center !important; position:relative; padding:0 10px;}
.cm_mylist .right_box .lineup {float:none; border:0}



.cm_mylist .date {width:100px;}
.cm_mylist .date.start {color:#000;}
.cm_mylist .date.end {color:#000;}
.cm_mylist .edge { width:60px; background:transparent url('../images/cm_images/ic_faq_open.png') center center no-repeat;}
.cm_mylist .state {width:120px; padding:0px !important;}
.cm_mylist .state .texticon_pack {margin-top:10px; float:none; border-left:0 !important;}
.cm_mylist .custom {width:100px; padding:0px !important; color:#999;}
.cm_mylist .custom span {padding:0px;}
.cm_mylist .custom .btn_wrap {float:none; border-left:0 !important; position:absolute; left:0; top:10px; z-index:10; width:100%;}
.cm_mylist .custom .btn_wrap .button_pack {float:none; border-left:0 !important;}
.cm_mylist .extend {width:100px; padding:0px !important; font-size:12px;}
.cm_mylist .extend span {padding:0px;}
.cm_mylist .extend .btn_wrap {float:none; border-left:0 !important; position:absolute; left:0; top:10px; z-index:10; width:100%;}
.cm_mylist .extend .btn_wrap .button_pack {float:none; border-left:0 !important;}
.cm_mylist .price {width:160px;}
.cm_mylist .price .lineup {float:right}
.cm_mylist .price strong {float:left; font-size:19px; font-family:"rubik"; color:#cb3726;}
.cm_mylist .price em {float:left; margin:0 0 0 1px; color:#000;}
.cm_mylist .due {width:170px; color:#2385c3;}
.cm_mylist .phone {width:120px; color:#333;}
.cm_mylist .email {width:230px; color:#2385c3;}
.cm_mylist .own {width:220px;}
.cm_mylist .domain {width:230px; color:#2385c3;}
.cm_mylist .checkbox {width:60px;}
.cm_mylist .checkbox .label_design {float:none; }
.cm_mylist .checkbox .label_design span {padding:0px; width:30px;}
.cm_mylist .checkbox .label_design input {left:50%; margin-left:-6px;}
.cm_mylist .txt_wrap {display:block !important; float:none !important; width:100% !important; border:0 !important; line-height:18px !important; height:18px !important; overflow:hidden;}
.cm_mylist .txt_wrap+ .txt_wrap {margin-top:0px !important;}
.cm_mylist .by {width:130px; color:#666;}

.cm_mylist .label_design {overflow:visible; float:left; position:relative; margin-top:10px;}
.cm_mylist .label_design+ .label_design {margin-left:5px; }
.cm_mylist .label_design input {position:absolute; left:12px; top:50%; margin-top:-7px; z-index:2}
.cm_mylist .label_design span {color:#777; height:25px; line-height:27px; padding:0 15px 0 30px; background:#fff; letter-spacing:-0.5px; min-width:20px; border:1px solid #ddd; border-radius:5px; box-sizing:border-box;}
.cm_mylist .label_design:hover span {color:#000;}
.cm_mylist .label_design input:checked+ span {color:#fff; background:#cb3726; border-color:#cb3726;}
.cm_mylist label:hover {color:#ff0000; border:0; }


.cm_mylist li:hover {background-color:#fafafa;}
.cm_mylist li:hover .title {color:#cb3726}
/* .cm_mylist li:hover .data_box * {color:#333;} */

.cm_mylist .board_head {background:#eee !important; border-color:#ccc !important}
.cm_mylist .board_head * {color:#555 !important; font-size:13px !important; border-color:#ccc !important}
.cm_mylist .board_head .data_box {width:100%; padding:0px;}
.cm_mylist .board_head .title {padding:0px; text-align:center !important}
.cm_mylist .board_head .right_box span+ span {background:none !important;}


/* .cm_mylist .texticon_pack.checkicon span {line-height:25px !important;} */
/* .cm_mylist .btn_sm_white,.cm_mylist .btn_sm_black,.cm_mylist .btn_sm_color {line-height:22px;}
.cm_mylist .btn_md_white,.cm_mylist .btn_md_black,.cm_mylist .btn_md_color {line-height:33px;} */







/* 나의주문 */
.cm_my_order .cm_no_conts .no_icon {background:transparent url('../images/cm_images/no_conts_my_order.png') center bottom no-repeat;}
.cm_my_order .order_view {display:none; clear:both; line-height:20px; border:2px solid #333; position:relative; padding:35px; color:#333; font-size:13px; background:#f5f5f5; margin:0 -500px 0 -70px;}
.cm_my_order.n2019 .order_view {margin-left:-150px; margin-right:-480px;}
.cm_my_order .order_view .texticon_pack {position:absolute; right:10px; top:50%; margin-top:-14px;}
.cm_my_order .order_view .cm_order_form {text-align:left; !important; border-color:#ccc;}
.cm_my_order .order_view .cm_group_title {font-size:19px; text-align:left !important; color:#000;}
.cm_my_order .order_view .cm_group_title strong {font-size:inherit;}
.cm_my_order .order_view .btn_rename {position:absolute; right:10px; top:50%; margin-top:-13px;}
.cm_my_order .order_view .opt {margin-top:-8px;}
.cm_my_order .my_email {overflow:hidden; position:relative;}
.cm_my_order .my_email .email_address {overflow:hidden;}
.cm_my_order .my_email .go_mymail {float:left; border:1px solid #ccc; border-radius:3px; padding:0 15px 0 40px; height:33px; line-height:32px; margin-right:10px; color:#333;}
.cm_my_order .my_email .go_mymail {background:transparent url('../images/cm_images/order_myemail.png') 15px center no-repeat; }
.cm_my_order .my_email .go_mymail:hover {background-color:#ccc; color:#000;}
.cm_my_order .my_email .email_list {overflow:hidden; margin-right:100px; margin-top:10px;}
.cm_my_order .my_email .email_list em {float:left; color:#ff6600; margin-right:40px; position:relative;}
.cm_my_order .my_email .email_list em:before {content:""; width:1px; height:10px; background:#ddd; position:absolute; left:-20px; top:50%; margin-top:-3px;}

.cm_my_order .if_open {background:#d9d9d9 !important;}
.cm_my_order .if_open .order_view {display:block;}
.cm_my_order .if_open .number {color:#000 !important;}
.cm_my_order .if_open .data_box div {border-color:#aaa}
.cm_my_order .if_open .right_box span {border-color:#aaa}
.cm_my_order .if_open .edge {background:transparent url('../images/cm_images/ic_faq_close2.png') center center no-repeat;}
.cm_my_order .if_open .title {color:#000 !important;}
.cm_my_order .if_open .date {color:#000 !important;}
.cm_my_order .if_open .cm_bottom_button ul {border-top:0;}
.cm_my_order .if_open .cm_bottom_button li {border:0}
.cm_my_order .if_open .right_box .button_pack a {border-color:#000}
.cm_my_order .if_open .cm_order_form ul {border-top:0;}

.cm_my_order .li {padding-right:480px;}

.cm_my_order .btn_open_view {background:#fff; border:1px solid #aaa; color:#999; height:25px; line-height:26px; font-size:12px; width:100px; text-align:center;}
.cm_my_order .btn_open_view {position:absolute; right:15px; top:50%; margin-top:-13px;}
.cm_my_order .btn_open_view img {float:right; margin:10px 0 0 4px;}
.cm_my_order .btn_open_view strong {display:inline-block;}
.cm_my_order .btn_open_view em {display:none; color:#999;}

.cm_my_order .li:hover .btn_open_view {border-color:#333; color:#333;}
.cm_my_order .if_open .btn_open_view {background:#fff; border-color:#ccc !important;}
.cm_my_order .if_open .btn_open_view strong {display:none;}
.cm_my_order .if_open .btn_open_view em {display:inline-block;}

.cm_my_order .title {padding-right:130px;}



/* 나의주문 > 맞춤제작 */
.cm_my_ctmz .li {padding-right:670px !important;}
.cm_my_ctmz .cm_no_conts .no_icon {background:transparent url('../images/cm_images/no_conts_ctmz.png') center bottom no-repeat;}
.cm_my_ctmz .title {text-align:center !important;}


/* 나의주문 > 추가맞춤제작(사용하는지안한느지모름) */
.cm_my_ctmz2 .li {padding-right:500px !important;}
.cm_my_ctmz2 .cm_no_conts .no_icon {background:transparent url('../images/cm_images/no_conts_ctmz.png') center bottom no-repeat;}
.cm_my_ctmz2 .title {text-align:center !important;}


/* 나의주문 > 전체맞춤제작 */
.cm_my_ctmzall .li {padding-right:510px !important;}
.cm_my_ctmzall .cm_no_conts .no_icon {background:transparent url('../images/cm_images/no_conts_ctmz.png') center bottom no-repeat;}
.cm_my_ctmzall .title {text-align:center !important;}


/* SSL보안서버 */
.cm_my_ssl .li {padding-right:700px !important;}
.cm_my_ssl .cm_no_conts .no_icon {background:transparent url('../images/cm_images/no_conts_ssl.png') center bottom no-repeat;}
.cm_my_ssl .title {text-align:center !important;}
.cm_my_ssl .state {width:130px;}




/* 세금계산서 */
.cm_my_tax li {padding-right:690px !important;}
.cm_my_tax .cm_no_conts .no_icon {background:transparent url('../images/cm_images/no_conts_board_data.png') center bottom no-repeat;}
.cm_my_tax .title {text-align:center !important;}
.cm_my_tax .writer {width:120px; color:#333;}


/* 리셀러 */
.cm_my_reseller .li {padding-right:720px !important;}
.cm_my_reseller .cm_no_conts .no_icon {background:transparent url('../images/cm_images/no_conts_point.png') center bottom no-repeat;}
.cm_my_reseller .checkbox {width:50px;}
.cm_my_reseller .date {width:90px}
.cm_my_reseller .price {width:150px;}
.cm_my_reseller .title {text-align:center !important;}
.cm_my_reseller .title .txt_wrap {color:#000; margin-top:5px;}
.cm_my_reseller .title a {color:#2385c3;}
.cm_my_reseller .right_box .txt_wrap {color:#666; margin-top:5px;}


/* 리셀러추천샵 */
.cm_my_reshop .li {padding-right:670px !important;}
.cm_my_reshop .cm_no_conts .no_icon {background:transparent url('../images/cm_images/no_conts_shop.png') center bottom no-repeat;}
.cm_my_reshop .title {text-align:center !important;}



/* 추가견적 */
.cm_my_makeorder .li {padding-right:790px !important;}
.cm_my_makeorder .title {text-align:center !important; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}
.cm_my_makeorder .price {width:150px;}
.cm_my_makeorder .date {width:90px;}

.cm_my_makeorder .cm_no_conts .no_icon {background:transparent url('../images/cm_images/no_conts_ctmz.png') center bottom no-repeat;}
.cm_my_makeorder .order_view {display:none; clear:both; line-height:20px; border:2px solid #333; position:relative; padding:35px; color:#333; font-size:13px; background:#eee; margin:0 -790px 0 -70px;}
.cm_my_makeorder .order_view .texticon_pack {position:absolute; right:10px; top:50%; margin-top:-14px;}
.cm_my_makeorder .order_view .cm_order_form {text-align:left; !important}
.cm_my_makeorder .order_view .cm_group_title {font-size:19px; text-align:left !important; color:#000;}
.cm_my_makeorder .order_view .cm_group_title strong {font-size:inherit;}
.cm_my_makeorder .order_view .btn_rename {position:absolute; right:10px; top:50%; margin-top:-13px;}
.cm_my_makeorder .order_view .opt {margin-top:-8px;}
.cm_my_makeorder .order_view .btn_file {background:#ddd url('../images/cm_images/board_view_file.gif') 10px center no-repeat; padding:4px 10px 4px 30px; color:#666; }
.cm_my_makeorder .order_view .btn_file:hover {background-color:#aaa; color:#fff;}
.cm_my_makeorder .if_open {background:#d9d9d9 !important;}
.cm_my_makeorder .if_open .order_view {display:block;}
.cm_my_makeorder .if_open .number {color:#000 !important;}
.cm_my_makeorder .if_open .data_box div {border-color:#aaa}
.cm_my_makeorder .if_open .right_box span {border-color:#aaa}
.cm_my_makeorder .if_open .edge {background:transparent url('../images/cm_images/ic_faq_close2.png') center center no-repeat;}
.cm_my_makeorder .if_open .title {color:#000 !important;}
.cm_my_makeorder .if_open .date {color:#000 !important;}
.cm_my_makeorder .if_open .cm_bottom_button li {border:0}
.cm_my_makeorder .if_open .right_box .button_pack a {border-color:#000}






/* ●●●●●●●●●● 리셀러 리스트합계금액 */
.cm_mylist_sum {background:#fff; text-align:right; height:60px; margin-top:30px; font-size:15px; color:#000; border:2px solid #cb3726; position:relative; box-sizing:border-box;}
.cm_mylist_sum .lineup {margin-right:210px;}
.cm_mylist_sum .lineup span {float:left; line-height:60px; }
.cm_mylist_sum .number {font-family:"rubik"; color:#cb3726; font-size:23px; margin-left:5px; }
.cm_mylist_sum .kr {margin-top:1px;}
.cm_mylist_sum .btn_please {position:absolute; right:-2px; top:-2px; font-size:15px; background:#cb3726; color:#fff; height:60px; line-height:62px; text-align:center; width:190px; z-index:1}
.cm_mylist_sum .btn_please .txt {padding-left:20px; position:relative;}
.cm_mylist_sum .btn_please .txt:before {content:""; width:15px; height:15px; background:transparent url('../images/cm_images/btn_check.png') left top no-repeat; position:absolute; left:0; top:50%; margin-top:-7px;}
.cm_mylist_sum .btn_please:hover {background:#333;}
.cm_mylist_sum .btn_please:hover .txt:before {background-position:right top;}





/* 2017-07-14 테이블 추가 ARA */
.my_table {width:100%; box-sizing:border-box; border-top:1px solid #bbb;}
.my_table thead {background:#eee;}
.my_table thead th {border-bottom:1px solid #ccc; font-weight:400; color:#555; font-size:13px; padding:15px 10px;}
.my_table thead th+ th {border-left:1px solid #ccc;}
.my_table tbody td {border-bottom:1px solid #ddd; text-align:center; padding:10px; font-size:12px; line-height:1; box-sizing:border-box; float:none !important}
.my_table tbody td+ td {border-left:1px solid #ddd;}

.my_table .t_black {color:#000;}
.my_table .t_blue {color:#2385c3}
.my_table .t_left {text-align:left}
.nt_line2 {line-height:1.3 !important;}

.my_table .ssl_key {display:block; font-size:12px; margin-top:3px;}
.my_table .link {color:#333;}
.my_table .link:hover {text-decoration:underline;}


.ssl_code {overflow:hidden; display:table; width:100%; table-layout:fixed; border-top:1px solid #ddd; margin-top:10px;}
.ssl_code .button_pack {float:none !important; margin-top:5px;}
.ssl_code dl {display:table-cell; vertical-align:top; box-sizing:border-box;}
.ssl_code dl+ dl {border-left:1px solid #ddd;}
.ssl_code dt {padding:10px; text-align:center;}
.ssl_code dd {padding:5px; padding-top:0px; text-align:center;}
.ssl_code textarea {box-sizing:border-box; width:100%; background:#fff; font-size:11px; height:40px; border:1px solid #ddd; line-height:1.2; color:#ccc;}
.ssl_code dt strong {display:block; font-size:12px; margin-bottom:10px; border-bottom:1px solid #eee; padding:5px;}
.ssl_code img {height:35px;}

.ssl_tip {font-size:12px; color:#999; word-wrap:break-word; word-break:keep-all; white-space:normal; line-height:1.4; text-align:left; margin-top:10px; padding-left:55px; margin-bottom:20px;}
.ssl_domain {font-weight:600; font-size:13px; margin-bottom:5px; }
.ssl_no {color:#999;}
.ssl_rebtn .button_pack a {width:70px; box-sizing:border-box;}
.ssl_due {display:inline-block; text-align:left}