/* mrgelo - override css */
.pagination {
	display: inline-block;
	padding: 12px 0;
	margin-top: 24px;
}
.pagination:after {
	clear: both;
	display: block;
	content: "";
}

.pagination li {
	margin-top: 0;
	margin-left: 4px;
	font-size: 13px;
	width: auto;
	display: block;
	float: left;
}

.pagination li:first-child {
	margin-left: 0;
}

.pagination li a,
.pagination li strong {
	display: block;
	padding: 6px 9px;
	background-color: #fff;
}

.pagination li a i{
	line-height:inherit;
}

.pagination li.num_on {
	background-color: #daeaff;
	height: auto;
}

/* 공지사항 */
.m_notic {
	width: 100%;
	height: 324px;
	overflow: hidden;
}

/* 파일 첨부 */
.file-li {
	padding: 12px 0;
}

.file-download {
	display: inline-block;
}
.file-download i {
	margin-right: 12px;
}

.file-delete {
	float: right;
	padding-left: 24px;
}

/* 모달 새로 제작 */
#qna-board-modal {
	display: none;
	position: relative;
}
#qna-board-modal .modal-content {
	position: fixed;
	width: 320px;
	height: auto;
	background-color: #fff;
	padding: 36px 18px;
	box-sizing: border-box;
	box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.16);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
}
#qna-board-modal .modal-content strong {
	display: block;
	padding: 12px 0;
	font-size: 18px;
}

#qna-board-modal .modal-content p {
	display: block;
	padding: 18px 0;
}

#qna-board-modal .modal-content .close-btn {
	padding: 6px;
	position: absolute;
	top: 12px;
	right: 12px;
}

#qna-board-modal .modal-content input[type="password"] {
	display: block;
	width: 100%;
	height: 36px;
	line-height: 2.75em;
	text-indent: 6px;
	box-sizing: border-box;
	border: 1px solid #ddd;
}

#qna-board-modal .modal-content button {
	margin-top: 12px;
	display: block;
	width: 100%;
	text-align: center;
	padding: 12px 0;
	background-color: #0d9796;
	border: 1px solid #0d9796;
	color: #fff;
	box-sizing: border-box;
	cursor: pointer;
}

#qna-board-modal .modal-content button:disabled {
	opacity: 0.2;
	background-color: #ddd;
	border-color: ddd;
	color: #7e7e7e;
}

#qna-board-modal .modal-shadow {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9998;
	background-color: #000;
	opacity: 0.2;
}

/* qna 비어있는 글 */
.empty-msg {
	display: block;
	text-align: center;
	padding: 64px 0;
	font-size: 16px;
}

/* 프론트 엔드 수정 사항 */

#sec2 > ul {
	display: block !important;
}

#sec2 > ul:after {
	clear: both;
	display: block;
	content: "";
}

#sec2 > ul li {
	box-sizing: border-box;
}

.m_notic li {
	float: none !important;
	width: 100% !important;
}

.m_notic li .notice-link {
	position: relative;
	display: block;
	padding-right: 80px;
}

.m_notic li .notice-link .date {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}

#sec2 .override_lang_right {
	width: 670px;
	height: 675px;
	float: right;
}

.override_main_rdiv {
	width: 347px !important;
	overflow: hidden;
}

.override-rdiv {
	width: 32% !important;
	overflow: hidden;
	box-sizing: border-box;
}

.override_s2_1ul li {
	width: 24%;
	box-sizing: border-box;
}

.override_s4_3ul3 li {
	width: 24%;
	box-sizing: border-box;
}

.override_qna_tree > div {
	box-sizing: border-box;
}

/* 메인 페이지 추가 */
.new_main_article {
	position: relative;
	background: url("/src/assets/pc/img/not_bg.png") repeat center;
	width: 492px;
	height: 254px;
	box-shadow: 5px 5px 15px #ccc;
	overflow: hidden;
}

.new_main_article dl {
}

.new_main_article dl dt {
	margin-top: 12px;
	position: relative;
	background: url("/src/assets/pc/img/new_main_article_header.png") no-repeat center center;
	height: 98px;
	overflow: hidden;
}

