@charset "utf-8";

/*공통*/
.c-white {color:#fff !important;}
.c-main {color:var(--c-main) !important;}
.c-2 {color:var(--c-2) !important;}

.doc-tit {position:relative; margin-bottom:0.83em; padding-left:25px; font-size:var(--font24-20); font-weight:700; line-height:1.2; letter-spacing:0; color:#242424;}
.doc-tit:before {content:''; position:absolute; left:0; top:0.21em; width:0.67em; height:0.67em; border:0.21em solid #00baff; border-radius:100%;}
.doc-cnt {margin-bottom:var(--size70-40);}
.doc-cnt:last-child {margin-bottom:0;}

.pl25 {padding-left:25px;}

.table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px;}

.list-check > li {position:relative; padding-left:1.69em; margin-bottom:0.38em; font-weight:400; line-height:1.4; letter-spacing:0; color:#555;}
.list-check > li:last-child {margin-bottom:0;}
.list-check > li:before {content:''; position:absolute; width:1em; height:1em; left:0; top:0.2em; background:url('/images/sub/bullet02.png') no-repeat 50% 50%/contain;}

.list-dot > li {position:relative; padding-left:1em; font-weight:400; line-height:1.5; letter-spacing:0; color:#555;}
.list-dot > li:before {content:''; position:absolute; width:2px; height:2px; background:#555; left:0.31em; top:0.6em;}

/* 인사말 */
.greeting {display:flex; align-items:flex-start;}
.greeting .img {border-radius:var(--size20-10); margin-right:70px; overflow:hidden;}
.greeting .img img {width:100%;}
.greeting .cnt {flex:1 1 auto; min-width:0; width:1%;}
.greeting .tit {position:relative; padding-bottom:120px; margin-bottom:40px; font-size:var(--font32-18); font-weight:800; line-height:1.2; letter-spacing:-0.025em; color:#242424;}
.greeting .tit:before {content:''; position:absolute; width:1px; height:80px; left:0; bottom:0; background:#242424;}

.greeting .txt {margin-bottom:1.38em; font-weight:400; line-height:1.5; letter-spacing:-0.025em; color:#555;}
.greeting .txt:last-child {margin-bottom:0;}
.greeting .sign {margin-top:1.4em; font-size:var(--font20-16); font-weight:700; line-height:1.2em; letter-spacing:-0.025em; color:#242424; text-align:right;}

/* 연혁 */
.history .tit-wrap {padding:var(--size40-20) 0; margin-bottom:var(--size40-20); text-align:center; background:url('/images/sub/history-bg.png') no-repeat 50% 50%/contain;}
.history .tit-wrap .tit {margin-bottom:0.5em; font-size:var(--font32-18); font-weight:500; line-height:1.2; letter-spacing:-0.025em; color:#242424;}
.history .tit-wrap .tit strong {font-weight:800;}
.history .tit-wrap .txt {font-weight:400; line-height:1.2; letter-spacing:-0.025em; color:#555;}

.history .cnt .group {position:relative; padding-right:calc(50% + var(--size60-30)); padding-bottom:35px; text-align:right;}
.history .cnt .group:before {content:''; position:absolute; left:50%; top:0; margin-left:-0.5px; width:1px; height:100%; background:url('/images/sub/line.gif') repeat-y center top/contain;}
.history .cnt .group:after {content:''; position:absolute; left:50%; top:0; width:26px; height:26px; margin-left:-13px; background:url('/images/sub/bullet01.png') no-repeat 50% 50%/contain;}
.history .cnt .group:nth-child(even) {padding-right:0; padding-left:calc(50% + var(--size60-30)); text-align:left;}
.history .cnt .group:last-child {padding-bottom:0;}
.history .cnt .year {margin-bottom:1em; font-size:var(--font32-18); font-weight:700; line-height:1; letter-spacing:-0.02em; color:#242424;}
.history .cnt ul li {font-weight:400; line-height:2em; letter-spacing:-0.02em; color:#555;}

/* 사전적합확인제도 */
.system .top-bg {margin-bottom:var(--size70-40); padding:var(--size130-40) 20px; background:url('/images/sub/system-bg.jpg') no-repeat 50% 50%/cover; border-radius:var(--size20-10); text-align:center; color:#fff;}
.system .top-bg .tit {margin-bottom:1.17em; font-size:var(--font24-16); font-weight:700; line-height:1.5; letter-spacing:0;}
.system .top-bg .txt {font-weight:400; line-height:1.4; letter-spacing:0;}
.system .doc-cnt p {margin-bottom:1em; color:#555; letter-spacing:0; line-height:1.5;}
.system .doc-cnt p:last-child {margin-bottom:0;}

.system .table-wrap {margin-top:var(--size40-20);}
.system .table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #0f4695; border-bottom:1px solid #ddd; line-height:1.4em; letter-spacing:0; text-align:center;}
.system .table-wrap table th {padding:20px; border:1px solid #ddd; background:#f7f9fc; font-weight:600; color:#242424; border-top:0;}
.system .table-wrap table td {padding:20px; border:1px solid #ddd; color:#555;}
.system .table-wrap table td strong {font-weight:600; color:#242424; letter-spacing:-0.03em;}
.system .table-wrap tr th:first-child,
.system .table-wrap tr td:first-child {border-left:0;}
.system .table-wrap tr th:last-child,
.system .table-wrap tr td:last-child {border-right:0;}
.system .table-wrap tr:last-child th,
.system .table-wrap tr:last-child td {border-bottom:0;}

/* 오시는길 */
/* 오시는 길 */
.root_daum_roughmap {width:100% !important; height:500px !important; border-radius:var(--size20-10);}
.root_daum_roughmap .wrap_map {height:500px !important;}

.directions {margin-top:var(--size70-40); display:flex;}
.directions > div {width:50%;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:var(--c-main); font-weight:500; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:24px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#555;}
.directions .address-info .etc span {display:inline-block; font-weight:500; margin-right:20px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {line-height:1.5em;}
.directions .contact-info dl {display:flex; margin-bottom:30px;}
.directions .contact-info dl:last-child {margin-bottom:0;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:600;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:var(--c-main);}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#555;}

@media (max-width: 1024px) {
	.root_daum_roughmap {height:300px !important;}
	.root_daum_roughmap .wrap_map {height:300px !important;}
	.directions .address-info .addr {font-size:20px;}
	.directions .contact-info dt {padding-left:20px; width:140px;}
}

@media (max-width: 640px) {
	.root_daum_roughmap {height:250px !important;}
	.root_daum_roughmap .wrap_map {height:250px !important;}	
	.directions {margin-top:30px;}
	.directions .address-info .addr {font-size:18px;}
	.directions .address-info {margin-bottom:20px;}
	.directions .contact-info dt {padding-left:5px; width:90px;}
	.directions .contact-info dt svg {margin-right:10px;}
}

/* 제품소개 */
.mc .top-bg-wrap {display:flex; flex-direction:column; align-items:center; justify-content:center; --size500-100:clamp(6.25rem, -6.25rem + 31.25vw, 31.25rem); min-height:var(--size500-100); margin-bottom:var(--size70-40); padding:var(--size100-20); text-align:center; color:#fff; border-radius:var(--size20-10); background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}
.mc .top-bg-wrap.bg1 {background-image:url('/images/sub/mc-bg1.jpg');}
.mc .top-bg-wrap.bg2 {background-image:url('/images/sub/mc-bg2.jpg');}
.mc .top-bg-wrap.bg3 {background-image:url('/images/sub/mc-bg3.jpg');}
.mc .top-bg-wrap.bg4 {background-image:url('/images/sub/mc-bg4.jpg');}
.mc .top-bg-wrap.bg5 {background-image:url('/images/sub/mc-bg5.jpg');}

.mc .top-bg-wrap .tit {position:relative; padding-bottom:2.34em; margin-bottom:0.78em; font-size:var(--font32-18); font-weight:400; line-height:1.2; letter-spacing:-0.025em;}
.mc .top-bg-wrap .tit:before {content:''; position:absolute; width:1px; height:1.56em; left:50%; bottom:0; background:#fff; margin-left:-0.5px;}
.mc .top-bg-wrap .tit .info {display:block; margin-bottom:0.5em; font-size:var(--font16-14); font-weight:500;}
.mc .top-bg-wrap .tit strong {display:block; font-size:1.88em; font-weight:800; line-height:1.3;}
.mc .top-bg-wrap .txt {font-weight:400; line-height:1.5; letter-spacing:-0.025em;}

.mc-info {display:flex; flex-wrap:wrap; margin:calc(0px - var(--size20-10));}
.mc-info .box {width:50%; padding:var(--size20-10);}
.mc-info .box.wide {width:100%;}
.mc-info .box .inner {position:relative; min-height:290px; height:100%; padding:var(--size50-20) var(--size40-20) var(--size40-20) var(--size125-20); background:#fff; box-shadow:8px 8px 15px rgba(0,0,0,0.08); border-radius:var(--size20-10);}
.mc-info .box .icon {position:absolute; left:var(--size40-20); top:var(--size40-20); width:var(--size50-40);}
.mc-info .box .tit {margin-bottom:0.83em; font-size:var(--font24-16); font-weight:700; line-height:1.2; letter-spacing:-0.02em; color:#242424;}
.mc-info .box ul > li {margin-bottom:0.5em; font-weight:400; line-height:1.5; letter-spacing:0; color:#555;}
.mc-info .box ul > li:last-child {margin-bottom:0;}
.mc-info .box .image-box {display:flex; align-items:center; margin:35px -28px 0;}
.mc-info .box .image-box .item {position:relative; padding:0 28px; text-align:center;}
.mc-info .box .image-box .item:before {content:''; position:absolute; width:16px; height:14px; background:url('/images/sub/icon-arw.png') no-repeat 50% 50%/contain; right:-8px; top:50%; margin-top:-7px;}
.mc-info .box .image-box .item:last-child:before {display:none;}
.mc-info .box .image-box .item .img {margin-bottom:14px;}
.mc-info .box .image-box .item .tt {font-weight:600; line-height:1.2; letter-spacing:-0.02em; color:#00baff;}

.mc .case-wrap {display:flex; align-items:flex-start; margin:calc(0px - var(--size20-10));}
.mc .case-wrap .img {width:33.333%; padding:var(--size20-10);}
.mc .case-wrap .img img {width:100%; border-radius:var(--size20-10);}

/* 고객문의 */
.inquiry .txt {margin-bottom:var(--size70-40); font-size:var(--font24-16); font-weight:400; color:#242424; line-height:1.5; letter-spacing:-0.025em; text-align:center;}
.inquiry .txt span {font-weight:700;}
.inquiry .txt strong {font-size:1.33em; font-weight:800;}
.inquiry .wrap {display:flex; margin:calc(0px - var(--size20-10));}
.inquiry .wrap .box {width:33.333%; max-width:460px; padding:var(--size20-10);}
.inquiry .wrap .box .inner {position:relative; padding:var(--size40-20); padding-left:var(--size125-20); height:100%; background:#00baff; border-radius:var(--size20-10);}
.inquiry .wrap .box .icon {position:absolute; left:var(--size40-20); top:var(--size40-20); width:var(--size64-35);}
.inquiry .wrap .box:last-child {width:auto; max-width:100%; flex:1 0 auto;}
.inquiry .wrap .box dt {margin-bottom:10px; font-size:var(--font24-16); font-weight:500; line-height:1.2; letter-spacing:-0.02em; color:#fff;}
.inquiry .wrap .box dd {font-size:var(--font32-18); font-weight:800; line-height:1.3; letter-spacing:-0.025em; color:#fff;}

.cata-con ul{display:flex;gap:40px;justify-content:center;}
.cata-con ul li{text-align:center;}
.cata-con ul li .img{box-shadow:5px 5px 20px rgba(0,0,0,.1);border:1px solid #ddd;}
.cata-con ul li .tit{margin-top:25px;font-size:20px;font-weight:500;line-height:1.4em;}