@charset "utf-8";

/* 내용관리 */
#ctt {}
.ctt_admin {margin:20px 0;text-align:right;}
#ctt_con {}

.ctt_co_greet .innerWrap {
		display:flex;gap:50px;
		max-width:1440px;margin:auto;
	}
.ctt_co_greet .co_img {
		flex:1;
		padding:15px;
		border:1px solid #efefef;border-radius:2px;
	}
.ctt_co_greet .co_img figcaption {
		margin-top:15px;
		font-size:.92em;color:#333;
		text-align:center;
	}
.ctt_co_greet .co_txt {
		flex:1.2;
		margin-top:10px;
	}
.ctt_co_greet .co_txt p {
		font-size:1.15em;color:#333;line-height:1.5em;
		text-align:justify;
	}
.ctt_co_greet .co_txt p+p {margin-top:25px;}
.ctt_co_greet .co_txt p .em {color:#de620f;}
.ctt_co_greet .co_txt p.sign {margin-top:35px;text-align:right;}
.ctt_co_greet .co_txt .motto {margin-bottom:30px;}
.ctt_co_greet .co_txt .motto p+p {margin-top:0;}
.ctt_co_greet .co_txt .motto p.en {font-family:var(--ff-RS);font-size:2.2em;font-weight:600;color:#000;}
.ctt_co_greet .co_txt .motto p.kr {font-size:1.25em;color:#209344;}

.ctt_co_map {}
#co_map {
		width:100%;height:50vh;
		border:1px solid #ccc;
	}
#co_map .gm-style-iw-d {
		margin-top:-32px;padding-right:28px !important;
		font-size:1.2em;
	}
#co_info {
		margin-top:30px;
		text-align:center;
	}
#co_info ul {
		display:inline-block;
		margin:auto;
		text-align:left;
	}
#co_info ul li {
		padding:10px 20px;
		border-bottom:1px solid #e5e5e5;
		line-height:28px;
	}
#co_info ul li .tit {
		display:inline-block;
		width:45px;
		font-family:var(--ff-GMM);font-size:.74em;color:#333;text-transform:uppercase;
		vertical-align:middle;
	}
#co_info ul li.tel, #co_info ul li.fax {font-family:var(--ff-GMM);}
#co_info ul li:before {
		display:inline-block;
		width:28px;margin-right:10px;
		border-radius:28px;
		font-family:var(--ff-FA);font-size:.92em;color:#fff;
		text-align:center;vertical-align:middle;
		background:#de620f;
	}
#co_info ul li.add:before {content:'\f041';}
#co_info ul li.tel:before {content:'\f095';}
#co_info ul li.fax:before {content:'\f1ac';}

.ctt_sitemap {}
.sm_1dul {display:flex;flex-wrap:wrap;gap:20px;}
.sm_1dul a {display:block;}
.sm_1dli {
		flex:1;
		padding:20px;
		border:1px solid #7aa5a1;border-radius:5px;
		box-shadow:3px 3px 7px rgba(0,0,0,.07);
		transition:all .2s;
	}
.sm_1dli:nth-child(2) {flex-basis:100%;order:2;}
.sm_1dli:nth-child(5) {display:none;}
.sm_1da {
		margin-bottom:20px;
		text-align:center;
	}
.sm_1da > .inner {
		display:inline-block;
		padding-bottom:10px;
		border-bottom:3px solid #de620f;
		font-size:1.5em;font-weight:500;color:#256d66;
	}
.sm_2dul {
		padding:15px;
		border-radius:7px;
		background-color:#f7f7f7;
	}
