.br{display:block;}

.visual_wrap{height:705px; position:relative; background:gray url('/images/ingu-youth/main/visual_bg.jpg') no-repeat 0 0; overflow: hidden; border-radius: 0 0 200px 200px;}

.visual_txt{color:#374142;  line-height: 1; letter-spacing: -2px; text-align:center; margin-top:80px; }
.txt_st1{font-size:30px; }
.txt_st2{font-size:60px; margin-top: 20px; line-height: 1.2; color:#6a9eca;  font-family: 'Jalnan'; text-shadow:0 0 5px  rgba(255, 255, 255, 0.7), 0 0 10px rgba(255, 255, 255, 0.6),  0 0 20px rgba(255, 255, 255, 0.5),  0 0 30px rgba(255, 255, 255, 0.4);}
.txt_st2 span{color:#186eb8; display:block;  font-family: 'Jalnan';}

.h3_tit{ font-family: 'SANGJUG'; font-size:40px; color:#000; }
.h3_tit span{color:#0083de}
.tit_st{font-size:20px; color:#222;  font-family: 'Gmarket SansL'; font-weight:bold; }

.sectB{background:#f3f7fc; position:relative; border-radius:50px; margin-top:90px; padding:98px 110px 98px 145px; display: flex;  gap: 50px;  justify-content: space-between;}
.sectB:before{content:""; display:inline-block; width:210px; height:238px; background-image:url('/images/ingu-youth/main/char_img.png'); position:absolute; left: 0; top: 0;  margin: -43px 0 0 -70px;}

.policy_link{ display:flex; flex-wrap:wrap;  gap:60px;}
.policy_link a{ font-size:20px;  letter-spacing:-1px;  gap: 25px;  display: flex;  flex-direction: column; align-items: center; position:relative; font-family: 'Gmarket SansL'; font-weight:bold; transition:all ease-in 0.2s;}
.policy_link a:hover{text-decoration: underline; text-decoration-thickness: 1px;text-underline-offset: 6px; margin-top:-5px; color:#0068b0}
.policy_link a i {display: block; width: 122px;  height:122px; background:#fff; position:relative; display: flex; align-items: center;justify-content: center; border-radius:50%; box-shadow:7px 8px 21px rgba(33, 86, 153, 0.2); transition:all ease-in 0.2s;  border:1px solid #fff;}

.policy_link a:hover i {box-shadow: 7px 8px 21px rgba(33, 86, 153, 0.3); border:1px solid #015996; }
.policy_link a i[class^='policy_'] {display: inline-block; background-image: url('/images/ingu-youth/main/policy_ico.png'); background-repeat: no-repeat;}  
.policy_link i.policy_ico1{ background-position:25px 50%;}
.policy_link i.policy_ico2{background-position:-100px 50%;}
.policy_link i.policy_ico3{background-position:-227px 50%;}
.policy_link i.policy_ico4{background-position:-354px 50%;}
.policy_link i.policy_ico5{background-position:-484px 50%;}


.sectC{padding:70px 0 90px; display:flex; gap:56px; }
.sectC .notice_wrap{ width: 894px;position:relative; }
.sectC .notice_wrap .h3_tit{margin:10px 0 21px;}
.sectC .notice_wrap .notice_con{display:flex; gap:20px; }

.sectC .notice_wrap .notice_con a{ background:#f3f7fc; border-radius:20px; padding:40px 30px; width:282px; height:270px; display:inline-block;  transition:all ease-in 0.2s}

.sectC .notice_wrap .tit{font-size:19px; margin-top:20px; overflow: hidden; text-overflow: ellipsis; 
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sectC .notice_wrap .con{font-size:16px; margin:11px 0 30px; color:#555;  overflow: hidden; text-overflow: ellipsis; 
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sectC .notice_wrap .date{font-size:15px;color:#8c8c8c}

.sectC .notice_wrap .notice_con a:hover{background:#5478a4;  }
.sectC .notice_wrap .notice_con a:hover *{color:#fff; }
.sectC .notice_wrap .notice_con a:hover .tit,
.sectC .notice_wrap .notice_con a:hover .con{text-decoration: underline; text-decoration-thickness: 1px;text-underline-offset: 4px;  }

.sectC .notice_wrap .more{position:absolute; top: 10px; right: 0; background:#333; width:49px; height:49px; border-radius:50%; display: flex;  justify-content: center;
    align-items: center;}
.sectC .notice_wrap .more i{font-size:34px; color:#fff;  margin-left: 3px;}



.popz_box{position:relative; }
.popz_box .popz_li{position:relative; border-radius:20px; overflow:hidden; width:486px; height:361px; }

.popz_box .swiper_cont{position:absolute; right:20px; top:22px; display: flex; align-items: center; justify-content:flex-start; z-index: 99; color:#fff; font-size:12px;}
.popz_box .slider1_count{display:flex; width:76px !important; justify-content: space-between;  margin-right:10px;}
.popz_box .autoplay-progress { position: absolute; left: 14px; width: 48px !important; height: 48px !important; display: flex; align-items: center; justify-content: center; font-size: 0;}
.popz_box .progress-bar {width: 40px; height: 3px; background-color: #ffffff5e; border-radius: 5px; position: relative; overflow: hidden; }
.popz_box .progress-fill { width: 0%; height: 100%; background-color: #fff; transition: width 0.1s linear; }
.popz_box .play-stop-btn {color:#fff; cursor: pointer; font-size: 22px; background: none; border: none; display: flex; align-items: center; justify-content: center;}
.popz_box .slide_prev,
.popz_box .slide_next{ font-size:24px; z-index:10; cursor: pointer; display: flex; align-items: center; justify-content: center;}



.sectD{background:#f3f7fc; position:relative; border-radius:50px; padding:45px 110px 43px 337px; display: flex;  gap: 50px;  justify-content: space-between;}
.sectD:before{content:""; display:inline-block; width:202px; height:253px; background-image:url('/images/ingu-youth/main/prog_char.png'); position:absolute; left: 60px; bottom: 0; }
.sectD .tit_st { font-size: 18px;}

.acd_link{ display:flex; flex-wrap:wrap;  gap:80px;}
.acd_link a{ font-size:17px; gap: 15px;  display: flex;  flex-direction: column; align-items: center; position:relative;
				 font-family: 'Gmarket SansL'; font-weight:bold; transition:all ease-in 0.2s;}
.acd_link a:hover{text-decoration: underline; text-decoration-thickness: 1px;text-underline-offset: 6px; margin-top:-3px; color:#000}
.acd_link a i {display: block; width: 80px;  height:80px; background:#fff; position:relative; display: flex; align-items: center;justify-content: center; border-radius:50%;transition:all ease-in 0.2s;  border:1px solid #fff;}

.acd_link a:hover i {box-shadow: 7px 8px 21px rgba(33, 86, 153, 0.3); border:1px solid #555; }
.acd_link a i[class^='acd_'] {display: inline-block; background-image: url('/images/ingu-youth/main/acd_ico.png'); background-repeat: no-repeat;}  
.acd_link i.acd_ico1{ background-position:19px 50%;}
.acd_link i.acd_ico2{background-position:-71px 50%;}
.acd_link i.acd_ico3{background-position:-161px 50%;}
.acd_link i.acd_ico4{background-position:-251px 50%;}





@media screen and (max-width: 1440px) {
	.sectC .notice_wrap{width:calc(100% - 483px - 56px)}
	.sectC .notice_wrap .notice_con a { width: calc(100% / 2);  overflow: hidden;}
	.sectC .notice_wrap .notice_con a:nth-child(3n){display:none;}
	.popz_box{width:483px;}
	.popz_box .popz_li{width:100%; height:auto}
	.popz_box img{max-width:100%;}

}

@media screen and (max-width: 999px) {	
	.visual_wrap{height: 325px;background-position: center 0; border-radius: 0 0 80px 80px; background-size: cover;}

	.visual_txt{color:#374142;  line-height: 1; letter-spacing: -2px; text-align:center; margin-top:40px; }
	.txt_st1{font-size: 18px;}
	.txt_st2{font-size: 26px; letter-spacing:0; margin-top: 8px;}
	
	.sectB {justify-content: center; flex-wrap: wrap; margin-top: 50px; padding:20px; gap:20px; text-align:center}
	.sectB:before{display:none;}
	.tit_st br{display:none;}
	.policy_link {  justify-content: center; gap: 20px;}
	.policy_link a { gap:14px; font-size: 15px; letter-spacing: 0;}
	
		
	.sectC { flex-wrap: wrap; padding: 30px 0 40px;}	
	.sectC .notice_wrap{width:100%}
	.sectC .notice_wrap .notice_con a{padding: 30px 20px; height: 215px;}
	.sectC .notice_wrap .tit {font-size: 16px; margin-top: 0;}
	.sectC .notice_wrap .con {font-size: 14px;}
	.popz_box{margin: 0 auto;}
	
	.sectD { flex-wrap: wrap; margin-top:0; padding: 30px; gap: 30px; text-align:center; justify-content: center;}
	.sectD:before{display:none;}
	.sectD .tit_st { font-size: 15px;}
	
	.acd_link {  justify-content: center; gap: 20px; width: 100%;}
	.acd_link a {    font-size: 14px;}
	
	.h3_tit{font-size: 30px;}
	.tit_st {font-size: 15px;}

}
	
@media screen and (max-width: 765px) {
}

	
@media screen and (max-width: 499px) {
	
}