.new_main_article dl dt strong {
	color: #fff;
	position: absolute;
	top: 26px;
	left: 182px;
	line-height: 24px;
	font-size: 16px;
}

.new_main_article dl dd {
	padding: 0 26px;
}

.new_main_article dl dd p {
	line-height: 18px;
	font-size: 14px;
}

.new_main_article dl dd p .title {
	display: block;
	color: #1b919d;
	line-height: 24px;
	font-size: 18px;
	padding: 12px 0;
}

/* 고객리스트 추가 정보 */
#more-ul {
	font-size: 0;
	overflow: hidden;
}
#more-ul li {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	font-size: 14px;
	text-align: center;

	box-sizing: border-box;
}

#more-ul li span {
	display: block;
	padding: 12px 6px;
	background-color: #fff;
	border: 1px solid #898989;
	margin: 6px;
}

.s3_2ul li:last-child {
	width: 575px;
}

.slick-list {
	width: 100%;
}

#footer .mobile-btn {
	position: fixed;
	bottom: 2%;
	right: 2%;
	padding: 12px;
	background-color: #fff;
	color: #64bbbb;
	border: 1px solid #64bbbb;
	font-size: 2rem;
	font-weight: bold;
	padding-bottom: 5px;
	display: inline-block;
	vertical-align: top;
	width: 10em;
	height: 4em;
	line-height: 4em;
	text-align: center;
	box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.16);
}

.scroll_div {
	padding-right: 16px;
}

.override_s4_3ul li:last-child {
	width: 700px;
}

.override_s4_3ul2 li:last-child {
	width: 640px;
}

.override_s3_4tb {
	width: 100%;
}

.override_s3_4tb tr td:nth-child(odd) {
	padding: 0;
}

.override_s3_4tb td span {
	display: block;
	padding-right: 12px;
	font-size: 17px;
}

.gallery {
	overflow: unset;
}

.gallery-link-row {
	display: block;
	background-color: #fff;
	border: 1px solid #ddd;
	height: auto;
	max-height: 350px;
}

.gallery-link-row a {
	display: block;
}

.gallery-link {
	display: block;
	width: 100%;
	padding-top: 260px;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #fff !important;
}

.gallery-info {
	padding: 24px 12px;
}

.gallery-info strong {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 16px;
}

.gallery-info p {
	line-height: 24px;
	font-size: 14px;
}

.file-box {
}

.file-box ul li {
	position: relative;
}

.file-box ul li .file-remove-btn {
	position: absolute;
	top: 50%;
	margin-top: 5px;
	transform: translate(0, -50%);
	right: 0;
	z-index: 5;
	display: inline-block;
	font-size: 0;
	vertical-align: top;
}

.file-box ul li .file-remove-btn i {
	margin-right: 4px;
	font-size: 14px;
	vertical-align: middle;
}

.file-box ul li .file-remove-btn span {
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
}

.more-control {
}

.more-control ul {
}

.more-control ul li:first-child {
	margin-left: 0;
}

.more-control ul li {
	display: inline-block;
	margin-left: 4px;
}

.more-control ul .list-li {
	float: right;
}

.more-control ul li a {
	display: inline-block;
	padding: 6px 20px;
	background-color: #119b99;
	color: #fff;
	font-size: 14px;
}

.full-img {
	width: 1180px;
}

/* payment - card */

.clear-fix:after {
	clear: both;
	display: block;
	content: "";
}

.payment-card-content .left-box {
	float: left;
	width: 350px;
	margin-top: 20px;
}

.payment-card-content .left-box ul li:first-child {
	margin-top: 0;
}

.payment-card-content .left-box ul li {
	margin-top: 36px;
	font-size: 0;
}

.payment-card-content .left-box ul li label {
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	font-size: 20px;
}

.payment-card-content .left-box ul li select,
.payment-card-content .left-box ul li input {
	display: inline-block;
	vertical-align: top;
	width: 230px;
	box-sizing: border-box;
	margin-left: 20px;
	height: 36px;
	line-height: 3em;
	border: 1px solid #7e7e7e;
	text-indent: 12px;
}

