@charset "utf-8";

/* 전문상담CSS */
.counsel {overflow:hidden;}

.menu_info {overflow:hidden; position:relative; margin-bottom:50px; padding:30px;}
.menu_info .info_comment {font-size:18px; line-height:1.5rem;}
.menu_info .bullet_point {margin-top:20px;}
.menu_info .btn_area {position:absolute; right:30px; top:30px;}

.menu_info.ver_bg{padding:44px 30px 44px 146px;background:#fcfcfc url('/assets/images/service/icon_applcare.png') no-repeat; background-position:46px 28px;-webkit-background-size:80px 80px;background-size:80px 80px;}

/* 상담문의등록 */
.counsel .provision_area {margin-top:50px;}
.counsel tr.notuser_write {display:table-row;}
.counsel .counsel_notice {margin-top:20px;}
.counsel tbody .t_l {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; max-width:90%;}
.counsel .bullet_point {margin-top:20px;}

/* 상담문의완료 */
.complete_msg {overflow:hidden; margin-bottom:50px;}
.complete_msg .img_complete {overflow:hidden; text-align:center; margin-bottom:35px;}
.complete_msg p {font-size:27px; line-height:1.2em; text-align:center;}
.complete_request {margin-bottom:20px;}
.complete_request .complete_sort {float:left; margin-left:20px;}

.complete_request .bullet_point {margin-top:20px;}
.counsel .go_post {margin-top:50px;}

/* 상담내역 */
.date_select {overflow:hidden; box-sizing:border-box; margin-bottom:50px; padding:29px 43px;}
.date_select .month {float:left;}
.date_select .month a {float:left; width:103px;}
.date_select .month a + a {border-left:none;}
.date_select .term_date {float:right;}
.date_select .term_date dl {float:left;}
.date_select .term_date dt {float:left; line-height:42px; height:42px;}
.date_select .term_date dd {float:left; margin-left:20px;}
.date_select .term_date .date_area {overflow:hidden;}
.date_select .term_date .date_area .group_date {float:left; border:1px solid #d3d3d3; box-sizing:border-box; position:relative; padding:10px; height:42px; width:132px;}
.date_select .term_date .date_area .group_date:first-child {margin-right:28px;}
.date_select .term_date .date_area .group_date + .group_date:before {content:"~"; position:absolute; left:-20px; top:10px;}
.date_select .term_date .date_area .group_date input[type="text"] {background-color:#fff; border:none; line-height:18px; padding:0; height:20px; width:90px;}
.date_select .term_date .date_area .group_date img {position:absolute; right:10px; top:11px;}
.date_select .term_date .btn_area {float:left; margin-left:10px;}
.date_select .term_date .btn_area button {width:101px;}
.ui-widget-header .ui-icon {background-image:url("/assets/css/images/ui-icons_222222_256x240.png");}/* datepicker 좌우버튼img */

/* 예약/신청상세_공통 */
.counsel.complete_request .info_table td {white-space:normal;}
.complete_request .info_table .btn_reserve {text-align:left;}
.complete_request .info_table .btn_reserve > * {display:inline-block;}
.complete_request .info_table .btn_reserve > * + * {margin-top:0;}
.complete_request .info_table .btn_assess {text-align:left;}
.complete_request .info_table .btn_assess > * {display:inline-block;}

/* 만족도평가 */
.rating_counsel {overflow:hidden; counter-reset:rating;}
.rating_area {overflow:hidden;}
.rating_area + .rating_area {margin-top:70px;}
.rating_area .title_rating {font-size:18px; line-height:1.1em; position:relative; margin-bottom:30px; padding-left:30px;}
.rating_area .title_rating:before {color:#0a71cc; content:"Q" counter(rating); counter-increment:rating; position:absolute; left:0; top:0;}
.rating_area .select_answer {overflow:hidden;}
.rating_area .select_answer p {display:inline-block; min-width:250px;}
.rating_area .select_answer label {color:#5b5a5a;}
.rating_area .select_answer input[type="radio"] {vertical-align:-2px;}
.rating_area .score {background:url("/assets/images/counsel/icon_assess_02.gif") no-repeat right 0; overflow:hidden; padding-right:65px;}
.rating_area .score li {float:left; text-align:center;}
.rating_area .score li:first-child {background:url("/assets/images/counsel/icon_assess_01.gif") no-repeat 0 0; padding-left:65px;}
.rating_area .score .txt_score {display:block; overflow:hidden; border-top:1px solid #bbb; border-bottom:1px solid #bbb; box-sizing:border-box; text-align:center; margin-bottom:20px; padding-top:13px; padding-bottom:13px; width:85px;}
.rating_area .score li + li .txt_score {border-left:1px solid #bbb;}
.rating_counsel .btn_rating {border-top:1px solid #e7e7e7; margin-top:50px; padding-top:50px;}

/* 상담예약 */
.reserve_request {overflow:hidden;}
.step_reserve {overflow:hidden;}
.step_group {overflow:hidden;}
.step_group + .step_group {margin-top:50px;}

.title_request {overflow:hidden; border:1px solid #d6d6d6; position:relative;}
.title_request a {display:block; box-sizing:border-box; color:#7d7d7d; font-size:24px; line-height:1.1em; position:relative; padding-top:23px; padding-left:105px; height:77px;}
.title_request a:hover, .title_request a:focus {text-decoration:none;}
.title_request .step_no {background-color:#9e9e9e; box-sizing:border-box; color:#fff; font-size:22px; line-height:1.1em; text-align:center; position:absolute; left:0; top:0; padding-top:10px; height:77px; width:77px;}
.title_request .step_no:before {display:block; content:"STEP"; font-size:12px;}

.step_group.on .title_request {border:1px solid #0a71cc;}
.step_group.on .title_request a {color:#0a71cc;}
.step_group.on .title_request .step_no {background-color:#0a71cc;}

.reserve_content {overflow:hidden; position:relative; margin-top:30px;}
.disabled_layout {display:none; background-color:#f5f5f5; opacity:.5; position:absolute; left:0; top:0; height:100%; width:100%; z-index:10;}
.reserve_content .select_product {margin-bottom:0;}
.reserve_content .write_style1 {margin-top:50px;}
.reserve_content .btn_prod {margin-top:10px;}
.reserve_content .btn_prod a {background:url("/assets/images/common/arrow_gray_6x8.png") no-repeat 8px 10px; padding-left:10px; width:140px;}
.reserve_content .prod_name {display:inline-block;}
.reserve_content .t_personal_info .t_address {padding:10px 10px 10px 30px;}     /* 2020.02.26 추가 */
.reserve_content .t_personal_info .t_address_btn {padding:10px 5px; text-align:center;}     /* 2020.02.26 추가 */
.reserve_content .t_personal_info .t_address_btn a {float:right;}     /* 2020.02.26 추가 */
.reserve_content .t_personal_info .t_address_btn input[type="radio"] {vertical-align:inherit; width:15px; height:31px; margin-right:2px;}     /* 2020.02.26 추가 */

.write_style1 .model_search {overflow:hidden;}
.write_style1 .model_search input[type="text"],
.write_style1 .model_search .btn_area {float:left;}
.write_style1 .model_search .btn_area {margin-left:5px;}

.write_style1 .model_result {overflow:hidden; overflow-y:auto; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding-top:10px; padding-bottom:10px; margin-top:10px; max-height:85px;}
.write_style1 .model_result ul {overflow:hidden;}
.write_style1 .model_result li {float:left; box-sizing:border-box; position:relative; width:33.3333%;}
.write_style1 .model_result li ~ li:before {background-color:#ccc; content:""; position:absolute; left:-10px; top:10px; height:15px; width:1px;}
.write_style1 .model_result a {color:#5b5a5a; font-size:13px; line-height:30px;}

.reserve_content .status_select {display:inline-block; overflow:hidden; min-width:258px;}
.reserve_content .status_select select {width:100%;}

.schedule {overflow:hidden;}
.schedule_choice {float:left; position:relative;}

.schedule_choice .title_schedule {position:relative;}
.schedule_choice .title_schedule h4 {color:#5b5a5a; font-size:18px; text-align:center; padding-bottom:25px;}
.schedule_choice.on .title_schedule h4 {color:#0a71cc;}

.schedule_choice .schedule_unit {overflow:hidden; border-top:1px solid #bcbcbc; border-right:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; box-sizing:border-box; height:360px; width:327px;}
.schedule_choice:first-child .schedule_unit {border-left:1px solid #bcbcbc; width:326px;}
.schedule_choice .schedule_unit * {color:#5b5a5a;}

.schedule_choice .calendar #datepicker {overflow:hidden; height:315px;}
.schedule_choice .calendar .ui-datepicker {border:none; box-sizing:border-box; padding:0; width:100%;}
.schedule_choice .calendar .ui-datepicker table {margin-bototm:0;}
.schedule_choice .calendar .ui-datepicker .ui-datepicker-header {background-color:#fff; border:none; border-radius:0; padding-top:15px; padding-bottom:15px;}
.schedule_choice .calendar .ui-datepicker .ui-datepicker-header * {font-size:15px; line-height:1.1em;}
/*.schedule_choice .calendar .ui-datepicker .ui-datepicker-year:after {content:"년";}*/
.schedule_choice .calendar .ui-datepicker .ui-datepicker-prev,
.schedule_choice .calendar .ui-datepicker .ui-datepicker-next {height:10px; width:10px; margin-top:-5px; top:50%;}
.schedule_choice .calendar .ui-datepicker .ui-datepicker-prev {background:url("/assets/images/common/btn_calendar_prev.gif") no-repeat 0 0; left:30%;}
.schedule_choice .calendar .ui-datepicker .ui-datepicker-next {background:url("/assets/images/common/btn_calendar_next.gif") no-repeat 0 0; right:30%;}

.schedule_choice .calendar .ui-datepicker th {background-color:#fff; padding-top:0;}
/* .schedule_choice .calendar .ui-datepicker-week-end .ui-state-default {background:none; border:none; cursor:default;} */ /* 2018-10-30 */
.schedule_choice .calendar table tbody tr td:first-child a {color:#ff4848;}
.schedule_choice .calendar table tbody tr td:nth-child(7) a {color:#0a71cc;}
.schedule_choice .calendar table tbody tr td:nth-child(7) a.ui-state-active {color:#fff;}
.schedule_choice .calendar table.ui-datepicker-calendar tbody tr td:first-child .ui-state-default {background:none; border:none; cursor:default;} /* 2018-10-30 */
.schedule_choice .calendar .ui-state-default {background-color:#fff; border:1px solid #bcbcbc; box-sizing:border-box; font-size:13px; line-height:33px; text-align:center; margin:3px auto 0; padding:0; height:33px; width:33px;}
.schedule_choice .calendar .ui-state-active {background-color:#0a71cc; border:1px solid #0a71cc; color:#fff;}

.schedule_choice .calendar .possible_date {overflow:hidden; border-top:1px solid #ededed; text-align:center; height:40px;}
.schedule_choice .calendar .possible_date dt,
.schedule_choice .calendar .possible_date dd {display:inline; line-height:40px;}
.schedule_choice .calendar .possible_date dd {padding-left:30px;}

.schedule_choice .time_table {overflow:hidden; padding:30px 45px;}
.schedule_choice .time_table .time_content {overflow-x:hidden; overflow-y:auto; max-height:300px;}
.schedule_choice .time_table dl {overflow:hidden;}
.schedule_choice .time_table dl + dl {border-top:1px solid #ededed; margin-top:20px; padding-top:20px;}
.schedule_choice .time_table dt,
.schedule_choice .time_table dd {float:left;}
.schedule_choice .time_table dt {font-size:15px; width:51px;}
.schedule_choice .time_table dd {margin-top:-11px; margin-left:-16px; width:184px;}
.schedule_choice .time_table .txt_time {background-color:#fff; display:block; float:left; border:1px solid #bcbcbc; box-sizing:border-box; text-align:center; line-height:26px; margin-left:16px; margin-top:11px; height:29px; width:45px;}
.schedule_choice .time_table .txt_time.checked {background-color:#0a71cc; border:1px solid #0a71cc; color:#fff;}
.schedule_choice .time_table .txt_time.disabled {background-color:#fff; border:1px solid #fff; color:#c5c5c5; cursor:default;}
.schedule_choice .time_table .txt_time input[type="radio"] {overflow:hidden; line-height:0; position:absolute; opacity:0; height:0; width:0;}

.service .schedule_choice .time_table {padding:30px; width:654px;}
.service .schedule_choice .time_table dt {width:90px;}
.service .schedule_choice .time_table dd {width:489px;} /* 방문서비스_timetable */
.service .reserve_content .bullet_point {margin-top:20px;}
.service .reserve_content .bullet_point li.fee_notice {color:red;}

.schedule_choice .date_confirm {overflow:hidden;}
.schedule_choice .date_confirm dl {overflow:hidden; text-align:center; margin:40px auto 0; width:140px;}
.schedule_choice .date_confirm dt {font-size:15px; margin-bottom:20px;}
.schedule_choice .date_confirm dd {border-bottom:2px solid #0a71cc;}
.schedule_choice .date_confirm input[type="text"] {background:none; color:#0a71cc; font-size:18px; border:none; text-align:center; width:100%;}

.info_schedule {overflow:hidden; border-right:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; border-left:1px solid #bcbcbc; text-align:center; padding-top:20px; padding-bottom:20px;}
.info_schedule p {display:inline-block; position:relative; padding-left:25px;}
.info_schedule p + p {margin-left:30px;}
.info_schedule p:before {box-sizing:border-box; content:""; position:absolute; left:0; top:2px; height:15px; width:15px;}
.info_schedule .possible:before {background-color:#fff; border:1px solid #bcbcbc;}
.info_schedule .choice:before {background-color:#0a71cc; border:1px solid #0a71cc;}

.confirm_info {overflow:hidden;}
.confirm_info .detail_content {float:left; border-top:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; height:310px;}
.confirm_info .detail_content:first-child {border-left:1px solid #d3d3d3;}
.confirm_info .detail_content h4 {background-color:#f5f5f5; border-bottom:1px solid #d3d3d3; box-sizing:border-box; color:#0a71cc; font-size:15px; padding:25px 0 25px 30px;}
.confirm_info .detail_content .txt_info {overflow:hidden; padding:0 25px 25px 30px; width:192px;}
.confirm_info .detail_content .txt_info dl {overflow:hidden; margin-top:20px;}
.confirm_info .detail_content .txt_info dt {color:#252525; font-size:14px; margin-bottom:10px;}
.confirm_info .detail_content .txt_info dd {color:#7d7d7d;}
.confirm_info .detail_content .txt_info .btn_modify {margin-top:20px;}
.confirm_info .detail_content .txt_info .btn_modify a {width:102px;}
.confirm_info .detail_content .txt_info.applicant {width:426px;}
.confirm_info .detail_content .txt_info.applicant dl {display:inline-block; min-width:200px;}

/* 전화상담신청완료 */
.complete_request .complete_msg .t_c {margin-bottom:10px;}
.complete_request .complete_msg .txt_notice {font-size:13px; line-height:1.5rem; padding-left:0;}
.complete_request .complete_msg .txt_notice:before {content:none;}
.complete_request .info_table {overflow:hidden;}
.complete_request .info_table tbody tr:first-child th,
.complete_request .info_table tbody tr:first-child td {border-top:1px solid #7d7d7d;}
.complete_request .info_table + .info_table {margin-top:50px;}
.complete_request .info_table h3 {font-size:18px; line-height:1.1em; margin-bottom:10px;}
.complete_request td .service_section {color:#0a71cc;}

/* 무상클린서비스 */
.free_clean + .free_clean {margin-top:50px;}
.write_title {font-size:18px; line-height:1.1em; margin-bottom:15px;}
.free_clean.write_style1 .comment_board {top:0;}
.counsel_notice dt {color:#7d7d7d; font-size:15px; margin-bottom:10px;}


/* 서비스요금 안내 */
.service_price h3{margin-bottom: 49px; color: #0a71cc;font-size: 24px;font-weight: 500;line-height: 48px;letter-spacing: -0.5px;}
.service_price .txt_info strong{display: block;border-top: 1px solid #0a71cc;padding-top: 15px;width: 65px;white-space: nowrap;font-size: 18px;font-weight: 500;line-height: 26px;}
.service_price .txt_info ul li{margin-top: 1em;}
.service_price .txt_info+.txt_info{margin-top: 69px;}
.service_price .txt_info ol{margin:50px 0 0 29px; color: #7d7d7d;font-size: 14px;font-weight: 300;line-height: 30px;}

/* 콜센터 방문서비스 예약 변경/취소 */
.callvisit.new_t_c {text-align: left !important; font-size: 13px; margin-bottom: 50px; padding-bottom: 50px;}
.callvisit.new_t_c .bullet_point {float: left; width: 70%;}
.callvisit.new_t_c .bullet_point > p:before {background-color: #0a71cc; content: ""; border-radius: 30px; position: absolute; left: 0; top: 8px; height: 4px; width: 4px;}
.callvisit.new_t_c .bullet_point > p {position: relative; padding-left: 10px; color: #5b5a5a; overflow: hidden;}
.callvisit.new_t_c .callvisit_btn_area {float: right; margin-top: 15px; padding-right: 10px;}
.callvisit.new_t_c .callvisit_btn_area a{overflow: hidden; margin-top: 27px; font-size: 16px; line-height: 40px; padding: 8px 45px;}

.callvisit_box {overflow:hidden; padding-top:30px; padding-bottom:30px;}
.callvisit_box * {color:#5b5a5a;}
.callvisit_box [class*="_inner2"] {width:515px;}

.callvisit_box .user_area_inner2 {position:relative;}
.callvisit_box .user_area_inner2 .user_input {overflow:hidden;}
.callvisit_box .user_area_inner2 .user_input + .user_input {margin-top:5px;}
.callvisit_box .user_area_inner2 .user_input dt,
.callvisit_box .user_area_inner2 .user_input dd {float:left;}
.callvisit_box .user_area_inner2 .user_input dt {font-size:15px; line-height:46px; width:90px;}
.callvisit_box .user_area_inner2 .input_num {display:block; width:343px;}
.callvisit_box .user_area_inner2 .input_num + .input_num {margin-top:5px;}
.callvisit_box .user_area_inner2 .input_num input {padding-left:12px; height:48px; width:100%;}

.callvisit_box .user_area_inner2 .radio_area {overflow: hidden; padding: 15px 30px; text-align: center;}
.callvisit_box .user_area_inner2 .radio_area span label {font-size: 16px;}
.callvisit_box .user_area_inner2 .radio_area span + span {margin-left: 25px;}
.callvisit_box .user_area_inner2 .radio_area input[type=radio] {width: 16px; height: 16px;}

/* 제품 배송/설치 일정 조회 */
.delivery_container {overflow: hidden; box-sizing: border-box; padding: 30px; width: 675px; margin: 0 auto;}
.delivery_container .contents {overflow: hidden;}
.delivery_container .contents .delivery {overflow: hidden;}
.delivery_container .contents .delivery .inquiry_box {overflow: hidden; box-sizing: border-box; position: relative; padding: 20px 50px;}
.delivery_container .contents .delivery .inquiry_box dl {overflow:hidden;}
.delivery_container .contents .delivery .inquiry_box dl + dl {margin-top:5px;}
.delivery_container .contents .delivery .inquiry_box dt,
.delivery_container .contents .delivery .inquiry_box dd {float:left;}
.delivery_container .contents .delivery .inquiry_box dt {line-height:30px; height:30px;}
.delivery_container .contents .delivery .inquiry_box dd {margin-left:20px;}
.delivery_container .contents .delivery .inquiry_box input[type="text"] {width:342px;}
.delivery_container .contents .delivery .inquiry_box .btn_area {position:absolute; right:50px; top:20px;}
.delivery_container .contents .delivery .inquiry_box .btn_area button[type="button"] {height:67px; width:97px;}