@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

image-rendering: -moz-crisp-edges; /* firefox */
image-rendering: -o-crisp-edges; /* opera */
image-rendering: -webkit-optimize-contrast; /* chrome */
image-rendering: crisp-edges;

body,div,p,span,strong,h1,h2,h3,h4,h5,h6 {font-family:'Noto Sans KR', san-serif !important;}
/* body,div,p,span,strong,h1,h2,h3,h4,h5,h6 {font-family:'Nanum Gothic', san-serif !important;} */
/* .headline {font-family: 'Black Han Sans', San-serif !important;} */
.headline {font-family: 'Black Han Sans', San-serif !important; font-weight: 400;font-size:5.6vw;word-break: keep-all;line-height: 4.8vw;text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);}
.headundertag {line-height: 2vw;margin-top:1.6vw;text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);font-size: 1.5vw;}
.subtitle {background-color:#7C643D;}
.subtitle_bw {background-image:url(/assets/imgs/header/hands.webp); background-repeat: no-repeat; background-size: cover; background-position: top center;}
.subtitle_promise {background-image:url("/assets/imgs/header/promise.webp"); background-repeat: no-repeat; background-size: cover; background-position: top center;}
.subtitle_people {background-image:url("/assets/imgs/header/people.webp"); background-repeat: no-repeat; background-size: cover; background-position: top center;}
.subtitle_flags {background-image:url("/assets/imgs/header/flags.webp"); background-repeat: no-repeat; background-size: cover; background-position: top center;}
.subtitle_jump {background-image:url("/assets/imgs/header/jump.webp"); background-repeat: no-repeat; background-size: cover; background-position: top center;}
.subtitle_vol {background-image:url("/assets/imgs/header/vol.webp"); background-repeat: no-repeat; background-size: cover; background-position: top center;}
.subtitle_iyc {background-color:#FFE46C;background-image:url("/assets/imgs/projects/iyc/top.png"); background-repeat: no-repeat; background-size: container; background-position: top center;height:598px; }
.subtitle_iyc_2025 {background-color:#FFE46C;background-image:url("/assets/imgs/projects/iyc/top_2025.png"); background-repeat: no-repeat; background-size: container; background-position: top center;height:598px; }
.sectiontitle {font-size: 2em;}

.nav-link.active {
    font-weight: bold; /* active 클래스에 굵은 글씨 스타일 적용 */
  }

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  background: no-repeat 50% / 100% 100%;
  opacity: 0.5;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 16 16'%3e%3cpath d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm3.5 7.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5z'/%3e%3c/svg%3e") !important;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 16 16'%3e%3cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z'/%3e%3c/svg%3e") !important;
}


a {
  color: #000000;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

.btn-link {
  font-weight: 400;
  color: #50605C !important;
  text-decoration: none;
}

.text-primary{
  color: #50605C !important;
}


navbar {max-width: 1240px;}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #50605C !important;
}


.nav-link {
  display: block;
  padding: 0.5rem 1.0rem !important;
  font-weight:500;
  
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.9);
}



.carousel-caption {
  position: absolute;
  right: 15%;
  top: 6vw !important;
  left: 0%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
  max-width: 600px !important;
  margin: 0 auto;
}

.maincarousel {height: 84vh;}

.maincarousel {height: 84vh;}
.maincarousel::before{content: ""; background-color:#000000;position: absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0.2;}

.maincarouselimg1{background-image:url(/assets/imgs/slide_bw_001.jpg);background-position:top center; background-size: cover; background-repeat: no-repeat; }
.maincarouselimg2{background-image:url(/assets/imgs/slide_bw_005.jpg);background-position:top center; background-size: cover; background-repeat: no-repeat; }
.maincarouselimg3{background-image:url(/assets/imgs/slide_bw_002.jpg);background-position:top center; background-size: cover; background-repeat: no-repeat; }
.maincarouselimg4{background-image:url(/assets/imgs/slide_bw_003.jpg);background-position:top center; background-size: cover; background-repeat: no-repeat; }
.maincarouselimg5{background-image:url(/assets/imgs/slide_bw_004.jpg);background-position:top center; background-size: cover; background-repeat: no-repeat; }

.bwintro {font-size:40px;padding:50px 0px 30px 0px;text-align: center; margin: 0 auto;font-weight: 400;}


#btn-back-to-top {
  position: fixed;
  z-index: 100;
  bottom: 20px;
  right: 20px;
  border-radius: 20px;
  opacity: 0.5;
  display: none;
}

[data-toggle="collapse"] .fa:before {  
  content: "\f139";
}

[data-toggle="collapse"].collapsed .fa:before {
  content: "\f13a";
}


