@charset "utf-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

/*û³â»óÀÎ*/
.youth_wrap *{line-height: 1.4;}
.youth_topbox{position: relative; padding: 50px 60px; box-sizing: border-box; border: 8px solid #dff1f8; margin-bottom: 80px;}
/* .youth_topbox{position: relative; padding: 50px 60px; box-sizing: border-box; border-radius: 15px 15px 0 0; background: #dff1f8;}  */
.youth_title{width: fit-content;}
.youth_title strong{font-weight: 600; color: #00adcf; font-size: 22px; line-height: 1.5;}
.youth_title span{display: inline-block; margin-top: 5px; font-size: 16px; color: #333; line-height: 1.5;}

.youth_topbox img{position: absolute; bottom: -60px; right: 50px;}

.youth_list_w{margin-top: 85px;}
.youth_list > li{position: relative; display: flex; flex-wrap: wrap; flex-direction: row; padding: 50px 10px; box-sizing: border-box;  border-bottom: 2px solid #efefef;}
.youth_list > li:nth-child(1){background: url(/images/sub08/list1bg.png) no-repeat 98% 90%; padding-top: 20px;}
.youth_list > li:nth-child(2){background: url(/images/sub08/list2bg.png) no-repeat 98% 90%;}
.youth_list > li:nth-child(3){background: url(/images/sub08/list3bg.png) no-repeat 98% 90%;}
.youth_list > li:nth-child(4){background: url(/images/sub08/list4bg.png) no-repeat 98% 90%;}
.youth_list > li:nth-child(5){background: url(/images/sub08/list5bg.png) no-repeat 98% 90%;}
.youth_list > li:nth-child(6){background: url(/images/sub08/list6bg.png) no-repeat 98% 90%;}
.youth_list > li:nth-child(7){background: url(/images/sub08/list7bg.png) no-repeat 98% 90%;}
.youth_list > li:nth-child(8){background: url(/images/sub08/list8bg.png) no-repeat 98% 90%;}
.youth_list > li:nth-child(9){background: url(/images/sub08/list9bg.png) no-repeat 98% 90%;}
.youth_list > li:nth-child(10){background: url(/images/sub08/list10bg.png) no-repeat 98% 90%;}
.list_img{overflow: hidden; width: 340px; height: 200px; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center;}
.list_img img{width: 100%;}

.list_text{width: calc(100% - 380px); margin-left: 40px;}
.list_text li{font-size: 14px; padding: 4px; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; align-items: stretch;}
.list_text li:first-child{padding-top:0;}
.list_text li p:first-child{margin-right: 10px;}
.list_text li p:nth-child(2){flex: 1 1 0;}
.list_text li p{line-height: 1.5;}
.list_text li p i{font-size: 17px; color: #22b9d6;}
.list_tit{justify-content: space-between; padding-right: 20px !important; box-sizing: border-box;}
.list_tit p{font-size: 22px !important; font-weight: 600; color: #22b9d6;}
.list_busin{border-bottom: 1px dotted #dff1f8; padding-bottom: 10px !important;}
.list_busin p{font-size: 17px !important; color: #111;}
.list_addr p{padding-top: 10px !important;}
.list_addr p, .list_phone p, .list_expl p{color: #666;}
.list_phone a{pointer-events: none;} /*µ¥½ºÅ©Å¾ ÀüÈ­¸µÅ© ºñÈ°¼º*/
.list_detail a{color: #15aac7; transition: all 0.3s;}
.list_detail p:hover i{color: #255c7e;}

.list_link a{width: 30px; height: 30px; display: inline-flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; margin-left: 5px;}
.list_link a img{width: 100%;}

.youth_video_w{margin: 70px 0;}
.video_box{margin-top: 10px;}
.video_box a{position: relative; display: block; width: 100%; height: 100%;}
.video_box a::before{content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.2); transition: all 0.5s; z-index: 1;}
.video_box a:hover::before{background: rgba(0,0,0,0.5);}
.video_box a::after{content: ''; width: 114px; height: 80px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(/images/sub08/btn_youtube.png) no-repeat center center; background-size: 100%; z-index: 2;}
.video_box a img{position: relative; display: block; width: 100%;}



/*¼¼ºÎÁ¶Á¤*/
@media (min-width: 1024px) and (max-width:1260px){
  .youth_title{width: 64%;}
  .youth_topbox img{ right: 20px; width: 37%;}
  .youth_list li br.mobile_none{display: none;}
}

/*Æеå*/
@media (min-width:641px) and (max-width:1023px){
  .youth_topbox{padding: 40px 30px;}
  .youth_title{width: 60%;}
  .youth_topbox img{bottom: -15%; right: 20px; width: 38%;}
  br.mobile_none{display: none;}

  .list_img{width: 310px; height: 182px;}
  .list_text{margin-left: 20px; width: calc(100% - 330px);}


  .video_box a::after{width: 93px; height: 65px;}
}
/*¸ð¹ÙÀÏ*/
@media (max-width:640px){
  .youth_topbox{padding: 20px; padding-top: 40px; height: 350px; text-align: center;}
 /* .youth_topbox{overflow: hidden;} */
  .youth_title{font-size: 19px;}
  .youth_topbox img{position: relative; top: 15px; left: 0%; max-width: 95%;}
  br.mobile_none{display: none;}

  .youth_list_w{margin-top: 115px;}
  .youth_list > li{flex-direction: column; background-position: 90% 95% !important; padding: 35px 10px;}
  .list_img{width: 100%;}
  .list_text{width: 100%; margin-left: 0; margin-top: 15px;}
  .list_tit{padding-right: 4px !important;}

  .video_box a::after{width: 71px; height: 50px;}
}