.sm_2dli+.sm_2dli {border-top:1px dashed #ccc;}
.sm_2da {
		padding:10px;
		line-height:1.3em;
		text-align:center;
	}
/* 제품소개 */
.sm_1dli:nth-child(2) > .sm_2dul {
    display:flex;gap:10px;
}
.sm_1dli:nth-child(2) > .sm_2dul  .sm_2dli {flex:1.2;}
.sm_1dli:nth-child(2) > .sm_2dul  .sm_2dli:nth-child(1), .sm_1dli:nth-child(2) > .sm_2dul  .sm_2dli:nth-child(5) {flex:1;}
.sm_1dli:nth-child(2) > .sm_2dul  .sm_2dli+.sm_2dli {border-top:none;}
.sm_1dli:nth-child(2) > .sm_2dul  .sm_2da {
		font-size:1.2em;font-weight:500;
		text-align:left;
	}
.sm_1dli:nth-child(2) > .sm_2dul  .sm_2da:before {
		content:'\f196';
		margin-right:10px;
		font-family:var(--ff-FA);color:#256d66;
	}
.sm_3dul {
		margin-left:15px;padding:10px 0 10px 25px;
		border-left:1px dashed #dcdcdc;
	}
.sm_3dli {position:relative;}
.sm_3dli:before {
		content:'';display:block;
		position:absolute;left:0;top:10px;
		width:8px;height:8px;
		margin-left:-30px;
		border-radius:50%;
		background-color:#999;
	}
.sm_3da {padding:7px;font-size:.92em;color:#333;}
.sm_3da sub {font-size:.6em;color:#333;vertical-align:bottom;}
.sm_3dli:hover:before {background-color:#de620f;}
.sm_3da:hover {color:#000;}

/* 마우스 오버시 */
.sm_1dli:hover {
		border-color:#256d66;
		background-color:#256d66;
		transition:all .2s;
	}
.sm_1dli:hover * {}
.sm_1dli:hover .sm_1da > .inner {color:#fff;border-color:#fc3;}
.sm_2da:hover {color:#de620f;background-color:#fff;}
.sm_1dli:nth-child(2) > .sm_2dul  .sm_2dli:hover .sm_2da {color:#fc3;background-color:#333;}
.sm_1dli:nth-child(2) > .sm_2dul  .sm_2dli:hover .sm_2da:before {color:#fc3;}

@media (max-width:1680px) {
	.sm_1dli:nth-child(2) > .sm_2dul {
		display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
	}
}
@media (max-width:1440px) {
	.ctt_co_greet .innerWrap {gap:40px;}
	.ctt_co_greet .co_txt p {font-size:1.05em;}
	.ctt_co_greet .co_txt .motto p.en {font-size:2em;}
	.sm_1dul {gap:10px;}
	.sm_1da > .inner {font-size:1.35em;}
	.sm_1dli:nth-child(2) > .sm_2dul {flex-wrap:wrap;}
	.sm_1dli:nth-child(2) > .sm_2dul .sm_2dli {flex: 1 1 48%;}
	.sm_1dli:nth-child(2) > .sm_2dul  .sm_2da {font-size:1.1em;}
}
@media (max-width:1180px) {
	.ctt_co_greet .co_txt .motto p.en {font-size:1.8em;}
	.sm_1dli:nth-child(2) > .sm_2dul { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:940px) {
	.ctt_co_greet .innerWrap {display:block;}
	.ctt_co_greet .co_img {margin-bottom:30px;padding-bottom:30px;}
	.ctt_co_greet .co_txt .motto p.kr {font-size:1.15em;}
}
@media (max-width:768px) {
	.ctt_co_greet .co_txt p {font-size:1em;text-align:left;}
	.ctt_co_greet .co_txt .motto p.en {font-size:1.5em;}
	.ctt_co_greet .co_txt .motto p.kr {font-size:1.05em;}
	#co_info ul {display:block;}
	.sm_1dul, .sm_1dli:nth-child(2) > .sm_2dul {flex-direction:column;}
	.sm_1dli:nth-child(2) {flex-basis:100%;order:0;}
	.sm_1dli:nth-child(2) > .sm_2dul { grid-template-columns:repeat(1,1fr); }
}