@charset "utf-8";


#sub .hd-wrap .wrap nav .hd-navi{display: none;}
#sub .hd-wrap .wrap .hd-sitemap { display: flex; }


@media (hover: hover) and (pointer: fine) {
	#sub .hd-wrap .wrap nav .hd-navi { display: flex; }
	#sub .hd-wrap .wrap .hd-sitemap { display: none; }
}



@media (max-width: 1720px) {
	.s12{padding-left: 20px; padding-right: 20px;}	
}


@media (max-width: 1650px) {
	main .main-video-line .mcnt3 .box.on > figure:nth-child(1){width: 22vw;}
	main .main-video-line .mcnt3 .box.on > figure:nth-child(2){width: 20vw;}
	main .main-video-line .mcnt3 .box.on > figure:nth-child(3){width: 20vw;}
	main .main-video-line .mcnt3 .box.on > figure:nth-child(4){width: 28vw;}

	main .main-video-line .mcnt3 .box.on > figure:nth-child(5){width: 27.5vw;}
	main .main-video-line .mcnt3 .box.on > figure:nth-child(6){width: 43vw; margin-top: -15px;}
	main .main-video-line .mcnt3 .box.on > figure:nth-child(7){width: 21.7vw; margin-top: -15px;} 
	.s12 .arti2 .rbx{flex:1;}
	.s12 .arti2 .rbx .tbx .p-box p{word-break: keep-all;}
	.s12 .arti2 .rbx .tbx .p-box p br{display: none;}




}

@media (max-width: 1480px) {
	main .main-video-line .mcnt2{height: 1000px;}
	main .main-video-line{}
	main .main-video-line .mcnt2 .white-box{max-width:80dvw; padding: 8vw 3vw; }
	main .main-video-line .mcnt2 .white-box h4{font-size: 38px; line-height: 1; margin-bottom: 50px;}
	main .main-video-line .mcnt2 .white-box .cnt .tbx{padding-left: 30px;}
	main .main-video-line .mcnt2 .white-box .cnt .tbx h5{font-size: 28px; line-height: 1.5; margin-bottom: 20px;}
	main .main-video-line .mcnt2 .white-box .cnt .tbx p{font-size: 20px; line-height: 1.5;}
	main .main-video-line .mcnt2 .white-box .cnt .tbx .link-box > a i{width: 250px;}
	main .main-video-line .mcnt2 .white-box .cnt .tbx .link-box > a i:before{width: 250px;}
	main .main-video-line .mcnt3 .link-box > a i{width: 250px;}
	main .main-video-line .mcnt3 .link-box > a i:before{width: 250px;}
	
	.s12 .arti2{padding: 80px 30px; gap:40px}
	.s12 .arti2 .lbx{width: 30vw;}
	#sub .hd-wrap .wrap nav .hd-navi > li > a{padding: 0 40px;}

	.s24-new2 .max-1440 .rbx .img-box{max-width:400px}
	.sub-section2.s41{margin-top: -750px;}
	
	
	.book-wrap{margin-left: auto;}
	
}

@media (max-width: 1200px) {
/* main */
	.mv-tit .text-box .box1{padding-right: 20px; padding-bottom: 50px; }
	.mv-tit .text-box .box1 > b{font-size: 58px; line-height: 1.5;}
	.mv-tit .text-box .box1 > p{font-size: 20px; line-height: 1.5;}
	.mv-tit .text-box .box1 > p > b{font-size: 30px; line-height: 1.5;}
	.mv-tit .text-box .box2{padding-right: 20px; padding-bottom: 50px;}
	.mv-tit .text-box .box2 > p{font-size: 30px; line-height: 1.5; }

	.mv-tit .text-box .box3{padding-right: 20px; padding-bottom: 50px;}
	.mv-tit .text-box .box3 > p{font-size: 30px; line-height: 1.5;}
	
	.mv-tit .text-box .box4{padding-bottom: 50px; padding-right: 20px;}
	.mv-tit .text-box .box4 > p{font-size: 30px; line-height: 1.5;}

	.mv-tit .text-box .box5{padding-bottom: 50px; padding-right: 20px;		}
	.mv-tit .text-box .box5 > p{font-size: 20px; line-height: 1.5;}
	.mv-tit .text-box .box5 > b{font-size: 48px; line-height: 1.5;}	

}


