
.grid_lay{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap:2rem;
}



/* 연구 주제 */
.sec_category{
  padding-top: 5rem;
  padding-bottom: 10rem;
}
.sec_category .tit{
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #E5E7EB;
}
.sec_category .category_box{
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}
.sec_category .category_box h3{
  min-width : 11.25rem;
  line-height: 160%;
}
.sec_category .category_box h3 span{
  font-weight: 400;
}
.sec_category .category_box ul{
  display: grid;
  justify-content: flex-start;
  grid-template-columns: repeat(var(--column), 14.5rem);
  grid-column-gap: 2.125rem;
  width : calc(100% - 13.125rem);
  grid-auto-flow: dense;
}
.sec_category .category_box ul a{
  position: relative;
  width : 100%;
  height: 100%;
  min-height: 10.125rem;
  overflow: hidden;
  top: 0;
}
.sec_category .category_box ul a h4{
  position: absolute;
  top: 0.625rem; left: 0.625rem;
  z-index : 5;
  line-height: 160%;
  color: #fff;
}
.sec_category .category_box .anim_obj2 svg{
  top: 15%;
  right : -16%;
  width : 12.125rem;
  height: 12.125rem;
}
.sec_category .category_box .anim_obj3 > div{
  top: 8%;
  right: -14%;
}
.sec_category .category_box .anim_obj4{top: 0}
.sec_category .category_box .anim_obj6 .anim_obj4{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 10.125rem;
  overflow: hidden;
  background-color: transparent;
}
.sec_category .anim_obj4 svg{
  top: 75%;
  right: -96%;
}
.sec_category .category_box ul a.anim_obj6 h4{
  color: #000;
}

.sec_category .category_box ~ .category_box{
  flex-direction: column;
  gap: 2.625rem;
}
.sec_category .category_box ~ .category_box .group{
  border-left: 1px solid #E5E7EB;
  padding-left: 1.875rem;
}
.sec_category .category_box ~ .category_box .group > div{
  display: flex;
  gap: 2.125rem;
}
.sec_category .category_box ~ .category_box .group > div h3{
  min-width : 9.063rem;
}
.en .sec_category .category_box ~ .category_box .group > div h3{
  min-width: calc(11.25rem - 1.875rem);
  width: calc(11.25rem - 1.875rem);
}
/* 연구 주제 END */