.cicle_180 {
	width:180px; height: 180px;
	
}

.icon-dark {
	color:#FFFFFF;
}


.mainbody {max-width: 1088px;padding: 0 50px;}
.programsbody {max-width: 1100px;padding: 0 50px;}
.wcbody {max-width: 1100px;padding: 0 50px;}

 .card-title2 {font-size:20px !important;font-weight: 600;}
 .card-text2 {font-size:16px !important;line-height:24px;font-weight: 400;}

@media (min-width:1200px) {
	.coimg {max-width:134px !important;height:auto;}
}

@media (max-width:1199.9px) {
	.coimg {max-width:120px !important;height:auto;}
}

@media (min-width:620.1px) and (max-width:991.98px) {
	
	.cicle_180 {max-width:100px !important; max-height:100px !important ;}
	.headline {font-family: 'Black Han Sans', San-serif !important; font-weight: 400;font-size:8vw;word-break: keep-all;line-height: 7.2vw;text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);margin: 0px 20px;}
	.headundertag {line-height: 2.2vw;margin-top:1.6vw;text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);font-size: 1.8vw;margin-left:20px;}
	.carousel-caption {max-width: 500px;margin-left:auto; margin-right: auto;}
	.coimg {max-width:84px !important;height:auto;}
	.cotitle {font-size:1.05rem;}
	
	.maincarousel {height: 74vh;background-position:center; background-size: cover; background-repeat: no-repeat; }
	.bwintro {font-size:38px;padding:50px 0px 30px 0px;text-align: center; margin: 0 auto;font-weight: 400;}
	
	
	
}

@media (max-width:768px) {
	.coimg {max-width:120px !important;height:auto;padding:0px;}
	
	
}


@media (max-width:620px) {
	
	.cicle_180 {max-width:100px !important; max-height:100px !important ;}
	.headline {font-family: 'Black Han Sans', San-serif !important; font-weight: 400;font-size:10vw;word-break: keep-all;line-height: 8.2vw;text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);margin: 20px;}
	
	.headundertag {line-height: 3.2vw;margin-top:1.6vw;text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);font-size: 2.4vw;margin-left:20px;}
	.carousel-caption {max-width: 380px;margin-left:auto; margin-right: auto;}
	
	.coimg {max-width:130px;height:auto;}
	.cotitle {font-size:0.8rem;word-break:keep-all;}
	.maincarousel {height: 64vh;background-position:center; background-size: cover; background-repeat: no-repeat; }
	
	.bwintro {font-size:30px;padding:50px 0px 30px 0px;text-align: center; margin: 0 auto;font-weight: 400;word-break: keep-all;}
	.bwintroundertag {font-size:2.4vw;}
	
	.subtitle_iyc{background-image:url("/assets/imgs/projects/iyc/top_m.webp"); background-repeat: no-repeat; background-size:auto; background-position: top center;height:469px; }
	
}


@media (max-width:420px) {
	
	.headline {font-family: 'Black Han Sans', San-serif !important; font-weight: 200;font-size:11vw;word-break: keep-all;line-height: 10.2vw;text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);margin: 20px;}
	
	.headundertag {line-height: 4.6vw;margin-top:1.6vw;text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);font-size: 3.8vw;margin-left:20px;}
	.carousel-caption {max-width: 380px;margin-left:auto; margin-right: auto;}
	
	.coimg {max-width:84px !important;height:auto;padding:0px;}
	.cotitle {font-size:0.9rem;word-break:keep-all;margin-bottom:30px;}
	.maincarousel {height: 64vh;background-position:center; background-size: cover; background-repeat: no-repeat; }
	
	.bwintro {font-size:26px;padding:50px 0px 30px 0px;text-align: center; margin: 0 auto;font-weight: 400;word-break: keep-all;}
	.bwintroundertag {font-size:2.2vh;word-break: keep-all;line-height:3.4vh;}
	
	.mainbody {max-width: 420px;padding: 0 20px !important;}
	.programsbody {max-width: 420px;padding: 0 20px;}
	.wcbody {max-width: 420px;padding: 0 20px;}
	.card-title2 {font-size:18px !important;font-weight: 700;}
	.card-text2 {font-size:15px !important;line-height:4.8vw;font-weight: 400;}
	.subtitle_iyc{background-image:url("/assets/imgs/projects/iyc/top_m.webp"); background-repeat: no-repeat; background-size:cover; background-position: top center;height:469px; }
	
	
}

@media (max-width:375px) {
	.coimg {max-width:80px !important;height:auto;padding:0px;}
	
	
}

@media (max-width:360px) {
	.coimg {max-width:74px !important;height:auto;padding:0px;}
	
	
}