@charset "UTF-8";


/* 공통 */
/**************************************************
    * input 재설정
**************************************************/
.sp_wrap .basic_input[type="text"],
.sp_wrap .basic_input[type="password"],
.sp_wrap .basic_input[type="tel"],
.sp_wrap .basic_input[type="number"]{height:44px; padding:0 20px; font-size:14px; line-height:44px;}
/* hyphen */
.sp_wrap .hyphen{line-height:44px;}

/**************************************************
    * select_box 재설정
**************************************************/
.sp_wrap .select_box{}
.sp_wrap .select_box:before{height:44px;}
.sp_wrap .select_box > a{height:44px; line-height:44px;}
.sp_wrap .select_box ul{top:43px;}
.sp_wrap .select_box ul li a{padding:13px 10px;}

/* select_box_join 타입추가 */
.sp_wrap .select_box_join{}
.sp_wrap .select_box_join:before{height:44px;}
.sp_wrap .select_box_join > a{height:44px; line-height:44px;}
.sp_wrap .select_box_join ul{top:43px;}
.sp_wrap .select_box_join ul li a{padding:13px 10px;}

/**************************************************
    * 셀픽 레이아웃
**************************************************/
.sp_wrap{min-width:1030px; width:100%; min-height:700px; height:100%; margin:0 auto;}
.popupWrap.sp_wrap{min-width:auto; width:auto; min-height:auto; height:auto; margin:0;}
.sp_wrap .sp_container{position:relative; padding-bottom:30px; /* width:810px; margin:0 auto; */ height:100%}
.sp_wrap .sp_container .sp_head{height:80px; border-bottom:1px solid #f7f7f7;}
.sp_wrap .sp_container .sp_head h1{color:#222; font-size:21px; font-weight:700; line-height:92px; text-align:center;}
.sp_wrap .sp_container .sp_head h1 img{margin-right:10px;}
.sp_wrap .sp_container .sp_content{width:810px; margin:19px auto 0;} /* width:580px; */
.sp_wrap .sp_container .sp_bot_btn{padding-top:40px; text-align:center;}
.sp_wrap .sp_container .btn_close{position:absolute; top:0; right:0; width:76px; height:80px; background:url(/view/images/join/btn_close.png) no-repeat 50% 30px;}
.sp_wrap .sp_container .btn_close span{display:none;}

.sp_wrap .sp_area{margin:20px 0;}
.sp_wrap .ft01{margin-bottom:6px; font-size:16px; line-height:20px;}
.sp_wrap .ft02{font-weight:700; line-height:20px;}

/**************************************************
    * 상단 step
**************************************************/
.sp_wrap .step_box{margin:19px 0 30px; line-height:0; text-align:center;}
.sp_wrap .step_box ul{overflow:hidden; display:inline-block;}
.sp_wrap .step_box ul li{position:relative; display:table; float:left; margin-right:37px;}
.sp_wrap .step_box ul li:before{content:''; position:absolute; top:30px; right:-22px; width:6px; height:10px; background:url(/view/images/join/bg_step_arrow.png) no-repeat 0 0;}
.sp_wrap .step_box ul li:last-child{margin-right:0;}
.sp_wrap .step_box ul li:last-child:before{display:none;}
.sp_wrap .step_box ul li span{display:table-cell; width:70px; height:70px; color:#fff; font-size:13px; font-weight:700; line-height:15px; background-color:#0ca1ff; border-radius:70px; vertical-align:middle; text-align:center;}
.sp_wrap .step_box ul li.on span{background-color:#0e3480;}
.sp_wrap .step_box ul li.on:before{background-position:0 -11px;}

/**************************************************
    * 정렬박스
**************************************************/
.sp_wrap .sp_left_box{margin-top:10px; text-align:left;}
.sp_wrap .sp_right_box{margin-top:10px; text-align:right;}
.sp_wrap .sp_center_box{margin-top:10px; text-align:center}
/**************************************************
    * btn 재설정
**************************************************/
.sp_wrap .btn{min-width:100px; height:44px; font-size:15px; line-height:42px;}
.sp_wrap .icon_next{background-color:#1583f6; border-color:#1583f6;}
.sp_wrap .icon_next:hover{background-color:#0b92e6; border-color:#0b92e6;}
.sp_wrap .icon_next.dis,
.sp_wrap .icon_next.dis:hover,
.sp_wrap .icon_next:disabled{background-color:#c2c6ce; border-color:#c2c6ce;}
.sp_wrap .icon_next span{padding-right:18px; background:url(/view/images/join/btn_next.png) no-repeat 100% 50%;}
/**************************************************
    * sp_form_ty01
**************************************************/
.sp_wrap .sp_bg_ty01{width:390px; background-color:#fcfcfc; margin:60px auto 20px; padding:40px; text-align:center;}
.sp_wrap .sp_bg_ty01 .ft02{margin-bottom:16px; text-align:left;}
.sp_wrap .sp_bg_ty01 .ft07{font-size:13px;}
.sp_wrap .sp_bg_ty01 .btn{font-size:16px; font-weight:700;}
/**************************************************
    * icon_box
**************************************************/
.sp_wrap .icon_box{text-align:center;}
.sp_wrap .icon_box .top_img{display:inline-block; margin-bottom:40px;}
.sp_wrap .icon_box .ft02{text-align:center;}
/**************************************************
    * info_box
**************************************************/
.sp_wrap .info_box{width:160px; margin:3px auto 20px;}
.sp_wrap .info_box dl{overflow:hidden; text-align:left; }
.sp_wrap .info_box dl dt,
.sp_wrap .info_box dl dd{float:left; width:50%; height:20px; line-heihgt:20px;}
.sp_wrap .info_box dl dd{color:#1583f6; font-weight:700;}



/**************************************************
    * info_box_free
**************************************************/
.sp_wrap .info_box_free{width:85%; margin:30px auto 20px;}
.sp_wrap .info_box_free dl{overflow:hidden; text-align:left; }
.sp_wrap .info_box_free dl dt{float:left; width:30%; height:25px; line-heihgt:25px;}
.sp_wrap .info_box_free dl dd{float:left; width:70%; height:25px; line-heihgt:25px;}
.sp_wrap .info_box_free dl dd{color:#1583f6; font-weight:700;}





/**************************************************
    * 라디오 박스 정렬(회원가입 수신 동의)
**************************************************/
.sp_wrap .radio_wrap{overflow:hidden;font-size:12px;margin-top:30px;}
.sp_wrap .radio_wrap dl{float:left;display:table;width:calc(50% - 20px);margin:10px 20px 0;}
.sp_wrap .radio_wrap dl:first-child, .radio_wrap dl:nth-child(2){margin-top:0;}
.sp_wrap .radio_wrap dl:nth-child(odd){margin-left:0;}
.sp_wrap .radio_wrap dl:nth-child(even){margin-right:0;}
.sp_wrap .radio_wrap dt{display:table-cell;width:129px;vertical-align:middle;}
.sp_wrap .radio_wrap dd{display:table-cell;vertical-align:middle;}
/* 회원가입 notice box */
.sp_wrap .notice_box{padding:30px;background-color:#fcfcfc;}

/**************************************************
    * 서비스 이용약관
**************************************************/
.sp_terms h3{font-size:21px;font-weight:700;color:#000;}
.sp_terms h4{font-size:21px;font-weight:700;color:#222;margin-top:28px;}
.sp_terms h4 :first-child{margin-top:0;}
.sp_terms > strong{display:block;font-size:16px;font-weight:400;color:#222;margin-top:16px;}
.sp_terms > strong:first-child{margin-top:0;}
.sp_terms ul li{line-height:20px;font-size:13px;color:#555;}
.sp_terms .term_li01{margin-top:15px;}
.sp_terms .term_li01 > li{margin-top:13px;}
.sp_terms .term_li01 > li:first-child{margin-top:0;}
.sp_terms .term_li02 > li{position:relative;padding-left:11px;}
/* .sp_terms .term_li02 > li:before{content:'';position:absolute;top:8px;left:4px;width:2px;height:2px;background-color:#555;} */
.sp_terms > p{margin-top:13px;line-height:20px;}
.sp_terms .term_ta01{margin-top:5px;}
.sp_terms .term_ta01 table{color:#777;border:1px solid #eee;background-color:#fff;}
.sp_terms .term_ta01 table th{color:#555;font-weight:400;text-align:center;}
.sp_terms .term_ta01 table th,
.sp_terms .term_ta01 table td{padding:5px;border:1px solid #eee;}
/* 간격조정 */
.sp_terms > p + strong,
.sp_terms > .term_li01 + strong{margin-top:14px;}
.sp_terms > .term_ta01 + strong{margin-top:19px;}
.sp_terms > strong + p{margin-top:15px;}
.sp_terms > .term_ta01 + p{margin-top:7px;}
.sp_terms > strong + .term_ta01{margin-top:18px;}

.sp_terms .term_ta02 {color:#777;border:1px solid #eee;background-color:#fff;}
.sp_terms .term_ta02 th{color:#555;font-weight:400;text-align:center;}
.sp_terms .term_ta02 th,
.sp_terms .term_ta02 td{padding:5px;border:1px solid #eee;}


/**************************************************
    * 로그인 페이지
**************************************************/
/* 전체 레이아웃 */
.sp_wrap .sp_login{position:absolute;top:0;left:0;bottom:0;right:0;width:432px;height:532px;margin:auto;border:1px solid #dcdddf;background:#fcfcfc;}
.sp_wrap .sp_login .log_head{height:80px;background:#fff;}
.sp_wrap .sp_login h1{width:123px;margin:auto;}
.sp_wrap .sp_login h2{text-align:center;margin-bottom:20px;}
.sp_wrap .sp_login h3{margin-bottom:10px;}
.sp_wrap .sp_login .basic_input{width:100%;}
.sp_wrap .sp_login .basic_input::placeholder{font-size:14px;color:#555;}
.sp_wrap .sp_login .select_box{width:100%}
.sp_wrap .sp_login .select_box > a{padding-left:20px;font-size:14px;}
.sp_wrap .sp_login .select_box ul li a{padding:13px 20px;font-size:13px;}


/* select_box_join 타입추가 */
.sp_wrap .sp_login .select_box_join{width:100%}
.sp_wrap .sp_login .select_box_join > a{padding-left:20px;font-size:14px;}
.sp_wrap .sp_login .select_box_join ul li a{padding:13px 20px;font-size:13px;}

.sp_wrap .sp_login .check_box{margin-top:5px;}
.sp_wrap .sp_login .log_content{position:relative;padding:30px 60px 0;height:calc(100% - 80px);}
.sp_wrap .sp_login .log_foot{position:absolute;bottom:12px;left:0;width:100%;font-size:11px;color:#999;text-align:center;}
.sp_wrap .sp_login .log_foot strong{color:#222;}
.sp_wrap .sp_login .btn_center_box{position:absolute;bottom:60px;left:0;width:100%;margin:0;}/* sellpick 홈페이지 버튼 */

/* 회원가입결제 */
.sp_wrap .sp_pay{position:absolute;top:0;left:0;bottom:0;right:0;width:432px;height:650px;margin:auto;border:1px solid #dcdddf;background:#fcfcfc;}
.sp_wrap .sp_pay .log_head{height:80px;background:#fff;}
.sp_wrap .sp_pay h1{width:123px;margin:auto;}
.sp_wrap .sp_pay h2{text-align:center;margin-bottom:20px;}
.sp_wrap .sp_pay h3{margin-bottom:10px;}
.sp_wrap .sp_pay .basic_input{width:100%;}
.sp_wrap .sp_pay .basic_input::placeholder{font-size:14px;color:#555;}
.sp_wrap .sp_pay .select_box{width:100%}
.sp_wrap .sp_pay .select_box > a{padding-left:20px;font-size:14px;}
.sp_wrap .sp_pay .select_box ul li a{padding:13px 20px;font-size:13px;}

.sp_wrap .sp_pay .select_box_join{width:100%}
.sp_wrap .sp_pay .select_box_join > a{padding-left:20px;font-size:14px;}
.sp_wrap .sp_pay .select_box_join ul li a{padding:13px 20px;font-size:13px;}

.sp_wrap .sp_pay .check_box{margin-top:5px;}
.sp_wrap .sp_pay .log_content{position:relative;padding:30px 40px 0;height:calc(100% - 50px);}
.sp_wrap .sp_pay .log_foot{position:absolute;bottom:12px;left:0;width:100%;font-size:11px;color:#999;text-align:center;}
.sp_wrap .sp_pay .log_foot strong{color:#222;}
.sp_wrap .sp_pay .btn_center_box{position:absolute;bottom:60px;left:0;width:100%;margin:0;}/* sellpick 홈페이지 버튼 */






/* 폼 영역 */
.login_box > div{margin-top:6px;} .login_box > div:first-child{margin-top:0px;}
/* 페이지 하단 버튼 */
.sp_wrap .btn_fixed_box{position:absolute;left:60px;bottom:60px;width:calc(100% - 120px)}
.sp_wrap .btn_fixed_box .btn{width:100%;}
.sp_wrap .btn_fixed_box .btn+.btn{margin-top:20px;}
/* 휴대폰 본인 인증 */
.sp_wrap .cert{margin-top:30px;}
.sp_wrap .cert .btn{width:100%;margin-top:15px}
/* 결과 확인 페이지  */
.sp_wrap .sp_login .result_box{height:265px;margin-top:10px;padding:50px 50px 0;}
.sp_wrap .sp_pay .result_box{height:425px;margin-top:10px;padding:50px 50px 0;}
.sp_wrap .result_box{width:100%;background-color:#fff;text-align:center;}
.sp_wrap .result_box > .img_result{display:inline-block;}
.sp_wrap .result_box h2{margin:38px 0 0;font-size:19px;font-weight:700;}
.sp_wrap .result_box > p{margin-top:10px;text-align:center;line-height:20px;word-break:keep-all;}
.sp_wrap .result_box > p > span{color:#1583f6;}
/* 찾기 리스트 */
.sp_wrap .login_nav{text-align:right;margin-top:10px;}
.sp_wrap .login_form+.login_nav{margin-top:8px;}
.sp_wrap .login_nav li{position:relative;display:inline-block;margin-left:10px;}
.sp_wrap .login_nav li:first-child{margin-left:0;}
.sp_wrap .login_nav li a:before{content:'';position:absolute;top:5px;left:0;width:2px;height:2px;background:#4d6d91;}
.sp_wrap .login_nav li a{display:inline-block;color:#999;font-size:12px;padding-left:9px;}
.sp_wrap .login_nav li a:hover, .sp_wrap .login_nav li a:focus{color:#4d6d91;}
/* 로그인 버튼 */
.sp_wrap .sp_login .btn_center_box > .btn{height:30px;line-height:30px;}
.sp_wrap .sp_login .btn_center_box > .btn >span{font-size:12px;color:#666;vertical-align:top}
.sp_wrap .btn_single_box{width:100%;margin-top:22px;}
.sp_wrap .btn_single_box > button{width:100%;}
.sp_wrap .login_box .num_box .btn{width:100%}

/**************************************************
    * 가입자동화 팝업
**************************************************/
/* 기본 디자인 */
.join_p{position:relative;padding-bottom:64px;margin:auto}
.join_p h2{font-size:19px;color:#222;font-weight:700;text-align:center;}
.join_p > h2:first-child{margin:8px 0 13px;}
.join_p .basic_input[type="text"], .join_p .basic_input[type="password"]
{width:100%;height:42px;font-size:14px;padding-left:20px}
.join_p .input_box > div{margin-top:6px}
.join_p .input_box > div:first-child{margin-top:0}
.join_p .notice {text-align:center;}
.join_p .notice .img{display:inline-block}
.join_p .notice .img+p{margin-top:12px;}
.join_p .notice p{line-height:20px;}
.join_p p+p{margin-top:17px;}
.join_p .txt_box{padding:16px 20px;margin-top:10px;line-height:20px;background:#fcfcfc;text-align:center;}
.join_p .bb{text-align:center;margin-top:15px;}
.join_p .btn_box{position:absolute;bottom:0;left:0;width:100%;}
.join_p .btn{width:100%;height:44px;font-size:16px;}
.join_p .btn_center_box .btn{width:auto; height:30px; font-size:12px;}
/* 결과 확인 페이지  */
.join_p .result_box{padding-top:50px;text-align:center;}
.join_p .result_box > .res_img{display:inline-block;}
.join_p .result_box > .res_txt{color:#222;margin-top:28px;max-height:90px;overflow:hidden;}
.join_p .result_box .res_txt > p{margin-top:8px;line-height:20px;text-align:center;word-break:keep-all;}
.join_p .result_box p > span{color:#1583f6;}
/* 내정보관리 테이블 */
.join_p2 {width:580px;margin:auto;}
.join_p2 .table_ty03 tr{border-bottom:1px solid #ebebeb}
.join_p2 .table_ty03 th{padding-top:30px}
.join_p2 .table_ty03 td{padding:30px 0 30px 20px;}
.join_p2 .table_ty03 td>.mt10:first-child{margin-top:0;}
.join_p2 .table_ty03 .bg_ty04{min-width:70px;height:30px;line-height:29px}
.join_p2 .table_ty03 .bg_ty04 > span{font-size:12px;line-height:12px}
.join_p2 .basic_input[type="text"],
.join_p2 .basic_input[type="password"]{width:100%;height:42px;font-size:14px;padding-left:20px}
.join_p2 .num_align{overflow:hidden;}
.join_p2 .num_align .num{display:inline-block; line-height:42px;}
.join_p2 .num_align .btn{float:right;}
.sp_wrap .join_p2 .radio_wrap{margin-top:17px;}
.sp_wrap .join_p2 .radio_wrap dl{float:none;width:initial;margin:0}
.sp_wrap .join_p2 .notice_box{margin-top:20px; margin-bottom:20px;}
.sp_wrap .join_p2 .notice_box .check_box+p{margin-top:17px;}
.sp_wrap .join_p2 .btn_right_box button{font-size:12px;min-width:70px;height: 30px;line-height:29px;margin-top:40px;}

/**************************************************
    * 결제하기
**************************************************/
/* 공통 */
/* 결제하기 */
.sp_payment .pay_head{height:56px;padding:0 30px;border-bottom:1px solid #edeeef;overflow:hidden;}
.sp_payment .pay_head h2{display:inline-block; line-height:56px;}
.sp_payment .pay_head .btn_box{float:right; padding-top:16px;}
.sp_payment .pay_container{padding-left:40px;}
.sp_payment .pay_content{height:594px;padding:30px 23px 0 0;overflow-x:hidden;overflow-y:auto;}
.pay_content > .pay_fl_l{float:left;width:660px;}
/* .pay_content > .pay_fl_r{position:relative;float:left;width:250px;margin-left:40px;} */
 .pay_content > .pay_fl_r{position:fixed; top:86px; left:742px; width:250px; background-color:#fff;}
.pay_content h3{font-size:19px;}
.pay_content h3, .pay_content h4, .pay_content em{font-weight:700;}
/* 현재 사용하는 서비스 내역 */
.pin_board01{line-height:20px;padding:27px 30px 25px 30px;margin-top:15px;background-color:#ecf8ff;}
.pin_board01 dl{margin-top:14px;overflow:hidden;}
.pin_board01 dl:first-child{margin-top:0;}
.pin_board01 dt{float:left;width:68px;}
.pin_board01 dt .tit{position:relative;display:inline-block;color:#222;padding:0 10px 0 23px;background-repeat:no-repeat;}
.pin_board01 dl .pin01{background-image:url(/view/images/join/icon_peri.png);}
.pin_board01 dl .pin02{background-image:url(/view/images/join/icon_use.png);}
.pin_board01 dt .tit:after{content:'';position:absolute;display:inline-block;top:3px;right:0;width:1px;height:12px;background-color:#ccc;}
.pin_board01 dd{float:left;width:255px;margin-left:22px;}
.pin_board01 dd:nth-of-type(1){margin-left:0;}
/* 섹션 회색 박스 기본 디자인 */
.part_box{border:1px solid #dcdddf;margin-top:40px;}
.part_box:first-child{margin-top:0;}
.part_box > div{border-top:1px solid #dcdddf;}
.part_box:last-child{margin-bottom:40px;}

.part_box .part_box_head{height:50px;padding:0 20px;border-top:0;}
.part_box .part_box_head h3{float:left;line-height:50px;overflow:hidden;}
.part_box .part_box_head p{float:right;line-height:52px;}

.part_box .part_box_body{padding:20px;}
.part_box .part_box_form{padding:30px;}
.part_box_form +.part_box_body{padding:20px 30px;}
.part_box_form +.part_box_body h4{margin:20px 0 8px;}
.part_box_form +.part_box_body h4:first-child{margin-top:0;}

.part_box_body .part_list li{position:relative;margin-top:10px;padding-left:14px;}
.part_box_body .part_list li:before{content:'';position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:-3px;border-radius:2px;background-color:#555;}
.part_box_body .part_list li:first-child{margin-top:0;}
.part_list > li > div{overflow:hidden;line-height:30px;}
.part_list > li > div > *{float:left;}
.part_box_body .part_list h4{width:106px;line-height:30px;}
/* .part_box_body .calendar{width:121px;}
.part_box_body .dhxform_label{width:93px;} */

.part_box_body .part_list_one li{position:relative;margin-top:10px;padding-left:14px;}
.part_box_body .part_list_one li:first-child{margin-top:0;}
.part_list_one > li > div{overflow:hidden;line-height:30px;}
.part_list > li > div > *{float:left;}
.part_box_body .part_list_one h4{width:106px;line-height:30px;}

.part_box_table th{font-weight:400;}
.part_box_table thead th{height:40px;font-size:12px;background-color:#fcfcfc;}
.part_box_table tbody:before,
.part_box_table tbody:after{content:'';display:block;width:948px;height:10px;}
.part_box_table tbody td{height:35px;font-weight:700;text-align:center;}

.part_box .part_box_opt{padding:16px 20px 14px;}
.part_box .part_box_opt dl{overflow:hidden;}
.part_box .part_box_opt dt{float:left;}
.part_box .part_box_opt dd{float:right;height:30px;line-height:30px;font-weight:700;color:#5683db;}
.part_box .part_box_opt dl > div{padding:16px 20px 14px;}

.part_box .div_part_box_title{ padding:5px 125px 0px; }
.part_box .div_part_box_title span { font-weight:700;  margin:0px 8px;}

/* 기본 서비스 기간 선택 */
.part_box .term{border:1px solid #dcdddf;margin-top:10px;overflow:hidden;}
.part_box .term > li{position:relative;float:left;width:25%;height:80px;border-left:1px solid #dcdddf;}
.part_box .term > li:first-child{border-left:0;}
.part_box .term a{display:table;width:100%;height:100%;color:#555;font-weight:700;}
.part_box .term a > span{display:table-cell;line-height:20px;vertical-align:middle;text-align:center;}
.part_box .term a > span span{display:block;font-weight:400;color:#999}
.part_box .term a:hover{color:#fff;background-color:#0ca1ff;}
.part_box .term a:hover em > span{color:#fff;}
.part_box .term > li a > span.pt_add_area em{display:block;padding-bottom:15px;}
.part_box .term > li a > span.pt_add_area strong.total{position:absolute;left:10px;right:10px;bottom:-2px;border-top:1px solid #dcdddf;line-height:24px;font-size:15px;}
.part_box .term > li .btn_mn{overflow:hidden;position:absolute;left:10px;top:50%;margin-top:-10px;width:20px;height:20px;background:#fff;border:1px solid #dcdddf;border-radius:10px;}
.part_box .term > li .btn_mn:before{content: '';position: absolute;top: 4px;left: 4px;width: 10px;height: 10px;background: url(/view/images/join/btn_minus.png) no-repeat center center;}
.part_box .term > li .btn_pl{overflow:hidden;position:absolute;right:10px;;top:50%;margin-top:-10px;width:20px;height:20px;background:#fff;border:1px solid #dcdddf;border-radius:10px;}
.part_box .term > li .btn_pl:before{content: '';position: absolute;top: 4px;left: 4px;width: 10px;height: 10px;background: url(/view/images/join/btn_plus.png) no-repeat center center;;}

/* 서비스 계산 */
.part_box .value_input[type="text"][readonly]{width:40px;color:#1583f6;font-weight:700;text-align:center; margin:0px 0px 0px 5px;}

.calc_wrap em{vertical-align:-1px;}
.part_box .input_num{width:120px;margin:0 20px 0 9px;overflow:hidden;}
.part_box .input_num > *{float:left;}
.part_box .input_num input[type="text"]{width:60px;text-align:center;}
.part_box .input_num button{position:relative;width:29px;height:30px;border:1px solid #ebebeb;}
.part_box .input_num button:before{content:'';position:absolute;top:10px;left:10px;width:9px;height:9px;background-image:url(/view/images/join/btn_minus.png);}
.part_box .input_num button span{display:none;}
.part_box .input_num .btn_de{border-right:0;}
.part_box .input_num .btn_in{border-left:0;}
.part_box .input_num .btn_in:before{background-image:url(/view/images/join/btn_plus.png);}
.part_box .multi{display:inline-block;width:30px;height:30px;background:url(/view/images/join/icon_multiple.png) no-repeat 50% 50%;text-indent:-9999px;}
.part_box .equal{display:inline-block;width:30px;height:30px;background:url(/view/images/join/icon_equal.png) no-repeat 50% 50%;text-indent:-9999px;}
/* 결제 내역 */
h3+.bill_box{margin-top:13px;}
.bill_box{border-color:#0e3480 #dcdddf #dcdddf;border-width:4px 1px 3px;border-style:solid;}
.bill_box > div{padding:15px 20px;border-top:1px solid #dcdddf;}
.bill_box > div:first-child{border-top:0;}
.bill_box dl{overflow:hidden;}
.bill_box dt{float:left;font-weight:700;}
.bill_box dd{float:right;width:110px;font-weight:700;text-align:right;overflow:hidden;}
.bill_box > div:first-child dl{margin-top:15px;}
.bill_box > div:first-child dl:first-child{margin-top:0;}
.bill_box .btn{min-width:100%;height:45px;font-size:16px;background:#08338d url(/view/images/common/btn_bg_check.png) no-repeat 166px 13px;}
.bill_box .bill_list > div{border-top:1px solid #dcdddf;padding:14px 0;}
.bill_box .bill_list > div:first-child{border-top:0;padding-top:0;}
.bill_box .bill_list > div:last-child{padding-bottom:0;}
.bill_box .bill_list dl{margin-top:13px;}
.bill_box .bill_list dl:first-child{margin-top:0;}
.bill_box .total{padding-bottom:2 0px;background-color:#fffde8;}
.bill_box .total dt{float:none;width:100%;color:#222;}
.bill_box .total dd{float:none;width:100%;font-size:26px;color:#5683db;margin-top:8px;}



.bill_box .bill_list_radio {padding:10px 20px 8px;}
.bill_box .bill_list_radio > div{ padding:5px 0px;}
.bill_box .bill_list_radio > div:first-child{border-top:0;padding-top:0px;}
.bill_box .bill_list_radio > div:last-child{padding-bottom:0;}

/* 결제시 제공되는 셀픽의 기본 서비스입니다! */
.offer_box{padding:0 10px;margin-top:30px;}
.offer_box .title{font-size:18px;font-weight:700;margin-bottom:28px;text-align:center;}
.offer_box ul{overflow:hidden;}
.offer_box ul li{float:left;width:90px;margin-left:10px;padding-left:9px;border-left:1px solid #f5f5f5;box-sizing:content-box;}
.offer_box ul li:first-child{margin:0;padding:0;border:0;}
.offer_box .img.monthly{background:url(/view/images/join/icon_bg_month.png) no-repeat 50% 50%;}
.offer_box .txt{line-height:20px;margin-top:12px;text-align:center;}
.offer_box .txt p{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.offer_box .txt em{font-size:15px;font-weight:700;color:#222;}
/**************************************************
    * 사용현황
**************************************************/
.pin_board02{height:60px;line-height:60px;font-size:15px;color:#fff;background-color:#1583f6;box-shadow:0px 3px 0px 0px rgba(229,229,229,1);overflow:hidden;text-align:center;}
.pin_board02 dl{display:inline-block;margin-left:70px;}
.pin_board02 dl:first-child{margin-left:0;}
.pin_board02 dt{display:inline-block;padding-left:26px;background:url(/view/images/common/icon_board01.png) no-repeat 0 47%;}
.pin_board02 dd{display:inline-block;font-weight:700;margin-left:9px;vertical-align:-1px}
.pin_board02 dd:before{content:'';display:inline-block;width:1px;height:13px;line-height:18px;margin-right:14px;background-color:#599fe9;vertical-align:-1px;}
/**************************************************
    * 견적서
**************************************************/
.sheet01 table{border:1px solid #dcdddf;table-layout:fixed;}
.sheet01 th{height:40px;border:1px solid #dcdddf;padding:0 10px;background-color:#fcfcfc;text-align:left;}
.sheet01 .td_vl{position:relative;height:240px;}
.sheet01 .td_vl span{position:absolute;top:0;left:0;right:0;bottom:0;line-height:30px;letter-spacing:20px;writing-mode:vertical-rl;text-orientation:upright;text-align:center;-ms-transform:translate(10px,70px);}
.sheet01 .td_wrap{text-align:center;}
.sheet01 .td_wrap img{max-width:100%;max-height:140px;}
.sheet01 .td_wrap span{font-size:43px;}
.sheet01 td{height:40px;padding:0 10px;border:1px solid #dcdddf;word-wrap:break-word;overflow:hidden;}
.sheet01 + .sheet02{margin-top:15px;}
.sheet02 table{border:1px solid #dcdddf;table-layout:fixed;}
.sheet02 thead{background-color:#fcfcfc;}
.sheet02 th{position:relative;height:40px;border:1px solid #dcdddf;}
.sheet02 th .won{position:absolute;top:0;bottom:0;right:10px;line-height:40px;font-size:11px;font-weight:400;}
.sheet02 td{height:40px;padding:0 10px;border:1px solid #dcdddf;}
.sheet02 td.td_num{font-size:12px;text-align:right;}
.sheet02 tfoot{background-color:#fffde8;}
.sheet02 tfoot td{border:0;}
.sheet02 tfoot td:first-child{font-weight:700;}
.sheet02 tfoot td.td_num span{font-size:16px;font-weight:700;color:#222;}
/* 페이지 하단 보충 설명 리스트 */
.list_bullet{margin:18px 0 16px;}
.list_bullet > li{position:relative;line-height:18px;padding-left:14px;}
.list_bullet > li:before{content:'';position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:-3px;border-radius:2px;background-color:#555;}





.PL05{padding-left:5px;}
.PL10{padding-left:10px;}
.PL15{padding-left:15px;}
.PL20{padding-left:20px;}


.PT05{padding-top:5px;}
.PT10{padding-top:10px;}
.PT15{padding-top:15px;}
.PT20{padding-top:20px;}



.ML05{margin-left:5px;}
.ML10{margin-left:10px;}
.ML15{margin-left:15px;}
.ML20{margin-left:20px;}


.MT05{margin-top:5px;}
.MT10{margin-top:10px;}
.MT15{margin-top:15px;}
.MT20{margin-top:20px;}


.bold{font-weight:700;}