@charset "utf-8";

/* 서비스센터 공통 */
.service_box{ padding:25px 15px; border-top:1px solid #333; background-color:#f9f9f9; }
.left_header{ font-size:14px; line-height:16px;}
.info_box{ margin-top:20px; }
.order_check_box {border:1px solid #bfbfbf;background-color:#fff;padding:10px;}
.order_check_box>div {display:table-cell;}
.order_check_box .order_image_box img {width:100px;}
.order_check_box .order_title_desc {vertical-align:middle;width:100%;padding:0 10px;}
.order_check_box .order_title_desc p.fs12{width:100%;line-height:1.2em;height:2.3em;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;}
.order_check_box .order_title_desc p.fs13 {width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.list_table .order_check_box {border:1px solid #ddd;}
.list_table .order_check_box>div {display:block;}
.list_table .order_check_box .order_title_desc {width:calc(100% - 120px);}
.notice_lending {padding:15px;background-color:#f9f9f9;}

/* 메인 */
#service .service_box{ padding-bottom:55px; }
#service .box_table tr td{ height:45px; }
#service .box_table tr td.center_info{ line-height:1.8; padding:20px 10px 10px 10px; }
#service .box_table tr td .center_info_box{ margin-top:12px; padding:10px 0; background-color:#f9f9f9; }
#service .box_table tr td .center_info_box p{ font-size:12px; }

/* FAQ */
#faq{ margin-bottom:30px; }
#faq .faq_tab{ width:100%; height:inherit; margin-top:15px; border:1px solid #333; border-width:1px 0 0 1px; background-color:#fff; }
#faq .faq_tab tr td{ padding:11px 10px; border:1px solid #333; border-width:0 1px 1px 0; text-align:center; }
#faq .faq_tab tr td.on{ background-color:#333; color:#fff; }
#faq .list_table{ margin-bottom:30px; border-top:1px solid #bfbfbf; }
#faq .reply_more{ margin:20px 15px 30px; }

/* 1:1문의하기 */
#qna .menu_tab{ margin-bottom:0; border:1px solid #333; position:relative; z-index:5; }
#qna .menu_tab li{ background-color:#fff; }
#qna .menu_tab li.on{ border-color:#333; background-color:#333; }
#qna .change_tab{ margin-bottom:35px; position:relative;}
#qna .change_tab.qna_list{ margin-bottom:60px; padding-bottom: 15px;}
#qna .change_tab.qna_list img{ max-width:100%; }
#qna .change_tab .qna_menu_bg{ width:100%; height:92px; background-color:#fff; position:absolute; top:-92px; z-index:1; }
#qna .box_table tr td select{ height:45px; }
#qna .rule_area{ padding:0 10px; border-bottom:0; }
#qna .list_table{ border-top:1px solid #bfbfbf; }
#qna .list_table tr.qna_answer td{ background-color:#f9f9f9; }
#qna .list_table tr.qna_answer td table tr td{ padding:5px; border:none; }
#qna .list_table tr.qna_answer td * {font-family:"SD Gothic Neo" !important;background-color:transparent !important;}
#qna .list_table tr.qna_answer td img {max-width:100%;margin:10px auto;display:block;}
#qna .reply_more{ margin:20px 15px 0; }
#qna .service_qna_desc {padding:30px 15px;border-top:1px solid #333;}
#qna .service_qna_desc .btn_mustit {width:100%;}
#qna .input_service_box {border:1px solid #ddd;/*padding-top:0;*/}
#qna .order_number_box .order_number {width:calc(100% - 85px);}

#qna .service_box {border-top:1px solid #bfbfbf;}
#qna .service_qna_desc{border-top:0;}
#qna .sub_header {border-bottom:1px solid #333;}

/* 공지사항 */
#notice{ margin-bottom:60px; }
#notice .service_box{ padding:0; background-color:transparent; }
#notice .btn_area{ margin:20px 15px 0; }
#notice .notice_content{ line-height:1.6; }
#notice .notice_content img{ max-width:100%; }
#notice .straight_access_sts {background-color:#f9f9f9;padding:20px 0;margin-bottom:30px;}
#notice .straight_access_sts p {text-align:center;color:#222;}
#notice .straight_access_sts .access_sts_top {font-size:15px;font-weight:bold;margin-bottom:5px;}
#notice .straight_access_sts .access_sts_top span {font:inherit;color:#d01f3c;}
#notice .straight_access_sts .access_sts_desc {font-size:13px;}

/* 오류신고 */
#service_error .service_box{ padding:35px 15px; border-top:0;}
#service_error .service_box .left_header {font-size:15px;}
#service_error .sub_header {border-bottom:1px solid #333;}
#service_error .rule_area{ padding:0 10px; border-bottom:0; }
#service_error .box_table {width:auto;}
#service_error .box_table.error_content {padding:15px 10px;box-sizing:border-box;}
#service_error .box_table .box_info_input.table_attr {display:table;width:100%;box-sizing:border-box;}
#service_error .box_table .box_info_input.table_attr .input_cell {display:table-cell;vertical-align:middle;}
#service_error .box_table .box_info_input.table_attr .input_cell.w55 {width:55px;}
#service_error .box_table .box_info_input.table_attr .input_cell .btn_addImg {border:0;width:100%;border-left:1px solid #bfbfbf;}
#service_error .box_table .box_info_input {border-bottom:1px solid #ddd;}
#service_error .box_table .box_info_input:after {content:"";display:block;clear:both;}
#service_error .box_table .box_info_input:last-child {border-bottom:0;}
#service_error .box_table .box_info_input span {display:inline-block;float:left;}
#service_error .box_table .box_info_input span.w_half {width:50%;}
#service_error .box_table .box_info_input span.w_trisection {width:33%;}
#service_error .box_table .box_info_input span.w_trisection input[type="number"] {height:29px;border-left:1px solid #ddd;}
#service_error .info_box {margin-top:25px;}
#service_error .rule_title {padding:12.5px 0;}
#service_error .rule_desc {line-height:18px;}

/* A/S */
#as .service_box{ line-height:1.8; background-color:transparent; }
#as .comma_title{ margin-bottom:3px; font-size:15px; font-weight:bold; }
#as .as_paragraph{ margin-bottom:35px; }
#as .asCompany_table{ width:100%; margin-bottom:15px; }
#as .asCompany_table tr td{ padding:15px 0; border-bottom:1px dotted #333; }

.as-circle-wrapper {width: 64px; height: 64px;}
.as-icon {width: 30px;}

/* 구매 안전 캠페인 */
.safety-campaign-wrap * {
    font-family: 'Pretendard' !important;
}
.safety-campaign-wrap .safety-campaign-top {position: sticky;position:-webkit-sticky;top: 52px;z-index: 300;transition: top 0.2s ease ;-webkit-transition: top 0.2s ease;}
.safety-campaign-tabs .mi-tab-item {position: relative;background-color:#000;}
.safety-campaign-tabs .mi-tab-item.tab-on {background-color:#D00000;}
.safety-campaign-tabs .safety-campaign-tab-box {position: relative;padding: 18px 0;color: #888;font-size: 14px;line-height: 18px;font-weight: 600;}
.safety-campaign-tabs .safety-campaign-tab-box:after {content:'';position: absolute;top:50%;right:0;transform: translateY(-50%);width:1px;height: 24px;background-color: #333;}
.safety-campaign-tabs .tab-on .safety-campaign-tab-box {color: #fff;}
.safety-campaign-tabs .tab-on .safety-campaign-tab-box:after {right: auto;left:-1px;background-color: #000;}
.safety-campaign-tabs .mi-tab-item:last-child .safety-campaign-tab-box:after {background-color: #000;}
.safety-campaign-wrap .safety-campaign-container {padding: 32px 0 40px;}
.safety-campaign-wrap .safety-campaign-box {margin-left: 16px;margin-right: 16px;}
.safety-campaign-wrap .safety-campaign-img-box {margin: 0 14px 32px;}
.safety-campaign-wrap .safety-campaign-h2, .safety-campaign-wrap .safety-campaign-h3, .safety-campaign-wrap .safety-campaign-h4 {color: #222;}
.safety-campaign-wrap .safety-campaign-h2 {font-size: 20px;line-height: 28px;margin-bottom: 16px;font-weight: 500;}
.safety-campaign-wrap .safety-campaign-h3 {font-size: 18px;line-height: 27px;font-weight: 700;}
.safety-campaign-wrap .safety-campaign-h4 {font-size: 16px;line-height: 24px;font-weight: 700;}
.safety-campaign-wrap .safety-campaign-h5 {font-size: 14px;line-height: normal;font-weight: 700;}
.safety-campaign-bg-blue .safety-campaign-h3 {margin-bottom: 16px;}
.safety-campaign-wrap .safety-campaign-text-normal {font-size: 14px;line-height: 21px;color: #555;}
.safety-campaign-wrap .safety-top-text {margin-bottom: 8px;word-break: keep-all;}
.safety-campaign-wrap .safety-top-text:last-child {margin-bottom: 0;}
.safety-campaign-wrap .safety-campaign-text-dot {position: relative;padding-left: 9px;}
.safety-campaign-wrap .safety-campaign-text-dot:before {content: '•';position: absolute;top: 0;left: -4px;color: #888;font-size: inherit;}
.safety-campaign-wrap .top-img-box {width: 100%; height: 50vw; background-color:#1f1e2b;}
.safety-campaign-wrap .table-box {margin-bottom: 12px;border-top: 1px solid #555;}
.safety-campaign-wrap .mi-table {border-collapse: collapse;}
.safety-campaign-wrap th,
.safety-campaign-wrap td {border-bottom: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;font-size: 14px;line-height: 21px;}
.safety-campaign-wrap th:last-child,
.safety-campaign-wrap td:last-child {border-right: none;}
.safety-campaign-wrap th {padding: 12px 0 11px;color: #222;font-weight: 600;}
.safety-campaign-wrap td {padding: 9px 12px;height: 26px;word-break: keep-all;color: #555;}
.safety-campaign-wrap .safety-delay-table th,
.safety-campaign-wrap .safety-delay-table td {font-size: 13px;line-height: 1.54;word-break: break-all;}
.safety-campaign-wrap .safety-delay-table td {padding: 8px;}
.safety-campaign-wrap .safety-delay-table thead td {padding: 12px 8px; height: auto;}
.safety-campaign-wrap .safety-campaign-bold {font-weight: 600;color: inherit;font-size: inherit;}
.safety-campaign-wrap .safety-campaign-emph {font-size: inherit;color: #D00000!important;}
.safety-campaign-wrap .safety-campaign-subtext {line-height: 1.54;color: #888;}
.safety-campaign-wrap .safety-campaign-black {color: #222;}
.safety-campaign-wrap .safety-campaign-darkgray {color: #555;}
.safety-campaign-wrap .safety-campaign-gray {color: #888;}
.safety-campaign-wrap .mi-btn {max-width: 200px;border-radius: 34px;padding: 14px 0 13px;line-height: 1.5;}
.safety-campaign-wrap .safety-campaign-bg-blue {background-color: #e4e9f2;}
.safety-campaign-wrap .safety-delay-title {line-height: 1.54;color: #555;}
.safety-campaign-wrap .safety-delay-text {margin-top: 4px;line-height: 1.54;color:#888;}
.safety-campaign-wrap .safety-delay-text .num {display: inline-block;min-width: 11px;margin-right: 1px; font-size: inherit;color: inherit;}
.safety-campaign-wrap .safety-soldout-coupon {line-height: 1.54;color: #555;}
.safety-campaign-wrap .safety-delay-text-sub {margin-left: 12px;color: #888;}
.safety-campaign-wrap .safety-delay-text-sub.dot {margin-left: 11px;}
.safety-campaign-wrap .safety-delay-text-sub.dot:before {left: -1px;font-size: 1.15em;line-height: 1em;color: #aaa;}
.safety-campaign-wrap .safety-campaign-card {position: relative;border-radius: 8px;background-color: #fff;padding: 20px 20px 16px;max-width: calc(50% - 10px);min-height: 196px;}
.safety-campaign-wrap .safety-campaign-card:nth-child(n+3) {margin-top: 8px;}
.safety-campaign-wrap .safety-campaign-card:nth-child(2n) {margin-left: 4px;margin-right: 6px;}
.safety-campaign-wrap .safety-campaign-card:nth-child(2n-1) {margin-left: 6px;margin-right: 4px;}
.safety-campaign-wrap .safety-campaign-card p {margin-top: 4px;line-height: 20px;color: #222;word-break: keep-all;}
.safety-campaign-wrap .safety-campaign-charge {position: absolute;bottom: 15px;left: 20px;right: 20px; font-size: 12px;line-height: 18px;color: #224faf;}
.safety-campaign-wrap .safety-campaign-btn-box {margin-top: 24px;}
.safety-campaign-wrap .safety-campaign-qna-box:not(:last-child) {padding-bottom: 16px;border-bottom: 1px solid #f5f5f5;margin-bottom: 16px;}
.safety-campaign-wrap .safety-campaign-question {font-size: 14px;line-height: 1.5;color: #222;margin-bottom: 4px;}
.safety-campaign-wrap .safety-campaign-answer {font-size: 13px;line-height: 1.54;color: #888;}
.safety-campaign-wrap .safety-campaign-qna-box .qna-link {color: #555;text-decoration: underline;}
.safety-campaign-wrap .online-genuine-guide-card {display: flex;margin-top: 24px;padding-top: 24px;border-top: 1px solid #f5f5f5; align-items: flex-start;}
.safety-campaign-wrap .online-genuine-guide-thumb {width: 80px;margin-right: 16px;}