@charset "utf-8";

#sub .bg3.bg-n{ background: url("/img/sub/investors_bg.jpg") no-repeat center center / cover; }

.main-title { margin-bottom: 1em; font-size: 60px; font-weight: 700; color: #222; }

.style-new * { font-family: 'Pretendard', 'Noto Sans KR', 'Malgun Gothic', 'verdana', sans-serif; color: #222; }
.style-new .paging ul li a { font-family: 'Outfit', 'Pretendard', 'Noto Sans KR', 'Malgun Gothic', 'verdana', sans-serif; }

#investors .section { padding: 140px 0; }
#investors .section.bg-gray { background-color: #F9F9F9; }
#investors .top-text { margin-top: 60px; font-size: 22px; color: #555; text-align: center; }
#investors .stock-box { display: flex; flex-wrap: wrap; gap: 50px 30px; }
#investors .stock-box > div { border-top: 2px solid #000000; }
#investors .stock-info { width: 50%; }
#investors .stock-info > ul > li { padding: 29px 0; border-bottom: 1px dashed #E1E1E1; }
#investors .stock-info .stock-title { display: flex; align-items: center; gap: 10px 31px; }
#investors .stock-info .stock-title > span { position: relative; font-size: 22px; font-weight: 700; }
#investors .stock-info .stock-title > span::before { content:""; position: absolute; left: -16px; top: 50%; width: 1px; height: 18px; background-color: #D9D9D9; transform: translateY(-50%); }
#investors .stock-info .stock-title > span:first-child::before { display: none; }
#investors .stock-info .stock-now { display: flex; gap: 30px; letter-spacing: -0.02em; }
#investors .stock-info .stock-now > span { padding-top: 0.38em; font-size: 26px; font-weight: 500; }
#investors .stock-info .stock-now > b { font-size: 50px; font-weight: 700; }
#investors .stock-info .stock-data { margin-top: 40px; letter-spacing: -0.02em; }
#investors .stock-info .stock-data ul { display: flex; flex-wrap: wrap; row-gap: 10px; }
#investors .stock-info .stock-data ul > li { display: flex; gap: 27px; width: calc(100%/3); padding-right: 20px; }
#investors .stock-info .stock-data ul > li > span { font-size: 18px; }
#investors .stock-info .stock-data ul > li > .label { font-weight: 600; }
#investors .stock-info .stock-data ul > li > .value { display: flex; align-items: center; position: relative; font-weight: 500; color: #555; }
#investors .stock-info .stock-data ul > li > .value::before { content:""; position: absolute; left: -14px; top: 50%; width: 1px; height: 16px; background-color: #E1E1E1; transform: translateY(-50%); }
#investors .stock-info .stock-data ul > li > .value .arrow { display: inline-block; width: 14px; height: 8px; margin-right: 10px; background: no-repeat center center/contain; }
#investors .stock-info .stock-data ul > li > .up .arrow { background-image: url("/img/sub/investors/icon_up.svg"); }
#investors .stock-info .stock-data ul > li > .down .arrow { background-image: url("/img/sub/investors/icon_down.svg"); }
#investors .stock-tb { position: relative; width: calc(50% - 30px); }
#investors .stock-tb > .date { position: absolute; right: 0; top: -19px; font-size: 16px; font-weight: 500; color: #999; text-align: right; letter-spacing: -0.02em; transform: translateY(-100%); }
#investors .stock-tb table { --tb-h: 91px; font-size: 18px; }
#investors .stock-tb table th { height: var(--tb-h); border: 1px solid #E1E1E1; font-weight: 600; background-color: #F6F6F6; }
#investors .stock-tb table td { height: var(--tb-h); border: 1px solid #E1E1E1; text-align: center; }
#investors .stock-tb table tr:first-child th { border-top: none; }
#investors .stock-tb table tr:first-child td { border-top: none; }
#investors .stock-tb table th:first-child { border-left: none; }
#investors .stock-tb table td:last-child { border-right: none; }
#investors .stock-tb table td .value { display: inline-flex; align-items: center; }
#investors .stock-tb table td .value .arrow { display: inline-block; width: 14px; height: 8px; margin-right: 10px; background: no-repeat center center/contain; }
#investors .stock-tb table td .up .arrow { background-image: url("/img/sub/investors/icon_up.svg"); }
#investors .stock-tb table td .down .arrow { background-image: url("/img/sub/investors/icon_down.svg"); }
#investors .basic-tb { --tb-h: 76px; }
#investors .basic-tb .tb-title { margin-bottom: 30px; }
#investors .basic-tb .tb-title.flex { display: flex; justify-content: space-between; align-items: flex-end; }
#investors .basic-tb .tb-title > .title { font-size: 30px; font-weight: 700; }
#investors .basic-tb * { font-size: 20px; }
#investors .basic-tb .tb-title > .unit { font-size: 18px; font-weight: 500; color: #555; letter-spacing: -0.02em; }
#investors .basic-tb th {padding:10px;}
#investors .basic-tb td { padding: 10px 30px; }
#investors .basic-tb thead th { font-weight: 600; height: var(--tb-h); border: 1px solid #E1E1E1; border-top: 2px solid #000000; border-bottom: none; background-color: #F6F6F6; }
#investors .basic-tb tbody th { border: 1px solid #E1E1E1; font-weight: 600; background-color: #FDFDFD; }
#investors .basic-tb tbody td { font-weight: 500; height: var(--tb-h); border: 1px solid #E1E1E1; text-align: center; }
#investors .basic-tb tbody .total td { font-weight: 600; color: var(--mainColor); }

#investors .stockholder-box { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 70px; border-radius: 10px; background-color: #fff; }
#investors .stockholder-box .stockholder-img { display: flex; justify-content: center; align-items: center; width: 44.5%; }
#investors .stockholder-box .stockholder-img .img-box { max-width: 406px; }
#investors .stockholder-box .basic-tb { width: 50%; }
#investors .financial-tab { display: flex; margin-bottom: 40px; }
#investors .financial-tab .tab-item { position: relative; display: flex; justify-content: center; align-items: center; width: calc(100%/3); height: 69px; border: none; border-bottom: 1px solid #DDDDDD; font-size: 22px; font-weight: 500; background-color: transparent; }
#investors .financial-tab .tab-item.on { color: var(--mainColor); }
#investors .financial-tab .tab-item.on::after { content:""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background-color: var(--mainColor); }
#investors .financial-box .basic-tb { --tb-h: 63px; display: none; }
#investors .financial-box .basic-tb * { font-size: 18px; }
#investors .financial-box .basic-tb.on { display: block; }
#investors .financial-box .basic-tb tbody td { text-align: right; color: #333; }
#investors .financial-box .basic-tb tbody tr.tr-bg,
#investors .financial-box .basic-tb tbody tr.tr-bg th{ background-color: #fff5f6; }
#investors .financial-box .basic-tb tbody tr.tr-bg td { font-weight: 600; }
#investors .financial-box .basic-tb tbody tr.tr-bg>* {color:#BF1E2E;}
#investors .section-disclosures td a { color: #222; }
.depth3-tab { display: flex; margin-bottom: 80px; }
.depth3-tab .tab-item { flex: 1; display: flex; justify-content:center; align-items: center; height: 85px; font-size: 22px; font-weight: 600; color: #555; text-align: center; background-color: #F9F9F9; }
.depth3-tab .tab-item.on { color: #fff; background-color: var(--mainColor); }
#list .list-box ul li .file { padding: 0; }
#list .list-box ul li .file::before,
#list .list-box ul li .file::after{ display: none; }
#list .list-box ul li .file { margin-top: 15px; }
#list .list-box ul li .file > span { overflow: hidden; text-overflow: ellipsis; white-space:nowrap; position: relative; display: inline-block; max-width: 100%; padding-left: 1.37em; font-size: 16px; color: #666; transition: color 0.5s; }
#list .list-box ul li .file > span::before { content:""; position: absolute; left: 0; top: 0.3em; width: 14px; height: 11px; background: url("/img/sub/icon_list_file.svg") no-repeat center center/contain; transition: 0.5s; }
#list .list-box ul li:hover .file > span { color: var(--mainColor); }
#list .list-box ul li:hover .file > span::before { background-image: url("/img/sub/icon_list_file_on.svg"); }
#view .file-box { margin: 40px 0 60px; }
#view .file-box dl { --dt-w: 84px; display: flex; align-items: center; padding: 0 40px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; font-size: 16px; }
#view .file-box dl + dl { border-top: none; }
#view .file-box dt { position: relative; width: var(--dt-w); font-weight: 500; letter-spacing: -0.02em; color: #222; }
#view .file-box dt::after { content:""; position: absolute; right: 0px; top: 50%; width: 1px; height: calc(100% - 1px); background-color: #EEEEEE; transform: translateY(-50%); }
#view .file-box dd { width: calc(100% - var(--dt-w)); padding-left: 29px; }
#view .file-box dd > a { position: relative; display: flex; align-items: center; width: 100%; height: 63px; }
#view .file-box dd > a > .text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; display: inline-block; padding-left: 1.5em; padding-right: 120px; font-weight: 500; letter-spacing: -0.02em; color: #222; transition: color 0.5s; }
#view .file-box dd > a > .text::before { content:""; position: absolute; left: 0; top: 0.3em; width: 14px; height: 11px; background: url("/img/sub/icon_list_file.svg") no-repeat center center/contain; transition: 0.5s; }
#view .file-box dd > a > .btn-download { position: absolute; right: 0; top: 50%; display: flex; justify-content: center; align-items:center; width: 129px; height: 43px; border: 1px solid #EEEEEE; border-radius: 4px; font-size: 16px; font-weight: 500; color: #222; transform: translateY(-50%); transition: color 0.5s, border 0.5s, background-color 0.5s; }
#view .file-box dd > a > .btn-download::after { content:""; width: 16px; height: 16px; margin-left: 10px; background: url("/img/sub/icon_download.svg") no-repeat center center/contain; transition: filter 0.5s; }
#view .file-box dd > a:hover > .text { color: var(--mainColor); }
#view .file-box dd > a:hover > .text::before { background-image: url("/img/sub/icon_list_file_on.svg"); }
#view .file-box dd > a:hover .btn-download { border-color: var(--mainColor); color: #fff; background-color: var(--mainColor); }
#view .file-box dd > a:hover .btn-download::after { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

@media screen and (max-width: 1500px){
	.main-title { font-size: 50px; }
	#investors .stock-info .stock-title > span { font-size: 20px; }
	#investors .stock-info .stock-now > span { font-size: 22px; }
	#investors .stock-info .stock-now > b {font-size: 40px; }
	#investors .stock-info .stock-data ul > li > span { font-size: 16px; }
	#investors .stock-tb table { --tb-h: 86px; font-size: 16px; }
	#investors .basic-tb .tb-title { margin-bottom: 20px; }
	#investors .basic-tb .tb-title > .title { font-size: 24px; }
	#investors .basic-tb .tb-title > .unit { font-size: 16px; }
	#investors .basic-tb * { font-size: 18px; }
	#investors .financial-tab .tab-item { font-size: 20px; } 
	#investors .financial-box .basic-tb * { font-size: 16px; }
	#investors .financial-box .basic-tb tbody th .p_br { display: none; }
}

@media screen and (max-width: 1250px){
	.main-title { font-size: 42px; }
	#investors .top-text { font-size: 20px; }
	#investors .top-text p > br { display: none; }
	#investors .section { padding: 100px 0; }
	#investors .stockholder-box { padding: 50px; }
	#investors .basic-tb th, #investors .basic-tb td { padding: 5px 15px; }
	.depth3-tab { margin-bottom: 60px; }
	.depth3-tab .tab-item { height: 75px; font-size: 20px; }
	#list .list-box ul li .file > span { font-size: 15px; }
	#view .file-box { margin: 20px 0 30px; }
	#view .file-box dl { --dt-w: 70px; padding: 0 30px; font-size: 15px; }
	#view .file-box dd { padding-left: 22px; }
	#view .file-box dd > a { height: 55px; }
	#view .file-box dd > a > .btn-download { width: 110px; height: 35px; font-size: 14px; }
	#view .file-box dd > a > .btn-download::after { width: 15px; height: 15px; margin-left: 6px; }
}
@media screen and (max-width: 1024px){
	#investors .top-text { margin-top: 40px;  font-size: 18px; }
	#investors .stock-info, #investors .stock-tb { width: 100%; }
	#investors .stock-tb > .date { top: -10px; }
	#investors .stockholder-box .stockholder-img, #investors .stockholder-box .basic-tb { width: 100%; }
	#investors .stockholder-box .basic-tb { margin-top: 40px; }
	.depth3-tab { margin-bottom: 40px; }
	.depth3-tab .tab-item { height: 60px; font-size: 18px; }
}
@media screen and (max-width: 800px){
	.main-title { font-size: 36px; }
	#investors .section { padding: 60px 0; }
	#investors .stock-info > ul > li { padding: 19px 0; }
	#investors .stock-info .stock-title > span { font-size: 18px; }
	#investors .stock-info .stock-now > span { font-size: 20px; }
	#investors .stock-info .stock-now > b {font-size: 32px; }
	#investors .stock-info .stock-data { margin-top: 25px; }
	#investors .stock-info .stock-data ul > li > span { font-size: 14px; }
	#investors .stock-info .stock-data ul > li > .value .arrow { margin-right: 5px; }
	#investors .stock-tb > .date { font-size: 14px; }
	#investors .stock-tb table { --tb-h: 65px; font-size: 14px; }
	#investors .stockholder-box { padding: 30px; }
	#investors .basic-tb { --tb-h: 60px; }
	#investors .basic-tb * { font-size: 16px; }
	#investors .basic-tb .tb-title { margin-bottom: 15px; }
	#investors .basic-tb .tb-title > .title { font-size: 20px; }
	#investors .basic-tb .tb-title > .unit { font-size: 14px; }
	#investors .basic-tb th, #investors .basic-tb td { padding: 5px 10px; }
	#investors .financial-tab .tab-item { height: 50px; font-size: 18px; }
	#list .list-box ul li .file { margin-top: 10px; }
	#list .list-box ul li .file > span { font-size: 14px; }
	#list .list-box ul li .file > span::before { width: 13px; height: 10px; }
	#investors .basic-tb.mo-layout table { border-top : 2px solid #222; }
	#investors .basic-tb.mo-layout table colgroup { display: none; }
	#investors .basic-tb.mo-layout table thead { display: none; }
	#investors .basic-tb.mo-layout table tr { display: flex; flex-wrap: wrap; border-bottom: 1px solid #E1E1E1; padding: 5px 0; }
	#investors .basic-tb.mo-layout table th, #investors .basic-tb.mo-layout table td { border:none; }
	#investors .basic-tb.mo-layout table td { height: auto; }
	#investors .basic-tb.mo-layout table .num { width: 40px; color: #555; }
	#investors .basic-tb.mo-layout table .title { width: calc(100% - 40px); text-align: left; }
	#investors .basic-tb.mo-layout table .title > a { font-size: 15px; }
	#investors .basic-tb.mo-layout table .name {  margin-left: 40px; }
	#investors .basic-tb.mo-layout table .date { position: relative; }
	#investors .basic-tb.mo-layout table .date::before { content:""; position: absolute; left: 0; top: 50%; display: block; width: 1px; height: 10px; background-color: #ccc; transform: translateY(-50%); }
}
@media screen and (max-width: 640px){
	.main-title { font-size: 24px; }
	#investors .top-text { font-size: 16px; }
	#investors .stockholder-box { padding: 20px; }
	#investors .stock-info .stock-data ul > li { width: 50%; }
	#investors .stock-info .stock-data ul > li > span { font-size: 15px; }
	#investors .stock-info .stock-data ul > li > .label { width: 62px; }
	#investors .basic-tb .tb-title { margin-bottom: 10px; }
	#investors .basic-tb .tb-title > .title { font-size: 18px; }
	#investors .basic-tb th, #investors .basic-tb td { padding: 5px 8px; }
	#investors .financial-tab .tab-item { height: 40px; font-size: 15px; }
	#investors .basic-tb, #investors .financial-box .basic-tb { --tb-h: 50px; }
	#investors .basic-tb *, #investors .financial-box .basic-tb * { font-size: 14px; }
	.depth3-tab { margin-bottom: 30px; }
	.depth3-tab .tab-item { height: 45px; font-size: 16px; }
	#view .file-box { margin: 10px 0 20px; }	
	#view .file-box dl { --dt-w: 60px; padding: 0 20px; font-size: 14px; }
	#view .file-box dd { padding-left: 15px; }
	#view .file-box dd > a { height: 50px; }
	#view .file-box dd > a .btn-download { width: 25px; height: 25px;  font-size: 0; }
	#view .file-box dd > a .btn-download::after { margin-left: 0;}
	#view .file-box dd > a > .text { padding-left: 1.3em; padding-right: 40px; }
	#view .file-box dd > a > .text::before { width: 13px; height: 10px; }
}