.sub-page { position: relative; width:100%; font-family:'Noto Sans KR', sans-serif; color:#5D5D5D; font-size:17px; line-height:32px; letter-spacing:-0.4px; word-break:keep-all;}
.sub-content { position: relative; overflow: hidden; padding-bottom:80px; background:#FFFFFF;}

/* ��� */

@keyframes move01 {
	0% { transform: translate(-50%, -50%); }
	50% { transform: translate(-45%, -55%); }
	100% { transform: translate(-50%, -50%); }
}
@keyframes move02 {
	0% { transform: translate(50%, 50%); }
	50% { transform: translate(45%, 55%); }
	100% { transform: translate(50%, 50%); }
}

:root {
	--circle01: 700px;
	--circle02: 400px;
}

.business-wrap .sub-content::before, .business-wrap .sub-content::after {
	position: absolute;
	z-index: 0;
	content: "";
	background-color: rgba(159, 159, 159, 0.1);
	clip-path: circle(50% at 50% 50%);
	-webkit-clip-path: circle(50% at 50% 50%);
}

.business-wrap .sub-content::before {
	left: 0%;
	top: 0%;
	width: var(--circle01);
	height: var(--circle01);
	animation: move01 11s infinite;
}

.business-wrap .sub-content::after {
	right: 0%;
	bottom: 0%;
	width: var(--circle02);
	height: var(--circle02);
	animation: move02 11s infinite;
}

/* ���� */

.sub-page h3 {color:#333;  font-family:'Montserrat','Noto Sans KR', sans-serif;}
.sub-page h4 {color:#000; font-size:24px; line-height:34px; font-weight:500; padding-bottom:15px;}
.sub-page h5 {color:#1E1E1E; font-size:20px; line-height:28px; font-weight:500; font-family:'Montserrat','Noto Sans KR', sans-serif;}
.sub-page p {font-size:16px; line-height:24px; word-break:keep-all;}
.sub-page .textBox { text-align: center; }

/* ����޴� */

.submenu {position: relative; z-index: 10; width:100%; background: #991a17; text-align:center;}
.submenu ul {display:inline-block; vertical-align:top;}
.submenu li {float:left; border-left:1px solid #d58585;}
.submenu li:last-child {border-right:1px solid #d58585;}
.submenu li a {display:block; padding:12px 40px; color:#e3c2c2; }
.submenu li a:hover {color:#1E1E1E; font-weight:500; background:#FFF;}
.submenu li a.active {color:#1E1E1E; font-weight:500; background:#FFF;}

/* ���� */

.sm-bottom {margin-bottom:30px;}
.md-bottom {margin-bottom:50px;}
.lg-bottom {margin-bottom:120px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}

/* ���� */

.txt-center {text-align:center;}

/* ��Ʈ �÷� */

.fc-brown {color:#876340; font-weight:400;}
.fc-blue {color:#00529B; font-weight:500;}

/* ����̹��� */

.sub-top { position: relative; z-index: 10; }
.sub-top::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

.sub-top-01 {background:url('/images/sub/sub_top_01.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
.sub-top-02 {background:url('/images/sub/sub_top_02.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
.sub-top-03 {background:url('/images/sub/sub_top_03.jpg') center bottom no-repeat; text-align:center; width:100%; background-size:cover;}
/*.sub-top-04 {background:url('/images/sub/sub_top_04.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
.sub-top-05 {background:url('/images/sub/sub_top_05.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
.sub-top-06 {background:url('/images/sub/sub_top_06.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}*/

/* ����̹��� ���ΰ� */

.slogan-box {padding:100px 0;}
.slogan-box h2 {font-size:36px; font-weight:800; color:#FFFFFF; font-family:'Montserrat','Noto Sans KR', sans-serif; padding-bottom:10px;}
.slogan-box p {color:#EEE; font-size:15px; line-height:22px;}

/* ���������� Ÿ��Ʋ */

.title-box {border-bottom:1px solid #DDD; padding:60px 0; margin-bottom:70px; text-align:center;}
.title-box h3 {color:#000; font-size:34px; line-height:42px; font-weight:500; padding-bottom:10px; width:100%; letter-spacing:-1px; font-family:'Noto Sans KR', sans-serif; display:block;}
.title-box p {font-size:13px !important;}
.title-box .navi {width:100%; display:block; color:#888;}
.arrow-pd {padding:0 4px;}

/* ȸ��Ұ� */

.company .img {padding-bottom:40px; line-height:0;}
.company .img img {width:100%;}
.company .tit {font-size:30px; line-height:40px; color:#1E1E1E; font-weight:500;}
.company .txt {width:70%; text-align:center; margin:0 auto;}

/* CEO �λ縻 */

.ceo .tit-sm {font-size:20px; line-height:28px; color:#00a1e4; letter-spacing:5px; font-weight:600; padding-bottom:10px;}
.ceo .tit {font-size:30px; line-height:40px; color:#1E1E1E; padding-bottom:20px;}
.ceo-txt {float:left; width:50%; vertical-align:top; letter-spacing:-1.05px;}
.ceo_sign {display:block; padding-top:30px; font-size:92%; color:#888;}
.ceo_sign img {padding-left:10px;}
.ceo_sign .txt {vertical-align:top;}
.ceo_sign .name {vertical-align:top;}
.img-left {float:left; width:50%; vertical-align:top; padding-right:50px;}
.img-left img {width:100%;}
.img-right {float:left; width:50%; vertical-align:top; padding-left:50px;}
.img-right img {width:100%;}

/* �ֿ���Ȳ */

.company-info {text-align:center; background:url('/images/sub/company_bg.jpg') center no-repeat; padding:80px 40px; background-size:cover;}
.company-info h3 {color:#FFF; padding-bottom:10px;}
.company-info p {color:#FFF; padding-bottom:40px;}

/* �ֿ���Ȳ �ڽ������� */

.list-box5 ul {width:100%;}
.list-box5 li {color:#333; width:50%; margin: 0 auto 1%; padding: 25px 0; background:rgba(255,255,255,0.85);}
.list-box5 li:last-child { margin-bottom: 0; }
.list-box5 li .img {line-height:0; padding-bottom:20px;}
.list-box5 li .txt h5 {color:#000; padding-bottom:10px;}
.list-box5 li .txt p { color: #666; padding-bottom: 0; height: 2rem; line-height: 2; }

/* �����ǥ �� ���� */

.company-goals { padding: 80px 40px; font-family: 'Montserrat','Noto Sans KR', sans-serif; text-align: center; }
.company-goals .titleBox { }
.company-goals .titleBox h3 { padding-bottom: 10px; }
.company-goals .titleBox p { padding-bottom:40px; }

.company-goals ul { display: flex; width: 100%; }
.company-goals ul li {
	margin-right: 20px;
	padding: 40px 20px;
	width: calc((100% - 40px) / 3);
	border: 1px solid #e51c17;
}
.company-goals ul li:last-child { margin-right: 0; }

.company-goals ul li p { margin-bottom: 10px; }
.company-goals ul li h4 { text-align: center; }

/* �����ǥ �� ���� box animation delay setting */

.company-goals ul li:nth-child(1) { animation-delay: 0s; }
.company-goals ul li:nth-child(2) { animation-delay: 0.3s; }
.company-goals ul li:nth-child(3) { animation-delay: 0.6s; }

/* ���̺� ��Ÿ�� */

.table table {width:100%; text-align:center; border-top:2px solid #1e459c !important;}
.table td {padding:10px 5px; border:1px solid #DDD;}
.bc-gray {color:#000; background:#F5F5F5;}
.box_overflow {width:100%; overflow-x:auto;}
.table_guide {display:none;}

/* ����о�2 */

ul.list-img-2 {width:100%; font-size:0;}
.list-img-2 li {width:49%; margin-right:2%; margin-bottom:50px; display:inline-block; vertical-align:top;}
.list-img-2 li:nth-child(2n+2) {margin-right:0%;}
.list-img-2 li .img {line-height:0; padding-bottom:15px;}
.list-img-2 li .img img {width:100%;}
.list-img-2 li .txt h5 {color: #0c0c0c; padding-bottom: 10px; margin-bottom: 10px; border-bottom:1px solid #DDD;}

/* ����о�3 */

ul.list-img {width:100%; font-size:0;}
.list-img li {width:32%; margin-right:2%; margin-bottom:50px; display:inline-block; vertical-align:top;}
.list-img li:nth-child(3n+3) {margin-right:0%;}
.list-img li .img {line-height:0; padding-bottom:15px;}
.list-img li .img img {width:100%;}
/* 이미지 밝기 조정 */
.list-img li .img .filter{ filter: brightness(1.2) }
.list-img li .txt h5 {color:#0c0c0c; padding-bottom: 10px; margin-bottom: 10px; border-bottom:1px solid #DDD;}

/* �������� */

/*.work dl {width:50%; float:left;}
.work dt {color:#000; font-weight:500; font-size:110%;}
.work dd {padding-bottom:30px;}
.work dd:last-child {padding-bottom:0;}*/

/* ���� */

.history-wrap {padding-bottom:30px;}
.year-box {text-align:center;}
.year-box .tit-year {display:inline-block; background:#e61d17; margin:0 auto; padding:10px 30px; font-size:19px; color:#FFF; border-radius:3px;}
.history-box {display:table; width:100%; position:relative; background:url('/images/sub/history_line.gif') center repeat-y; padding-bottom:80px;}
.history-box .his-list {width:100%; display:block; padding-top:50px;}
.history-box .his-list:after {content:""; display:block; clear:both;}
.his-left {width:100%; float:left; text-align:right; padding-right:49.2%;}
.his-left dt {float:right !important;}
.his-right {width:100%; float:right; padding-left:49.2%;}
.his-round { display: inline-block; border: 5px solid #e61d17; width: 20px; height: 20px; background-color: #fff; border-radius: 50px;}
.his-arrow {display:inline-block; width:6%; vertical-align:top;}
.his-txt .his-year {display:block; color:#161e36; font-size:22px; font-weight:500; padding-bottom:15px;}
.his-txt {display:inline-block; width:93%; vertical-align:top;}
.his-txt dl {width:100%; position:relative;}
.his-txt dt {width:10%; color:#000; float:left;}
.his-txt dd {width:90%; float:left;}

/* ���ô� �� */

.map .map_img {height:450px;}
.map .map_img #daumRoughmapContainer1675920473346 .wrap_map { height: 100%; }
.map .map_img #daumRoughmapContainer1675920473346 .wrap_map .map_border { border: none; background-color: transparent; }
.map .map_img #daumRoughmapContainer1675920473346 .wrap_map .wrap_controllers { display: none; }
.map .map_img #daumRoughmapContainer1675920473346 .wrap_map span.roughmap_lebel_text { padding: 15px; font-size: 14px; color: #fff; background-color: #2a2a2a; }
.map .map_img #daumRoughmapContainer1675920473346 .wrap_map .roughmap_maker_label { border: none; }
.map .map_img #daumRoughmapContainer1675920473346 .wrap_map .roughmap_maker_label::after { filter: brightness(0.2); }

ul.address {border-top:1px solid #DDD; padding-bottom:0 !important;}
.address li {width:100%; display:table; position:relative; border-bottom:1px solid #DDD;}
.address li .tit {color:#000; background:#F5F5F5; width:20%; display:table-cell; vertical-align:middle; padding:20px 30px; }
.address li .tit i {color:#444; font-size:135%; font-weight:500; margin-right:15px; vertical-align:middle;}
.address li .txt {width:80%; display:table-cell; vertical-align:middle; padding:20px;}

/* ������ */

.certificate ul {width:100%; font-size:0; text-align:center;}
.certificate li {width:23.5%; margin-right:2%; padding-bottom:40px; display:inline-block; vertical-align:top;}
.certificate li:nth-child(4n+4) {margin-right:0;}
.certificate li .pic {line-height:0; }
.certificate li .pic img {width:100%; border:1px solid #DDD;}
.certificate li p {color:#333; font-size:15px; line-height:20px; padding:10px 0;}

/* ��Ʈ�� */

.partner ul {width:100%; font-size:0; text-align:center;}
.partner li {width:23.5%; margin-right:2%; padding-bottom:30px; display:inline-block; vertical-align:top;}
.partner li:nth-child(4n+4) {margin-right:0;}
.partner li p {color:#333; font-size:15px; line-height:20px; padding:10px 0;}
.partner li .pic {line-height:0;}
.partner li .pic img {width:100%; border:3px solid #E0E0E0;}

/* ��Ÿ */

.no_page {width: 100%;border: 1px solid #DDD;background:#F5F5F5;text-align: center;padding: 200px 0;font-size: 24px;}
.guide_txt {padding: 20px; }
.guide_txt li {padding: 5px;list-style-type: disc;}
.sub02_txt {margin: 0 auto; text-align: center;}
.sub02_txt .tit_img {width: 28%;display: inline-block;text-align: center;}
.sub02_txt .tit_txt {width: 52%;display: inline-block;vertical-align: top;padding-top: 60px;}
.sub02_txt .tit_txt > h3 {font-size: 40px;color: #1e1e1e;font-weight: 300;line-height: 45px;padding-bottom: 20px;text-align: left;}
.sub02_txt .tit_txt > p {font-size: 18px;color: #666;font-weight: 400;line-height: 26px;text-align: left;}
.icon_box {width: 100%;text-align: center;font-size: 0;padding: 20px;background: url("/images/sub/sub02/arrow.jpg") no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: 100%;}
.icon_box .box {width:20%;display: inline-block;vertical-align: top;}
.icon_box .box p {font-size: 20px;color: #1e1e1e;font-weight: 400;}
.icon_box .arrow {padding-top: 55px;display: inline-block;}
.green{color: #00ad87;font-weight: 600;}
.privacy_title {font-size: 18px;padding: 20px 0;color: #333;}
.privacy_txt {padding: 20px;border: 3px solid #e5e5e5;font-size: 14px;}

/* business */

.business { position: relative; z-index: 10; }
.business ul { display: flex; flex-direction: column; height: 100vh; }
.business ul li { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 33.3333%; }
.business ul li:nth-child(1) { animation-delay: 0s; }
.business ul li:nth-child(2) { animation-delay: 0.3s; }
.business ul li:nth-child(3) { margin-bottom: 0px; animation-delay: 0.6s; }

.business ul .imgBox { width: 50%; height: 100%; }
.business ul .imgBox img { width: 100%; height: 100%; object-fit: cover; }

.business ul .textBox { width: 50%; }
.business ul li:first-child .textBox ,
.business ul li:last-child .textBox { text-align: left; padding-left: 50px; }
.business ul li:nth-child(2) .textBox { text-align: right; padding-right: 50px; }


.business ul .textBox p { width: 100%; margin-bottom: 20px; }
.business ul .textBox p:last-child { margin-bottom: 0; }

.business .textBox ul li p { margin-bottom: 10px; }

.business br.none { display: none; }

@media (max-width: 640px){

	.business ul { height: unset; }
	.business ul li { flex-direction: column; margin-bottom: 50px; }
	.business ul li:last-child { margin-bottom: 0; }

	.business ul .imgBox { margin-bottom: 20px; width: 70%; }

	.business ul li .textBox {
		position: relative;
		width: 70%;
		padding: 0 !important;
		text-align: center !important;
	}
	/* .business ul li .textBox::before {
		position: absolute;
		left: 0;
		bottom: -25px;
		width: 100%;
		height: 1px;
		content: "";
		background-color: #ddd;
	} */


	.business ul li:nth-child(2) .textBox { display: inline-flex; flex-direction: column; order: 2; }

	.business ul li .textBox h4 { margin-bottom: 15px; }
	.business ul li:last-child .textBox h4 { border-bottom: none; }

	.business ul .textBox p { margin-bottom: 15px; }

}

/* product */

.product .textBox { margin-bottom: 20px; }
.product .textBox h3 { padding: 10px 0 10px 20px; background-color: rgba(229, 28, 23, 0.1); }

/* outsite */

.outsite .textBox { margin-bottom: 20px; padding: 10px 0 10px 20px; background-color: rgba(229, 28, 23, 0.1); }
.outsite .textBox h3 { margin-bottom: 10px; }
.outsite .textBox p { font-weight: 500; }

.product .title-box, .outsite .title-box { border-bottom: none; margin-bottom: 0; }


@media all and (max-width: 1280px) {

	.sub-content {width:100%; padding:0 20px 50px 20px;}

}

@media all and (max-width: 1200px) {

	.img-1 img {width:100%;}

}

@media all and (max-width: 1100px) {

	.sub-page {font-size:14px; line-height:22px;}

	/* ���� */

	.sub-page h4 {font-size:20px; line-height:30px;}
	.sub-page h5 {font-size:17px; line-height:24px;}
	.sub-page p {font-size:14px; line-height:22px;}

	/* ���������� Ÿ��Ʋ */

	.title-box {padding:40px 0; margin-bottom:50px;}
	.title-box h3 {font-size:28px; line-height:36px;}

	/* ����޴� */

	.submenu li a {padding:8px 30px; font-size:14px;}

	/* ����̹��� ���ΰ� */

	.slogan-box {padding:50px 20px;}
	.slogan-box h2 {font-size:28px; line-height:34px; padding-bottom:10px;}
	.slogan-box p {font-size:12px; line-height:16px;}

	/* CEO �λ縻 */

	.ceo .tit-sm {font-size:16px; line-height:24px;}
	.ceo .tit {font-size:24px; line-height:32px;}
	.ceo-txt {font-size:15px; line-height:24px;}

	/* ȸ��Ұ� */

	.company .tit {font-size:24px; line-height:32px;}

	/* ���� */

	.his-left {padding-right:49%;}
	.his-right {padding-left:49%;}

}

@media all and (max-width: 768px) {

	/* ���� */

	.lg-bottom {margin-bottom:80px;}

	/* ���� */

	.sub-page h4 {font-size:18px; line-height:26px;}
	.sub-page h5 {font-size:16px; line-height:24px;}

	/* ����޴� */

	.submenu ul {padding:10px;}
	.submenu li {border-left:0; position:relative;}
	.submenu li a {padding:2px 10px; font-size:13px;}
	.submenu li:after {transform:rotate(25deg); content:''; display:inline-block; width:1px; height:10px; background:#b3bccf; position:absolute; top:8px; right:-1px;}
	.submenu li:last-child {border-right:0 !important;}
	.submenu li:last-child:after {display:none;}
	.submenu li a.active {background:none; color:#FFF;}
	.submenu li a:hover {background:none; color:#FFF;}

	/* ����̹��� ���ΰ� */

	.slogan-box {padding:40px 20px;}
	.slogan-box h2 {font-size:24px; line-height:28px; padding-bottom:10px;}

	/* ���������� Ÿ��Ʋ */

	.title-box {padding:30px 0; margin-bottom:30px;}
	.title-box h3 {font-size:24px; line-height:32px;}
	.title-box p {font-size:12px !important;}

	/* ȸ��Ұ� */

	.company .txt {width:100%;}

	/* CEO �λ縻 */

	.ceo .tit-sm {font-size:13px; line-height:20px;}
	.ceo .tit {font-size:20px; line-height:28px;}

	/* ���� */

	.year-box {text-align:left;}
	.year-box .tit-year {padding:8px 24px; font-size:16px;}
	.history-box {background:none; padding-bottom:50px;}
	.history-box:last-child {padding-bottom:0;}
	.history-box .his-list {width:100%; display:block; padding:20px 0; border-bottom:1px solid #DDD;}
	.his-left {text-align:left; padding-right:0%;}
	.his-left dt {float:left !important;}
	.his-right {padding-left:0%;}
	.his-arrow {display:none;}
	.his-txt .his-year {font-size:17px;}
	.his-txt {width:100%;}
	.his-txt dt {width:15%;}
	.his-txt dd {width:85%;}

	/* ���ô� �� */

	.map .map_img {height:300px;}
	.address li .tit {width:25%; padding:15px; }
	.address li .txt {width:72%; padding:15px;}

	/* ����о� */

	.business .box-wrap li {width:48%; margin:1% !important; padding-bottom:30px;}
	.business .box-wrap > .box dt {font-size:16px; line-height:20px; color:#876340; padding:5px 0;}

	/* ������ */

	.certificate li {width:45%; margin:1% !important;}
	.certificate li p {font-size:14px; line-height:18px;}

	/* ��Ʈ�� */

	.partner li {width:48%; margin:1% !important;}
	.partner li p {font-size:14px; line-height:18px;}

	/* ����о�3 */

	.list-img li {width:49%; margin-right:2%; margin-bottom:50px; float:left;}
	.list-img li:nth-child(2n+2) {margin-right:0% !important;}
	.list-img li:nth-child(3n+3) {margin-right:2%;}

	/* �ֿ���Ȳ */

	.company-info {padding:60px 40px;}

	/* �ֿ���Ȳ �ڽ������� */

	.list-box5 li { color: #333; width: 90%; margin-bottom: 0.5%; padding: 30px 0; }
		/*.list-box5 li:nth-child(3n+2) {margin-right:0;}*/

	/* business */

	.business br.none { display: block; }
}

@media all and (max-width: 640px) {

	/* �����ǥ �� ���� */

	.company-goals ul { flex-direction: column; }
	.company-goals ul li {
		margin-right: unset;
		margin-bottom: 20px;
		padding: 40px 20px;
		width: 100%;
		border: 1px solid red;
	}
	.company-goals ul li:last-child { margin-bottom: 0; }

}

@media all and (max-width: 568px) {

}


@media all and (max-width: 480px) {

	/* ���������� Ÿ��Ʋ */

	.title-box {padding:40px 0 30px 0; margin-bottom:30px;}
	.title-box h3 {font-size:24px; line-height:32px;}

	/* ȸ��Ұ� */

	.company .tit {font-size:18px; line-height:26px;}
	.company .img {padding-bottom:25px;}

	/* CEO �λ縻 */

	.ceo .tit-sm {padding:10px 0;}
	.img-left {width:100%; padding-right:0px;}
	.img-right {width:100%; padding-top:10px; padding-left:0px;}
	.ceo-txt {float:left; width:100%;}
	.ceo_sign {display:block; padding-top:30px; font-size:92%; color:#888;}
	.ceo_sign img {padding-left:10px;}

	/* ���ô� �� */

	.map .map_img {height:250px;}
	.address li {padding:15px;}
	.address li .tit {width:100%; display:inline-block; background:#FFF; padding:0; padding-bottom:5px;}
	.address li .tit i {margin-right:7px;}
	.address li .txt {width:100%; display:inline-block; padding:0;}

	/* ����о� */

	.business .box-wrap li {width:100%; margin:0% !important; padding-bottom:30px;}

	/* �������� */

	.work dl {width:100%; padding-top:20px;}
	.work dt {color:#000; font-weight:500; font-size:110%;}
	.work dd {padding-bottom:30px;}
	.work dd:last-child {padding-bottom:0;}

	/* ������ */

	.certificate li {width:100%; margin:0% !important; padding-bottom:30px;}

	/* ����о�2 */

	.list-img-2 li {width:100%; margin-right:0%;}
	.list-img-2 li:last-child {margin-bottom:0%;}

	/* ����о�3 */

	.list-img li {width:100%; margin-right:0%;}
	.list-img li:last-child {margin-bottom:0%;}
	/* �ֿ���Ȳ */

	.company-info {padding:50px 20px;}

	/* �ֿ���Ȳ �ڽ������� */

	.list-box5 li {width:100%; margin-bottom:5px;}
	.list-box5 li:nth-child(3n+3) {margin-right:0;}

}