.content{word-break:keep-all;}

@font-face {
    font-family: 'Arita-buri-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}


/*폰트사이즈*/
.t_fs_20{ font-size:20px; }
.t_fs_24{ font-size:24px; }
.t_fs_30{ font-size:30px; }
.t_fs_36{ font-size:36px; }
.t_fs_50{ font-size:50px; }
.t_fs_70{ font-size:70px; }


/*
<p><span class="t_fs_24"></span></p>
<span class="t_fs_24"></span>
*/

/*밑줄효과*/
.written_pen{  
   position: relative;
}
.written_pen::after {
  content: '';
  display: block;
  width: 0;
  height: 15px;
  position: absolute;
  left: 0;
  bottom: 0px;
  background: rgba(252,176,64,0.3);
}
.pen_box:hover .written_pen::after {
  width: 100%;
  transition: width .3s;
}

.written_pen2{  
   position: relative;
}
.written_pen2::after {
  content: '';
  display: block;
  width: 0;
  height: 15px;
  position: absolute;
  left: 0;
  bottom: 0px;
  background: rgba(252,176,64,0.3);
   width: 100%;
}



/*타이틀 선박스*/
.t_box{
padding:3px 20px;
display:inline-block;
border-radius:60px;
border:2px solid #fcb040;
color:#fcb040;
background:#fff;
font-weight:600;
}


/*박스 올리기*/
.top_tbox1 {
   
    top: -100px;
}

/*테이블*/


.t_1 td{
	padding:5px 20px;
}

.t_line{
background-image:url(http://data.dimode.co.kr/UserData/ysjungang/files/11/131/6rWQ7ZqM7Jew7ZiBLWxpbmUucG5nZGltb2RlXzg4MzY4OTJfZW5j.png);background-position:top left; background-repeat:no-repeat;position:relative;
}
.t_dot{
position:absolute; left:-1px;top:15px;
width:10px; height:10px;
border-radius:10px;
background:rgba(161,205,58,0.5);
}


.t_2 td{
padding:5px 20px;
border-bottom:1px solid #eee;
}




/*후원안내 박스*/
.offer_box1{
padding:30px;
border:1px solid #fcb040;
background:#f9f7e9;
}
.offer_box1:hover{
background:#fcb040;
transition:0.5s;
}

.off_info{
display: flex;
    justify-content: space-evenly;
    align-items: center;
}







/*자주 묻는 질문*/
.panel_deco {
    padding: 20px 30px;
    border-bottom: 1px solid #f3e4cd;
}

.panel_tbox { margin-bottom: 30px;}


.button_a{ color: #333;font-weight:600; }
.button_a:hover { color: #fcb040;text-decoration:none;transition: 0.2s; }
.button_a:focus { color: #fcb040;text-decoration:none;}

.panel_q {
    margin-right: 30px;
	font-weight:600;
}


/* 로고 */
.logo_box_wrap  #component8541,.logo_box_wrap #unit9304, .logo_box_wrap .logo_info_box {height:100%;}
.logo_box_wrap {display: grid;grid-template-columns: 1fr 1fr;gap: 40px;padding: 3rem 0 0;}
.logo_info_box{padding:3rem;background:#f7f8f9;}
.logo_ingo_img{/* aspect-ratio:5/3;background:#333; */margin:40px 0;}
.guide_title{padding:5rem 0 0;}
.logo_down_box_wrap {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 5rem;}
.logo_down_box_wrap  #component4703{width:100%;}
.logo_down_bt img{width:27px;}

.logo_down_bt {display:flex; gap:10px;align-items: center;justify-content: space-between;font-weight:600;color:#333;padding:20px 2rem;border:1px solid #4976D1;border-radius:15px;transition:0.2s;}
.logo_down_bt:hover {background:#e0ebff;color:#333;text-decoration:none;transition:0.2s;}


/* 다음세대/청년부 소개페이지 */
.t_white{color:#fff;}
.nxt_top_box{text-align:center;padding:5rem 3rem;line-height:1.75;word-break: keep-all;}
.nxt_top_box p:first-child{margin-bottom:3rem;}
.nxt_top_box p:nth-child(2){margin-bottom:3rem}

.nxt_cont_box {padding: 3rem;}
.nxt_cont_box>p:first-child{margin-bottom:35px;}
.youth_cont_box{padding:3rem;}
.youth_cont_box>p{margin-bottom:35px;}
.youth_box p:not(p:last-child, p:first-child){margin-bottom:30px;}
.box_line{width:1px;height:100%;background:#ddd;margin:0 auto;}
.youh_box_wrap{display:grid;grid-template-columns:7fr 1fr 7fr 1fr 7fr;gap:1rem;}
.youth_box{word-break:keep-all;}
.youth_box p:first-child{margin-bottom:40px;}
.youth_box p:not(p:first-child){opacity:0.8;}
.youth_func_wrap {display:grid;grid-template-columns:1fr 1fr;gap:5rem;padding:2rem 5rem;word-break:keep-all;}
.func_txt_box p:nth-child(1){margin-bottom:30px;}
.func_txt_box p:nth-child(2){opacity:0.8;line-height:2;}





/*폰트*/
.f_arita{

    font-family: 'Arita-buri-SemiBold';
}

.f_S-Core{
font-family: 'S-CoreDream-3Light';
}

/*지도*/
#unit5891 #daumRoughmapContainer1683007199916{ width:100% !important; }



.t_mission{width:100%;border:none;}
.t_mission{border-bottom: 5px solid #b7e8f7;}

.ys-161998 #component4663,.ys-162129 #component4663,
.ys-162004 #component4663,.ys-162002 #component4663,
.ys-162006 #component4663,.ys-162133 #component4663,
.ys-162008 #component4663,.ys-162134 #component4663,
.ys-162010 #component4663,.ys-162135 #component4663,
.ys-162012 #component4663,.ys-123226 #component4663,
.ys-163872 #component4663,.ys-123227 #component4663,
.ys-177145 #component4663{padding: 30px 0px 30px 60px;}


@media  (max-width:1199px) {
	

	
}
@media(max-width:992px) {
.ys-161998 #component4663,.ys-162129 #component4663,
.ys-162004 #component4663,.ys-162002 #component4663,
.ys-162006 #component4663,.ys-162133 #component4663,
.ys-162008 #component4663,.ys-162134 #component4663,
.ys-162010 #component4663,.ys-162135 #component4663,
.ys-162012 #component4663,.ys-123226 #component4663,
.ys-163872 #component4663,.ys-123227 #component4663,
.ys-177145 #component4663{padding:4vh;}
	
}


@media (max-width: 767px) {
.logo_box_wrap {grid-template-columns: 1fr;gap: 30px;}
.logo_down_box_wrap {grid-template-columns: 1fr;gap: 0rem;}
.guide_title {padding: 3rem 0 0;}
.nxt_top_box{padding:3rem 1.5rem;}
.nxt_top_box p:first-child{margin-bottom:2.2rem;}
.nxt_top_box p:nth-child(2){margin-bottom:2.2rem}
.nxt_cont_box, .youth_cont_box {padding: 3rem 1.5rem;}
.youh_box_wrap{grid-template-columns:1fr;gap:2rem 2rem;}
.youth_func_wrap {grid-template-columns:1fr;gap:2rem;padding:2rem;}
.box_line {width: 100%;height: 1px;background: #ddd;margin: 0 auto;}

}