@charset "utf-8";

/* 내용관리 */
#ctt {
	padding:20px 10px;
}

.ctt_admin {
	margin-top:10px;
	text-align:right;
}

.ctt_admin .btn {
	height:auto;
	line-height:42px !important;
}

#ctt_con {
	padding:35px;
	border:1px solid #f1f1f1;border-radius:7px;
	background:#fff;
	box-shadow:6px 0 15px -10px rgba(50, 50, 50, 0.45), -6px 0 15px -10px rgba(50, 50, 50, 0.45);
}

#ctt_con * {
	line-height:1.5em;
}

.ctt_img {
	margin:20px auto;padding:0 30px;
	text-align:center;
}

h3.h3_tit {
	margin-bottom:20px;
	font-size:1.5em;font-weight:500;
}

h3.h3_tit:before {
	display:inline-block;
	margin-right:12px;
	font-family:var(--ff-FA);font-size:1.3em;font-weight:normal;
	color:#f40;
}

h3.h3_tit.greet:before {
	content:"\f27a";
}

h3.h3_tit.history:before {
	content:"\f017";
}

h3.h3_tit.map {
	margin-top:50px;
}

h3.h3_tit.map:before {
	content:"\f041";
}

/* 인사말 코드에 맞춰 변경 */
.co_greet {
	padding:30px 0;
	text-align:center;
}

.co_greet p {
	font-family:var(--ff-NRg);font-size:1.2em;
}

.co_greet p+p {
	margin-top:25px;
}

.co_greet p strong {
	display:block;
	font-family:var(--ff-GMM);font-weight:normal;font-size:1.5em;
}

.co_greet p strong:after {
	content:'';
	display:block;
	width:40px;height:2px;
	margin:40px auto;
	transform:rotate(-15deg);
	background:#f33;
}

.co_greet p.sign:before {
	content:'';
	display:block;
	width:240px;height:1px;
	margin:50px auto;
	border-top:1px dashed #ccc;
}

.co_history {
	position:relative;
}

.co_history ul {
	display:flex;
	flex-direction:column;
	padding:25px;
	border-radius:3px;
	background:#f7f7f7;
	background-image:linear-gradient(#f3f3f3, #fff);
}

.co_history ul li {
	position:relative;
	padding-left:100px;
	font-size:1.1em;
	line-height:1.3em;
}

.co_history ul li+li {
	margin-top:7px;
}

.co_history ul li:before {
	content:'';
	display:block;
	position:absolute;
	left:0;top:10px;
	width:4px;height:4px;
	border-radius:50%;
	background:#000;
}

.co_history ul li .date {
	position:absolute;
	left:15px;top:3px;
	display:inline-block;
	font-size:.82em;
	color:#4c4c4c;
	letter-spacing:-0.05em;
	vertical-align:middle;
}

#co_map {
	position:relative;
}

#co_map .root_daum_roughmap {
	width:100% !important;
}

#co_map .root_daum_roughmap .wrap_map {
	height:50vh !important;
}

#co_map .root_daum_roughmap .wrap_map .map span {
	padding:5px 20px;
	font-size:0;
	background:rgba(0, 0, 0, .7);
}

#co_map .root_daum_roughmap .wrap_map .map span:before {
	content:'태준스틸';
	font-size:18px;font-weight:normal;
	color:#fff;letter-spacing:0;line-height:35px;
}

#co_map .root_daum_roughmap .cont {
	max-width:840px;
	margin:10px auto 50px;
}

#co_map .root_daum_roughmap .cont .address .txt {
	font-size:1.35em;
}

#co_map .root_daum_roughmap .cont .phone .txt {
	font-size:0;
}

#co_map .root_daum_roughmap .cont .phone .txt:after {
	content:'054-975-0290';
	display:block;
	font-size:16px;
	letter-spacing:0;line-height:1.35em;
}

.priv_wrap {
	margin:auto;
}

.priv_wrap * {
	line-height:1.4em;
}

.priv_wrap div {
	display:block;
}

.priv_wrap div:after {
	display:block;
	content:"";
	margin:30px 0;
	border-top:1px solid #efefef;
}

.priv_wrap div:last-child:after {
	margin:0;
	border:none;
}

.priv_wrap div h2.tit {
	margin-bottom:20px;
	font-size:1.2em;font-weight:500;
	color:#0669c0;
}

.priv_wrap div h3 {
	display:inline-block;
	margin:30px 0 10px;padding:3px 15px;
	border-radius:30px;
	font-weight:400;
	color:#fff;
	background:#629ac1;
}

.priv_wrap div p {
	color:#333;
}

.priv_wrap div ul {
	list-style:square;
	margin:10px 30px;
}

.priv_wrap div ol {
	margin:10px 0;
}

.priv_wrap div ul li {
	color:#333;
}

@media (max-width:1440px) {
	#ctt {
		padding:20px;
	}
}

@media (max-width:1024px) {
	#ctt_con {
		padding:20px 0;
		border:none;
		background:none;
		box-shadow:none;
	}

	.co_greet p {
		font-size:1em;
	}

	.co_greet p+p {
		margin-top:15px;
	}

	.co_greet p strong {
		font-size:1.25em;
	}

	.co_greet p strong:after {
		margin:20px auto;
	}

	.co_greet p.sign:before {
		margin:40px auto 20px;
	}

	.priv_wrap div h2.tit {
		font-size:1.05em;
	}

	.priv_wrap div p,
	.priv_wrap div ul>li {
		font-size:.88em;
	}
}

@media (max-width:768px) {
	.co_history ul li {
		padding-left:20px;
	}
	.co_history ul li .date {
		display:block;
		position:relative;
		left:0;top:0;
	}
	#co_map .root_daum_roughmap .wrap_map {
		height:45vh !important;
	}
}