.sub6_normal{padding:20px 20px 20px; border:1px solid #ddd; border-radius:24px; background:#fbfbfb; margin:0 0 30px;}
.sub6_normal li{position: relative; padding-left:15px; line-height:1.5; margin:4px 0 4px;}
.sub6_normal li::before{content:""; position:absolute; display:block; left:0px; top:15px; width:5px; height:5px; background:#000; border-radius:50%;}

.sub6_normal2{padding:0px 0px 20px; margin:0 0 30px;}
.sub6_normal2 li{position: relative; padding-left:15px; line-height:1.5; margin:4px 0 4px;}
.sub6_normal2 li::before{content:""; position:absolute; display:block; left:0px; top:15px; width:5px; height:5px; background:#000; border-radius:50%;}
.sub6_normal2 p.tb{border:1px solid #ddd; background:#f4781d; color:#fff; font-size: 25px; padding:5px 30px 5px; display:inline; border-radius:24px;}

.sub6_normal3{padding:0px 0px 20px; margin:0 0 0px;}
.sub6_normal3 li{position: relative; padding-left:15px; line-height:1.5; margin:4px 0 4px;}
.sub6_normal3 li::before{content:""; position:absolute; display:block; left:0px; top:15px; width:5px; height:5px; background:#000; border-radius:50%;}

.sub6_mpos_imgs{border:3px solid #ddd; padding:20px; position:relative; border-radius:24px; background:#fbfbfb; margin:0 0 50px;}
.sub6_mpos_imgs ul{display:flex; justify-content: center; flex-direction: row; flex-wrap: wrap; gap: 15px;}
.sub6_mpos_imgs li{width:calc(85% / 3); padding:10px 0 10px;}
.sub6_mpos_imgs li .img_s{width:100%;}
.sub6_mpos_imgs li .img_s img{width:100%; border-radius:24px; overflow:hidden;}
.sub6_mpos_imgs li .texts_m{text-align:center; font-weight:400; padding:10px 0 10px;}

.sub6_mpos_imgs2{border:3px solid #ddd; padding:20px; position:relative; border-radius:24px; background:#fbfbfb; margin:0 0 50px;}
.sub6_mpos_imgs2 ul{display:flex; justify-content: center; gap:40px; flex-direction: row; /*flex-wrap: wrap;*/  align-items: center;}
.sub6_mpos_imgs2 li{padding:10px 0 10px; display:flex; flex-direction: column; align-items: center;}
.sub6_mpos_imgs2 li .img_s{width:40%;}
.sub6_mpos_imgs2 li .img_s img{width:100%; border-radius:24px; overflow:hidden;}
.sub6_mpos_imgs2 li .mots{width:50px; display:flex; justify-content: center; align-items: center; height:50px; background:#000; color:#fff; text-align:center; border-radius:50%;}
.sub6_mpos_imgs2 li .texts_m{text-align:center; font-weight:400; padding:10px 0 10px;}

.sub6_mod_ms{padding:20px 0 40px;}
.sub6_mod_ms ul{display:flex; flex-direction: row; justify-content: center; flex-wrap: wrap;}
.sub6_mod_ms li{width:calc(93% / 2); padding:10px 20px 10px; margin-bottom:30px;}
.sub6_mod_ms li .tt_bar{padding:20px; background:#f4781d; font-weight:700; border-radius:24px; color:#fff; text-align:center;}
.sub6_mod_ms li .imgs_ms{padding:10px 0 10px; width:70%; margin:0 auto; border-radius:24px; }
.sub6_mod_ms li .imgs_ms .imgds{border-radius:24px; overflow:hidden;  color:#fff; text-align:center;}
.sub6_mod_ms li .imgs_ms .imgds img{width:100%;}
.sub6_mod_ms li .mds_txts{margin:10px 0 0; padding:30px 6px 30px; border:1px solid #ddd; border-radius:24px; background:#fbfbfb; }
.sub6_mod_ms li .mds_txts p{position: relative; padding-left:20px; font-size:20px; line-height:1.4;}
.sub6_mod_ms li .mds_txts p::before{content:""; display:block; width:5px; height:5px; background:#000; position:absolute; left:10px; top:10px;}

.sub6_msom_s{padding:0px 30px 0px;  background:#adb7ef;  border:1px solid #ddd; border-radius:24px; margin:0 0 40px;}
.sub6_msom_s .text_big {padding: 30px 0 20px; font-size: 34px; font-weight: 700;  text-align: center;}
.sub6_msom_s .mtxt{padding:0 0 10px; text-align:center;}
.sub6_msom_s .omd{text-align:center; padding:0 0 0px;}

.sub6_msom_s2{padding:0px 30px 0px; background:url('../images/sub/sub6/bgbgs.jpg');  border:1px solid #ddd; border-radius:24px; margin:0 0 40px;}
.sub6_msom_s2 .text_big {padding: 30px 0 20px; font-size: 34px; font-weight: 700;  text-align: center;}
.sub6_msom_s2 .omd{text-align:center; padding:0 0 0px;}

.sub6_img_listd{padding:0 0 20px;}
.sub6_img_listd ul{display:flex; gap:10px; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.sub6_img_listd li{width:calc(83% / 3); margin:0 0 14px;}
.sub6_img_listd li .img_lis{width:100%; border:1px solid #ddd; overflow:hidden; border-radius:24px;}
.sub6_img_listd li .img_lis img{width:100%;}

.sub6_dm_box2{padding:20px 0; display:flex; gap:20px; flex-wrap: wrap;}
.sub6_dm_box2 .ms_tels{/*width:20%;*/ background:#fbfbfb; gap: 10px; display:flex; flex-direction: row; align-items: center; flex-wrap: nowrap; border:1px solid #ddd; border-radius:34px; padding:20px;}
.sub6_dm_box2 .ms_tels .logo_ms{width:42%; margin:0 auto;}
.sub6_dm_box2 .ms_tels .logo_ms img{width:100%;}
.sub6_dm_box2 .ms_tels .ms_txts{font-size:22px; text-align:center; color:#000; font-weight:500;}
.sub6_dm_box2 .ms_tels .ms_txts2{padding:10px 0 10px; font-size:22px; text-align:center; color:#000; font-weight:500;}
.sub6_dm_box2 .ms_tels .tels_num{padding:0; text-align:center; font-size:25px; font-weight:400; color:#000;}
.sub6_dm_box2 .ms_tels .mail_m{padding:0; text-align:center; font-size:18px; font-weight:400; color:#000;}
.sub6_dm_box2 .ms_tels .mail_m .mini_boxs{margin:0 0 5px;}


.sub6_dm_box2 .ms_tels .btns{padding:5px 20px 5px;  font-size:16px; color:#fff; text-align:center; background:#f4781d;}
.sub6_dm_box2 .ms_tels .btns a{color:#fff;}

.sub6-ms-lists{padding:10px 0 30px;}
.sub6-ms-lists ul{display:flex; gap: 10px; justify-content: center; align-items: center;}
.sub6-ms-lists li{width:calc(85% / 4);}
.sub6-ms-lists li .img-mostd{width:100%; border-radius:24px;}
.sub6-ms-lists li .img-mostd img{width:100%; border-radius:24px;}

.btnms1 a{padding: 10px; background: #f4781d; color: #fff; display: block; width: fit-content; margin-top: 20px;}


.sub4_tamle{position:relative; padding:40px 0 40px;}
.sub4_tamle ul{display:flex; justify-content: center;}
.sub4_tamle li{}
.sub4_tamle li a{position:relative; display: block; padding: 10px 30px; text-align: center; font-size: 18px;}
.sub4_tamle li a::before{position:absolute; height:2px; bottom:0; left:0; width:100%; background:#}
.sub4_tamle li a.on{}

.yt-wrap{
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 = 9/16*100 */
  overflow: hidden;
}
.yt-wrap iframe{
  position:absolute;
  top:0; left:0;
  width:100%;
  height:100%;
  border:0;
}

/* 부산 외국인유학생통합지원허브 CI.BI */
/* 전체 */
.sub06_hub_page {
  width: 1600px;
  margin: 0 auto;
  padding: 0px 0 80px;
  color: #3f4d59;
}

/* 탭 */
.sub06_hub_tabs {
  display: flex;
  gap: 10px;
  margin-bottom: 50px;
}

.sub06_hub_tab {
  flex: 1;
}

.sub06_hub_tab_btn {
  width: 100%;
  border: 0;
  background: none;
  padding: 10px 0 22px;
  font-size: 40px;
  font-weight: 700;
  color: #000;
  cursor: pointer;
  border-bottom: 5px solid #8e979f;
}

.sub06_hub_tab.sub06_hub_active .sub06_hub_tab_btn {
  border-bottom-color: #eb6d1f;
}

/* 콘텐츠 */
.sub06_hub_content {
  display: none;
}

.sub06_hub_content.sub06_hub_active {
  display: block;
}

/* 작은 제목 */
.sub06_hub_mini_title {
  position: relative;
  margin: 0 0 24px;
  padding-top: 34px;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.2;
  color: #394754;
}

.sub06_hub_mini_title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 5px;
  background: #eb6d1f;
}

/* 설명 */
.sub06_hub_desc {
  margin: 0 0 102px;
  font-size: 22px;
  line-height: 1.75;
  font-weight: 400;
  color: #353535;
  word-break: keep-all;
}

/* 큰 제목 */
.sub06_hub_big_title {
  position: relative;
  margin: 0 0 42px;
  padding-top: 34px;
  font-size: 33px;
  font-weight: 900;
  line-height: 1.35;
  color: #394754;
}

.sub06_hub_big_title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 5px;
  background: #eb6d1f;
}

/* 이미지 영역 */
.sub06_hub_row {
  display: flex;
  align-items: flex-start;
  gap: 74px;
}

.sub06_hub_left {
  width: 735px;
}

.sub06_hub_img_box {
  width: 100%;
  min-height: 242px;
  border: 1px solid #d7d7d7;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
}

.sub06_hub_right {
  width: 420px;
}

.sub06_hub_guide_img {
  width: 100%;
  display: block;
  margin-bottom: 18px;
}

.sub06_hub_guide_text {
  font-size: 14px;
  line-height: 1.7;
  color: #70777d;
}

/* 이미지 공통 */
.sub06_hub_page img {
  max-width: 100%;
  height: auto;
  display: block;
}

.sub06_hubcons_wrap{
  max-width:100%;
  margin:0 auto;
  padding:20px 24px 60px;
  box-sizing:border-box;
  color:#4b4f55;
}

.sub06_hubcons_top{
  display:flex;
  justify-content:space-between;
  gap:46px;
  align-items:flex-start;
}

.sub06_hubcons_topLeft{
  flex:1 1 0;
  max-width:860px;
}

.sub06_hubcons_logoBox{
  border:1px solid #cfcfcf;
  background:#fff;
  padding:60px 20px 60px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
}

.sub06_hubcons_logoBox img{
  max-width:78%;
  max-height:70%;
  display:block;
}

.sub06_hubcons_downloadBtn{
  width:220px;
  height:54px;
  margin:18px auto 0;
  background:#f68b1f;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  color:#fff;
  text-decoration:none;
  font-size:17px;
  font-weight:500;
  box-sizing:border-box;
}

.sub06_hubcons_downloadIcon{
  width:24px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.sub06_hubcons_downloadIcon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.sub06_hubcons_topRight{
  width:34%;
  min-width:300px;
}

.sub06_hubcons_topRight_s {
    width: 34%;
    max-width: 300px;
}

.sub06_hubcons_gridLogoBox{
  width:100%;
  margin-bottom:18px;
}

.sub06_hubcons_gridLogoBox img{
  width:100%;
  display:block;
}

.sub06_hubcons_minWrap{
  margin-bottom:16px;
}

.sub06_hubcons_minTitle{
  margin:0 0 8px;
  font-size:15px;
  font-weight:700;
  color:#666;
}

.sub06_hubcons_minLogo img{
  max-width:190px;
  display:block;
}

.sub06_hubcons_minTextWrap{
  margin-top:6px;
}

.sub06_hubcons_minText{
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:#666;
  word-break:keep-all;
}

.sub06_hubcons_desc{
  margin:52px 0 42px;
  font-size:22px;
  line-height:1.9;
  color:#4f5660;
  word-break:keep-all;
}

.sub06_hubcons_colorGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:36px 58px;
  margin-bottom:78px;
}

.sub06_hubcons_colorTitle{
  margin:0 0 12px;
  font-size:13px;
  font-weight:700;
  color:#8b8b8b;
  letter-spacing:0.02em;
}

.sub06_hubcons_colorBar{
  display:flex;
  width:100%;
  max-width:390px;
  height:44px;
  border:2px solid #bfbfbf;
  box-sizing:border-box;
  background:#fff;
}

.sub06_hubcons_colorWhite{
  width:80px;
  border-right:2px solid #bfbfbf;
  background:#fff;
  flex-shrink:0;
}

.sub06_hubcons_colorFill{
  flex:1;
  display:block;
}

.sub06_hubcons_colorFill--pink{background:#c21b97;}
.sub06_hubcons_colorFill--gold{background:#9a6b34;}
.sub06_hubcons_colorFill--gray{background:#87878d;}
.sub06_hubcons_colorFill--silver{background:#958d8d;}

.sub06_hubcons_colorCode{
  margin:10px 0 0;
  text-align:center;
  font-size:12px;
  color:#777;
}

.sub06_hubcons_basic{
  display:flex;
  gap:44px;
  align-items:flex-start;
  margin-bottom:34px;
}

.sub06_hubcons_basicTitle{
  width:260px;
  flex-shrink:0;
}

.sub06_hubcons_basicTitle strong{
  display:block;
  font-size:32px;
  line-height:1.1;
  font-weight:800;
  color:#243847;
  letter-spacing:-0.03em;
}

.sub06_hubcons_basicTitle span{
  display:block;
  margin-top:8px;
  font-size:21px;
  line-height:1.3;
  font-weight:700;
  color:#243847;
}

.sub06_hubcons_basicText{
  flex:1;
  font-size:22px;
  line-height:1.9;
  color:#4f5660;
  word-break:keep-all;
}

.sub06_hubcons_banGrid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:24px 24px;
}

.sub06_hubcons_banItem p{
  margin:10px 0 0;
  font-size:14px;
  color:#666;
  line-height:1.5;
  word-break:keep-all;
}

.sub06_hubcons_banThumb{
  border:1px solid #c9c9c9;
  background:#fff;
  min-height:84px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  overflow:hidden;
}

.sub06_hubcons_banThumb img{
  width:100%;
  display:block;
}



 @media (max-width: 1600px) {
	.sub6_mpos_imgs2 li .texts_m {
		font-size:18px;
	}

	.sub6_msom_s .text_big {
		font-size: 28px;
	}

	.sub6_msom_s .mtxt {
		font-size: 20px;
	}

	.sub06_hub_page {
		width:97%;
	}

 }

 @media (max-width: 1480px) {
	.sub6-ms-lists li {
		width: calc(95% / 4);
	}
}

@media (max-width: 1280px) {
	.sub6_normal li{
		font-size: 18px;
	}

	.sub6_normal2 p.tb {
		font-size: 20px;
	}

	.sub6_msom_s .text_big {
        font-size: 24px;
		padding: 30px 0 10px;
    }

	.sub6_msom_s .mtxt {
        font-size: 17px;
    }

	.sub06_hub_desc {
		font-size: 18px;
	}

	.sub06_hubcons_desc {
		font-size: 18px;
	}

	.sub06_hubcons_basicText {
		font-size: 18px;
	}

	.sub06_hub_tab_btn {
		font-size: 30px;
	}

}

@media (max-width: 1220px) {
    .sub6_msom_s .omd img{
		width:100%;
	}

}

@media (max-width: 1024px) {
	.sub6_mpos_imgs2 li .img_s {
		width:40%;
	}

	.sub6_mpos_imgs2 ul{
        gap:30px;
    }
    .sub6_mpos_imgs2 li .img_s{
        width:40%;
    }
    .sub6_mpos_imgs2 li .mots{
        width:20px;
        height:20px;
        font-size:14px;
    }

	.sub06_hubcons_wrap{
    padding:20px 20px 50px;
  }

  .sub06_hubcons_top{
    gap:28px;
  }

  .sub06_hubcons_basic{
    flex-direction:column;
    gap:20px;
  }

  .sub06_hubcons_basicTitle{
    width:100%;
  }

  .sub06_hubcons_banGrid{
    grid-template-columns:repeat(3, 1fr);
  }
}

@media (max-width: 980px) {
	.sub6-ms-lists ul {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.sub6-ms-lists li {
        width: calc(95% / 2);
    }
}

@media (max-width: 930px) {
    .sub6_mpos_imgs2 li .texts_m {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
	.sub6_mpos_imgs2 ul{
        gap:25px;
    }
    .sub6_mpos_imgs2 li{
        width:45%;
    }
    .sub6_mpos_imgs2 li .img_s{
        width:100%;
        max-width:120px;
    }

	.sub06_hubcons_top{
    flex-direction:column;
  }

  .sub06_hubcons_topLeft,
  .sub06_hubcons_topRight{
    width:100%;
    max-width:none;
  }

  .sub06_hubcons_topRight{
    min-width:0;
  }

  .sub06_hubcons_logoBox{
    height:auto;
    padding:28px 20px;
  }

  .sub06_hubcons_logoBox img{
    max-width:100%;
  }

  .sub06_hubcons_downloadBtn{
    width:100%;
    max-width:260px;
    height:50px;
    font-size:16px;
  }

  .sub06_hubcons_desc{
    margin:34px 0 30px;
    font-size:15px;
    line-height:1.8;
  }

  .sub06_hubcons_colorGrid{
    grid-template-columns:1fr;
    gap:26px;
    margin-bottom:54px;
  }

  .sub06_hubcons_colorBar{
    max-width:none;
    height:40px;
  }

  .sub06_hubcons_colorWhite{
    width:64px;
  }

  .sub06_hubcons_basicTitle strong{
    font-size:26px;
  }

  .sub06_hubcons_basicTitle span{
    font-size:18px;
  }

  .sub06_hubcons_basicText{
    font-size:15px;
    line-height:1.8;
  }

  .sub06_hubcons_banGrid{
    grid-template-columns:repeat(2, 1fr);
    gap:18px;
  }

  .sub06_hubcons_banItem p{
    font-size:13px;
  }

  .sub06_hubcons_topRight_s {
	    max-width: 80%;
		width: 100%;
  }
}

@media (max-width: 640px) {
	
	.sub6_normal li{
		font-size: 14px;
	}

	.sub6_mpos_imgs2 ul {
		flex-wrap: wrap;
		flex-direction: column;
	}

	.sub6_normal2 p.tb {
        font-size: 16px;
    }

	.sub06_hub_desc {
        font-size: 15px;
    }

	.sub06_hub_tab_btn {
        font-size: 24px;
    }
	
}

@media (max-width: 480px){
	.sub6-ms-lists li {
        width: calc(100% / 1);
    }
	.sub6_mpos_imgs2 ul{
        gap:20px;
    }
    .sub6_mpos_imgs2 li{
        width:100%;
    }
    .sub6_mpos_imgs2 li .img_s{
        width:90px;
    }
    .sub6_mpos_imgs2 li .mots{
        width:40px;
        height:40px;
        font-size:13px;
    }

	.yt-wrap{ aspect-ratio: 4 / 3; } /* 예: 모바일에서 더 크게 */

	.sub06_hubcons_wrap{
    padding:16px 16px 40px;
  }

  .sub06_hubcons_banGrid{
    grid-template-columns:1fr;
  }

  .sub06_hubcons_minLogo img{
    max-width:160px;
  }
}