@media (max-width: 1024px) {
	#main .hd-wrap .wrap{padding: 0 20px;}	
	main .main-video-line .mcnt2 .white-box{max-width:90dvw; padding: 8vw 0px;}
	main .main-video-line .mcnt2 .white-box h4{font-size: clamp(24px, 4vw, 38px); margin-bottom: 4vw;}
	main .main-video-line .mcnt2 .white-box .cnt{flex-direction: column;}
	main .main-video-line .mcnt2 .white-box .cnt figure{width: 100%;}
	main .main-video-line .mcnt2 .white-box .cnt figure img{width: 100%;}
	main .main-video-line .mcnt2 .white-box .cnt .tbx{padding-left: 0; padding-top: 5vw;}
	main .main-video-line .mcnt2 .white-box .cnt .tbx h5{font-size: clamp(20px, 3.2vw, 28px); margin-left: 0; margin-bottom: 15px;}
	main .main-video-line .mcnt2 .white-box .cnt .tbx h5 br{display: none;}
	main .main-video-line .mcnt2 .white-box .cnt .tbx p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	main .main-video-line .mcnt2 .white-box .cnt .tbx p br{display: none;}
	main .main-video-line .mcnt2 .white-box .cnt .tbx .link-box{top: 0; margin-top: 40px;}
	main .main-video-line .mcnt2 .white-box .cnt .tbx .link-box > a{font-size: 16px;}
	main .main-video-line .mcnt2 .white-box .cnt .tbx .link-box > a i{display: none;}
	main .main-video-line .mcnt3 .mcnt3-tit h4{font-size: clamp(28px, 6.2vw, 70px); margin-bottom: 15vw;}
	main .main-video-line .mcnt3{padding: 15vw 0 15vw;}
	main .main-video-line .mcnt3 .flex-wrap figure figcaption span{font-size: 16px;}
	main .main-video-line .mcnt3 big {font-size: clamp(90px, 19vw, 213px); line-height: 1.2; right: 0;}
	main .main-video-line .mcnt3 .link-box > a{font-size: 16px;}
	main .main-video-line .mcnt3 .link-box > a i{position: relative; top: -6px;}
/* 	main .main-video-line .mcnt5 .cnt{top: 20%; padding-bottom: 40vh;} */
	main .main-video-line .mcnt5 .mcnt5-tit h4{font-size: clamp(28px, 6.8vw, 70px); margin-bottom: 0px;}
	main .main-video-line .mcnt5 .cnt .card{height: auto;}
	main .main-video-line .mcnt5 .cnt .card > a{flex-direction: column; padding-left: 0;}
	main .main-video-line .mcnt5 .cnt .card > a figure{max-height:60vh; overflow: hidden;}
	main .main-video-line .mcnt5 .cnt .card > a figure img{width: 100%; height: 100%; object-fit:cover; max-height:60vh; }
	main .main-video-line .mcnt5 .cnt .dot-box{right: 20px;}
	main .main-video-line .mcnt5 .cnt .card > a .tbx{padding: 20px;}
	main .main-video-line .mcnt5 .cnt .card > a .tbx p{font-size: 20px; line-height: 1.5;}
	main .main-video-line .mcnt5 .cnt .card > a .tbx > span{font-size: 20px; line-height: 1.5; padding-top: 20px;}
	main .main-video-line .mcnt5 .cnt .card > a .tbx > span:before{height: 15px; left: 15px;}
	main .main-video-line .mcnt5 .cnt .card > a .link-box{right: 20px; bottom: 20px;}
	main .main-video-line .mcnt4 .mcnt4-tit{font-size: clamp(30px, 5.5vw, 61px); line-height: 1.5;}
	main .main-video-line .mcnt4 .mcnt4-tit h4 i img{width: 6vw;}
	.video-control{left: 20px;}
	.ft-top{right: 20px; top: -100px;}
	.ft-top > a{width: 50px; height: 50px;}
	main .main-video-line .mcnt5 .cnt .card > a .link-box i img{width: 35px;}
	footer > div{font-size: 16px;}
	footer .ft-logo img{width: 50px;}	
	
	.video-scroll{right: 20px; bottom: 30px;}
	.main-visual .mv-tit .text-box .box{padding-right: 20px; padding-bottom: 120px;	}
	.main-visual .mv-tit .text-box .box1 > b{font-size: 28px; line-height: 1.5; margin-bottom: 10px;}
	.main-visual .mv-tit .text-box .box1 > p > b{font-size: 22px; margin-bottom: 10px;}
	.main-visual .mv-tit .text-box .box1 > p{font-size: 18px; line-height: 1.5;}
	main .main-video-line .mcnt3 .mcnt3-tit h4{margin-bottom: 8vw;}
	main .main-video-line .mcnt3 .box{gap:10px; justify-content: center;  padding: 0 20px;}
	main .main-video-line .mcnt3 .box > figure{margin: 0 !important;}
	main .main-video-line .mcnt3 .box > figure:nth-child(1){width: 100% !important;}
	main .main-video-line .mcnt3 .box > figure:nth-child(2){width: 48% !important;}
	main .main-video-line .mcnt3 .box > figure:nth-child(3){width: 48% !important;}
	main .main-video-line .mcnt3 .box > figure:nth-child(4){width: 48% !important;}
	main .main-video-line .mcnt3 .box > figure:nth-child(5){width: 48% !important;}
	main .main-video-line .mcnt3 .box > figure:nth-child(6){width: 48% !important;}
	main .main-video-line .mcnt3 .box > figure:nth-child(7){width: 48% !important;}
	main .main-video-line .mcnt3 .box{scale:1;}
	main .main-video-line .mcnt3 .box.on > figure:nth-child(1){display: none;}
	.s3 .arti1 .fixed-bg img{width: auto; height: auto; object-fit:none;}

}

@media (max-width: 680px) {
/* main */
	.mv-tit .text-box .box1{padding-right: 20px; padding-bottom: 30px; }
	.mv-tit .text-box .box1 > b{font-size: 30px; line-height: 1.5; margin-bottom: 20px;}
	.mv-tit .text-box .box1 > p{font-size: 18px; line-height: 1.5; margin-bottom: 10px;}
	.mv-tit .text-box .box1 > p > b{font-size: 22px; line-height: 1.5;}
	.mv-tit .text-box .box2 > p{font-size: 22px; line-height: 1.5;}
	.mv-tit .text-box .box3 > p{font-size: 20px; line-height: 1.5;}
	.mv-tit .text-box .box4 > p{font-size: 20px; line-height: 1.5;}
	.mv-tit .text-box .box5 > p{font-size: 20px; line-height: 1.5;}
	.mv-tit .text-box .box5 > b{font-size: 30px; line-height: 1.5;}
	
	main .main-video-line .mcnt5 .cnt .card > a figure{height: 40vh;}
	main .main-video-line .mcnt5 .cnt .card > a figure img{min-height:0px; max-height:40vh}
	main .main-video-line .mcnt5 .cnt .card > a .tbx{height: 30vh;}
	
}


