/* 211013 ij warranty css add   */

.warranty_ph2_comment_container {
	padding: 16px;
	max-width: 556px;
	width: auto;
	background-color: #eaeaea;
	box-sizing: border-box;
	position: relative;
	display: none;
}

.warranty_ph2_option_container {
	padding: 16px;
	max-width: 556px;
	width: auto;
	background-color: #eaeaea;
	box-sizing: border-box;
	display: none;
}

.warranty_ph2_option_container .table_comment_item {
	padding: 0 15px;
}

.warranty_ph2_option_container .wph_comment_title,
.warranty_ph2_comment_container .wph_comment_title {
	font-weight: 300;
	font-size: 13px;
	line-height: 24px;
	padding: 0px 15px;
	display: inline-block;
	background: #333;
	color: #fff;
	position: relative;
}

.warranty_ph2_comment_container .wph_comment_content {
	display: block;
	word-break: keep-all;
	font-size: 13px;
	line-height: 1.35;
	color: #000;
	margin-top: 16px;
}

.warranty_ph2_comment_container .wph_comment_content li {
	padding-left: 15px;
	position: relative;
}

.warranty_ph2_comment_container .wph_comment_content li table {
	table-layout: fixed;
}

.warranty_ph2_comment_container .wph_comment_content li table td,
.warranty_ph2_comment_container .wph_comment_content li table th {
	border: 1px solid #aaa;
	padding: 8px;
	text-align: center;
}

.warranty_ph2_option_container table {
	table-layout: fixed;
	width: 501px;
}

.warranty_ph2_option_container table td,
.warranty_ph2_option_container table th {
	border: 1px solid #aaa;
	text-align: left;
	vertical-align: middle;
	padding: 16px 15px;
	background-color: #FCFCFC;
}

.warranty_ph2_option_container .checks.small input[type="radio"]+label {
	font-size: 14px;
}

.warranty_photo_upload_container .glasscare_item_container {
	color: #333;
	font-size: 16px;
	font-weight: 500;
}
.warranty_ph2_option_container .glasscare_item_container {
	font-size: 13px;
}


.warranty_ph2_option_container .table_option_container {
	margin-top: 16px;
	width: 100%;
	overflow: auto;
}

.warranty_ph2_comment_container .wph_comment_content li .table_comment_table_container {
	width: 100%;
	overflow: hidden;
	padding: 0 15px;
	box-sizing: border-box;
	overflow: auto;
}

.warranty_ph2_comment_container .wph_comment_content li:not(:first-child) {
	margin-top: 5px;
}

.warranty_ph2_comment_container .wph_comment_content li:before {
	content: "";
	display: block;
	border-radius: 50%;
	width: 4px;
	height: 4px;
	position: absolute;
	left: 3px;
	top: 7px;
	background-color: #000;
}

.warranty_ph2_comment_container .wph_comment_content li.no_dot:before {
	display: none;
}

.warranty_ph2_comment_container .wph_count_container {
	margin-top: 16px;
}

.warranty_ph2_comment_container .wph_count_wrap {
	display: inline-block;
	margin-left: 15px;
}

.warranty_ph2_comment_container .wph_count_text {
	line-height: 30px;
	vertical-align: bottom;
	font-size: 14px;
	padding: 0 2px;
	position: relative;
	display: inline-block;
	padding-bottom: 1px;
	margin-bottom: 0 !important;
	margin-right: 0 !important;
}

.warranty_ph2_comment_container .wph_count_text:after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background-color: #000;
	bottom: 0px;
	position: absolute;
	left: 0;
	border-radius: 2px;
}

.warranty_ph2_comment_container .wph_count_text .highlight_text {
	color: #F6511E;
	font-weight: 500;
	padding-right: 2px;
}

