/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
menu-nav
nav-logo
nav-desktop-menu
nav-search
nav-menu-mobile
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");
@font-face {
	font-family: "Pretendard Variable", "Pretendard", sans-serif !important;
}

html * {
    outline: none;
    letter-spacing: -0.03em;
    line-height: 1.5;
    word-break: keep-all;
    -webkit-text-size-adjust: none;
}

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
.menu-nav {
	background-color: #FFFFFF !important;
	border-bottom: none !important;
}
.home .menu-nav {
	background-color: #fff0 !important;
	border-bottom: none !important;
}
.home .menu-nav {
	border-bottom: none !important;
}
.home .menu-nav.she-header {
	background-color: #FFFFFF !important;
	border-bottom: none !important;
}
.home .menu-nav .nav-logo, .home .menu-nav .nav-menu-mobile .hfe-nav-menu-icon svg {
	filter: brightness(0) invert(1) !important;
}
.home .she-header .nav-logo, .home .she-header .nav-menu-mobile .hfe-nav-menu-icon svg {
	filter: none !important;
}
.home .menu-nav .nav-desktop-menu a.hfe-menu-item, .home .menu-nav .nav-search i {
	color: #FFFFFF !important;
}
.home .she-header .nav-desktop-menu a.hfe-menu-item, .home .she-header .nav-search i {
	color: #000000 !important;
}
.menu-nav {
	border-bottom: 1px solid #EEEEEE !important;
}
.nav-desktop-menu .hfe-menu-item .sub-arrow {
	display: none !important;
}
.menu-nav .hfe-input-focus i.fas {
 	color: #000000 !important;
}
.desktop-only {
	display: initial !important;
}
.mobile-only {
	display: none !important;
}
@media screen and (max-width: 1024px) {
	.desktop-only {
		display: none !important;
	}
	.mobile-only {
		display: initial !important;
	}
}

.breadcrumb-style span{
	text-align: right !important;
	text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
}
.breadcrumb-style {
	text-align: right !important;
	margin: 0 auto;
}
.breadcrumb-style span, .breadcrumb-style a {
	color: #6A6F71;
}
.breadcrumb-style a:hover {
	color: #6A6F71;
}

.home .premium-blog-entry-title {
	height: 48px !important;
}
.agree {
	width: 100% !important;
	height: 240px !important;
	line-height: 20px !important;
	padding: 30px 20px !important;
	margin: 10px 0px 10px 0px !important;
	border: 2px solid #dadbdd !important;
	border-radius: 7px !important;
	overflow-y: scroll !important;
}
.agree ol {
	list-style: decimal !important;
	margin: 10px !important;
	padding: 10px !important;
}
.agree li {
	padding: 4px !important;
}
.agree dl {
	margin: 2px !important;
	padding: 2px !important;
}
.agree dt {
	margin: 0px !important;
	padding: 2px !important;
	color: #666666 !important;
}
.agree dd {
	margin: 0px !important;
	padding: 0px !important;
}	
	
/*게시글*/
.next-post-list .list-left,
.prev-post-list .list-left{width:100%}

.prev-post-list,
.next-post-list {border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; padding: 30px 55px 30px 55px; display: flex; justify-content: space-between;}

.prev-post-list{border-bottom:none;}