@media (max-width: 640px) {
	#sub .hd-wrap .wrap{height: 60px;}
	#main .hd-wrap .wrap{height: 60px;}
	#main .hd-wrap .wrap .hd-logo{height: 60px;}
	main .main-video-line .mcnt2{height: auto; padding-top: 50px;}
	main .main-video-line .mcnt3 .flex-wrap{flex-direction: column; padding: 0 20px;}
	main .main-video-line .mcnt3 .flex-wrap .left-flex{align-items: center; padding-top: 0; width: 100%;}
	main .main-video-line .mcnt3 .flex-wrap figure figcaption{bottom: 10px; text-align: center; padding: 5px ;}
	main .main-video-line .mcnt3 .flex-wrap .right-flex{padding-top: 0; width: 100%; align-items:center;}
	.main-visual{height: 60vh;}
	.main-visual .mv-tit .text-box{height: 60vh;}
	.video-control{bottom: 20px;}
	main .main-video-line .mcnt5 .cnt .card{top: calc(50%); margin-top: -33vh;} 
	.s1-no1 .arti1 .tbx {display: flex; flex-direction: column; width: 100%; height: 100vh;         justify-content: center;}
	.s22 .arti1 .video{padding: 0;}
	.video-scroll{display: none;}
	.main-visual .mv-tit .text-box .box{padding-bottom: 40px;}
	.main-visual .mv-tit .text-box .box1 > b{font-size: 22px; line-height: 1.5;}
	.main-visual .mv-tit .text-box .box1 > p > b{font-size: 18px; line-height: 1.5;  }
	.main-visual .mv-tit .text-box .box1 > p{font-size: 14px; line-height: 1.5; margin-top: 0; margin-bottom: 0;}
	.main-visual .mv-tit .text-box .box1 > p:last-child{margin-top: 10px;}
	.video-control .video-control-line{width: 110px;}
	
	main .main-video-line .mcnt4{background-position: -279vw bottom;}
	
}




@media (max-width: 400px) {
	
}