.warranty_ph2_comment_container .wph_count_button {
	vertical-align: middle;
	line-height: 1.35;
	font-size: 14px;
	width: auto;
	padding: 8px 12px;
	margin-left: 12px;
	background: url(../images/btn_bg2.png) bottom right no-repeat;
	background-size: 100% 100%;
	border-radius: 3px;
	letter-spacing: -0.03em;
}

.warranty_ph2_comment_container .wph_count_hidden {
	display: none;
}


/* 211013 ij add mini popup css */

.mini_window_popup_container {
	padding: 35px;
	box-sizing: border-box;
}

.mini_window_popup_container .mwp_comment_title {
	font-weight: 300;
	font-size: 13px;
	line-height: 1.35;
	padding: 3px 15px 4px;
	display: inline-block;
	background: #333;
	color: #fff;
	position: relative;
}

.mini_window_popup_container .mwp_comment_title:after {
	width: 7px;
	height: 7px;
	display: block;
	position: absolute;
	bottom: -7px;
	left: 0px;
	content: "";
	background: url(../images/arrow_ico3.png) no-repeat;
}

.mini_window_popup_container .mwp_comment_content {
	display: block;
	word-break: keep-all;
	font-size: 13px;
	line-height: 1.35;
	color: #000;
	margin-top: 16px;
}

.mini_window_popup_container .mwp_comment_content li {
	padding-left: 15px;
	position: relative;
}

.mini_window_popup_container .mwp_comment_content li:not(:first-child) {
	margin-top: 5px;
}

.mini_window_popup_container .mwp_comment_content li:before {
	content: "";
	display: block;
	border-radius: 50%;
	width: 4px;
	height: 4px;
	position: absolute;
	left: 3px;
	top: 7px;
	background-color: #000;
}

.mini_window_popup_container .mwp_count_container {
	margin-top: 13px;
	padding: 20px;
	background-color: #ebebeb;
	box-sizing: border-box;
	width: 100%;
}

.mini_window_popup_container .mwp_count_wrap {}

.mini_window_popup_container .mwp_count_text {
	line-height: 30px;
	vertical-align: bottom;
	font-size: 14px;
	padding: 0 2px;
	position: relative;
	display: inline-block;
	padding-bottom: 1px;
	margin-bottom: 0 !important;
	margin-right: 0 !important;
}

.mini_window_popup_container .mwp_count_text:after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background-color: #000;
	bottom: 0px;
	position: absolute;
	left: 0;
	border-radius: 2px;
}

.mini_window_popup_container .mwp_count_text .highlight_text {
	color: #F6511E;
	font-weight: 500;
	padding-right: 2px;
}

.mini_window_popup_container .mwp_count_button {
	vertical-align: middle;
	line-height: 1.35;
	font-size: 14px;
	width: auto;
	padding: 8px 12px;
	margin-left: 12px;
	background: url(../images/btn_bg2.png) bottom right no-repeat;
	background-size: 100% 100%;
	border-radius: 3px;
	letter-spacing: -0.03em;
}

.mini_window_popup_container .mwp_count_hidden {
	display: none;
}

.mini_window_popup_container .mwp_input_text {
	background: 0 none;
	border-bottom: 2px solid #000;
	color: #000;
	width: calc(100% - 62px);
}


/* warranty/const write  */

.datepicker_inner_container .datepicker_table {
	width: 100%;
}


/* modal popup */

body.modal_fixed {
	overflow: hidden;
}

.modal_fixed_popup {
	z-index: 999;
	position: fixed;
	overflow: hidden;
	top: 0px;
	width: 100%;
	height: 0%;
	left: 0px;
	transition: height 0s .6s;
}

.modal_fixed_popup.active {
	height: 100%;
	transition: height 0s 0s;
}

.modal_fixed_popup.active .layer {
	transition: opacity .3s ease .3s;
	opacity: 1;
}

.modal_fixed_popup.active .bg {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	transition: opacity .3s ease 0s, backdrop-filter .3s ease 0s;
	opacity: 1;
}