.next-post-list span,
.prev-post-list span{font-size: 18px; font-weight: bold; color: #000;}

.next-post-list .next-post-date,
.prev-post-list .prev-post-date{font-size: 18px;  font-weight: 400; color: #000;}

.next-post-list a,
.prev-post-list a {font-size: 18px; font-weight: 400; color: #000; width: 75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left:50px;}


@media screen and (max-width:1024px){	
	.prev-post-list,
	.next-post-list{padding:20px;}
	
	.next-post-list span,
	.prev-post-list span{font-size:16px;}
	
		.next-post-list a,
	.prev-post-list a{font-size:16px; margin-left:20px;}
}

.premium-blog-post-content {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	width: 100% !important;
}
.premium-blog-post-tags-container a, a.premium-tcloud-term-link {
	pointer-events: none !important;
}
.eael-circle-content img {
  z-index: 10 !important;
  position: relative;
}
.circle-280 {
	height: 280px !important;
	display: flex;
    justify-content: center;
    align-items: center;
}
.circle-280 img {
	width: 100% !important;
}
.height-box {
	height: 85px !important;
}
.bellows {
	margin: 0px !important;
}
.w3eden form, .w3eden input, .w3eden select, .w3eden button, a.wpdm-download-link {
  font-size: 14px !important;
}
/*************************************************************************************************************************************************** Winko */
.layout-container * {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	letter-spacing: -0.03em;
	-webkit-text-size-adjust: none;
	text-decoration: none;
}
.layout-container ol, .layout-container li {
	list-style: none;
}
.layout-container img {
	max-width: 100%;
}
.layout-container table {
	table-layout: fixed;
	border-collapse: collapse;
}

.wrap {
	width: 100%;
	min-width: 320px;
	max-width: 1200px;
}
.contents-wrap {
	margin: 0 130px;
}
.contents-box {
	position: relative;
	padding-bottom: 130px;
	margin-bottom: 20px;
}
.contents-box.none-contents {
	padding: 0;
	margin-bottom: 0;
}
.contents-box:not(:last-child):before {
	content:'';
	display: block;
	position: absolute;
	top: 75px;
	left: 0;
	width: 2px;
	height: calc(100% - 75px);
	background-color: #e4e2e5;
	z-index: -1;
}
.contents-box:not(:last-child):after {
	content:'';
	display: block;
	position: absolute;
	bottom: 0;
	left: -3px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #e4e2e5;
}
.contents-wrap.none-line .contents-box:before,
.contents-wrap.none-line .contents-box:after {
	display: none;
}
.contents-inner {
	padding-left: 20px;
}

.contents-title {
	position: relative;
	margin-bottom: 30px;
	font-size: 32px;
	font-weight: 600;
	color: #c0bcc0;
	letter-spacing: -0.03em;
}
.contents-title:before {
	content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: -15px;
    width: 33px;
    height: 33px;
    background-color: #0099d9;
    border-radius: 5px;
    z-index: -1;
    transform: rotate(70deg);
}
.contents-title.color-purple:before {
	background-color: #4e62ac;
}
.contents-title.color-blue:before {
	background-color: #5a86be;
}
.contents-title.color-green:before {
	background-color: #57bdb0;
}
.contents-title.color-dark-green:before {
	background-color: #4a8a71;
}
.contents-title.color-brown:before {
	background-color: #825237;
}
.contents-title .point-text {
	color: #fff;
}
.contents-title .small-text {
	display: inline-block;
	font-size: 22px;
	margin-left: 12px;
}
.contents-title .regular-text {
	display: inline-block;
	font-size: 17px;
	font-weight: 400;
	color: #000;
	margin-left: 12px;
}
.contents-title.color-green .small-text {
	color: #57bdb0;
}
.contents-title .color-text {
	color: #0099d9;
}
.contents-title.color-green .color-text {
	color: #57bdb0;
}
.contents-title.color-blue .color-text {
	color: #5a87bf;
}

.big-title {
	position: relative;
	top: -30px;
	margin-top: -96px;
	padding-left: 30px;
}
.big-title h2 {
	font-size: 70px;
	font-weight: 700;
	color: #6a71b4;
}

.item-line-boxes {
	display: flex;
	align-items: center;
	gap: 50px;
}
.item-line-boxes .img-box {
	flex: 0 0 auto;
	margin-left: -87px;
}
.item-line-boxes .txt-box ul {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 20px;
}
.item-line-boxes.none-grid .txt-box ul {
	grid-template-columns: repeat(1,1fr);
}
.item-line-boxes .txt-box .number {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 33px;
	height: 33px;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 400;
	color: #fff;
	background-color: #0099d9;
	border-radius: 50%;
	letter-spacing: 0.03em;
}
.item-line-boxes.color-green .txt-box .number {
	background-color: #57bdb0;
}
.item-line-boxes .txt-box .name-txt {
	font-size: 19px;
	color: #3e3a39;
	line-height: 1.26;
	letter-spacing: -0.05em;
}
.item-line-boxes .txt-box .explain-txt {
	margin-top: 5px;
	font-size: 16px;
	font-weight: 400;
	color: #3e3a39;
	line-height: 1.375;
	letter-spacing: -0.02em;
}
.item-line-boxes .txt-box .small-dots {
	gap: 0;
}
.item-line-boxes .small-dots .explain-txt {
	position: relative;
	padding-left: 10px;
}
.item-line-boxes .small-dots .explain-txt:before {
	content: '·';
	display: block;
	position: absolute;
	top:0;
	left: 0;
}
.item-line-boxes .txt-box .top-txt {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
}
.item-line-boxes .txt-box .top-txt .number {
	flex: 0 0 auto;
	margin-bottom: 0;
}

.list-info-img {
	display: flex;
	align-items: flex-start;
	gap: 5px;
	margin: 15px 0;
}
.list-info-img p {
	font-size: 11px;
	text-align: center;
}

.type-grey-boxes {
	display: inline-flex;
	align-items: center;
	gap: 80px;
	padding: 10px 15px;
	margin: 20px 0;
	background-color: #f0f0f0;
}
.type-grey-boxes p {
	font-size: 14px;
	font-weight: 700;
	color: #5bbfb2;
}

.item-pattern-boxes {
	display: grid;
	grid-template-columns: repeat(2,1fr);
}
.item-pattern-boxes .item-box {
	display: flex;
	flex-direction: column;
	padding: 0 20px;
}
.item-pattern-boxes .item-box:nth-child(3),
.item-pattern-boxes .item-box:nth-child(4) {
	flex-direction: column-reverse;
	border-top: 2px solid #f0eff1;
}
.item-pattern-boxes .item-box:nth-child(1),
.item-pattern-boxes .item-box:nth-child(3) {
	border-right: 2px solid #f0eff1;
}
.item-pattern-boxes .item-txt {
	padding: 10px;
	font-size: 16px;
	font-weight: 400;
	color: #58595c;
	line-height: 1;
	letter-spacing: -0.02em;
	background-color: #f5f4f4;
	border-radius: 5px;
	text-align: center;
}
.item-pattern-boxes .item-txt span {
	font-weight: 700;
}
.item-pattern-boxes .item-img {
	padding: 15px 0;
	text-align: center;
}

.info-table-layout {
	margin-left: 80px;
	border-bottom: 2px solid #3ba2d1;
}
.info-table-layout + .info-table-layout {
	margin-top: 25px;
}
.info-table-layout.size-fix-table {
	max-width: 100%; /*660px;*/
}
.info-table-layout.border-top-table {
	border-top: 2px solid #797371;
}
.info-table-layout.none-margin {
	margin-left: 0;
}
.info-table-layout.color-green {
	border-bottom-color:#57bdb0;
}
.info-table-layout table {
	width: 100%;
}
.info-table-layout thead {
	background-color: #0099d9;
}
.info-table-layout.color-green thead {
	background-color: #57bdb0;
}
.info-table-layout thead th {
	padding: 6px;
	font-size: 13px;
	font-weight: 400;
	color: #fff;
	vertical-align: middle;
}
.info-table-layout thead th.th-title {
	padding: 5px 8px;
	font-size: 24px;
    color: #fff;
	text-align: left;
}
.info-table-layout thead th .unit {
	display: block;
	font-size: 10px;
	color: #fff;
}
.info-table-layout tbody td {
	padding: 10px;
	vertical-align: middle;
}
.info-table-layout .info-title {
	font-size: 14px;
	font-weight: 500;
	color: #2c2827;
	text-align: left;
	border-bottom: 1px solid #e0dbd7;
}
.info-table-layout tr:last-child .info-title {
	border-bottom: none;
}
.info-table-layout .info-size {
	font-size: 14px;
	color: #605d5c;
	text-align: center;
	border-bottom: 1px solid #e0dbd7;
}
.info-table-layout tr:last-child .info-size {
	border-bottom: none;
}
.info-table-layout .info-title-td {
	padding-left: 0;
	padding-bottom: 0;
	vertical-align: top;
}
.info-table-layout .info-title-box {
	padding: 8px 15px;
	background-color: #0099d9;	
}
.info-table-layout.color-green .info-title-box {
	background-color: #57bdb0;	
}
.info-table-layout .info-title-box .item-type {
	margin-bottom: 4px;
	font-size: 24px;
	font-weight: 500;
	color: #fff;
}
.info-table-layout .info-title-box .type-name {
	display: flex;
	align-items: center;
	margin-bottom: 3px;
}
.info-table-layout .info-title-box .type-name dt {
	flex: 0 0 auto;
	width: 45px;
	font-size: 10px;
	font-weight: 500;
	color: #fff;
	line-height: 1;
}
.info-table-layout .info-title-box .type-name dd {
	font-size: 10px;
	font-weight: 400;
	color: #fff;
	line-height: 1;
}
.info-table-layout .info-title-multi .info-title-td {
	padding-top: 0;
}
.info-table-layout .info-title-multi .info-title,
.info-table-layout .info-title-multi .info-size {
	border-top: 2px solid #e0dbd7;
}
.info-table-layout .double-td-box {
	border-left: 20px solid #fff;
}
.info-table-layout .double-td {
	display: flex;
	align-items: center;
	justify-content: center;
}
.info-table-layout .double-td .detail-td {
	padding: 0 10px;
}
.info-table-layout .double-td .detail-td + .detail-td {
	border-left: 1px solid #d3ccc7;
}
.info-table-layout .info-image {
	text-align: center;
}
.info-table-layout .info-detail .box-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding-right: 20px;
}
.info-table-layout .info-detail .box-column {
	flex-direction: column;
	padding-right: 0;
	gap: 0;
}
.info-table-layout .info-detail .name {
	font-size: 14px;
    color: #605d5c;
}
.info-table-layout.line-table table td + td {
	border-left: 1px solid #e0dbd7;
}
.info-table-layout.line-table table tr {
	border-bottom: 1px solid #e0dbd7;
}

.dots-list ul li {
	position: relative;
	padding-left: 10px;
	font-size: 18px;
	color: #5a5756;
	line-height: 1.66;
}
.dots-list ul li h3 {
	font-weight: 400;
}
.dots-list ul li:before {
	content:'·';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.dots-list.small-dots {
	padding-left: 40px;
	margin: 50px 0;
}
.dots-list.small-dots ul {
	display: grid;
	grid-template-columns: repeat(2,1fr);
}
.dots-list.small-dots.none-flex ul {
	grid-template-columns: repeat(1,1fr);
}

.img-line-box {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 30px 0;
}

.images-info-table {
	display: flex;
	align-items: flex-start;
	margin: 60px 0;
}
.images-info-table.small-font {
	margin: 20px 0;
}
.images-info-table .img-box {
	flex: 0 0 auto;
	width: 140px;
}
.images-info-table table {
	width: 100%;
}
.images-info-table table thead {
	background-color: #4e62ac;
}
.images-info-table table th {
	padding: 6px;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
}
.images-info-table table .small-text {
	font-weight: 300;
}
.images-info-table table td {
	padding: 6px;
	font-size: 18px;
	color: #4f4b4a;
	text-align: center;
	letter-spacing: -0.05em;
}
.images-info-table.small-font table th {
	font-size: 15px;
}
.images-info-table.small-font table td {
	font-size: 14px;
}
.images-info-table.small-font table .td-title {
	font-weight: 700;
}
.images-info-table table tbody tr.bg-grey,
.images-info-table table tbody tr:nth-child(even) {
	background-color: #f0f0f0;
}
.images-info-table table .checkbox {
	display: block;
	width: 13px;
	height: 13px;
	margin: 0 auto;
	border: 1px solid #4f4b4a;
	font-size: 0;
}
.images-info-table table .circle {
	display: block;
	width: 14px;
	height: 14px;
	margin: 0 auto;
	border-radius: 50%;
	font-size: 0;
	border: 1px solid transparent;
}
.images-info-table table .circle.type01 {background-color: #0068b6; border-color: #0068b6;}
.images-info-table table .circle.type02 {background-color: #231815; border-color: #231815;}
.images-info-table table .circle.type03 {background-color: #006124; border-color: #006124;}
.images-info-table table .circle.type04 {border-color: #2e2320; background-color: #fff;}
.images-info-table table .circle.type05 {background-color: #fff000; border-color: #fff000;}
.images-info-table table .circle.type06 {background-color: #006124; border-color: #006124;}

.images-info-table table th + th,
.images-info-table table th + td,
.images-info-table table td + td {
	border-left: 4px solid #fff;
}

.images-info-table.color-blue table thead {
	background-color: #0099d9;
}

.before-after-boxes {
	display: flex;
	gap: 50px;
	margin: 60px 0 20px;
}
.before-after-boxes .boxes-wrap {
	display: flex;
	gap: 10px;
}
.before-after-boxes .box {
	position: relative;
}
.before-after-boxes .box + .box:before {
	content:'';
	display: block;
	position: absolute;
	bottom: 8px;
	left: -8px;
	width: 7px;
	height: 8px;
	background: url('https://www.garnetdentech.com/images/ico-arrow.png') no-repeat center / contain;
}
.before-after-boxes .txt-box {
	width: 120px;
	margin: 20px auto 0;
	text-align: center;
	border-radius: 30px;
}
.before-after-boxes .txt-box p {
	font-size: 15px;
	line-height: 25px;
}
.before-after-boxes .before .txt-box {
	background-color: #f0f0f0;
}
.before-after-boxes .before .txt-box p {
	color: #4a4746;
}
.before-after-boxes .after .txt-box {
	background-color: #4e62ac;
}
.before-after-boxes .after .txt-box p {
	color: #fff;
}

.info-line-boxes {
	display: flex;
	align-items: center;
	gap: 50px;
}
.info-line-boxes ul {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.info-line-boxes ul li {
	display: flex;
	align-items: flex-start;
	gap: 40px;
}
.info-line-boxes .img-box {
	width: 41.4%;
	text-align: right;
}
.info-line-boxes .txt-box {
	width: 48.6%;
}
.info-line-boxes .txt-box .number {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 33px;
	height: 33px;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 400;
	color: #fff;
	background-color: #57bdb0;
	border-radius: 50%;
	letter-spacing: 0.03em;
}
.info-line-boxes .txt-box .name-txt {
	font-size: 19px;
	color: #3e3a39;
	line-height: 1.26;
	letter-spacing: -0.05em;
}
.info-line-boxes .txt-box .explain-txt {
	margin-top: 5px;
	font-size: 16px;
	font-weight: 400;
	color: #3e3a39;
	line-height: 1.375;
	letter-spacing: -0.02em;
}

.composition-boxes {
	display: flex;
	align-items: center;
	gap: 40px;
}
.composition-boxes .detail-box {
	display: flex;
	flex-direction: column;
	flex: 0 0 auto;
	width: 230px;
	gap: 35px;
}
.composition-boxes .name {
	margin-top: 10px;
	font-size: 18px;
	color: #4a4746;
	text-align: center;
}
.composition-boxes .composition-line {
	margin-right: -130px;
}

.compare-contents {
	display: flex;
	align-items: center;
	gap: 80px;
}
.compare-contents .compare-box {
	display: flex;
	gap: 25px;
}
.compare-contents .compare-box .badge {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	font-size: 15px;
	color: #646568;
	line-height: 30px;
	text-align: center;
	background-color: #f5f4f4;
}
.compare-contents .guide-text {
	margin-top: 20px;
	font-size: 15px;
	color: #000000;
	text-align: center;
}

.case-list-boxes {
	padding-left: 100px;
}
.case-list-boxes.other-type {
	padding-left: 30px;
}
.case-list-boxes .case-wrap {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	margin-bottom: 30px;
}
.case-list-boxes .number {
	flex: 0 0 auto;
	width: 20%;
	padding: 15px 0;
	font-size: 14px;
	font-weight: 500;
	color: #5ec1b3;
}
.case-list-boxes.other-type .number {
	font-size: 18px;
	color: #08662b;
}
.case-list-boxes.color-purple .number {
	color: #6a71b4;
}
.case-list-boxes.other-type .number .name {
	color: #000;
}
.case-list-boxes .case-wrap:first-child .number {
	border-top: 1px dashed #000;
}
.case-list-boxes.other-type .case-wrap:first-child .number {
	border: none;
}
.case-list-boxes .title-text {
	font-size: 15px;
	font-weight: 500;
	color: #60c1b4;
}
.case-list-boxes .line-wrap {
	margin-bottom: 20px;
}
.case-process {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
.case-process .img-box {
	border-radius: 5px;
	overflow: hidden;
}
.case-process .img-box img {
	display: block;
	width: 100%;
}
.case-process .date {
	margin-top: 8px;
	font-size: 12px;
	text-align: center;
}

.spec-box {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 30px;
}
.spec-box .spec-type {
    flex: 0 0 auto;
    width: 20%;
    padding: 15px 0;
	border-top: 2px solid #b3b1b1;
}
.spec-box .spec-type .spec-name {
	font-size: 17px;
	color: #60c1b4;
}
.spec-box .spec-type .spec-detail {
	font-size: 12px;
	color: #898787;
}
.spec-box .spec-type .spec-detail span {
	font-weight: 700;
	color: #000;
}
.spec-box .table-wrap {
	overflow-x: scroll;
}
.spec-box table {
	width: 100%;
	margin-bottom: 15px;
}
.spec-box table thead {
	background-color: #57bdb0;
}
.spec-box table th {
	padding: 6px;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
}
.spec-box table td {
	padding: 6px;
	font-size: 12px;
	font-weight: 500;
	color: #4f4b4a;
	text-align: center;
	letter-spacing: -0.05em;
}
.spec-box table tbody tr.bg-grey,
.spec-box table tbody tr:nth-child(even) {
	background-color: #f0f0f0;
}
.spec-box table th + th,
.spec-box table th + td,
.spec-box table td + td {
	border-left: 4px solid #fff;
}
.spec-box table .type-box {
	display: inline-flex;
}
.spec-box table .type-box.line-top {
	border-top: 1px solid #000;
}
.spec-box table .type-box.line-btm {
	border-bottom: 1px solid #000;
}
.spec-box table .type-box span {
	padding: 0 5px;
}
.spec-box table .type-box span + span {
	border-left: 1px solid #000;
}

.basic-text-contents {
	padding-left: 65px;
}
.basic-text-contents.none-padding {
	padding-left: 0;
}
.basic-text-contents.left-contents {
	padding-left: 200px;
	margin-top: -65px;
}
.basic-multi-contents {
	display: flex;
	justify-content: space-between;
}
.basic-text-contents .box-wrap {
	position: relative;
	margin-bottom: 60px;
}
.basic-text-contents .box-flex {
	display: flex;
	align-items: center;
	gap: 20px;
}
.basic-text-contents .box-title {
	margin-bottom: 15px;
	font-size: 27px;
	font-weight: 600;
	color: #6a71b4;
}
.basic-text-contents.color-blue .box-title {
	color: #507fba;
}
.basic-text-contents.small-gap .box-title {
	margin-bottom: 5px;
}
.basic-text-contents.small-gap .box-wrap {
	margin-bottom: 30px;
}
.basic-text-contents.color-green .box-title {
	color: #50baad;
}
.basic-text-contents.color-black .box-title {
	color: #000;
}
.basic-text-contents.color-brown .box-title {
	color: #825237;
}
.basic-text-contents .box-title span {
	font-size: 17px;
	font-weight: 400;
	color: #3c3938;
}
.basic-text-contents .box-title .abb-text {
	font-size: inherit;
	color: inherit;
	font-weight: 300;
}
.basic-text-contents .basic-text-box {
	/* margin-left: 25px;	 */
}
.basic-text-contents .basic-text-box h4 {
	font-size: 17px;
	font-weight: 400;
}
.basic-text-contents .option-image {
	padding-left: 60px;
}
.basic-text-contents .basic-image-box {
	display: flex;
	flex-direction: column;
	gap: 15px;
	position: absolute;
	top: 0;
	left: -240px;
}

.kit-info-box {
	margin: 30px 0;
}
.kit-info-box .img-box {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}
.kit-info-box .txt-box {
	display: flex;
}
.kit-info-box .kit-name {
	flex: 0 0 auto;
	width: 26%;
	font-size: 17px;
	font-weight: 500;
}
.kit-info-box .kit-sort ul {
	display: grid;
	grid-template-columns: repeat(2,1fr);
}
.kit-info-box .kit-sort ul li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 12px;
	font-size: 13px;
	font-weight: 500;
}
.kit-info-box .kit-sort ul li:before {
	content:'·';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.item-detail-contents {
	padding-left: 90px;
}
.item-detail-contents .box-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 35px;
}
.item-detail-contents .btn-name {
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: 500;
}
.item-detail-contents .img-box {
	flex: 0 0 auto;
	width: 31.1%;
	padding: 6px;
	border: 1px solid #bab8b8;
}
.item-detail-contents .img-box img {
	display: block;
}

.product-list-sort-boxes {
	margin-top: 35px;
}
.product-list-sort-boxes .sort-boxes {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
.product-list-sort-boxes .list-box {
	margin-bottom: 25px;
}
.product-list-sort-boxes .multi-boxes {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
.product-list-sort-boxes .sort-name {
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 700;
	color: #4a8a71;
}
.product-list-sort-boxes .product-name {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
}
.product-list-sort-boxes .product-name span {
	display: block;
	font-size: 13px;
}

.line-table-wrap .multi-boxes {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 20px;
}
.line-table-wrap.left-padding {
	padding-left: 75px;
}
.line-table-wrap .table-wrap {
	border-top: 1px solid #b8aca4;
	border-bottom: 1px solid #b8aca4;
}
.line-table-wrap table {
	width: 100%;
}
.line-table-wrap table th {
	padding: 10px;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	background-color: #4a8a71;
	border-bottom: 1px solid #86b1a0;
	text-align: left;
}
.line-table-wrap table .table-title {
	font-size: 17px;
	text-align: center;
}
.line-table-wrap.color-blue table th {
	background-color: #5a87bf;
}
.line-table-wrap.color-brown table th {
	background-color: #825237;
	border-bottom-color: #af907e;
}
.line-table-wrap table tr:last-child th,
.line-table-wrap table tr:last-child td {
	border-bottom: none;
}
.line-table-wrap table td {
	padding: 10px;
	font-size: 14px;
	font-weight: 500;
	color: #747170;
	border-left: 10px solid #fff;
	border-bottom: 1px solid #e2ddda;
}
.line-table-wrap.zigzag-color table th {
	border-right: none;
}
.line-table-wrap.zigzag-color table td {
	border-left: none;
}
.line-table-wrap.zigzag-color table tr:nth-child(odd) td {
	background-color: #f0f0f0;
}

.images-array-list {
	padding-left: 55px;
}
.images-array-list ul {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 25px;
}
.images-array-list ul li {
	padding: 9px;
	border: 1px solid #bab8b8;
}
.images-array-list ul li img {
	display: block;
}

.product-type-boxes {
	display: flex;
	gap: 40px;
	margin-left: 30px;
}
.product-type-boxes .type-name {
	position: relative;
	padding-left: 15px;
	font-size: 25px;
	font-weight: 400;
}
.product-type-boxes .type-name span {
	font-weight: 700;
}
.product-type-boxes .type-name:before {
	content:'';
	display: block;
	position: absolute;
	top: 14px;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #000;
}
.product-type-boxes .type-name .color-bk {color: #3e3a39;}
.product-type-boxes .type-name .color-blue {color: #0064b4;}
.product-type-boxes .type-name .color-green {color: #35b6b8;}
.product-type-boxes .type-name .color-orange {color: #ea6000;}
.product-type-boxes .type-image {
	margin-top: 30px;
}

.type-info-contents {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
.type-info-contents .img-box {
	flex: 0 0 auto;
}
.type-info-contents .img-box.last-box {
	margin-left: auto;
}
.type-info-contents .type-title {
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: 700;
	color: #0091d6;
}
.type-info-contents .type-detail-boxes {
	display: flex;
	justify-content: space-between;
}
.type-info-contents h5 {
	margin-bottom: 5px;
	font-size: 16px;
	color: #000;
}
.type-info-contents .detail-text {
	font-size: 15px;
}

.small-text-table table {
	width: 100%;
}
.small-text-table table thead {
	background-color: #0099d9;
}
.small-text-table table thead tr {
	border-bottom: 2px solid #31abde;
}
.small-text-table table th {
	padding: 2px;
	font-size: 15px;
	font-weight: 500 !important;
	color: #fff;
	border-right: 2px solid #31abde;
	text-align: center;
	vertical-align: middle;
}
.layout-container table th {
	font-size: 15px;
	font-weight: 500 !important;
	text-align: center;
	vertical-align: middle;
}
.small-text-table table td {
	padding: 2px;
	font-size: 15px;
	color: #464241;
	text-align: center;
}
.small-text-table .table-guide-text {
	margin-top: 15px;
	text-align: right;
	font-size: 15px;
	color: #464241;
}

.screw-images-list {
	margin-top: 35px;
}
.screw-images-list ul {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	border-top: 1px dashed #a8a6a5;
}
.screw-images-list ul li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding: 15px;
	border-bottom: 1px dashed #a8a6a5;
	border-right: 1px dashed #a8a6a5;
}
.screw-images-list ul li:nth-child(3n+0) {
	border-right: none;
}
.screw-images-list ul li:after {
	content:'';
	display: block;
	position: absolute;
	top: -9px;
	right: -9px;
	width: 18px;
	height: 18px;
	background-color: #f0f0f0;
}
.screw-images-list ul li:nth-child(3n+0):after {
	display: none;
}
.screw-images-list .screw-name {
    font-size: 18px;
    font-weight: 700;
    color: #0091d6;
}
.screw-images-list .screw-name span {
	display: block;
    font-size: 14px;
}

.model-info-box .model-name {
	font-size: 30px;
	font-weight: 300;
}
.model-info-box .model-name strong {
	font-weight: 700;
}
.model-info-box .model-info {
	padding-left: 30px;
	margin-top: 20px;
	font-size: 18px;
	line-height: 1.5;
}
.model-info-box .spec-info-box {
	display: flex;
	align-items: flex-start;
	padding-left: 30px;
	margin-top: 50px;

}
.spec-info-box {
	display: flex;
	gap: 55px;
}
.spec-info-box .img-box {
	flex: 0 0 auto;
}

.shape-type-box {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 30px;
	padding-left: 40px;
}
.shape-type-box p {
	margin-top: 10px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.3;
	text-align: center;
}
.shape-type-box.full-grid {
	grid-template-columns: repeat(5,1fr);
}

.model-multi-box {
	display: flex;
	gap: 50px;
}
.model-multi-box .model-multi-image {
	display: flex;
	gap: 15px;
}
.model-multi-box .model-multi-image div {
	border: 1px solid #c3b99c;
}
.model-multi-box .model-multi-image img {
	display: block;
}
.model-contents-wrap {
	margin-bottom: 80px;
}
.model-type-title {
	font-size: 26px;
	font-weight: 600;
	color: #0095d8;
}
.model-image-box {
	margin: 10px 0;
	padding-left: 45px;
}
.model-image-box .line-wrap {
	display: flex;
	gap: 30px;
}
.model-image-box .box-cont {
	display: flex;
	align-items: center;
	gap: 25px;
}
.model-image-box .box-cont .txt-box {
	flex: 0 0 auto;
	text-align:  center;
}
.model-image-box .txt-box .name {
	display: block;
	margin-bottom: 5px;
	font-size: 15px;
} 
.model-image-box .txt-box .model-name {
	width: 60px;
	font-size: 15px;
	font-weight: 400;
	color: #fff;
	border-radius: 15px;
	text-align: center;
	background-color: #a5aeb4;
}
.model-image-box .txt-box .model-name + .model-name {
	margin-top: 12px;
}

.model-text-contents .text-title {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 500;
}
.model-text-contents .text-contents-wrap {
	display: flex;
	gap: 12px;
}
.model-text-contents .text-contents-box {
	position: relative;
	width: 100%;
	padding: 10px;
	background-color: #0099d9;
}
.model-text-contents h6 {
	font-size: 20px;
	font-weight: 500;
	color: #fffa94;
}
.model-text-contents .list-wrap {
	display: flex;
	gap: 30px;
}
.model-text-contents ul li {
	font-size: 14px;
	color: #fff;
}
.model-text-contents .guide-text {
	position: absolute;
	bottom: 10px;
	right: 20px;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
}
.model-text-contents .guide-text span {
	color: #fffa94;
}
.model-text-contents .other-color h6,
.model-text-contents .other-color .guide-text span {
	color: #85cff5;
}

.step-list ul {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 645px;
	height: 211px;
	margin-top: 40px;
	padding: 75px 0;
	background: url('https://www.garnetdentech.com/images/wl-090-list-background.jpg') no-repeat left center / contain;
}
.step-list ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 5px;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	box-sizing: border-box;
}
.step-list ul li + li {
	margin-left: -33px;
}
.step-list ul li:nth-child(odd) {
	margin-top: -90px;
}
.step-list ul li:nth-child(even) {
	margin-bottom: -90px;
}
.step-list ul li .number {
	font-size: 28px;
	font-weight: 500;
	color: #7f4d32;
	line-height: 1;
}
.step-list ul li p {
	font-size: 18px;
	color: #222;
}

@media screen and (max-width:1024px) {

	.contents-wrap {
		margin: 0 70px;
	}

	.item-line-boxes {
		align-items: flex-start;
		flex-direction: column;
		gap: 30px;
	}
	.item-line-boxes .img-box {
		margin-left: -40px;
	}

}

@media screen and (max-width:850px) {
	.layout-container table {
		margin-bottom: 20px;
	}

	.contents-wrap {
		width: calc(100% - 30px);
		margin: 0 auto;
	}
	.contents-box {
		padding-left: 20px;
		padding-bottom: 50px;
	}
	.contents-title {
		font-size: 25px;
		margin-bottom: 20px;
	}
	.contents-title:before {
		top: 5px;
		left: -14px;
		width: 28px;
		height: 28px;
	}
	.contents-inner {
		padding-left: 0;
	}
	.contents-title.color-green .small-text {
		font-size: 17px;
	}

	.item-line-boxes .img-box {
		max-width: 300px;
		margin-left: 0;
	}
	.item-line-boxes .txt-box ul {
		grid-template-columns: repeat(2,1fr);
	}

	.item-pattern-boxes {
		grid-template-columns: repeat(1,1fr);
	}
	.item-pattern-boxes .item-box {
		padding: 0;
	}
	.item-pattern-boxes .item-box:nth-child(1),
	.item-pattern-boxes .item-box:nth-child(3),
	.item-pattern-boxes .item-box:nth-child(1),
	.item-pattern-boxes .item-box:nth-child(3) {
		border: none;
	}
	.item-pattern-boxes .item-box:nth-child(3),
	.item-pattern-boxes .item-box:nth-child(4) {
		flex-direction: column;
	}
	.item-pattern-boxes .item-txt {
		padding: 8px;
		font-size: 14px;
	}

	.info-table-layout {
		margin-left: 0;
		overflow: scroll;
	}
	.info-table-layout table {
		min-width: 100%; /* 530px; */
	}
	.info-table-layout .info-title-box .item-type {
		font-size: 20px;
	}
	.info-table-layout .info-title {
		font-size: 13px;
	}
	.info-table-layout tbody td {
		padding: 7px;
	}

	.item-line-boxes .txt-box .top-txt {
		align-items: flex-start;
		flex-direction: column;
	}
	.item-line-boxes .txt-box .number {
		width: 28px;
		height: 28px;
		font-size: 13px;
	}
	.item-line-boxes .txt-box .name-txt {
		font-size: 17px;
	}
	.item-line-boxes .txt-box .explain-txt {
		font-size: 13px;
	}

	.images-info-table {
		display: block;
	}
	.images-info-table .table-wrap {
		width: 100%;
        overflow: scroll;
	}
	.images-info-table .table-wrap table {
        min-width: 100%; /*530px;*/
	}

	.composition-boxes {
		flex-direction: column;
		gap: 20px;
	}
	.composition-boxes .composition-line {
		margin-right: 0;
	}

	.type-grey-boxes {
		align-items: flex-start;
		flex-direction: column;
		width: 100%;
		gap: 20px;
	}

	.case-list-boxes {
		padding-left: 0;
	}
	.case-list-boxes.other-type {
		padding-left: 0;
	}
	.case-list-boxes .case-wrap {
		flex-direction: column;
		gap: 5px;
	}
	.case-list-boxes .number {
		width: 100%;
		border-top: 1px dashed #000;
	}
	.case-process {
		display: grid;
		grid-template-columns: repeat(2,1fr);
	}

	.spec-box {
		display: block;
	}
	.spec-box table {
		min-width: 100%; /*600px;*/
	}
	.spec-box .spec-type {
		width: 100%;
	}

	.dots-list ul li {
		font-size: 16px;
	}

	.img-line-box {
		flex-direction: column;
	}

	.before-after-boxes {
		flex-direction: column;
	}

	.info-line-boxes ul li {
		flex-direction: column;
		gap: 20px;
	}
	.info-line-boxes .img-box {
		width: 100%;
		text-align: left;
	}
	.info-line-boxes .txt-box {
		width: 100%;
	}
	.info-line-boxes .txt-box .number {
		width: 28px;
		height: 28px;
		margin-bottom: 7px;
		font-size: 13px;
	}
	.info-line-boxes .txt-box .name-txt {
		font-size: 17px;
	}
	.info-line-boxes .txt-box .explain-txt {
		font-size: 14px;
	}

	.compare-contents {
		align-items: flex-start;
		flex-direction: column;
		gap: 30px;
	}

	.basic-text-contents {
		padding-left: 0;
	}
	.basic-text-contents .box-wrap {
		margin-bottom: 30px;
	}
	.basic-text-contents .box-flex {
		align-items: flex-start;
		flex-direction: column;
	}
	.basic-text-contents .basic-text-box {
		margin-left: 15px;
	}
	.basic-text-contents .box-title {
		margin-bottom: 10px;
		font-size: 22px;
	}
	.basic-text-contents .basic-text-box h4 {
		font-size: 13px;
	}

	.kit-info-box .txt-box {
		gap: 5px;
		flex-direction: column;
	}
	.kit-info-box .kit-name {
		font-size: 15px;
	}

	.big-title {
		padding-left: 0;
		top: -20px;
		margin-top: -50px;
	}
	.big-title h2 {
		font-size: 40px;
	}

	.item-detail-contents {
		padding-left: 0;
	}
	.item-detail-contents .box-wrap {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}
	.item-detail-contents .btn-name {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.item-detail-contents .dots-list ul li {
		font-size: 14px;
	}
	.item-detail-contents .img-box {
		width: 100%;
	}
	.item-detail-contents .img-box img {
		width: 100%;
	}

	.line-table-wrap.left-padding {
		padding-left: 0;
	}
	.line-table-wrap.mobile-scroll {
		overflow-x: auto;
	}
	.line-table-wrap.mobile-scroll .table-wrap {
		border: none;
	}
	.line-table-wrap.mobile-scroll table {
		min-width: 100%; /*700px;*/
	}
	.line-table-wrap.mobile-scroll table tr:first-child {
		border-top: 1px solid #b8aca4;
	}
	.line-table-wrap.mobile-scroll table tr:last-child {
		border-bottom: 1px solid #b8aca4;
	}
	.line-table-wrap .multi-boxes {
		grid-template-columns: repeat(1,1fr);
	}
	.line-table-wrap table colgroup col:first-child {
		width: 100px !important;
	}
	.line-table-wrap table .table-title {
		font-size: 15px;
	}
	.line-table-wrap table th {
		padding: 5px 8px;
		font-size: 13px;
	}
	.line-table-wrap table td {
		padding: 5px 8px;
		font-size: 13px;
	}

	.product-list-sort-boxes .sort-boxes {
		display: grid;
		grid-template-columns: repeat(2,1fr);
	}
	.product-list-sort-boxes .product-name {
		font-size: 14px;
	}
	.product-list-sort-boxes .img-box img {
		width: 100%;
	}
	.product-list-sort-boxes .multi-boxes {
		flex-direction: column;
	}
	.product-list-sort-boxes .list-box {
		width: 100%;
		margin-bottom: 15px;
	}
	.product-list-sort-boxes .sort-name {
		font-size: 20px;
	}

	.basic-multi-contents {
		flex-direction: column;
	}

	.product-type-boxes {
		flex-direction: column;
		gap: 20px;
		margin-left: 10px;
	}
	.product-type-boxes .type-name {
		font-size: 20px;
	}

	.type-info-contents {
		position: relative;
		flex-direction: column;
	}
	.type-info-contents .type-detail-boxes {
		flex-direction: column;
	}
	.type-info-contents .img-box.last-box {
		position: absolute;
		top: 0;
		right: 0;
		margin-left: 0;
	}

	.small-text-table .table-inner {
		width: 100%;
		overflow-x: auto;
	}
	.small-text-table .table-inner table {
		min-width: 100%; /*600px;*/
	}
	.small-text-table table th {
		font-size: 13px;
	}
	.small-text-table table td {
		font-size: 13px;
	}
	.small-text-table .table-guide-text {
		font-size: 13px;
	}

	.screw-images-list ul {
		grid-template-columns: repeat(1,1fr);
	}
	.screw-images-list ul li {
		border-right: none;
	}
	.screw-images-list .screw-name {
		font-size: 15px;
	}
	.screw-images-list .screw-name span {
		font-size: 12px;
	}

	.model-info-box .model-name {
		font-size: 25px;
	}
	.model-info-box .model-info {
		padding-left: 10px;
		margin-top: 10px;
		font-size: 15px;
	}
	.model-info-box .spec-info-box {
		padding-left: 10px;
		margin-top: 30px;
		flex-direction: column;
	}

	.dots-list.small-dots {
		margin: 25px 0;
		padding-left: 20px;
	}
	.dots-list.small-dots ul {
		grid-template-columns: repeat(1,1fr);
	}
	.dots-list.small-dots ul li {
		font-size: 13px;
	}
	.shape-type-box {
		padding-left: 20px;
		grid-template-columns: repeat(2,1fr);
		gap: 20px;
	}
	.shape-type-box.full-grid {
		grid-template-columns: repeat(2,1fr);
	}

	.model-image-box {
		padding-left: 0;
	}
	.model-image-box .line-wrap {
		flex-direction: column;
	}
	.model-multi-box {
		flex-direction: column;
		gap: 20px;
	}
	.model-contents-wrap .list-info-img {
		display: grid;
		grid-template-columns: repeat(2,1fr);
	}
	.model-contents-wrap .list-info-img img {
		width: 100%;
	}
	.model-text-contents .text-contents-wrap {
		flex-direction: column;
	}
	.model-text-contents .list-wrap {
		flex-direction: column;
		gap: 0;
	}

	.model-type-title {
		font-size: 24px;
	}
	.model-image-box .txt-box .model-name {
		font-size: 13px;
	}

	.basic-text-contents.left-contents {
		padding-left: 0;
		margin-top: 0;
	}
	.basic-text-contents .basic-image-box {
		position: relative;
		left: 0;
		flex-direction: row;
		margin-top: 20px;
	}

	.step-list ul {
		flex-direction: column;
		max-width: 211px;
		height: 645px;
		padding: 0;
		background: url('https://www.garnetdentech.com/images/wl-090-list-background-mo.jpg') no-repeat center center / contain;
	}
	.step-list ul li {
		flex: 0 0 auto;
		height: 128px;
	}
	.step-list ul li p {
		font-size: 18px;
	}
	.step-list ul li .number {
		font-size: 20px;
	}
	.step-list ul li + li {
		margin-left: 0;
		margin-top: -42px !important;
	}
	.step-list ul li:nth-child(odd) {
		margin-top: 0;
		margin-right: -85px;
	}
	.step-list ul li:nth-child(even) {
		margin-bottom: 0;
		margin-left: -85px;
	}

}

@media screen and (max-width:414px) {

	.compare-contents .compare-box {
		flex-direction: column;
		gap: 15px;
	}
	.compare-contents .compare-box .img-box {
		text-align: center;
	}

}



.add-title{font-weight:700; text-align: center; margin-bottom:50px; font-size:20px; display:block;}



 /* Move reCAPTCHA v3 badge to the left */
 .grecaptcha-badge {
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: 4px !important;
    bottom: 4px !important;
    opacity: 0.2 !important;
}
.grecaptcha-badge:hover {
    opacity: 1 !important;
    width: 256px !important;
}

.grecaptcha-badge {
  visibility: unset !important;
}