/* 연구 주제 상세 */
.sec_title_wrap.topic .inner_base2{
  position: relative;
}
.sec_title_wrap.topic .sec_tit{justify-content: center;}
.sec_title_wrap.topic .type1{color: #146153;}
.sec_title_wrap.topic .type2{color: #193776;}
.sec_title_wrap.topic .type3{color: #7F7F7F;}
.sec_title_wrap.topic .type4{color: #8E3E9F;}
.sec_title_wrap.topic .type5{color: #444;}
.sec_title_wrap.topic .prev,
.sec_title_wrap.topic .next{
  display: flex;
  align-items: center;
  gap: 0.75rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 160%;
}
.sec_title_wrap.topic .prev{
  left : 0;
  flex-direction: row-reverse;
}
.sec_title_wrap.topic .prev svg{transform: rotate(180deg)}
.sec_title_wrap.topic .next{
  right : 0;
}

.en .sec_title_wrap.topic .inner_base2{
  display : flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.en .sec_title_wrap.topic .next,
.en .sec_title_wrap.topic .prev{
  top: auto;
  bottom: 60px;
  transform: none;
}


.sec_topic .inner_base2{
  padding-top: 5rem;
}
.sec_topic aside{
  grid-column: 1/4;
  position: sticky;
  top: 13.75rem;
  height: max-content;
}
.sec_topic aside .topic_list li a{
  font-size: 1.25rem;
  line-height: 160%;
  font-weight:600;
}
.sec_topic aside .topic_list li:not(:last-child) a{
  margin-bottom: 0.75rem;
}
.sec_topic aside .topic_list li a.active{
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 1.25rem;
}
.sec_topic.type1 aside .topic_list li a.active{color: #146153;}
.sec_topic.type2 aside .topic_list li a.active{color: #193776;}
.sec_topic.type3 aside .topic_list li a.active{color: #7F7F7F;}
.sec_topic.type4 aside .topic_list li a.active{color: #8E3E9F;}
.sec_topic.type5 aside .topic_list li a.active{color: #444;}

.sec_topic aside .link_list{
  display: flex;
  gap: 0.375rem;
  margin-top: 5rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 120%;
  color: #637381;
}
.sec_topic aside .link_list svg{transform: rotate(180deg);}
.sec_topic aside .link_box{
  display : flex;
  justify-content: center;
  align-items: center;
  margin-top: 3.75rem;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  color: #146153;
  width : 12.5rem;
  height: 3.25rem;
  border: 1px solid #ebedf0;
  background-color: #fff;
}
.sec_topic aside .link_box + .link_box{
  margin-top: 0.625rem;
  color: #512D82;
}

.sec_topic aside .link_box.txt_blue{color: #0B3886;}

.sec_topic .desc{
  grid-column: 4 / -1;
  padding-top: 1.25rem;
  border-top: 1px solid #E5E7EB;
}
.sec_topic .desc h2{
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 160%;
  margin-bottom : 2.5rem;
}
.sec_topic .desc .list{
  margin-top : 2.5rem;
  border-top: 1px solid #E5E7EB;
}
.sec_topic .desc .list p{
  display : flex;
  gap: 0.625rem;
  padding: 1.5rem 0.75rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 100%;
  border-bottom: 1px solid #E5E7EB;
}
.sec_topic .desc .list p::before{
  content: "";
  min-width: 6px;
  min-height: 6px;
  height: 6px;
  background-color: #141414;
  border-radius: 50%;
  margin-top : 6px;
}
.sec_topic .desc p{
  font-size: 1rem;
  line-height: 160%;
}
.sec_topic .btn_group{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 6.625rem;
}
.sec_topic .btn_group a{
  display : flex;
  align-items: center;
  gap: 1.625rem;
}
.sec_topic .btn_group a svg{
  width : 0.625rem;
  height: 1.25rem;
}
.sec_topic .btn_group a p{
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
  margin-bottom : 2px;
}
.sec_topic .btn_group a strong{
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 160%;
  color: #949494;
}
.sec_topic .btn_group a.next_btn{
  text-align: right;
}
.sec_topic .btn_group a.next_btn svg{transform: rotate(180deg)}


.sec_topic .topic_box{
  position : relative;
  height: 27.375rem;
  overflow: hidden;
  top: auto;
}
.sec_topic .topic_box.type1{background-color: #146153}
.sec_topic .topic_box.type2{background-color: #193776}
.sec_topic .topic_box.type3{background-color: #7F7F7F}
.sec_topic .topic_box.type4{background-color: #8E3E9F}
.sec_topic .topic_box.type5{background-color: #fff; border: 1px solid #E5E7EB;}
.sec_topic .topic_box.type1 svg{
  position: absolute;
  right: -0.625rem;
  top: 20%;
  width: 31.25rem;
  height: 31.25rem;
  opacity: 1;
}
.sec_topic .topic_box.type2 > div{
  position: absolute;
  right: -2.25rem;
  top: 14%;
  width: 34.375rem;
  height: 34.375rem;
  opacity: 1;
}
.sec_topic .topic_box.type2 > div span::before{
  width : 12rem;
  height: 3.75rem;
}

.sec_topic .topic_box.type3 svg{
  position: absolute;
  right: -31.25rem;
  top: 77%;
  width: 46.875rem;
  height: 46.875rem;
  opacity: 1;
}

.sec_topic .topic_box.type4 svg{
  position: absolute;
  right: -0.625rem;
  top: 20%;
  width: 31.25rem;
  height: 31.25rem;
  opacity: 1;
}

.sec_topic .topic_box .svg_motion_group .svg_motion_compo{
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.sec_topic .topic_box .svg_motion_group .svg_motion_compo.on{
  opacity: 1;
}
.sec_topic .topic_box .svg_motion_group .svg_motion_compo > div,
.sec_topic .topic_box .svg_motion_group .svg_motion_compo svg{
  opacity: 1;
}
.sec_topic .topic_box .svg_motion_group .svg_motion_compo.anim_obj4 svg{
  top: 324px;
  right: -63%;
}

.sec_topic .topic_box .svg_motion_group .svg_motion_compo{
  position: absolute;
  top:0; left: 0;
  width: 100%;
  height: 100%;
}
.sec_topic .topic_box .svg_motion_group{
  height: 100%;
}
.sec_topic .topic_box.type5 .anim_obj2 svg{
  right: -0.625rem;
  top: 20%;
  width: 31.25rem;
  height: 31.25rem;
}
.sec_topic .topic_box.type5 .anim_obj3 > div{
  position: absolute;
  right: -2.25rem;
  top: 14%;
  width: 34.375rem;
  height: 34.375rem;
}
.sec_topic .topic_box.type5 .anim_obj3 > div span::before{
  width: 12rem;
  height: 3.75rem;
  background-color: #B9B9BE;
}
.sec_topic .topic_box.type5 .svg_motion_group .svg_motion_compo.anim_obj4 svg{
  position: absolute;
  right: -31.25rem;
  top: 77%;
  width: 46.875rem;
  height: 46.875rem;
}
.sec_topic .topic_box.type5 .svg_motion_group .svg_motion_compo.anim_obj5 svg{
  position: absolute;
  right: -0.625rem;
  top: 20%;
  width: 31.25rem;
  height: 31.25rem;
}

/* 연구 주제 상세 END */






/* 비전 */
.sec_vision{
  background-color: #FAFAFA;
}
.sec_vision .inner_base2 {
  max-width : 1240px;
}
.sec_vision .inner_base2 .desc_tit{
  position: sticky;
  top: 12.5rem;
  height: max-content;
  line-height: 140%;
  color: #141414;
}
.sec_vision .tit{
  margin-top: 9rem;
  height: 25rem;
  display : flex;
  align-items: center;
  /* padding: 23.438rem 0 6.625rem; */
  background:#21004E;
  /* transition: margin-top 0.2s ease-in-out; */
}
.close_banner .sec_vision .tit{
  margin-top: 5.875rem;
}
.sec_vision .tit .inner_base2 {
  display : flex;
  justify-content: space-between;
  align-items: flex-end;
  color :#fff;
}
.sec_vision .tit .inner_base2 span{
  display: block;
  position: relative;
  padding-left: 1.063rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: #fff;
  line-height: 160%;
}
.sec_vision .tit .inner_base2 span::before{
  display: inline-block;
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 3px;
  height: 1.25rem;
  background-color: #fff;
}
.sec_vision .tit .inner_base2 h3{
  margin-top: 1.875rem;
  font-size: 1.625rem;
  font-weight: 700;
  color: #fff;
  line-height: 140%;
}
.sec_vision .tit .inner_base2 h4{
  margin-top: 1.313rem;
  font-size: 2.5rem;
  font-weight: 700;
  color: #fff;
  line-height: 140%;
}
.sec_vision .tit .desc{
  display : flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2.75rem;
  opacity: 0.5;
  padding-right : 6.625rem;
}
.sec_vision .tit .desc img{
  width : 4.75rem;
}
.sec_vision .tit .desc p{
  font-size: 0.813rem;
  line-height: 160%;
  text-align: center;
}
.sec_vision .desc{
  padding-top: 5rem;
}
.sec_vision > .desc{
  background-color: #E4E1E9;
}
.sec_vision > .desc .inner_base2 > div{
  max-width: 922px;
  width : calc(100% - 19.688rem);
}
.sec_vision .txt_block h4{
  font-size: 1.25rem;
  font-weight: 700;
  color: #21004E;
  line-height: 180%;
}
.sec_vision .txt_block h4 span{
  font-size: 1.75rem;
}
.sec_vision .txt_block:not(:first-child){
  margin-top: 1.875rem;
}
.sec_vision .txt_block p{
  line-height: 180%;
  color: #141414;
}
.sec_vision .txt_block h6{
  color: #21004E;
}
.sec_vision > .desc{
  padding-bottom: 7.5rem;
}
.sec_vision ~ .sec_newsletter{
  margin-top: 0;
}
/* 비전 END */


/* 학술연구자지원신청 */
.sec_researcher {
  background-color: #FAFAFA;
}
.sec_researcher .bd_b{
  border-bottom: 1px solid #E5E7EB;
}
.sec_researcher .tit{
  grid-column: 1 / 6;
  font-size: 1.5rem;
  line-height: 160%;
}
.sec_researcher .desc{
  grid-column: 6 / -1;
}
.sec_researcher .arti1 .desc .box{
  display: flex;
  gap: 1.25rem;
  align-items: center;
  width : 100%;
  height: 7.5rem;
  border: 1px solid #E5E7EB;
  background-color: #fff;
  padding: 0 2rem;
}
.sec_researcher .arti1 .desc .box:not(:first-child){
  margin-top: 1.25rem;
}
.sec_researcher .arti1 .desc .box span{
  font-size: 1.75rem;
  font-weight: 600;
  color: #21004E;
  line-height: 150%;
}
.sec_researcher .arti1 .desc .box p{
  font-size: 1rem;
  font-weight: 500;
  line-height: 160%;
}
.sec_researcher .arti2 .desc {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sec_researcher .arti2 .desc h4{
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 1.875rem;
}
.sec_researcher .arti2 .desc a{
  display: flex;
  justify-content: center;
  align-items: center;
  width : 11rem;
  height: 3rem;
  background-color: #21004E;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
}

.sec_researcher .arti3 .desc h4{
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 160%;
  margin-bottom : 1.25rem;
}
.sec_researcher .arti3 .desc ul{
  display : flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.sec_researcher .arti3 .desc ul li{
  display : flex;
  flex-direction: column;
  justify-content: space-between;
  position : relative;
  width : 13.375rem;
  height: 13.625rem;
  padding: 1.25rem;
  background-color: #fff;
  border: 1px solid #E5E7EB;
  background-size: 2.938rem 2.875rem;
  background-repeat: no-repeat;
  background-position: calc(100% - 1.125rem) 1.25rem;
}
.sec_researcher .arti3 .desc ul li h5{
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 100%;
}
.sec_researcher .arti3 .desc ul li p{
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 160%;
  color: #818181;
}
.sec_researcher .arti3 .desc ul.step1 li h5{color: #21004E;}
.sec_researcher .arti3 .desc ul.step2 li h5{color: #146153;}

.sec_researcher .arti3 .desc ul.step1 li:nth-child(1){background-image: url("/assets/img/ico_researcher_req1_img.svg");}
.sec_researcher .arti3 .desc ul.step1 li:nth-child(2){background-image: url("/assets/img/ico_researcher_req2_img.svg");}
.sec_researcher .arti3 .desc ul.step1 li:nth-child(3){background-image: url("/assets/img/ico_researcher_req3_img.svg");}
.sec_researcher .arti3 .desc ul.step1 li:nth-child(4){background-image: url("/assets/img/ico_researcher_req4_img.svg");}
.sec_researcher .arti3 .desc ul.step1 li:nth-child(5){background-image: url("/assets/img/ico_researcher_req5_img.svg");}

.sec_researcher .arti3 .desc ul.step2 li:nth-child(1){background-image: url("/assets/img/ico_researcher_req6_img.svg");}

.sec_researcher .arti3 .desc ul li.step_arrow::after{
  display : block;
  position: absolute;
  top: 50%;
  right: -1.5rem;
  transform: translateY(-50%);
  content: "";
  width : 0.75rem;
  height: 1.5rem;
  background: url("/assets/img/ico_step_arrow.svg") no-repeat center / cover;
}

.sec_researcher .arti3 .desc .txt h3{
  line-height: 160%;
}
.sec_researcher .arti3 .desc .txt h4{
  margin-top: 1.5rem;
  margin-bottom: 0;
  line-height: 160%;
}
.sec_researcher .arti3 .desc .txt strong{
  display : block;
  margin-top: 1.5rem;
  font-weight: 500;
  line-height: 200%;
}
.sec_researcher .arti3 .desc .txt strong + p{
  line-height: 200%;
}
.sec_researcher .arti3 .desc .txt p{
  line-height: 180%;
  color: #818181;
}
.sec_researcher .arti3 .desc .download_btn{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
  width : 100%;
  height: 128px;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 160%;
  color: #fff;
}
.sec_researcher .arti3 .desc .download_btn::after{
  content: "";
  display : inline-block;
  width : 1.25rem;
  height: 1.25rem;
  background: url("/assets/img/ico_download_w.svg") no-repeat center / cover;
}
.sec_researcher .arti3 .desc .download_btn:nth-of-type(1){
background-color: #21004E;
}
.sec_researcher .arti3 .desc .download_btn:nth-of-type(2){
background-color: #146153;
}
/* 학술연구자지원신청 END */







/* 연혁 */
.sec_history{
  background-color: #fafafa;
  padding-top: 5.25rem;
}
.sec_history .bd_t{
  border-top: 1px solid #e5e7eb;
}
.sec_history .tit{
  grid-column: 1 / 4;
}
.sec_history .tit h2{
  line-height: 160%;
}
.sec_history .desc{
  grid-column : 4 / -1;
}
.sec_history .desc li{
  display : flex;
  gap: 2rem;
}
.sec_history .desc li:not(:last-child){
  margin-bottom: 1.25rem;
}
.sec_history .desc li span{
  font-size: 1rem;
  font-weight: 700;
  line-height: 140%;
  color: #21004E;
  min-width : 3.75rem;
  text-align: justify;
}
.en .sec_history .desc li span{
  min-width : 8.125rem;
}
/* .sec_history .desc li span:after{ */
/*   content: ''; */
/*   display: inline-block; */
/*   width: 100%; */
/* } */
.sec_history .desc li strong{
  font-size: 1.25rem;
  font-weight: 700;
  color: #6B7280;
}
.sec_history .desc li p{
  font-size: 1.25rem;
  font-weight: 400;
  color: #6B7280;
}
.sec_history .desc li h3{
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom : 1.375rem;
}
/* 연혁 end */




/* 찾아오시는 길 */
.sec_map{
  background-color: #fafafa
}
.sec_map .map{
  grid-column: 1 / -1;
  height: 34.375rem;
  background-color: lightgray;
}
.sec_map .tit{
  grid-column: 1/4;
}
.sec_map .desc{
  grid-column: 4 / -1;
}
.sec_map .desc h4{
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 160%;
}
.sec_map .desc h5{
  margin-top: 0.875rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 160%;
  color: #6B7280;
}
.sec_map .desc li{
  display: flex;
  align-items: center;
  gap: 1rem;
}
.sec_map .desc li span{
  min-width : 4.625rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 140%;
  color: #21004E;
}
.sec_map .desc li p{
  font-size: 1.25rem;
  line-height: 160%;
  color: #6B7280;
}
/* 찾아오시는 길 END */





/* 조직현황 */
.sec_org{
  padding-top: 5.25rem;
}
.sec_org .org_wrap{
  grid-column: 1/3;
}
.sec_org .org_wrap .org_box{
  display : flex;
  justify-content: center;
  align-items: center;
  height: 3.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 160%;
  color: #fff;
}
.sec_org .org_wrap .org_box:not(:last-child){
  margin-bottom: 0.5rem;
}
.sec_org .org_wrap ~ .org_img{
  grid-column: 3 / -2;
}
.sec_org .org_view{
  margin-top: 10.25rem;
  padding-top: 6.875rem;
  border-top: 1px solid #E5E7EB;
}
.sec_org .org_view h3{
  grid-column: 1/3;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 160%;
}
.sec_org .org_view .desc{
  grid-column: 3/-1;
}
.sec_org .org_view .desc ul{
  display: grid;
  grid-template-columns: repeat( 4, 1fr);
  gap: 2.125rem;
}
.sec_org .org_view .desc ul li{
  display : flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 14.375rem;
  width: max-content;
  min-width : 100%;
  height: 13.875rem;
  background-color: #fff;
  border: 1px solid #E5E7EB;
  padding: 1.5rem 1.5rem 1.875rem;
}
.sec_org .org_view .desc ul li.disabled{
  border: none;
  background: none;
}
.sec_org .org_view .desc ul li.disabled.m_show{
  display: flex !important;
}
.sec_org .org_view .desc strong{
  display : flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 100%;
  color: #21004E;
}
.sec_org .org_view .desc strong span{
  font-size: 0.875rem;
  font-weight: 400;
  color: #B9B9BE;
}
.sec_org .org_view .desc h4{
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 100%;
}
.sec_org .org_view .desc p{
  margin-top: 1.25rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 160%;
  color: #818181;
}
/* 조직현황 END */




/* 인재채용 */
.sec_view .view_wrap{
  border-top: 2px solid #141414;
  grid-column: 1 / -1;
}
.sec_view .view_wrap .view_head > div{
  display : flex;
  align-items: center;
  padding: 1rem 25px;
  border-bottom: 1px solid #B9B9BE;
}
.sec_view .view_wrap .view_head > div .state{
  font-size: 1.125rem;
  font-weight: 700;
  color: #21004E;
  min-width : 4rem;
  margin-right : 3.75rem;
}
.sec_view .view_wrap .view_head > div h3{
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2rem;
  /* min-width : 66.563rem; */
  max-width : 100%;
  width : 100%;
}
.sec_view .view_wrap .view_head > div.sub{
  justify-content: space-between;
}
.sec_view .view_wrap .view_head > div.sub > div{
  display : flex;
  align-items: center;
  gap: 1.25rem;
}
.sec_view .view_wrap .view_head > div.sub strong{
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.sec_view .view_wrap .view_head > div.sub .user,
.sec_view .view_wrap .view_head > div.sub .dDay{
  min-width : 6.5rem;
}
.sec_view .view_wrap .view_head > div.sub .view + p,
.sec_view .view_wrap .view_head > div.sub .day + p,
.sec_view .view_wrap .view_head > div.sub .user + p,
.sec_view .view_wrap .view_head > div.sub .dDay + p{
  font-size: 0.875rem;
  font-weight: 400;
  color: #637381;
}
.sec_view .view_wrap .view_head > div.sub > div div{
  display : flex;
  align-items: center;
  gap: 0.625rem;
}
.sec_view .view_body{
  padding: 2.625rem 1.875rem 4.5rem;
  font-size: 1rem ;
  line-height: 180%;
}
.sec_view .view_foot{
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.75rem;
  padding: 0.875rem 1.625rem;
  border-top: 1px solid #B9B9BE;
  border-bottom: 1px solid #B9B9BE;
}
.sec_view .view_foot strong{
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin-right : 1.5rem;
}
.sec_view .view_foot .file_down{
  width : max-content;
  height: 1.625rem;
  padding: 0 0.875rem;
  border: 1px solid #21004E;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-right : 1rem;
}
.sec_view .btn_wrap a,
.sec_view .btn_wrap button{
  display : flex;
  justify-content: center;
  align-items: center;
  width : 11rem;
  height: 3rem;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  background-color: #21004E;
}



.sec_write{
  padding-bottom: 7.5rem;
}
.sec_write .write_wrap h3{
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 160%;
}
.sec_write .write_wrap{
  grid-column: 1/-1;
}
.sec_write .write_wrap .caution_wrap{
  border: 1px solid #E1E1E2;
  border-radius: 0.75rem;
  padding: 1.5rem 1.75rem;
}
.sec_write .write_wrap .caution_wrap p{
  font-size: 1rem;
  font-weight: 400;
  color: #6B7280;
  line-height: 200%;
}
.sec_write .write_wrap .caution_wrap p::before{
  display : inline-block;
  content: "";
  width : 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #6B7280;
  margin-right : 0.625rem;
  transform: translateY(-3px);
}
.sec_write .write_wrap .caution_wrap p span{font-weight: 700;}


.write_form_wrap{
  margin-top: 2.375rem;
  border-radius: 0.75rem;
}
.write_form_wrap .form_hd{
  padding: 2rem 1.25rem;
  border-radius: 0.75rem 0.75rem 0 0;
  border: 1px solid #E1E1E2;
}
.write_form_wrap .form_hd select{
  min-width : 10.75rem;
  height: 3rem;
  border: 1px solid #E1E1E2;
  padding-left: 1.25rem;
  font-size: 1rem;
  font-weight: 600;
  color: #52525B;
  appearance: none;
  background: url("/assets/img/ico_select.svg") no-repeat calc(100% - 1.25rem) center / 0.75rem 0.375rem;
}
.write_form_wrap .form_hd textarea{
  width : 100%;
  height: 7.125rem;
  padding: 0.75rem 1.25rem;
  outline: none;
  border: 1px solid #E1E1E2;
  font-size: 1rem;
  font-weight: 400;
  color: #52525B;
}
.write_form_wrap .form_hd textarea::placeholder{
  color: #ADB5BD;
}
.write_form_wrap .form_hd input:not([type="file"], [type="checkbox"], [type="radio"]){
  height: 3rem;
  padding: 0 1.25rem;
  outline: none;
  border: 1px solid #E1E1E2;
  font-size: 1rem;
  font-weight: 400;
  color: #52525B;
}
.write_form_wrap .form_hd input::placeholder{
  color: #ADB5BD;
}

.write_form_wrap .form_hd input#name{
  width : 11.75rem;
  min-width : max-content;
}
.write_form_wrap .form_hd input#pw{
  width : 11.75rem;
  min-width : max-content;
}
.write_form_wrap .form_hd input#email{
  width : 36.75rem;
  min-width : max-content;
}
.write_form_wrap .form_hd input#title{
  width : calc(100% - 10.125rem);
  min-width : max-content;
}


.write_form_wrap .form_hd input#form_name{
  width : 11.75rem;
  min-width : max-content;
}
.write_form_wrap .form_hd input#form_passwd{
  width : 11.75rem;
  min-width : max-content;
}
.write_form_wrap .form_hd input#form_email{
  width : 36.75rem;
  min-width : max-content;
}
.write_form_wrap .form_hd input#form_title{
  width : calc(100% - 10.125rem);
  min-width : max-content;
}

.write_form_wrap .form_hd .chk_wrap{
  display : flex;
  align-tiems: center;
}
.write_form_wrap .form_hd .chk_wrap input{
  width : 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.write_form_wrap .form_hd .chk_wrap label{
  display : flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 400;
  color: #818181;
}
.write_form_wrap .form_hd .chk_wrap label span{
  width : 1.125rem;
  height: 1.125rem;
  border: 1px solid #E5E7EB;
  background-color: #fff;
}
.write_form_wrap .form_hd .chk_wrap input:checked ~ label span{
  background: url("/assets/img/ico_check.svg") no-repeat center / 12px 10px
}
.write_form_wrap .form_bd{
  min-height: 1000px;
  border: 1px solid #E1E1E2;
  border-top: none;
  border-radius: 0 0 0.75rem 0.75rem;
}
.write_form_wrap .form_ft {
  padding-bottom: 6.25rem;
  border-bottom: 1px solid #B9B9BE;
}
.write_form_wrap .form_ft strong{
  grid-column: 1/3;
}
.write_form_wrap .file_wrap{
  grid-column: 3/-1;
}
.write_form_wrap .drop_zone{
  position : relative;
  width : 100%;
  height: 10.5rem;
  border-radius: 0.75rem;
  border: 1px dashed #21004E;
}
.write_form_wrap .drop_zone input{
  position : absolute;
  width : 0;
  height: 0;
  overflow: hidden;
}
.write_form_wrap .drop_zone p{
  display : flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  width : 100%;
  height: 100%;
  font-size: 1rem;
  font-weight: 400;
  color:#ADB5BD;
}
.write_form_wrap .preview_wrap{
  display : flex;
  flex-wrap: wrap;
  gap: 1.25rem
}
.write_form_wrap .preview_wrap div{
  display : flex;
  align-items: center;
  gap: 0.375rem;
  width: max-content;
  height: 1.625rem;
  padding: 0 0.875rem;
  border: 1px solid #21004E;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.write_form_wrap .preview_wrap div button{
  width : 0.75rem;
  height: 0.75rem;
  background: url("/assets/img/ico_close2.svg") no-repeat center / cover;
}
.write_form_wrap .file_wrap > p{
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
  color: #818181;
}
.write_form_wrap .file_wrap > p + p{
  font-size: 0.875rem;
}
.write_form_wrap .file_wrap > p a{
  text-decoration: underline;
}



.sec_write .btn_wrap{
  display : flex;
  align-items: center;
  justify-content: space-between;
}
.sec_write .btn_wrap .back_btn,
.sec_write .btn_wrap .cancel_btn,
.sec_write .btn_wrap .submit_btn{
  display : flex;
  justify-content: center;
  align-items: center;
  width : 11rem;
  height: 3rem;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  background-color: #21004E;
}
.sec_write .btn_wrap .cancel_btn{
  background-color: transparent;
  border: 1px solid #21004E;
  color: #21004E;
}


.sec_view .write_form_wrap .form_hd{
  border-radius: 0.75rem;
}
.sec_view .write_form_wrap .write_btn{
  min-width : 6.75rem;
}
.sec_view .comment_wrap{
  grid-column: 1 / -1;
}
.sec_view .write_form_wrap .drop_zone{
  height: 5rem;
  border-radius: 0;
  margin-top: 1.25rem;
}
.sec_view .comment_wrap .comment_head{
  display : flex;
  align-items: center;
  gap: 0.625rem;
  padding-bottom: 4px;
  grid-column: 1 / -1;
}
.sec_view .comment_wrap .comment_head h3,
.sec_view .comment_wrap .comment_head p{
  font-size: 1rem;
  font-weight: 700;
}
.sec_view .write_form_wrap{
  margin-top: 1rem;
  grid-column: 1 / -1;
}
.sec_view .comment{
  margin-top: 0.75rem;
}
.sec_view .comment .comment_hd{
  display : flex;
  justify-content: space-between;
  align-items: center;
  position : relative;
  height: 3rem;
  background-color: #F1F1F1;
  padding: 0 1.25rem;
}
.sec_view .comment .comment_hd::before{
  display : none;
  position : absolute;
  left: -6.625rem;
  transform: translateY(-0.75rem);
  content: "";
  width : 6.625rem;
  height: 2.25rem;
  border-left: 1px solid #B9B9BE;
  border-bottom: 1px solid #B9B9BE;
}
.sec_view .depth2 .comment .comment_hd::before{
  display : block;
}
.sec_view .depth3 .comment .comment_hd::before{
  display : block
}
.sec_view .comment .comment_hd > div{
  display : flex;
  align-items: center;
  gap: 1.25rem;
}
.sec_view .comment .comment_hd > div p{
  padding-right : 0.625rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: #637381;
}
.sec_view .comment .comment_hd > div button{
  font-size: 0.875rem;
  font-weight: 500;
}
.sec_view .comment .comment_bd{
  padding: 0.625rem 1.25rem;
}
.sec_view .comment .comment_bd p{
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
  margin-bottom : 1rem;
}
.sec_view .comment .comment_bd .files{
  display : flex;
  flex-wrap: wrap;
  gap: 8px;
}
.sec_view .comment .comment_bd .files a{
  width : max-content;
  padding: 0 0.75rem;
  border: 1px solid #21004E;
  font-size: 0.75rem;
  font-weight:400;
  line-height: 1.5rem;
  border-radius: 0.25rem;
}

.sec_view .comment_wrap{position : relative;}
.sec_view .comment_wrap .depth1{
  grid-column: 1 / -1;
}
.sec_view .comment_wrap .depth2{
  grid-column: 2/-1;
  margin-top : 1.5rem;
}
.sec_view .comment_wrap .depth3{
  grid-column: 3/-1;
  margin-top : 1.5rem;
}
.sec_view .comment .comment_hd::before{
  width : 16px;
  height: 46px;
  left: -16px;
  transform: translateY(-16px);
}
/* 인재채용 END  */





/* 에러 페이지 */
.sec_error{
  margin-top: 9rem;
  transition: margin-top 0.2s ease-in-out;
}
.close_banner .sec_error{
  margin-top: var(--banner_close);
}
.sec_error .inner_base2{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 18.75rem;
  height: calc(100vh - 9rem - 22.75rem);
  transition: height 0.2s ease-in-out;
}
.close_banner .sec_error .inner_base2{
  height: calc(100vh - 5.875rem - 22.75rem);
}
.sec_error h2{
  line-height: 3rem;
  margin-bottom: 0.5rem;
}
.sec_error p{
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #818181;
  text-align : center;
  margin-bottom : 3.125rem;
}
.sec_error a{
  display: flex;
  justify-content: center;
  align-items: center;
  width : 11rem;
  height: 3rem;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  background-color: #21004E;
}
/* 에러 페이지 END */






/* 모달  */
.wv_modal{
  display : none;
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  background-color: #fafafa;
  border: 1px solid #B9B9BE;
  width : calc(100% - 40px);
  max-width : 32.5rem;
}
.wv_modal .min_h_100{
  min-height: 100%;
  min-height: 15rem;
}
.wv_modal .close_modal{
  position: absolute;
  right : 1.5rem; top: 1.5rem;
  width : 1.125rem;
  height: 1.125rem;
  background: url("/assets/img/ico_close2.svg") no-repeat center / cover;
}
.wv_modal input{
  width: 15rem;
  height: 3rem;
  padding: 0 1.25rem;
  border: 1px solid #E1E1E2;
  background-color: #fafafa;
  font-size: 1rem;
  color: #141414;
  outline: none;
}
.wv_modal input::placeholder{
  color: #adb5bd;
}
.wv_modal button[type=submit]{
  width : 6.75rem;
  height: 3rem;
  background-color: #21004E;
  color: #fff
}
/* 모달 END  */


@media all and (max-width: 1440px){
  .en .sec_category .category_box ~ .category_box .group > div h3{
    width: calc(11.25rem - 1.875rem);
    max-width: calc(11.25rem - 1.875rem);
  }
  .en .sec_category .category_box h3{
    width: 11.25rem;
  }
}


@media all and (max-width: 768px){
  .grid_lay{
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 24px;
  }

  .sec_vision .tit{
    margin-top: 128px;
    padding-top: 70px;
    padding-bottom: 30px;
    height: 420px;
  }
  .close_banner .sec_vision .tit{
    margin-top: 48px;
  }
  .sec_vision .tit .inner_base2{
    padding: 0;
    flex-direction: column;
    align-items: center;
  }
  .sec_vision .tit .inner_base2 span{
    font-size: 16px;
    padding-left: 14px;
  }
  .sec_vision .tit .inner_base2 h3{
    margin-top: 20px;
    font-size: 20px;
    line-height: 160%;
  }
  .sec_vision .tit .inner_base2 h4{
    margin-top: 10px;
    font-size: 32px;
  }
  .sec_vision .txt_block{
    flex-direction: column;
  }
  .sec_vision .txt_block h4{
    min-width : 100%;
    font-size: 18px;
    line-height: 180%;
  }
  .sec_vision .txt_block h4 span{
    line-height: 180%;
    font-size: 24px;
  }
  .sec_vision .txt_block h5{
    line-height: 160%;
  }
  .sec_vision .txt_block h6{
    line-height: 160%;
  }

  .sec_category{
    padding-top: 64px;
    padding-bottom : 0;
  }
  .sec_category .tit{
    padding-bottom: 12px;
  }
  .sec_category .category_box{
    gap: 24px;
    flex-direction: column;
  }
  .sec_category .category_box ul{
    display : flex;
    flex-direction: column;
    width : 100%;
    gap: 24px;
  }
  .sec_category .category_box ul a{
    min-height: 230px;
  }
  .sec_category .category_box ul a h4{
    top: 20px;
    left: 20px;
  }
  .sec_category ul li{
    height: max-content;
  }
  .sec_category .category_box ~ .category_box .group > div{
    flex-direction: column;
  }

  .sec_category .category_box .anim_obj2 svg{
    top: 50px;
    right: -60px;
    width: 300px;
    height: 300px;
  }
  .sec_category .category_box ~ .category_box{
    gap: 12px;
  }
  .sec_category .category_box ~ .category_box .group{
    border-left: none;
    border-top: 1px solid #E5E7EB;
    padding-left: 0;
    padding-top: 20px;
  }
  .sec_category .category_box .anim_obj3 > div{
    top: 25px;
    right: -70px;
    width: 300px;
    height: 300px;
  }
  .sec_category .anim_obj3 > div span::before{
    width: 108px;
    height: 46px;
  }
  .sec_category .anim_obj4 svg{
    top: 180px;
    right: -320px;
    width : 400px;
    height: 400px;
  }
  .sec_category .anim_obj5 svg{
    top: 40px;
    right: -50px;
    width: 300px;
    height: 300px;
  }


  .sec_researcher .tit{
    font-size: 20px;
    grid-column: 1/-1;
    margin-bottom : 32px;
  }
  .sec_researcher .desc{
    grid-column: 1/-1;
  }
  .sec_researcher .arti1 .desc .box{
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    padding: 0 24px;
    height: 132px;
  }
  .sec_researcher .arti1 .desc .box span{
    font-size: 20px;
    line-height: 120%;
  }
  .sec_researcher .arti1 .desc .box p{
    font-size: 16px;
  }
  .sec_researcher .arti2 .desc h4{
    font-size: 16px;
    margin-bottom: 24px;
  }
  .sec_researcher .arti3 .desc h4{
    margin-bottom : 16px;
    font-size: 18px;
  }
  .sec_researcher .arti3 .desc ul{
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 28px;
  }
  .sec_researcher .arti3 .desc ul li.step_arrow::after{
    transform: translateX(-50%) rotate(90deg);
    right : auto;
    top: auto;
  }
  .sec_researcher .arti3 .desc ul li::after{
    display: block;
    position: absolute;
    left: 50%;
    bottom: -26px;
    right: auto;
    transform: translateX(-50%) rotate(90deg);
    content: "";
    width: 0.75rem;
    height: 1.5rem;
    background: url(/assets/img/ico_step_arrow.svg) no-repeat center / cover;
  }
  .sec_researcher .arti3 .desc ul li:last-child::after{display: none;}
  .sec_researcher .arti3 .desc ul li{
    width : 100%;
    height: 136px;
  }
  .sec_researcher .arti3 .desc ul li h5{font-size: 16px;}
  .sec_researcher .arti3 .desc ul li p{font-size: 14px;}
  .sec_researcher .arti3 .desc .txt h4{margin-top: 16px;}
  .sec_researcher .arti3 .desc .txt p{margin-top: 8px}

  .sec_researcher .arti3 .desc .txt strong{
    margin-top: 16px;
    line-height: 170%;
  }
  .sec_researcher .arti3 .desc .txt strong + p{
    line-height: 100%;
  }

  .sec_researcher .arti3 .desc .download_btn{
    flex-direction: column;
    gap: 8px;
    height: 128px;
    font-size: 16px;
    line-height: 160%;
    text-align: center;
  }

  .sec_view .view_wrap .view_head > div{
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 24px 0;
  }
  .sec_view .view_wrap .view_head > div .state{
    font-size: 16px;
  }
  .sec_view .view_wrap .view_head > div h3{
    font-size: 18px;
    line-height: 24px;
    min-width : 100%;
  }
  .sec_view .view_wrap .view_head > div.sub{
    padding: 16px 0;
    gap: 0;
  }
  .sec_view .view_wrap .view_head > div.sub .user,
  .sec_view .view_wrap .view_head > div.sub strong,
  .sec_view .view_wrap .view_head > div.sub .dDay{
    min-width : 110px;
  }
  .sec_view .view_wrap .view_head > div.sub > div{gap: 0; line-height: 24px;}
  .sec_view .view_wrap .view_head > div.sub > div:last-child{
    flex-direction: column;
    align-items: flex-start;
  }
  .sec_view .view_wrap .view_head > div.sub > div div{gap: 0}


  .sec_view .view_body{
    padding: 32px 0 56px;
  }
  .sec_view .view_foot{
    flex-direction: column;
    gap: 8px;
    padding: 16px 0;
  }
  .sec_view .view_foot strong{
    font-size: 14px;
  }
  .sec_view .view_foot .file_down{
    margin-right : 0pt;
    padding: 0 13px;
    width: 100%;
    height: max-content;
    max-width: max-content;
  }
  .sec_view .comment .comment_bd .files a{
    width: 100%;
    height: max-content;
    max-width: max-content;
  }
  .sec_view .btn_wrap a,
  .sec_view .btn_wrap button{
    width : 144px;
    height: 40px;
    font-size: 16px;
  }



  .sec_view .comment .comment_hd{
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    height: 94px;
    padding: 16px;
  }
  .sec_view .comment .comment_hd h4{
    font-size: 16px;
    font-weight: 600;
    line-height: 180%;
  }
  .sec_view .comment_wrap .depth2{
    padding-left: 16px;
    grid-column: 1/-1;
  }
  .sec_view .comment_wrap .depth3{
    padding-left: 32px;
    grid-column: 1/-1;
  }
  .sec_view .comment .comment_hd > div{
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    width : 100%;
  }
  .sec_view .comment .comment_hd > div button:first-of-type{
    margin-right: auto;
    line-height: 24px;
  }
  .sec_view .comment .comment_hd > div p{
    position: absolute;
    top: 18px;
    right : 16px;
    padding-right : 0;
    line-height: 24px;
  }

  .write_form_wrap .form_hd input#email,
  .write_form_wrap .form_hd input#pw,
  .write_form_wrap .form_hd input#name{
    width : 100%;
  }
  .sec_view .write_form_wrap .form_hd{
    position: relative;
    padding-bottom: 100px;
    border-radius: 12px;
  }
  .sec_view .write_form_wrap .write_btn{
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    width : 108px;
    height: 48px;
    font-size: 16px;
  }
  .write_form_wrap .file_wrap > p{font-size: 14px;}
  .write_form_wrap .drop_zone p{
    text-align: center;
    line-height: 24px;
  }

  .wv_modal .close_modal{
    top: 20px;
    right : 20px;
  }

  .sec_write .write_wrap h3{
    font-size: 20px;
  }
  .sec_write .write_wrap .caution_wrap{
    padding: 20px 16px;
  }
  .sec_write .write_wrap .caution_wrap p{
    font-size: 14px;
    line-height: 180%;
  }
  .write_form_wrap{
    margin-top: 24px;
  }
  .write_form_wrap .form_hd input#title{
    width : 100%;
  }
  .write_form_wrap .form_ft strong{
    grid-column: 1/-1;
    margin-bottom: 20px;
  }
  .write_form_wrap .file_wrap{
    grid-column: 1/-1;
  }
  .write_form_wrap .file_wrap > p + p{
    margin-top : 24px;
    font-size: 14px;
    line-height: 24px;
  }
  .sec_write .btn_wrap{
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .sec_write .btn_wrap > div{
    width : 100%;
  }
  .sec_write .btn_wrap .cancel_btn,
  .sec_write .btn_wrap .back_btn{
    width: 144px;
    height: 40px;
    font-size: 16px;
  }




  .sec_history{
    padding-top: 64px;
  }
  .sec_history .desc{
    grid-column: 1/-1;
  }
  .sec_history .tit{
    grid-column: 1/-1;
    padding-bottom: 10px;
  }
  .sec_history .desc li{
    flex-direction: column;
    gap: 0;
  }
  .sec_history .desc li:not(:last-child){
    margin-bottom: 24px;
  }
  .sec_history .desc li span{
    min-width : 52px;
    height: 28px;
    width : 52px;
    font-size: 14px;
  }
  .en .sec_history .desc li span{
    min-width : 100%;
  }
  .sec_history .desc li strong{
    font-size: 16px;
  }
  .sec_history .desc li p{
    font-size: 16px;
    line-height: 160%;
  }
  .sec_history .desc li h3{
    font-size: 16px;
    line-height: 160%;
    margin-bottom: 0;
  }
  .sec_history .desc li h4{
    margin: 4px 0;
  }


  .sec_org{
    padding-top: 64px;
  }
  .sec_org .org_wrap .org_box{
    height: 40px;
    font-size: 14px;
  }
  .sec_org .org_wrap ~ .org_img{
    grid-column: 1/-1;
    width : 100%;
    margin-top: 40px;
  }
  .sec_org .org_view{
    margin-top: 120px;
    padding-top: 64px;
  }
  .sec_org .org_view h3{
    grid-column: 1/-1;
  }
  .sec_org .org_view .desc{
    grid-column: 1/-1;
  }
  .sec_org .org_view h3{
    font-size: 24px;
  }
  .sec_org .org_view .desc ul{
    gap: 24px;
    display : grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .sec_org .org_view .desc ul li{
    width : calc(50% - 12px);
    height: 146px;
    padding: 16px 16px 20px;
  }
  .sec_org .org_view .desc strong{
    font-size: 12px;
  }
  .sec_org .org_view .desc strong span{
    font-size: 10px;
  }
  .sec_org .org_view .desc h4{
    font-size: 16px;
  }
  .sec_org .org_view .desc p{
    margin-top: 8px;
    font-size: 11px;
  }


  .sec_map .map{
    grid-column: 1/-1;
    width : 100%;
    height: 340px;
    background: transparent;
  }
  .sec_map .root_daum_roughmap_landing{
    height: 341px !important;
  }
  .sec_map .root_daum_roughmap .wrap_map{
    height: 310px !important;
  }
  .sec_map .tit{
    grid-column: 1/-1;
  }
  .sec_map .desc{
    grid-column: 1/-1;
  }
  .sec_map .desc h4{
    font-size: 16px;
  }
  .sec_map .desc li p{
    font-size: 16px;
  }
  .sec_map .desc h5{
    font-size: 16px;
    margin-top: 8px;
  }

  .sec_title_wrap.topic h2{width : 100%; text-align: center;}
  .sec_title_wrap.topic .inner_base2,
  .sec_title_wrap.topic .sec_tit{position: static;}
  .sec_title_wrap.topic .prev,
  .sec_title_wrap.topic .next{
    transform: none;
    top: auto;
    bottom: 40px;
    font-size: 18px;
    gap: 12px;
  }

  .sec_topic .inner_base2{
    padding-top: 16px;
  }
  .sec_topic aside{
    top: 128px;
    z-index : 10;
    width : 100vw;
    margin-left: -16px;
    background-color: #fafafa;
    padding: 16px 0;
    overflow-x: scroll;
    touch-action: pan-x;
    border-bottom: 1px solid #E5E7EB;
  }
    .sec_topic aside::-webkit-scrollbar {
    width: 6px;
    height: 4px;
  }
    .sec_topic aside::-webkit-scrollbar-track {
    border-radius: 10px;
  }
    .sec_topic aside::-webkit-scrollbar-thumb {
    background-color: #E5E7EB;
    border-radius: 10px;
    border: 1px solid #E5E7EB;
  }
  .sec_topic aside .topic_list{
    display: flex;
    gap: 24px;
    width : max-content;
    padding: 0 16px;
  }
  .close_banner .sec_topic aside{
    top: 48px;
  }
  .sec_topic aside .topic_list li a.active{
    margin-bottom: 0;
    font-size: 16px;
    border-bottom: 2px solid #146153;
  }
  .sec_topic aside .topic_list li a{
    font-size: 16px;
    height: 100%;
    padding-bottom: 0;
  }

  .sec_topic .desc{
    grid-column: 1/-1;
    border-top: none;
    padding-top: 32px;
  }
  .sec_topic aside .link_list{display: none}

  .sec_topic .link_box{
    grid-column: 1/-1;
    display : flex !important;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    margin-top: 32px;
    color: #146153;
    width : 100%;
    height: 52px;
    border: 1px solid #ebedf0;
    background-color: #fff;
  }
  .sec_topic .link_box.m_hide{
    display : none !important;
  }
  .sec_topic .link_box + .link_box{
    margin-top: 10px;
    color: #512D82;
    margin-bottom : 0px;
  }

  .sec_topic .link_box.txt_blue{color: #0B3886;margin-bottom : auto !important;}

  .sec_topic .desc h2{
    font-size: 20px;
    line-height: 180%;
    margin-bottom : 32px;
  }
  .sec_topic .desc .list{
    margin-top: 32px;
    margin-bottom : 32px;
  }
  .sec_topic .desc .list p{
    padding: 24px 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 160%;
  }
  .sec_topic .desc .list p::before{
    min-width : 6px;
    min-height: 6px;
    margin-top : 9px;
  }
  .sec_topic .desc p{
    font-size: 16px;
  }
  .sec_topic .btn_group{
    margin-top: 80px;
  }
  .sec_topic .btn_group a{
    gap: 20px;
  }
  .sec_topic .btn_group a p{
    font-size: 14px;
    margin-bottom: 6px;
  }
  .sec_topic .btn_group a strong{
    font-size: 16px;
  }
  .sec_topic .btn_group a svg{
    width : 10px;
    height: 20px;
  }


  .sec_topic .topic_box{
    height: 158px;
  }
  .sec_topic .topic_box.type1 svg{
    right : -10px;
    width : 180px;
    height: 180px;
  }
  .sec_topic .topic_box.type2 > div{
    right: -30px;
    width: 220px;
    height: 220px;
  }
  .sec_topic .topic_box.type2 > div span::before{
    width: 69px;
    height: 36px;
  }
  .sec_topic .topic_box.type3 svg{
    right: -170px;
    width: 260px;
    height: 260px;
  }
  .sec_topic .topic_box.type4 svg{
    right : -10px;
    width : 180px;
    height: 180px;
  }
  .sec_topic .topic_box.type5 .anim_obj2 svg{
    right: -10px;
    width: 180px;
    height: 180px;
  }
  .sec_topic .topic_box.type5 .anim_obj3 > div{
    right: -30px;
    width: 220px;
    height: 220px;
  }
  .sec_topic .topic_box.type5 .anim_obj3 > div span::before{
    width: 69px;
    height: 36px;
  }
  .sec_topic .topic_box.type5 .svg_motion_group .svg_motion_compo.anim_obj4 svg{
    right: -170px;
    width: 260px;
    height: 260px;
  }
  .sec_topic .topic_box.type5 .svg_motion_group .svg_motion_compo.anim_obj5 svg{
    right: -10px;
    width: 180px;
    height: 180px;
  }


  .sec_org .org_view .desc ul li.disabled{display: none;}


  .en .sec_category .category_box ~ .category_box .group > div h3{
    min-width : 100%;
    width : 100%;
    max-width : 100%;
  }

  .write_form_wrap .form_hd input#form_title,
  .write_form_wrap .form_hd input#form_email,
  .write_form_wrap .form_hd input#form_passwd,
  .write_form_wrap .form_hd input#form_name{
    width : 100%;
  }

  .sec_vision .desc{
    padding-top: 64px;
    padding-bottom: 100px;
  }
  .sec_vision .tit .desc{
    padding-top: 0;
    gap: 30px;
    padding-bottom: 0;
    padding-right : 0;
  }
  .sec_vision .tit .desc img{
    width : 48px;
  }
  .sec_vision .tit .desc p{
    font-size: 13px;
    font-weight: 400;
    line-height: 160%;
  }
  .sec_vision .txt_block:not(:first-child){
    margin-top: 30px;
  }

  .sec_error p{
    font-size: 16px;
  }

  .sec_vision .inner_base2 .desc_tit{
    position: static;
  }
  .sec_vision .inner_base2{
    gap: 30px;
  }
  .sec_vision > .desc .inner_base2 > div{
    width : 100%;
  }
}

@media all and (max-width: 700px){
  .en .sec_title_wrap.topic .prev{
    display: none;
  }
}