.modal_fixed_popup .bg {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	transition: opacity .3s ease .3s, backdrop-filter .3s ease .3s;
}

.modal_fixed_popup .layer {
	z-index: 2;
	left: 50%;
	top: 50%;
	position: absolute;
	padding: 50px;
	background: #fff;
	border-radius: 5px;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: opacity .3s ease 0s;
}

.modal_fixed_popup .layer .close {
	z-index: 3;
	cursor: pointer;
	position: fixed;
	display: block;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M384 32H64C28.654 32 0 60.656 0 96V416C0 451.344 28.654 480 64 480H384C419.346 480 448 451.344 448 416V96C448 60.656 419.346 32 384 32ZM304.969 303.029C314.344 312.404 314.344 327.592 304.969 336.967C295.588 346.348 280.404 346.34 271.031 336.967L224 289.936L176.969 336.967C167.588 346.348 152.404 346.34 143.031 336.967C133.656 327.592 133.656 312.404 143.031 303.029L190.062 255.998L143.031 208.969C133.656 199.594 133.656 184.406 143.031 175.031S167.594 165.656 176.969 175.031L224 222.062L271.031 175.031C280.406 165.656 295.594 165.656 304.969 175.031S314.344 199.594 304.969 208.969L257.938 255.998L304.969 303.029Z'/%3E%3C/svg%3E") center center no-repeat;
	background-size: 30px;
}

.modal_fixed_popup .layer .scroll {
	overflow: auto;
}

.modal_fixed_popup .modal_fixed_title {}

.modal_fixed_popup .modal_fixed_content {
	margin-top: 8px;
}

.modal_fixed_popup .modal_fixed_content .input_group_box {
	position: relative;
}

.modal_fixed_popup .modal_fixed_content .input_box {
	border: 0 none;
	border-bottom: 2px solid #000;
	background: 0 none;
	box-sizing: border-box;
	width: 220px;
	padding-right: 50px;
	color: #000;
}

.modal_fixed_popup .modal_fixed_content .serach_button {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	box-sizing: border-box;
	padding: 4px 10px;
	border-radius: 3px;
	color: #fff;
	outline: 0 none;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	background: url(../images/btn_bg2.png) bottom right no-repeat;
	width: auto;
	z-index: 1;
}

.is_ph2_font {
	font-family:"Roboto Slab", "NotoSansKR";
}
.is_ph2_font > option {
	font-family:"Roboto Slab", "NotoSansKR";
}

.help_box_container .help_box.is_inner_text_content {
	background-image: none;
	font-size: 11px;
	color: #fff;
	background-color: #000;
	width: 65px !important;
	height: auto;
	border-radius: 0;
	text-align: center;
	box-sizing: border-box;
	padding: 5px 0px 7px 0px;
	right: -75px;
	top: 3px;
}


@media screen and (max-width: 640px) {
	.warranty_ph2_comment_container .wph_count_hidden {
		display: block;
	}
	.warranty_ph2_comment_container .wph_count_button {
		margin-top: 8px;
		margin-left: 0px;
	}
	.warranty_ph2_comment_container .wph_count_text .highlight_text {
		margin-right: 0 !important;
		margin-bottom: 0 !important;
	}
	.table.exception_mobile_block {
		display: block;
	}
}

.service_quote_guide_btn_container {
	text-align: center;
	margin-top: 50px;
}
.service_quote_guide_btn_container.edit_page {
	margin-top: 30px;
}
.service_quote_guide_btn_container .service_quote_guide_btn {
	display: inline-block;
	margin: 0 auto;
	line-height: 1.25;
	padding: 12px 45px 11px 45px;
	border: 0 none;
	font-size: 15px;
	font-weight: 500;
	transition: all .3s ease;
	background: #ff9838;
	border-radius: 5px;
	color: #fff;
}
@media screen and (max-width: 824px){
	.service_quote_guide_btn_container.edit_page {
		margin-top: 15px;
	}
}