/*2024 추가*/
:root {
    --point-2024: #cc3300;
    --point-2024-org: #f19340;
    --point-2024-org-d: #e56c44;
    --point-2024-blue: #adebfc;
}

/*NotoSerif*/
@font-face {
    font-family:'NSSM';
    font-style:normal;
    font-weight:400;
    font-display: swap;
    src: local('NotoSerifKR-Medium'), url(/css/fonts/woff2/NotoSerifCJKkr-Regular-subset.woff2) format('woff2'), url(/css/fonts/woff/NotoSerifCJKkr-Regular-subset.woff) format('woff');
    }

.sub-text-basic b {font-family: NSB;}
.fc-point-2024 {color: var(--point-2024);}

.m-copy-box:before {top: .37em;}
.m-copy-box-img.i240101 {width:100%; height:648px; background:url(/images/sub2024/img_20240101_01.jpg) no-repeat top center; background-size:cover; position:relative; display:flex; flex-wrap: wrap; justify-content: flex-end; align-content: flex-end;}
.m-copy-box-img.i240101 p {background:rgba(29, 23, 18,.68); color:#fff; font-size:26px; font-family: 'NSSM'; word-break: keep-all; width:58%; line-height:1.7; padding:65px 40px 60px 77px; margin-bottom: 114px; position: relative;}
.m-copy-box-img.i240101 p:before {content: ''; width: 23px; height: 17px; background: url(/images/sub2024/blt-quo.svg) no-repeat center / cover; position: absolute; left: 32px; top: 52px;}
.m-copy-box-img.i240101 p span {font-size:15px; text-align:center; display:block; font-family:'NST'; color:#fff; padding-top:30px;}

.m-copy-box-img.i240102 {width:100%; height:648px; background:url(/images/sub2024/img_20240102_01.jpg) no-repeat top center; background-size:cover; position:relative; display:flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-end;}
.m-copy-box-img.i240102 p {background:rgba(35, 30, 68,.56); color:#fff; font-size:25px; font-family: 'NSSM'; word-break: keep-all; width:50%; line-height:1.7; padding:65px 77px 60px 40px; margin-bottom: 114px; position: relative;}
.m-copy-box-img.i240102 p:before {content: ''; width: 23px; height: 17px; background: url(/images/sub2024/blt-quo-end.svg) no-repeat center / cover; position: absolute; right: 32px; top: 52px;}
.m-copy-box-img.i240102 p span {font-size:15px; text-align:center; display:block; font-family:'NST'; color:#fff; padding-top:30px;}

.m-copy-box-img.i240102 .photo-source {display: flex; align-items: center; position:absolute; right:39px; bottom:17px; font-size:14px; color:#fff; font-family: NST; word-break: keep-all;}
.m-copy-box-img.i240102 .photo-source:before {content: ''; display: block; width: 14px; height: 9px; margin-right: 5px; background: url(/images/sub2024/blt-arrow.svg) no-repeat center / cover;}

.m-copy-box-img.i240202 {width:100%; height:441px; background:url(/images/sub2024/img_20240202_01.jpg) no-repeat top center; background-size:contain; position:relative; display:flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-end;}
.m-copy-box-img.i240202 p {background:rgba(255, 255, 255,.76); color:#111; font-size:20px; font-family: 'NSM'; word-break: keep-all; width:70%; line-height:1.7; padding:40px 85px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%) !important;}

.m-copy-box-img.i240202 .photo-source {display: flex; position:absolute; right:5px; bottom:-35px; font-size:14px; color:#333; font-family: NSM;}

.m-copy-box-img.i240203 {width:100%; position:relative;}
.m-copy-box-img.i240203 img {position: relative;}
.m-copy-box-img.i240203 .sub-img {position:absolute; right:15px; bottom:70px;}
.m-copy-box-img.i240203 .photo-source {position:absolute; right:35px; bottom:30px; font-size:14px; color:#333; font-family: NSM;}

@media (max-width:1300px){
    .m-copy-box-img.i240202 {height: 350px;}
    .m-copy-box-img.i240202 p {font-size:17px;}
}

@media (max-width:1100px){
    .m-copy-box-img.i240202 {height: 320px;}
    .m-copy-box-img.i240202 p {padding:30px 50px;}    
    .m-copy-box-img.i240202 .photo-source {right:5px; bottom:-25px; font-size:13px;}
}

@media only screen and (max-width:1024px) {
    .m-copy-box:before {top: .27em;}
	.m-copy-box-img.i240101 {height:480px;}
	.m-copy-box-img.i240101 p {font-size:18px; width:60%; padding:40px 10px 50px 60px;}
    .m-copy-box-img.i240101 p:before {width: 18px; height: 14px; left: 32px; top: 42px;}
	.m-copy-box-img.i240101 p span {font-size:14px; padding-top: 15px;}
    
	.m-copy-box-img.i240102 {height:480px;}
	.m-copy-box-img.i240102 p {font-size:17px; width:60%; padding:40px 60px 50px 30px;}
    .m-copy-box-img.i240102 p:before {width: 18px; height: 14px; right: 32px; top: 42px;}
	.m-copy-box-img.i240102 p span {font-size:14px; padding-top: 15px;}

    .m-copy-box-img.i240102 .photo-source {right:20px; bottom:13px; font-size:13px;}
    .m-copy-box-img.i240102 .photo-source:before {width: 14px; height: 9px; margin-right: 5px;}

    .m-copy-box-img.i240203 .sub-img {right:0; bottom:30px;}
    .m-copy-box-img.i240203 .sub-img img {width: 200px;}
    .m-copy-box-img.i240203 .photo-source {right:17px; bottom:20px; font-size:13px;}
}

@media (max-width:970px){
    .m-copy-box-img.i240202 {height: 290px;}
    .m-copy-box-img.i240202 p {padding:20px 30px 70px; font-size: 16px; width: 80%;}    
    .m-copy-box-img.i240202 .photo-source {right:5px; bottom:-20px; font-size:12px;}
}

@media only screen and (max-width:767px) {	
	.m-copy-box-img.i240101 {height:300px;}
	.m-copy-box-img.i240101 p {font-size:15px; width:80%; padding:30px 10px 30px 40px; margin-bottom: 30px;}
    .m-copy-box-img.i240101 p:before {width: 16px; height: 13px; left: 18px; top: 32px;}
	.m-copy-box-img.i240101 p span {font-size:12px;}

	.m-copy-box-img.i240102 {height:300px;}
	.m-copy-box-img.i240102 p {font-size:14px; width:80%; padding:20px 30px 20px 10px; margin-bottom: 50px;}
    .m-copy-box-img.i240102 p:before {width: 16px; height: 13px; right: 18px; top: 22px;}
	.m-copy-box-img.i240102 p span {font-size:12px;}

    .m-copy-box-img.i240102 .photo-source {right:5px; bottom:10px; font-size:11px;}
    .m-copy-box-img.i240102 .photo-source:before {width: 11px; height: 7px; margin-right: 3px;}

    .m-copy-box-img.i240202 {height: 250px; background-size:cover;}
    .m-copy-box-img.i240202 p {padding:20px 10px 30px; font-size: 14px; width: 90%;}    
    .m-copy-box-img.i240202 .photo-source {right:0; text-align: center; bottom:-30px; font-size:12px;}

    .m-copy-box-img.i240203 .sub-img {right:0; bottom:10px;}
    .m-copy-box-img.i240203 .sub-img img {width: 110px;}
    .m-copy-box-img.i240203 .photo-source {right:0; width: 100%; text-align: center; margin: 0 auto; bottom:-15px; font-size:10px;}
    
	.photo-source {font-size:11px; right:20px;}
}

.imp-box {display: flex;}
.imp-box .title {display: flex; width: 20%; font-size: 26px; color: #fff; font-family: NTB; padding: 45px 10px 45px 35px; background: var(--point-2024-org); word-break: keep-all; border-radius:24px 0 0 24px; font-family: NSB; line-height: 1.4; position: relative;}
.imp-box .title .fn-link {position: absolute; right: 15px; top: 40px;}
.imp-box .con {display:flex; width: 80%; padding:12px 35px; background: #fcfcfc; border:1px solid #b8b8b8; border-width:1px 1px 1px 0; border-radius:0 24px 24px 0;}
.imp-box .con li {font-size: 17px; line-height: 1.5; position: relative; padding: 0 0 0 50px; margin: 35px 0;}
.imp-box .con li em {display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 33px; height: 33px; background:var(--point-2024-org-d); border-radius:50%; font-size: 15px; color: #fff; font-family: NSB;}
.imp-box .con.alone {width: 100%; padding:35px 50px; border-width:1px; border-radius:24px; position: relative;}/*251215*/
.imp-box .con.alone li {font-size: 18px; margin: 15px 0;}
.imp-box .con.alone li em {top: 0;}


.fn-link {position: relative; top: -4px;}
.fn-link span {display: inline-block; margin: 5px; line-height: 15px; text-align: center; font-size: 10px; width: 15px; height: 15px; border-radius:50%; background: #5c5c5c; color: #fff; font-family: NSB;}

.ft-wrap {display: flex; padding: 15px 0 0 0; border-top: 1px solid #c4c4c4;}
.ft-con li {color: #767676; margin: 17px 0; padding-left: 30px; font-family: NSL; font-size: 15px; position: relative; display: flex; line-height: 1.2; align-items: flex-start;}/*251215*/
.ft-con li span {line-height: 1.2;}/*251215*/
.ft-con li .fn-link {position: absolute; left: 0; top: -3px;}/*251215*/
.ft-con li a {color: #e84d5f;}/*251215*/

.btn-link  {display: flex;}
.btn-link i {font-size: 0; display: flex; width: 15px; height: 15px;}
.btn-link i.out {background: url(/images/sub2024/ico-link-out.svg) no-repeat center / cover; margin-right: 6px;}
.btn-link i.out-w {background: url(/images/sub2024/ico-link-out-w.svg) no-repeat center / cover;}
.btn-link i.in {background: url(/images/sub2024/ico-link-in.svg) no-repeat center / cover;}

@media only screen and (max-width:1024px) {	
    .imp-box .title {font-size: 20px; padding: 20px 25px 20px 18px;}
    .imp-box .title .fn-link {right:10px; top: 18px;}
    .imp-box .con {padding:5px 12px;}
    .imp-box .con li {font-size: 15px; padding: 0 0 0 35px; margin: 15px 0;}
    .imp-box .con li em {width: 26px; height: 26px; font-size: 12px;}
    .imp-box .con.alone {padding:35px 50px;}
    .imp-box .con.alone li {font-size: 15px; margin: 10px 0;}
    .imp-box .con.alone li em {top: 0;}

    .fn-link {top: -2px;}
    .fn-link span {font-size: 9px; line-height: 14px !important; width: 14px; height: 14px;}/*251215*/

	.ft-wrap {padding: 12px 0 0 0;}
    .ft-con li {margin: 14px 0; padding-left: 30px; font-size: 14px;}
    .ft-con li .fn-link {top: -5px;}
}

@media (max-width:767px){
    .imp-box {flex-wrap: wrap;}
    .imp-box .title {width: 100%; display: flex; justify-content: center; font-size: 18px; padding: 20px 0; border-radius:14px 14px 0 0;}
    .imp-box .title .fn-link {right:75px; top: 20px;}
    .imp-box .con {width: 100%; padding:5px 12px; border-width:0 1px 1px 1px; border-radius:0 0 14px 14px;}    
    .imp-box .con li {font-size: 13px; padding: 0 0 0 35px; margin: 20px 0;}
    .imp-box .con li em {width: 20px; height: 20px; font-size: 11px}
    .imp-box .con.alone {padding:15px 22px;}    
    .imp-box .con.alone li {font-size: 13px; margin: 10px 0;}
    .imp-box .con.alone li em {width: 20px; height: 20px; font-size: 11px}

    .fn-link {top: -1px;}
    .fn-link span {margin: 3px; line-height: 13px !important; font-size: 8px; width: 13px; height: 13px;}/*251215*/

	.ft-wrap {padding: 10px 0 0 0;}
    .ft-con li {margin: 12px 0; padding-left: 20px; font-size: 12px;}
    .ft-con li .fn-link {top: -3px;}
	}

table.style-rd {border:none;}
table.style-rd th, table.style-rd td {background: none; border: none; padding: 0; text-align: center;}
table.style-rd th span {display:flex; justify-content: center; align-items: center; width: 100%; padding:22px 0; text-align: center; font-family: NSM; font-size:18px; line-height:1; background: var(--point-2024-org); color: #fff; border-radius: 24px 24px 0 0; margin-right: 12px;}
table.style-rd th:not(:nth-child(4n)), table.style-rd td:not(:nth-child(4n)) {border-right: 12px solid #fff;}
table.style-rd td {padding:20px 10px; font-size:15px; line-height:1.4;}
table.style-rd td:first-child {font-size: 13px; font-family: NSB;}
table.style-rd tbody tr:nth-child(even) {background-color: #e4e4e4;}
table.style-rd tbody tr:nth-child(odd) {background-color: #f7f7f7;}
table.style-rd tbody tr:nth-child(even) td:nth-child(2) {background-color: #f2ddc6;}
table.style-rd tbody tr:nth-child(odd) td:nth-child(2) {background-color: #fbf4ed;}
table.style-rd td span {padding: 8px 12px; border-radius: 8px; border: 2px solid #fff; line-height: inherit; display: inline-block;}
table.style-rd td span.blue {background: #c9ddf0;}
table.style-rd td span.red {background: #f5cded;}

@media (max-width:1024px){
    table.style-rd th span {padding:18px 0; font-size:16px; border-radius: 20px 20px 0 0;}
    table.style-rd th:not(:nth-child(4n)), table.style-rd td:not(:nth-child(4n)) {border-right: 8px solid #fff;}
	table.style-rd td:first-child {font-size:11px;}
	table.style-rd td {font-size:14px; padding: 18px 10px;}
	}

@media (max-width:767px){
	table.style-rd {width:200%;}
    table.style-rd th span {padding:18px 0; font-size:14px; border-radius: 16px 16px 0 0;}
    table.style-rd th:not(:nth-child(4n)), table.style-rd td:not(:nth-child(4n)) {border-right: 6px solid #fff;}
	table.style-rd td:first-child {font-size:10px;}
	table.style-rd td {font-size:13px; padding: 15px 10px;}
	}

/* sub-title */
.sub-title-2024 {margin:0 0 50px;}
.sub-title-2024 strong {display:block; text-align:center; font-size:30px; color:#191919; font-family: NSB;}
.sub-title-2024 strong:before {display:block; content:""; width:1px; height:30px; background:#858585; margin:40px auto;}

@media (max-width:1024px){
    .sub-title-2024 {margin:0 0 55px;}
    .sub-title-2024 strong {font-size:24px;}
    .sub-title-2024 strong:before {height:23px; margin:15px auto;}
}

@media (max-width:767px){
    .sub-title-2024 {margin:0 0 35px;}
    .sub-title-2024 strong {font-size:20px;}
    .sub-title-2024 strong:before {height:16px; margin:11px auto;}
}

.timeline-2024 {display: flex; flex-wrap: wrap; justify-content: center; padding: 60px 20px 90px; width: 100%; background:#f8f8f8; border: 1px solid #eaeaea;}
.timeline-2024 .year-wrap {display: flex; align-items: flex-start; max-width: 900px; margin: 60px 0;}
.timeline-2024 .year-wrap .year {width: 250px; font-size: 72px; color: #e84d5f; font-family:Arial, Helvetica, sans-serif; font-weight: 900;}
.timeline-2024 .year-wrap .con-wrap {width: calc(100% - 250px); display: flex; flex-wrap: wrap;}
.timeline-2024 .year-wrap .con-wrap ul {width: 100%; display: flex; flex-wrap: wrap;}
.timeline-2024 .year-wrap .con-wrap ul li {display: flex; flex-wrap: wrap; align-items: flex-end; padding: 12px 0 8px; min-height: 90px; border-bottom: 1px solid #999;}
.timeline-2024 .year-wrap .con-wrap ul li:first-child {min-height: 35px;}
.timeline-2024 .year-wrap .con-wrap ul li.date {width: 145px; font-size: 24px; color: #e84d5f; line-height: 1.4; font-family:Arial, Helvetica, sans-serif; font-weight: 900;}
.timeline-2024 .year-wrap .con-wrap ul li.con {width: calc(100% - 145px); font-size: 18px; color: #222; line-height: 1.4; font-family: NSL;}
.timeline-2024 .year-wrap .con-wrap ul li.date.min {min-height: 35px;}
.timeline-2024 .year-wrap .con-wrap ul li.con.min {min-height: 35px;}

.imp-blue {background: var(--point-2024-blue); display: flex; padding: 2px 5px; width: 100%; font-size: inherit; line-height: inherit; font-family: NSB;}

@media (max-width:1024px){
    .timeline-2024 {padding: 40px 20px 60px;}
    .timeline-2024 .year-wrap {margin: 40px 0;}
    .timeline-2024 .year-wrap .year {width: 180px; font-size: 52px;}
    .timeline-2024 .year-wrap .con-wrap {width: calc(100% - 180px);}
    .timeline-2024 .year-wrap .con-wrap ul li {padding: 12px 0 8px; min-height: 80px;}
    .timeline-2024 .year-wrap .con-wrap ul li:first-child {min-height: 30px;}
    .timeline-2024 .year-wrap .con-wrap ul li.date {width: 120px; font-size: 20px;}
    .timeline-2024 .year-wrap .con-wrap ul li.con {width: calc(100% - 120px); font-size: 16px;}
    .timeline-2024 .year-wrap .con-wrap ul li.date.min {min-height: 30px;}
    .timeline-2024 .year-wrap .con-wrap ul li.con.min {min-height: 30px;}
}

@media (max-width:767px){
    .timeline-2024 {padding: 20px 20px 40px;}
    .timeline-2024 .year-wrap {margin: 40px 0; flex-wrap: wrap;}
    .timeline-2024 .year-wrap .year {width: 100%; font-size: 36px;}
    .timeline-2024 .year-wrap .con-wrap {width: 100%;}
    .timeline-2024 .year-wrap .con-wrap ul li {padding: 12px 0 8px; min-height: 80px;}
    .timeline-2024 .year-wrap .con-wrap ul li:first-child {min-height: 30px;}
    .timeline-2024 .year-wrap .con-wrap ul li.date {width: 80px; font-size: 16px;}
    .timeline-2024 .year-wrap .con-wrap ul li.con {width: calc(100% - 80px); font-size: 13px;}
    .timeline-2024 .year-wrap .con-wrap ul li.date.min {min-height: 30px;}
    .timeline-2024 .year-wrap .con-wrap ul li.con.min {min-height: 30px;}    
}

.img-2col {display: flex; flex-wrap: wrap; max-width: 100%; justify-content: center;}
.img-2col img {padding: 12px;}
.img-2col .caption {font-size: 14px; width: 100%; margin: 10px; word-break: keep-all; line-height: 1.4; text-align: center;}
.img-2col .caption a img {border: none !important; padding: 0 !important; position: relative; top:2px;}

.img-2col.box .img-wrap {padding: 14px; max-width: calc(50% - 37px); display: flex; justify-content: center; flex-wrap: wrap;}
.img-2col.box .img-wrap img {padding: 8px; border: 1px solid #d1d1d1;}
.img-2col.box .img-wrap .caption {margin: 10px 0;}

.img-1col {isplay: flex; flex-wrap: wrap; max-width: 100%; justify-content: center;}
.img-1col .caption {font-size: 14px; margin: 10px; word-break: keep-all; line-height: 1.4; text-align: center;}
.img-1col .caption a img {border: none !important; padding: 0 !important; position: relative; top:2px;}

/* 플로우 타입 03 */
.flow_type_03 ol {display: flex; justify-content: center; margin-top: -23px; margin-left: -50px;}
.flow_type_03 ol li {width:200px; margin-top: 23px; padding-left: 50px; }
.flow_type_03 ol li ~ li{background: url(/images/sub2024/icon_arr_right.svg) repeat-x left 3px center; background-size: 15px 13px;}
.flow_type_03 p {padding: 26px 0 24px 0; border:3px solid #e1e1e1; background: #f6f6f6; border-radius:35px; box-sizing: border-box; position:relative; font-size: 18px; font-family: NSB; text-align: center;}
.flow_type_03 ol li:nth-child(1) p {border-color: #ff9844;}
.flow_type_03 ol li:nth-child(2) p {border-color: #7cb345;}
.flow_type_03 ol li:nth-child(3) p {border-color: #3fa3cc;}

@media (max-width:800px){
    .img-2col.box .img-wrap {padding: 6px; max-width: calc(50% - 21px);}
    .img-2col .caption {font-size: 13px;}
    .img-1col .caption {font-size: 13px;}
}

@media (max-width:767px){
    .flow_type_03 ol {margin-top: 0; margin-left: -20px;}
    .flow_type_03 ol li {width:100px; margin-top: 10px; padding-left: 20px; }
    .flow_type_03 ol li ~ li{background: url(/images/sub2024/icon_arr_right.svg) repeat-x left 3px center; background-size: 15px 13px;}
    .flow_type_03 p {padding: 13px 0 11px 0; font-size: 12px;}
}

@media (max-width:650px){
    .img-2col.box .img-wrap {padding:15px; max-width: 100%;}
    .img-2col .caption {font-size: 12px;}
    .img-1col .caption {font-size: 12px;}
}