/*2023 추가*/
:root {
    --point-color: #f14e61;
}

.fc-point {color:var(--point-color);}
.ver-bar {display: block; width: 1px; height: 30px; background: #858585; margin: 20px auto;}
.hor-bar {display: block; width: 100%; height: 1px; background: #858585; margin: 20px auto;}
.sub-n01-01 { position:relative;}
.sub-n01-01.bg-20230301:before {content:''; background: url(/images/sub2023/bg_20230103_01.png) center no-repeat; position:absolute; right:20px; top:90px; width:503px; height:409px;}
.box-border-3 { border:3px solid #888; border-radius:3px;}
.img-caption { font-size:13px; color:#333; text-align:center; line-height:1.4;}
.tab_nav li { display:flex; padding:0; height:51px; justify-content: center; align-items: center;}
.tab_nav li.tabW50 {width:calc(50% - 2px);}
.btn-plus {content:''; z-index:2; position:absolute; right:0; bottom:0; width:40px; height:40px; display:block;  background:rgba(0,0,0,.1) url('/images/sub2/icon_plus.png') no-repeat center/40px; border:1px solid #fff;}


.m-copy-wrap { display:flex; flex-wrap:wrap; justify-content:center;}
.m-copy { font-size:34px; position:relative; line-height:1.4; letter-spacing:-0.05em; font-family:'NSM'; display: inline-block; text-align:center;}
.m-copy:before { content:''; position:absolute; left:-40px; top:5px; width:32px; height:22px; background:url(/images/sub2023/blt_queo_left.svg) no-repeat; opacity:.4;}
.m-copy:after { content:''; position:absolute; right:-40px; top:5px; width:32px; height:22px; background:url(/images/sub2023/blt_queo_right.svg) no-repeat; opacity:.4;}
.m-copy.lg:before { left:-60px;}
.m-copy.lg:after { right:-60px;}

.m-copy-box { font-size:24px; position:relative; line-height:1.6; letter-spacing:-0.05em; font-family:'NSM'; display:block; padding:0 0 0 30px;}
.m-copy-box:before { content:''; position:absolute; left:0; top:.45em; width:5px; height:calc(100% - .7em); background:#d4d4d5;}

.m-copy-box-img { width:100%;}
.m-copy-box-img img { position:absolute; left:0; bottom:0;}
.m-copy-box-img.i230201 { width:100%; height:344px; background:url(/images/sub2023/img_20230201_02.jpg) center no-repeat; background-size:cover; position:relative;}
.m-copy-box-img.i230201 img { position:absolute; left:0; bottom:0;}
.m-copy-box-img.i230201_01 { width:100%; height:625px; background:url(/images/sub2023/img_230201_01.png) center no-repeat; background-size:cover; position:relative;}
.m-copy-box-img.i230202 { width:100%; height:473px; background:url(/images/sub2023/img_20230202_01.jpg) center no-repeat; background-size:cover; position:relative;}
.m-copy-box-img.i230202 img.web { position:absolute; left:0; bottom:0; width:673px; display:block;}
.m-copy-box-img.i230202 img.mb { display:none;}
.m-copy-box-img.i230203 { width:100%; height:632px; background:url(/images/sub2023/img_230203_01.png) top center no-repeat; background-size:cover; position:relative;}
.m-copy-box-img.i230203 img { bottom:-50px; left:48%;}
.m-copy-box-img.i230302 { width:100%; height:473px; background:url(/images/sub2023/img_20230302_01.jpg) top center no-repeat; background-size:auto; position:relative; display:flex; flex-wrap: wrap; justify-content: center; align-content: center;}
.m-copy-box-img.i230302 p { background:rgba(69, 111, 118,.7); color:#ffebd5; font-size:21px; width:70%; line-height:1.7; letter-spacing:-0.04em; padding:50px 70px;}
.m-copy-box-img.i230302 p span { font-size:15px; text-align:right; display:block; font-family:'NSL'; color:#ffebd5; padding-top:.5em;}

.sub-text-basic {font-size: 17px; line-height: 1.9; color: #333237; /*word-break: keep-all;*/ font-family: NSD; /*text-align: justify;*/}

.sub-exp { font-size: 21px; color:#fff; padding:16px 50px; background:#b1b1b1; display:inline-block; letter-spacing:-0.04em;}

.sub-title-2023 strong { display: block; font-size: 34px; color: #191919; font-weight: 500;}

.sub-tit-2023 { margin: 0 auto; display: table; background: #ededed; padding: 16px 55px 17px; font-size: 21px; color: #222; font-family: 'NSM'; border-radius: 100px; text-align:center; line-height:1.2;}

small.c2023 {display: block; font-size: 14px; color: #767676; position: relative; padding-left: 23px; margin-top: 5px; line-height: 1.3;}
small.c2023:before {position:absolute; left:0; top:1.5px; content:""; width:16px; height:16px; background:url('/images/sub2/icon_guide.png') no-repeat center / cover;}

.img-shadow-box { border:24px solid #fff; box-shadow:3px 3px 20px 0 rgba(0, 0, 0, .1); transition: .3s; position:relative;}
.img-shadow-box:hover {transform: scale(1.05);}

.exhi-wrap { display:flex;}
.exhi-wrap .exp { width:340px; background:#efefef; padding:30px 20px 30px 30px; font-size:13px; color:#191919; display:flex; flex-wrap:wrap; align-content:flex-end; line-height:1.5;}
.exhi-wrap .exp span { display:block; font-size:18px; font-family:'NSB'; padding-bottom:20px; line-height:1.2;}
.exhi-wrap .photo { width:621px; height:250px; overflow:hidden; transition:.3s; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.exhi-wrap .photo img { width:100%; height:100%; object-fit:cover;}
.exhi-wrap .photo:hover { height:420px;}
.exhi-wrap .exp em {font-size:12px; padding-top:5px; color:#767676; font-family:'NSL';}

.tbl-red-wrap { border:5px solid #848484; padding-bottom:30px; z-index:2; position:relative;}
.tbl-red-wrap .title { background:#f5f5f5; font-size:30px; letter-spacing:-0.05em; color:#f14e61; padding:55px 0; text-align:center; font-family:'NSB';}
table.tbl-red {width: 100%; border-collapse: collapse;}
table.tbl-red th {border-top: 2px solid #ff9999;border-bottom: 1px solid #ff9999;vertical-align: middle;text-align: center;font-size: 15px; padding:18px 0; letter-spacing:-0.05em; font-family:'NSM'; color:#111; background:#fff;}
table.tbl-red td {border: 1px solid #ff9999; border-width:0 1px 1px 0; font-size: 16px;font-weight: 400; text-align:left; padding:36px 17px; letter-spacing:-0.03em; line-height:1.7;}
table.tbl-red td:nth-child(3n - 1) { background:#fafafa;}
table.tbl-red td:last-child { border-right:none;}
.scroll-box {width: 100%;overflow-x: auto;}

/* 플로우 타입 01 */
.flow_type_01 ol li { margin:0;}
.flow_type_01 ol li ~ li {padding-top: 40px; background: url(/images/sub2023/icon_arr_btm.svg) no-repeat top 17px center; background-size: 15px auto;}
.flow_type_01 .group {margin: 0 auto; padding: 15px 50px; width: 100%; border:1px solid #ddd; border-left:4px solid var(--point-color); box-sizing: border-box; background:#fafafa;}
.flow_type_01 .group .flow_head {font-size: 20px; font-weight: 700; line-height: 1.5;}
.flow_type_01 .group .flow_head span { font-family:'NSM';}
.flow_type_01 .group .flow_body {font-size: 16px; line-height: 1.3;}

/* 플로우 타입 02 */
.flow_type_02 ol {display: flex; justify-content: flex-start; margin-top: -23px; margin-left: -23px;}
.flow_type_02 ol li {width:16.6666%; margin-top: 23px; padding-left: 23px; }
.flow_type_02 ol li ~ li{background: url(/images/sub2023/icon_arr_right.svg) no-repeat left 8px center; background-size: 8px 13px;}
.flow_type_02 .group {padding: 16px 5px 16px 60px; border:3px solid #e1e1e1; border-radius:35px; box-sizing: border-box; position:relative;}
.flow_type_02 .group p {font-size: 16px; font-family: NSB; letter-spacing:-0.05em;}
.flow_type_02 .group p span { display:block; color:#767676; font-size:11px; letter-spacing:-0.08em; padding-top:8px;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.flow_type_02 .group p:after { content:''; display:flex; align-items:center; color:#f14e61; font-size:28px; font-weight:900; position: absolute; left:10px; width:40px; height:40px; top:50%; transform:translateY(-50%); border-right:2px solid #ebebeb; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.flow_type_02 ol li:nth-child(1) .group p:after { content:'01'; color:#6c98f3;}
.flow_type_02 ol li:nth-child(2) .group p:after { content:'02'; color:#7687f1;}
.flow_type_02 ol li:nth-child(3) .group p:after { content:'03'; color:#7f76f1;}
.flow_type_02 ol li:nth-child(4) .group p:after { content:'04'; color:#996fe6;}
.flow_type_02 ol li:nth-child(5) .group p:after { content:'05'; color:#ba6cec;}
.flow_type_02 ol li:nth-child(6) .group p:after { content:'06'; color:#cb65c7;}

/* 자료목록 */
.list-book-dsp .tit {display:block; padding:10px 0 10px 15px; color:#333; font-size:14px; border-bottom:1px solid #dbdbdb;}
.list-book-dsp ul {position:relative; display:flex; flex-wrap:wrap;}
.list-book-dsp ul::after {content:''; display:block; width:100%; height:25px;   background: rgb(0,0,0,0); background: linear-gradient(180deg, rgba(0,0,0,.07) 0%, rgba(255,255,255,1) 100%);}
.list-book-dsp ul>li {position:relative; width:33.3333%; padding-top:50px; padding-bottom:10px;}
.list-book-dsp ul>li:nth-child(-n+3) {padding-top:0;}
.list-book-dsp ul>li:nth-child(-n+3)::before {opacity:0;}
.list-book-dsp ul>li>a {position:relative; display:block; height:100%; margin:0 auto;}

.list-book-dsp .thumb {position:relative; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; height:224px;}
.list-book-dsp .thumb>span {display:block; margin:0 auto;box-shadow: 3px 0px 9px 0px rgba(0,0,0,0.25); border:1px solid #f5f5f5; transition:all 0.7s;}
.list-book-dsp ul>li:hover .thumb>span {transform:translateY(-30px)}
.list-book-dsp ul>li:hover .thumb>span>img {box-shadow: 3px 0px 15px 0px rgba(0,0,0,0.3);}
	
.list-book-dsp .thumb>span>img {display:block; height:237px; border:12px solid #fff;}
.list-book-dsp .thumb::after {content:''; z-index:-1; position:absolute; bottom:0; left:0; right:0; height:15px; background: rgba(255,255,255,1); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(0,20,0,.03) 100%);
}
.list-book-dsp .info {position:relative; width:100%; margin:0 auto; padding:20px 0 12px; background-color:#fff;}
.list-book-dsp .ctg {position:relative; padding-bottom:10px; text-align:center;}
.list-book-dsp .ctg>span {color:#000; font-size:15px; font-family:'NSM'; letter-spacing:-0.04em;}
.list-book-dsp .sbj {display:block; color:#696969; font-size:12px; text-align:center;}

/* 번호 리스트 */
.list-style-num li { position:relative; line-height:1.4; padding:8px 0 8px 40px; font-size:18px;}
.list-style-num li em { position:absolute; font-size:12px; font-weight:bold; left:0; top:9px; width:25px; height:25px; color:#fff; background:#333; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; border-radius:50%; display:flex; flex-wrap: wrap; align-content: center; justify-content:center;}

/* sub-history */
.sub-history.c2023 {padding:15px 16%;}
.sub-history.c2023 .box ul li {padding-bottom:30px;}
.sub-history.c2023 .box ul li:first-of-type {padding-top:30px;}
.sub-history.c2023 .box ul li:last-of-type {padding-bottom:30px;}
.sub-history.c2023 .box ul li:nth-of-type(odd) p {text-align:right;}

/* sub-image */
.sub-image-2023 ul {display:flex; flex-wrap:wrap; justify-content:space-between; justify-content: flex-start; margin-left: -30px;}
.sub-image-2023 ul li {width:33.3333%; position:relative; padding-left:30px;}
.sub-image-2023 ul li img {display:block; width:100%;}
.sub-image-2023 ul li > div {position:absolute; background:rgba(51,51,51,0.70); display:flex; justify-content:center; align-items: center; width:250px; height:50px; right:0; bottom:0;}
.sub-image-2023 ul li > div b {display:block; font-size:16px; color:#fff; font-weight:500;}

.stit-image-box {background:#555; color:#fff; font-size:16px; font-weight:500; text-align:center; padding:20px 0;}

@media only screen and (max-width:1300px) {	
	.flow_type_02 ol { flex-wrap:wrap; margin-top: -7px;}
	.flow_type_02 ol li {width:25%; margin-top: 7px;}	
	.flow_type_02 .group {padding: 10px 5px 10px 60px;}
	
	.m-copy-box-img.i230203 { height:500px;}
	.m-copy-box-img.i230203 img {width:500px; left:50%; bottom:-30px;}
}

@media only screen and (max-width:1180px) {
	.list-book-dsp .thumb {height:170px;}
	.list-book-dsp .thumb>span>img { border:8px solid #fff; overflow:hidden; height:190px;}
	.list-book-dsp .ctg>span { font-size:14px;}
	.list-book-dsp .sbj { font-size:11px;}
	
	.m-copy-box-img.i230203 img {left:48%;}/*240112*/
	
	.sub-image-2023 ul {margin-left: -10px;}
	.sub-image-2023 ul li {padding-left:10px;}
	.sub-image-2023 ul li > div {width: calc(100% - 10px); height:30px;}
	.sub-image-2023 ul li > div b {font-size:13px; margin:0 auto 5px;}
	
	.m-copy-box-img.i230302 p {font-size:18px; padding:50px 40px;}/*231201*/
	.m-copy-box-img.i230302 p span {font-size:14px;}/*231201*/
}

@media only screen and (max-width:1024px) {
	
	.sub-text-basic { font-size:15px;}
	.sub-exp { font-size:18px; padding:14px 30px;}
	.sub-title-2023 strong { font-size: 28px;}
	.sub-tit-2023 { padding: 13px 40px; font-size: 19px;}
	
	.flow_type_01 .group .flow_body {font-size: 15px;}
	
	/* 플로우 타입 02 */
	.flow_type_02 ol li {width: calc(33.33%);}
	.flow_type_02 .group {padding: 7px 5px 7px 50px; border:2px solid #e1e1e1;}
	.flow_type_02 .group p {font-size: 14px;}
	.flow_type_02 .group p span { font-size:10px; padding-top:6px;}
	.flow_type_02 .group p:after { font-size:22px; left:8px; width:32px; height:30px;}
	
	.m-copy { font-size:28px;}
	.m-copy:before { left:-30px; top:5px; width:26px; height:22px; background-size:26px auto;}
	.m-copy:after { right:-30px; top:5px; width:26px; height:22px; background-size:26px auto;}
	.m-copy.lg:before { left:-30px;}
	.m-copy.lg:after { right:-30px;}
	
	.m-copy-box { font-size:20px; padding:0 0 0 25px;}	
	
	.m-copy-box-img.i230201 img { width:310px;}
	.m-copy-box-img.i230201_01 { height:525px;}	
	.m-copy-box-img.i230202 { height:430px;}
	.m-copy-box-img.i230202 img { width:603px;}
	.m-copy-box-img.i230203 { height:450px;}
	.m-copy-box-img.i230203 img {width:400px; left:49%;}/*240112*/
	.m-copy-box-img.i230301 { height:420px;}
	.m-copy-box-img.i230301 p { font-size:18px; width:80%; padding:40px 40px;}
	.m-copy-box-img.i230301 p span { font-size:14px;}
	
	.exhi-wrap .exp { width:33%; padding:20px 0 20px 15px; font-size:12px;}
	.exhi-wrap .exp span { font-size:16px; padding-bottom:20px;}
	.exhi-wrap .photo { width:67%; height:250px;}
	.exhi-wrap .photo:hover { height:420px;}
	.exhi-wrap .exp em {font-size:12px; padding-top:5px;}
	
	.tbl-red-wrap .title { font-size:30px; padding:55px 0;}
	table.tbl-red th {font-size: 15px; padding:18px 0;}
	table.tbl-red td {font-size: 16px; padding:36px 17px;}
	
	.list-style-num li { padding:7px 0 7px 36px; font-size:16px;}
	.list-style-num li em { font-size:11px; top:9px; width:23px; height:23px; }
	
}

@media only screen and (max-width:940px) {
	.list-book-dsp .thumb {height:140px;}
	.list-book-dsp .thumb>span>img { height:170px;}
	.tab_nav li>a { font-size:16px;}
}

@media only screen and (max-width:850px) {
	.list-book-dsp .thumb {height:100px;}
	.list-book-dsp .thumb>span>img { height:150px;}
	
	.m-copy-box-img.i230203 { height:400px;}
	.m-copy-box-img.i230203 img {width:350px; left:50%;}/*240112*/
}

@media only screen and (max-width:767px) {	
	
	.tab_nav li.tabW50 {width:100%;}
	.scroll-box{width: 100%;height: 100%;overflow-y: auto}
	.sub-exp { font-size:16px; text-align:center;}	
	.sub-text-basic { font-size:13px;}	
	.sub-n01-01.bg-20230301:before { display:none;}
	.sub-title-2023 strong { font-size: 22px;}
	.sub-tit-2023 { padding: 11px 30px; font-size: 16px;}
	
	.m-copy { font-size:18px;}
	.m-copy:before { left:0; top:5px; width:20px; height:22px; background-size:20px auto;}
	.m-copy:after { right:0; top:5px; width:20px; height:22px; background-size:20px auto;}
	.m-copy.lg:before { left:-30px;}
	.m-copy.lg:after { right:-30px;}
	.m-copy.lg {width:80%;}
	
	.m-copy-box { font-size:17px; padding:0 0 0 15px;}
	.m-copy-box:before { width:3px;}
	
	.m-copy-box-img.i230201_01 { height:280px;}	
	.m-copy-box-img.i230202 { height:330px;}
	.m-copy-box-img.i230202 img.web { display:none;}
	.m-copy-box-img.i230202 img.mb { width:303px; display:block;}
	.m-copy-box-img.i230203 { height:280px;}
	.m-copy-box-img.i230203 img {width:200px; left:53%;}
	.m-copy-box-img.i230301 { height:370px;}
	.m-copy-box-img.i230301 p { font-size:16px; width:90%; padding:20px 20px;}
	.m-copy-box-img.i230301 p span { font-size:12px;}
	
	.exhi-wrap {flex-wrap:wrap;}
	.exhi-wrap .exp { width:100%; padding:20px 10px 20px 15px;}
	.exhi-wrap .photo { width:100%; height:250px;}
	.exhi-wrap .photo:hover { height:250px;}
	.exhi-wrap .exp em {font-size:10px; padding-top:5px;}
	
	.tbl-red-wrap .title { font-size:21px; padding:35px 30px;}
	table.tbl-red {width: 130%;}
	table.tbl-red th {font-size: 12px; padding:16px 0;}
	table.tbl-red td {font-size: 13px; padding:16px 10px;}

	/* 플로우 타입 */
	.flow_type_01 .group {border-top-width: 4px; max-width:none; padding: 10px 20px;}
	.flow_type_01 .group .flow_body {font-size: 13px;}
	
	/* 플로우 타입 02 */
	.flow_type_02 ol {margin: -2px 0 0 -15px;}
	.flow_type_02 ol li {width: calc(50%); padding-left:15px;}
	.flow_type_02 ol li ~ li {padding-left: 15px;padding-top: 2px;background: url(/images/sub2023/icon_arr_right.svg) no-repeat left 5px center; background-size: 5px auto;}
	.flow_type_02 .group {padding: 5px 5px 5px 40px; border:1px solid #e1e1e1;}
	.flow_type_02 .group p {font-size: 12px;}
	.flow_type_02 .group p span { font-size:10px; padding-top:4px;}
	.flow_type_02 .group p:after { font-size:16px; left:8px; width:28px; height:25px;}
	
	/* 자료목록 */
	.list-book-dsp .tit {display:none;}
    .list-book-dsp ul::after {height:30px;}
    .list-book-dsp ul>li {width:100%;}
    .list-book-dsp ul>li:nth-child(-n+1)::before {opacity:1;}

    .list-book-dsp ul>li,
    .list-book-dsp ul>li:nth-child(-n+1) {padding-top:30px;}
    .list-book-dsp ul>li:nth-child(-n+1) {padding-top:0;}
    .list-book-dsp ul>li:nth-child(-n+1)::before {opacity:1;}

    .list-book-dsp .thumb {height:156px;}
    .list-book-dsp .thumb>span {width:auto; height:256px;}
    .list-book-dsp .info {width:100%; margin:0 auto; padding:10px 0;}
    .list-book-dsp .ctg>span {-webkit-line-clamp:1;}
	
	.list-book-dsp ul::after { display:none;}
	.list-book-dsp ul>li>a { padding-top:20px;}
	
	.sub-history.c2023 {padding:15px 10px;}
	.sub-history.c2023 .box ul li:nth-of-type(odd) p {text-align:left;}
	
	.list-style-num li { padding:6px 0 6px 30px; font-size:14px;}
	.list-style-num li em { font-size:10px; top:7px; width:20px; height:20px; }
	
	.sub-image-2023 ul li {width:100%; margin:0 0 30px;}	
	.sub-image-2023 ul li > div {height:30px;}
		
	.m-copy-box-img.i230302 p { font-size:15px; width:90%; line-height:1.5; padding:20px 20px;}/*231201*/
	.m-copy-box-img.i230302 p span { font-size:12px; padding-top:.5em;}/*231201*/
	
	small.c2023 {font-size: 11px; padding-left: 18px;}/*231220*/
	small.c2023:before {top:1px; width:14px; height:14px;}/*231220*/
}

@media only screen and (max-width:480px) {
	
	.m-copy-box-img.i230203 { height:220px;}
	.m-copy-box-img.i230203 img {width:180px; left:auto; right:3%;}
	
}

.mid-title {font-size:28px; line-height:1.2; color:#f14e61; text-align:center; padding:60px; letter-spacing:-0.02em; font-weight:900;}

.qna-wrap {display:flex; flex-wrap:wrap; padding:40px 30px; background:#f7f7f7; border:1px solid #dbdbdb; border-radius:25px;}
.qna-wrap .qna-indi {margin-bottom:20px; width:100%;}
.qna-wrap .question {display:flex; align-items:flex-end; font-size:22px; letter-spacing:-0.02em; font-weight:700; color:#333; padding:30px 30px;}
.qna-wrap .question em {font-size:1.4em; color:#ababab; margin-right:18px;}
.qna-wrap .answer {border-radius:25px; padding:30px; font-size:16px; letter-spacing:-0.02em; line-height:1.4; margin-bottom:14px;}
.qna-wrap .answer strong {font-size:13px; display:block; margin-bottom:6px; font-weight:300; letter-spacing:-0.02em; text-align:center;}
.qna-wrap .answer.y {background:#e7e1ce;}
.qna-wrap .answer.y strong {color:#9d8b53; background:#9d8b53; padding:6px 10px 8px; width:110px; height:auto; border-radius:20px; color:#fff;}
.qna-wrap .answer.g {background:#d5e0df;}
.qna-wrap .answer.g strong {color:#668f8b; background:#668f8b; padding:6px 10px 8px; width:110px; height:auto; border-radius:20px; color:#fff;}



@media only screen and (max-width:767px) {
	
	.mid-title {font-size:21px; padding:30px;}

	.qna-wrap {padding:20px 10px; border-radius:15px;}
	.qna-wrap .qna-indi {margin-bottom:10px;}
	.qna-wrap .question {font-size:16px; padding:20px 10px; align-items:center;}
	.qna-wrap .question em {font-size:1.2em; margin-right:5px;}
	.qna-wrap .answer {border-radius:15px; padding:20px 10px; font-size:12px; margin-bottom:10px;}
	.qna-wrap .answer strong {font-size:12px; margin-bottom:4px;}
	
}

/*240724 추가*/
.sub-banner230301 {position:relative; height:645px; background:url('/images/sub2023/img_20230301_01.jpg') no-repeat center / cover; display:flex; justify-content: end; align-content: center; flex-wrap:wrap;}
.sub-banner230301 ul {width:100%; padding:0 75px 0;}
.sub-banner230301 ul li {margin:30px 0;}
.sub-banner230301 ul li p {font-size:28px; font-weight:400; color:#fff; text-align:right; line-height:1.3; word-break:keep-all;}
.sub-banner230301 ul li b {font-size:17px; padding-top:15px; color:#fff; text-align:right; line-height:1.3; font-family:NSL; font-weight:200; display:block;}
@media (max-width:1240px){
	.sub-banner230301 {height:470px;}
	.sub-banner230301 ul {padding:0 45px 0;}
	.sub-banner230301 ul li {margin:25px 0;}
	.sub-banner230301 ul li p {font-size:20px; line-height:1.3;}
	.sub-banner230301 ul li b {font-size:12px; padding-top:8px; width:auto;}
}
@media (max-width:650px){
	.sub-banner230301 {height:380px; background-position:left; background-size:auto 480px;}
	.sub-banner230301 ul {padding:0 20px;}
	.sub-banner230301 ul li {margin:20px 0;}
	.sub-banner230301 ul li p {font-size:15px; padding-right:0; flex:none; width:100%; text-align:center;}
	.sub-banner230301 ul li b {font-size:10px; padding-top:2px; margin:3px 0 0; width:100%; text-align:center;}
}

.photo-source {position:absolute; right:39px; bottom:17px; font-size:12px; color:#4c5464; font-weight:200;}
@media (max-width:650px){
	.photo-source {font-size:11px; right:20px;}
}
	
/*240731*/
.sub-history.c2023 .box ul li.long {flex-wrap:no-wrap;}
.sub-history.c2023 .box ul li .list-image.active .big-thumb {z-index:10; overflow:hidden; display:block; position:absolute; background:#fff; border:1px solid #d8d8d8; padding:5px; bottom:30px; left:0;}
.sub-history.c2023 .box ul li .list-image.active .big-thumb img {width:100%;}
.sub-history.c2023 .box ul li .list-image.active .big-thumb a {position:absolute; right:12px; top:12px; width:36px; height:36px; background:rgba(0,0,0,.2) url('/images/sub2/icon_big_close.png') no-repeat center / 50%; border-radius:50%; font-size:0;}
.sub-history.c2023 .box ul li .list-image.active .big-thumb p {position:absolute; left:5px; bottom:5px; width:calc(100% - 10px); text-align:left; padding:10px; background:rgba(0,0,0,0.7); color:#dadada; font-size:14px; line-height:1.3;}
.sub-history.c2023 .box ul li:nth-of-type(even) .list-image.active .big-thumb {right:0; left:auto;}	
.sub-history.c2023 .box ul li .multi-img {display:flex; width:100%; padding:20px 0 0 48px;}

.sub-history .box ul li .list-content.alone p {margin-left:48px;}
.sub-history .box ul li .list-content.alone p:before {display:block; content:""; width:60px; height:1px; background:#999; margin:30px 0 15px; position:relative; margin-left:auto; margin-right:0; right:-26px;}
.sub-history .box ul li:nth-of-type(even) .list-content.alone p:before { margin-left:0; margin-right:auto; right:auto; left:-26px;}

	@media (max-width:1240px){
	.sub-history.c2023 {padding:35px 15px 0; margin:50px 0 0;}
	.sub-history.c2023 .box ul li .list-image.active .big-thumb {width:100%;}
	.sub-history.c2023 .box ul li .multi-img {padding:10px 0 0 35px;}
	
	.sub-history .box ul li .list-content.alone p {margin-left:35px;}
	.sub-history .box ul li .list-content.alone p:before {width:40px; margin:20px 0 10px; right:-16px;}
	.sub-history .box ul li:nth-of-type(even) .list-content.alone p:before { margin-left:0; margin-right:auto; right:auto; left:-16px;}
	}
	@media (max-width:767px){
	.sub-history.c2023 .box ul li .list-image.active .big-thumb {width:80%;}
	.sub-history.c2023 .box ul li .list-image.active .big-thumb p {font-size:12px;}
	.sub-history.c2023 .box ul li:nth-of-type(odd) .list-image.active .big-thumb {left:auto; right:0;} 
	.sub-history.c2023 .box ul li .multi-img {padding:10px 0 0 30px;}
	
	.sub-history .box ul li .list-content.alone p {margin-left:30px;}
	}