@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2020-11-25
******************************************************** */

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:15px; }
.sub-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; width:20%; background-color:#fff; border:1px solid #e5e5e5; border-left:0 }
.sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;}
.sub-tab-list-style ul li a{display:table; height:58px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; }
.sub-tab-list-style ul li.selected a{background-color:#333; border-color:#333}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

/* -------- 공통 :: dot텍스트 -------- */
.dot-txt {position:relative; padding-left:7px;}
.dot-txt:before {content:"·"; position:absolute; left:0;}

/* ******************  PRODUCT ********************** */
/* -------- PRODUCT :: 제품리스트 -------- */
.product-list-page .bbs-top-list-box {margin-bottom: 18px; }
.product-list-page .bbs-top-list-box .total-list-con {color:#434343;}
.product-list {display:flex; flex-wrap:wrap;  border-left:1px solid #e1e1e1; }
.product-list li {position:relative; width:25%; border:1px solid #e1e1e1; border-left:0; text-align:center; margin-top:-1px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.product-list li:before {content:""; width:100%; height:100%; position:absolute; top:0; left:0; display:block; border:1px solid #434343; margin:-1px 0 0 -1px; opacity:0;filter:Alpha(opacity=0); transition: opacity 0.4s;}
.product-list li a {display:block; width:100%; height:100%;}
.product-list li .img-wrap { position:relative; padding-top:100%; }
.product-list li .img-wrap span {position:absolute; top:5%; left:5%; right:5%; bottom:5%; display:block; }
.product-list dl {position:relative; z-index:9;}
.product-list dd {color:#434343; letter-spacing:-0.5px; padding:10.8% 15px;}
.product-list .tit {font-size: 30px;}
.product-list .txt {font-size: 18px; line-height:1.66em; max-height:3.33em; margin-top:5px;}

/* -------- PRODUCT :: 제품뷰 -------- */
.product-view-tit {width:50%; font-size:42px; color:#4f4f4f; margin-bottom: 2.3%; }
/* 제품뷰 컨텐츠 */
.product-view-con {display:flex;}
.product-view-con .info-con {width:50%; border-top:3px solid #5b5b5b;}
.product-view-con .info-con .info-item {padding: 6.15% 0; letter-spacing:-0.5px; color:#4f4f4f; border-bottom:1px solid #e0e0e0;}
.product-view-con .info-con .info-item .tit {font-size:22px;  }
.product-view-con .info-con .info-item .txt {font-size:16px; line-height:1.75em; margin-top:20px;}
.product-view-con .info-con .info-item .point-item {margin-top: 25px;}
.product-view-con .info-con .point-item .point-tit {position:relative; padding-left: 15px; font-weight:400;}
.product-view-con .info-con .point-item .txt-box {padding-left: 15px; margin-top:3px; }
.product-view-con .info-con .point-item .point-txt {position:relative; padding-left: 20px; }
.product-view-con .info-con .point-item .num {position:absolute; left:0; }
.product-view-con .info-con .point-item .point-txt.no-num {padding-left:0;}



.product-view-con .img-con {width:50%; padding-left:2.75%;  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.product-view-con .img-con .img-wrap {position:relative; padding-top:calc(100% - 2px); border:1px solid #e0e0e0; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
/* 기본사양 */
.product-view-spec {margin-top: 60px;}
.product-view-spec .tit {display:block; font-size: 22px; color:#4f4f4f; letter-spacing:-0.5px; margin-bottom:13px;}
.product-view-spec .spec-con-item {font-size:16px; line-height:1.625em; letter-spacing:-0.5px; border-bottom:1px solid #e3e3e3;}
.product-view-spec .spec-con-item:first-child { border-top:1px solid #e3e3e3;}
.product-view-spec .spec-con-item .spec-tit {display:table-cell; vertical-align:middle; width:285px; background-color: #213971; color:#fff; padding:15px 15px 15px 3.69%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;  } 
.product-view-spec .spec-con-item .spec-txt {display:table-cell; vertical-align:middle; color:#4f4f4f; padding:15px 15px 15px 5%; }
/* 버튼 */
.prd-btn-box {text-align:center; margin-top:65px;}
.prd-btn-box a {display:inline-block; width: 47.5%; height:60px; max-width:243px; border:1px solid #2e2e2e; color: #2e2e2e; margin:0 0.5%;}
.prd-btn-box a span {display:inline-block; vertical-align:middle; font-size:16.5px; line-height:60px; font-weight:500;} 
.prd-btn-box a i {display:inline-block; vertical-align:middle; width:25px; height:25px; font-size:16px; line-height:25px; background-color:rgba(88,88,88,0.2); border-radius:50%; margin-left:40px;}
.prd-btn-box a.btn02  {background-color:#2e2e2e; color:#fff;}
.prd-btn-box a.btn02 i {background-color:rgba(255,255,255,0.2); }

/* -------- PRODUCT :: 고객지원 -------- */
.customer-tit {font-size: 42px; letter-spacing:-0.5px; color:#4f4f4f; text-align:center; margin-bottom:56px; }
.customer-item {display:table; width:100%; margin-top:35px;  border:1px solid #d8d8d8;}
.customer-item.item01 {margin-top:0;}
.customer-item .img-con {display:table-cell; width:32.69%; height:285px; background: left center no-repeat; background-size:cover;}
.customer-item.item01 .img-con  {background-image:url("/images/content/prd_customer_img_01.jpg"); background-position:center;}
.customer-item.item02 .img-con  {background-image:url("/images/content/prd_customer_img_02.jpg");}
.customer-item.item03 .img-con  {background-image:url("/images/content/prd_customer_img_03.jpg");}
.customer-item .txt-con {display:table-cell; vertical-align:middle; padding:20px 5.23% 20px 5.53% }
.customer-item .txt-con .tit-box {padding-bottom:25px; border-bottom:1px solid #dfdfdf;  }
.customer-item .txt-con .tit-box .tit {display:inline-block; font-size: 24px; color:#34539b; letter-spacing:-0.5px; }
.customer-item .txt-con .tit-box .txt {display:inline-block; font-size: 18px; line-height:1.3; color:#959595; letter-spacing:-0.5px; margin-left:20px;}
.customer-item .txt-con .txt-box {margin-top:2.71%;}
.customer-item .txt-con .txt-box .txt {font-size:16px; line-height:1.875em; color:#4f4f4f; letter-spacing:-0.5px;}

/* ******************  OPERATION ********************** */
/* -------- OPERATION :: 신고서 확인 -------- */
.declaration-check-page .bbs-write-tbl th, .declaration-check-page .bbs-write-tbl td ,
.declaration-write-page .bbs-write-tbl th, .declaration-write-page .bbs-write-tbl td {padding:15px 10px; font-size:16px; line-height: 1.3;}
.declaration-check-page  .essential-icon ,.declaration-write-page  .essential-icon {display:none; }
@media all and (max-width:800px){
	.declaration-check-page .bbs-write-tbl th, 
	.declaration-write-page .bbs-write-tbl th {padding:10px 10px 0;} 
	.declaration-check-page .bbs-write-tbl th, .declaration-check-page .bbs-write-tbl td ,
	.declaration-write-page .bbs-write-tbl th, .declaration-write-page .bbs-write-tbl td {font-size:14px;}
	.declaration-check-page .bbs-write-tbl td, .declaration-write-page .bbs-write-tbl td {padding:10px;}
}

/* ******************  회사소개 ********************** */
/* 공통 스타일 */
.white-space-bottom{margin-bottom: 80px}
.front-cir-icon-tit{margin-bottom: 20px; position: relative; padding-left: 32px; font-size: 26px; font-weight: 600; color: #34539b; letter-spacing: -0.5px; line-height: 1.30}
.front-cir-icon-tit i {display: flex; justify-content: center;  align-items: center; position: absolute; top: 4px; left: 0; width: 23px; height: 23px; border-radius: 100%; background-color: #34539b; font-size: 15px; font-weight: 600; color: #fff}
.front-circle-icon, .front-dash-icon{position: relative; padding-left: 10px; font-size: 16px; font-weight: 400; color: #4f4f4f; letter-spacing: -0.5px; line-height: 2.0}
.front-circle-icon::before{content:""; position: absolute; top: 12px; left: 0; width: 3px; height: 3px; background-color: #4f4f4f; border-radius: 100%}
.front-dash-icon::before{content:"-"; position: absolute; top: -2px; left: 0; font-size: 16px; font-weight: 400; color: #4f4f4f; letter-spacing: -0.5px; line-height: 2.0}

/* -------------- 회사개요 -------------- */
.summary-page .summary-tit-box{height: 636px; background: url("/images/content/summary_img01.png") no-repeat}
.summary-page .tit-box{text-align: center; padding-top: 10%}
.summary-page .tit-box h4{margin-bottom: 20px; font-size: 42px; font-weight: 400; color: #fff; letter-spacing: -0.65px; line-height: 1.38}
.summary-page .tit-box .summary-txt{font-size: 18px; font-weight: 400; color: #fff; letter-spacing: -0.5px; line-height: 1.8}
.summary-page .summary-list-wrap{position: relative;}
.summary-page .summary-list-wrap::before{content:""; z-index:-1; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 428px; background: url("/images/content/summary_img02.png") center no-repeat}
.summary-page .summary-list-tit{margin-bottom: 30px; text-align: center}
.summary-page .summary-list-tit h5{margin-bottom: 70px; font-size: 42px; font-weight: 400; color: #525252; letter-spacing: -0.5px; line-height: 1.38}
.summary-page .summary-list-tit h5 .blue-txt{color: #34539b}
.summary-page .summary-list-tit .summary-list-txt{font-size: 26px; font-weight: 400; color: #525252; letter-spacing: -0.64px; line-height: 1.53}
.summary-page .summary-list{display: flex; flex-wrap: wrap; margin: -15px}
.summary-page .summary-list li{position: relative; width: calc(25% - 30px); padding: 40px 20px; margin: 15px; box-sizing: border-box; border: 1px solid #ddd; background-color: #fff}
.summary-page .summary-list li::before{content:""; position: absolute; top: -1px; left: 50%; transform: translateX(-50%); width: 103px; height: 3px; background-color: #4f4f4f}
.summary-page .summary-list .list-tit, .summary-page .summary-list .list-txt{letter-spacing: -0.5px; line-height: 1.5; text-align: center}
.summary-page .summary-list .list-tit{font-size: 22px; font-weight: 500; color: #4f4f4f}
.summary-page .summary-list .icon-box{margin: 30px auto; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center}
.summary-page .summary-list .list-txt{font-size: 16px; font-weight: 400; color: #525252}
.summary-page .summary-info-box table{width: 100%; border-top: 2px solid #4f4f4f}
.summary-page .summary-info-box tr{border-bottom: 1px solid #e9e9e9}
.summary-page .summary-info-box th, .summary-page .summary-info-box td{padding: 15px 40px; box-sizing: border-box; line-height: 1.3; font-size: 16px; color: #4f4f4f; font-family:'Noto Sans KR' , Dotum, Arial, sans-serif}
.summary-page .summary-info-box th{width: 200px; padding: 15px 65px; text-align: left; font-weight: 600; background-color: #f6f6f6; border-right: 1px solid #e9e9e9}
.summary-page .summary-info-box th.l-spacing-txt{letter-spacing: 12px}
.summary-page .summary-info-box th.m-spacing-txt{letter-spacing: 4px}
.summary-page .summary-info-box td{font-weight: 400; letter-spacing: -0.5px}

/* -------------- 비전 섹션 -------------- */
.vision_content{position: relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; max-width: 1400px; margin: 40px auto 0; padding: 20px; box-sizing: border-box; z-index: 1}
.vision_box{position: relative; padding: 40px; box-sizing: border-box; background-color: #f8f9fa; border-radius: 8px; border-left: 4px solid #34539b; transition: all 0.3s ease}
.vision_box:hover{background-color: #fff; box-shadow: 0 4px 20px rgba(0,0,0,0.1)}
.vision_box_content h3{font-size: 22px; font-weight: 600; color: #333; margin-bottom: 15px; letter-spacing: -0.5px; line-height: 1.4}
.vision_box_content p{font-size: 15px; font-weight: 400; color: #666; letter-spacing: -0.3px; line-height: 1.8}

/* protection-grid 스타일 */
.protection-grid .vision_box {
	border-left: 4px solid #00bfa5;
}

.protection-grid .vision_box_content .protection-number {
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	color: #00bfa5;
	margin-bottom: 10px;
}

.protection-grid .vision_box_content h3 {
	font-size: 20px;
	margin-bottom: 20px;
}

.protection-grid .vision_box_content ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.protection-grid .vision_box_content ul li {
	position: relative;
	padding-left: 18px;
	font-size: 15px;
	color: #666;
	line-height: 1.8;
	margin-bottom: 10px;
}

.protection-grid .vision_box_content ul li:last-child {
	margin-bottom: 0;
}

.protection-grid .vision_box_content ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	width: 6px;
	height: 6px;
	background: #00bfa5;
	border-radius: 50%;
}

/* 원금보호제도 핵심 섹션 */
.protection-core-section {
	margin-top: 60px;
	padding: 60px 40px;
	background: #f8f9fa;
	border-radius: 16px;
}

.protection-core-title {
	text-align: center;
	font-size: 28px;
	font-weight: 600;
	color: #222;
	margin-bottom: 50px;
}

.protection-core-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}

.protection-core-item {
	text-align: center;
}

.protection-core-icon {
	width: 70px;
	height: 70px;
	margin: 0 auto 20px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.protection-core-icon i {
	font-size: 28px;
	color: #fff;
}

.protection-core-item h4 {
	font-size: 17px;
	font-weight: 600;
	color: #333;
	margin-bottom: 8px;
}

.protection-core-item p {
	font-size: 14px;
	color: #888;
	line-height: 1.5;
}

@media all and (max-width: 1024px) {
	.protection-core-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}
}

@media all and (max-width: 600px) {
	.protection-core-section {
		padding: 40px 20px;
	}

	.protection-core-title {
		font-size: 22px;
		margin-bottom: 35px;
	}

	.protection-core-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.protection-core-icon {
		width: 56px;
		height: 56px;
	}

	.protection-core-icon i {
		font-size: 22px;
	}

	.protection-core-item h4 {
		font-size: 15px;
	}

	.protection-core-item p {
		font-size: 13px;
	}
}

/* -------------- 하단 슬로건 -------------- */
.summary-slogan{margin-top: 60px; padding: 50px 30px; text-align: center; background-color: #34539b; border-radius: 8px}
.summary-slogan p{font-size: 28px; font-weight: 500; color: #fff; letter-spacing: -0.5px; line-height: 1.4}

/* -------------- 인사말 -------------- */
.greeting-page .greeting-txt{font-size: 16px; font-weight: 400; color: #525252; letter-spacing: -0.5px; line-height: 2}
.greeting-tit-box{text-align:center; /* display: flex; flex-wrap: wrap; */}
.greeting-tit-box .lt-tit-box{/* width: 60%; margin-right: 2.46% */}
.greeting-tit-box .lt-tit-box h4{font-size: 24px; font-weight: 400; color: #525252; letter-spacing: -0.5px; line-height: 1.33}
.greeting-tit-box .lt-tit-box h4 strong{display: block; margin-bottom: 20px; font-size: 38px; font-weight: 400; color: #4f4f4f; letter-spacing: -0.5px; line-height: 1.21}
.greeting-tit-box .lt-tit-box .circle-box{margin: 25px 0}
.greeting-tit-box .lt-tit-box .circle-box span{display: inline-block; margin-right: 15px; width: 8px; height: 8px; background-color: #34539b;border-radius: 100%}
.greeting-tit-box .lt-tit-box .circle-box span:nth-child(1){background-color: rgba(52,83,155,0.1)}
.greeting-tit-box .lt-tit-box .circle-box span:nth-child(2){background-color: rgba(52,83,155,0.2)}
.greeting-tit-box .lt-tit-box .circle-box span:nth-child(3){background-color: rgba(52,83,155,0.3)}
.greeting-tit-box .lt-tit-box .circle-box span:nth-child(4){background-color: rgba(52,83,155,0.4)}
.greeting-tit-box .lt-tit-box .circle-box span:nth-child(5){background-color: rgba(52,83,155,0.5)}
.greeting-tit-box .lt-tit-box .circle-box span:nth-child(6){background-color: rgba(52,83,155,0.6)}
.greeting-tit-box .lt-tit-box .circle-box span:nth-child(7){background-color: rgba(52,83,155,0.8)}
.greeting-tit-box .rt-img-box{width: 37.53%}
.greeting-tit-box .rt-img-box-m{display: none}
.greeting-tit-box .rt-img-box .img-box{display: block; position: relative; width: 100%; height: 0; padding-top: 69.54%; background: url("/images/content/greeting_ceo_img.jpg") center no-repeat; background-size: contain}
.greeting-detail-box{padding: 40px 0 20px; /* border-bottom: 3px solid #323232 */}
.greeting-detail-box .greeting-list-box{display: flex; flex-wrap: wrap; margin: 0 -10px}
.greeting-detail-box .greeting-list-box li{position: relative; width: calc(33.33% - 20px); margin: 0 10px; padding: 40px 40px 60px; box-sizing: border-box; border: 1px solid #ddd}
.greeting-detail-box .greeting-list-box li::after{position: absolute; bottom: -14px; right: 10px; font-size: 100px; font-weight: 600; color: rgba(211,211,211,0.25); letter-spacing: -0.5px}
.greeting-detail-box .greeting-list-box li:nth-child(1)::after{content:"01"}
.greeting-detail-box .greeting-list-box li:nth-child(2)::after{content:"02"}
.greeting-detail-box .greeting-list-box li:nth-child(3)::after{content:"03"}
.greeting-detail-box .greeting-list-box li .list-txt{font-size: 16px; color: #525252; font-weight: 400; letter-spacing: -0.5px; line-height: 2}
.greeting-detail-box .greeting-list-box li .tit{display: block; color: #34539b; font-weight: 600}
.greeting-detail-box .detail-txt{text-align:center; margin-top: 30px; font-size: 16px; color: #525252; font-weight: 400; letter-spacing: -0.5px; line-height: 2}
.greeting-page .greeting-sign {margin-top: 20px; display: flex; justify-content: center; font-size: 16px; color: #383838; font-weight: 400; letter-spacing: -0.5px; line-height: 1.6}
.greeting-page .greeting-sign strong{font-weight: 600; display: inline-block; margin-left: 5px}

/* -------------- 지속가능경영 -------------- */
.management-page .info-column-con{background-color: #f7f7f7; border-top: 2px solid #4f4f4f; padding: 40px 30px 40px 20px}
.management-page .info-column-con .info-lt-tit{padding-left: 30px}
.management-page .info-column-con.social-box{padding: 80px}
.management-page .info-column-con .info-rt-txt{margin-bottom: 20px; font-size: 16px; font-weight: 400; color: #4f4f4f; letter-spacing: -0.5px; line-height: 2.1}
.management-page .info-column-con .management-btn{display: inline-block; width: auto; height: 60px; margin-right: 10px; margin-bottom: 10px; background-color: #262626}
.management-page .info-column-con .management-btn:last-child{margin-right: 0}
.management-page .info-column-con .small-btn-stl{max-width: 230px}
.management-page .info-column-con .long-btn-stl{max-width: 260px}
.management-page .info-column-con .management-btn a{display: flex; align-items: center; justify-content: space-between; padding: 0 20px; box-sizing: border-box; height: 100%}
.management-page .info-column-con .management-btn i{display: inline-block; margin-right: 20px; font-size: 16.5px; font-weight: 400; color: #fff}
.management-page .info-column-con .management-btn em{font-size: 16.5px; font-weight: 400; color: #fff; letter-spacing: -0.5px}
.management-page .social-box .social-txt{margin-bottom: 40px; text-align: center; font-size: 26px; font-weight: 500; color: #4f4f4f; letter-spacing: -0.5px; line-height: 1.53}
.management-page .social-box .social-list-wrap{position: relative}
.management-page .social-box .social-img-box{position:relative;z-index:1; display: block; text-align: center}
.management-page .social-box .social-img-box img{max-width: 100%; height: auto}
.management-page .social-box .social-list{position:relative;z-index:2; display: flex; flex-wrap: wrap; justify-content: space-between}
.management-page .social-box .social-list li{width: calc(33.33% - 40px)}
.management-page .social-box .social-list li:nth-child(1), .management-page .social-box .social-list li:nth-child(3){margin-top: -30%}
.management-page .social-box .social-list li .icon-tit{width: 120px; height: 120px; border-radius: 100%; margin:0 auto 20px; background-repeat: no-repeat; background-position: center} 
.management-page .social-box .social-list li:nth-child(1) .icon-tit{background-color: #34539b; background-image: url("/images/content/management_icon01.png")}
.management-page .social-box .social-list li:nth-child(2) .icon-tit{background-color: #c5c006; background-image: url("/images/content/management_icon02.png")}
.management-page .social-box .social-list li:nth-child(3) .icon-tit{background-color: #72a425; background-image: url("/images/content/management_icon03.png")}
.management-page .social-box .social-list li .txt span, .management-page .social-box .social-list li .txt em{text-align: center; color: #4f4f4f; letter-spacing: -0.5px}
.management-page .social-box .social-list li .txt span{font-weight: 500; font-size: 22px; line-height: 1.5; display: block; margin-bottom: 5px}
.management-page .social-box .social-list li .txt em{font-weight: 400; font-size: 16px; line-height: 1.8; display: block}
.management-page .intro-yikc-box{background-color: transparent}
/* -------------- 사업장소개 -------------- */
.place-page .place-tit-box{margin-bottom: 120px; text-align: center}
.place-page .place-tit-box .tit-icon-box{display: block; margin: 0 auto 30px; background: #34539b center no-repeat; width: 97px; height: 97px; border-radius: 100%; background-image: url("../images/content/place_tit_icon.png")}
.place-page .place-tit-box h4{font-size: 42px; font-weight: 400; color: #4f4f4f; letter-spacing: -0.75px; line-height: 1.38; word-break: keep-all}
.place-page .map-list-box{border-top: 1px solid #4f4f4f}
.place-page .map-list li{margin-top: 30px; border: 1px solid #ddd}
.place-page .map-list li .inner{display: table; width: 100%; min-height: 248px}
.place-page .map-list li .inner .img-box{display: table-cell; vertical-align: middle; max-width: 300px; width: 23.07%; height: 100%; background-repeat: no-repeat; background-size: cover}
.place-page .map-list li .inner .map-info-wrap{display: table-cell; vertical-align: middle; height: 100%;}
.place-page .map-list li .inner .map-info-area{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 30px 60px; box-sizing: border-box}
.place-page .map-list li .inner .map-info-box{width: calc(100% - 230px)}
.place-page .map-list li .inner .map-info-box .place-name{margin-bottom: 25px; font-size: 26px; font-weight: 400; color: #4f4f4f; letter-spacing: -0.5px; line-height: 1.30}
.place-page .map-list li .inner .map-info-box p{display: inline-block; vertical-align: middle; margin-right: 30px; position: relative; padding-left: 30px; font-size: 16px; font-weight: 400; color: #4f4f4f; letter-spacing: -0.5px; line-height: 2.1}
.place-page .map-list li .inner .map-info-box p:last-child{margin-right: 0}
.place-page .map-list li .inner .map-info-box p::before{font-family: 'xeicon'; position: absolute; top: -4px; left: 0; font-size: 18px; font-weight: 400; color: #4f4f4f; word-break: keep-all}
.place-page .map-list li .inner .map-info-box .place-txt{display: block;}
.place-page .map-list li .inner .map-info-box .place-txt::before{content:"\eb5d"}
.place-page .map-list li .inner .map-info-box .call-txt::before{content:"\e9d3"}
.place-page .map-list li .inner .map-info-box .fax-txt::before{content:"\e9bc"}
.place-page .map-list li .inner .map-btn-box{max-width: 230px; width: 30%; padding: 20px 10px; box-sizing: border-box; background-color: #f6f6f6; border: 1px solid #ccc}
.place-page .map-list li .inner .map-btn-box a{width: 100%; height: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center}
.place-page .map-list li .inner .map-btn-box a em{margin-right: 30px; font-size: 14px; font-weight: 400; color: #444; letter-spacing: -0.5px}
.place-page .map-list li .inner .map-btn-box a .map-icon{width: 18px; height: 24px; background-repeat: no-repeat; background-position: center; background-size: cover}
.place-page .map-list li .inner .map-btn-box a .kakao-icon{background-image: url("../images/content/place_kakao-icon.png")}
.place-page .map-list li .inner .map-btn-box a .google-icon{background-image: url("../images/content/place_google-icon.png")}
/* hover */
.place-page .map-list li:hover{border-color: #34539b}
.place-page .map-list li:hover .inner .map-btn-box{background-color: #34539b; border-color: transparent}
.place-page .map-list li:hover .inner .map-btn-box em{color: #fff}
.place-page .map-list li:hover .inner .map-btn-box a .map-icon{background-image: url("../images/content/place_hover-icon.png")}

/* ****************** R&D ********************** */
/* rnd 공통 */
.rnd-title{text-align: center; font-size: 42px; font-weight: 400; color: #4f4f4f; letter-spacing: -0.75px; line-height: 1.38; word-break: keep-all}
/* -------------- 연구소 소개 -------------- */
.area-list-box{padding: 60px 0}
.area-list-box .area-list{display: flex; flex-wrap: wrap}
.area-list-box .area-list li{width: 33.33%;padding: 0 30px; box-sizing: border-box; border: 1px solid #ddd}
.area-list-box .area-list li:nth-child(1), .area-list-box .area-list li:nth-child(2){border-right-color: transparent}
.area-list-box .area-list li .tit{/* display: flex; justify-content: space-between;  */border-bottom: 1px solid #ddd; padding: 30px 0; box-sizing: border-box; }
.area-list-box .area-list li .tit strong{display:block; text-align:center; /* height: 50px; */ font-size: 22px; font-weight: 500; color: #111; letter-spacing: -0.5px}
.area-list-box .area-list li .tit strong .bold-txt{font-weight: 600}
.area-list-box .area-list li .tit .arrow-icon{display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; border-radius: 100%; background-color: #e5e5e5; display:none;}
.area-list-box .area-list li .tit .arrow-icon i{font-size: 17px; font-weight: 400; color: #909090}
.area-list-box .area-list li dd{padding: 30px}
.area-list-box .area-list li dd .img-box{display: block; margin: 0 auto 30px; position: relative; height: 0; padding-top: 48%}
.area-list-box .area-list li dd .img-box img{position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: 100%}
.area-list-box .area-list li dd p{text-align: center; font-size: 16px; font-weight: 400; color: #525252; letter-spacing: -0.5px; line-height: 1.5}
.research-intro-page .research-txt{text-align: center; font-size: 24px; font-weight: 400; color: #4f4f4f; letter-spacing: -0.5px; line-height: 1.58; word-break: keep-all}
.state-list-box{margin: 100px 0}
.state-list-box .state-list, .appeal-list-box .appeal-list{display: flex; flex-wrap: wrap; justify-content: space-between}
.state-list-box .state-list li{width: 33.33%}
.state-list-box .state-list li .icon-box{position: relative; margin: 0 auto 15px; width: 120px; height: 120px; border-radius: 100%; background-repeat: no-repeat; background-position: center; border: 10px solid #000}
.state-list-box .state-list li .icon-box::before{content:""; z-index:-1; position: absolute; top: 51.8%; right: -148px; width: 100%; height: 1px; background-color: #d9d9d9}
.state-list-box .state-list li .icon-box::after{content:""; position: absolute; top: 50%; right: -30px; width: 6px; height: 6px; border-radius: 100%; background-color: #d9d9d9}
.state-list-box .state-list li:nth-child(2) .icon-box::before{content:""; position: absolute; top: 50%; left: -30px; width: 6px; height: 6px; border-radius: 100%; background-color: #d9d9d9}
.state-list-box .state-list li:nth-child(1) .icon-box::before{right: -285px; width: 215%}
.state-list-box .state-list li:nth-child(3) .icon-box::before{right: auto; left: -285px; width: 215%}
.state-list-box .state-list li:nth-child(3) .icon-box::after{right: auto; left: -30px}
.state-list-box .state-list li:nth-child(1) .icon-box{background-color: #34539b; border-color: #d6ddeb; background-image: url("/images/content/research_icon01.png")}
.state-list-box .state-list li:nth-child(2) .icon-box{background-color: #c5c006; border-color: #f3f2cd; background-image: url("/images/content/research_icon02.png")}
.state-list-box .state-list li:nth-child(3) .icon-box{background-color: #72a425; border-color:  #e3edd3; background-image: url("/images/content/research_icon03.png")}
.state-list-box .state-list li .state-txt{text-align: center; font-size: 16px; font-weight: 400; color: #4f4f4f; letter-spacing: -0.5px; line-height: 1.5}
.appeal-list-box .appeal-list li{position: relative; width: calc(33.33% - 15px); background-color: #f7f7f7; padding: 70px 20px; box-sizing: border-box}
.appeal-list-box .appeal-list li::before{position: absolute; content:""; top: 0; left: 50%; margin-left: -52.5px; width: 105px; height: 3px; background-color: #4f4f4f}
.appeal-list-box .appeal-list li .icon-box{display: block; margin: 0 auto 20px; width: 56px; height: 56px}
.appeal-list-box .appeal-list li .appeal-tit{display: block; margin: 0 auto 10px; text-align: center; font-size: 22px; font-weight: 500; color: #4f4f4f; letter-spacing: -0.5px; line-height: 1.54}
.appeal-list-box .appeal-list li .point-txt{font-size: 23px; font-weight: 600; line-height: 1.54}
.appeal-list-box .appeal-list li .blue-txt{color: #34539b}
.appeal-list-box .appeal-list li .melon-txt{color: #c5c006}
.appeal-list-box .appeal-list li .green-txt{color: #72a425}
.appeal-list-box .appeal-list li .appeal-txt{text-align: center; font-size: 16px; font-weight: 400; color: #525252; letter-spacing: -0.5px; line-height: 1.5}
/* -------------- 특허 -------------- */
.certification-page span{display: block; position: relative; padding: 10px 0; text-align: center; font-size: 16px; font-weight:600; color: #7e7e7e; line-height: 2.1}
.certification-page span::after{content:""; position: absolute; bottom: -45px; left: 50%; width: 1px; height: 40px; background-color: #aeaeae}
.certification-page .certification-txt-box{margin: 50px auto 70px; text-align: center}
.certification-page .certification-txt-box .flag-box{position: relative; margin: auto}
.certification-page .certification-txt-box .flag-box img{max-width: 100%; height: auto}
.certification-page .certification-txt-box p{margin-top: 20px; text-align: center; font-size: 24px; font-weight:400; color: #4f4f4f; line-height: 1.58}
.certification-page .certification-graph-box{background-color: #f6f6f6; padding: 60px 20px;}
.certification-page .certification-graph-box h5{margin-bottom: 50px; text-align: center; font-size: 35px; font-weight: 400; color: #4f4f4f; letter-spacing: -0.5px; line-height: 1.17}
.certification-page .certification-graph-box .graph-img-box{text-align: center}

/* -------------- Product History -------------- */
.product-history-page .rnd-title{font-size: 28px; letter-spacing: -0.45px}
.prd-history-tit-box{display: table; margin: 64px auto; max-width: 1605px; width: 100%; height: 366px; background: url("/images/content/product-history-bg.jpg") center no-repeat}
.prd-history-tit-box .tit-box{display: table-cell; vertical-align: middle; text-align: center; padding: 0 15px; box-sizing: border-box}
.prd-history-tit-box .tit-box h5{font-size: 60px; font-weight: 400; color: #fff; letter-spacing: -0.2px; line-height: 1.41}
.prd-history-tit-box .tit-box h5 .bold-txt{font-weight: 600}
.prd-history-tit-box .tit-box p{font-size: 18px; font-weight: 400; color: rgba(255,255,255,0.7); line-height: 1.8}
.prd-history-list-wrap{position: relative; padding: 0 10px; display: flex; flex-wrap: wrap; justify-content: space-between}
.prd-history-list-wrap::before{content:""; position: absolute; z-index:-1; top: -80px; left: 50%; width: 1px; height: 105%; background-color: #ddd}
.prd-history-list{width: 41%}
.prd-history-list li{width: 100%}
.prd-history-list:first-child li:first-child .img-wrap{position: relative; width: 100%; padding-top: 36%}
.prd-history-list li .inner{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; height: 300px}
.prd-history-list li .txt-con, .prd-history-list li .img-con{width: 50%}
.prd-history-list li .txt-con .year{display: block; font-style: italic; font-size: 20px; font-weight: 600; color: #72a425; letter-spacing: -0.5px; line-height: 1.7}
.prd-history-list li .txt-con .prd-name{display: block; font-size: 26px; font-weight: 600; color: #34539b; letter-spacing: -0.45px; line-height: 1.84}
.prd-history-list li .txt-con .squre-icon-txt{position: relative; padding-left: 8px; font-size:16px; font-weight: 400; color: #525252; letter-spacing: -0.25px; line-height: 1.5}
.prd-history-list li .txt-con .squre-icon-txt::before{content:""; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; background-color: #011a40}
.prd-history-list:first-child .img-con{position: relative; top: 140px}
.prd-history-list:first-child .img-con.large-ws{top: 190px}
.prd-history-list li .img-con .img-wrap{position: relative; padding-top: 100%}
.prd-history-list li .img-con .img-wrap span{position: absolute; margin: auto; top: 0;left: 0; right: 0; bottom: 0; width: 96%; height: 96%; display: block}
.prd-history-list li .img-con .img-wrap img{width: auto; height: auto; max-width: 100%; max-height: 100%; right: 0; bottom: 0; margin: auto}
/* ****************** Recruit ********************** */
/* -------------- 인재상 -------------- */
.job-page .job-tit-box{margin-bottom: 40px; text-align: center}
.job-page .job-tit-box h4{margin-bottom: 10px; font-size: 42px; font-weight: 400; color: #4f4f4f; letter-spacing: -0.5px; line-height: 1.38}
.job-page .job-tit-box p{font-size: 16px; font-weight: 600; color: #7e7e7e; line-height: 1.5}
.job-page .job-list-box .job-list{display: flex; flex-wrap: wrap; margin: -10px}
.job-page .job-list-box .job-list li{width: calc(33.33% - 20px); margin: 10px}
.job-page .job-list-box .inner .img-wrap{width: 100%}
.job-page .job-list-box .inner .img-box{display: block; position: relative; height: 0; padding-top: 72.66%; background-repeat: no-repeat; background-size: contain}
.job-page .job-list-box li:nth-child(1) .img-box{background-image: url("/images/content/job_img01.jpg")}
.job-page .job-list-box li:nth-child(2) .img-box{background-image: url("/images/content/job_img02.jpg")}
.job-page .job-list-box li:nth-child(3) .img-box{background-image: url("/images/content/job_img03.jpg")}
.job-page .job-list-box .inner .info-tit-box{border-bottom: 1px solid #e5e5e5}
.job-page .job-list-box .inner .tit-box{padding: 20px}
.job-page .job-list-box  li:nth-child(1) .tit-box{background: url("/images/content/job_icon01.png") 92% no-repeat}
.job-page .job-list-box  li:nth-child(2) .tit-box{background: url("/images/content/job_icon02.png") 92% no-repeat}
.job-page .job-list-box  li:nth-child(3) .tit-box{background: url("/images/content/job_icon03.png") 92% no-repeat}
.job-page .job-list-box .inner .tit-box h5{font-size: 24px; font-weight: 600; color: #4f4f4f; letter-spacing: -0.5px; line-height: 1.4}
.job-page .job-list-box .inner .tit-box span{font-size: 16px; font-weight: 400; color: #999; letter-spacing: -0.5px; line-height: 1.4}
.job-page .job-list-box .inner .info-txt{padding: 20px; font-size: 16px; font-weight: 400; color: #4f4f4f; letter-spacing: -0.5px; line-height: 1.4}

/* -------------- 인사제도 -------------- */
/* 직급체계 */
.person-page .white-space-bottom{margin-bottom: 100px}
.person-page .person-tit{margin-bottom: 30px; text-align: center; font-size: 42px; font-weight: 600; color: #4f4f4f; letter-spacing: -0.5px; line-height: 1.38}
.person-page .person-txt{margin-bottom: 40px; text-align: center; font-size: 18px; font-weight: 400; color: #4f4f4f; letter-spacing: -0.5px; line-height: 1.8}
.person-page .con-sub-tit{margin-bottom: 10px; font-size: 24px; font-weight: 600; color: #4f4f4f; letter-spacing: -0.5px; line-height: 1.41}
.person-page .con-sub-gray-txt{display: block; font-size: 18px; font-weight: 400; color: #999; letter-spacing: -0.5px; line-height: 1.8}

.person-system-box .tit{display: block; margin-bottom: 20px; font-size: 26px; font-weight: 500; line-height: 1.30}
.person-system-box .system-list{display: flex; flex-wrap: wrap; margin: -10px}
.person-system-box .system-list li{width: calc(33.33% - 20px); margin: 10px}
.person-system-box .system-list li .inner{position: relative; height: 0; padding-top: 72.66%; background-repeat: no-repeat; background-size: contain}
.person-system-box .system-list li:nth-child(1) .inner{background-image: url("/images/content/person_img01.jpg")}
.person-system-box .system-list li:nth-child(2) .inner{background-image: url("/images/content/person_img02.jpg")}
.person-system-box .system-list li:nth-child(3) .inner{background-image: url("/images/content/person_img03.jpg")}
.person-system-box .system-list li .list-txt{position: absolute; width: 100%; bottom: 42px; text-align: center; font-size: 24px; font-weight: 600; color: #fff; letter-spacing: -0.5px; line-height: 1.7}
/* 평가와 보상 */
.person-evaluation-box, .person-welfare-box{padding: 96px 0; background-color: #f3f3f3}
.person-evaluation-box .evaluation-img-box{margin: 0 auto 40px; max-width: 725px; height: 366px; background: url("/images/content/person_img04.png") no-repeat; background-size: contain}
.person-evaluation-box .evaluation-list-box{padding: 40px 0; overflow: hidden; border: 1px solid #ddd; background: #fff url("/images/content/person_point_bg.png") 115% no-repeat}
.person-evaluation-box .evaluation-list{display: flex; flex-wrap: wrap; align-items: center}
.person-evaluation-box .evaluation-list li{width: calc(50% - 121px); padding: 0 60px}
.person-evaluation-box .evaluation-list li:nth-child(2){border-left: 1px solid #e5e5e5}
/* HRD */
.person-page .person-hrd-box .con-sub-tit{margin-bottom: 0}
.person-hrd-box .hrd-list{margin-top: 120px; display: flex; flex-wrap: wrap; justify-content: space-between}
.person-hrd-box .hrd-list li{position: relative; width: calc(25% - 42px); border: 1px solid #ddd; padding: 25px; box-sizing: border-box}
.person-hrd-box li::before{content:""; position: absolute; top: -70px; left: 50%; transform: translateX(-50%); width: 140px; height: 140px; border-radius: 100%; background-repeat: no-repeat; background-position: center}
.person-hrd-box li:nth-child(1)::before{background-color: #72a425; background-image: url("/images/content/person_icon01.png")}
.person-hrd-box li:nth-child(2)::before{background-color: #c5c006; background-image: url("/images/content/person_icon02.png")}
.person-hrd-box li:nth-child(3)::before{background-color: #34539b; background-image: url("/images/content/person_icon03.png")}
.person-hrd-box li:nth-child(4)::before{background-color: #011a40; background-image: url("/images/content/person_icon04.png")}
.person-hrd-box .hrd-list .list-tit{padding: 70px 0 20px; text-align: center; border-bottom: 1px solid #ddd}
.person-hrd-box .hrd-list .list-txt{padding: 20px 0}
/* 복리후생 */
.person-page .person-welfare-box .person-tit{margin-bottom: 50px}
.person-welfare-box .welfare-list{display: flex; flex-wrap: wrap; justify-content: space-between; margin: -15px;}
.person-welfare-box .welfare-list li{position: relative; width: calc(50% - 32px); margin: 15px; background-color: #fff; border: 1px solid #ddd; padding: 40px 50px; box-sizing: border-box}
.person-welfare-box .welfare-list li::before{content:""; position: absolute; top: -1px; left: 50%; transform: translateX(-50%); width: 105px; height: 2px; background-color: #4f4f4f}
.person-welfare-box .welfare-list .list-tit{padding-bottom: 20px; border-bottom: 1px solid #ddd; font-size: 22px; color: #4f4f4f; font-weight: 400; letter-spacing: -0.5px; line-height: 1.54}
.person-welfare-box .welfare-list .list-tit .num{display: inline-block; margin-right: 5px; color: #cbcbcb; font-weight: 600}
.person-welfare-box .welfare-list .list-txt{padding: 20px 0}

/* -------------- 채용안내 -------------- */
/* 탭메뉴 */
.recruit-page .sub-tab-wrapper-style{max-width: 670px; margin: 0 auto 40px;}
.recruit-page .sub-tab-list-style ul {box-shadow: 0px 5px 2px #f0f0f0;}
.recruit-page .sub-tab-list-style ul li{border: 1px solid #d0d0d0; border-left:0}
.recruit-page .sub-tab-list-style ul li:first-child{border-left: 1px solid #d0d0d0}
.recruit-page .sub-tab-list-style ul li a em{color: #777; font-weight: 400}
/* selected */
.recruit-page .sub-tab-list-style ul li.selected{border-left-color: transparent}
.recruit-page .sub-tab-list-style ul li.selected a{background-color: #34539b}
.recruit-page .sub-tab-list-style ul li.selected a em{color: #fff; font-weight: 500}
/* 채용안내 서브탭메뉴 */
.recruit-intro-box .sub-tab-wrapper-style{max-width: 570px}
.recruit-intro-box .sub-tab-list-style ul {box-shadow: none}
.recruit-intro-box .sub-tab-list-style ul li{border: 0}
.recruit-intro-box .sub-tab-list-style ul li:first-child{border-left: 0}
.recruit-intro-box .sub-tab-list-style ul li a{height: 40px; display: flex;align-items: center; justify-content: center}
.recruit-intro-box .sub-tab-list-style ul li a em{position: relative;}
.recruit-intro-box .sub-tab-list-style ul li a em:before {content:""; position:absolute; left:50%; bottom: -4px; width:0; height:11px; background-color: #34539b; opacity:0;filter:Alpha(opacity=0); transition: all 0.4s;}
/* selected */
.recruit-intro-box .sub-tab-list-style ul li.selected a{background-color: transparent}
.recruit-intro-box .sub-tab-list-style ul li.selected a em{color: #34539b; font-weight: 600}
.recruit-intro-box .sub-tab-list-style ul li.selected a em:before {width:100%; left:0; opacity:0.1;filter:Alpha(opacity=10);}

/* 채용안내 공통스타일 */
.recruit-page .front-cir-icon-tit{margin-bottom: 0; padding-bottom: 10px; border-bottom: 1px solid #4f4f4f}
.info-column-con{padding: 40px 0; border-bottom: 1px solid #ddd}
.info-column-con .info-lt-tit{float: left; width: 30.53%; padding-left: 50px; box-sizing: border-box}
.info-column-con .info-lt-tit strong{font-size: 26px; font-weight: 600; color: #4f4f4f; letter-spacing: -0.25px; line-height: 1.30}
.info-column-con .info-rt-con{float: right; width: calc(100% - 30.53%)}
/* 직무소개 */
.info-column-con .info-rt-con table{width: 100%; border-top: 2px solid #4f4f4f}
.info-column-con .info-rt-con tr{border-bottom:1px solid #e9e9e9}
.info-column-con .info-rt-con th, .info-column-con .info-rt-con td{padding: 15px 30px; box-sizing: border-box; font-size: 16px; letter-spacing: -0.5px; line-height: 1.3}
.info-column-con .info-rt-con th{width: 250px; background-color: #f6f6f6; text-align: left; font-weight: 500; color: #4f4f4f}
.info-column-con .info-rt-con td{font-weight: 400; color: #656565}
.info-column-con .info-rt-con .job-intro-info{padding: 30px 0; border-bottom:1px solid #e9e9e9; display: flex; justify-content: space-between}
.info-column-con .info-rt-con .job-intro-info .front-circle-icon::before{top: 17px}
.info-column-con .info-rt-con .job-intro-info li{position: relative; padding-left: 120px; width: 50%; font-size: 16px; font-weight: 400; color: #656565; letter-spacing: -0.5px; line-height: 1.7}
.info-column-con .info-rt-con .job-intro-info li em{position: absolute; top: -7px; left: 0; display: inline-block; margin-right: 50px; font-size: 20px; font-weight: 600; color: #4f4f4f}
.info-column-con .info-rt-con .front-circle-icon::before{top: 14px}
.intro-yikc-box{background-color: #f6f6f6; padding: 70px 0}
.intro-yikc-box .intro-tit{margin-bottom: 50px; text-align: center; font-size: 36px; font-weight: 600; color: #4f4f4f; letter-spacing: -0.5px; text-align: center}
.img-with-txt-slide-wrap{position: relative}
.img-with-txt-slide-lt-btn, .img-with-txt-slide-rt-btn{z-index: 2; position: absolute; top: 50%; transform: translateY(-50%)}
.img-with-txt-slide-lt-btn button i, .img-with-txt-slide-rt-btn button i{font-size: 32px; font-weight: 400; color: #ccc; letter-spacing: -0.5px}
.img-with-txt-slide-lt-btn{left: 0}
.img-with-txt-slide-rt-btn{right: 0}
.img-with-txt-slide-area{max-width: 1150px; margin: auto}
.img-with-txt-slide{margin: -12px; overflow: hidden;}
.img-with-txt-slide li{float: left; width: calc(25% - 24px); margin: 12px}
.img-with-txt-slide li .inner{width: 100%}
.img-with-txt-slide li .img-box{position: relative; height: 0; padding-top: 75.83%; background-repeat: no-repeat; background-size: contain}
.img-with-txt-slide li dl dt{margin: 20px 0 10px; font-size: 22px; font-weight: 500; color: #4f4f4f; letter-spacing: -0.5px; line-height: 1.54}
.img-with-txt-slide li dl dd{font-size:16px; font-weight: 400; color: #4f4f4f; letter-spacing: -0.5px; line-height: 1.8}
/* 채용절차 */
.recruit-process-box .process-list{padding: 40px 0 30px; display: flex; flex-wrap: wrap; margin: 0 -30px}
.recruit-process-box .process-list li{width: calc(25% - 60px); margin: 15px 30px}
.recruit-process-box .process-list li .inner{width: 100%}
.recruit-process-box .process-list li .process-img{position: relative; height: 0; padding-top: 80%; background-repeat: no-repeat; background-size: contain}
.recruit-process-box .process-list li:nth-child(1) .process-img{background-image: url("/images/content/process_img01.png")}
.recruit-process-box .process-list li:nth-child(2) .process-img{background-image: url("/images/content/process_img02.png")}
.recruit-process-box .process-list li:nth-child(3) .process-img{background-image: url("/images/content/process_img03.png")}
.recruit-process-box .process-list li:nth-child(4) .process-img{background-image: url("/images/content/process_img04.png")}
.recruit-process-box .process-list li dt{position: relative; margin: 15px auto 15px; max-width: 210px; height: 50px; line-height: 50px; border-radius: 50px; background-color: #eee; text-align: center; font-size: 22px; font-weight: 500; color: #353535; letter-spacing: -0.5px}
.recruit-process-box .process-list li dt::after{content:""; position: absolute; top: 18px; right: -42%; width: 0; height: 0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right: 14px solid transparent; border-left: 14px solid  #a5a5a5}
.recruit-process-box .process-list li:last-child dt::after{content: none}
.recruit-process-box .process-list li dd{text-align: center; font-size: 16px; font-weight: 400; line-height: 1.8; color: #4f4f4f; letter-spacing: -0.5px}
.center-txt-shadow-box{padding: 15px; box-shadow: 0px -5px 2px #f0f0f0; background-color: #f8f8f8; border:1px solid #d0d0d0; font-size: 16px; font-weight: 400; color: #4f4f4f; line-height: 2.1; letter-spacing: -0.5px; text-align: center}
.process-info-box .info-rt-con .none-icon{padding-left: 0}
.process-info-box .info-rt-con .none-icon::before{content: none}
.process-info-box .front-circle-icon{padding-left: 8px}
.process-info-box .front-mail-icon{position: relative; padding-left: 22px; font-size: 16px; font-weight: 400; letter-spacing: -0.25px; color: #4f4f4f}
.process-info-box .front-mail-icon::before{content:"\ea06"; font-family:'xeicon'; position: absolute; top: 0; left: 0; font-size: 16px; font-weight: 400; color: #4f4f4f}
/* 채용공고 */
.recruitment-box .recruitment-tit{margin-bottom: 50px; text-align: center; font-size: 32px; font-weight: 600; color: #4f4f4f; letter-spacing: -0.5px; text-align: center}
.recruitment-box .top-search-box{margin-bottom: 10px}
.recruitment-box .info-box {float:right; display:flex;}
.recruitment-box .info-box .info-item {position:relative; padding-left:17px; display:flex; align-items:center; font-size:16.5px; line-height:40px; color: #3c3c3c;}
.recruitment-box .info-box .info-item:before {content:""; width:1px; height:14px; background-color:#dedede; position:absolute; top:12px; left:0;}
.recruitment-box .info-box .info-item:first-child {padding-left:0; padding-right:15px;}
.recruitment-box .info-box .info-item:first-child:before {display:none;}
.recruitment-box .info-box .info-item a {color:inherit;	 margin-top:-2px;}
.recruitment-box .info-box .info-item i {margin-right:3px; }
.recruitment-box .info-box .info-item .txt:before {content:":"; margin:0 3px; position:relative; top:-2px;}

.recruitment-box .bbs-list-style02 .bbs-item .bbs-right-info-con{top: 50%; transform: translateY(-50%); background-color: #f6f6f6; font-size: 14px}
.recruitment-box .bbs-top-list-box{margin-bottom: 10px}
.recruitment-box .total-list-con{font-size: 16px}
.recruitment-box .total-list-con b{color: #34539b}
.recruitment-box .bbs-list-style02 .bbs-item{margin-bottom: 10px}
.recruitment-box .bbs-list-style02 .bbs-item .bbs-list-date{display: table; width: 75px; height: 75px; text-align: center;}
.recruitment-box .bbs-list-style02 .bbs-item .state-all{background-color: #262626}
.recruitment-box .bbs-list-style02 .bbs-item .state-dead{background-color: #c2c2c2}
.recruitment-box .bbs-list-style02 .bbs-item .bbs-list-date em{display: table-cell; vertical-align: middle; font-size: 16px; font-weight: 500; color: #fff; letter-spacing: -0.25px; line-height: 1.25}
.recruitment-box .bbs-list-style02 .bbs-item .bbs-subject-box{margin: 0}
.recruitment-box .bbs-list-style02 .bbs-item .bbs-subject-txt{font-size: 19px; font-weight: 400; letter-spacing: -0.5px; line-height: 1.78; color: #4f4f44; margin-bottom: 10px}
.recruitment-box .bbs-list-style02 .bbs-item .category-tit{color: #34539b; font-weight: 600}
.recruitment-box .bbs-list-style02 .category-txt{font-size: 16px; font-weight: 400; letter-spacing: -0.5px; line-height: 1.78; color: #777}
/* hover */
.recruitment-box .bbs-list-style02 .bbs-item a:hover{ border-color:#34539b}
.recruitment-box .bbs-list-style02 .bbs-item a:hover .bbs-subject-txt{color:#34539b}
.recruitment-box .bbs-list-style02 .bbs-item a:hover .bbs-right-info-con .bbs-more-btn{border-color:#34539b; background-color:#34539b; color:#fff}

/* ******************  PR  ********************** */
/* ------------ CI ------------  */
.ci-page > article{display: flex; flex-wrap: wrap; border-bottom: 1px solid #e9e9e9; padding: 70px 0}
.ci-page > article:first-child{padding-top: 0}
.ci-page .ci-tit-box{width: 360px}
.ci-page .ci-tit-box h4{font-size: 26px; font-weight: 600; color: #4f4f4f; letter-spacing: -0.5px; line-height: 1.307}
.ci-page .ci-con-box{width: calc(100% - 360px)}
.ci-page .ci-con-box .ci-con-txt{font-size: 16px; font-weight: 400; color: #4f4f4f; letter-spacing: -0.5px; line-height: 2.125}
/* C.I Story */
.ci-page .ci-story-box .ci-img-box{margin: 20px 0; padding: 50px 20px; border: 1px solid #bdbdbd; background: url("/images/content/ci_grid_bg.png") repeat; text-align: center}
.ci-page .ci-story-box .ci-img-box img{max-width: 100%; height: auto}
.ci-page .ci-story-box .ci-btn-list li{width: 200px; height: 60px; background-color: #262626; margin-right: 15px; margin-bottom: 10px; float: left}
.ci-page .ci-story-box .ci-btn-list li:last-child{margin-right: 0}
.ci-page .ci-story-box .ci-btn-list li a{display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; padding: 20px; box-sizing: border-box}
.ci-page .ci-story-box .ci-btn-list i{font-size: 16.5px; font-weight: 400; color: #fff; letter-spacing: -0.5px}
.ci-page .ci-story-box .ci-btn-list em{font-size: 16.5px; font-weight: 400; color: #fff; letter-spacing: -0.5px}
/* Color System */
.ci-page .ci-color-box .ci-color-list li{float: left; width: 240px; margin-right: 50px; margin-bottom: 10px;}
.ci-page .ci-color-box .ci-color-list li:last-child{margin-right: 0}
.ci-page .ci-color-box .ci-color-list li dt{padding-bottom: 10px; font-size: 16px; font-weight: 400; color: #4f4f4f; letter-spacing: -0.5px}
.ci-page .ci-color-box .ci-color-list li dd{height: 50px; line-height: 50px; padding: 0 20px; box-sizing: border-box}
.ci-page .ci-color-box .ci-color-list li:nth-child(1) dd{background-color: #ea5605}
.ci-page .ci-color-box .ci-color-list li:nth-child(2) dd{background-color: #7b9d2c}
.ci-page .ci-color-box .ci-color-list li:nth-child(3) dd{background: linear-gradient(to left, #ea5605, #7b9d2c)}
.ci-page .ci-color-box .ci-color-list li dd em{display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 16px; font-weight: 400; color: #fff; letter-spacing: -0.5px}
.ci-page .ci-color-box .ci-color-list li dd em:last-child{margin-right: 0}

/* ******************  윤리경영  ********************** */
/* 임직원 행동지침 */
.guideline-page .tit-box{margin-bottom: 120px; text-align: center}
.guideline-page .tit-box .tit-icon-box{display: block; margin: 0 auto 30px; background: #34539b center no-repeat; width: 97px; height: 97px; border-radius: 100%; background-image: url("../images/content/guideline_tit_icon.png")}
.guideline-page .tit-box h4{font-size: 42px; font-weight: 400; color: #4f4f4f; letter-spacing: -0.75px; line-height: 1.38; word-break: keep-all}
.guideline-page .front-cir-icon-tit{margin-bottom: 0; padding-bottom: 10px; border-bottom: 1px solid #4f4f4f}

/* 신고서작성 */
.report-page .front-cir-icon-tit{margin-bottom: 0; padding-bottom: 10px; border-bottom: 1px solid #4f4f4f}
.report-page .inquiry-agreement-con{background-color: #fff;}
.report-page .bbs-write-tbl .write-input, .report-page .bbs-write-tbl .write-select, .report-page .bbs-write-tbl .write-textarea{border: 1px solid transparent}
.report-page .file-custom-box .upload-name{float: left; width: 300px; height: 34px;  font-size: 13.5px; vertical-align: middle; background-color: #fff; border: 1px solid #fff;}
.report-page .file-custom-box label{float: left; width: 108px; height: 36px; color: #fff; font-size: 16px; letter-spacing: -0.5px; line-height: 36px; text-align: center; cursor: pointer;  border: 1px solid #222; vertical-align: middle; margin-left: -4px; background-color: #222;}
.report-page .cm-btn-controls a{height: 58px; line-height: 58px}
.report-page .cm-btn-controls .btn-style04{background-color: #34539b}
.report-page .bbs-inquiry-agree-con .agree-txt{color: #868686}
.report-page .bbs-inquiry-agree-con .agree-txt input{display: inline-block;}
.report-page .bbs-inquiry-agree-con .agree-txt label{padding-left: 0}

/* 신고서확인 */
.business-con-box {border: 1px solid #e5e5e5; padding:70px 145px;position:relative;  }
.business-con-box:before {content:""; display:block; width: 90px; height:1px; background-color: #222; position:absolute; top:-1px; left:50%; margin-left:-45px;  }
.business-con-box > .inner > .tit {font-size: 38px; letter-spacing:-0.5px; color: #222; font-weight:600; text-align:center;  }

/* ******************   게시판 :: 쓰기, 문의폼  ********************** */
/* 게시판 :: 쓰기, 문의폼 :: 개인정보취급방침 */
.bbs-inquiry-agree-con{margin-bottom:50px;}
.bbs-inquiry-agree-con .agree-tit{color:#464646; font-size:18px; letter-spacing:-0.3px; font-weight:500; padding-bottom:15px;}
.inquiry-agreement-con{border:1px solid #e5e5e5; height:130px; overflow-y:auto; overflow-x:hidden; padding:20px; background-color:#fff;}
.bbs-inquiry-agree-con .agree-txt{padding-top:10px; font-size:15px; letter-spacing:-0.3px; color:#868686; margin-bottom:35px}
.inquiry-essential-txt{text-align:right; color:#373737; font-size:13px; letter-spacing:-0.3px; padding-bottom:15px;}
.essential-icon{color:#cf0505;}
/* 신고서 작성 :: 신고서작성폼 */
.decalaration-write-box h4{color:#222; font-weight:600; font-size:36px; letter-spacing:-0.3px; margin-bottom:25px; text-align:center;}
.decalaration-write-txt{text-align:center; color:#888; font-size:16px; letter-spacing:-0.3px; line-height:1.6}
/* .decalaration-write-txt br{display:none} */
.decalaration-write-txt b{color:#ec1d25; font-weight:400;}
.declaration-check-con{max-width:512px; margin:0px auto;}



/* ******************   ci 추가 2024-04-09  ********************** */
.ci-page > article:last-child{border-bottom:0;}
.ci-color-item{margin-bottom:70px;}
.ci-color-item:last-child{margin-bottom:0;}
.ci-color-item .color-tit{font-size:20px; line-height:1.7; letter-spacing:-0.05em; color:#4f4f4f; font-weight:700; margin-bottom:25px;}
.ci-color-item .color-list{display: flex; justify-content:space-between;}
.ci-color-item .color-list .list-item{width:calc(50% - 15px);}
.ci-color-item .color-list .list-item .inner{display: flex; justify-content:space-between; padding:30px 35px; box-sizing:border-box;}
.ci-color-item .color-list .list-item .inner .left{font-size:18px; line-height:1.88; letter-spacing:-0.05em;}
.ci-color-item .color-list .list-item .inner .right{text-align:right;}
.ci-color-item .color-list .list-item .inner .right dl dt{font-size:16px; line-height:2.125; letter-spacing:-0.05em; }
.ci-color-item .color-list .list-item .inner .right dl dd{font-size:16px; line-height:1.625; letter-spacing:-0.05em;}
.ci-color-item .color-list .list-item .inner .right dl dd span{margin-left:15px;}

.ci-color-item .color-list .list-item .inner.blue *{color:#4f4f4f;}
.ci-color-item .color-list .list-item .inner.blue1{background:rgb(0,202,255);}
.ci-color-item .color-list .list-item .inner.blue2{background:rgb(111,217,255);}
.ci-color-item .color-list .list-item .inner.blue3{background:rgb(172,229,255);}
.ci-color-item .color-list .list-item .inner.blue4{background:rgb(208,239,255);}
.ci-color-item .color-list .list-item .inner.black *{color:#fff;}
.ci-color-item .color-list .list-item .inner.black1{background:rgb(0,0,0);}
.ci-color-item .color-list .list-item .inner.black2{background:rgb(45,47,52);}
.ci-color-item .color-list .list-item .inner.black3{background:rgb(95,97,104);}
.ci-color-item .color-list .list-item .inner.black4{background:rgb(165,167,170);}

.ci-incorrect-list{display: flex; flex-wrap:wrap; margin:35px -15px 0;}
.ci-incorrect-list .list-item{width:calc(33.33% - 30px); margin:30px 15px 0; border:1px solid #ddd; box-sizing:border-box;}
.ci-incorrect-list .list-item:nth-child(-n+3){margin-top:0;}
.ci-incorrect-list .list-item .img-box{position: relative;}
.ci-incorrect-list .list-item .img-box span{display: block; position: relative; width:100%; height:0; padding-top:54.71%;}
.ci-incorrect-list .list-item .img-box span img{position: absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-width:100%;}
.ci-incorrect-list .list-item .img-box i{position: absolute; top:17px; left:25px; font-size:25px; color:#aaa}
.ci-incorrect-list .list-item .txt-box{display: flex; align-items:center; justify-content:center; text-align:center; height:57px; border-top:1px solid #eee; padding:0 5px; box-sizing:border-box;}
.ci-incorrect-list .list-item .txt-box p{font-size:16px; line-height:1.5; letter-spacing:-0.05em; color:#4f4f4f;}

.ci-incorrect-list .list-item .img-box.bg{background:no-repeat center; background-size:cover; background-image:url('/images/content/yc_ci_incorrect_logo08_bg.jpg')}

/* ******************  IR - Tab Navigation ********************** */
/* -------- IR :: 연결/별도 Tabs -------- */
.invest-tab-container {
    margin: 0 0 65px 0;
    text-align: center;
}

.invest-tab-container ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.invest-tab-container ul li {
    display: inline-block;
    margin: 0 4px;
    background: #fff;
    vertical-align: top;
    border: 2px solid #000;
}

.invest-tab-container ul li a {
    display: table;
    width: 240px;
    height: 53px;
    text-decoration: none;
    color: #666;
    box-sizing: border-box;
}

.invest-tab-container ul li a em {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    color: #000;
}

.invest-tab-container ul li.selected a em {
    color: #000;
    font-weight: 400;
}

/* ******************  IR - Financial Tables ********************** */
/* -------- IR :: Table Container -------- */
section.tbl { color: #444; overflow: hidden; }
section.tbl > article { margin-bottom: 30px; }
section.tbl .tbl-tit { font-size: 20px; font-weight: 500; color: #222; letter-spacing: -0.5px; margin-bottom: 15px; }
section.tbl .tbl-main-tit { float: left; font-size: 36px; color: #444; letter-spacing: -1px; margin-bottom: 25px; padding-top: 25px; font-weight: 500; }

/* -------- IR :: Stock Table -------- */
.stockTbl { clear: both; width: 100%; color: #333; }
.stockTbl .cr { color: #e52a2a; font-weight: 600; }
.stockTbl .cb { color: #5164c8; font-weight: 600; }

.stockTbl th {
    font-size: 16px;
    height: 55px;
    vertical-align: middle;
    background-color: #fafafa;
    border-top: 2px solid #000;
    border-bottom: 1px solid #afafaf;
    text-align: center;
    font-weight: 500;
    color: #333;
}

.stockTbl td {
    font-size: 14px;
    height: 45px;
    color: #333;
    vertical-align: middle;
    text-align: center;
    border-left: 1px solid #ededed;
    word-break: keep-all;
}

.stockTbl td:first-child { border-left: 0; }

/* -------- IR :: Stock Table 03 Variant -------- */
.stock03-table th {
    border-bottom: 1px solid #afafaf;
    border-top: 2px solid #000;
}

.stock03-table td {
    border: 1px solid #ededed;
}

.stock03-table td.bg:first-child {
    border-left: 1px solid #afafaf;
}

/* -------- IR :: Stock Table Scrollbar -------- */
.stockTbl-scrollbar-cover { display: none; }

/* ******************  회사소개 NEW ********************** */
/* 비주얼 설명 텍스트 */
#visual .visual-desc {
	font-size: 18px;
	font-weight: 300;
	color: rgba(255,255,255,0.8);
	margin-top: 20px;
	letter-spacing: -0.5px;
	opacity: 0;
	transform: translateY(-30px);
	transition: opacity 1.0s, transform 1.0s;
	transition-delay: 0.7s;
}
#visual.active .visual-desc {
	opacity: 1;
	transform: translateY(0px);
}

/* -------------- 회사개요 NEW 스타일 -------------- */
.summary-new .company-intro-section {
	margin-bottom: 80px;
}

.summary-new .intro-content-wrap {
	display: flex;
	align-items: flex-start;
	gap: 50px;
}

.summary-new .intro-image-box {
	position: relative;
	width: 45%;
	min-height: 350px;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 10px 40px rgba(0,0,0,0.1);
}

.summary-new .intro-image-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.summary-new .intro-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(52,83,155,0.9) 0%, rgba(1,26,64,0.85) 100%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 40px;
	box-sizing: border-box;
}

.summary-new .intro-overlay h4 {
	font-size: 32px;
	font-weight: 400;
	color: #fff;
	letter-spacing: -0.5px;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 20px;
}

.summary-new .intro-overlay .intro-quote {
	font-size: 18px;
	font-weight: 300;
	color: rgba(255,255,255,0.85);
	letter-spacing: -0.3px;
	text-align: center;
	font-style: italic;
}

.summary-new .intro-text-box {
	width: 55%;
	padding-top: 20px;
}

.summary-new .intro-desc {
	font-size: 17px;
	font-weight: 400;
	color: #525252;
	letter-spacing: -0.5px;
	line-height: 2;
}

/* 추가 설명 섹션 */
.summary-new .company-detail-section {
	padding: 60px 0;
	border-top: 1px solid #e9e9e9;
}

.summary-new .detail-content {
	max-width: 100%;
}

.summary-new .detail-text {
	font-size: 17px;
	font-weight: 400;
	color: #525252;
	letter-spacing: -0.5px;
	line-height: 2;
	margin-bottom: 30px;
}

.summary-new .detail-text:last-of-type {
	margin-bottom: 40px;
}

.summary-new .detail-quote {
	font-size: 26px;
	font-weight: 400;
	color: #34539b;
	letter-spacing: -0.5px;
	line-height: 1.5;
	text-align: center;
	padding: 40px;
	background: linear-gradient(135deg, rgba(52,83,155,0.05) 0%, rgba(1,26,64,0.03) 100%);
	border-radius: 8px;
	border-left: 4px solid #34539b;
}

/* 반응형 */
@media all and (max-width:1024px) {
	.summary-new .intro-content-wrap {
		flex-direction: column;
		gap: 30px;
	}

	.summary-new .intro-image-box {
		width: 100%;
		min-height: 300px;
	}

	.summary-new .intro-text-box {
		width: 100%;
		padding-top: 0;
	}

	.summary-new .intro-overlay h4 {
		font-size: 26px;
	}

	.summary-new .intro-desc {
		font-size: 15px;
	}

	.summary-new .detail-text {
		font-size: 15px;
	}

	.summary-new .detail-quote {
		font-size: 20px;
		padding: 30px;
	}
}

@media all and (max-width:768px) {
	.summary-new .intro-overlay h4 {
		font-size: 22px;
	}

	.summary-new .intro-overlay .intro-quote {
		font-size: 15px;
	}

	.summary-new .intro-desc,
	.summary-new .detail-text {
		font-size: 14px;
	}

	.summary-new .detail-quote {
		font-size: 18px;
		padding: 25px;
	}

	#visual .visual-desc {
		font-size: 15px;
	}
}

/* ******************  연혁 NEW ********************** */
.history-new .history-intro-section {
	text-align: center;
	padding: 40px 0;
}

.history-new .history-intro-box {
	max-width: 800px;
	margin: 0 auto;
}

.history-new .history-main-tit {
	font-size: 42px;
	font-weight: 400;
	color: #34539b;
	letter-spacing: -0.5px;
	margin-bottom: 20px;
}

.history-new .history-sub-tit {
	font-size: 18px;
	font-weight: 400;
	color: #525252;
	letter-spacing: -0.5px;
	line-height: 1.6;
	font-style: italic;
}

.history-new .history-timeline-section {
	padding: 60px 0;
}

.history-new .timeline-placeholder {
	text-align: center;
	padding: 100px 40px;
	background: linear-gradient(135deg, rgba(52,83,155,0.05) 0%, rgba(1,26,64,0.03) 100%);
	border-radius: 12px;
	border: 1px dashed #d0d0d0;
}

.history-new .placeholder-text {
	font-size: 24px;
	font-weight: 400;
	color: #525252;
	margin-bottom: 15px;
}

.history-new .placeholder-sub {
	font-size: 16px;
	color: #888;
}

/* ******************  부서/조직도 ********************** */
.organization-page {
	padding-bottom: 60px;
}

/* CEO 섹션 */
.org-ceo-section {
	text-align: center;
	margin-bottom: 30px;
}

.org-ceo-box {
	display: inline-block;
	padding: 25px 80px;
	background: linear-gradient(135deg, #34539b 0%, #011a40 100%);
	border-radius: 8px;
	box-shadow: 0 8px 30px rgba(52,83,155,0.3);
}

.org-ceo-label {
	font-size: 32px;
	font-weight: 600;
	color: #fff;
	letter-spacing: 2px;
}

.org-connector-vertical {
	width: 3px;
	height: 40px;
	background: linear-gradient(180deg, #34539b 0%, #d0d0d0 100%);
	margin: 0 auto;
}

/* 경영진 / 이사회 */
.org-level-1 {
	text-align: center;
	margin-bottom: 30px;
}

.org-management {
	display: inline-block;
	padding: 30px 50px;
	background: #f8f9fa;
	border: 2px solid #34539b;
	border-radius: 8px;
	max-width: 600px;
}

.org-title {
	font-size: 22px;
	font-weight: 600;
	color: #34539b;
	margin-bottom: 12px;
}

.org-desc {
	font-size: 15px;
	color: #525252;
	line-height: 1.6;
}

.org-connector-horizontal {
	width: 80%;
	max-width: 1000px;
	height: 3px;
	background: #e0e0e0;
	margin: 0 auto 40px;
	position: relative;
}

.org-connector-horizontal::before,
.org-connector-horizontal::after,
.org-connector-horizontal::before {
	content: '';
	position: absolute;
	top: 0;
	width: 3px;
	height: 30px;
	background: #e0e0e0;
}

.org-connector-horizontal::before {
	left: 16.66%;
}

.org-connector-horizontal::after {
	right: 16.66%;
}

/* 부서 그룹 */
.org-departments {
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
}

.org-dept-group {
	flex: 1;
	min-width: 300px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}

.org-dept-header {
	padding: 20px 25px;
	background: linear-gradient(135deg, #34539b 0%, #1a3a7a 100%);
}

.org-dept-title {
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	letter-spacing: -0.3px;
}

.org-dept-list {
	padding: 25px;
}

.org-dept-list li {
	padding: 15px 0;
	border-bottom: 1px solid #f0f0f0;
}

.org-dept-list li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.org-dept-list li:first-child {
	padding-top: 0;
}

.org-dept-list li strong {
	display: block;
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin-bottom: 6px;
}

.org-dept-list li span {
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 1.5;
}

/* ******************  산업 생태계 ********************** */
.ecosystem-page {
	padding-bottom: 60px;
}

.ecosystem-intro {
	text-align: center;
	padding: 40px 0;
}

.ecosystem-intro-text {
	font-size: 22px;
	font-weight: 400;
	color: #525252;
	letter-spacing: -0.5px;
	line-height: 1.6;
}

.ecosystem-partners {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}

.partner-category {
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	overflow: hidden;
	transition: all 0.3s;
	box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

.partner-category:hover {
	box-shadow: 0 8px 30px rgba(52,83,155,0.1);
	border-color: #34539b;
}

.category-header {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 25px 30px;
	background: linear-gradient(135deg, #f8f9fa 0%, #fff 100%);
	border-bottom: 1px solid #e5e5e5;
}

.category-num {
	font-size: 14px;
	font-weight: 600;
	color: #34539b;
	background: rgba(52,83,155,0.1);
	padding: 8px 12px;
	border-radius: 6px;
}

.category-title {
	font-size: 22px;
	font-weight: 400;
	color: #333;
	letter-spacing: -0.3px;
}

.category-content {
	padding: 25px 30px;
}

.partner-group {
	margin-bottom: 0;
}

.partner-label {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	color: #34539b;
	background: rgba(52,83,155,0.08);
	padding: 5px 12px;
	border-radius: 4px;
	margin-bottom: 12px;
}

.partner-names {
	font-size: 15px;
	line-height: 1.8;
	letter-spacing: -0.3px;
}

.partner-names.primary {
	font-weight: 600;
	color: #333;
	margin-bottom: 5px;
}

.partner-names.secondary {
	font-weight: 400;
	color: #666;
}

/* 반응형 */
@media all and (max-width:1024px) {
	.org-departments {
		flex-direction: column;
	}

	.org-dept-group {
		min-width: auto;
	}

	.ecosystem-partners {
		grid-template-columns: 1fr;
	}

	.history-new .history-main-tit {
		font-size: 32px;
	}
}

@media all and (max-width:768px) {
	.org-ceo-box {
		padding: 20px 50px;
	}

	.org-ceo-label {
		font-size: 26px;
	}

	.org-management {
		padding: 25px 30px;
	}

	.org-title {
		font-size: 18px;
	}

	.category-header {
		padding: 20px;
	}

	.category-title {
		font-size: 18px;
	}

	.category-content {
		padding: 20px;
	}

	.ecosystem-intro-text {
		font-size: 18px;
	}

	.history-new .history-main-tit {
		font-size: 28px;
	}

	.history-new .history-sub-tit {
		font-size: 15px;
	}
}

/* ******************  CEO 인사말 NEW ********************** */
.greeting-page .greet-wrap {
	display: flex;
	gap: 60px;
	padding: 50px 0;
}

.greeting-page .greet-left {
	flex-shrink: 0;
	width: 45%;
}

.greeting-page .greet-headline {
	font-size: 32px;
	font-weight: 700;
	color: #333;
	line-height: 1.5;
	margin-bottom: 30px;
	letter-spacing: -0.5px;
}

.greeting-page .greet-headline .blue-txt {
	color: #34539b;
	font-weight: 700;
}

.greeting-page .greet-slogan {
	font-size: 32px;
	font-weight: 300;
	color: #333;
	line-height: 1.5;
	margin-bottom: 40px;
}

.greeting-page .greet-slogan b {
	font-weight: 700;
	color: #34539b;
}

.greeting-page .greet-img-box {
	width: 100%;
}

.greeting-page .greet-img-box img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.greeting-page .greet-right {
	flex: 1;
}

.greeting-page .greet-right p {
	font-size: 16px;
	font-weight: 600;
	color: #525252;
	line-height: 1.9;
	letter-spacing: -0.3px;
	margin-bottom: 25px;
}

.greeting-page .mobile-br {
	display: none;
}

.greeting-page .greet-signature {
	margin-top: 40px;
	padding-top: 30px;
	border-top: 1px solid #e9e9e9;
	text-align: right;
}

.greeting-page .signature-name {
	font-size: 20px;
	font-weight: 500;
	color: #34539b;
	letter-spacing: -0.5px;
}

@media all and (max-width:992px) {
	.greeting-page .greet-wrap {
		gap: 40px;
	}

	.greeting-page .greet-left {
		width: 40%;
	}

	.greeting-page .greet-headline {
		font-size: 26px;
		margin-bottom: 20px;
	}

	.greeting-page .greet-slogan {
		font-size: 26px;
	}
}

@media all and (max-width:768px) {
	.greeting-page .greet-wrap {
		flex-direction: column;
		gap: 30px;
	}

	.greeting-page .greet-left {
		width: 100%;
	}

	.greeting-page .greet-headline {
		font-size: 22px;
		text-align: center;
		margin-bottom: 20px;
	}

	.greeting-page .greet-slogan {
		font-size: 24px;
		text-align: center;
		margin-bottom: 30px;
	}

	.greeting-page .greet-img-box {
		max-width: 400px;
		margin: 0 auto;
	}

	.greeting-page .greet-right p {
		font-size: 15px;
		word-break: keep-all;
	}

	.greeting-page .mobile-br {
		display: block;
	}

	.greeting-page .signature-name {
		font-size: 18px;
	}
}

/* ******************  BUSINESS 주요 사업 ********************** */
/* 공통 스타일 */
.business-page {
	padding: 0;
}

.business-page .section-block {
	margin-bottom: 80px;
}

.business-page .section-header {
	text-align: center;
	margin-bottom: 50px;
}

.business-page .section-title {
	font-size: 36px;
	font-weight: 500;
	color: #222;
	margin-bottom: 15px;
	letter-spacing: -0.5px;
}

.business-page .section-desc {
	font-size: 18px;
	color: #666;
	letter-spacing: -0.3px;
}

.business-page .white-space-bottom {
	margin-bottom: 80px;
}

.business-page .white-space-top {
	margin-top: 60px;
}

/* -------- PRODUCTION 생산·공급 페이지 -------- */
/* 8대 공정 플로우 */
.production-page .process-flow-wrap {
	padding: 40px 20px;
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	border-radius: 12px;
}

.production-page .process-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
}

.production-page .process-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 25px 15px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 4px 15px rgba(0,0,0,0.08);
	transition: transform 0.3s ease;
	flex: 1;
	max-width: 200px;
}

.production-page .process-item:hover {
	transform: translateY(-5px);
}

.production-page .process-arrow {
	font-size: 24px;
	color: #34539b;
	flex-shrink: 0;
}

.production-page .process-arrow-down {
	display: flex;
	justify-content: flex-end;
	padding-right: 100px;
	margin: 20px 0;
	font-size: 30px;
	color: #34539b;
}

.production-page .process-image {
	margin-bottom: 40px;
	text-align: center;
}

.production-page .process-image img {
	max-width: 100%;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

.production-page .process-num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background: linear-gradient(135deg, #34539b 0%, #011a40 100%);
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	border-radius: 50%;
	margin-bottom: 15px;
}

.production-page .process-content h4 {
	font-size: 18px;
	font-weight: 600;
	color: #222;
	margin-bottom: 8px;
}

.production-page .process-content p {
	font-size: 14px;
	color: #666;
	line-height: 1.5;
}

.production-page .process-arrow {
	font-size: 24px;
	color: #34539b;
}

/* 생산 제품 그리드 */
.production-page .product-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.production-page .product-card {
	text-align: center;
	padding: 40px 25px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	transition: all 0.3s ease;
}

.production-page .product-card:hover {
	border-color: #34539b;
	box-shadow: 0 8px 25px rgba(52, 83, 155, 0.15);
}

.production-page .product-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	background: linear-gradient(135deg, #34539b 0%, #011a40 100%);
	border-radius: 50%;
	margin: 0 auto 20px;
}

.production-page .product-icon span {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
}

.production-page .product-card h4 {
	font-size: 22px;
	font-weight: 600;
	color: #222;
	margin-bottom: 10px;
}

.production-page .product-card p {
	font-size: 15px;
	color: #666;
	line-height: 1.6;
}

/* 공급 체인 */
.production-page .supply-chain {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 15px;
	padding: 50px 30px;
	background: #f8f9fa;
	border-radius: 12px;
}

.production-page .supply-step {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 30px 35px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 4px 15px rgba(0,0,0,0.06);
}

.production-page .supply-icon {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: linear-gradient(135deg, #34539b 0%, #011a40 100%);
	display: flex;
	align-items: center;
	justify-content: center;
}

.production-page .supply-icon.factory {
	background: linear-gradient(135deg, #34539b 0%, #011a40 100%);
}

.production-page .supply-icon.partners {
	background: linear-gradient(135deg, #4a6bb5 0%, #1e3a5f 100%);
}

.production-page .supply-icon.enduser {
	background: linear-gradient(135deg, #5c7dc7 0%, #2a4a70 100%);
}

.production-page .supply-content h4 {
	font-size: 18px;
	font-weight: 600;
	color: #222;
	margin-bottom: 5px;
}

.production-page .supply-content p {
	font-size: 14px;
	color: #666;
}

.production-page .supply-arrow {
	display: flex;
	align-items: center;
	color: #34539b;
	font-size: 20px;
}

.production-page .supply-arrow .arrow-line {
	display: block;
	width: 30px;
	height: 2px;
	background: #34539b;
	margin-right: -5px;
}

/* -------- R&D 연구·개발 페이지 -------- */
/* R&D 인트로 */
.rnd-page .rnd-intro {
	text-align: center;
	padding: 60px 40px;
	background: linear-gradient(135deg, #011a40 0%, #34539b 100%);
	border-radius: 12px;
	color: #fff;
}

.rnd-page .rnd-intro-box h3 {
	font-size: 32px;
	margin-bottom: 25px;
}

.rnd-page .rnd-intro-box p {
	font-size: 17px;
	line-height: 1.9;
	opacity: 0.95;
}

.rnd-page .rnd-intro-box strong {
	color: #8eb8ff;
}

/* R&D 프로세스 */
.rnd-page .rnd-process {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

.rnd-page .rnd-process-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.rnd-page .rnd-step {
	text-align: center;
	padding: 20px 15px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	transition: all 0.3s ease;
}

.rnd-page .rnd-step:hover {
	border-color: #34539b;
	box-shadow: 0 6px 20px rgba(52, 83, 155, 0.15);
	transform: translateY(-3px);
}

.rnd-page .step-image {
	width: 100%;
	margin-bottom: 15px;
	border-radius: 8px;
	overflow: hidden;
}

.rnd-page .step-image img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 8px;
}

.rnd-page .step-num {
	display: inline-block;
	width: 45px;
	height: 45px;
	line-height: 45px;
	background: linear-gradient(135deg, #34539b 0%, #011a40 100%);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	border-radius: 50%;
	margin-bottom: 15px;
}

.rnd-page .rnd-step h4 {
	font-size: 16px;
	font-weight: 600;
	color: #222;
	margin-bottom: 8px;
}

.rnd-page .rnd-step p {
	font-size: 13px;
	color: #666;
	line-height: 1.5;
}

.rnd-page .process-note {
	text-align: center;
	margin-top: 30px;
	font-size: 14px;
	color: #888;
}

/* 시장 요구 분석 */
.rnd-page .market-analysis {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 25px;
}

.rnd-page .market-card {
	padding: 30px 25px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	transition: all 0.3s ease;
}

.rnd-page .market-card:hover {
	border-color: #34539b;
	box-shadow: 0 8px 25px rgba(52, 83, 155, 0.12);
}

.rnd-page .market-header {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
}

.rnd-page .market-tag {
	display: inline-block;
	padding: 5px 12px;
	background: linear-gradient(135deg, #34539b 0%, #011a40 100%);
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	border-radius: 20px;
	margin-bottom: 10px;
}

.rnd-page .market-header h4 {
	font-size: 20px;
	font-weight: 600;
	color: #222;
}

.rnd-page .market-features {
	list-style: none;
	padding: 0;
	margin: 0;
}

.rnd-page .market-features li {
	position: relative;
	padding-left: 18px;
	font-size: 15px;
	color: #555;
	line-height: 2;
}

.rnd-page .market-features li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	background: #34539b;
	border-radius: 50%;
}

.rnd-page .rnd-result {
	margin-top: 50px;
	padding: 30px 40px;
	background: linear-gradient(135deg, #f0f4f8 0%, #e8eef5 100%);
	border-radius: 10px;
	text-align: center;
}

.rnd-page .result-text {
	font-size: 18px;
	color: #333;
}

.rnd-page .result-text i {
	color: #34539b;
	margin-right: 10px;
}

.rnd-page .result-text strong {
	color: #34539b;
}

/* -------- APPLICATION 응용분야 페이지 -------- */
/* 응용분야 인트로 */
.application-page .application-intro {
	text-align: center;
	padding: 50px 40px;
	background: linear-gradient(135deg, #011a40 0%, #34539b 100%);
	border-radius: 12px;
	color: #fff;
}

.application-page .intro-box h3 {
	font-size: 30px;
	margin-bottom: 20px;
}

.application-page .intro-box p {
	font-size: 17px;
	line-height: 1.8;
	opacity: 0.95;
}

/* 응용분야 그리드 */
.application-page .application-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.application-page .application-card {
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	overflow: hidden;
	transition: all 0.3s ease;
}

.application-page .application-card:hover {
	border-color: #34539b;
	box-shadow: 0 8px 30px rgba(52, 83, 155, 0.15);
	transform: translateY(-3px);
}

.application-page .card-image {
	width: 100%;
	padding: 25px;
	background: #f8f9fa;
	text-align: center;
}

.application-page .card-image img {
	max-width: 100%;
	height: auto;
	max-height: 220px;
	object-fit: contain;
	transition: transform 0.3s ease;
}

.application-page .application-card:hover .card-image img {
	transform: scale(1.05);
}

.application-page .card-header {
	padding: 25px;
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	border-bottom: 1px solid #e5e5e5;
}

.application-page .product-badge {
	display: inline-block;
	padding: 6px 16px;
	background: linear-gradient(135deg, #34539b 0%, #011a40 100%);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	border-radius: 25px;
	margin-bottom: 12px;
}

.application-page .product-badge.ecc {
	background: linear-gradient(135deg, #1e7e34 0%, #155724 100%);
}

.application-page .product-badge.gddr {
	background: linear-gradient(135deg, #9b34a9 0%, #6b1a75 100%);
}

.application-page .product-badge.hbm {
	background: linear-gradient(135deg, #d4380d 0%, #a8260a 100%);
}

.application-page .card-header h4 {
	font-size: 18px;
	font-weight: 600;
	color: #333;
}

.application-page .card-body {
	padding: 25px;
}

.application-page .application-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.application-page .application-list li {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 0;
	font-size: 16px;
	color: #444;
	border-bottom: 1px solid #f0f0f0;
}

.application-page .application-list li:last-child {
	border-bottom: none;
}

.application-page .application-list li i {
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f0f4f8;
	color: #34539b;
	font-size: 16px;
	border-radius: 50%;
}

/* 공급 흐름 요약 */
.application-page .supply-summary {
	padding: 50px 30px;
	background: #f8f9fa;
	border-radius: 12px;
}

.application-page .summary-flow {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
}

.application-page .flow-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.application-page .flow-icon {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	margin-bottom: 15px;
}

.application-page .flow-icon.factory {
	background: linear-gradient(135deg, #34539b 0%, #011a40 100%);
}

.application-page .flow-icon.module {
	background: linear-gradient(135deg, #4a6bb5 0%, #1e3a5f 100%);
}

.application-page .flow-icon.partner {
	background: linear-gradient(135deg, #5c7dc7 0%, #2a4a70 100%);
}

.application-page .flow-icon.enduser {
	background: linear-gradient(135deg, #6e8fd9 0%, #3a5a80 100%);
}

.application-page .flow-item p {
	font-size: 15px;
	font-weight: 500;
	color: #333;
}

.application-page .flow-arrow {
	font-size: 24px;
	color: #34539b;
}

/* -------- 미디어 쿼리 -------- */
@media all and (max-width: 1200px) {
	.production-page .product-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.rnd-page .rnd-step {
		flex: 0 0 calc(25% - 20px);
	}

	.rnd-page .market-analysis {
		grid-template-columns: repeat(2, 1fr);
	}

	.application-page .application-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media all and (max-width: 768px) {
	.business-page .section-title {
		font-size: 28px;
	}

	.business-page .section-desc {
		font-size: 15px;
	}

	.business-page .section-block {
		margin-bottom: 50px;
	}

	/* Production */
	.production-page .process-flow-wrap {
		padding: 30px 15px;
	}

	.production-page .process-row {
		flex-wrap: wrap;
		gap: 10px;
	}

	.production-page .process-item {
		padding: 15px 10px;
		max-width: 45%;
		min-width: 140px;
	}

	.production-page .process-arrow {
		display: none;
	}

	.production-page .process-arrow-down {
		justify-content: center;
		padding-right: 0;
		margin: 15px 0;
	}

	.production-page .process-content h4 {
		font-size: 14px;
	}

	.production-page .process-content p {
		font-size: 12px;
	}

	.production-page .process-num {
		width: 40px;
		height: 40px;
		font-size: 14px;
	}

	.production-page .supply-chain {
		flex-direction: column;
		padding: 30px 15px;
	}

	.production-page .supply-step {
		flex-direction: row;
		text-align: left;
		gap: 12px;
		width: 100%;
		padding: 15px;
		box-sizing: border-box;
	}

	.production-page .supply-icon {
		flex-shrink: 0;
		width: 50px;
		height: 50px;
	}

	.production-page .supply-content {
		flex: 1;
		min-width: 0;
		overflow: hidden;
	}

	.production-page .supply-content p {
		word-break: keep-all;
		font-size: 13px;
	}

	.production-page .supply-content h4,
	.production-page .supply-content p {
		text-align: left;
	}

	.production-page .supply-arrow {
		transform: rotate(90deg);
	}

	/* R&D */
	.rnd-page .rnd-intro {
		padding: 40px 20px;
	}

	.rnd-page .rnd-intro-box h3 {
		font-size: 24px;
	}

	.rnd-page .rnd-intro-box p {
		font-size: 15px;
	}

	.rnd-page .rnd-step {
		flex: 0 0 calc(50% - 15px);
		min-width: 120px;
	}

	.rnd-page .rnd-process-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}

	.rnd-page .market-analysis {
		grid-template-columns: 1fr;
	}

	.rnd-page .rnd-result {
		padding: 25px 20px;
	}

	.rnd-page .result-text {
		font-size: 15px;
	}

	/* Application */
	.application-page .application-intro {
		padding: 35px 20px;
	}

	.application-page .intro-box h3 {
		font-size: 24px;
	}

	.application-page .intro-box p {
		font-size: 15px;
	}

	.application-page .application-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.application-page .summary-flow {
		flex-direction: column;
	}

	.application-page .flow-arrow {
		transform: rotate(90deg);
	}
}

/* ******************  PRODUCT 제품 소개 ********************** */
/* 제품 상세 페이지 공통 */
.product-detail-page {
	padding: 0;
}

/* 제품 헤더 */
.product-detail-page .product-header {
	text-align: center;
	padding: 60px 40px;
	background: linear-gradient(135deg, #011a40 0%, #34539b 100%);
	border-radius: 12px;
	color: #fff;
	margin-bottom: 50px;
}

.product-detail-page .product-badge-large {
	display: inline-block;
	padding: 12px 35px;
	background: rgba(255, 255, 255, 0.15);
	border: 2px solid rgba(255, 255, 255, 0.3);
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	border-radius: 50px;
	margin-bottom: 20px;
	letter-spacing: 1px;
}

.product-detail-page .product-badge-large.ddr5 {
	background: rgba(74, 107, 181, 0.3);
	border-color: rgba(142, 184, 255, 0.5);
}

.product-detail-page .product-badge-large.ecc {
	background: rgba(30, 126, 52, 0.3);
	border-color: rgba(52, 211, 153, 0.5);
}

.product-detail-page .product-badge-large.lpddr4 {
	background: rgba(107, 114, 128, 0.3);
	border-color: rgba(156, 163, 175, 0.5);
}

.product-detail-page .product-badge-large.gddr {
	background: rgba(155, 52, 169, 0.3);
	border-color: rgba(192, 132, 252, 0.5);
}

.product-detail-page .product-badge-large.hbm {
	background: rgba(212, 56, 13, 0.3);
	border-color: rgba(251, 146, 60, 0.5);
}

.product-detail-page .product-name {
	font-size: 36px;
	margin-bottom: 15px;
	font-weight: 500;
}

.product-detail-page .product-tagline {
	font-size: 20px;
	opacity: 0.9;
}

/* 제품 설명 */
.product-detail-page .product-description {
	text-align: center;
	padding: 0 20px;
}

.product-detail-page .product-description p {
	font-size: 18px;
	line-height: 1.9;
	color: #444;
}

/* 섹션 블록 */
.product-detail-page .section-block {
	margin-bottom: 60px;
}

.product-detail-page .section-header {
	margin-bottom: 40px;
}

.product-detail-page .section-title {
	font-size: 32px;
	font-weight: 500;
	color: #222;
	letter-spacing: -0.5px;
}

.product-detail-page .white-space-bottom {
	margin-bottom: 60px;
}

.product-detail-page .white-space-top {
	margin-top: 60px;
}

/* 주요 특징 리스트 */
.product-detail-page .feature-list {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.product-detail-page .feature-item {
	display: flex;
	align-items: flex-start;
	gap: 25px;
	padding: 30px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	transition: all 0.3s ease;
}

.product-detail-page .feature-item:hover {
	border-color: #34539b;
	box-shadow: 0 6px 20px rgba(52, 83, 155, 0.1);
	transform: translateX(5px);
}

.product-detail-page .feature-icon {
	flex-shrink: 0;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #34539b 0%, #011a40 100%);
	border-radius: 50%;
}

.product-detail-page .feature-icon i {
	font-size: 24px;
	color: #fff;
}

.product-detail-page .feature-content h4 {
	font-size: 20px;
	font-weight: 600;
	color: #222;
	margin-bottom: 8px;
}

.product-detail-page .feature-content p {
	font-size: 16px;
	color: #666;
	line-height: 1.6;
}

/* 응용 분야 태그 */
.product-detail-page .application-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: center;
}

.product-detail-page .app-tag {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 15px 30px;
	background: linear-gradient(135deg, #f0f4f8 0%, #e8eef5 100%);
	border: 1px solid #dde5ef;
	border-radius: 50px;
	font-size: 17px;
	font-weight: 500;
	color: #34539b;
	transition: all 0.3s ease;
}

.product-detail-page .app-tag:hover {
	background: linear-gradient(135deg, #34539b 0%, #011a40 100%);
	border-color: #34539b;
	color: #fff;
}

.product-detail-page .app-tag i {
	font-size: 20px;
}

/* 서브메뉴 스타일 */
.sub-menu-product {
	display: flex;
	justify-content: center;
}

.sub-menu-product li {
	margin: 0 5px;
}

.sub-menu-product li a {
	display: block;
	padding: 12px 20px;
	font-size: 16px;
	color: #555;
	border-bottom: 2px solid transparent;
	transition: all 0.3s ease;
}

.sub-menu-product li a:hover,
.sub-menu-product li a.active {
	color: #34539b;
	border-bottom-color: #34539b;
}

/* 제품 페이지 반응형 */
@media all and (max-width: 1200px) {
	.product-detail-page .product-header {
		padding: 50px 30px;
	}

	.product-detail-page .product-badge-large {
		font-size: 24px;
		padding: 10px 28px;
	}

	.product-detail-page .product-name {
		font-size: 30px;
	}
}

@media all and (max-width: 768px) {
	.product-detail-page .product-header {
		padding: 40px 20px;
		margin-bottom: 35px;
	}

	.product-detail-page .product-badge-large {
		font-size: 20px;
		padding: 8px 22px;
	}

	.product-detail-page .product-name {
		font-size: 24px;
	}

	.product-detail-page .product-tagline {
		font-size: 16px;
	}

	.product-detail-page .product-description p {
		font-size: 15px;
	}

	.product-detail-page .section-title {
		font-size: 26px;
	}

	.product-detail-page .feature-item {
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 25px 20px;
	}

	.product-detail-page .feature-icon {
		width: 50px;
		height: 50px;
	}

	.product-detail-page .feature-icon i {
		font-size: 20px;
	}

	.product-detail-page .feature-content h4 {
		font-size: 17px;
	}

	.product-detail-page .feature-content p {
		font-size: 14px;
	}

	.product-detail-page .application-tags {
		flex-direction: column;
		align-items: center;
	}

	.product-detail-page .app-tag {
		padding: 12px 25px;
		font-size: 15px;
	}

	.sub-menu-product {
		flex-wrap: wrap;
	}

	.sub-menu-product li a {
		padding: 10px 15px;
		font-size: 14px;
	}
}

/* ******************  INVESTMENT 투자 제품 ********************** */
.investment-page {
	padding: 0;
}

/* 인트로 섹션 */
.investment-page .investment-intro {
	text-align: center;
	padding: 60px 40px;
	background: linear-gradient(135deg, #011a40 0%, #34539b 100%);
	border-radius: 12px;
	color: #fff;
}

.investment-page .intro-title {
	font-size: 36px;
	margin-bottom: 20px;
}

.investment-page .intro-desc {
	font-size: 18px;
	line-height: 1.8;
	opacity: 0.95;
}

/* 섹션 공통 */
.investment-page .section-block {
	margin-bottom: 80px;
}

.investment-page .section-header {
	margin-bottom: 40px;
}

.investment-page .section-title {
	font-size: 32px;
	font-weight: 500;
	color: #222;
	letter-spacing: -0.5px;
	margin-bottom: 10px;
}

.investment-page .section-subtitle {
	font-size: 18px;
	color: #34539b;
	font-weight: 500;
	margin-bottom: 8px;
}

.investment-page .section-desc {
	font-size: 16px;
	color: #666;
}

.investment-page .white-space-bottom {
	margin-bottom: 80px;
}

/* 투자 상품 그리드 */
.investment-page .investment-products-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
	margin-bottom: 40px;
}

.investment-page .investment-card {
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	overflow: hidden;
	transition: all 0.3s ease;
}

.investment-page .investment-card:hover {
	border-color: #34539b;
	box-shadow: 0 8px 30px rgba(52, 83, 155, 0.15);
	transform: translateY(-5px);
}

.investment-page .investment-card.premium {
	border: 2px solid #d4380d;
	box-shadow: 0 4px 20px rgba(212, 56, 13, 0.15);
}

.investment-page .investment-card.premium:hover {
	box-shadow: 0 8px 30px rgba(212, 56, 13, 0.25);
}

.investment-page .card-tag {
	padding: 12px 20px;
	background: #f8f9fa;
	font-size: 14px;
	font-weight: 500;
	color: #555;
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
}

.investment-page .investment-card.premium .card-tag {
	background: linear-gradient(135deg, #d4380d 0%, #a8260a 100%);
	color: #fff;
	border-bottom: none;
}

.investment-page .card-product {
	padding: 30px 20px;
	text-align: center;
}

.investment-page .card-product .product-badge {
	display: inline-block;
	padding: 12px 30px;
	font-size: 24px;
	font-weight: 700;
	border-radius: 8px;
	color: #fff;
}

.investment-page .card-product .product-badge.hbm {
	background: linear-gradient(135deg, #d4380d 0%, #a8260a 100%);
}

.investment-page .card-product .product-badge.ddr5 {
	background: linear-gradient(135deg, #34539b 0%, #011a40 100%);
}

.investment-page .card-product .product-badge.ecc {
	background: linear-gradient(135deg, #1e7e34 0%, #155724 100%);
}

.investment-page .card-product .product-badge.lpddr5 {
	background: linear-gradient(135deg, #4a6bb5 0%, #2a4a80 100%);
}

.investment-page .card-product .product-badge.gddr {
	background: linear-gradient(135deg, #9b34a9 0%, #6b1a75 100%);
}

.investment-page .card-product .product-badge.lpddr4 {
	background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
}

.investment-page .card-details {
	padding: 20px;
	background: #f8f9fa;
}

.investment-page .card-details ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.investment-page .card-details li {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	border-bottom: 1px solid #e5e5e5;
	font-size: 14px;
}

.investment-page .card-details li:last-child {
	border-bottom: none;
}

.investment-page .card-details .label {
	color: #666;
}

.investment-page .card-details .value {
	font-weight: 600;
	color: #333;
}

.investment-page .card-details .value.highlight {
	color: #d4380d;
}

/* 투자 공지 */
.investment-page .investment-notice {
	text-align: center;
	padding: 30px;
	background: linear-gradient(135deg, #f0f4f8 0%, #e8eef5 100%);
	border-radius: 10px;
	border-left: 4px solid #34539b;
}

.investment-page .investment-notice p {
	font-size: 16px;
	color: #444;
	line-height: 1.8;
	font-style: italic;
}

/* 수익구조 테이블 */
.investment-page .revenue-table {
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	overflow: hidden;
}

.investment-page .table-header {
	display: grid;
	grid-template-columns: 1fr 2fr;
	padding: 18px 25px;
	background: linear-gradient(135deg, #34539b 0%, #011a40 100%);
	color: #fff;
	font-weight: 600;
	font-size: 16px;
}

.investment-page .table-row {
	display: grid;
	grid-template-columns: 1fr 2fr;
	padding: 18px 25px;
	border-bottom: 1px solid #e5e5e5;
	transition: background 0.3s ease;
}

.investment-page .table-row:last-child {
	border-bottom: none;
}

.investment-page .table-row:hover {
	background: #f8f9fa;
}

.investment-page .revenue-name {
	font-weight: 600;
	color: #222;
}

.investment-page .revenue-desc {
	color: #666;
}

/* 베네핏 그리드 */
.investment-page .benefits-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.investment-page .benefit-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 30px 20px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	transition: all 0.3s ease;
}

.investment-page .benefit-item:hover {
	border-color: #34539b;
	box-shadow: 0 6px 20px rgba(52, 83, 155, 0.1);
	transform: translateY(-3px);
}

.investment-page .benefit-item i {
	font-size: 36px;
	color: #34539b;
	margin-bottom: 15px;
}

.investment-page .benefit-item p {
	font-size: 15px;
	color: #444;
	line-height: 1.6;
}

/* 자본보호제도 */
.investment-page .protection-intro {
	text-align: center;
	padding: 30px;
	background: #f8f9fa;
	border-radius: 10px;
	margin-bottom: 40px;
}

.investment-page .protection-intro p {
	font-size: 17px;
	color: #444;
	line-height: 1.8;
}

.investment-page .protection-list {
	display: flex;
	flex-direction: column;
	gap: 25px;
	margin-bottom: 40px;
}

.investment-page .protection-item {
	display: flex;
	gap: 25px;
	padding: 30px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	transition: all 0.3s ease;
}

.investment-page .protection-item:hover {
	border-color: #34539b;
	box-shadow: 0 6px 20px rgba(52, 83, 155, 0.1);
}

.investment-page .protection-num {
	flex-shrink: 0;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #34539b 0%, #011a40 100%);
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	border-radius: 50%;
}

.investment-page .protection-content h4 {
	font-size: 20px;
	font-weight: 600;
	color: #222;
	margin-bottom: 10px;
}

.investment-page .protection-content p {
	font-size: 16px;
	color: #666;
	line-height: 1.7;
}

.investment-page .protection-bullets {
	list-style: none;
	padding: 0;
	margin: 0;
}

.investment-page .protection-bullets li {
	position: relative;
	padding-left: 20px;
	font-size: 16px;
	color: #666;
	line-height: 1.7;
	margin-bottom: 10px;
}

.investment-page .protection-bullets li:last-child {
	margin-bottom: 0;
}

.investment-page .protection-bullets li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	width: 6px;
	height: 6px;
	background: #00bfa5;
	border-radius: 50%;
}

/* 계약 조항 */
.investment-page .contract-clause {
	background: #f8f9fa;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 40px;
}

.investment-page .clause-header {
	padding: 18px 25px;
	background: linear-gradient(135deg, #1e3a5f 0%, #0d2240 100%);
	color: #fff;
	font-size: 18px;
	font-weight: 600;
}

.investment-page .clause-content {
	padding: 30px 25px;
}

.investment-page .clause-content p {
	font-size: 16px;
	color: #444;
	line-height: 1.8;
	margin-bottom: 12px;
}

.investment-page .clause-content p:last-child {
	margin-bottom: 0;
}

/* 클로징 */
.investment-page .investment-closing {
	text-align: center;
	padding: 50px 40px;
	background: linear-gradient(135deg, #011a40 0%, #34539b 100%);
	border-radius: 12px;
	color: #fff;
}

.investment-page .investment-closing p {
	font-size: 18px;
	line-height: 1.9;
	opacity: 0.95;
}

/* 투자 페이지 반응형 */
@media all and (max-width: 1200px) {
	.investment-page .investment-products-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.investment-page .benefits-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media all and (max-width: 768px) {
	.investment-page .investment-intro {
		padding: 40px 20px;
	}

	.investment-page .intro-title {
		font-size: 26px;
	}

	.investment-page .intro-desc {
		font-size: 15px;
	}

	.investment-page .section-title {
		font-size: 26px;
	}

	.investment-page .investment-products-grid {
		grid-template-columns: 1fr;
	}

	.investment-page .table-header,
	.investment-page .table-row {
		grid-template-columns: 1fr;
		gap: 5px;
	}

	.investment-page .table-header span:last-child,
	.investment-page .revenue-desc {
		display: none;
	}

	.investment-page .benefits-grid {
		grid-template-columns: 1fr;
	}

	.investment-page .protection-item {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.investment-page .protection-content h4 {
		font-size: 18px;
	}

	.investment-page .protection-content p {
		font-size: 14px;
	}

	.investment-page .investment-closing {
		padding: 35px 20px;
	}

	.investment-page .investment-closing p {
		font-size: 15px;
	}
}

/* ******************  NEW INVESTMENT CARD UI ********************** */
/* 투자 카드 그리드 */
.invest-cards-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
	margin-bottom: 40px;
}

/* 투자 카드 */
.invest-card-new {
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	overflow: hidden;
	transition: all 0.3s ease;
}

.invest-card-new:hover {
	border-color: #00bfa5;
	box-shadow: 0 8px 30px rgba(0, 191, 165, 0.15);
	transform: translateY(-5px);
}

/* 카드 이미지 */
.invest-card-image {
	background: #f5f5f5;
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 180px;
}

.invest-card-image img {
	max-width: 100%;
	max-height: 140px;
	object-fit: contain;
}

/* 카드 바디 */
.invest-card-body {
	padding: 25px;
}

/* 제품명 */
.invest-card-name {
	font-size: 20px;
	font-weight: 700;
	color: #222;
	margin-bottom: 8px;
}

/* 고유코드 */
.invest-card-code {
	font-size: 14px;
	color: #888;
	margin-bottom: 20px;
}

.invest-card-code span {
	color: #00bfa5;
	font-weight: 500;
}

/* 정보 영역 */
.invest-card-info {
	margin-bottom: 20px;
}

.invest-card-info .info-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0;
	border-bottom: 1px solid #f0f0f0;
}

.invest-card-info .info-row:last-child {
	border-bottom: none;
}

.invest-card-info .info-label {
	font-size: 14px;
	color: #666;
}

.invest-card-info .info-value {
	font-size: 14px;
	font-weight: 600;
	color: #333;
}

/* 수량 선택 */
.invest-card-quantity {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	padding: 15px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.invest-card-quantity .quantity-label {
	font-size: 14px;
	color: #666;
}

.quantity-control {
	display: flex;
	align-items: center;
	gap: 0;
}

.quantity-control .qty-btn {
	width: 36px;
	height: 36px;
	border: 1px solid #ddd;
	background: #fff;
	font-size: 18px;
	font-weight: 500;
	color: #666;
	cursor: pointer;
	transition: all 0.2s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.quantity-control .qty-btn:hover:not(:disabled) {
	background: #f5f5f5;
	border-color: #00bfa5;
	color: #00bfa5;
}

.quantity-control .qty-btn:disabled {
	cursor: not-allowed;
	opacity: 0.5;
}

.quantity-control .qty-decrease {
	border-radius: 6px 0 0 6px;
}

.quantity-control .qty-increase {
	border-radius: 0 6px 6px 0;
}

.quantity-control .qty-input {
	width: 50px;
	height: 36px;
	border: 1px solid #ddd;
	border-left: none;
	border-right: none;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	color: #333;
	-moz-appearance: textfield;
}

.quantity-control .qty-input::-webkit-outer-spin-button,
.quantity-control .qty-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* 요약 영역 */
.invest-card-summary {
	margin-bottom: 20px;
}

.invest-card-summary .summary-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
}

.invest-card-summary .summary-label {
	font-size: 14px;
	color: #666;
}

.invest-card-summary .summary-value {
	font-size: 16px;
	font-weight: 700;
	color: #00bfa5;
}

.invest-card-summary .summary-row.total {
	border-top: 1px dashed #ddd;
	padding-top: 15px;
	margin-top: 5px;
}

.invest-card-summary .summary-row.total .summary-value {
	font-size: 18px;
	color: #222;
}

/* 투자하기 버튼 */
.invest-card-btn {
	width: 100%;
	padding: 16px;
	background: linear-gradient(135deg, #34539b 0%, #4a6cb3 100%);
	border: none;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
	transition: all 0.3s ease;
}

.invest-card-btn:hover {
	background: linear-gradient(135deg, #011a40 0%, #34539b 100%);
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(52, 83, 155, 0.3);
}

/* 투자 카드 반응형 */
@media all and (max-width: 1200px) {
	.invest-cards-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media all and (max-width: 768px) {
	.invest-cards-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.invest-card-image {
		padding: 25px;
		min-height: 150px;
	}

	.invest-card-body {
		padding: 20px;
	}

	.invest-card-name {
		font-size: 18px;
	}

	.invest-card-btn {
		padding: 14px;
		font-size: 15px;
	}
}

/* ******************  STATUS 투자현황 ********************** */
/* 인트로 */
.status-page .investment-intro {
	text-align: center;
	padding: 60px 0;
}

.status-page .intro-title {
	font-size: 36px;
	margin-bottom: 20px;
	color: #222;
}

.status-page .intro-desc {
	font-size: 18px;
	line-height: 1.8;
	color: #666;
}

/* 섹션 공통 */
.status-page .section-block {
	margin-bottom: 80px;
}

/* 투자 내역 테이블 */
.status-page .investment-table-container {
	background: #fff;
	border-radius: 8px;
	padding: 30px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.status-page .table-title {
	font-size: 20px;
	font-weight: 600;
	color: #333;
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 2px solid #eee;
}

.status-page .investment-table {
	width: 100%;
	border-collapse: collapse;
}

.status-page .investment-table thead th {
	background: #f8f9fa;
	padding: 15px 12px;
	font-size: 14px;
	font-weight: 500;
	color: #666;
	text-align: left;
	border-bottom: 1px solid #eee;
}

.status-page .investment-table tbody td {
	padding: 18px 12px;
	font-size: 14px;
	color: #333;
	border-bottom: 1px solid #f0f0f0;
}

.status-page .investment-table tbody tr:hover {
	background: #fafafa;
}

.status-page .investment-table td.profit {
	color: #00bfa5;
	font-weight: 500;
}

.status-page .investment-table td.status {
	font-weight: 500;
}

.status-page .investment-table td.status.in-progress {
	color: #00bfa5;
}

.status-page .investment-table td.status.completed {
	color: #666;
}

.status-page .investment-table td.status.cancelled {
	color: #e74c3c;
}

.status-page .investment-table td.status.completed {
	color: #00bfa5;
}

.status-page .investment-table td.status.pending {
	color: #f39c12;
}

/* 반응형 */
@media screen and (max-width: 768px) {
	.status-page .intro-title {
		font-size: 26px;
	}

	.status-page .intro-desc {
		font-size: 15px;
	}

	.status-page .investment-table-container {
		padding: 15px;
	}

	.status-page .investment-table {
		width: 100%;
	}

	.status-page .investment-table thead {
		display: none;
	}

	.status-page .investment-table tbody tr {
		display: block;
		background: #f9f9f9;
		border-radius: 8px;
		margin-bottom: 15px;
		padding: 15px;
		border: 1px solid #eee;
	}

	.status-page .investment-table tbody tr:hover {
		background: #f5f5f5;
	}

	.status-page .investment-table tbody td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 8px 0;
		font-size: 14px;
		border-bottom: 1px solid #e8e8e8;
	}

	.status-page .investment-table tbody td:last-child {
		border-bottom: none;
	}

	.status-page .investment-table tbody td::before {
		content: attr(data-label);
		font-weight: 500;
		color: #666;
		flex-shrink: 0;
		margin-right: 10px;
	}
}

/* ==================== 예치/인출 페이지 스타일 ==================== */
.deposit-page .deposit-info-box,
.withdraw-page .withdraw-info-box {
	text-align: left;
}

.deposit-page .deposit-info-box ol,
.deposit-page .deposit-info-box ul {
	text-align: left;
}

@media screen and (max-width: 768px) {
	.deposit-page,
	.withdraw-page {
		padding: 0 5px;
	}

	.deposit-page .deposit-info-box,
	.withdraw-page .withdraw-info-box {
		padding: 15px !important;
		text-align: left;
	}

	.deposit-page .deposit-info-box ol,
	.withdraw-page .withdraw-info-box ol {
		padding-left: 18px !important;
		text-align: left;
	}

	.deposit-page .deposit-info-box li,
	.withdraw-page .withdraw-info-box li {
		text-align: left;
		word-break: keep-all;
	}
}

/* ==================== 미션 섹션 스타일 ==================== */
.mission-image-container {
	text-align: center;
	margin-bottom: 40px;
}

.mission-main-image {
	max-width: 100%;
	height: auto;
	border-radius: 12px;
}

.mission-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin-top: 30px;
}

.mission-card {
	background: linear-gradient(145deg, #1a2a4a 0%, #0d1929 100%);
	border-radius: 12px;
	padding: 30px;
	color: #fff;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mission-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 40px rgba(0, 100, 255, 0.2);
}

.mission-card h4 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
	color: #4dabf7;
	border-bottom: 2px solid #4dabf7;
	padding-bottom: 12px;
}

.mission-card ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mission-card ul li {
	position: relative;
	padding-left: 20px;
	margin-bottom: 12px;
	font-size: 15px;
	line-height: 1.6;
	color: #e0e0e0;
}

.mission-card ul li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 8px;
	height: 8px;
	background: #4dabf7;
	border-radius: 50%;
}

.mission-card ul li:last-child {
	margin-bottom: 0;
}

/* 미션 카드 반응형 */
@media screen and (max-width: 992px) {
	.mission-cards {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 768px) {
	.mission-cards {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.mission-card {
		padding: 25px;
	}

	.mission-card h4 {
		font-size: 18px;
	}

	.mission-card ul li {
		font-size: 14px;
	}
}

/* ******************  연혁 타임라인 ********************** */
.history-timeline {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
}

.history-timeline::before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 3px;
	height: 100%;
	background: linear-gradient(180deg, #34539b 0%, #011a40 100%);
	top: 0;
}

.history-year-block {
	position: relative;
	margin-bottom: 60px;
}

.history-year-block:last-child {
	margin-bottom: 0;
}

.history-year-marker {
	position: relative;
	text-align: center;
	margin-bottom: 30px;
}

.history-year-marker .year-badge {
	display: inline-block;
	background: linear-gradient(135deg, #34539b 0%, #011a40 100%);
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	padding: 15px 40px;
	border-radius: 50px;
	box-shadow: 0 8px 25px rgba(52,83,155,0.35);
	position: relative;
	z-index: 2;
	letter-spacing: 2px;
}

.history-items {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.history-item {
	position: relative;
	background: #fff;
	border-radius: 12px;
	padding: 20px 25px;
	margin: 0 60px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.08);
	border-left: 4px solid #34539b;
	transition: all 0.3s ease;
}

.history-item:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 30px rgba(52,83,155,0.15);
}

.history-item::before {
	content: "";
	position: absolute;
	left: -42px;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background: #34539b;
	border-radius: 50%;
	border: 3px solid #fff;
	box-shadow: 0 0 0 3px #34539b;
}

.history-item p {
	font-size: 16px;
	color: #333;
	line-height: 1.7;
	margin: 0;
	padding-left: 15px;
	position: relative;
}

.history-item p::before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 6px;
	height: 6px;
	background: #00caff;
	border-radius: 50%;
}

/* 반응형 */
@media screen and (max-width: 768px) {
	.history-timeline::before {
		left: 20px;
	}

	.history-year-marker {
		text-align: left;
		padding-left: 50px;
	}

	.history-year-marker .year-badge {
		font-size: 22px;
		padding: 12px 30px;
	}

	.history-item {
		margin: 0 0 0 50px;
		padding: 15px 20px;
	}

	.history-item::before {
		left: -38px;
		width: 12px;
		height: 12px;
	}

	.history-item p {
		font-size: 14px;
	}
}

@media screen and (max-width: 480px) {
	.history-year-marker .year-badge {
		font-size: 18px;
		padding: 10px 25px;
	}

	.history-item {
		padding: 12px 15px;
	}

	.history-item p {
		font-size: 13px;
		padding-left: 12px;
	}
}