.payment-card-content .right-box {
	float: right;
	width: 380px;
	border: 1px solid #7e7e7e;
	padding: 20px;
	margin-left: 20px;
	box-sizing: border-box;
}

.payment-card-content .right-box strong {
	display: block;
	margin-bottom: 12px;
	font-size: 20px;
}

.payment-card-content .right-box ol li:first-child {
	margin-top: 0;
}

.payment-card-content .right-box ol li {
	margin-top: 10px;
	text-align: right;
	line-height: normal;
}

.payment-card-content .right-box ol li .price-text {
	display: inline-block;
	width: 150px;
	vertical-align: top;
	font-size: 17px;
	line-height: 20px;
	font-weight: bold;
}

.payment-card-content .right-box ol li .price-text:after {
	content: "X";
	display: inline-block;
	margin: 0 10px;
}

.payment-card-content .right-box ol li input {
	display: inline-block;
	vertical-align: top;
	height: 20px;
	line-height: 1.75em;
	text-align: center;
	width: 36px;
	box-sizing: border-box;
	border: 1px solid #7e7e7e;
}

.payment-card-content .right-box ol li .price-panel-btn {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	text-align: center;
	height: 20px;
	line-height: 20px;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #aaa;
}

.payment-card-content .right-box ol li .price-panel-btn i {
	vertical-align: top;
	font-size: 14px;
	margin-top: 2px;
}

.payment-card-content .total-price-row {
	border-top: 1px solid #797979;
	margin-top: 2px;
	padding: 10px 0;
}

.payment-card-content .total-price-row p {
	font-weight: bold;
	font-size: 22px;
	line-height: 30px;
}

.payment-card-content .total-price-row p #price {
	float: right;
	font-size: 22px;
	font-weight: bold;
	line-height: 30px;
}

.payment-card-content .total-price-row p #price:after {
	content: "원";
}

.control-box {
	margin-top: 60px;
}

.extend_s6_ul {
	font-size: 0;
	display: block;
}

.extend_box3_li3 h4 {
	padding: 12px 0 24px 0 !important;
}

.extend_box3_li3 p {
	padding-top: 12px !important;
}

.extend_button_s2_4btn {
	background-color: #0d9796;
	color: #fff !important;
}

a.extend_button_s2_4btn {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	padding: 0 24px;
}

.tab_left h3 {
	line-height: 28px;
}

.tab_left h3 a {
	display: inline-block;
	padding: 0 6px;
	background: #0d9796;
	color: #fff;
	font-size: 16px;
	vertical-align: top;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
	margin-left: 12px;
}

.s2_2txtr a {
	display: inline-block;
	margin-left: 24px;
	background-color: #0d9796;
	color: #fff;
	font-weight: normal;
	padding: 12px;
}

.sv8 {
	background: #fff url("/src/assets/pc/img/sub_v8.png") no-repeat center;
	background-size: 100% 100%;
}

/* quick brochure */

.quick_brochure {
	background: url("/src/assets/pc/img/quick_brochure.png") no-repeat center center;
	width: 200px;
	height: 110px;
	box-sizing: border-box;
}

.quick_brochure p {
	position: relative;
	display: block;
	text-align-last: left;
	text-indent: -9999px;
}

.quick_brochure p > span {
	display: block;
	width: 100%;
}

.quick_brochure p:first-child {
	margin-top: 22px;
}

.quick_brochure p a {
	width: 100%;
	display: block;
	height: 26px;
}

.sample-list-form .sample-list-rows {
	padding-bottom: 24px;
}

.sample-list-form .sample-list-rows.left {
	float: left;
	width: 510px;
	margin-right: 12px;
}

.sample-list-form .sample-list-rows.right {
	float: right;
	width: 510px;
}

.sample-list-form .sample-list-rows .rows-header {
	position: relative;
	text-align: left;
	margin-bottom: 24px;
}

.sample-list-form .sample-list-rows .rows-header .short_text {
	display: block;
	font-size: 14px;
	color: #0d9796;
}

