@charset 'utf-8';

/* 택배예약 */
/* 헤더 */
.parcel .header_wrap .btn_area .btn_menu.home { display:block;}
.parcel .header_wrap .tit_back h1 {display:block;}

/*  물품 정보 입력 */
.parcel .nav_wrap {padding:0 16px; margin-bottom:32px;}
.parcel .info_area.margin_top10 ul li {padding-left:8px;}
.parcel .info_area.margin_top10 ul li::before {display:none;}
.parcel .pymnt_amount .tit_lr{margin-bottom:0;}

.parcel_wrap {padding:0 16px;}
.parcel_wrap .ess_select.wrn .form_select select {color:#222222;}
.parcel_wrap .info_area ul li span {color:#ff003c;}
.parcel_wrap .info_area.i_txt {padding: 7px 0 0 8px;}
.parcel_wrap .btn_wrap .btn + .btn {margin-left:6px;}
.form_parcel + .txt_input {margin-top:32px;}
.margin_top10 {margin-top:10px;}

.txt_parcel_mon {font-weight:bold; color:#222; font-size:18px;}
.txt_parcel_won {font-size:14px; font-weight:400;}
.parcel .input_chk.type_02 .txt {color:#000000;} /* issues/5068#note_137573 : 해운배송 체크박스 */
/* issues/4544 수정 및 추가 */
.radio_btn_wrap .type_btn .form_rdo {height:100%; box-sizing:border-box; padding:10px 15px;} /* issues/5068 : 물품 중량 높이 변경 */
.radio_btn_wrap .type_btn .form_rdo .icon {height:100%;} /* issues/5068 : 물품 중량 높이 변경 */
.radio_btn_wrap .type_btn .form_rdo .txt {font-size:11px; line-height:1.4;}
.radio_btn_wrap .type_btn .form_rdo .txt del {display:block; font-size:11px; color:#666; margin-top:2px;}

.radio_btn_wrap .type_btn[class*="n_bdr"] .form_rdo .icon {border:2px solid #eee;}
.radio_btn_wrap .type_btn[class*="n_bdr"] .form_rdo input:checked ~ .icon {border:2px solid #37d243;} /* issues/4054 */
.radio_btn_wrap .type_btn .form_rdo input:checked ~ .icon + .txt b {color:#fff;}
.radio_btn_wrap .type_btn .form_rdo input:checked ~ .icon + .txt del {color:#fff;} /* issues/4544 추가 */
.radio_btn_wrap .type_btn .form_rdo input:disabled ~ .txt b {color:#ccc;}
.radio_btn_wrap .type_btn {margin:0;}
.radio_btn_wrap .type_btn .form_rdo {margin:0; margin:0;}
.radio_btn_wrap .type_btn .form_rdo + .form_rdo {margin-left:5px;}
.radio_btn_wrap .form_rdo {flex:inherit; width:100%;}
.radio_btn_wrap.type01 .type_btn .form_rdo {height:48px; padding: 13px 15px;}
.radio_btn_wrap.type01 .type_btn .form_rdo .icon {height:48px;}
.radio_btn_wrap.type01 .type_btn .form_rdo .txt {font-size:18px; letter-spacing:-0.72px;}
.radio_btn_wrap.type01 .type_btn .form_rdo .txt .txt_parcel_won {font-size:18px; font-weight:bold;}

.price_cert input::-webkit-input-placeholder { color:#FF003C; }

/* 배송정보 입력 */
.tit_deli_set {display:flex; justify-content:space-between; align-items:center; padding:0 8px 28px;}
/* .tit_deli_set.pb24 {padding-bottom:24px;} */
.tit_deli_set .btn_wrap {display:block;}
.tit_deli_set .tit_24 {padding:0;}
.parcel .delivery_check {margin-top:16px;}
.delivery_check .form_chk .txt {font-size:14px; line-height:17px; font-weight:bold;}
.parcel_wrap .ess_select + .text_area {margin-top:10px;}
.parcel_wrap .add_search .form_txt input.store_address:read-only {border-color:#eee;}
.btn_under,.btn_under:link {position:relative; color:#666; font-weight:bold; font-size:14px;line-height:20px;}/* issues/3266 underline */
.btn_under::after{content:''; position:absolute; bottom: 1px; left: 0; width:100%; height:1px; background-color:#666;}/* issues/3266 underline */
.link_txt {position:relative; padding-right:20px; color:#666; font-size:14px; font-weight:bold; }
.link_txt:before {content:''; position:absolute; top:2px; right:0; width:16px; height:16px; background:url(../images/common/icon_arrow_gy_16.png) no-repeat center/16px;}

/* 배송지목록팝업 */
.delivery_list_wrap {padding:0 16px 20px;}
.delivery_name {display:flex; align-items:flex-start;padding-bottom:8px; position:relative;}
.delivery_name a.btn_under {position:absolute; top:0; right:0;}
.delivery_name .flag_delivery{/*flex:0 0 62px;*/flex-shrink:0;}
.delivery_name .tit_18 ~ .flag_delivery{margin-left:8px;}
.flag_delivery {color:#fff; font-weight:bold; font-size:11px; padding:4px 8px 3px; background-color:#37D243; border-radius:12px;  display:inline-block; line-height:13px;margin-top:1px;box-sizing:border-box;}
.deelivery_radio {border:2px solid #eee; padding:20px; border-radius:18px;}
.deelivery_radio.on {border-color:#37D243;}
.deelivery_radio + .deelivery_radio {margin-top:10px;}
.delivery_list_info li {display:flex;}
.delivery_list_info li strong {width:100%; color:#666; font-weight:400; flex:0 0 56px;}
.delivery_list_info li + li {margin-top:4px;}
.delivery_list_info li span {color:#666; width:100%; padding-left:8px; width:calc(100% - 64px);word-break:break-all;}
.word_info{font-size:14px;color:#666;margin:11px 0;padding:0 8px}

/* 결제하기 */
.parcel_pay_wrap .tit_deli_set { padding:0 24px;}
.parcel_pay_sec {padding:24px;}
.parcel_pay_sec + .parcel_pay_sec {border-top:1px solid #F6F6F6;}
.parcel_pay_sec:last-child {padding-bottom:0;}
.parcel_pay_sec .tit_18 {margin-bottom:10px;}
.deli_data_list li {display:flex; align-items:flex-start; margin:8px 0;}
.deli_data_list li p {font-size:14px;}
.deli_data_list .tit_data {width:30%;}
.deli_data_list .con_data {width:70%;}

/* 통합회원툴팁 */
.obj_wrap.mileage {position:relative;}
.obj_wrap.mileage .tooltip {top:28px; left:0; width:100%;}
.obj_wrap.mileage .tooltip li strong {color:#222;}
.obj_wrap.mileage .tooltip .img_area {padding-top:16px;}
.obj_wrap.mileage .tooltip .img_area img {display:block; width:100%;}


/* 개인정보 수집, 제공 */
.indiv_con {padding:0 24px 18px; border-bottom:1px solid #F6F6F6;}
.indiv_con .plcy_wrap {margin-top:4px;}
.indiv_con .plcy_wrap .dtl_plcy {padding-left:0;}
.indiv_con02 {padding:16px 24px;border-bottom:1px solid #f6f6f6;}
.form_policy.mid ~ .form_policy.mid {margin-top:30px; padding-right:0;}
.parcel_pay_wrap .indiv_sec .dtl_plcy span {color:#FF003C}
.indiv_sec .prov_agree{margin-top:16px;}
.pymnt_order .indiv_sec .prov_agree .cotn_acc{padding-right:24px;}

/* 결제완료 */
.parcel.compl {}
.parcel.compl .header_wrap .tit_back {padding-left:8px;}
.parcel.compl .header_wrap .tit_back .go_back {display:none;}

.pay_compl_wrap {}
.pay_compl_wrap .box_shape {margin:0 auto; width:calc(100% - 32px);}
.compl .info_area {margin-top:16px; padding:0 24px;}

.compl .sub_tit {padding:20px 24px 32px;}
.compl .sub_tit .tit_24 {padding:0 0 10px;}
.compl .btn_wrap.w_100 .btn {box-sizing:border-box; flex:none;}
.compl .tit_copy {padding-left:0;}
.compl .sub {padding-bottom:185px;}
.pay_compl_wrap .box_shape .cotn {padding:20px;}
.pay_compl_wrap .box_shape .dl_layout .dl_div h3.tit,
.pay_compl_wrap .box_shape .dl_layout p {font-size:13px; color:#666; font-weight:400;}
.pay_compl_wrap .dl_div + .dl_div {margin-top:4px;}

/* 예약완료-유의사항 */
.compl .parcel_wrap .info_area {padding:0;}

/* 예약조회 */
/* 결과 */
/* .parcel.reserv .sub {padding-bottom:0;} */
.reserv_wrap {padding:0 16px;}
.reserv_wrap .date_box {margin-bottom:11px;}
.reserv_step ul {display:flex; justify-content:space-between; width:100%;}
.reserv_step ul li {text-align:center; width:100%;}
.tit_step {font-size:13px; font-weight:bold; color:#666; margin-bottom:2px;}
.txt_step_num strong {font-family:robo; font-size:20px; display:inline-block; vertical-align:bottom;}
.txt_step_num span {font-size:16px; display:inline-block; vertical-align:bottom; line-height:20px;}
.reserv_wrap .box_shape.bg_gray02 + .info_area {margin-top:11px}
.reserv_wrap .box_shape.bg_gray02 + .info_area .tit_copy {padding-left:8px;}

.reserv_wrap .info_area.i_none {margin-bottom:16px;}
.reserv_wrap .info_area.i_none p {text-indent:8px;}

.reserv_wrap + .reserv_wrap02 {margin-top:32px;}
.reserv_list {padding:0 16px;}
.reserv_list .info_style {overflow:hidden;position:relative; padding:24px 8px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #F6F6F6;}
.reserv_list .info_style:first-child{border-top:1px solid #F6F6F6;}
.reserv_list .info_style .date{font-family:robo;font-size:14px;color:#666}
.reserv_list .info_style .info_tit {position:relative; padding-right:16px;}
.reserv_list .info_style .info_tit i {position:absolute; top:4px; right:0;}
.parcel.reserv .box_shape.bg_gray01 {border:0;}
.parcel.reserv .box_shape .dl_layout .dl_div h3.tit,
.parcel.reserv .box_shape .dl_layout p {font-size:13px; color:#666; font-weight:400;}
.parcel.reserv .dl_div + .dl_div {margin-top:4px;}
.txt_under_num,.txt_under_num:link {position:relative; z-index:2;}/* issues/3266 underline */
.txt_under_num::after{content:''; position:absolute; bottom: 1px; left: 0; width:100%; height:1px; background-color:#666;}/* issues/3266 underline */
.reserv_line.cancel .tit_rev_area p,
.reserv_line.cancel .dl_layout .dl_div h3.tit,
.reserv_line.cancel .dl_layout p {color:#ddd}

.reserv_list .data_st_lef{width:auto;flex:1;}
.reserv_list .data_st_lef .tit_18{margin-top:5px;}
.reserv_list .data_st_lef .dl_layout{margin-top:9px;}
.reserv_list .dl_layout .dl_div .tit{margin-right:0;}
.reserv_list .info_style .dl_div .cotn{margin-left:6px;}
.info_style .dl_div .cotn .font_robo{font-family:robo;}
.reserv_list .data_st_rit{text-align:right;}
.reserv_list .data_st_rit .link_line{line-height:17px;}
.reserv_list .data_st_rit .link_line ~ .link_line{margin-top:9px;}

.parcel .toget_wrap .tit_wrap{padding-bottom:16px;}
.parcel .reserv_wrap .tit_wrap{padding-bottom:24px;}

/* 예약완료 */
.re_flag_area{margin-top:9px;}
.flag_rese{color:#fff; font-weight:bold; font-size:11px;padding:4px 8px 3px; background-color:#37D243; border-radius:12px;  display:inline-block; line-height:13px;margin-top:1px;box-sizing:border-box;}
.flag_rese.cancel{background-color:#aaa;}
/* issues/2343 추가 */
/* .step_done_sec {padding:0 16px;} */
.step_done_sec .tit_18 {margin-bottom:24px; padding:0 24px;}
.step_done_sec .box_shape .cotn {padding:15px;}
.step_done_sec .info_area li {color:#222;}
.step_done_sec .info_area li ~ li {margin-top:5px;}
.step_done_sec .info_area li:before {content:"-"; background:none; border-radius:0; width:auto; height:auto; top:0;}

.parcle_step_area ul {display:flex; justify-content:space-around;}
.parcle_step_area li {text-align:center;}
.parcle_step_area li p {color:#666; font-size:14px; text-align:center}
.parcle_step_area li span {display:inline-block; width:40px; height:40px; background-size:40px; background-repeat:no-repeat;}
.parcle_step_area .parcle_step01 span {background-image:url(../images/common/ico_parcle_step01.png);}
.parcle_step_area .parcle_step02 span {background-image:url(../images/common/ico_parcle_step02.png);}
.parcle_step_area .parcle_step03 span {background-image:url(../images/common/ico_parcle_step03.png);}

/* 끼리택배 예약완료 */
.parcel_way .tit_24 {padding: 0 24px 16px;}

/* 상세 */
.parcel.reserv .sub_tit .tit_24 {padding:0;}
.tit_rese_area {padding:20px 24px 12px;}
.parcel.reserv .tit_btn_wrap {padding:20px 24px 14px;}
.reserv_vw_wrap {margin-bottom:24px;}
.reserv_vw_wrap + .reserv_vw_wrap {margin-bottom:32px;}
.reserv_vw_info {padding:0 16px}
.reserv_vw_wrap .parcel_pay_sec:first-child {/*padding-top:0; */border-top:1px solid #F6F6F6;}

/* 배송조회팝업 */
.pop_deli .tit_btn_wrap{padding:20px 24px 14px}
.pop_deli .sub_tit .tit_24{padding: 0;}
.pop_deli .box_shape.bg_gray01 {border:0;}
.pop_deli .box_shape .dl_layout .dl_div h3.tit,
.pop_deli .box_shape .dl_layout p {font-size:13px; color:#666; font-weight:400;}
.pop_deli .dl_div + .dl_div {margin-top:6px;}

.deli_ck_wrap {padding:0 16px 28px;}
.deli_ck_area:first-child{border-top:1px solid #f6f6f6}
.deli_ck_area{border-bottom:1px solid #f6f6f6;padding:24px 0;}
.tit_deli_ck{color:#666666;font-size:14px;line-height:20px;font-family:robo;margin-bottom:5px;}
.deli_ck_area h4{font-weight:bold;font-size:18px; margin-bottom:8px;}
.deli_ck_area .tit_18 a{position:relative;}/* issues/3266 underline */
.deli_ck_area .tit_18 a::after{content:''; position:absolute; bottom: 0; left: 0; width:100%; height:1px; background-color:#666;}/* issues/3266 underline */
.deli_ck_area p a {font-weight:bold;color:#222222;}
.deli_ck_info p {font-size:13px; line-height:18px;}
.deli_ck_info p a {position:relative; font-weight:bold;}/* issues/3266 underline */
.deli_ck_info p a::after{content:''; position:absolute; bottom: 0; left: 0; width:100%; height:1px; background-color:#666;}/* issues/3266 underline */
.deli_ck_area .box_shape + .box_shape {margin-top:11px;}
.deli_ck_dep02{padding-left:24px}
.deli_ck_dep02 .info_style{margin-top:22px;}

/* 예약변경 결제 */
.parcel.reserv .sub_tit + .parcel_pay_wrap .parcel_pay_sec:first-child {padding-top:10px}

/* 예약취소 */
.cancel_wrap {padding:0 24px;}
.refund_line {display:flex; justify-content:space-between; align-items:center;}
.cancel_wrap .price strong {font-size:20px; font-family:robo;}
.cancel_wrap .price span {font-size:16px;}
.price02 strong {font-family:robo;}
.refund_line02 {margin-top:24px}
.parcel.reserv .refund_line02 .dl_div + .dl_div {margin-top:11px}
.cancel_wrap .info_area {margin-top:16px}

/* CU끼리택배조회 */
.txt_14_gy {color:#666; padding:11px 24px 0; font-size:14px;}
.toget_wrap02 {padding:0 16px; margin-top:32px;}
.toget_wrap02 .tit_24 {margin-bottom:24px; padding:0 8px;}
.toget_wrap02 .deli_data_list {padding:0 8px}
.deli_step_area ul {display:flex; justify-content:space-between; padding:0 8px;}
.deli_step_area li p {color:#666; font-size:13px; text-align:center}
.deli_step_area li.on p {color:#222; font-weight:bold; position:relative;}
.deli_step_area li.on p::after {display:block; content:''; width:6px; height:6px; border-radius:6px; position:absolute; background:#37D243; bottom:-12px; left:50%; margin-left:-3px;}
.deli_step_area li span {width:40px; height:40px; display:inline-block; margin-bottom:6px;}
.deli_step01 span {background:url("../images/common/icon_delivery_01.png") no-repeat; background-size:40px;}
.deli_step02 span {background:url("../images/common/icon_delivery_02.png") no-repeat; background-size:40px;}
.deli_step03 span {background:url("../images/common/icon_delivery_03.png") no-repeat; background-size:40px;}
.deli_step04 span {background:url("../images/common/icon_delivery_04.png") no-repeat; background-size:40px;}
.deli_step05 span {background:url("../images/common/icon_delivery_05.png") no-repeat; background-size:40px;}
.deli_sta_con {margin-top:32px}
/* 결과없음 */
.toget_wrap02 .data_none {padding-top:120px}
.toget_wrap02 .data_none .mn_copy {font-size:20px}

/* 보내는 사람/받는 사람 입력 */
.pt20 {padding-top:20px;}

/* 택배예약 알럿 팝업 */
.parcel_alert .sub_txt span {color:#FF003C;}

/* 택배예약 전체팝업 지도형 */
.full_popup.on.parcel_loc{transform:translate3d(0,0,0);-webkit-transform:translateZ(0);-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}

.parcel_loc .pop_sub{padding-bottom:0}
.parcel_loc .btn_fixed{z-index:11}
.parcel_loc .store_info .name_loc address{padding-right:36px}
.parcel_loc .list_sort{align-items:flex-end; margin-bottom:16px; padding-left:24px}

.parcel_loc .contents.pop_map {overflow:hidden;}
.parcel_loc .contents.pop_map .pick_map_wrap .map{height: 240px;}
.parcel_loc .contents.pop_map .pick_store_wrap .store_list {margin:24px 0 0;padding-top:0; overflow-y: auto; height: calc(100vh - 200px);}
.parcel_loc .contents.pop_map .pick_store_wrap .store_list ul{padding-bottom: 260px;}

.parcel_loc .contents.pop_map .store_list.scroll{overflow:auto;height:calc(100vh - 400px); box-sizing:border-box;}
@media (max-width: 375px) {
	.parcel_loc .contents.pop_map .pick_map_wrap .map{height: 200px;}
}
@media (max-width: 320px) {
	.parcel_loc .contents.pop_map .pick_map_wrap .map{height: 130px;}
	.parcel_loc .contents.pop_map .pick_store_wrap .store_list ul{padding-bottom:100px;}
}

/* CU알뜰택배 예약 전 유의사항 안내 */
.kkili_delivery.btm_popup .head{padding-bottom:12px}
.kkili_delivery.btm_popup .bg_f4{background-color:#f4f4f4;color:#444;}
.kkili_info_wrap{padding:12px 4px 40px}
.kkili_info_wrap li strong{margin-bottom:4px; font-size:14px}
.kkili_info_wrap li p{font-size:14px; line-height:20px}
.kkili_info_wrap li p ~ p{margin-top:4px}
.kkili_info_wrap li ~ li{margin-top:16px}
.kkili_info_wrap span{color:#ff003c}
.kkili_info_wrap .bg_box_flx{margin:16px 0 8px}
.kkili_info_wrap .bg_box_flx .box_div{margin-top:0; text-align:center}
.kkili_info_wrap .bg_box_flx .limit{overflow:hidden; width:100%; text-align:center; background-position:50% 0; background-repeat:no-repeat}
.kkili_info_wrap .bg_box_flx .limit p{font-size:12px; line-height:16px}
.kkili_info_wrap .bg_box_flx .limit.kkili_limit01{padding-top:73px; background-image:url(../images/common/icon_limit_01.png); background-size:78px}
.kkili_info_wrap .bg_box_flx .limit.kkili_limit02{padding-top:73px; background-image:url(../images/common/icon_limit_02.png); background-position:50% 25%; background-size:70px}
.kkili_info_wrap .info_area{margin-bottom:16px}
.kkili_info_wrap .island {color:#0D99FF;}
.kkili_info_wrap .island_info li {color:#666; font-size:13px; line-height:20px; margin-top:0;}
.kkili_info_wrap .island_info li:first-child {padding-top:8px;}
.kkili_info_wrap .island_info li:last-child {padding-top:8px;}

/* 택배예약 안내팝업 - 바닥팝업 */ /* issues/3347 추가 */
.parcel_info_wrap {padding:12px 4px 40px}
.parcel_info_wrap p {font-size:15px;}
.parcel_info_wrap .info_area p {color:#666666; font-size:14px; line-height:1.429em;}

/* 알뜰택배_개선 */
.parcel_improve .header_wrap {border-bottom:1px solid #eee;}
.parcel_improve .head_search_wide {display:block;}

/* 알뜰택배 검색결과 팝업 */
.parcel_map .pop_map {overflow:hidden;}
.parcel_map .pop_map .pop_sub {padding-bottom:0;}
.parcel_map .search_result_wrap .search_keyword {margin:0; width:100%;}
.parcel_map .search_result_wrap .search_keyword .form_txt input {border-width:0 0 1px 0; border-radius:0; font-size:16px;}
.parcel_map .search_result_wrap .search_keyword .form_txt input:focus {border-color:#eee;}
/* 알뜰택배 검색결과 팝업:바텀시트 */
.parcel_map ~ .bottom_sheet_popup.show {z-index:1000;}