/* sub */
@media (max-width: 1500px) {
/* s24 */
	.s24-2 .arti2 .box .lbx{padding-left: 20px;}
	.s24-2 .arti2 .box .rbx{padding-right: 20px;}

/* 	#book{width: 100% !important;} */
	#book .cover .txt h4{font-size: 30px; line-height: 1.5;}
	#book .data ul > li{font-size: 16px; line-height: 1.5; word-break: keep-all; margin-bottom: 10px;}
	#book .data ul > li:before{top: 9px;}
	#book .data ul > li br{display: none;}
	.s31-2 .arti2 .full-box .box .lbx .tbx{padding-left: 40px; padding-right: 20px;}
	.s31-2 .arti2 .full-box .box .lbx p{font-size: 20px; line-height: 1.5; word-break: break-all; }
	.s31-2 .arti2 .full-box .box .lbx p br{display: none;}

	.bd-flex{padding: 0 20px;}
	.s51-gallery-list ul > li figure{height: auto; width: 100%;}
	.s51-gallery-list ul > li figure img{width: auto; height: auto;}

	.bd-top-bg{padding: 0 20px;}



}
@media (max-width: 1300px) {
	#sub .hd-wrap .wrap nav .hd-navi > li > a{padding: 0px 20px; font-size: 18px;}
	#sub .hd-wrap .wrap nav .hd-navi > li .dep2 > ul > li > a{font-size: 16px;}
	.sub-section .arti1 .tbx .p-box{gap:1.5em 0px}
	.sub-section .arti1 .tbx .p-box p{font-size: 32px; line-height: 1.5; word-break: keep-all;	}
	.sub-section .arti1 .tbx .p-box p br{display: none;}
	.s31 .arti1 .tbx .p-box > p{font-size: 20px; line-height: 1.5; margin-bottom: 1em;}
	
	.bd-flex .bd-left{width: 220px; }
	.bd-flex .bd-cnt{padding-left: 40px; width: calc(100% - 220px);}


/* s11 */
	.s1 .arti2 > div > .lbx{padding-right: 20px;}
	.s1 .arti2 > div > *{flex:1 1 40%; width: auto;}
	.s1 .arti2 > div > .lbx .box p{word-break: keep-all;}
	.s1 .arti2 > div > .lbx .box p br{display: none;}

/* s21 */
	.s24 .arti1 .tbx .p-box{max-width:600px;}
	.s21-2 .arti4 .box > .cnt ul > li{padding-left: 60px;}
	.s21-2 .arti4 .box > .cnt figure{right: 50px; bottom: 50px;}
	
/* s24 */
	/* .s24 .arti1 .tbx .p-box{padding-right: 45vw;} */
	.s24 .arti1 .tbx .p-box h3{margin-bottom: 0;}
	.s24 .arti1 .tbx .p-box b{margin-bottom: 0;}
	.s24 .arti1 .tbx .p-box p{font-size: 20px; line-height: 1.5; margin-bottom: 0;}
	

/* s21 */
	.s21 .arti1 .flex-box .p-box h3{font-size: 28px; line-height: 1.5;}
	.s21 .arti1 .flex-box .p-box p{font-size: 20px; line-height: 1.5; margin-bottom: 1em;}

}
@media (max-width: 1024px) {
	#sub .hd-wrap .wrap .hd-sitemap{display: flex;}
	#sub .hd-wrap .wrap{padding: 0 20px;}
	#sub .hd-wrap .wrap nav .hd-navi{display: none;}
	.sub-tit{padding-top: 120px;}
	.sub-tit span{font-size: 16px; margin-bottom: 5px;}
	.sub-tit p{font-size: clamp(22px, 4.5vw, 50px); }

/* s11 */
	.speed-ul{margin-bottom: 50px;}
	.sub-section .arti1 .tbx{padding-top: 20vw;}
	.sub-section .arti1 .tbx .p-box p{font-size: 16px; line-height: 1.5;}
	.s1 .arti2{padding: 12vw 0 0px;}
	.s1 .arti2 > div{flex-direction: column;}
	.s1 .arti2 > div > *{flex:100%; max-width:100% !Important; }
	.s1 .arti2 > div > * h4{font-size: clamp(22px, 4vw, 44px); line-height: 1.5; margin-bottom: 15px;}
	.s1 .arti2 > div > .lbx{padding: 0;}
	.s1 .arti2 > div > .lbx .box p{font-size: 16px; line-height: 1.5;}
	.s1 .arti2 > div > .lbx .box:not(:last-child){margin-bottom: 40px;}
	.s1 .arti2 > div > .rbx{margin-top: 40px;}
	.s1 .arti2 > div > .rbx ul{margin-top: 20px;}
	.s1 .arti2 > div > .rbx ul > li b{font-size: 20px;}
	.s1 .arti2 > div > .rbx ul > li .cnt .dot-ul{padding: 15px;}
	.s1 .arti2 > div > .rbx small{padding: 0 15px;}

/* s21 */
	.s21 .arti1 .flex-box {flex-direction: column;}
	.s21 .arti1 .flex-box .p-box h3{font-size: clamp(22px, 4vw, 44px); line-height: 1.5; margin-bottom: 0;}
	.s21 .arti1 .flex-box .img-box{ width: 100%; margin-top: 0; height: 63vw; max-width:100%;}
	.s21 .arti1 .flex-box .img-box figure.fig1{right: 19vw;}
	.s21 .arti1 .flex-box .img-box figure.fig2{right: 29vw;}
	.s21 .arti1 .flex-box .img-box figure.fig3{top: 8vw; right: 6vw;}
	.s21 .arti1 .flex-box .img-box figure.fig1 img{width: 65vw;}
	.s21 .arti1 .flex-box .img-box figure.fig2 img{width: 45vw;}
	.s21 .arti1 .flex-box .img-box figure.fig3 img{width: 40vw;}
	.s21 .arti2 .center-box big{font-size: clamp(30px, 10vw, 174px); }
	.s21 .arti2 .center-box > .tbx h5{font-size: 22px; line-height: 1.5; margin-bottom: 5px;}
	.s21 .arti2 .center-box > .tbx .p-box p{font-size: 16px; line-height: 1.5;}
	.s21 .arti2 .center-box > .tbx .p-box2 p{font-size: 16px; line-height: 1.5;}
	.s21 .arti2{max-width:100%; overflow: hidden;}
	.s21-2 .arti3 .years-controll{padding-left: 0;}
	.s21-2 .arti3 .years-controll > *{font-size: 30px;}
	.s21-2 .arti3 .years-controll > .line{max-width:30vw}
	.s21-2 .arti4 .small-tit{font-size: 20px; line-height: 1.5; margin-bottom: 10px;}
	.s21-2 .arti4 .box > b{font-size: clamp(25px, 6.5vw, 70px); padding-bottom: 10px;}
	.s21-2 .arti4 .box > .cnt ul > li{padding-left: 0; line-height: 1.5;}
	.s21-2 .arti4 .box > .cnt ul > li span{font-size: 18px; width: 100px; line-height: 1.5;}
	.s21-2 .arti4 .box > .cnt ul > li .tbx{padding-left: 15px; margin-left: 15px;}
	.s21-2 .arti4 .box > .cnt ul > li .tbx:before{width: 4px; height: 4px; margin-top: -2px;}
	.s21-2 .arti4 .box > .cnt ul > li .tbx p{font-size: 16px; line-height: 1.5; line-height: 1.5;}
	.s21-2 .arti4 .box > .cnt figure{right: 20px; bottom:auto; top: 50%; translate:0 -50%;  opacity:0.6; z-index: 1; max-width:150px }
	.s21-2 .arti4 .box > .cnt ul{padding-top: 20px; padding-bottom: 20px; position: relative; z-index: 10;}

/* s24 */
	.s24 .arti1{height: auto;}
	.s24 .arti1 .fixed-bg{/* height: auto; */}
	.s24 .arti1 .fixed-bg img{width: 100%; height: 100%; /* height: auto; */ object-fit:cover;} 
	.s24 .arti1 .tbx .flex-box{flex-direction: column;}
	.s24 .arti1 .tbx .p-box{padding-right: 0;}
	.s24 .arti1 .tbx .p-box h3{font-size: clamp(22px, 4vw, 44px); line-height: 1.5; margin-bottom: 0px; }
	.s24 .arti1 .tbx .p-box b{font-size: 20px; line-height: 1.5; margin-bottom: 20px;}
	.s24 .arti1 .tbx .p-box p{font-size: 16px; line-height: 1.5; margin-bottom: 0em;}
	.s24 .arti1 .tbx .flex-box .img-box{position: static; flex-direction: row; width: max-content; gap:20px;     align-items: center;}
	.s24-2{margin-top: -35vw;}
	.s24-2 .arti2{height: auto;}
	.s24-2 .arti2 > *{height: auto;}
	.s24-2 .arti2 .box{position: static; opacity: 1; flex-direction: column; height: auto; margin-bottom: 50px;}
	.s24-2 .arti2 .box .lbx{opacity: 1; filter:blur(0px); translate: 0 0%; padding-left: 0;}
	.s24-2 .arti2 .box .rbx{margin-top: 30px;}
	.s24-2 .arti2 .box .img-box{translate: 0 0%; flex-direction: row; width: max-content; gap:20px; align-items:center;}

/* s22 */
	.s22 {min-height: calc(100vh - 80px);}
	.sub-section .arti1 .video {width: 94%; height: auto; padding-bottom: 0; scale: 1; opacity: 1; border-radius: 0; transform: none; margin: 40px auto 50px;}
	.sub-section .arti1 .video iframe {position: relative; top: 0; transform: none; width: 100%; height: auto; aspect-ratio: 16 / 9;}

/* s30 */
	.s3 .arti1{height: auto; min-height:0px;}
	.s3 .arti1 .fixed-bg{/* height: auto; */}
	.s3 .arti1 .fixed-bg img{width: 100%; height: 100%; object-fit: cover;}
	.s3 .arti1 .tbx .p-box h3{font-size: clamp(22px, 4vw, 44px); line-height: 1.5; margin-bottom: 0px; }
	.s3 .arti1 .tbx .p-box > b{font-size: 20px; line-height: 1.5; margin-bottom: 20px;}
	.s3 .arti1 .tbx .p-box p{font-size: 16px; line-height: 1.5; margin-bottom: 0em;}
	.s3 .arti1 .tbx .p-box > span{font-size: 18px; line-height: 1.5; margin-bottom: 20px; margin-top: 0; margin-bottom: 0;}
	.s31-2 .arti2 .full-box{height: auto;}
	.s31-2 .arti2 .full-box .box{flex-wrap:wrap; height: auto; flex-direction: column;}
	.s31-2 .arti2 .full-box .box .lbx{width: 100%; height: 100dvh;}
	.s31-2 .arti2 .full-box .box .rbx{height: 50dvh; width: 100%; }
	.s31-2 .arti2 .full-box .box .lbx .tbx{padding: 100px 20px 50px;}
	.s31-2 .arti2 .full-box .box .lbx h4{font-size: 22px; line-height: 1.5;}
	.s31-2 .arti2 .full-box .box .lbx p{font-size: 16px; line-height: 1.5; word-break: keep-all; margin-bottom: 1em;} 
	.s31-2 .arti2 .full-box .box .lbx p br{display: none;}

/* s41 */
	.s41 .arti1{height: auto; min-height:0px;}
	.s41 .arti1 .fixed-bg{}
	
	.s41 .arti1 .fixed-bg img{width: 100%; height: 100%; object-fit: cover; object-position: 15% top; }
	
	.s41 .arti1 .cnt-box .s4-tab{}
	.s41 .arti1 .cnt-box .s4-tab > li:not(:last-child):after{margin: 0 15px;}
	.s41 .arti1 .cnt-box .s4-tab > li > a:after{width: 6px; height: 6px; margin-left: -3px; top: -10px;}

	#book .cover .btn img{width: auto;}
	#book .data{padding: 40px;}
	#book .data ul{padding-left: 0;}
	#book .cover .btn {bottom: 40px; right: 40px;}


/* s42 */
/* 	.s41-2 .arti2 .cnt > li .num{display: none;} */

	.s42-2 .arti2 .cnt > li .num{width: 70px;}
	.s42-2 .arti2 .cnt > li .num svg{width: 40px; height: 26px;}
	.s42-2 .arti2 .cnt > li .figbox{width: 205px;}
	.s42-2 .arti2 .cnt > li .figbox p{font-size: 18px;}
	.s42-2 .arti2 .cnt > li .tbx p{font-size: 18px;}
	.s42-2 .arti2 .cnt > li .flex{height: 50px;;}
	.s42-2 .arti2 .cnt > li .figbox:after{height: 20px;}
	.s42-2 .arti2 .cnt > li .open{padding-left: 275px;}
	.s42-2 .arti2 .cnt > li .open p{font-size: 16px; line-height: 1.5; padding: 20px; padding-left: 10px;}

	.sub-section .arti1 .tbx .p-box b{font-size: 22px; line-height: 1.5; margin-bottom: 0;}
	.s1 .arti2 > div > .rbx ul > li .cnt .dot-ul > li{font-size: 16px; line-height: 1.5; padding-left: 0;}
	.s1 .arti2 > div > .rbx ul > li .cnt .dot-ul{padding: 10px 5px; margin-top: 10px;}
	.s12 .arti2{flex-direction: column;}
	.s12 .arti2 .rbx .tbx h5{margin-bottom: 15px;}

	.s21 .arti1 .flex-box{flex-direction: column;}
	.s21 .arti1 .flex-box .p-box{width: 100%; max-width: 100000px}
	.s21 .arti1 .flex-box .img-box{height: auto; width: max-content; margin-top: 20px;}
	.s21 .arti1 .flex-box .img-box-roll{position: static; width: 100%; max-width:10000px;}
	.s21 .arti1 .flex-box .img-box figure img{width: auto !important; max-width:250px;}
	.s21 .arti1 .flex-box .img-box{ animation: roll 15s linear infinite; }
	.s21-2 .arti-new2{padding-bottom: 80px;}
	.s21-2 .arti-new2 .max-1440{gap:50px}
	.s21-2 .arti-new2 .max-1440 .lbx{max-width:10000px; width: 100%; text-align: center;}
	.s21-2 .arti-new2 .max-1440 .rbx{gap:25px}
	.s21-2 .arti-new2 .max-1440 .rbx dl{flex-direction: column; gap:20px}
	.s21-2 .arti-new2 .max-1440 .rbx dl dt{font-size: 22px; line-height: 1.5;}
	.s21-2 .arti-new2 .max-1440 .rbx dl dd ul li, .s21-2 .arti-new2 .max-1440 .rbx dl dd p{font-size: 16px; line-height: 1.5;}
	.s21-2 .arti-new2 .max-1440 .rbx dl dd b{margin-top: 20px;}
	.s21-2 .arti4 .box > .cnt ul > li{}
	
	.s22 .arti1{min-height:0px; padding-bottom: 40px;}
	.s22 .arti1 .video{width: 100%; margin: 0 auto; padding: 0 20px;}
	.s22 .arti1 .video iframe{border-radius: 20px;		}
	
	.s31-2{padding-bottom: 150px;}
	.s31-2 .arti3{margin-top: 50px; padding: 0 20px;}
	.s31-2 .arti3 ul > li > a{font-size: 16px;}
	.s31-2 .arti3 ul > li:not(:last-child):after{margin: 0 10px;}
	.s31-2 .arti3 ul > li > a:after{width: 6px; height: 6px; top: -10px; margin-left: -3px;}
	
	.s41 .arti1 .cnt-box h4{font-size: 28px; line-height: 1.5;}
	#book .data h4{font-size: 22px; line-height: 1.5; margin-bottom: 15px;}
	
	.bd-top-bg{height: 350px; background-size: 50%; margin-bottom: 80px;}
	.bd-top-bg h4{margin-bottom: 30px; font-size: 26px;}
	.bd-top-bg .bd-nav{gap:20px; }
	
	.bd-top-bg .bd-nav > li > a{font-size: 16px; line-height: 1.5;}
	.bd-flex{flex-direction: column;}
	.bd-flex .bd-left{width: 100%;}
	.bd-flex .bd-left h6{font-size: 22px; padding-bottom: 10px;}
	.bd-flex .bd-left .bd-lnb > ul{display: flex; margin-bottom: 40px;}
	.bd-flex .bd-left .bd-lnb > ul > li{flex:1; text-align: center;}
	.bd-flex .bd-left .bd-lnb > ul > li > a{justify-content: center; align-items:center; height: 55px; font-size: 16px; line-height: 1.5; }  
	.bd-flex .bd-left .bd-lnb > ul > li > a:after, .bd-flex .bd-left .bd-lnb > ul > li > a:before{display: none;}
	.bd-flex .bd-cnt{padding-bottom: 150px;}
	.bd-flex .bd-cnt{width: 100%; padding-left: 0;}
	.s51-gallery-list ul{margin-left: 0; gap:2%}
	.s51-gallery-list ul > li{width: calc(50% - 1%); margin-left: 0;}
	.bd-flex .bd-left .bd-lnb{margin-top: 0; }
	.bd-flex .bd-left .bd-lnb{}
	.bd-flex .bd-left .bd-lnb > ul{flex-wrap:wrap;}
	.bd-flex .bd-left .bd-lnb > ul > li{flex: 1 1 33.33%; border-bottom: 1px solid #ddd;}
	.bd-flex .bd-left .bd-lnb > ul > li.current{
		> a{padding: 0 5px; }
	}
	.bd-flex .bd-left h6{margin-bottom: ;}
	.s5-board-view .s5-view-slider{flex-direction: column;}
	.s5-board-view .s5-view-tit{font-size: 28px;}
	.s5-board-view .s5-view-slider .big-slide-wrap{width: 100%; padding: 10px;}
	.s5-board-view .s5-view-slider .thum-slide-wrap{width: 100%; padding: 30px 20px;}
	.s5-board-view .s5-view-slider .thum-slide-wrap .items{margin-bottom: 0; margin: 0 10px;		}
	.s5-view-txt{flex-direction: column; padding-bottom: 50px;}
	.s5-view-txt .tbx{width: 100%; padding-right: 0; margin-bottom: 30px;}
	.s5-view-txt .tbx ul > li{font-size: 16px; line-height: 1.5;}
	.s5-view-txt .tbx ul > li span{width: 100px;}
	
	.s24 .arti1 .tbx .p-box{max-width:10000px; width: 100%;}
	.s24 .arti1 .tbx .p-box h3{font-size: 28px;}
	.s24 .arti1 .tbx .flex-box{padding-bottom: 0;}

	.s24-new2{margin-top: 0; padding-bottom: 0; padding-bottom: 150px;}
	.s24-new2 .max-1440{padding-bottom: 0;}
	.s24-new2 .max-1440 .lbx{position: static;}
	.s24-new2 .max-1440 .lbx .box8{padding-bottom: 150px;}
	.s24-new2 .max-1440 .rbx{position: sticky; left: -0px; margin-left: 0px; right: auto; top: auto; bottom: 0; z-index: 100; width: 100%; height: 150px; margin-top: 0; background: url(../img/sub/fill-bg-m.png) center top no-repeat; background-repeat: repeat-x;  padding: 0px 15px; 	box-sizing: border-box; z-index: 100; justify-content: center;}
	.s24-new2 .max-1440 .rbx .img-box{max-width:1000000000px; width: max-content; height: 100%; flex-direction: row; background-repeat: repeat-x; background: none;  gap:20px; padding: 20px 0; }
	.s24-new2 .max-1440 .rbx .img-box .box{flex-direction: row; gap:20px; width: 100%; display: none;}
	.s24-new2 .max-1440 .rbx .img-box .box.active{display: flex;}

	.s24-new2 .max-1440 .rbx .img-box .box figure{flex:1; }
	.s24-new2 .max-1440 .rbx .img-box .box figure img{width: auto; height: 100px; max-width:10000px;}
	.s24-new2 .max-1440 .lbx{max-width:100%; height: auto;}
	.s24-new2 .max-1440 .lbx .box{position: static; opacity: 1; transform: translate(0px, 0px); filter: blur(0px);}

	.s24-new2 .max-1440 .rbx .img-box:before{left: 0; top: 2px; width: 100%; height: 20px; background: url(../img/sub/fill-dot-m.png) center left repeat-x; }
	.s24-new2 .max-1440 .rbx .img-box:after{left: 0; top: auto; bottom: 2px; width: 100%; height: 20px; background: url(../img/sub/fill-dot-m.png) center left repeat-x;}
	.s24-new2 .max-1440 .lbx .box{height: 70vh; display: flex; align-items: flex-start;}
	.s24-new2 .max-1440 .lbx .box b{font-size: 22px; line-height: 1.5; margin-bottom: 1em;}
	.s24-new2 .max-1440 .lbx .box .p-box p{font-size: 16px; line-height: 1.5;}
	
	.s41-2 .arti2{margin-top: 50px;}
	.s42-2 .arti2{margin-top: -800px;  } 
	.s41 .arti2{width: 100%; margin-top: 50px; padding: 0 20px;}

}

@media (max-width: 800px) {
	.s31-0{margin-top: -200px;}
}

@media (max-width: 750px) {
/* s21 */
	.s21 .arti2 .center-box big{top: 0px;}
	.s21 .arti2 .center-box .ibx1{order:1; margin-left: 50%; width: 50%;} 
	.s21 .arti2 .center-box .ibx2{order:2; width: 50%; 	}
	.s21 .arti2 .center-box > .tbx1{order:3; padding-left: 0; padding-bottom: 10px; width: 100%;}
	.s21 .arti2 .center-box > .tbx2{order:4; padding-left: 0; padding-top: 0; width: 100%;}
	.s21-2 .arti3{height: 200dvh;}

}

@media (max-width: 640px) {
	.speed-ul{margin: 10px 0 40px;}
	.speed-ul > ul > li{font-size: 14px;}

/* s11 */
	.sub-section .arti1 .tbx .p-box p{word-break: break-all;}
	.sub-section .arti1 .tbx .p-box p br{display: none;}
	.s1 .arti2 > div > .rbx small ul > li{word-break: break-all;}
	.s1 .arti2 > div > .rbx small ul > li br{display: none;}

/* s21 */
	.s21 .arti1 .tbx .p-box p{margin-bottom: 0;}
	.s21-2 .arti4 .box > .cnt ul > li {flex-wrap:wrap; margin-bottom: 15px;}
	.s21-2 .arti4 .box > .cnt ul > li span{width: 100%; text-align: left; margin-bottom: 5px;}
	.s21-2 .arti4 .box > .cnt ul > li .tbx:before{top: 10px; margin-top: 0;}
	.s21-2 .arti4 .box:not(.box1) > b{padding-top: 20px;}

/* s24 */
	.s24 .arti1 .tbx .p-box b{font-size: 18px; line-height: 1.5; word-break: keep-all; margin-bottom: 0;}
	.s24 .arti1 .tbx .p-box b br{display: none;}
	.s24-2 .arti2 .box .lbx b{font-size: 18px; line-height: 1.5; word-break: keep-all; margin-bottom: 20px}
	.s24-2 .arti2 .box .lbx b br{display: none;}
	.s24-2 .arti2 .box .lbx p{font-size: 16px; line-height: 1.5; word-break: keep-all; margin-bottom: 20px;}
	.s24-2 .arti2 .box .lbx p br{display: none;}
	.s24-2 .arti2 .box .rbx{margin-top: 0; padding-top: 150px;}
	.s31-2{padding-bottom: 120px;}
	.s41-2 .arti2{margin-top: 30px}
	.s41-2 .arti1 {height: auto; max-height:auto;min-height:auto;  min-height:0px; }
	.book-wrap{margin-top: 80px;	padding: 0;} 
	.s42-2 .arti2 .max-1128{}
	.s42-2 .arti2 .cnt > li .figbox{width: 100px;}
	.s42-2 .arti2 .cnt > li .figbox p{font-size: 14px; padding-right: 10px;}
	.s42-2 .arti2 .cnt > li .tbx p{font-size: 16px; line-height: 20px;}
	
	.s12{padding-bottom: 150px;}
	.s12 .arti2 .lbx{width: 100%;}
	.s12 .arti2 .rbx .tbx h5{font-size: 22px; line-height: 1.5;}
	.s12 .arti2 .rbx .tbx .p-box p{font-size: 16px; line-height: 1.5; margin-bottom: 1em;}
	.s12 .arti2 .rbx .tbx .sign{margin-top: 2em;}
	.s12 .arti2 .rbx .tbx .sign p{font-size: 16px; line-height: 1.5;}
	.s12 .arti2 .rbx .tbx .sign .right{top: 0;}
	.s21-2 .arti4 .box > .cnt ul > li{gap:5px}
	.s21-2 .arti4 .box > .cnt ul > li .tbx{padding-left: 0; margin-left: 0;}
	.s21-2{padding-bottom: 150px;}
	.s31-2 .arti3 ul > li > a{line-height: 1.2;}
	.s31-2 .arti3 ul > li:not(:last-child):after{top: 50%; translate:0 -50%; }
	.s41 .arti1 .cnt-box .s4-tab > li > a{font-size: 16px; line-height: 1.2;}

	.s24-new2 .max-1440 .rbx {width: 100%; }
	.s24-new2 .max-1440 .rbx .img-box .box{width: max-content; overflow-x: auto;}
	.s24-new2 .max-1440 .rbx .img-box .box figure img{height: 100px;}
	.s24-new2 .max-1440 .lbx .box{height: auto; padding-top: 25vh; }
	.s42-2 .arti2 .cnt > li .num{width: 60px;}
	.s42-2 .arti2 .cnt > li .open{padding-left: 183px;}
	.sub-section2.s41{margin-top: -900px; padding: 0 20px; height: auto; padding-bottom: 150px;}
	.s41-2{max-height:auto; height: 100vh;}
	.s42-2 {padding-bottom: 150px; margin-top: -450px;}
	.s42-2 .arti2{ margin-top: 0;}
	
	
	.s21-2 .arti4 .box > .cnt figure{display: none;}
	.s42-2 .arti2 .cnt > li .open p{word-break: break-all;}
	.s42-2 .arti2 .cnt > li .open p br{display: none;}
	.s42-2 .arti2 .cnt > li .open{padding-left: 0;}
	.s42-2 .arti2 .cnt > li.on .flex{height:80px}
	.s42-2 .arti2 .cnt > li.on {
		.figbox figure {top: 5px;}
	}
	
	main .main-video-line .mcnt4{height: 50vh; min-height:80vh !Important; padding-bottom: 150px;}
	main .main-video-line .mcnt4{margin-top: -80vw;}

/* 	.bd-flex .bd-left .bd-lnb > ul{flex-direction: column;}
	.bd-flex .bd-left .bd-lnb .dep4 > ul{align-items: flex-start; padding: 10px;} */
	.bd-flex .bd-left .bd-lnb > ul{position: relative; }
	.bd-flex .bd-left .bd-lnb > ul > li{flex:none; width: 50%;}
	.bd-flex .bd-left .bd-lnb > ul > li .dep4{display: none;}
	.bd-flex .bd-left .bd-lnb > ul > li.current .dep4{display: block; width: 200%; }
	.bd-flex .bd-left .bd-lnb > ul > li:nth-child(2) .dep4{margin-left: -100%;}
	.bd-flex .bd-left .bd-lnb .dep4 > ul{ justify-content: center;   align-items: flex-start; padding: 10px; flex-direction: row; }
	.s12 .arti2 .rbx .tbx .sign .right svg{width: 110px;}
	
	.book-pop-wrap .close{right: auto; left: 50%; top: 100px; margin-left: -10px;} 
	
	
	
}

@media (max-width: 480px) {
	.bd-top-bg .bd-nav{gap:15px}
	.bd-top-bg h4{line-height: 1;}
	
	.board-top{margin-top: 30px; margin-left: auto; width: 100%;	    justify-content: flex-end; align-items: flex-end;}
	
	.s31-2 .arti3 ul{flex-direction: column; gap:10px;}
	.s31-2 .arti3 ul > li:not(:last-child):after{display: none;}
	.s31-2 .arti3 ul > li > a{padding-left:12px;}
	.s31-2 .arti3 ul > li > a:after{left: 0; top: 7px;}
	
	.scroll-icon img{width: 28px;}
	
	.book-pop-wrap .close{position: fixed; top: 80px; } 

}

@media (max-width: 400px) {

/* 	.s42-2 .arti2 .cnt > li .flex{flex-wrap:wrap; height: auto;}
	.s42-2 .arti2 .cnt > li .tbx{flex:100%; padding: 20px 0px; height: auto;}
	.s42-2 .arti2 .cnt > li .figbox figure{position: static; margin-top: 10px;}
	.s42-2 .arti2 .cnt > li.on .flex{height: auto;} */
	
	.s42-2 .arti2 .cnt > li .figbox{width: 80px;}
	.s42-2 .arti2 .cnt > li .tbx p{font-size: 14px;}
	.s42-2 .arti2 .cnt > li .open p{font-size: 14px; line-height: 1.5;}
	
	.bd-top-bg .bd-nav{flex-wrap:wrap; gap:5px}
	.bd-top-bg .bd-nav > li{width: 32%;}
	
	
	.s42-2 .arti2 .cnt > li .tbx{padding-left: 15px;}
	.s42-2 .arti2 .cnt > li .flex{height: 60px;}
  .s42-2 .arti2 .cnt > li.on {
			.figbox figure {top: 18px;}
	}
	
}

@media (max-width: 340px) {
	.s42-2 .arti2 .cnt > li .num{width: 40px;}
	.s42-2 .arti2 .cnt > li .figbox{width: 60px;}
	.s42-2 .arti2 .cnt > li .tbx{padding-left: 10px;}
}

@media (max-width: 480px) {

/* 사이트안내 */
	.s1-no1.sub-section .arti1 .fixed-bg img{object-position: 63% center; }

/* 주요연혁 */
	.s21.sub-section .arti1 .fixed-bg img{object-position: 92% center}

/* 삶의여정 */
	.s24.sub-section .arti1 .fixed-bg img{object-position: 28% center}	

/* 네개의무대 */
	.s30.sub-section .arti1 .fixed-bg img{object-position: 28% center}	

/* 교육현장 */
	.s31.sub-section .arti1 .fixed-bg img{object-position: 56% center}	

/* 정치현장 */
	.s32.sub-section .arti1 .fixed-bg img{object-position: 27% center}	

/* 종교사회 */
	.s33.sub-section .arti1 .fixed-bg img{object-position: 60% center}	

/* 가정 */
	.s34.sub-section .arti1 .fixed-bg img{object-position: 47% center}	

/* 메세지 */
	.s41.sub-section .arti1 .fixed-bg img{object-position: 17% center}	

	/* 251223 추가 */
	#book .data h4 {font-size: 18px;}
	#book .data ul > li {font-size: 14px;}
	#book .data ul > li:before {top: 6px;}
	#book .data ul > li span {font-size: 12px;}

}