.sample-list-form .sample-list-rows .rows-header .short_text em {
	font-style: normal;
	color: #0d9796;
	font-weight: bold;
}

.sample-list-form .sample-list-rows .rows-header .reset-btn {
	position: absolute;
	top: 8px;
	right: 170px;
	z-index: 100;
	background-color: #1d858d;
	color: #fff;
	padding: 6px 12px;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
}

.sample-list-form .sample-list-rows .rows-header .reset-btn.right {
	right: 85px;
}

.sample-list-form .sample-list-rows .rows-header select {
	position: absolute;
	top: 5px;
	right: 0;
	z-index: 50;
	border: 1px solid #ddd;
	line-height: 26px;
	height: 26px;
}

.sample-list-form .list_title {
	display: block;
	margin-bottom: 12px;
}

.sample-list-form .category {
	*zoom: 1;
	padding: 12px;
	border: 1px solid #ddd;
	background-color: #fff;
	height: 539px;
	box-sizing: border-box;
	font-size: 0;
}

.sample-list-form .category:after {
	clear: both;
	display: block;
	content: "";
}

.sample-list-form .left .category li {
	width: calc(50% - 6px);
}

.sample-list-form .category li {
	width: calc(33.3333% - 6px);
	display: inline-block;
	vertical-align: top;
	margin: 3px;
}

.sample-list-form .category li label {
	position: relative;
	text-align: left;
	display: block;
	padding: 6px 12px;
	cursor: pointer;
}

.sample-list-form .category li label.active {
	background-color: #1d858d;
}

.sample-list-form .category li label i {
	font-size: 20px;
	vertical-align: middle;
}

.sample-list-form .category li label input {
	display: none;
	position: absolute;
	top: 50%;
	left: 6px;
	transform: translate(-50%, 0);
	z-index: 0;
}

.sample-list-form .category li label span {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	margin-left: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 95px;
}

.sample-list-form .category li label.active i {
	color: #fff;
}

.sample-list-form .category li label.active span {
	color: #fff;
}

.sample-list-form .control-box {
	text-align: center;
	margin: 24px 0;
}

.sample-list-form .control-box p {
	margin: 12px 0;
	text-align: center;
	font-size: 16px;
	color: #8e8e8e;
	font-weight: bold;
}

.sample-list-form .control-box button {
	width: 50%;
	text-align: center;
	background-color: #1d858d;
	border: 0;
	color: #fff;
	padding: 12px 0;
}

.sample-list-form .control-box button:disabled {
	opacity: 0.25;
	cursor: no-drop;
}

.sample-view-rows {
}

.sample-view-rows .sample-view-column-title {
	display: block;
	background-color: #fff;
	padding: 18px 24px;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 24px;
	box-shadow: 0px 2px 4px rgb(0 0 0 / 16%);
}

.sample-view-rows .sample-view-content {
	padding: 36px 24px;
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.sample-view-rows .sample-view-content * {
	color: inherit;
	word-break: break-all;
}

.sample-view-rows .sample-view-top {
}

.sample-view-rows .sample-view-top dt,
.sample-view-rows .sample-view-top dd {
	display: inline-block;
	vertical-align: top;
}

.sample-view-rows .sample-view-top dt strong {
	display: block;
	padding: 18px 24px;
	font-size: 20px;
	background-color: #fff;
	font-weight: normal;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}

.sample-view-rows .sample-view-top dd {
	padding: 18px 12px;
}

.sample-view-rows .sample-view-top dd span {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	padding: 0 12px;
}

.sample-view-rows .sample-view-top dd .end_language {
	font-weight: bold;
	color: #1d858d;
	text-decoration: underline;
}

.sample-view-rows .sample-view-top dd .category_display {
	display: block;
	text-align: center;
	width: 460px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
}

.s2_4btn {
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}

.mgr_btn.extend-btn {
	background: url("/src/assets/pc/img/quickview_extend_sample.png") no-repeat center center;
	overflow: hidden;
}
.mgr_btn.extend-btn a {
	color: #fff;
	display: block;
}

.area table .category_display{
	width: 100%;
	display:inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: top;
}