/* 20250305 */
.investment{ padding: 210px 0 175px; }
.investment .subTitle{ margin-bottom: 120px; overflow: hidden;}
.investment .subTitle span{ display:block; text-align: center; color: #111; font-size: 60px; font-weight: 700; letter-spacing: -1.2px; opacity: 0; }
.investment .subTitle.subOn span{ animation: ani_3 0.5s 0.3s; animation-fill-mode: both; }
.investment .ani.up{ opacity: 0; }
.investment .ani.up.subOn{ animation: ani_3 0.7s 0.3s; animation-fill-mode: both; }

#finance .ctn-box:not(:last-child){ margin-bottom: 120px; }
#finance .ctn-box .title{ display:flex; justify-content:space-between; align-items:flex-end; color: #222; font-size: 36px; font-weight: 600;letter-spacing: -0.72px; margin-bottom: 20px; }
#finance .ctn-box .title span{ color: #999; font-size: 18px; font-weight: 400; letter-spacing: -0.36px;}
#finance .ctn-box .table-box{ border-top:1px solid #000; }
#finance .ctn-box .table-box table{  }
#finance .ctn-box .table-box table tr *{ height: 60px; padding: 0 20px; text-align: center; border-bottom: 1px solid #EEE; }
#finance .ctn-box .table-box table tr th{ color: #111; font-weight: 600; letter-spacing: -0.36px; font-size:18px;}
#finance .ctn-box .table-box table tr td{ color:#333; letter-spacing: -0.32px; font-size:16px;}
#finance .ctn-box .table-box table tr td:first-child{ color: #111; font-weight: 500; }
#finance .ctn-box .table-box table tr.type2 td{ background: rgba(255, 134, 35, 0.03); border-bottom: 1px solid #FF8623; }

.investment.board .table-box{ border-top:2px solid #000; }
.investment.board .table-box table tr > *{ border-bottom: 1px solid #EEE; }
.investment.board .table-box table tr th{ font-size:18px; color: #111; font-weight: 600; letter-spacing: -0.36px; height: 100px;}
.investment.board .table-box table tr td{ font-size:16px; color: #888; text-align: center; letter-spacing: -0.32px;  padding: 40px 30px; }
.investment.board .table-box table tr td:first-child{ color:#333; }
.investment.board .table-box table tr td a{ color: #333; text-align: left; width: 100%; text-overflow: ellipsis;  overflow: hidden; display:-webkit-inline-box; -webkit-line-clamp: 2; 
-webkit-box-orient: vertical; font-size:18px; line-height: 1.5; }
.investment.board .table-box table tr td a[download]{ text-align: center; padding: 0; }
#ir.investment.board .table-box table tr td:nth-child(2){ text-align: left; font-size:18px; color:#333; }
#announcement.investment.board .table-box table tr td:nth-child(4){ font-size:18px; color:#555; }

.investment.board .select-box{ display:flex; justify-content:space-between; margin: 100px 0 40px; }
.investment.board .select-box select{ color: #353535; font-size: 18px; font-weight: 300; letter-spacing: -0.36px; width: 120px; height: 45px; border-radius:50px; border: 1px solid #DDD;
padding: 0 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/img/common/selectArrow.png) top 50% right 20px no-repeat;}
.investment.board .select-box input[type="text"]{ border:none; border-bottom: 1px solid #151515; width: 320px; height: 45px; margin: 0 40px; font-size: 17px; letter-spacing: -0.34px;
color:#333; }
.investment.board .select-box input[type="text"]::placeholder{ color:#ddd; }
.investment.board .select-box .year-box{ display:flex; align-items:center; }
.investment.board .select-box .year-box .title{ color: #353535; font-size: 20px; font-weight: 600; letter-spacing: -0.4px; margin-right: 15px; }
.investment.board .select-box .radio-box{ display:flex; align-items:center; }
.investment.board .select-box .radio-box > *:not(:last-child){ margin-right: 20px; }
.investment.board .select-box .radio-box input{ display:none; }
.investment.board .select-box .radio-box label{ display:flex; align-items:center; color: #353535; font-size: 20px; font-weight: 600; letter-spacing: -0.4px; cursor:pointer; }
.investment.board .select-box .radio-box label span{ position: relative; width: 20px; height: 20px; border-radius:50%; border:1px solid #ddd; margin-right: 10px; }
.investment.board .select-box .radio-box label span:after{ content:''; display:block; width: 12px; height: 12px; background: #FF8623; border-radius:50%; 
position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; opacity: 0; transition:all 0.3s;  }
.investment.board .select-box .radio-box input[type="radio"]:checked + label span:after{ opacity: 1; }
.investment.board .select-box button.btn{ width: 123px; height: 45px; color:#fff; letter-spacing: -0.38px; font-weight: 600; font-size:19px; background: #151515; border-radius:50px; 
border:none; display:flex; align-items:center; justify-content:center; }
.investment.board .select-box button.btn img{ margin-left: 10px;}
.investment.board .select-box.type2{ justify-content:flex-end; }

.investment.view{ margin: 0 auto !important; border:none; }
.investment.view .board-view{ margin-top: 0; }
.investment.view .board-view .title-box{ border-top: 2px solid #000; border-bottom: 1px solid #EEE; padding: 60px; }
.investment.view .board-view .title-box .title{ color: #222; font-size: 32px; font-weight: 600; line-height:1.56; letter-spacing: -0.64px; margin-bottom: 70px; }
.investment.view .board-view .title-box ul{ display:flex; align-items:center; font-size:18px; letter-spacing: -0.36px; }
.investment.view .board-view .title-box ul li{ display:flex; align-items:center; color:#888; }
.investment.view .board-view .title-box ul li:not(:last-child):after{ content:''; display:block; width: 1px; height: 12px; background: #ddd; margin: 0 60px; }
.investment.view .board-view .title-box ul li span{ color:#333; margin-right: 30px; font-weight: 600; }
.investment.view .board-view .attach{ padding: 40px 60px; border-bottom: 1px solid #EEE;}
.investment.view .board-view .attach dl{ display:flex; }
.investment.view .board-view .attach dl dd{ padding-top: 0; margin-top: -10px; margin-left: 30px; }
.investment.view .board-view .attach dl dd li{ background: url(/img/sub/file_icon.png) left 5px no-repeat;}
.investment.view .board-view .attach dl dd a{ color:#888; text-decoration-line: underline;}

#regulations .title-box{ border-top: 2px solid #000; border-bottom:1px solid #ddd; padding: 60px 20px; text-align: center; margin-bottom: 85px; }
#regulations .title-box .title{ color:#FF8623; font-size:40px; font-weight: bold; letter-spacing: -0.8px; margin-bottom: 20px; }
#regulations .title-box .txt{ color:#555; font-weight: 500; font-size:20px; letter-spacing: -0.4px; }
#regulations .ctn-box .title{ color: #111; font-size: 32px; font-weight: 500; letter-spacing: -0.64px; margin: 75px 0 60px;}
#regulations .ctn-box .title:before{ content:''; display:block; width: 6px; height: 6px; border-radius:50%; background: #FF8623; margin-bottom: 15px; }
#regulations .ctn-box dl:not(:last-child){ margin-bottom: 40px; }
#regulations .ctn-box dl dt{ color: #333; font-size: 20px; font-weight: 700; letter-spacing: -0.4px; margin-bottom: 25px; }
#regulations .ctn-box dl dd{ color: #333; font-size: 17px; font-weight: 300; line-height: 160%; letter-spacing: -0.34px;}
#regulations .ctn-box dl dd p{ text-indent:-20px; margin-left: 20px; }
#regulations .ctn-box dl dd p:not(:last-child){ margin-bottom: 5px; }
#regulations .ctn-box dl dd ul{ margin-left: 20px;}


@media screen and (max-width:1024px){	
	.investment{ padding: 100px 0 80px; }
	.investment .subTitle{ margin-bottom: 80px; }
	.investment .subTitle span{ font-size: 35px; }

	#finance .ctn-box:not(:last-child){ margin-bottom: 80px; }
	#finance .ctn-box .title{ font-size:30px; }

	.investment.view .board-view .title-box,
	.investment.view .board-view .attach{ padding: 40px 20px; }
	.investment.view .board-view .title-box .title{ margin-bottom: 50px; font-size: 26px; }

	.investment.board .select-box{ flex-wrap:wrap; justify-content: flex-start; margin: 80px 0 40px;}
	.investment.board .select-box .year-box{ width: 100%; margin-bottom: 20px; }

	#regulations .title-box .title{ font-size: 32px; }
	#regulations .ctn-box .title{ font-size:30px; }
}
@media screen and (max-width:960px){
	#finance .ctn-box:not(:last-child){ margin-bottom: 60px; }
	#finance .ctn-box .table-box{ width: 100%; overflow-y: scroll;}
	#finance .ctn-box .table-box colgroup{ display:none; }
	#finance table{ width: 768px; }
	#finance .ctn-box .table-box table tr th:nth-child(2),
	#finance .ctn-box .table-box table tr td:nth-child(2){ display:none; }

	.investment table{ border-collapse:collapse; table-layout:fixed; border:0; width: 100%; }
	.investment table th{ word-wrap:break-word }
	.investment table td{ word-wrap:break-word }

	.investment.board .table-box table colgroup{ display:none; }
	.investment.board .table-box table tr th{ height: 70px; width: 23%; padding: 0 10px;}
	.investment.board .table-box table tr th:nth-child(3){ width: 60%;}
	.investment.board .table-box table tr th:first-child,
	.investment.board .table-box table tr td:first-child{ display:none; }
	.investment.board .table-box table tr th,
	.investment.board .table-box table tr td a{ font-size:16px; }
	.investment.board .table-box table tr td{ padding: 20px 10px; font-size:14px; }
	.investment.board.type2 .table-box table tr th:nth-child(2){ width: 70%; }
	.investment.board.type2 .table-box table tr th:nth-child(3){ width: 30%;}

	.investment.board .select-box{ flex-wrap:wrap; justify-content: flex-start; margin: 60px 0 30px;}
	.investment.board .select-box .year-box .title,
	.investment.board .select-box .radio-box label{ font-size:18px; }
	.investment.board .select-box .year-box select{ font-size:16px; }
	.investment.board .select-box input[type="text"]{ margin: 20px 0; width: 100%; }
	.investment.board .select-box button.btn{ width: 100%; }
	.investment.board .select-box .radio-box{ flex-wrap:wrap;width: 100%; }
	.investment.board .select-box .radio-box > *:not(:last-child){ margin-right: 15px; }
	.investment.board .select-box .radio-box .box:last-of-type{ margin-right: 0; }
	.investment.board .select-box .radio-box button{ font-size:17px; width: 100%; height: 45px; margin-top: 20px;}
	.investment.board .select-box.type2{ justify-content:normal; }
	#ir.investment.board .table-box table tr td:nth-child(2),
	#announcement.investment.board .table-box table tr td:nth-child(4){ font-size:16px; }
	#ir.investment.board .table-box table{ width: 100%;}
	#ir.investment.board .table-box table tr th{ width: 80%;}
	#ir.investment.board .table-box table tr th:nth-child(3)){ width: 20%;}
	#announcement.investment.board .table-box table tr th,
	#announcement.investment.board .table-box table tr td:nth-child(3){ display:none; }
	#announcement.investment.board .table-box table,
	#announcement.investment.board .table-box table tbody{ display:block; width: 100%; }
	#announcement.investment.board .table-box table tbody tr{ display:flex; flex-wrap:wrap; border-bottom: 1px solid #EEE;}
	#announcement.investment.board .table-box table tbody tr td{ border:none; padding: 15px 10px;}
	#announcement.investment.board .table-box table tbody tr td:nth-child(2){ width: 100%; padding-bottom: 0; }

	.investment.view#subCont{ padding-top: 0; }
	.investment.view .board-view .title-box,
	.investment.view .board-view .attach{ padding: 30px 10px; }
	.investment.view .board-view .title-box .title{ margin-bottom: 30px; font-size: 24px;}
	.investment.view .board-view .title-box ul{ font-size:14px; }
	.investment.view .board-view .title-box ul li:not(:last-child):after{ margin: 0 20px;}
	.investment.view .board-view .title-box ul li span{ margin-right: 20px;}

	#regulations .title-box{ padding: 40px 20px; margin-bottom: 60px; }
	#regulations .title-box .title{ font-size:26px; }
	#regulations .title-box .txt{ font-size:18px; }
	#regulations .ctn-box .title{ font-size:24px; margin: 40px 0 30px;}
	#regulations .ctn-box dl dt{ font-size:18px; margin-bottom: 15px;}
	#regulations .ctn-box dl dd{ font-size:15px; }
	#regulations .ctn-box dl dd p,
	#regulations .ctn-box dl dd ul li{ text-indent:-15px; margin-left: 15px;}
}
@media screen and (max-width:640px){
	#lnb > ul.menu6{ flex-wrap:wrap; gap:7px }
	#lnb > ul.menu6 > li:not(last-child){ margin-right: 0; }

	.investment{ padding: 80px 0 60px; }
	.investment .subTitle{ margin-bottom: 40px; }
	.investment .subTitle span{ font-size: 28px; }

	#finance .ctn-box .title{ font-size:22px; }
	#finance .ctn-box .title span{ font-size:16px; }
	#finance .ctn-box .table-box table tr th{ font-size:16px; }
	#finance .ctn-box .table-box table tr td{ font-size:14px; }
}