/* --------------------------- ir 정보  --------------------------- */
.ir_info { }
.ir_info ._total { padding: 30px 0; }
.ir_info .list {border-top: 2px solid #000; box-sizing: border-box; }
.ir_info .list li .info{
	display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #dddddd; box-sizing: border-box; padding: 34px 30px; gap: 10px;
}
.ir_info .list .info .left { overflow: hidden ; width: 100%;}
.ir_info .list .info .left h3 {
	font-size: 19px; font-weight: 500; letter-spacing: -0.04em;line-height: 1.3; margin-bottom: 10px;
	overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
}
.ir_info .list .info .left small {font-size: 13px; letter-spacing: -0.04em;color: #949494; }
.ir_info .list .info .right {display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap;gap: 9px; }
.ir_info .list .info .right a {border: 1px solid #b9b9b9; box-sizing: border-box; border-radius: 3px;display: flex; align-items: center; justify-content: center; gap: 0.2em;padding: 6px 9px; color: #636363; max-width: 160px; }
html.pc .ir_info .list .info .right a:hover {background-color: var(--purple); color: #fff; border-color: var(--purple); }
.ir_info .list .info .right a img { height: 0.7em; opacity: 0.5;}
html.pc .ir_info .list .info .right a:hover img{opacity: 1; filter: invert(1);}
.ir_info .list .info .right a p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	.ir_info ._total{padding-top: 0;}
	.ir_info .list li .info{padding: 24px 14px;}
	.ir_info .list .info .left h3{font-size: 16px;}
	.ir_info .list .info .right a{font-size: 12px;}
}
@media screen and (max-width:820px) {
	.ir_info ._total{padding-bottom: 20px;}
	/* .ir_info .list li .info{flex-direction: column; align-items: flex-start;} */
	.ir_info .list .info .right{gap: 4px; flex-wrap: wrap;}
}
@media screen and (max-width:500px) {
	.ir_info .list li .info{padding: 12px 8px;}
	.ir_info .list .info .left h3{font-size: 12px;}
}
@media screen and (max-width:320px) {}



/* --------------------------- 전자공고  --------------------------- */
.notice .list .info{cursor: pointer;}
.notice .list .info .right i{transition: transform 0.5s; font-size: 20px; opacity: 0.5;}
.notice .list .info.on .right i{transform: rotate(180deg); opacity: 1;}
.notice .list .bottom{
	width: 100%; display: none;
}
.notice .list .bottom a{
	display: flex; align-items: center; font-size: 17px; color: #0d0d0d; letter-spacing: -0.04em; line-height: 1.3;
	position: relative; padding-right: 2em; box-sizing: border-box; background-color: #efefef;
	padding: calc(30/17*1em) 30px; padding-right: 60px; border-bottom: 1px solid #dddddd;
}
.notice .list .bottom a:hover{background-color: #8b8b8b; color: #fff;}
.notice .list .bottom a:hover img{filter: invert(1); opacity: 1;}
.notice .list .bottom a p{display: flex; align-items: flex-start; gap: 0.2em;}
.notice .list .bottom a p::before {
	content:'·'; display: block; line-height: 1.2;
}
.notice .list .bottom a img{
	position: absolute; right: 31px; width: 18px; opacity: 0.5;
}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	.notice .list .info .right i{font-size: 16px;}
	.notice .list .bottom a img{width: 14px;}
	.notice .list .bottom a{padding: 24px 14px; padding-right: 50px; font-size: 16px;}
	.notice .list .bottom a img{right: 15px;}
}
@media screen and (max-width:820px) {
	.notice .list li .info{flex-direction: row; align-items: center;}
}
@media screen and (max-width:500px) {
	.notice .list .info .right i{font-size: 14px;}
	.notice .list .bottom a img{width: 12px;}
	.notice .list .bottom a{padding: 12px 8px; padding-right: 40px; font-size: 12px;}
	.notice .list .bottom a img{right: 9px;}
}
@media screen and (max-width:320px) {}





/* --------------------------- 공시  --------------------------- */
.disclosure{}
.disclosure .list .info {}
.disclosure .list .info .right{}
.disclosure .list .info .right i{font-size: 25px; opacity: 0.5; transform: rotate(-45deg);}
@media screen and (max-width:1024px){
	.disclosure .list .info .right i{font-size: 20px;}
}
@media screen and (max-width:820px) {
	/* .ir_info .list li .info{flex-direction: column; align-items: flex-start;} */
}
@media screen and (max-width:500px) {
	.disclosure .list .info .right i{font-size: 17px;}
}
@media screen and (max-width:320px) {}





/* --------------------------- 재무재표 공통  --------------------------- */
.financials{}
.financials ._contents{padding-top: 50px;}
.financials ._contents .wrap{}
.financials h2{
	font-size: 38px; text-align: center; font-weight: 600; letter-spacing: -0.025em;
	margin-bottom: calc(60/38*1em);
}
.financials .tableArea{margin-bottom: 80px;}
.financials .tableArea:last-child{margin-bottom: 0;}

.financials .tableArea .info{
	font-size: 17px; letter-spacing: -0.04em; color: #a6a6a6; margin-bottom: 16px;
	display: flex; justify-content: space-between;
}
.financials .tableArea .info p{}

.financials .tableBx{font-size: 1px; overflow: auto;}
.financials .table{min-width: 500px;}
.financials .table .tr{
	border-bottom: 1px solid #dddddd; box-sizing: border-box;
	min-height: 57em;
	display: grid; grid-template-columns: repeat(4,1fr);
}
.financials .table .tr .td{
	padding: max(calc(10/17*1em),4px) calc(30/17*1em); box-sizing: border-box; flex: 1;
	font-size: max(17em,10px); border-right: 1px solid #dddddd; box-sizing: border-box;
	display: flex; align-items: center; justify-content: flex-end; line-height: 1.3;
}
.financials .table .tr .td:nth-child(1){justify-content: flex-start;}
.financials .table .tr .td:last-child{border-right: 0;}
.financials .table .tr .td.padding{padding-left: calc(53/17*1em);}
.financials .table .tr .td > div{}

/* 색상등 스타일 */
.financials .table .purple{background-color: #3b0694; color: #fff; border-bottom: 0;}
.financials .table .purple2{background-color: #f4eeff;}
.financials .table .gray{background-color: #f0f0f0; border-top: 2px solid #000; box-sizing: border-box; }


@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
	.financials ._contents{padding-top: 20px;}
}
@media screen and (max-width:1280px) {
	.financials .tableBx{font-size: calc(1/1280*100vw);}
}
@media screen and (max-width:1024px) {
	.financials h2{font-size: 30px;}
}
@media screen and (max-width:820px) {
	.financials h2{font-size: 26px;}
	.financials .tableArea .info{font-size: 14px;}
}
@media screen and (max-width:540px){
	.financials .tableBx{position: relative; word-break: break-all;}
	.financials .tableBx::before{content:''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.6;}
	.financials .tableBx::after{content:'SCROLL ➞'; display: block; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 16px; font-weight: 500;}

	.financials .tableBx.click::before{display: none;}
	.financials .tableBx.click::after{display: none;}
}
@media screen and (max-width:500px) {
	.financials h2{font-size: 24px;}
	.financials .tableArea{margin-bottom: 60px;}
	.financials .tableArea .info{font-size: 12px; margin-bottom: 6px; font-weight: 300;}
	.financials .table .tr .td{padding: 4px 1em;}
	.financials .table .tr .td.padding{padding-left: 1.5em;}
}
@media screen and (max-width:320px) {}