@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css');
	@font-face {
    font-family: 'SchoolSafetyStarrySky';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimByeolbichhaneulTTF-L.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
	}

	@font-face {
		font-family: 'SchoolSafetyStarrySky';
		src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimByeolbichhaneulTTF-B.woff2') format('woff2');
		font-weight: 700;
		font-display: swap;
	}
	

	@font-face {
		font-family: 'SangjuGotgam';
		src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/SANJUGotgam.woff') format('woff');
		font-weight: normal;
		font-display: swap;
	}
	
	*{padding:0; margin:0;}
	body{font-family: 'Paperlogy';}

	select, input, button, textarea, button {
		font-family: 'Paperlogy', sans-serif;
	}
	
	#wrap{}
	header{background:#fff; height:99px; border-bottom:1px solid #ddd;}
	header .h_head{max-width: 1440px;  margin: 0 auto;  display: flex;  justify-content: space-between;  align-items: center;}
	header .h_head h1{width:208px;}
	header .h_head .h_button{position: absolute;   right: 0; width:180px; }
	header .h_head .h_button>a{color: #fff; height: 39px; letter-spacing: 0; background-color: #333; border-radius: 21px; padding: 0 25px 0 25px; display: inline-block; line-height: 39px;}
	/* header .h_head .h_button button{color: #fff; height: 39px; letter-spacing: 0; background-color: #333; border-radius: 21px; padding: 0 55px 0 25px; position: relative; z-index: 1;}
	header .h_head .h_button button::after{width: 0; height: 0; border-top: 5px solid #d6d6d6; border-left: 5px solid transparent; border-right: 5px solid transparent; display: inline-block; content: ''; position: absolute; top: 45%; right: 20px; transform: translate(-50%, 0); transition: all ease 0.25s;}
	header .h_head .h_button button span{line-height: 39px; font-size: 16px;}
	header .h_head .h_button .h_list{border-radius: 21px; position: absolute; top: 0; left: 0;}
	header .h_head .h_button .h_list ul{}
	header .h_head .h_button .h_list ul li{height:39px; line-height: 39px; background-color: #333; padding: 0 25px 0 15px;}
	header .h_head .h_button .h_list ul li a{padding-right: 42px; color: #d6d6d6; display: inline-block; line-height: 39px; border-top: 1px solid #4c4c4c; box-sizing: border-box; font-size: 15px; text-indent: 11px;}
	header .h_head .h_button .h_list ul li:last-of-type{border-bottom-left-radius: 21px; border-bottom-right-radius: 21px;}
	header .h_head .h_button .h_list ul li:first-of-type{border-top-right-radius: 21px; border-top-left-radius: 21px;}
	header .h_head .h_button .h_list ul li:first-of-type a{border-top: none;}
	header .h_head .h_button .h_list ul li a:hover{color: #fff;}
	header .h_head .h_button button.downArrow::after{transform: rotate(180deg) translate(54%,0); transition: all ease 0.25s;} */

	.h_button_s{box-sizing: border-box; height: auto; padding: 15px 15px 15px 25px; background: #000; color: #fff; border-radius: 40px;}
	.h_button_s>option{background: #fff; color: #000;}
	

	.cl::after{display: block; content: ''; clear: both;}
	
	.visual_text{padding:65px 0; text-align: center; background:url(/images/lifelong/poems/2025/vi_bg.jpg) center 0; }
	.visual_text .text_top{font-weight: 900; font-size:33px; color:#333333; padding:10px 0; margin:0 auto 40px auto; position:relative; line-height: 1em;}
	.visual_text .text_top:after{content:'';width: 483px; height: 24px; background: #ffea9f; display: block; margin: -14px auto; border-radius: 30px;}	
	.visual_text .text_top span{color:#921a40;}
	.visual_text .text_center{font-family: 'SchoolSafetyStarrySky'; font-size:100px; font-weight: 700; line-height: 1em;}
	.visual_text .text_center span{color:#921a40;}
	/* .visual_text .text_center{font-size:94px;  font-family: 'Cafe24Moyamoya-Regular-v1.0'; margin-bottom:45px; line-height: 108px; color: #222;} */
	.visual_text .text_center .green2{color:#159400; display:inline-block;}
	.visual_text .text_center .redburgundy{color:#cf073a; display:inline-block;}
	.visual_text .text_bottom{font-size:18px; line-height: 28px; margin-top: 45px;}
	
	.c_green{color:#269a53;}
	.c_dgreen{color:#33818d;}
	
	
	
	header .gnb{position:relative; width: calc(100% - 388px); display: flex;  padding-right:180px; align-items: center;  justify-content: center;}	
	header .gnb li{position:relative; color:#fff; }
	header .gnb li:after{content:''; display:block; position: absolute; right:0; top:50%; background:url(/images/lifelong/poems/2025/gnb_bg.png); width:4px; height:12px; margin-top:-6px;  }
	header .gnb li:last-child:after{display:none;}
	header .gnb li a{color:#333; display: block; font-size: 24px; line-height: 99px; padding:0 60px;  font-weight: 600;}
	header .gnb li a:hover,
	header .gnb li.on {color:#921a40;}
	
	
	#container{position:relative; width:100%; min-height:600px; padding:0px 0 100px 0;}
	
	
	.subcontent{/*max-width:1440px; margin:0 auto; */ width:100%;  background:url(/images/lifelong/poems/2025/con_bg.png) no-repeat 0 center;}
    .subcontent::before{ pointer-events: none; position: absolute; display: block; content: ''; width: 100%; height: 300px; background: url(/images/lifelong/poems/2025/bg01.png) no-repeat center left; top: 0; left: 0; z-index:-1;}
    .subcontent::after{ pointer-events: none; position: absolute; display: block; content: ''; width: 100%; height: 300px; background: url(/images/lifelong/poems/2025/bg02.png) no-repeat center right; bottom: 0; right: 0; z-index:-1}
	.subtit{font-size: 48px; font-weight: 700; color: #af5d3b;}
	.subtit .tit{color: #25934c;}
	
	
	.tab{border-top:1px solid #ddd; border-bottom:1px solid #ddd; background: #fff; position: relative; z-index: 1;}
	.tab ul{display: flex; align-items: center; justify-content: center; max-width:1440px; margin:0 auto;}
	.tab ul li:first-child{ border-left:1px solid #ddd;}
	.tab ul li{position:relative; background:#fff; width:50%; border-right:1px solid #ddd; box-sizing:border-box;}
	.tab ul li a{line-height: 60px; font-size:22px; color:#333;text-align: center; display:block; background: #fff;  width:100%; font-family: 'SangjuGotgam';}
	.tab ul li a.on, .tab ul li a:hover{color:#fff; font-weight: 900; background: #8e350f;  }
	/*.tab ul li a span.icon_01{background:url(/images/lifelong/poems/icon_01.png) no-repeat 0 0;}
	.tab ul li a span.icon_02{background:url(/images/lifelong/poems/icon_02.png) no-repeat 0 0;}*/
	

	
	#poems_wrap{display:flex; margin: 70px auto 0 auto;     max-width: 1440px;     flex-wrap: wrap;}
	#poems_wrap .poems_tit{width:100%; letter-spacing: -1px; }
	#poems_wrap .poems_list{width:100%;}
	#poems_wrap .poems_list02{width:100%; z-index:99; margin-top:50px;}
	
	.poems_tit .top_title{font-size:50px; line-height:1.2em; position:relative;  margin-bottom:10px; color:#333; word-break: keep-all; font-weight: 900; text-align: center;}

	.poems_tit .top_title span{ color:#a34218;}
	.poems_tit .sub_title{font-size:18px; line-height: 30px; text-align: center; letter-spacing: 1px;}
	
	.poems_tit ul{margin:40px 0 90px 0; display: flex;  align-items: center;   justify-content: center;}
	.poems_tit ul li{float:left; margin:0 5px; background: #fff;}
	.poems_tit ul li a{position:relative; font-size:16px; padding:0 30px;  line-height: 45px; border:1px solid #ddd; display:block; color:#888; border-radius:30px; }
	.poems_tit ul li.on a, .poems_tit ul li a:hover{color:#a34218; font-weight: 600; border:1px solid #a34218; box-shadow: 0px 0px 10px 0; background: #fff;}
	

	.poems_list li{float:left; width:calc(25% - 40px); margin:0 20px; text-align: center; margin-bottom:40px;}
	.poems_list li a{display:block;}
	.poems_list li .thumb{background:url(/images/lifelong/poems/2025/frame.png) no-repeat 0 0; width:330px; height:491px; margin-bottom:25px;  padding:0 18px; box-sizing:border-box;}
    .poems_list li .thumb_c{background:url(/images/lifelong/poems/2024/frame_c.png) no-repeat 0 0;}
	.poems_list li .thumb img{/*height:339px;*/ width:100%; padding-top: 45px;}
	.poems_list li .poems_suject{font-weight: 600; font-size:22px; color:#333; margin-bottom:10px; display:block;}
	.poems_list li .poems_name{font-size:18px; color:#333; display:block;}
	
	/* .poems_list li{float:left; width:calc(33.33% - 48px); margin:0 24px; text-align: center; margin-bottom:40px;}
	.poems_list li a{display:block;}
	.poems_list li .thumb{background:url(/images/lifelong/poems/frame.png) no-repeat 0 0; width:292px; height:383px; margin-bottom:25px;  padding:20px; box-sizing:border-box;}
	.poems_list li .thumb{width:100%; height:383px; margin-bottom:25px;box-sizing:border-box; position: relative;}
	.poems_list li .thumb .case{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 292px; height: 396px; z-index: 1;}
	.poems_list li .thumb .case img{width: 292px; height: 396px;}
	.poems_list li .thumb .img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 292px; height: 396px;}
	.poems_list li .thumb .img img{width:292px; height:396px;}
	.poems_list li .poems_suject{font-weight: 600; font-size:20px; color:#333; margin-bottom:10px; display:block; width: ;}
	.poems_list li .poems_name{font-size:18px; color:#333; display:block;} */
	
	
	.poems_list02 li{float:left; width:calc(33.3% - 48px); margin:0 20px; text-align: center; margin-bottom:40px;}
	.poems_list02 li a{display:block;}
	.poems_list02 li .thumb{background:url(/images/lifelong/poems/2025/s01.png) no-repeat 0 0; width:359px; height:302px;  padding: 35px 10px 10px 10px; box-sizing:border-box; margin:0 auto 25px auto}
	.poems_list02 li .thumb img{height:231px; width:100%; }
	.poems_list02 li .poems_suject{font-weight: 600; font-size:22px; color:#333; margin-bottom:10px; display:block;}
	.poems_list02 li .poems_name{font-size:18px; color:#333; display:block;}

	
	
	footer{position:relative; text-align:center; color:#fff;  background:#333333; padding:60px 0 40px 0; }
	footer p{font-size:16px; font-weight:300; line-height: 30px; }
	footer p span{position:relative;  padding-left:17px; margin-left:17px;}
	footer p span:after{content: ''; display: block; width:1px; height:15px; background:#636363;display: inline-block; position: absolute;  left: 0;  top: 3px;}
	footer p strong{color:#ffc107;}
	footer .browser {width:400px; margin:0 auto 30px auto; font-weight:300;}
	footer .browser span{display:block; margin-top:15px; padding:10px 15px; background:#000; border-radius:3px;}
	
	
	.pop_layout{position: fixed;  visibility: hidden;  opacity: 0; background:url(/images/lifelong/poems/2024/pop_layout_bg.jpg) no-repeat 0 0; width:100%; height:100%;     z-index: 9999999; left:0; top:0px; background-size:cover; }
	.pop_layout.open{visibility: visible;  opacity: 1;}
	.pop_layout .pop_wrap{position:absolute;width: 1200px;left: 50%;top: 50%;transform: translate(-50%, -50%);height:760px;display:flex;justify-content: space-between; align-items: center;}
	
	
	.pop_layout .pop_wrap2{position:absolute; width:1200px; left: 50%; top: 50%; transform: translate(-50%, -50%); height:500px; display:flex;justify-content: space-between; align-items: center;}
	.pop_layout .pop_wrap2 .big_thum{width: 58%;background:url(/images/lifelong/poems/2025/b01.png) no-repeat 0 0;    padding: 53px 2.99% 55px 1.9%;background-size:100%;}
	.pop_layout .pop_wrap2 .big_thum img{width:100%; height:auto;     height: 380px;}
	.pop_layout .pop_wrap2 .pop_info{width:40%; margin-top:30px;}
	
	
	.big_thum{width:490px; background:url(/images/lifelong/poems/2025/pop_layout_frame.png) no-repeat 0 0; padding:75px 2.0% 59px 2.2%; box-sizing: border-box;}
	.big_thum_c{background:url(/images/lifelong/poems/2024/pop_layout_frame_c.png) no-repeat 0 0;}
	.big_thum .bigcase{width: 540px; height: 732px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; position: absolute;}
	.big_thum .popimg{width: 540px; height: 732px; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute;}
	
	/* .big_thum .img{width: 540px; height: 732px; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute;} */
	.big_thum img{width:100%; height:598px; margin-bottom: 20px;}
	.pop_info{width:calc(100% - 600px); margin-top:30px;}
	.pop_info .tit{margin-bottom:20px;}
	.pop_info .subject{font-size:44px; font-weight: 600; margin-bottom:10px; line-height: 48px;}
	.pop_info .sang{font-size:18px; color:#d14022;}
	.pop_info .sang span{font-weight: 600; }
	.pop_info dl dt{color:#333; font-weight: 600; padding-left:36px; background:url(/images/lifelong/poems/2023/icon_03.png) no-repeat 0 0; line-height: 30px; margin-bottom:10px; text-align: left;}
	.pop_info dl dt.f_meno{ padding-left:36px; background:url(/images/lifelong/poems/2023/icon_04.png) no-repeat 0 0;}
	.pop_info dl dt.f_clgp{ padding-left:36px; background:url(/images/lifelong/poems/2024/icon_05.png) no-repeat 0 0;}
	
	.pop_info dl dd{background:#fff; border-radius:10px; padding:20px; margin-bottom: 25px; border:1px solid #ddd; font-size:18px; text-align: left;}
	.pop_info dl dd span.name{font-size:24px; font-weight: 600; position:relative; display:inline-block; color:#000; padding-right:15px;}
	.pop_info dl dd span.name:after{content:''; display:inline-block; margin-left:20px;     vertical-align: bottom; height:15px; width:1px; background:#ddd;}
	.pop_info dl dd div.con_a{/*min-height:300px;*/ line-height: 30px; word-break: keep-all;}
	.pop_layout .pop_close{position: absolute; right:0; top:0;}
	.pop_layout .pop_pre{position: absolute; left:2%; transform: translateY(-50%); top:50%; width:65px; height:73px; background:url(/images/lifelong/poems/btn_pre.png) no-repeat 0 0; padding-top:36px; font-size:18px;}
	.pop_layout .pop_next{position: absolute; right:2%; transform: translateY(-50%); top:50%; width:65px; height:73px; background:url(/images/lifelong/poems/btn_next.png) no-repeat 0 0; padding-top:36px; font-size:18px;}


         .name_c{ font-size: 22px;  color: #e68e00;}


	
	
	
	
	
	.pop_info2{width:calc(100% - 600px); margin-top:30px;}
	.pop_info2 .tit{margin-bottom:20px;}
	.pop_info2 .subject{font-size:48px; font-weight: 600; margin-bottom:10px; line-height: 48px;}
	.pop_info2 .sang{font-size:18px; color:#d14022;}
	.pop_info2 .sang span{font-weight: 600; }
	.pop_info2 .name_type2{font-size:24px; font-weight: 600; position:relative; display:inline-block; color:#000; padding-right:15px;}
	.pop_info2 .name_type2:after{content:''; display:inline-block; margin-left:20px;     vertical-align: bottom; height:15px; width:1px; background:#ddd;}
	
	
	
	
	
	.sub_tit{font-size: 48px; font-weight: bold; color: #af5d3b; text-align: center; margin-top: 70px;}
	.sub_tit .tit{color: #25934c;}
	.int{max-width:1140px; margin:0 auto; position:relative; text-align: center; font-size:22px; line-height: 35px; margin-top:50px;     word-break: keep-all; z-index:5;}
	.int .int_top::after{content: ''; display: block; padding-bottom:40px; border-bottom:1px solid #ddd; margin: 0 auto; width:155px; height: 1px;}
	.int .int_top p{font-size:20px;}
	.int .int_top .title_a{font-size:20px; color:#af5e3c; margin-top: 20px; display: inline-block; background-color: #f3e4dd; border-radius: 19px; padding-right: 20px;}
	.int .int_top .title_a::before{content: ''; display: inline-block; width: 14px; height: 14px; background: url(/images/lifelong/poems/2023/icon_05.png) no-repeat center center; margin-right: 5px; margin-left: 20px;}
	.int .int_bottom{margin-top: 40px;}
	
	@media (max-width:1440px){
		header{padding:0 20px; }
		.poems_wrap{padding:0 20px;}
	}
	
	
	@media (max-width:1366px){
		.poems_list li{width: calc(33.3% - 40px);}
		.poems_list li .thumb{ margin: 0 auto 25px auto;}
		   
	}


	@media (max-width:1048px){
		.poems_list li{width: calc(50% - 40px);}

		header{height:auto;}
		header .h_head{flex-direction: column;}
		header .h_head h1{    margin-top: 25px;   text-align: left;   width: 100%;    margin-bottom: 25px;}

		header .h_head .h_button{top: 19px;}
		header .gnb{    width: 100%; padding-right:0;}
		header .gnb li{width: 33.3%;}
		header .gnb li a{    color: #333;   display: block;    font-size: 20px;    line-height: 60px;    padding: 0;    font-weight: 600;    text-align: center;}
		   
	}
	
	.poems_tit select{display:none;}
	
	@media (max-width:1100px){
		
		  #poems_wrap{display:block; margin-top: 20px;} 
		  .poems_tit .top_title, .poems_tit .sub_title{display:none;}
		  #poems_wrap .poems_list,  #poems_wrap .poems_list02{width:100%;}
		  #poems_wrap .poems_list ul{display: flex; flex-wrap: wrap;justify-content: space-around;}
		 
	
	
		#poems_wrap .poems_tit{width: 100%; margin-right:0; padding:0 20px; box-sizing:border-box;}
	
		.tab{margin: 0px 0 30px;}
	
		.poems_tit ul{widht:100%; margin:0 0 20px 0; display:none;}
	
		/*.poems_tit ul li a{border-left:none; text-align: left; background: #fff;     font-size: 16px;}
		.poems_tit ul li:first-child {}
		.poems_tit ul li{display:none;float:none; width:100%;box-sizing:border-box; text-align: left; padding-left:15px; border: 1px solid #ddd;  margin: -1px 0 0 0;}
	
		.poems_tit ul li.on{display:block; border-left:none; background-color:#fff; border:1px solid #231815; }
		.poems_tit ul li.on a,  .poems_tit ul li:hover a{color:#333333; text-align: left; border:none; background:none;}
		.poems_tit ul li.on a{background-color:#fff; background: #fff url(https://www.hf.go.kr/_res/hf/ko/img/selarr_btn.png)no-repeat 100% 50%;}
		.poems_tit ul li.on a {border-left:none; }*/
	
		.poems_tit select{display:block; border:1px solid #d2d2d2; padding:0 24px; line-height:54px; transition:all .2s; width:100%; box-sizing:border-box; height:54px; margin-bottom:40px;}



	
	
		
	}
	

	@media (max-width:1020px){
		
		
		   
	}
	
	
	@media (max-width: 840px){
		
		
		header .h_head .h_button {}
		header .gnb{width:100%; display: flex;}
	
		
	
		.visual_text .text_top:after{display:none;}
	
		.visual_text{padding:50px 0;}
		.visual_text .text_top{font-size:25px;}
		.visual_text .text_center{font-size:50px; line-height: 50px; padding:0 20px;}
		.visual_text .text_bottom{display:none;}
	
	
		#container{    padding:0px 0 150px 0;}
		.subcontent{margin: 0px auto 0 auto; position: relative;}
	
		.int{margin-top:30px;}
		.br_mob{display:none;}
	
		footer{padding: 150px 20px 0px 20px; margin-top: 0;}
		footer p{padding-bottom:20px; font-size:15px;     line-height: 25px;}
	
		.poems_list02 li{width:100%; margin:0 0 30px 0;}
		.sub_tit{margin-top: 17px;}
		.visual_text .text_top{margin:0 auto 20px auto;}
		

		#poems_wrap{margin-top: 0;}
	
		.pop_info .subject{font-size: 36px;}
		.big_thum .bigcase{max-width: 100%; height: auto; top: 0; transform: translate(-50%, 0);}
		.big_thum .popimg{max-width: 100%; height: auto; top: 0; transform: translate(-50%, 0);}
	

		header .h_head .h_button .h_list ul li a{border-top: none;}
		header .h_head .h_button .h_list ul li{border-top: 1px solid #4c4c4c; padding: 0 26px 0 15px; width: 100%;}
		header .h_head .h_button .h_list ul li:first-of-type{border-top:none}

		header .h_head .h_button .h_list{width: 80%;}

		.pop_layout .pop_wrap2 .big_thum img{height:auto}
	}
	
	
	
	@media (max-width: 630px){
		#container{padding: 0px 0 70px 0;}
		.sub_tit{font-size:35px;     margin-bottom: 30px; margin-top:17px;}
		/*.sub_tit:after, .sub_tit:before{display:none; margin-bottom: 34px;}*/
		.sub_tit:before, .sub_tit:after{width: 42px; height: 31px; background-size: contain;}
	
		.sub_tit .tit{padding: 0 5px;}
		.sub_tit .tit:before { content: ''; display: block; width: 100%; height: 10px; background: #fff4d7; border-radius: 30px; position: absolute;  left: 0; bottom: 5px;  z-index: -1;}
		
		

		
		
	
	
		.tab ul li a span{width: 24px; height: 24px;}
		.tab ul li a span.icon_01, .tab ul li a span.icon_02{background-size: 24px;}

		.tab ul li a.on span.icon_01, .tab ul li a:hover span.icon_01{background: url(/images/lifelong/poems/icon_01.png) no-repeat 0 -24px; background-size: 24px; }
		.tab ul li a.on span.icon_02, .tab ul li a:hover span.icon_02{background: url(/images/lifelong/poems/icon_02.png) no-repeat 0 -24px; background-size: 24px; }
		.int .int_top p{font-size:18px; line-height: 29px;}
		.int .int_top .title_a{font-size: 16px;}
		.int .int_bottom{font-size: 18px; line-height: 29px;}
		
	
	}
	
	
	
	
	@media (max-width: 500px){
		footer{background:#333333;     padding: 50px 20px 0px 20px;}
		footer .browser{width:100%;}

		
		header .h_head h1{text-align: center;     margin-bottom: 10px; margin-top: 10px;}

		header .h_head .h_button{position: relative;  top: auto;  margin: 0 auto;}
		header .h_head .h_button button span{font-size: 13px; line-height: 35px;}
		header .h_head .h_button .h_list ul li a{font-size: 12px; padding-right: 41px; line-height: 35px;}
		header .h_head .h_button .h_list ul li{height: 35px; line-height: 35px;}
	
	
	}   
	
	

	
	@media (max-width: 1280px){
	
	.pop_layout .pop_wrap, .pop_layout .pop_wrap2{width:95%; box-sizing:border-box; height:500px; margin-top:10px;}
	.pop_layout .pop_wrap2{ overflow-y: scroll;   display: block;   top: 70px;   transform: translate(-50%, 0);   height: calc(100vh - 120px);}
	.pop_layout .pop_close img{width:60px; height:60px;}
	.pop_layout .pop_next{ top: 0px;  right: 65px;  transform: translateY(0); width: 60px;   height: 60px;  background: url(/images/lifelong/poems/2023/btn_next.png) no-repeat 0 10px; box-sizing:border-box;}
	.pop_layout .pop_pre{top:0px; right:120px; transform: translateY(0);  width: 60px;   height: 60px;    background: url(/images/lifelong/poems/2023/btn_pre.png) no-repeat 0 10px;box-sizing:border-box;}
	
	.pop_layout .pop_wrap2{display:block;}
	.pop_layout .pop_wrap2 .big_thum, .pop_layout .pop_wrap2 .pop_info{width: 100%;}
	
	.pop_layout .pop_wrap2 .big_thum{    padding:8% 2.5% 2.5% 2.5%;}
	
	}
	
	@media (max-width: 1000px){
	
		.pop_layout .pop_wrap{ overflow-y: scroll;   display: block;   top: 70px;   transform: translate(-50%, 0);   height: calc(100vh - 120px);}
		.pop_info, .big_thum{width:100%; padding:0;     text-align: center;}
		.big_thum{background-size: 100%; padding:13.5% 5.5% 11.2% 5.5%;}
	
		 .big_thum img{max-width: 100%; height: auto;}
	
	}
	
	
	@media (max-width: 600px){
	
		.big_thum img{width:100%; height:auto; border-radius: 5px;}
		.pop_info .subject{font-size:25px; line-height: 25px;}
		.big_thum{height:auto;}

		.pop_layout .pop_wrap2 .big_thum{background: url(/images/lifelong/poems/2025/b01_m.png) no-repeat 0 0;         background-size: 100%;}

	
	
	}        
	@media (max-width: 457px){
		.visual_text .text_center{font-size:38px; line-height:40px;}
		.visual_text .text_top{font-size:20px;}


	
	}                                                                                           


	
	
	.mov{max-width: 900px;   margin: 0 auto;     z-index: 2;    position: relative;}
	@media (max-width: 600px){
		.mov iframe{width:100%; height:315px;}
	}                        


	@media (max-width:959px){
		#poems_wrap .poems_list li{width: calc(50% - 48px);}
		   
	}

	@media (max-width:959px){
		#poems_wrap .poems_list li{width: 100%;}
		   
	}

	@media (max-width: 400px){
		header .h_head h1{width: 100%; text-align: center;}
		header .h_head .h_button{width: 100%; text-align: center;}
		header .h_head .h_button button{width: 100%; text-align: left;}
		header .h_head .h_button .h_list{width: 88%;}
		header .h_head .h_button .h_list ul li a{border-top: none;}
		header .h_head .h_button .h_list ul li{border-top:1px solid #4c4c4c; text-align: left;}
		header .h_head .h_button .h_list ul li:first-of-type{border-top: noen;}
}