@charset "utf-8";

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 컨텐츠 공통  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/

/* 탭메뉴 */
/* .subContent .tab_container {}
.subContent .tab_container .tabs { border-bottom:1px solid var(--navy); margin-bottom:5.0rem; }
.subContent .tab_container .tabs ul { display:flex; justify-content:space-between; align-items:flex-end; }
.subContent .tab_container .tabs ul li { margin-right:1px; flex-grow:1; text-align:center; background:#ededed; padding:15px 5px; border:1px solid #ccc; border-bottom:0; position:relative; width:15%; }
.subContent .tab_container .tabs ul li:last-child { margin-right:0; }
.subContent .tab_container .tabs ul li a { color:var(--navy); font-weight:700; display:block; width:100%; line-height:1.2;  }
.subContent .tab_container .tabs ul li a:after { width:8px; height:8px; border:2px solid rgba(255,255,255,0.5); border-width:0 0 2px 2px; transform:rotate(-45deg); transform-origin:center; display:block; margin:0px auto; display:none; content:''; }
.subContent  .tab_container .tabs ul li:before { content:''; display:block; position:absolute; left:0; top:100%; height:15px; width:99%; background:var(--navy); clip-path:polygon(50% 100%, 0 0, 100% 0); display:none; }
.subContent .tab_container .tabs ul li.active { background:var(--navy); }
.subContent .tab_container .tabs ul li.active a { color:#fff; }
.subContent .tab_container .tabs ul li.active:before { display:block; }
.subContent .tab_container .tabs ul li.active a:after { display:block; } */
.subContent .tab_container {}
.subContent .tab_container .tabs {  }
.subContent .tab_container .tabs ul { display:flex; gap:0.5rem; }
.subContent .tab_container .tabs ul li { padding:0 2.0rem; height:4.6rem; display:flex; justify-content:center; align-items:center;  border-radius:0; transition:all 0.3s; background:#efefef; }
.subContent .tab_container .tabs ul li a { display:block; width:100%; line-height:1.2; font-size:1.8rem; color:#333; text-align:center; font-weight:500; }
.subContent .tab_container .tabs ul li.active { background:var(--blue02); border-radius:1.0rem 0 0 0; }
.subContent .tab_container .tabs ul li.active a { color:#fff; }


/* 공통스타일 */
.subContent { font-size:1.8rem; line-height:1.8; color:#2b2b2b; font-weight:400; text-align:left; }
.subContent section { margin-top:100px; }
.subContent .boxText { border:1px solid #ccc; padding:2.0rem; text-align:center;  }
.subContent .boxText01 { background:#f1f1f1; padding:2.0rem; }
.subContent strong,
.subContent b { font-weight:600; }
.subContent .smallFont { font-size:1.6rem; }
.strongLIne,
.strongLine { font-weight:600; color:#010101; text-decoration:underline; display:inline; }
.gradient { 
background: linear-gradient(to right, #0068b7 0%, #15ae67 100%);
background-clip: text;
-webkit-background-clip: text;
color: transparent;}
.bulletTit { font-size:3.0rem; font-weight:600; color:#010101; line-height:1; display:flex; margin-bottom:20px; }
.bulletTit:before { content:''; width:12px; height:12px; border-radius:50%;  background: linear-gradient(to right, #0068b7 0%, #15ae67 100%); margin-right:5px; }
.blueTit { font-size:2.2rem; color:var(--dkblue); font-weight:600; margin-bottom:1.0rem; margin-top:3.0rem; line-height:1.5; }
.titSmall { font-size:2.0rem; color:#010101; font-weight:600; margin-bottom:1.0rem; margin-top:3.0rem; line-height:1.5; }
.pGroup p { margin-top:20px; }
.pageTop { margin-top:0 !important; }
.pageTop .ptImg { aspect-ratio: 21 / 6; border-radius:0 0 2.0rem 0; overflow:hidden; background-size:cover !important; background-position:center !important; }
.pageTop .ptpTit { font-size:4.6rem; font-weight:700; line-height:1.5; margin-top:30px; margin-bottom:15px; }
img.forPc { display:inline; }
img.forMobile { display:none; }
.subContent blockquote { color:#888; font-size:1.6rem; margin:0; padding:0; }


/* 컨텐츠 열고 닫기 */
.cntsSection .acdBtn { width:100%; text-align:center; background:#efefef; height:36px; line-height:36px; color:var(--blue01); border:0; margin-top:2px; border-radius:0 0 1.0rem 1.0rem;}
.cntsSection .acdBtn span { display:flex; align-items:center; font-size:1.7rem; width:100%; justify-content:center; font-weight:500; }
.cntsSection .acdBtn span:before { content:'컨텐츠 보기';}
.cntsSection .acdBtn span:after { width:8px; height:8px; content:''; border:2px solid var(--blue01); border-width:0 2px 2px 0; transform:rotate(45deg); margin-top:-5px; margin-left:5px;  }
.cntsSection.open .acdBtn span:before { content:'컨텐츠 닫기';} 
.cntsSection.open .acdBtn span:after { border-width:2px 0 0 2px; margin-top:2px; }
.cntsSection.open .acdCnts { display:block !important; }

/*슬라이드 */
.slick-arrow.slick-disabled { display:none !important; }


/* ================================== Laptop (1024 ~ 1279) ================================== */
@media all and (max-width: 1279px) {
	/* 공통스타일 */
	.pageTop .ptpTit { font-size:3.8rem; }
	.bulletTit { font-size:2.8rem; }
	.subContent section { margin-top:80px; }
}

/* ================================== Tablet (768 ~ 1023) ================================== */
@media all and (max-width: 1023px) {
	
}

/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) { 
	/* 공통스타일 */
	.pageTop .ptpTit { font-size:3.2rem; margin-top:2.0rem; margin-bottom:15px;}
	.bulletTit { font-size:2.6rem; }
	.blueTit { font-size:2.1rem;  }
	.subContent section { margin-top:60px; }
	.pGroup p { margin-top:15px; }
	.pageTop .ptImg { aspect-ratio: 12 / 5; margin-left:-2.0rem; margin-right:-2.0rem; }	
	img.forPc { display:none; }
	img.forMobile { display:inline; }
	.subContent .boxText,
	.subContent .boxText01 { padding:1.5rem; }
}

@media all and (max-width: 479px) {	
	/* 공통스타일 */
	.subContent { font-size:1.75rem; }
	.pageTop .ptpTit { font-size:2.4rem; margin-bottom:10px;  }
	.bulletTit { font-size:2.rem; margin-bottom:15px; }
	.blueTit { font-size:2.0rem; }
	.subContent section { margin-top:40px; }
	.pGroup p { margin-top:12px; }
}

/* -----------------------------------------------------------------------------------------------------
///////////////////////////////////////////// KEGE소개 - 설립목적 및 비전  //////////////////////////////////////
------------------------------------------------------------------------------------------------------*/
.busSlideWrap { position:relative; }
.busSlideWrap .busSlides { width:100%; border-radius:2.0rem 0 0 0; overflow:hidden;  }
.busSlideWrap .busSlides .slideItem { position:relative;}
.busSlideWrap .busSlides .slideItem .slideBg { overflow:hidden; width:100%; aspect-ratio:1050/466; background-size:cover !important; background-position:center !important; 
	background-repeat:no-repeat !important; }
.busSlideWrap .busSlides .slideItem .slideBg img { width:100%; max-width:100%; }
.busSlideWrap .busSlides .slideItem .slideText { position:absolute; bottom:0; left:0; width:100%; padding:2.0rem 12.0rem 2.0rem 2.0rem; background:rgba(0,0,0,0.5); line-height:1.3; }
.busSlideWrap .busSlides .slideItem .slideText a { color:#fff; }
.busSlideWrap .busSlides .slideItem .slideText a { color:#fff; }
.busSlideWrap .busSlides .slideItem .slideText a .text_1 { font-size:3.0rem; font-weight:600; opacity:0; }
.busSlideWrap .busSlides .slideItem .slideText a .text_2 { font-size:1.8rem; color:rgba(255,255,255,0.7); opacity:0; }
.slideItem.slick-slide.slick-current.slick-active .slideBg img{  animation-delay:0.2s;  }
.slideItem.slick-slide.slick-current.slick-active .text_1 {  animation:fadeInText 0.5s forwards; animation-delay:0.2s; }
.slideItem.slick-slide.slick-current.slick-active .text_2 { animation:fadeInText 0.8s forwards; animation-delay:0.4s; margin-top:0.5rem; }
.busSlideWrap .arrowSlider .arrows { position:absolute; width:5.0rem; height:5.0rem; bottom:2.0rem; }
.busSlideWrap .arrowSlider .arrows.prev {background:url(../../images_2023/common/slide_prev.png)center no-repeat; background-size:contain; background-color:rgba(0,0,0,0.3); border:0; right:2.0rem; 
	transform: translateX(-100%); margin-right:1px;}
.busSlideWrap .arrowSlider .arrows.next {background:url(../../images_2023/common/slide_next.png)center no-repeat; background-size:contain; background-color:rgba(0,0,0,0.3); border:0; right:2.0rem; }
.certiListIcons { margin-top:3.0rem;  }
.certiListIcons ul { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; gap:2.0rem 0; }
.certiListIcons ul li {  text-align:center; width:17%; }
.certiListIcons ul li .icon { width:11rem; height:11rem; margin:0 auto; background:#f1f1f1; border-radius:50%; }
.certiListIcons ul li p { margin-top:1.0rem; font-size:1.6rem; font-weight:500; color:#010101; padding:0 1rem; line-height:1.5; }

@keyframes fadeInText {
	0%{
  	opacity:0;
    }
    100%{
  	  opacity:1;
    }
}

/* ================================== Tablet (768 ~ 1023) ================================== */
@media all and (max-width: 1023px) {
	.busSlideWrap .busSlides .slideItem .slideText { padding:1.5rem 10.0rem 1.5rem 1.5rem; }
	.busSlideWrap .busSlides .slideItem .slideText a .text_1 { font-size:2.4rem; }
	.busSlideWrap .busSlides .slideItem .slideText a .text_2 { font-size:1.7rem; }
	.busSlideWrap .arrowSlider .arrows { width:4.0rem; height:4.0rem; }
}

/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) {
	.certiListIcons ul { justify-content:center;  }
	.certiListIcons ul li {  width:25%; margin-bottom:2.0rem; }
	.certiListIcons ul li .icon { width:8rem; height:8rem; }	
}
@media all and (max-width: 479px) {
	.busSlideWrap .busSlides .slick-list { background:rgba(0,0,0,0.5); }
	.busSlideWrap .busSlides .slideItem .slideText { position:relative; bottom:auto; padding:1.0rem; background:none;}
	.busSlideWrap .busSlides .slideItem .slideText a .text_1 { font-size:2.0rem; }
	.busSlideWrap .busSlides .slideItem .slideText a .text_2 { font-size:1.6rem; }
	.busSlideWrap .arrowSlider .arrows { width:4.0rem; height:4.0rem;bottom:auto; top:50%; margin-top:-1.5rem; }
	.busSlideWrap .arrowSlider .arrows.prev {left:0; transform: translateX(0%); }
	.busSlideWrap .arrowSlider .arrows.next {right:0; }
	.certiListIcons ul { gap:1.0rem 0; }
	.certiListIcons ul li {  width:50%; }
}


/* -----------------------------------------------------------------------------------------------------
///////////////////////////////////////////// KEGE소개 - 인사말  //////////////////////////////////////
------------------------------------------------------------------------------------------------------*/
.greetingWrap .pic { border-radius:0 0 2.0rem 0; overflow:hidden;}
.greetingWrap .topText { font-size:3.6rem; font-weight:600; margin-top:6.0rem; line-height:1.5; }
.greetingWrap .greetingText { margin-top:5.0rem; }
.greetingWrap .sign { margin-top:5.0rem; display:flex; justify-content:flex-end; align-items:center; gap:1.0rem; color:#010101; font-weight:500; }

/* ================================== Tablet (768 ~ 1023) ================================== */
@media all and (max-width: 1023px) {
	.greetingWrap .topText { font-size:3rem; margin-top:5.0rem; }
	.greetingWrap .greetingText { margin-top:4.0rem; }
	.greetingWrap .sign { margin-top:4.0rem; }
}

/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) {
	.greetingWrap .topText { font-size:2.6rem; }	
}
@media all and (max-width: 479px) {
	.greetingWrap .topText { font-size:2.2rem; margin-top:4.0rem; }
	.greetingWrap .greetingText { margin-top:3.0rem; }
	.greetingWrap .sign { margin-top:3.0rem; flex-wrap:wrap; }	
	.greetingWrap .sign span { width:100%; }
}


/* -----------------------------------------------------------------------------------------------------
///////////////////////////////////////////// KEGE소개 - 홍보  //////////////////////////////////////
------------------------------------------------------------------------------------------------------*/
.prService { display:flex;  justify-content:space-between;  }
.prService > div { width:32%; border:1px solid #ccc; background:#333; overflow:hidden; position:relative; }
.prService > div:first-child { border-radius:1.0rem 0 0 0; }
.prService > div:last-child { border-radius:0 0 1.0rem 0; }
.prService .prIcon { background:#fff;}
.prService .prText { padding:3.0rem; color:#fff; line-height:1.5; padding-bottom:8.0rem; }
.prService .prText .tit { font-size:2.6rem; font-weight:500; }
.prService .prText .text { margin-top:1.0rem; font-size:1.6rem; color:rgba(255,255,255,0.5); display:block; }
.prService .prText .link { font-size:1.6rem; color:#fff; border-bottom:1px solid #fff; position:absolute; bottom:3.5rem; left:3.0rem; font-weight:300; }

/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) {
	.prService { flex-wrap:wrap; }
	.prService > div { width:100%; margin-bottom:2.0rem; }
	.prService .prIcon { text-align:center; }
	.prService .prText { padding:2.0rem;   }
	.prService .prText .link { position:relative; bottom:auto; left:0; margin-top:2.0rem; }		
}
@media all and (max-width: 479px) {
	.prService .prText .tit { font-size:2.2rem; }
}


/* -----------------------------------------------------------------------------------------------------
///////////////////////////////////////////// KEGE소개 - 오시는길  //////////////////////////////////////
------------------------------------------------------------------------------------------------------*/
.mapWrap .mapDiv { width:100%; border-radius:2.0rem 0 0 0; overflow:hidden; }
.mapWrap .mapDiv .root_daum_roughmap,
.mapWrap .mapDiv .root_daum_roughmap .wrap_map {height:36.0rem; width:100%; }
.mapWrap .locationDesc { background:var(--navy); color:#fff; padding:2.0rem; text-align:center; line-height:1.5; font-size:1.6rem; }
.transWrap .transBox { display:flex; position:relative; }
.transWrap .transBox:not(:first-child) { margin-top:6.0rem; }
.transWrap .transBox .icon { width:8rem; height:8.0rem; flex-shrink:0; margin-right:4.0rem; background:#efefef; border-radius:50%; display:flex; justify-content:center; align-items:center;}
.transWrap .transBox .icon img { max-width:70%; }
.transWrap .transBox .trans { flex-grow:1; }
.transWrap .transBox .trans h4 { font-size:2.2rem; color:#010101; font-weight:600; margin-bottom:1.0rem; }
.transWrap .transBox .trans .transDesc { display:flex; }
.transWrap .transBox .trans .transDesc > span { width:20.0rem; font-weight:500; color:#010101;  }
.transWrap .transBox .trans .transDesc ul { display:flex; justify-content:flex-start; gap:0 3.0rem; align-items:center; }
.transWrap .transBox .trans .transDesc ul li  { font-size:1.6rem; display:flex; align-items:center;  }
.transWrap .transBox .trans .transDesc .subway strong { color:#fff; width:20px; line-height:20px; height:20px; border-radius:50%; text-align:center; margin-left:5px; font-weight:400;  }
.transWrap .transBox .trans .transDesc .sw01 span { color:#717617; }
.transWrap .transBox .trans .transDesc .sw01 strong { background:#717617; }
.transWrap .transBox .trans .transDesc .sw02 span { color:#3cb44a; }
.transWrap .transBox .trans .transDesc .sw02 strong { background:#3cb44a; }
.transWrap .transBox .trans .transDesc .bus01 { background:#4b5cd2; color:#fff; padding:0 1rem; border-radius:3px; margin-right:5px; }
.transWrap .transBox .trans .transDesc .bus02 { background:#4fa92c; color:#fff; padding:0 1rem; border-radius:3px; margin-right:5px; }
.contactTable col { width:25%; }
.contactTable th,
.contactTable td { text-align:left; } 

/* ================================== Tablet (768 ~ 1023) ================================== */
@media all and (max-width: 1023px) {
	.transWrap .transBox:not(:first-child) { margin-top:5.0rem; }
	.contactTable col:nth-child(1) { width:31%; }
	.contactTable col:nth-child(2) { width:22%; }
	.contactTable col:nth-child(3) { width:25%; }
	.contactTable col:nth-child(4) { width:auto; }
}

/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) {
	.mapWrap .mapDiv .root_daum_roughmap,
	.mapWrap .mapDiv .root_daum_roughmap .wrap_map {height:30.0rem; }
	.transWrap .transBox:not(:first-child) { margin-top:4.0rem; }
	.transWrap .transBox .icon { width:6rem; height:6.0rem; margin-right:2.0rem; }
	.transWrap .transBox .trans .transDesc { flex-wrap:wrap; }
	.transWrap .transBox .trans .transDesc + .transDesc { margin-top:1.0rem; }
	.contactTable col { width:100% !important; }
	.contactTable tr { display:flex;  flex-wrap:wrap; width:100%; justify-content:space-between; }
	.contactTable tr th { width:60%; flex-grow:1; }
	.contactTable tr td { margin-left:-1px; width:40%; flex-grow:1; }	
	.contactTable tr th,
	.contactTable tr td { margin-top:-1px; }
}

@media all and (max-width: 479px) {	
	.mapWrap .locationDesc { padding:1.5rem; }
	.transWrap .transBox:not(:first-child) { margin-top:3.0rem; }
	.transWrap .transBox .icon { position:absolute; width:34px; height:34px; left:0; top:0;  }
	.transWrap .transBox .trans h4 { padding-left:4.0rem; }	
}



/* -----------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 녹색건축인증 - 제도소개  //////////////////////////////////////
------------------------------------------------------------------------------------------------------*/
.gbCertiIcons { display:flex; justify-content:space-between; margin-top:30px; }
.gbCertiIcons > div { text-align:center; }
.gbCertiIcons .icon { max-width:62px; margin:0 auto; display:block; }
.gbCertiIcons .text { line-height:1.2; font-size:1.7rem; display:block; }
.gbCertiIcons .plus { width:13px; display:flex; align-items:center; margin:0 5px; }
.gbCertiIcons > div:not(.plus) { width:10%; flex-grow:1; }



/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) {
	.gbCertiIcons { margin-top:20px; flex-wrap:wrap; justify-content:center;}
	.gbCertiIcons > div:not(.plus) { width:20%; flex-grow:0; }
	.gbCertiIcons .icon { max-width:40px; }
	.gbCertiIcons .plus { width:10px; }
	.gbCertiIcons .text { font-size:1.6rem; }
	.gbCertiIcons > div { margin-bottom:10px; }
}

@media all and (max-width: 479px) {
	.table.gradeTable colgroup,
	.table.gradeTable col { display:block; width:100%; }
	.table.gradeTable { display:flex;   }
	.table.gradeTable tbody,
	.table.gradeTable thead { width:50%; display:block; }
	.table.gradeTable tr { display:block; width:100%;  }
	.table.gradeTable tr th,
	.table.gradeTable tr td { height:4.2rem; display:flex; align-items:center; justify-content:center; text-align:center; width:100%; line-height:1.2; }
	.table.gradeTable tr th { font-size:1.6rem; }
	.table.gradeTable.border thead:after { display:none; }
	.table.gradeTable.col03 thead { width:33.3333%; }
	.table.gradeTable.col03 tbody { flex-grow:1; display:flex; }
	.table.gradeTable.col03 tbody tr { width:50%; }
}	


/* -----------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 인증사업- 녹색건축인증, kege - 연혁  //////////////////////////////////////
------------------------------------------------------------------------------------------------------*/
.historyWrap { }
.historyWrap .historyTab { display:flex; }
.historyWrap .historyTab .years { font-size:5.0rem; font-weight:700; color:var(--blue01); width:200px; flex-shrink:0; line-height:1; }
.historyWrap .historyTab .historyList { flex-grow:1; display:flex; }
.historyWrap .historyTab .historyList:before { content:''; display:block; width:1px; height:100%; background:#ccc; margin-right:50px; }
.historyWrap .historyTab .historyList .year { font-size:3.0rem; color:#010101; font-weight:800; line-height:1; margin-bottom:1.0rem; position:relative; }
.historyWrap .historyTab .historyList .year:before {content:''; display:block; width:6px; height:6px; border-radius:50%; border:3px solid var(--blue01); position:absolute; left:-50px; top:8px;
transform:translateX(-50%); background:#fff; }
.historyWrap .historyTab .historyList > ul > li { margin-bottom:4.0rem; }
.historyWrap .historyTab .historyList > ul > li:last-child { margin-bottom:10.0rem; }
.historyWrap .historyTab .historyList .historyItem li { position:relative; padding-left:10px; line-height:1.5}
.historyWrap .historyTab .historyList .historyItem li:before { width:3px; height:3px; border-radius:50%; content:''; background:#555; position:absolute; top:1.3rem; left:0; }
.historyWrap .historyTab .historyList .historyItem li + li { margin-top:1.0rem; }
.historyWrap .historyTab .historyList .pic_list { display:flex; flex-wrap:wrap; gap:1px; padding-top:1.0rem; }
.historyWrap .historyTab .historyList .pic_list img {height:15.0rem; border:1px solid #ccc; }

/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) {
	.historyWrap .historyTab .years { font-size:4.0rem; width:130px; }
	.historyWrap .historyTab .historyList:before { margin-right:20px; }
	.historyWrap .historyTab .historyList .year { font-size:2.6rem; }
	.historyWrap .historyTab .historyList .year:before { left:-20px; top:5px; }
	.historyWrap .historyTab .historyList > ul > li:last-child { margin-bottom:8.0rem; }
}

@media all and (max-width: 479px) {
	.historyWrap .historyTab { flex-wrap:wrap; }
	.historyWrap .historyTab .years { font-size:3.4rem; }
	.historyWrap .historyTab .historyList { width:100%; padding-left:1.0rem;  }
	.historyWrap .historyTab .historyList .year { font-size:2.2rem; font-weight:600;}
	.historyWrap .historyTab .historyList > ul > li { margin:2.0rem 0; }
	.historyWrap .historyTab .historyList > ul > li:last-child { margin-bottom:4.0rem; }
	.historyWrap .historyTab .historyList .pic_list img {height:12.0rem; }
}


/* -----------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 인증사업 - 녹색건축인증 - 인증체계  //////////////////////////////////////
------------------------------------------------------------------------------------------------------*/
.gbMark img { width:100%; max-width:600px; margin-bottom:1.0rem; }


/* -----------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 인증사업 - 녹색건축인증 - 인증실적현황  //////////////////////////////////////
------------------------------------------------------------------------------------------------------*/
.pfTable th, 
.pfTable td { padding:1rem 0.5rem !important; font-size:1.5rem !important; }


/* -----------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 인증사업 - 에너지절약계획서 - 에너지절약설계기준  //////////////////////////////////////
------------------------------------------------------------------------------------------------------*/
.sePart ul { display:flex; gap:0 3.0rem; }
.sePart ul li { text-align:center; width:30%; flex-grow:1; } 
.sePart ul li .icon { aspect-ratio:33 / 20; display:flex; justify-content:center; align-items:center;}
.sePart ul li .desText { margin:1.0rem auto 0; max-width:22rem; }
.sePart ul li .desText h3 { font-size:2.2rem; color:var(--blue); font-weight:700; }
.sePart ul li .desText p { margin-top:0.5rem; font-size:1.6rem; color:#555; line-height:1.5; }
.sePart ul li:nth-child(1) .icon { background: url("../../images_2023/certiBus/se_part1.jpg")center no-repeat; background-size:cover; border-radius:1.0rem 0 0 0; }
.sePart ul li:nth-child(2) .icon { background: url("../../images_2023/certiBus/se_part2.jpg")center no-repeat; background-size:cover; }
.sePart ul li:nth-child(3) .icon { background: url("../../images_2023/certiBus/se_part3.jpg")center no-repeat; background-size:cover; border-radius:0 0 1.0rem 0; }
.seDocsList > li { display:flex; justify-content:space-between; }
.seDocsList > li + li { margin-top:5px; }
.seDocsList li .docsYear { width:8.0rem; flex-shrink:0; background:#f1f1f1; text-align:center; display:flex; align-items:center; justify-content:center; color:#010101; margin-right:5px; }
.seDocsList .docsList { flex-grow:1; display:flex; justify-content:space-between; gap:0 5px; }
.seDocsList .docsList li { width:20%; flex-grow:1; flex-shrink:0; text-align:center; padding:1rem 0.5rem; border:2px solid var(--blue); border-radius:5px 0 0 0; line-height:1.3; }
.seDocsList .docsList li a { display:block; width:100%; color:var(--blue); font-weight:600; }
.seDocsList .docsList small { display:block; color:#666; font-weight:400; font-size:1.5rem; }
.seDocsList .docsList li:nth-child(2n+1) { border-color:var(--teal); }
.seDocsList .docsList li:nth-child(2n+1)  a { color:var(--teal); }
.seDocsList .docsList li.blank { border:0; padding:0; }

/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) {
	.sePart ul { flex-wrap:wrap; gap:0; }
	.sePart ul li { width:100%; display:flex; }
	.sePart ul li + li { margin-top:10px; }
	.sePart ul li .icon { width:40%; margin-right:10px; }		
	.sePart ul li .desText { flex-grow:1; text-align:left; margin:0; }
	.sePart ul li .desText h3 { font-size:2.0rem; }
	.sePart ul li .desText p { margin-top:0; }
	.seDocsList > li { flex-wrap:wrap; }
	.seDocsList > li + li { margin-top:15px; }
	.seDocsList li .docsYear { width:100%; }
	.seDocsList .docsList { flex-wrap:wrap; gap:5px; border:1px solid #f1f1f1; padding:10px; }
	.seDocsList .docsList li { width:45%; border-width:1px; }
}

@media all and (max-width: 479px) {
	.sePart ul li .icon img { width:30px; }
	.seDocsList .docsList li { width:100%; }
	.seDocsList .docsList li.blank { display:none; }
}


/* -----------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 인증사업 - 에너지절약계획서 - 진행절차 - KEGE검토시스템  //////////////////////////////////////
------------------------------------------------------------------------------------------------------*/
.seProcessWrap { }
.seProcessWrap .seProcessList { font-size:1.7rem; line-height:1.3; }
.seProcessWrap .seProcessList li { display:flex; justify-content:space-between; position:relative; }
.seProcessWrap .seProcessList li + li { margin-top:30px; }
.seProcessWrap .seProcessList li:not(:last-child):after { width:calc(50% - 15px);  height:25px; content:''; display:block; background:#ccc; clip-path: polygon(50% 100%, 0 0, 100% 0);
position:absolute; top:100%; left:0; margin-top:1px; }
.seProcessWrap .seProcessList .line { width:30px; flex-shrink:0; display:flex; justify-content:center; align-items:center; }
.seProcessWrap .seProcessList .line:before { width:100%; height:1px; border-top:1px dashed #ccc; content:'';  }
.seProcessWrap .seProcessList .stepDesc { border:1px solid #ccc; padding:0.2rem 1rem; text-align:center; display:flex; justify-content:center; align-items:center; width:calc(50% - 15px); }
.seProcessWrap .seProcessList .stepTit { width:calc(50% - 15px); display:flex; gap:1px; justify-content:space-between; }
.seProcessWrap .seProcessList .stepTitWrap {  width:calc(50% - 15px);  }
.seProcessWrap .seProcessList .stepTitWrap .stepTit { width:100%; }
.seProcessWrap .seProcessList .stepTitWrap .stepTit + .stepTit { margin-top:1px; }
.seProcessWrap .seProcessList .stepTit > div { padding:1.5rem 1rem; text-align:center; }
.seProcessWrap .seProcessList .stepTit .tit01 { width:170px; flex-shrink:0;  color:#fff; }
.seProcessWrap .seProcessList .stepTit .tit02 { flex-grow:1; border:1px solid #ccc; font-weight:600; }
.seProcessWrap .seProcessList .stepTit.type01 .tit01 { background:var(--teal); }
.seProcessWrap .seProcessList .stepTit.type01 .tit02 { border-color:var(--teal); color:var(--teal); }
.seProcessWrap .seProcessList .stepTit.type02 .tit01 { background:var(--blue00); }
.seProcessWrap .seProcessList .stepTit.type02 .tit02 { border-color:var(--blue00); color:var(--blue00); }
.seProcessWrap .seProcessList .stepTit.type03 .tit01 { background:var(--green); }
.seProcessWrap .seProcessList .stepTit.type03 .tit02 { border-color:var(--green); color:var(--green); }
.seProcessWrap .seProcessList .feedback { position:relative; line-height:30px; }
.seProcessWrap .seProcessList .feedback:before { content:'Feedback'; position:absolute; top:-30px; right:0; padding-left:16px; height:30px; background:url("../../images_2023/certiBus/feedback_arw.png")left center no-repeat; 
	background-size:auto 100%; color:#555; font-size:1.6rem; font-weight:400;  }

/* ================================== Tablet (768 ~ 1023) ================================== */
@media all and (max-width: 1023px) {
	.seProcessWrap .seProcessList li:not(:last-child):after { width:calc(50% - 10px);  }
	.seProcessWrap .seProcessList .line { width:20px;}
	.seProcessWrap .seProcessList .stepDesc {  width:calc(50% - 10px); }
	.seProcessWrap .seProcessList .stepTit { width:calc(50% - 10px); }
	.seProcessWrap .seProcessList .stepTitWrap {  width:calc(50% - 10px);  }
	.seProcessWrap .seProcessList .stepTit > div { padding:1.5rem 0.5rem; }	
}

/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) {
	.seProcessWrap .seProcessList li { flex-wrap:wrap; }
	.seProcessWrap .seProcessList li:not(:last-child):after { width:100%; }
	.seProcessWrap .seProcessList .line { display:none; }
	.seProcessWrap .seProcessList .stepDesc { width:100%; padding:1.5rem 1rem; }
	.seProcessWrap .seProcessList .stepTit .tit01 { width:160px; }
	.seProcessWrap .seProcessList .stepTit { width:100%; }
	.seProcessWrap .seProcessList .stepTitWrap { width:100%; }

}
	
/* -----------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 인증사업 - 에너지절약계획서 -  검토수수료  //////////////////////////////////////
------------------------------------------------------------------------------------------------------*/
.seCertiCharge { display:flex; justify-content:space-between; gap:0 30px; }
.seCertiCharge > div { width:calc(50% - 15px); }
.calc_btn_wrap  {margin:4.0rem auto 0; }
.calc_btn { padding:1.5rem 3rem; max-width:30rem; text-align:center; display:flex; justify-content:center; color:#fff !important;  margin:auto; color:#fff; align-items:center; border-radius:0 0 1.0rem 0;  }
.calc_btn img { margin-right:1.0rem; }
.unit { margin-top:-2.0rem; }

/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) {
	.seCertiCharge { flex-wrap:wrap; gap:0; }
	.seCertiCharge > div { width:100%; }
	.chargeTable col {width:auto !important; }
}


/* -----------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 인증사업 - BF인증 - BF인증 종류 및 절차  //////////////////////////////////////
------------------------------------------------------------------------------------------------------*/
.bfProcessWrap { display:flex; justify-content:space-between; font-size:1.7rem; line-height:1.3; align-items:flex-start; }
.bfProcessWrap .arw { width:6.0rem; flex-shrink:0; height:60px; background: url("../../images_2023/certiBus/bfprc_arw_1.png")right center no-repeat; }
.bfProcessWrap .bfCtStep { width:28%; flex-shrink:0; border:1px solid var(--blue00); display:flex; align-items:center; justify-content:center; color:var(--blue00); font-weight:600; height:60px; 
	position:relative; }
.bfProcessWrap .bfCtStep:after { display:block; content:'재검토'; line-height:150px; color:#555; width:1px; height:150px; border-left:1px dotted var(--blue00); position:absolute; top:100%; left:50%;
text-indent:-5.0rem; }
.bfProcessWrap .bfCtStep:before { display:block; content:''; width:calc(50% + 60px); height:90px; border:1px dotted var(--blue00); border-width:1px 0 1px 0; position:absolute;
top:calc(100% + 60px); left:50%; }
.bfProcessWrap ol { flex-grow:1; }
.bfProcessWrap ol li { display:flex; justify-content:space-between; }
.bfProcessWrap ol li > span { display:flex; align-items:center; justify-content:center; border:1px solid var(--blue00); height:60px; color:var(--blue00); text-align:center; }
.bfProcessWrap ol li .bfPrcTit,
.bfProcessWrap ol li .bfPrcText { width:calc(50% - 3.0rem); flex-shrink:0; padding:0 2.0rem; position:relative;}
.bfProcessWrap ol li .bfPrcTit { background:var(--blue00); color:#fff; box-shadow:0 3px 5px rgba(0,0,0,0.35);  }
.bfProcessWrap ol li .line { width:6.0rem; border:0; }
.bfProcessWrap ol li .line:before { width:100%; height:1px; content:''; display:block; border-top:1px dotted var(--blue00); }
.bfProcessWrap ol li .line.typeArw {  background-image: url("../../images_2023/certiBus/bfprc_arw_1.png"), url("../../images_2023/certiBus/bfprc_arw_2.png"); background-position:100% center, 0 center; 
	background-repeat:no-repeat; }
.bfProcessWrap ol li .line.typeArw:before { display:none; }
.bfProcessWrap ol li:not(:last-child) { margin-bottom:30px; }
.bfProcessWrap ol li:not(:last-child) .bfPrcTit:after {display:block; content:''; width:100%; height:30px; background: url("../../images_2023/certiBus/bfprc_arw.png")center bottom no-repeat; 
position:absolute; top:100%; left:0; }

.bfProcessWrap.type01  .arw { background: url("../../images_2023/certiBus/bfprc_arw_1_blue.png")right center no-repeat; }
.bfProcessWrap.type01 .bfCtStep { border:1px solid var(--blue); color:var(--blue);}
.bfProcessWrap.type01 .bfCtStep:after { border-left:1px dotted var(--blue); }
.bfProcessWrap.type01 .bfCtStep:before { border:1px dotted var(--blue); border-width:1px 0 1px 0;  }
.bfProcessWrap.type01 ol li > span { border:1px solid var(--blue); color:var(--blue); }
.bfProcessWrap.type01 ol li .bfPrcTit { background:var(--blue); color:#fff; }
.bfProcessWrap.type01 ol li .line { border:0; }
.bfProcessWrap.type01 ol li .line:before { border-top:1px dotted var(--blue); }
.bfProcessWrap.type01 ol li .line.typeArw {  background-image: url("../../images_2023/certiBus/bfprc_arw_1_blue.png"), url("../../images_2023/certiBus/bfprc_arw_2_blue.png"); background-position:100% center, 0 center; 
	background-repeat:no-repeat; }
.bfProcessWrap.type01 ol li:not(:last-child) .bfPrcTit:after {background: url("../../images_2023/certiBus/bfprc_arw_blue.png")center bottom no-repeat; }

/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) {
	.bfProcessWrap { flex-wrap:wrap; font-size:1.6rem; letter-spacing:-0.05em;  }
	.bfProcessWrap .bfCtStep { width:100%; padding:1rem;  }
	.bfProcessWrap .bfCtStep span{ width:100%; text-align:center; }
	.bfProcessWrap .arw { width:100%; height:30px; background:none; }
	.bfProcessWrap ol { margin-left:3.0rem; }	
	.bfProcessWrap ol li .line { width:2.0rem; }
	.bfProcessWrap ol li .bfPrcTit, 
	.bfProcessWrap ol li .bfPrcText {width:calc(50% - 1rem); padding:0 1rem; }
	.bfProcessWrap ol li .line.typeArw { background-size:auto 10px; }
	.bfProcessWrap ol li:not(:last-child) .bfPrcTit:after { background-size:10px; }
	.bfProcessWrap .bfCtStep:after { left:10px; height:150px; text-indent:10px; line-height:30px; }
	.bfProcessWrap .bfCtStep:before { left:10px; width:30px; }
	.bfProcessWrap.type01 .arw { background:none; }
	.bfProcessWrap.type01 ol li .line.typeArw { background-size:auto 10px; }
	.bfProcessWrap.type01 ol li:not(:last-child) .bfPrcTit:after { background-size:10px; }
}
@media all and (max-width: 479px) {
	.bfProcessWrap { font-size:1.5rem; line-height:1.2; }
	.bfProcessWrap ol li .bfPrcTit, 
	.bfProcessWrap ol li .bfPrcText { padding:0 0.5rem; }
}


/* -----------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 인증사업 - BF인증 - 인증 수수료  //////////////////////////////////////
------------------------------------------------------------------------------------------------------*/
table.bfcharge { letter-spacing:-0.03em; }
table.bfcharge .certiType01 th { background:#f1f1f1; color:var(--dkblue); font-weight:600; font-size:1.7rem; }
table.bfcharge .certiType02 th { background:#f1f1f1; color:var(--blue00); font-weight:600; font-size:1.7rem; }
table.bfcharge .total01 td,
table.bfcharge .total01 th{  color:var(--dkblue); font-weight:600; background:#f1f1f1; }
table.bfcharge .total02 td,
table.bfcharge .total02 th{ color:var(--blue00); font-weight:600; background:#f1f1f1; }


/* -----------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 인증사업 -  BF인증,교육시설안전인증 - 관련 법령  //////////////////////////////////////
------------------------------------------------------------------------------------------------------*/
.lawsListWrap .lawsList { display:flex; flex-wrap:wrap; justify-content:space-between; }
.lawsListWrap .lawsList li { width:calc(50% - 10px); border:1px solid #ccc; margin-bottom:2.0rem; border-radius:1.0rem 0 0 0; }
.lawsListWrap .lawsList li a.docsBtn,
.lawsListWrap .lawsList li a.docsLink { display:flex; position:relative; padding:2rem; justify-content:space-between; line-height:1.3; }
.lawsListWrap .lawsList li a.docsBtn small,
.lawsListWrap .lawsList li a.docsLink small { display:flex; font-size:1.5rem; color:#777; margin-top:5px; display:none; }
.lawsListWrap .lawsList li:hover { border-color:var(--blue01); transition:all 0.3s; }
.lawsListWrap .lawsList li:hover a.docsBtn { color:var(--blue01); }
.lawsListWrap .lawsList li a.docsBtn:after { content:''; display:inline-block; margin-left:8px; width:18px; height:21px; background: url("../../images_2023/sub/docs_download.png")no-repeat; 
	background-size:contain; vertical-align:middle; }
.lawsListWrap .lawsList li a.docsLink:after{ content:''; display:inline-block; margin-left:8px; width:17px; height:17px; background: url("../../images_2023/sub/docs_newWin.png")no-repeat; 
	background-size:contain; vertical-align:middle; }

/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 479px) {
	.lawsListWrap .lawsList li { width:100%; margin-bottom:1.0rem; }
	.lawsListWrap .lawsList li a.docsBtn,
	.lawsListWrap .lawsList li a.docsLink { padding:1.5rem }
}


/* -----------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 인증사업 - 교육시설안전인증 - 방향 / 목적 / 인증소개  //////////////////////////////////////
------------------------------------------------------------------------------------------------------*/
.sscInfoG { line-height:1.3; text-align:center;}
.sscInfoG .sscInfo01 { display:flex; justify-content:space-between; position:relative; }
.sscInfoG .sscInfo01 > div  { width:32%; border:1px solid #ccc; text-align:center; padding:2.0rem; position:relative; margin-bottom:2.0rem; }
.sscInfoG .sscInfo01 > div p { margin-top:1.5rem; color:var(--blue00); line-height:1.5; }
.sscInfoG .sscInfo01 > div .icon { width:10.0rem; height:10.0rem; border-radius:50%; background:#efefef; }
.sscInfoG .sscInfo01 > div:after { content:''; display:block; width:2px; height:2.0rem; background:var(--blue00); position:absolute; top:100%; left:50%; margin-left:-1px; }
.sscInfoG .sscInfo01:after { display:block; content:''; width:calc(68% + 2px); height:2px; background:var(--blue00); position:absolute; top:100%; left:50%; margin-top:-2px; 
	transform:translateX(-50%);}
.sscInfoG .sscInfo02 { background:var(--blue00); color:#fff; padding:2.0rem; border-radius:1.0rem 0 0 0; margin-top:3.0rem; position:relative;  }
.sscInfoG .sscInfo02:before { display:block; content:''; width:2px; height:3.0rem; background:var(--blue00); position:absolute; top:-3.0rem; left:50%; transform:translateX(-50%); }
.sscInfoG .sscInfo02 strong { font-size:2.0rem; font-weight:600; margin-bottom:1.0rem; display:block; }
.sscInfoG .sscInfo03 { background:var(--blue02); color:#fff; text-align:center; margin-top:3.0rem; position:relative; padding:2.0rem; border-radius:0 0 1.0rem 0; }
.sscInfoG .sscInfo03 p { font-size:2.4rem; font-weight:500; }
.sscInfoG .sscInfo03 p + p { margin-top:1.0rem; }
.sscInfoG .sscInfo03:before { content:''; display:block; width:100%; height:2.5rem; background:#d4d4d4; clip-path:polygon(50% 100%, 0 0, 100% 0); position:absolute; top:-3.0rem; left:0; }

/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) {
	.sscInfoG .sscInfo01 > div .icon { width:8.0rem; height:8.0rem; }	
}

@media all and (max-width: 479px) {
	.sscInfoG { font-size:1.6re,; }
	.sscInfoG .sscInfo01 { flex-wrap:wrap; font-size }
	.sscInfoG .sscInfo01 > div  { width:100%; padding:1.5rem; margin-bottom:0.5rem; }
	.sscInfoG .sscInfo01 > div:after { display:none; }
	.sscInfoG .sscInfo01 > div p { margin-top:1.0rem; }
	.sscInfoG .sscInfo02 strong { font-size:1.8rem; }
	.sscInfoG .sscInfo03 p { font-size:1.8rem; }	
}


/* -----------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 인증사업 - 교육시설안전인증 - 유튜브 / 카카오채널   //////////////////////////////////////
------------------------------------------------------------------------------------------------------*/
.sscSns { display:flex; gap:3.0rem; }
.sscSns > div { flex-grow:1; width:40%;  }
.sscSns > div a { display:block; width:100%; padding:5rem 2rem; text-align:center; line-height:1.5;  }
.sscSns .tit { font-size:2.0rem; font-weight:600; }
.sscSns .tit span { display:block; }
.sscSns .link { font-size:1.6rem; margin-top:0.5rem; }
.sscSns .icon { height:6.0rem; width:100%; }
.sscSns .sscYt { background:url("../../images_2023/certiBus/youtube_bg.png")center no-repeat; background-size:cover; border-radius:2.0rem 0 0 0; }
.sscSns .sscYt a { color:#fff; }
.sscSns .sscKa { background:#fff436; border-radius:0 0 2.0rem 0; }
.sscSns .sscKa a { color:#381e1f; }
.sscSns .sscYt .icon { background:url("../../images_2023/common/youtube_icon.png") center no-repeat; background-size:5.0rem; }
.sscSns .sscKa .icon { background:url("../../images_2023/common/kakao.png") center no-repeat; background-size:5.0rem; }
.sscSns .sscKa .qrWrap { display:flex; align-items:center; justify-content:center; gap:1.5rem; }
.sscSns .sscKa .qrWrap .qrImg { width:8.0rem; flex-shrink:0; }

/* ================================== Tablet (768 ~ 1023) ================================== */
@media all and (max-width: 1023px) {
	.sscSns { gap:2.0rem; }
}

/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) {
	.sscSns { flex-wrap:wrap; }
	.sscSns > div { width:100%; }		
}


/* -----------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 공익사업 - 대한민국 교육박람회 - 대한민국 교육박람회 소개  //////////////////////////////////////
------------------------------------------------------------------------------------------------------*/
.pubS01_direction > div { display:flex; justify-content:space-between; line-height:1.5; }
.pubS01_direction > div + div { margin-top:2.0rem; }
.pubS01_direction div .tit { display:flex; justify-content:center; align-items:center; width:30%; margin-right:2.0rem; padding:2.0rem; position:relative; border-radius:1.0rem 0 0 0; flex-shrink:0; }
.pubS01_direction div .tit:after { display:block; content:''; position:absolute; top:50%; left:100%; width:2.0rem; height:1px;  }
.pubS01_direction div .desc { flex-grow:1; padding:2.0rem; border:1px solid var(--teal); display:flex; align-items:center; border-radius:0 0 1.0rem 0; }
.pubS01_direction div .tit span { color:#fff; font-weight:600; text-align:center; }
.pubS01_direction div.dirc01 .tit { background:var(--teal); }
.pubS01_direction div.dirc01 .desc { border-color:var(--teal); }
.pubS01_direction div.dirc01 .tit:after { background:var(--teal); }
.pubS01_direction div.dirc02 .tit { background:var(--blue01); }
.pubS01_direction div.dirc02 .desc { border-color:var(--blue01); }
.pubS01_direction div.dirc02 .tit:after { background:var(--blue01); }
.pubS01_direction div.dirc03 .tit { background:var(--blue00); }
.pubS01_direction div.dirc03 .desc { border-color:var(--blue00); }
.pubS01_direction div.dirc03 .tit:after { background:var(--blue00); }


/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) {
	.pubS01_direction > div { flex-wrap:wrap; }
	.pubS01_direction div .tit { width:100%; margin-right:0; margin-bottom:1px; padding:1.5rem; }
	.pubS01_direction div .tit:after { display:none; }
	.pubS01_direction div .desc { padding:1.5rem; }	
}


/* --------------------------------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 공익사업 - 대한민국 교육박람회 - 지난 박람회 (게시판)  //////////////////////////////////////
---------------------------------------------------------------------------------------------------------------------------*/
.fairBoardListWrap {}
.fairBoardList { display:flex; flex-wrap:wrap; gap:3.0rem; }
.fairBoardList .boardItem { width:calc((100% - 6.0rem)/3); overflow:hidden; }
.fairBoardList .boardItem a { display:block; position:relative; }
.fairBoardList .boardItem .thumbImg { background:#000; overflow:hidden; transition:all 0.3s;  }
.fairBoardList .boardItem .thumbImg img { opacity:1; transition:all 0.3s; }
.fairBoardList .boardItem .subject { text-align:center; font-size:1.7rem; position:absolute; bottom:0; left:0; width:100%; text-align:center; color:#fff; padding:3rem 1.0rem 1.0rem 1.0rem;
background:linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.7) ); line-height:1.5; }
.fairBoardList .boardItem a:hover .thumbImg img { transform:scale(1.05); opacity:1; transition:all 0.3s; }

.fairBoardViewWrap { line-height:1.5;}
.fairBoardViewWrap .fairTit { color:var(--navy); text-align:center; font-size:2.0rem; font-weight:500; padding:1.0rem; border-top:2px solid var(--navy); border-bottom:1px solid var(--navy); }
.fairDesc { margin-top:3.0rem; border-bottom:1px solid var(--navy); }
.fairDesc .descItem { display:flex; justify-content:space-between; }
.fairDesc .descItem:not(last-child) { margin-bottom:2.0rem; }
.fairDesc .descItem .itemTit { width:10.0rem; flex-shrink:0; margin-right:3.0rem; }
.fairDesc .descItem .itemTit span { display:block; width:100%; padding:0 1.0rem; height:4.0rem; line-height:4.0rem; border-radius:2.0rem; text-align:center; background:#e9e9e9; color:#010101; 
	font-weight:600; }
.fairDesc .descItem .itemDesc { flex-grow:1; font-size:1.6rem; padding-top:0.8rem; }
.fairSlideWrap { padding:0rem;  position:relative;  margin:2.0rem 0; background:#f1f1f1; overflow:hidden; }
.fairSlideWrap .fairSlide .slideItem { position:relative; aspect-ratio:1050/360; background-size:cover !important; background-position:center !important; 
	background-repeat:no-repeat !important; }
/* .fairSlideWrap .fairSlide .slideItem img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; } */
.fairSlideWrap .arrowSlider .arrows { position:absolute; width:5.0rem; height:5.0rem; top:50%; transform:translateY(-50%); }
.fairSlideWrap .arrowSlider .arrows.prev {background:url(../../images_2023/common/slide_prev.png)center no-repeat; background-size:contain; background-color:rgba(0,0,0,0.3); border:0; left:0; }
.fairSlideWrap .arrowSlider .arrows.next {background:url(../../images_2023/common/slide_next.png)center no-repeat; background-size:contain; background-color:rgba(0,0,0,0.3); border:0; right:0; }
.fairSlideWrap  .slick-dots { display:flex; justify-content:center; gap:10px; position:absolute; bottom:0; width:100%; left:0; }
.fairSlideWrap  .slick-dots button { text-indent:-10000px; width:12px; height:12px; border-radius:50%; background:none; border:0; border:2px solid #fff; }
.fairSlideWrap  .slick-dots .slick-active button { background:#fff; }

.fairBoardViewWrap .bottomBtns { display:flex; justify-content:flex-end; gap:10px; }
.fairBoardViewWrap .bottomBtns .button { height:4.6rem; line-height:4.6rem; border:1px solid #ccc; padding:0 15px; font-size:1.6rem; }
.fairBoardViewWrap .bottomBtns .button.listView { background:var(--blue); color:#fff !important; border-color:var(--blue01); }
.fairBoardViewWrap .bottomBtns .button.fair { display:flex; gap:5px; align-items:center; }
.fairBoardViewWrap .bottomBtns .button.fair.prev:before { width:6px; height:6px; border:2px solid var(--blue01); border-width:2px 0 0 2px; transform:rotate(-45deg); content:''; display:block; }
.fairBoardViewWrap .bottomBtns .button.fair.next:after { width:6px; height:6px; border:2px solid var(--blue01); border-width:2px 2px 0 0; transform:rotate(45deg); content:''; display:block; }
.fairBoardViewWrap .bottomBtns .fairBtn { display:flex; justify-content:flex-end; gap:10px; }
.fairBoardViewWrap .bottomBtns .button.fair .forPc { display:block; }
.fairBoardViewWrap .bottomBtns .button.fair .forMobile { display:none; }


/* ================================== Tablet (768 ~ 1023) ================================== */
@media all and (max-width: 1023px) {
	.fairBoardList { gap:2.0rem; }
	.fairBoardList .boardItem { width:calc((100% - 4.0rem)/3); }

	.fairBoardViewWrap .bottomBtns .button { padding:0 10px; }
	.fairBoardViewWrap .bottomBtns .button.fair .forPc { display:none; }
	.fairBoardViewWrap .bottomBtns .button.fair .forMobile { display:block; }
}

/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) {
	.fairBoardList .boardItem { width:calc((100% - 2.0rem)/2); }
	
	.fairSlideWrap .fairSlide .slideItem { aspect-ratio:2/1; }
	.fairDesc .descItem:not(last-child) { margin-bottom:1.0rem; }
	.fairDesc .descItem .itemTit { width:7.0rem; flex-shrink:0; margin-right:1.0rem; }
	.fairDesc .descItem .itemTit span { height:3.2rem; line-height:3.2rem; border-radius:1.8rem; font-size:1.6rem; }
	.fairDesc .descItem .itemDesc { padding-top:0.6rem; }
	.fairSlideWrap .arrowSlider .arrows { width:4.0rem; height:4.0rem; }
}

@media all and (max-width: 479px) {
	.fairBoardList .boardItem { width:100%; }

	.fairBoardViewWrap .bottomBtns .button { padding:0 7px; height:4.2rem; line-height:4.2rem; }
}


/* --------------------------------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 공익사업 - 교육연수 프로그램  //////////////////////////////////////
---------------------------------------------------------------------------------------------------------------------------*/
.pubSvc03Program { display:flex; gap:15px; flex-wrap:wrap; margin:20px 0;}
.pubSvc03Program li { padding:2.0rem 1.5rem; width:calc((100% - 15*4px )/5); line-height:1.3; color:rgba(255,255,255,0.5); position:relative; } 
.pubSvc03Program li:nth-child(1) { background:#0b9c96; border-radius:1.0rem 0 0 0; } 
.pubSvc03Program li:nth-child(2) { background:#0068b7; }
.pubSvc03Program li:nth-child(3) { background:#0a4a99; }
.pubSvc03Program li:nth-child(4) { background:#023a81; }
.pubSvc03Program li:nth-child(5) { background:#5a63ac;  border-radius:0 0 1.0rem 0; }
.pubSvc03Program li .pgTit { font-size:1.8rem; color:#fff;}
.pubSvc03Program li .pgText { margin-top:0.5rem; font-size:1.6rem; color:rgba(255,255,255,0.8);}
/*.pubSvc03Program li:not(:last-child):after { width:14px; height:100%; content:''; background:url('../../images_2023/certiBus/bfprc_arw_1_blue.png')center right no-repeat; display:block; position:absolute;
left:100%; top:0; }*/

.cntsSection .linkBtn .goBtn { height:4.6rem; line-height:4.6rem; border:1px solid #ccc; padding:0 15px; font-size:1.6rem;}
.cntsSection .linkBtn .goBtn .forPc { display:block; }
.cntsSection .linkBtn .goBtn .forMobile { display:none; }

/* ================================== Laptop (1024 ~ 1279) ================================== */
@media all and (max-width: 1279px) {
	.pubSvc03Program li {padding:1.5rem;  } 
}

/* ================================== Tablet (768 ~ 1023) ================================== */
@media all and (max-width: 1023px) { 
	.pubSvc03Program li { width:calc((100% - 15*2px )/3); } 	

	.cntsSection .linkBtn .goBtn .forPc { display:none; }
	.cntsSection .linkBtn .goBtn .forMobile { display:block; }
}

/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 479px) {
	.pubSvc03Program li { width:calc((100% - 15px*2 )/2); } 	
}


/* --------------------------------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 공익사업 - 국제교류 및 기술이전  //////////////////////////////////////
---------------------------------------------------------------------------------------------------------------------------*/
.pub04mapText { font-size:2.8rem; line-height:1.5; text-align:center; font-weight:600; }
.pub04MapImg { text-align:center; margin-top:2.0rem; }
.pub04MapTable { margin-top:2.0rem; display:flex; justify-content:space-between; gap:1px; }
.pub04MapTable > div { width:15%; flex-grow:1; border:1px solid #88b65f; }
.pub04MapTable div strong { font-size:1.8rem; font-weight:600; color:#fff; display:block; width:100%; text-align:center; height:4.4rem; line-height:4.4rem; }
.pub04MapTable .area01 { border-color:#88b65f; }
.pub04MapTable .area02 { border-color:#7596bc; }
.pub04MapTable .area03 { border-color:#75acbc; }
.pub04MapTable .area04 { border-color:#7077aa; }
.pub04MapTable .area05 { border-color:#8a90be; }
.pub04MapTable .area06 { border-color:#c8c55a; }
.pub04MapTable .area01 strong { background:#88b65f; }
.pub04MapTable .area02 strong { background:#7596bc; }
.pub04MapTable .area03 strong { background:#75acbc; }
.pub04MapTable .area04 strong { background:#7077aa; }
.pub04MapTable .area05 strong { background:#8a90be; }
.pub04MapTable .area06 strong { background:#c8c55a; }
.pub04MapTable div ul { padding:1.0rem; font-size:1.6rem; }
.pub04MapTable div ul li + li { margin-top:0 !important; }
.keyWord { display:flex; gap:1.0rem; flex-wrap:wrap; }
.keyWord > span { padding:0 2.0rem; height:4.2rem; line-height:4.0rem; border-radius:2.2rem; border:1px solid #ccc; word-break:keep-all; color:#010101; font-weight:500; }
.pub04imgWrap .pub04img { display:flex; flex-wrap:wrap; gap:1px 1px;}
.pub04imgWrap .pub04img img { width:calc(100%/5 - 4px/5); }
.pub04SlideWrap { position:relative; }
.pub04SlideWrap .pub04Slide { margin:0 -1px; }
.pub04SlideWrap .pub04Slide .slick-slide { padding:0 1px; }
.pub04SlideWrap .arrowSlider .arrows { position:absolute; width:5.0rem; height:5.0rem; top:50%; transform:translateY(-50%); }
.pub04SlideWrap .arrowSlider .arrows.prev {background:url(../../images_2023/common/slide_prev.png)center no-repeat; background-size:contain; background-color:rgba(0,0,0,0.5); border:0; left:0; }
.pub04SlideWrap .arrowSlider .arrows.next {background:url(../../images_2023/common/slide_next.png)center no-repeat; background-size:contain; background-color:rgba(0,0,0,0.5); border:0; right:0; } 


/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) {	
	.pub04mapText { font-size:2.4rem; }
	.pub04MapTable {flex-wrap:wrap; }
	.pub04MapTable > div { width:30%; }
	.keyWord { gap:0.5rem; }
	.keyWord > span { padding:0 1.5rem; height:3.8rem; line-height:3.6rem; border-radius:1.9rem; }
	.pub04imgWrap .pub04img img { width:calc(100%/3 - 2px/3); }
	.pub04SlideWrap .arrowSlider .arrows { width:4.0rem; height:4.0rem; }

}

@media all and (max-width: 479px) {
	.pub04mapText { font-size:2.0rem; }
	.pub04MapTable > div { width:40%; }
}


/* --------------------------------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 공익사업 - 출판 및 발간  //////////////////////////////////////
---------------------------------------------------------------------------------------------------------------------------*/
.bookList { display:flex; flex-wrap:wrap; gap:1.0rem; line-height:1.3; }
.bookList .bookItem { width:calc(50% - 0.5rem); border:1px solid #ccc; padding:2.0rem; display:flex; justify-content:space-between; position:relative; }
.bookList .bookItem .pubYear { position:absolute; top:1.0rem; left:1.0rem; background:var(--blue); color:#fff; padding:0 1.0rem; height:3.0rem; line-height:3.0rem; }
.bookList .bookItem .bookThumb { width:16.5rem; flex-shrink:0; margin-right:2.0rem; }
.bookList .bookItem .bookInfo { flex-grow:1; }
.bookList .bookItem .bookInfo .bookName { color:#010101; }
.bookList .bookItem .bookInfo .detail { font-size:1.4rem; color:#777; margin-top:0.3rem; }
.bookList .bookItem .bookInfo .detail01 { color:#777; font-size:1.4rem; display:flex; gap:0 1.0rem; flex-wrap:wrap; margin-top:1.5rem;}
.bookList .bookItem .bookInfo .detail01 .date { display:flex; gap:1.0rem; align-items:center; }
.bookList .bookItem .bookInfo .detail01 .date:before { width:1px; height:10px; background:#a4a4a4; content:''; display:block; }

/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) {	
	.bookList .bookItem { width:100%; }	
}

@media all and (max-width: 479px) {
	.bookList .bookItem { flex-wrap:wrap; }	
	.bookList .bookItem .bookThumb { width:100%; margin-right:0; text-align:center; }
	.bookList .bookItem .bookInfo { width:100%; margin-top:2.0rem; }
}


/* --------------------------------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 공익사업 - 학술지 - 학술지 소개  //////////////////////////////////////
---------------------------------------------------------------------------------------------------------------------------*/
.journalSlideWrap { position:relative; }
.journalSlide { margin:0 -5px; }
.journalSlide .slick-slide { padding:0 5px; }
.journalSlideWrap .arrowSlider .arrows { position:absolute; width:5.0rem; height:5.0rem; top:50%; transform:translateY(-50%); }
.journalSlideWrap .arrowSlider .arrows.prev {background:url(../../images_2023/common/slide_prev.png)center no-repeat; background-size:contain; background-color:rgba(0,0,0,0.5); border:0; left:0; }
.journalSlideWrap .arrowSlider .arrows.next {background:url(../../images_2023/common/slide_next.png)center no-repeat; background-size:contain; background-color:rgba(0,0,0,0.5); border:0; right:0; }

/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 479px) {
	.journalSlideWrap .arrowSlider .arrows {width:4.0rem; height:4.0rem; top:50%; transform:translateY(-50%); }
	.journalSlide { margin:0 -2px; }
	.journalSlide .slick-slide { padding:0 2px; }
}


/* --------------------------------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 공익사업 - 학술지 - 학술지 규정  //////////////////////////////////////
---------------------------------------------------------------------------------------------------------------------------*/
.acdBtn { display:none; }
.journalWrap { }
.journalWrap section { margin-top:6.0rem; }
.journalWrap section .secTit { font-size:2.6rem; color:#010101; font-weight:600; margin-bottom:1.0rem; }
.journalWrap section .textBox { border:1px solid #ccc; padding:2.0rem; line-height:2.6rem; border-radius:0.3rem; }
.journalWrap section p.first { color:var(--blue00); color:#010101; font-weight:500; }
.journalWrap section p.first + .textBox { margin-top:1.0rem; }
.journalWrap section .textBoxTit { font-size:2.2rem; margin-top:3.0rem; text-align:left; color:var(--blue01); font-weight:500;}
.journalWrap section .textBoxTit.fir { margin-top:2.0rem; }
.journalWrap .ruleList > li { display:flex; line-height:2.6rem; }
.journalWrap .ruleList > li > span:first-child { width:2.4rem; height:2.4rem; border-radius:50%; background:#d4d4d4; color:#010101; font-size:1.7rem; text-align:center; margin-right:1.0rem; flex-shrink:0; margin-top:0.1rem; line-height:2.4rem; }
.journalWrap .ruleList > li:not(:first-child) { margin-top:1.2rem; }
.journalWrap .ruleListS > li { display:flex; font-size:1.6rem; color:#777; line-height:2.4rem; }
.journalWrap .ruleListS > li > span:first-child { width:2.2rem; /*font-size:1.3rem;*/ flex-shrink:0; margin-right:0.2rem;  }
.journalWrap .ruleList > li > span:nth-child(2),
.journalWrap .ruleListS > li > span:nth-child(2) { min-width:0;  }
.journalWrap .ruleListS > li { margin-top:0.7rem; }
.journalContact { display:flex; flex-wrap:wrap; gap:0.3rem 1.0rem; }
.journalContact span { min-width:calc(50% - 0.5rem);  display:flex; font-size:1.7rem; }
.journalContact span:before { width:3px; height:3px; background:#777; border-radius:50%; margin-right:0.7rem; content:''; flex-shrink:0; margin-top:1.2rem; }
.journalContact span.etc { width:100%; }
table.wordTable th,
table.wordTable td { padding:0.8rem  0.5rem; font-size:1.5rem; line-height:1.5;}
table.wordTable thead th { line-height:1.2; }
.table_exm  { background:#e1e1e1; padding:1.5rem; }
.table_exm table th,
.table_exm table td { padding:0.5rem; font-size:1.4rem; }
.docsDown_wrap { margin:4.0rem auto; }
.docsDown_btn { padding:1.5rem 3rem; max-width:30rem; display:flex; justify-content:center; color:#fff !important;  margin:auto; align-items: center; border-radius: 0 0 1rem 0; gap:0 1rem; }

/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) {
	.journalWrap section { margin-top:5.0rem; }
	.journalWrap section .textBox { padding:1.5rem; }
	.journalWrap section .secTit { font-size:2.4rem;  }
	.journalWrap section .textBoxTit { font-size:2.1rem; }
	.journalWrap .ruleList > li > span:first-child { margin-right:0.5rem;width:2.2rem; height:2.2rem; line-height:2.4rem; margin-top:0.3rem; }
	.journalWrap .ruleListS > li >  span:first-child { margin-right:0rem; width:2.0rem; }
}

@media all and (max-width: 479px) { 
	.journalWrap section { margin-top:4.0rem; }	
	.journalWrap section .secTit { font-size:2.2rem;  }
	.journalWrap section .textBoxTit { font-size:2.0rem; margin-top:2.0rem; }
	.journalWrap section .textBoxTit.fir { margin-top:1.5rem; }
}

/* --------------------------------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 연구사업 - 학교시설 기본계획 연구 - 기본계획  //////////////////////////////////////
---------------------------------------------------------------------------------------------------------------------------*/
.research01Process { display:flex; gap:15px; flex-wrap:wrap; }
.research01Process li { padding:2.0rem 1.5rem; width:calc((100% - 15*6px )/7); line-height:1.3; color:#fff; position:relative; } 
.research01Process li:nth-child(1) { background:#0068b7; border-radius:1.0rem 0 0 0; } 
.research01Process li:nth-child(2) { background:#035499; }
.research01Process li:nth-child(3) { background:#0a4a99; }
.research01Process li:nth-child(4) { background:#03418e; }
.research01Process li:nth-child(5) { background:#023a81; }
.research01Process li:nth-child(6) { background:#042e72; }
.research01Process li:nth-child(7) { background:#032660; border-radius:0 0 1.0rem 0;  }
.research01Process li .step { font-size:1.6rem; color:rgba(255,255,255,0.5); }
.research01Process li .stepText { margin-top:0.5rem; }
.research01Process li:not(:last-child):after { width:14px; height:100%; content:''; background:url('../../images_2023/certiBus/bfprc_arw_1_blue.png')center right no-repeat; display:block; position:absolute;
left:100%; top:0; }

/* ================================== Laptop (1024 ~ 1279) ================================== */
@media all and (max-width: 1279px) {
	.research01Process li { width:calc((100% - 15*4px )/4); } 
}

/* ================================== Tablet (768 ~ 1023) ================================== */
@media all and (max-width: 1023px) { 
	.research01Process li { padding:1.5rem; } 	
}

/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 479px) {
	.research01Process li { width:calc((100% - 15px*2 )/2); } 	
}

/* --------------------------------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 연구사업 - 학교시설 기본계획 연구 - 마스터플랜  //////////////////////////////////////
---------------------------------------------------------------------------------------------------------------------------*/
.masterPlanInfoWrap .planBox .planBoxTit { }
.masterPlanInfoWrap .planBox .planBoxTit { font-size:2.0rem; color:#fff; display:flex; align-items:center; height:5.0rem; justify-content:center; text-align:center; line-height:1.3; }
.masterPlanInfoWrap .plan01 .planBox .planBoxTit { background:var(--teal); }
.masterPlanInfoWrap .plan02 .planBox .planBoxTit { background:var(--blue); }
.masterPlanInfoWrap .plan01:after { content:''; display:block; width:80%; height:5.0rem; margin:1rem auto 1px auto; background:#e1e1e1; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.masterPlanInfoWrap .plan01 .planBoxCnts { border:1px solid var(--teal); padding:1.5rem; text-align:center; font-size:2.4rem; color:var(--teal); margin-top:1px; font-weight:600; line-height:1.3;}
.masterPlanInfoWrap .plan02 { display:flex; gap:1px;  }
.masterPlanInfoWrap .plan02 .planBox { width:calc(50% - 1px/2); border:1px solid var(--blue); }
.masterPlanInfoWrap .plan02 .planBox .planBoxCnts { padding:2.0rem; }


/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) {
	.masterPlanInfoWrap .plan02 { flex-wrap:wrap; gap:1.0rem; }
	.masterPlanInfoWrap .plan02 .planBox { width:100%; }	
	.masterPlanInfoWrap .plan02 .planBox .planBoxCnts { padding:1.5rem; }
	.masterPlanInfoWrap .planBox .planBoxTit { font-size:1.8rem; }
	.masterPlanInfoWrap .plan01 .planBoxCnts { font-size:2.0rem; }
}

/* --------------------------------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 연구사업 - 개축 타당성 연구  //////////////////////////////////////
---------------------------------------------------------------------------------------------------------------------------*/
.research02InfoWrap .rsc02InfoResult {display:flex; justify-content:center; }
.research02InfoWrap .rsc02InfoResult p {background:var(--blue); color:#fff; padding:0.8rem 3.0rem; font-size:2.2rem; font-weight:600; text-align:center; border-radius:3.0rem; display:inline-block;
min-width:50%;  }
.research02InfoWrap .arw span { display:block; width:80%; height:4.0rem; background:#e1e1e1; clip-path:polygon(50% 100%, 0 0, 100% 0); margin:1px auto 10px; }
.research02InfoWrap .rsc02Info { display:flex; justify-content:space-between;  }
.research02InfoWrap .rsc02Info .plus { width:3.0rem; display:flex; justify-content:center; align-items:center; }
.research02InfoWrap .rsc02Info .infoBox { width:calc((100% - 3.0*2rem)/3); border:1px solid var(--blue00); overflow:hidden; }
.research02InfoWrap .rsc02Info .infoBox:first-child { border-radius:1.0rem 0 0 0; }
.research02InfoWrap .rsc02Info .infoBox:last-child { border-radius:0 0 1.0rem 0; }
.research02InfoWrap .rsc02Info .infoBox strong { height:5.0rem; display:flex; justify-content:center; align-items:center; color:#fff; background:var(--blue00); font-size:2.2rem; font-weight:600; width:100%; }
.research02InfoWrap .rsc02Info .infoBox ul { padding:1.5rem; }

.rsc02_conditions { display:flex; gap:3.0rem; justify-content:space-between; }
.rsc02_conditions .rsc02_condition { width:calc((100% - 3.0*2rem)/3); }
.rsc02_conditions .rsc02_condition .image { aspect-ratio:5/3; background-repeat:no-repeat !important; background-position:center !important; background-size:cover !important; display:flex; justify-content:center;
align-items:center; position:relative; overflow:hidden; }
.rsc02_conditions .rsc02_condition .image:after { content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); }
.rsc02_conditions .rsc02_condition:first-child .image { border-radius:1.0rem 0 0 0; }
.rsc02_conditions .rsc02_condition:last-child .image { border-radius:0 0 1.0rem 0; }
.rsc02_conditions .rsc02_condition .conditionTit { font-size:2.2rem; color:var(--blue); font-weight:600; text-align:center; color:#fff; position:relative; z-index:2; line-height:1.3; }
.rsc02_conditions .rsc02_condition .text { padding:1.0rem; }

.rsc02ProcessWrap { line-height:1.3; text-align:center; }
.rsc02ProcessWrap > li { position:relative; }
.rsc02ProcessWrap > li.process01:after,
.rsc02ProcessWrap > li.process02:after,
.rsc02ProcessWrap > li.process05:after { display:block; width:100%; height:30px; content:''; background: url(../../images_2023/certiBus/bfprc_arw_blue.png)center bottom no-repeat; margin-bottom:1px; }
.rsc02ProcessWrap > li.process03:after { display:block; width:2px; height:30px; content:''; background:var(--blue); margin:0 auto; transform: translateX(-1px); display:none; }
.rsc02ProcessWrap > li.process05:before { display:block; width:2px; height:30px; content:''; background:var(--blue); margin:0 auto; transform: translateX(-1px); display:none; }
.rsc02ProcessWrap .prcBox { padding:1.5rem; }
.rsc02ProcessWrap .prcBox strong { font-size:2.0rem; }
.rsc02ProcessWrap .prcBox small { font-size:1.6rem; color:#555; margin-top:0.5rem; display:block; }
.rsc02ProcessWrap .prcBox.blueBorder { /*border:1px solid var(--blue);*/ background:#f1f1f1;  }
.rsc02ProcessWrap .prcBox.blueBorder strong { color:var(--blue); }
.rsc02ProcessWrap .prcBox.blueBox { text-align:center; padding:0;}
.rsc02ProcessWrap .prcBox.blueBox strong { color:#fff; background:var(--blue); display:inline-block; padding:1.0rem 3.0rem; min-width:66%; border-radius:3.0rem; }
.rsc02ProcessWrap .prcBoxWrap { display:flex; gap:1px; position:relative; }
.rsc02ProcessWrap .prcBoxWrap .prcBoxType { flex-grow:1; width:20%; border:1px solid var(--blue); position:relative;  }
.rsc02ProcessWrap .prcBoxWrap .prcBoxType strong { background:var(--blue); color:#fff; font-size:1.8rem; display:flex; width:100%; justify-content:center; align-items:center; height:5.0rem; }
.rsc02ProcessWrap .prcBoxWrap .prcBoxType ul { text-align:left; padding:1.5rem; }
.rsc02ProcessWrap .prcBoxWrap .prcBoxType p { padding:1.5rem; color:var(--blue); font-size:1.8rem; }
.rsc02ProcessWrap .process06 .prcBoxWrap .prcBoxType { margin-top:1px; }
.rsc02ProcessWrap .process04 .prcBoxWrap { padding-top:40px; padding-bottom:40px; }
.rsc02ProcessWrap .process04 .prcBoxWrap .prcBoxType { border:1px solid var(--blue00); }
.rsc02ProcessWrap .process04 .prcBoxWrap .prcBoxType strong { background:var(--blue00); }
.rsc02ProcessWrap .process04 .prcBoxWrap:before,
.rsc02ProcessWrap .process04 .prcBoxWrap:after { content:''; width:calc(66.6666% + 2px); display:block; height:1px; background:var(--blue00); position:absolute; left:calc((100% - 2px)/6); }
.rsc02ProcessWrap .process04 .prcBoxWrap:before { top:20px; }
.rsc02ProcessWrap .process04 .prcBoxWrap:after { bottom:20px; }
.rsc02ProcessWrap .process04 .prcBoxWrap .prcBoxType:before,
.rsc02ProcessWrap .process04 .prcBoxWrap .prcBoxType:after  { display:block; width:100%; height:20px; content:''; position:absolute; left:0; }
.rsc02ProcessWrap .process04 .prcBoxWrap .prcBoxType:before {  top:-20px; background: url(../../images_2023/certiBus/bfprc_arw.png)center bottom no-repeat; }
.rsc02ProcessWrap .process04 .prcBoxWrap .prcBoxType:after { bottom:-20px;  background: url(../../images_2023/certiBus/bfprc_arw_up.png)center top no-repeat;  }
.rsc02ProcessWrap .process04 .prcBoxWrap .prcBoxType:nth-child(2):before { height:40px; top:-40px; }
.rsc02ProcessWrap .process04 .prcBoxWrap .prcBoxType:nth-child(2):after { height:40px; bottom:-40px; }
.rsc02ProcessWrap .process06 .prcBoxWrap .prcBoxType{ margin-top:20px; position:relative; }
.rsc02ProcessWrap .process06 .prcBoxWrap .prcBoxType:nth-child(2):before,
.rsc02ProcessWrap .process06 .prcBoxWrap .prcBoxType:nth-child(3):before { display:block; width:100%; height:20px; content:''; background: url(../../images_2023/certiBus/bfprc_arw_blue.png)center bottom no-repeat; 
	margin-bottom:1px; top:-21px; left:0; position:absolute; }

 
.kdcaSystem { display:flex; }
.kdcaSystem .arw { width:7.0rem; }
.kdcaSystem .system { width:calc((100% - 7.0rem*2)/3); text-align:center; line-height:1.3;}
.kdcaSystem .system .systemTit { font-size:2.0rem; font-weight:600; color:#fff; width:100%; height:5.0rem; display:flex; justify-content:center; align-items:center; border-radius:1.0rem 1.0rem 0 0; line-height:1.3; }
.kdcaSystem .system.system01 .systemTit { background:#575556 }
.kdcaSystem .system.system02 .systemTit { background:var(--blue); }
.kdcaSystem .system.system03 .systemTit { background:var(--teal); }
.kdcaSystem .system .systemtext { padding:1rem; background:#f1f1f1; }
.kdcaSystem .system .systemtext > span { width:100%; height:4.2rem; display:flex; justify-content:center; align-items:center; border:1px solid #575556; font-size:1.6rem; background:#fff; }
.kdcaSystem .system .systemtext > span:first-child { border-radius:1.0rem 0 0 0; }
.kdcaSystem .system .systemtext > span:last-child { border-radius:0 0 1.0rem 0; }
.kdcaSystem .system .systemtext > span:not(:last-child) { margin-bottom:0.5rem; }
.kdcaSystem .system.system01 .systemtext > span { border-color:#575556; color:#575556; }
.kdcaSystem .system.system02 .systemtext > span { border-color:var(--blue); color:var(--blue); }
.kdcaSystem .system.system03 .systemtext > span { border-color:var(--teal); color:var(--teal); }
.kdcaSystem .system.system01 .systemtext > span.addItem { border-color:var(--blue00); color:var(--blue00); }
.kdcaSystem .system .systemtext + p { margin-top:1.0rem; }
.kdcaSystem .system.system02 .systemtext + p { font-weight:600; color:#010101; }
.kdcaSystem .system.system01 .addItemText { display:flex; font-size:1.6rem; color:var(--blue00); padding-left:1.0rem; }
.kdcaSystem .system.system01 .addItemText:before { width:12px; height:12px; border:1px solid var(--blue00); content:''; margin-right:5px; }
.kdcaSystem .system.system03 .systemtext span.arwText { border:0; height:8.9rem; color:#010101; background:none; font-weight:600; flex-direction:column; }
.kdcaSystem .system.system03 .systemtext span.arwText span { flex-grow:1; display:flex; align-items:center; justify-content:space-between; }
.kdcaSystem .system.system03 .systemtext span.arwText:before { content:''; height:2.4rem; width:100%; display:block; background:url(../../images_2023/research/system_arw_up.png)center top no-repeat;}
.kdcaSystem .system.system03 .systemtext span.arwText:after { content:''; height:2.4rem; width:100%; display:block; background:url(../../images_2023/research/system_arw_down.png)center bottom no-repeat;}
.kdcaSystem .arw { display:flex; justify-content:center;}
.kdcaSystem .arw span { display:block; width:60%; height:9.3rem; background:#ccc; clip-path: polygon(60% 0%, 100% 50%, 60% 100%, 0% 100%, 40% 50%, 0% 0%); margin-top:10.7rem; }

/* ================================== Laptop (1024 ~ 1279) ================================== */
@media all and (max-width: 1279px) {
	.research02InfoWrap .rsc02Info .plus { width:2.0rem; }
	.research02InfoWrap .rsc02Info .infoBox { width:calc((100% - 2.0*2rem)/3); }

	.rsc02_conditions { gap:2.0rem; }
	.rsc02_conditions .rsc02_condition { width:calc((100% - 2.0*2rem)/3); }

	.kdcaSystem .arw { width:4.0rem; }
	.kdcaSystem .system { width:calc((100% - 4.0rem*2)/3); }	
}

/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) {
	.research02InfoWrap .rsc02Info { flex-direction:column; gap:1.0rem; }		
	.research02InfoWrap .rsc02Info .infoBox { width:100%; }
	.research02InfoWrap .rsc02Info .plus { width:100%; }
	.research02InfoWrap .rsc02Info .infoBox strong { height:4.6rem; font-size:2.0rem; }
	.research02InfoWrap .rsc02InfoResult p { font-size:2.0rem; }

	.rsc02_conditions { flex-direction:column; gap:1.0rem;  }
	.rsc02_conditions .rsc02_condition { width:100%; display:flex; }
	.rsc02_conditions .rsc02_condition .image { width:30%; flex-shrink:0; }
	.rsc02_conditions .rsc02_condition .conditionTit { font-size:2.0rem; }
	.rsc02_conditions .rsc02_condition .text { padding:0 0 0 1.0rem; }

	.rsc02ProcessWrap .prcBoxWrap .prcBoxType strong { height:4.6rem; }
	.rsc02ProcessWrap .prcBoxWrap .prcBoxType ul { padding:1.0rem; }
	.rsc02ProcessWrap .prcBoxWrap .prcBoxType p { padding:1.0rem; }
	.rsc02ProcessWrap .process06 .prcBoxWrap { flex-wrap:wrap; }
	.rsc02ProcessWrap .process06 .prcBoxWrap .prcBoxType { width:45%; }
	.rsc02ProcessWrap .process06 .prcBoxWrap .prcBoxType:nth-child(1):before,
	.rsc02ProcessWrap .process06 .prcBoxWrap .prcBoxType:nth-child(2):before { display:block; width:100%; height:20px; content:''; background: url(../../images_2023/certiBus/bfprc_arw_blue.png)center bottom no-repeat; 
	margin-bottom:1px; top:-21px; left:0; position:absolute; }
	.rsc02ProcessWrap .process06 .prcBoxWrap .prcBoxType:nth-child(3):before { display:none; }
	.rsc02ProcessWrap .process06 .prcBoxWrap .prcBoxType:nth-child(3),
	.rsc02ProcessWrap .process06 .prcBoxWrap .prcBoxType:nth-child(4) { margin-top:0; }	

	.kdcaSystem { flex-direction:column; }
	.kdcaSystem .system { width:100%; }
	.kdcaSystem .arw { width:100%; }
	.kdcaSystem .arw span { margin-top:0.5rem; height:4.0rem; width:50%; clip-path:polygon(50% 50%, 100% 0, 100% 50%, 50% 100%, 0 50%, 0 0); margin-bottom:1.0rem; }
	.kdcaSystem .system .systemTit { height:4.6rem; }
}

@media all and (max-width: 479px) {		
	.rsc02_conditions { gap:2.0rem; }
	.rsc02_conditions .rsc02_condition { flex-direction:column; }
	.rsc02_conditions .rsc02_condition .image { width:100%; aspect-ratio:3/1;}

	.rsc02ProcessWrap .process04 .prcBoxWrap { flex-direction:column;}
	.rsc02ProcessWrap .process04 .prcBoxWrap .prcBoxType { width:100%; }
	.rsc02ProcessWrap .process04 .prcBoxWrap:before, 
	.rsc02ProcessWrap .process04 .prcBoxWrap:after { display:none; }
	.rsc02ProcessWrap .process04 .prcBoxWrap { padding-top:30px; padding-bottom:30px; }
	.rsc02ProcessWrap .process04 .prcBoxWrap .prcBoxType:before, 
	.rsc02ProcessWrap .process04 .prcBoxWrap .prcBoxType:after { height:30px; }
	.rsc02ProcessWrap .process04 .prcBoxWrap .prcBoxType:before { top:-30px; }
	.rsc02ProcessWrap .process04 .prcBoxWrap .prcBoxType:after { bottom:-30px; }
	.rsc02ProcessWrap .process04 .prcBoxWrap .prcBoxType:nth-child(2):before,
	.rsc02ProcessWrap .process04 .prcBoxWrap .prcBoxType:nth-child(3):before,
	.rsc02ProcessWrap .process04 .prcBoxWrap .prcBoxType:nth-child(1):after,
	.rsc02ProcessWrap .process04 .prcBoxWrap .prcBoxType:nth-child(2):after { display:none; }
}


/* --------------------------------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 연구사업 - 학생수용계획 연구  //////////////////////////////////////
---------------------------------------------------------------------------------------------------------------------------*/
.research04InfoWrap { display:flex; gap:1px; line-height:1.3; text-align:center; }
.research04InfoWrap .infoBox { display:flex; flex-direction:column; gap:1.0rem; }
.research04InfoWrap .infoBox.box01 { flex-grow:1; } 
.research04InfoWrap .infoBox.box02 { width:24rem; flex-shrink:0; } 
.research04InfoWrap .arw { display:flex; justify-content:center; align-items:center; width:3.0rem; margin-right:5px; flex-shrink:0; }
.research04InfoWrap .arw span { width:100%; height:100%; background:#e1e1e1; display:block; clip-path: polygon(100% 50%, 0 0, 0 100%); }
.research04InfoWrap .infoBox .boxTitle { height:5.0rem; display:flex; justify-content:center; align-items:center; font-size:2.2rem; font-weight:600; color:#fff; }
.research04InfoWrap .infoBox .boxCnts { display:flex; gap:1.0rem; flex-wrap:wrap; justify-content:space-between; position:relative; }
.research04InfoWrap .infoBox.box01 .boxTitle { background:var(--blue); border-radius:1.0rem 0 0 0; }
.research04InfoWrap .infoBox.box01 .boxCnts > span { border:1px solid var(--blue); display:flex; justify-content:center; align-items:center; flex-grow:1; padding:0 1.0rem; height:6.0rem;  background:#fff; 
width:calc((100% - 2.0rem)/3); }
.research04InfoWrap .infoBox.box02 .boxTitle { background:var(--teal01); }
.research04InfoWrap .infoBox.box02 .boxCnts { flex-grow:1; border:1px solid var(--teal01); align-items:center; border-radius:0 0 1.0rem 0; justify-content:center;}
.research04InfoWrap .infoBox.box02 .boxCnts > span {  font-size:2.0rem; color:var(--teal01); padding:1.0rem; }
.research04InfoWrap .infoBox.box01 .boxCnts:before { width:calc(100% - (100% - 2.0rem)/3); height:calc(6.0rem * 1 + 1.0rem); content:''; display:block; border:1px solid var(--blue); position:absolute; left:0; z-index:-1;
top:3.0rem; left:calc((100% - 2.0rem)/6); }
.research04InfoWrap .infoBox.box01 .boxCnts.items { gap:5px; }
.research04InfoWrap .infoBox.box01 .boxCnts.items:before { display:none;}
.research04InfoWrap .infoBox.box01 .boxCnts.items .infoBoxItem { display:flex; gap:5px; width:100%;}
.research04InfoWrap .infoBox.box01 .boxCnts.items .infoBoxItem > div { padding:1.0rem; border:1px solid var(--blue); }
.research04InfoWrap .infoBox.box01 .boxCnts.items .infoBoxItem .itemTit { width:16.0rem; display:flex; align-items:center; justify-content:center; text-align:center; font-size:1.8rem; color:var(--blue); 
position:relative; flex-shrink:0; }
.research04InfoWrap .infoBox.box01 .boxCnts.items .infoBoxItem .itemText { flex-grow:1; text-align:left; display:flex; align-items:center; }
.research04InfoWrap .infoBox.box01 .boxCnts.items .infoBoxItem .itemTit:after { content:''; display:block; width:6px; height:1px; background:var(--blue); position:absolute; left:100%; top:50%; }

/* ================================== Laptop (1024 ~ 1279) ================================== */
@media all and (max-width: 1279px) {	
	.research04InfoWrap .infoBox.box02 { width:20%; } 
	.research04InfoWrap .arw { width:2.5rem; }
}
/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) {		
	.research04InfoWrap { flex-direction:column; }
	.research04InfoWrap > div  { width:100% !important; }
	.research04InfoWrap .arw { height:2.5rem; margin:1px 0 5px 0; }
	.research04InfoWrap .arw span { clip-path: polygon(100% 0, 0 0, 50% 100%); }
	.research04InfoWrap .infoBox { gap:1px; }
	.research04InfoWrap .infoBox.box01 .boxCnts > span { font-size:1.6rem; line-height:1.2; }
	.research04InfoWrap .infoBox .boxTitle { font-size:2.0rem; }
	.research04InfoWrap .infoBox.box02 .boxCnts > span { font-size:1.8rem; }
}
@media all and (max-width: 479px) {		
	.research04InfoWrap .infoBox.box01 .boxCnts > span { width:calc((100% - 1rem)/2); }
	.research04InfoWrap .infoBox.box01 .boxCnts:before { width:calc(100% - (100% - 1rem)/2); height:calc(6.0rem * 2 + 1.0rem * 2); left:calc((100% - 1rem)/4); }
	.research04InfoWrap .infoBox.box01 .boxCnts.items .infoBoxItem .itemTit { width:25%; }
}

/* --------------------------------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 연구사업 - 업무매뉴얼  //////////////////////////////////////
---------------------------------------------------------------------------------------------------------------------------*/
.research05InfoWrap { display:flex; line-height:1.3; }
.research05InfoWrap .infoBox.box02,
.research05InfoWrap .infoBox.box03 { width:18%; flex-shrink:0; padding:1.0rem; }
.research05InfoWrap .arw { display:flex; justify-content:center; align-items:center; width:3.0rem; margin-right:5px; flex-shrink:0; }
.research05InfoWrap .arw span { width:100%; height:100%; background:#e1e1e1; display:block; clip-path: polygon(100% 50%, 0 0, 0 100%); }
.research05InfoWrap .infoBox { display:flex; gap:5px; justify-content:space-between; align-items:center; text-align:center; }
.research05InfoWrap .infoBox.box01 { flex-grow:1; flex-direction:column; position:relative; }
.research05InfoWrap .infoBox.box02 { background:var(--blue);  }
.research05InfoWrap .infoBox.box03 { background:var(--teal01);  }
.research05InfoWrap .infoBox.box02 p,
.research05InfoWrap .infoBox.box03 p { color:#fff; font-size:1.8rem; width:100%; }
.research05InfoWrap .infoBox.box01 .boxItem { border:1px solid var(--blue); padding:1rem; width:calc(100% - 5.0rem); margin-right:5.0rem; height:6.0rem; font-size:1.6rem; display:flex; justify-content:center;
align-items:center; background:#fff; }
.research05InfoWrap .infoBox.box01:before { content:''; display:block; width:5.0rem; height:calc(6.0rem * 2 + 5px * 2); border:1px solid var(--blue); border-left:0; position:absolute;
top:3.0rem; right:2.5rem; z-index:-1;  }
.research05InfoWrap .infoBox.box01:after  { content:''; display:block; width:5.0rem; height:1px; background:var(--blue); position:absolute;	top:50%; right:0; z-index:-1;  }
.research05InfoWrap .infoBox.box01 .boxItem:first-child { border-radius:1.0rem 0 0 0; }
.research05InfoWrap .infoBox.box03 { border-radius:0 0 1.0rem 0; }


/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) {		
	.research05InfoWrap { flex-direction:column; }
	.research05InfoWrap > div  { width:100% !important; }
	.research05InfoWrap .infoBox.box01 .boxItem { width:100%; margin-right:0;}
	.research05InfoWrap .arw { height:2.5rem; margin:1px 0 5px 0; }
	.research05InfoWrap .arw span { clip-path: polygon(100% 0, 0 0, 50% 100%); }
	.research05InfoWrap .infoBox.box01 { gap:1px; margin-bottom:1.0rem; }
	.research05InfoWrap .infoBox.box01 .boxItem { height:auto; }
	.research05InfoWrap .infoBox.box01 .boxItem:last-child { border-radius:0 0 1.0rem 0; }
	.research05InfoWrap .infoBox.box01:before { display:none; }
	.research05InfoWrap .infoBox.box01:after  { width:1px; height:1.0rem; top:100%; left:50%; }	
}


/* --------------------------------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 학술지투고시스템  //////////////////////////////////////
---------------------------------------------------------------------------------------------------------------------------*/
.board_page { margin-top:2.0rem; display:flex; justify-content:center; align-items:center; gap:1px; }
.board_page a { display:flex; align-items:center; width:3.6rem; height:3.6rem; line-height:3.6rem; background:#fff; border:1px solid #f1f1f1; text-decoration:none; justify-content:center; }
.board_page a span { color:#333; }
.board_page a:hover { border-color:var(--blue01); text-decoration:none; }
.board_page a:hover span { text-decoration:none; }
.board_page b { display:flex; align-items:center; width:3.6rem; height:3.6rem; line-height:3.6rem; background:var(--blue01); border:1px solid var(--blue01); justify-content:center; color:#fff; }
.board_page b span { color:#fff; background:none; }

.journalSearchWrap { padding:2rem 1rem; display:flex; justify-content:center; gap:2.0rem; margin-bottom:2.0rem; background:#f1f1f1; border-radius:2.0rem 0 0 0; align-items:center; }
.journalSearchWrap > div { display:flex; align-items:center; gap:3px; justify-content:center; }
.journalSearchWrap select { min-width:10rem; font-size:1.8rem; background:#fff; }
.journalSearchWrap .searchBtn { padding:0 2.0rem; background:var(--blue01); color:#fff; border:0; border-radius:0 0 0.5rem 0; font-size:1.8rem; height:38px; line-height:38px; }

#submit-step-02 .consent-agree { width:80%; max-width:40rem; margin:3.0rem auto 0; }
#submit-step-02 .consent-agree .inputSign { width:100%; height:5.6rem; margin-bottom:1.0rem; font-size:1.8rem; }
#submit-step-02 .consent-agree .buttonBig { width:100%; }
.submit-form .submit-charge .priceAmount { display:flex; align-items:center; gap:3px; }
.submit-form .submit-charge .priceAmount #thesis_page_num { width:10.0rem; height:3.2rem; line:3.2rem; height:3.2rem; }
.submit-form .theSubject span { display:flex; align-items:center; gap:10px; width:100%; }
.submit-form .theSubject span + span { margin-top:5px; }
.submit-form .theClass { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.submit-form .inputDateWrap { display:flex; align-items:center; gap:10px;  }
.submit-form .inputDateWrap select { width:8.0rem; }
.submit-form .theSignWrap { text-align:right;}
.submit-form .theSignWrap .sign { display:flex; align-items:center; gap:3px; justify-content:right;}
.submit-form .theSignWrap .sign input { max-width:200px; }
.paper-submit .bottomBtns,
.submit-form .bottomBtns,
#submit-step-02 .bottomBtns,
#submit-step-03 .bottomBtns { display:flex; align-items:center; gap:3px; justify-content:center; flex-wrap:wrap; }
#submit-step-03 .bottomBtns .button { margin-bottom:3px; }
#submit-step-02 .step02CntBox { border:1px solid #ccc; padding:2.0rem; text-align:left; font-size:1.7rem; }
#submit-step-02 .step02CntBox h1 { font-size:2.0rem; color:#010101; margin-top:3.0rem; margin-bottom:1.5rem; line-height:1.5; }
#submit-step-02 .check-table input[type="checkbox"] { cursor:pointer; }
#submit-step-02 .step02SignWrap { text-align:center; }
#submit-step-02 .step02SignWrap input#author_all { max-width:20.0rem; margin:0 auto; }
#submit-step-03 .formTable .exp_text { font-size:1.7rem; line-height:1.5;  }
#submit-step-03 .formTable .add_exp { font-size:1.5rem; line-height:1.5; color:var(--blue01); }

.formTable.searchTable select[name="type1"],
.formTable.searchTable select[name="type2"] { width:10.0rem; }
.formTable.searchTable .dateInput { display:flex; align-items:center; gap:5px; width:100%;  }
.formTable.searchTable .calenderIcon { cursor:pointer; }
.formTable.searchTable .searchBtn { height:38px; border-radius:3px; border:0; background:#555; color:#fff; padding:0 2.0rem;  }

.journalListTop { display:flex; justify-content:space-between; align-items:center; } 

.tab.type01 { display:flex; justify-content:flex-start; gap:1px; }
.tab.type01 li { border:1px solid #555; background:#efefef; height:4.0rem; line-height:4.0rem; text-align:center; padding:0 2.0rem; border-radius:5px 5px 0 0; width:10.0rem; border-bottom:0; }
.tab.type01 li a { color:#555; font-size:1.6rem; display:block; width:100%; }
.tab.type01 li.on { background:#555; }
.tab.type01 li.on a { color:#fff; }

.journalTable .jourTit { text-align:left; }
.journalTable .jourExplain { text-align:left; }
.journalTable .jourExplain .jourExplainDiv { display:flex; flex-direction:column; gap:3px; }
.journalTable .mobileTit { display:none; }
.journalTable th,
.journalTable td { line-height:1.2; }
.journalTable .buttonSmall { padding:0 0.5rem; }
.journalTable td.forMobile { display:none; }
.journalTable td.forPc { display:table-cell; }
.journalTable .btns button + button { margin-top:2px; }
.journalTable .buttons { display:flex; flex-direction:column; gap:2px; justify-content:center;}

.table01.nonmonTable { margin-top:40px; }
.table01.nonmonTable:first-child { margin-top:0; }

.flexDiv { display:flex; gap:5px; align-items:center; }
.flexDiv.flexCenter { justify-content:center; }
.flexDiv.flexLeft { justify-content:left; }
.flexDiv.flexStart { justify-content: flex-start; }
.flexDiv.flexEnd { justify-content:end; }
.flexDiv.flexSb { justify-content:space-between;}
.flexDiv.type01 { flex-direction:column;}
.flexDivCol { display:flex; flex-direction:column; gap:5px;}
.flexDiv input[type="text"],
.flexDiv input[type="file"] { width:auto; }
.flexDiv.gap20 { gap:20px; }
.flexDiv.gap10 { gap:10px; }

.msgCntBox { display:flex; justify-content:space-between; gap:20px; }
.msgCntBox > div { width:40%; flex-grow:1; }

.thesis-summary { height:10rem; }
.regDate input[type="text"] { padding:0 5px; }


/* ================================== Tablet (768 ~ 1023) ================================== */
@media all and (max-width: 1023px) { 
	.msgCntBox { display:flex; flex-wrap:wrap; flex-direction:column;  }
	.msgCntBox > div { width:100%; }
}

/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) {	
	.journalSearchWrap {  gap:1.0rem; }
	.journalSearchWrap select { max-width:50%; }

	#submit-step-01 .submit-form .formTable > tbody > tr > th,
	#submit-step-01 .submit-form .formTable > tbody > tr > td { display:block; width:100%; border-bottom:0;}
	#submit-step-01 .submit-form .formTable > tbody > tr { border-bottom:1px solid #999;}
	#submit-step-01 .submit-form .formInTable th,
	#submit-step-01 .submit-form .formInTable td { padding:0.7rem 0.5rem; }
	#submit-step-01 .submit-form .formInTable.classTable colgroup,
	#submit-step-01 .submit-form .formInTable.classTable th,
	#submit-step-01 .submit-form .formInTable.classTable td,
	#submit-step-01 .submit-form .formInTable.costTable colgroup,
	#submit-step-01 .submit-form .formInTable.costTable th,
	#submit-step-01 .submit-form .formInTable.costTable td  { display:block; width:100%; }	
	.submit-form .bottomBtns .buttonMd,
	#submit-step-02 .bottomBtns .buttonMd { padding:0 1.0rem; }
	#submit-step-02 .check-table thead { display:none; }
	#submit-step-02 .check-table colgroup { display:block; width:100%; }
	#submit-step-02 .check-table tbody tr { display:flex; flex-wrap:wrap; width:100%; border-bottom:1px solid #ccc; }
	#submit-step-02 .check-table tbody th,
	#submit-step-02 .check-table tbody td {border-bottom:0; }
	#submit-step-02 .check-table tbody th { background:#f1f1f1; width:100%; border-top:1px solid #555; }	
	#submit-step-02 .check-table tbody td:not(.text-l) { width:6.0rem; }
	#submit-step-02 .check-table tbody td.text-l { width:calc(100% - 6.0rem); border-left:0; }	
	#submit-step-03 .formTable > tbody > tr > th,
	#submit-step-03 .formTable > tbody > tr > td { display:block; width:100%; border-bottom:0;}
	#submit-step-03 .formTable > tbody > tr { border-bottom:1px solid #999; }

	.journalTable .jourTit,
	.journalTable .jourTit a { font-size:1.7rem; color:var(--blue01); font-weight:500; }
	.journalTable .mobileTit { display:inline; font-weight:600; color:#010101; }
	.journalTable col { display:block; width:100%; }
	.journalTable tr { display:flex; flex-direction:column; border:1px solid #d2d6de; gap:5px; width:100%; padding:15px; margin-top:5px; }	
	.journalTable th,
	.journalTable td { display:block; width:100%; border:0 !important; text-align:left !important; padding:0 !important; }	
	.journalTable thead,
	.journalTable thead th { display:none; }
	.journalTable td.forMobile { display:block; }
	.journalTable td.forPc { display:none; }
	.journalTable .issueNum { display:flex; gap:5px; }
	.journalTable .boardNum { display:none; }
	.journalTable .btns button + button { margin-top:0px; }
	.journalTable .judgeTd .judge br { display:none; }
	.journalTable .judgeTd .judge a { display:inline-block; margin-right:5px; }
	.journalTable .buttons { flex-direction:row; justify-content:flex-start;}
	.journalTable .gh_num { display:flex; gap:5px; align-items:center; }

	.table01.nonmonTable colgroup,
	.table01.nonmonTable col { display:block; }
	.table01.nonmonTable tr { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; }
	.table01.nonmonTable tr th { width:25%; border-top:0; border-right:0; }
	.table01.nonmonTable tr td { flex-grow:1; width:75%; border-top:0; }

	.regDate input[type="text"] { max-width:80px; }

	/* 메세지알림 */
	.formTable.msgForm colgroup { display:block; width:100%; }
	.formTable.msgForm col { display:block; }
	.formTable.msgForm tr { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; }
	.formTable.msgForm tr th,
	.formTable.msgForm tr td { display:block; }
	.formTable.msgForm tr th { width:30%; flex-shrink:0; }
	.formTable.msgForm tr td { width:70%; flex-shrink:0; }
	.formTable.msgForm select { max-width:100%; }
}




/* -----------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 녹색건축인증, bf인증 - 인증신청서작성  //////////////////////////////////////
------------------------------------------------------------------------------------------------------*/
#tooltip { position:absolute; z-index:999; top:calc(100% - 0.5rem); left:calc(100% - 1.0rem); } 
#tooltip .tipBody { background:var(--blue00); font-size:1.4rem; width:20rem; height:auto; padding:1.5rem; border-radius:0 1.5rem 1.5rem 1.5rem; color:#fff; text-align:left; line-height:1.3; }

.certiTypeSelect { margin-bottom:5.0rem;}
.certiTypeSelect .certiYear { font-size:2.0rem; color:#010101; margin-top:3.0rem; }
.certiTypeSelect .s_title { color:var(--blue01); font-weight:600; margin-top:1.5rem; margin-bottom:0.5rem; }
.certiTypeSelect .certiTypeBox {  /*border:1px solid var(--blue); padding:2.0rem;*/ background:#f1f1f1; padding:1.0rem; }
.certiTypeSelect .certiTypeBox.open { display:block !important; }
.certiTypeSelect .certiTypeList { display:flex; gap:0.5rem 0.5rem; flex-wrap:wrap;  }
.certiTypeSelect .certiTypeList li { width:calc(100%/6 - 0.5rem * 5/6); border:1px solid #ccc; text-align:center; height:4.0rem; display:flex; justify-content:center; align-items:center;
transition:all 0.3s; background:#fff; }
.certiTypeSelect .certiTypeList li a { display:block; text-align:center; font-size:1.5rem; line-height:1.2; color:#010101; width:100%; position:relative; padding:0.5rem; }
.certiTypeSelect .certiTypeList li:hover { border-color:var(--blue); border-radius:0.5rem; }
.certiTypeSelect .certiTypeList li.ov { border-color:var(--blue); border-radius:0.5rem; background:var(--blue); transition:all 0.3s; }
.certiTypeSelect .certiTypeList li.ov a{ color:#fff; }
.certiTypeSelect .com_check { padding:1rem; display:flex; flex-wrap:wrap; gap:0.3rem 1.5rem; background:#e2e8f2; margin-top:1.0rem; border-radius:3px; border:1px solid #d3dded; }
.certiTypeSelect .com_check label { font-size:1.5rem; display:flex; align-items:center; gap:3px; }
/* .certiTypeSelect .tab_container .tabs { width:100%;  }
.certiTypeSelect .tab_container .tabs ul { gap:1px; flex-wrap:wrap; }
.certiTypeSelect .tab_container .tabs ul li { padding:0 0.5rem; width:calc(100%/4 - 0.5rem*3/4); }
.certiTypeSelect .tab_container .tabs ul li a { font-size:1.6rem; word-break:keep-all; letter-spacing:-0.05em; line-height:1.2; }
.certiTypeSelect .tab_container .tab_content { border:1px solid var(--blue01); padding:2.0rem; }
.certiTypeSelect .tab_container .tab_content .tabTit { display:none; }
.certiTypeSelect .tab_container .tab_content.active { display:block; } */
.bfCertification .certiTypeSelect .certiTypeList li { height:5.0rem; width:calc(100%/4 - 0.5rem * 3/4); }


.certiTable { table-layout:fixed;}
.certiTable th,
.certiTable td { border:1px solid #d2d6de; padding:1rem; line-height:1.5; font-size:1.5rem; line-height:1.3; }
.certiTable th { background:#e2e8f2; color:#000; font-weight:600; text-align:center; }
.certiTable td input,
.certiTable td label { font-size:1.5rem; } 
.certiTable  td.th_1 { background:#f9f9f9; color:#000; text-align:center; }
.certiTable .flexBox { display:flex; align-items:center; gap:2px; }
.certiTable .flexBox.type01 span { width:3.0rem; flex-shrink:0;}
.certiTable #show_input .inputArea li { display:flex; width:100%; align-items:center; }
.certiTable #show_input .inputArea li + li { margin-top:3px; }
.certiTable #show_input { width:100%; }
.certiTable #show_input .inputArea li span { flex-grow:1; }
.certiTable #show_input .inputArea li .tit { width:8.5rem; flex-shrink:0; color:#010101; }

.addDocsWrap { border:1px solid #efefef; padding:2.0rem; background:#f9f9f9; }
.addDocsWrap .title { color:#010101; font-size:1.8rem; font-weight:500; margin-bottom:0.5rem; }
.addDocsWrap .addDocs { display:flex; justify-content:space-between; }
.addDocsWrap .addDocs .certiCharge { background:#e2e8f2; width:20.0rem; flex-shrink:0; display:flex; justify-content:center; align-items:center; padding:1.0rem; }
.addDocsWrap .addDocs .certiCharge p { text-align:center; font-size:1.6rem; line-height:1.3; }
.addDocsWrap .certiStep { display:flex; justify-content:space-between; width:100%; }
.addDocsWrap .certiStep li { display:flex; justify-content:center; align-items:center; }
.addDocsWrap .certiStep .arw { width:2.0rem;flex-shrink:0; }
.addDocsWrap .certiStep .arw span { display:block; width:10px; height:10px; border:2px solid var(--blue); border-width:2px 2px 0 0; transform:rotate(45deg);}
.addDocsWrap .certiStep .stepItem { width:calc(100%/5 - 2.0rem*4/5); border:1px solid #ccc; padding:1.0rem; text-align:center; line-height:1.3; flex-grow:1; background:#fff; border-radius:3px; }
.addDocsWrap .certiStep .stepItem strong { color:var(--blue); font-size:1.8rem; font-weight:600; display:block; }
.addDocsWrap .certiStep .stepItem span { font-size:1.6rem; color:#333; }

.applyText { text-align:center; line-height:1.5;  }
.signWrap { display:flex; justify-content:end; align-items:center; gap:1.0rem; width:100%; }
.signWrap input { max-width:20.5rem; font-size:1.6rem; }
.signWrap #sign_img { width:auto !important }
.dear { font-size:2.0rem; text-align:center; }
.certiBottomBtns { display:flex; justify-content:center; gap:2px; }
.certiBottomBtns .buttonBig { width:26.0rem; display:block; }


/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) {
	.certiTypeSelect .certiTypeList li { width:calc(100%/4 - 0.5rem * 3/4); }

	.certiTable colgroup { display:block; width:100%; }
	.certiTable col { width:100%; display:block; }
	.certiTable tr { display:flex; flex-wrap:wrap; justify-content:space-between; }
	.certiTable th { width:100%; }
	.certiTable td { flex-grow:1; margin-top:-1px; }
	.certiTable td.th_1 { width:25%; flex-shrink:0; }
	.certiTable td:not(.th_1) { width:75%; }

	.addDocsWrap .addDocs .certiCharge { width:15rem; }
	.applyText br { display:none; }
	.addDocsWrap .certiStep { flex-wrap:wrap; gap:10px 0; }
	.addDocsWrap .certiStep .arw { width:14px;  }
	.addDocsWrap .certiStep .arw span { width:8px; height:8px; }
	.addDocsWrap .certiStep .stepItem { width:calc(100%/3 - 14px*2/3); padding:1.0rem .5rem; }
	.signWrap { justify-content:center; }

}

@media all and (max-width: 479px) {
	.certiTypeSelect .certiTypeList li { width:calc(100%/3 - 0.5rem * 2/3); }
	.bfCertification .certiTypeSelect .certiTypeList li { width:calc(100%/2 - 0.5rem * 1/2);  }
	.bfCertification .addDocsWrap .addDocs { flex-direction:column; }
	.bfCertification .addDocsWrap .addDocs .certiCharge { width:100%; margin-top:10px; }

	.certiTable th,
	.certiTable td { padding:1rem 0.5rem; }

	.addDocsWrap { padding:1.5rem; }
	.addDocsWrap .addDocs .certiCharge { width:10rem; }
	.dear { font-size:1.8rem; }
}

/* -----------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 녹색건축인증 - 인증신청서리스트, 자체평가서리스트  //////////////////////////////////////
------------------------------------------------------------------------------------------------------*/

.boardSearch { display:flex; gap:2px; justify-content:end; align-items:center; margin-bottom:1.0rem; }
.boardSearch select,
.boardSearch input { height:4.0rem; line-height:4.0rem; font-size:1.6rem; }
.boardSearch input[type="text"] { max-width:20.0rem; }
.boardSearch .stx { padding:0 0.5rem; }
.boardSearch .searchBtn { padding:0 1.2rem; background:var(--blue01); color:#fff; border:0; border-radius:0 0 0.5rem 0; cursor:pointer; }

.table01.certiListTable .tdTit { display:none; }
.table01.certiListTable th, 
.table01.certiListTable td { line-height:1.3; }
.certiListTable input.btn_tmp { background:#999; color:#fff !important; border:0; border-radius:3px; text-align:center; height:2.4rem; line-height:2.4rem; display:inline-block; min-width:8.0rem;
	background:#e3e6ec; color:#111 !important; padding:0 3px; letter-spacing:-0.07em; }
.certiListTable .btnsWrap { display:flex; flex-direction:column; gap:2px; justify-content:center;}
.certiListTable .btns .btn_tmp + .btn_tmp { margin-top:2px; }

.certiListTable.bfCertiTable input.btn_tmp { background:#e3e6ec; color:#111 !important; }

/* 자체평가서 평가보기 iframe*/
.evalFormLayer { margin:0 auto; padding:10px; font-size:14px; line-height:1.4; }
.evalFormLayer  .evalFormLayerTit { font-size:20px; line-height:1.5; margin-bottom:10px; }
.evalFormLayer .evalSumm th,
.evalFormLayer .evalSumm td { padding:5px 8px; text-align:left; vertical-align:text-top; }
.evalFormLayer .evalSumm th { font-size:14px; color:#333; font-weight:500; }
.evalFormLayer .evalSumm td { font-size:14px; color:#555; }
#SLB_content iframe { margin:0; }
#SLB_content .SLB_close { margin:0 auto !important; padding:0; height:36px; line-height:36px; font-size:15px; }
.SLB_center { border-width:1px; }
.evalFormLayer { padding:15px; }
.table01.evalTable { width:100%; border-top:0; }
.table01.evalTable th,
.table01.evalTable td { text-align:left; padding:8px; font-size:14px; }
.table01.evalTable th { /*background:#dce4f0;*/ background:#e4e8ef; }
.table01.evalTable input[type="file"] { height:30px; }
.evalFormLayer .btn_tmp { background:var(--navy); color:#fff; border:0; border-radius:3px; text-align:center; height:3.0rem; line-height:3.0rem; font-weight:300;display:inline-block; width:80px; text-align:center; }



/* 보완사항보기, 평가보기 ... 새창 */
.layerOuter table th,
.layerOuter table td { font-size:13px; line-height:1.4; /*padding:8px;*/ box-sizing:content-box !important; }
.layerOuter.old table th,
.layerOuter.old table td { padding:0px; }
.layerOuter { margin:0 auto; padding:20px; font-size:13px; letter-spacing:-0.07em; }
.layerOuter .inTable { width:100%; margin-top:10px; }
.layerOuter .inTable td,
.layerOuter .inTable th { padding:8px; font-size:13px; }
.layerOuter .item + .item { margin-top:50px; }
.layerOuter .sbtn_on { padding:0 10px; height:30px; line-height:30px; }
.layerOuter .inTable select { height:30px; line-height:30px; font-size:13px; }
.layerOuter td[height="1"]{ line-height:0 !important; height:1px; padding:0 !important; }

.layerOuter.exm_project { font-size:13px; }
.layerOuter.exm_project .title_txt { font-size:16px; }
.layerOuter.exm_project .tablePd10 th, 
.layerOuter.exm_project .tablePd10 td { padding:10px; }
.layerOuter table[cellpadding="0"] th,
.layerOuter table[cellpadding='0'] td { padding:0px; }
.layerOuter table[cellpadding="1"] th,
.layerOuter table[cellpadding='1'] td { padding:1px; }
.layerOuter table[cellpadding="2"] th,
.layerOuter table[cellpadding='2'] td { padding:2px; }
.layerOuter table[cellpadding='3'] th,
.layerOuter table[cellpadding='3'] td { padding:3px; }
.layerOuter table[cellpadding='5'] th,
.layerOuter table[cellpadding='5'] td { padding:5px; }
.layerOuter table[cellpadding='10'] th,
.layerOuter table[cellpadding='10'] td { padding:10px; }
.layerOuter table[cellpadding="8"] th,
.layerOuter table[cellpadding='8'] td { padding:8px; }
.layerOuter.exm_project textarea{ font-size:13px; }
.layerOuter.exm_project input,
.layerOuter.exm_project select { font-size:13px; box-sizing:content-box !important; padding:0 1px; }
.layerOuter.exm_project input[type="text"],
.layerOuter.exm_project select { height:24px; line-height:24px; }
.layerOuter.exm_project input[type="button"] { padding:0 7px; }
.layerOuter.exm_project table th,
.layerOuter.exm_project table td { font-size:13px; letter-spacing:-0.03em; }
.layerOuter.exm_project table[width='769'] { width:100%; }
.layerOuter.exm_project .exmPageTable table[width="769"] { width:800px; }
.layerOuter.exm_project .bg_menu1 a { padding:2px 12px; }  

.layerOuter.smpl_exm .smpl_exm_btn .sbtn_on { width:auto; }
.layerOuter.smpl_exm #a4_2 table[width="800"] { width:100%; }
.layerOuter.smpl_exm .smpl_exm_btn { display:flex; gap:5px; justify-content:center; }
.layerOuter.smpl_exm .smpl_exm_btn span { margin-right:0;}

.layerOuter.exm_project table td[width="90"] { width:90px !important;  }
.layerOuter.exm_project table td[width="40"] { width:40px !important;  }
.layerOuter.exm_project table td[width="39"] { width:39px !important; }
.layerOuter.exm_project table td[width="654"] { width:687px !important; }
.layerOuter.exm_project table[width="620"],
.layerOuter.exm_project table[width="610"],
.layerOuter.exm_project table[width="600"] { width:100% !important; }
/* .layerOuter.smpl_exm .self_estimate table td[width="90"] { width:97px !important; box-sizing:content-box !important; } */
/* .layerOuter.smpl_exm .self_estimate table td[width="40"] { width:40px !important; box-sizing:border-box !important; padding:0 !important;} */
/* .layerOuter.smpl_exm .self_estimate table td[width="39"] { width:50px !important; box-sizing:border-box !important; padding:0 !important; }   */

.layerOuter td[height="1"],
.layerOuter td[height="5"]  { padding:0 !important; }

.pop-container table[cellpadding='5'] th,
.pop-container table[cellpadding='5'] td { padding:5px; font-size:13px; }

.btn.btn-success.fileinput-button { height:22px; }
.layerOuter #exm_data > table { width:100%; }
.layerOuter .tablePd10 td,
.layerOuter .tablePd10 th { padding:10px !important; }


/* 서약서 */
.exSign {}
.signFormBox { border:2px solid var(--blue01); padding:20px; line-height:1.5; }
.signFormBox h3 { font-size:24px; text-align:center; color:var(--blue01); font-weight:600; }
.signFormBox p.big { font-size:16px; }
.signFormBox ul { color:#777; }
.signFormBox .exSign,
.signFormBox .signDate { display:flex; gap:5px; justify-content:right; align-items:center; }
.signFormBox .dear { text-align:center; font-weight:600; }

/*현장실사보고서*/




/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) {
    .boardSearch { width:100%; justify-content:center; }
    .boardSearch .stx { width:calc(100% - 15rem - 4px); }
    .boardSearch select { width:10.0rem; }
    .boardSearch .searchBtn { width:5.0rem; } 

	.table01.certiListTable { border-top:0; }
	.table01.certiListTable colgroup { display:block; width:100%; }
	.table01.certiListTable thead { display:none; }
	.table01.certiListTable tr { display:flex; justify-content:space-between; width:100%; flex-wrap:wrap; padding:1.5rem; margin-top:8px; border:1px solid #ccc; border-radius:3px; }
	.table01.certiListTable tr:first-child { margin-top:0; }
	.table01.certiListTable th,
	.table01.certiListTable td { display:block; border:0; padding:0; text-align:left; width:100%; display:flex; gap:5px; margin-top:5px; background:none; }
	.table01.certiListTable .cNum { margin-top:0; }
	.table01.certiListTable .cNum a { font-size:1.9rem; display:block; color:var(--blue); font-weight:500; }
	.table01.certiListTable .applicant { display:none; }
	.table01.certiListTable .tdTit { display:block; font-weight:600; color:#010101; }
	.certiListTable .btnsWrap { flex-direction:row; flex-wrap:wrap; justify-content:flex-start; }
	.certiListTable .cBuilds .f_bold + br { display:none; }	
	.certiListTable input.btn_tmp { min-width:4.0rem; width:auto; padding:0 5px; }
	.certiListTable .btns .btn_tmp + .btn_tmp { margin-top:0px; }
}

@media all and (max-width: 479px) {
	#SLB_content { left:0% !important; width:100% !important; }
	#SLB_content iframe { width:100% !important; }
	#SLB_content .SLB_close { max-width:100% !important; margin:auto; }

	/* 서약서 */
	.signFormBox h3 { font-size:20px; }

}





/* -----------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 서브메인  //////////////////////////////////////
------------------------------------------------------------------------------------------------------*/
.subMain { margin-top:120px; margin-top:0 !important; }
.subMain .inner { width:100%; max-width:1440px; margin:0 auto; padding:0 30px; }
.subMain .subCategory { position:relative;  padding:20.0rem 0 7.0rem 0;}
.subMain.gbCerti .subCategory { background: url( "../../images_2023/certiBus/submain_bg_gb.jpg")center no-repeat; background-size:cover; }
.subMain.bfCerti .subCategory { background: url( "../../images_2023/certiBus/submain_bg_bf.jpg")center no-repeat; background-size:cover; }
.subMain.seCerti .subCategory { background: url( "../../images_2023/certiBus/submain_bg_se.jpg")center no-repeat; background-size:cover; }
.subMain.research .subCategory { background: url( "../../images_2023/research/submain_bg_research.jpg")center no-repeat; background-size:cover; }
.subMain .subCategory:before { position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:rgba(0,0,0,0.7); z-index:0;}
.subMain .subCategory .catTitle { color:#fff; font-size:5.5rem; font-weight:600; text-align:center; margin-bottom:6.0rem; position:relative; z-index:1; line-height:1.3;  }
.subMain .subCategory .categoryWrap { position:relative; z-index:1; }
.subMain .subCategory .categoryWrap .categoryList { display:flex; justify-content:space-between; gap:0 1.8%; }
.subMain .subCategory .categoryWrap .categoryList > li { width:10%; flex-grow:1;  }
.categoryList .catDepth_01 > a { display:block; width:100%; height:5.0rem; line-height:1.2; border:2px solid rgba(255,255,255,0.5); background:rgba(0,0,0,0.2); color:#fff; font-size:1.95rem; 
text-align:left; border-radius:1.0rem 0 0 0; margin-bottom:1.5rem; padding-left:2.0rem; display:flex; align-items:center; letter-spacing:-0.05em; }
.categoryList .catDepth_02 li a { font-size:1.8rem; color:rgba(255,255,255,0.8); font-weight:300; padding:0.7rem 0 0.7rem 2.0rem; line-height:1.2; display:block; }
.subMain .subCategory .newWin:after { content:url("../../images_2023/sub/subMain_newWin.png"); display:inline-block; margin-left:5px;}

.subMain .quickMenuWrap { background:#e3eaed; padding:5.0rem 0; }
.subMain .quickMenuWrap .quickMenuBtns { display:flex; justify-content:space-between; }
.subMain .quickMenuWrap .quickMenuBtns { gap:0 4.34782%; }
.subMain .quickMenuWrap .quickMenuBtns .quickMenuBtn  { width:20%; flex-grow:1; background:#fff; border-radius:2.0rem; padding:3.0rem; display:flex; line-height:1.3; }
.subMain .quickMenuWrap .quickMenuBtns .quickMenuBtn .icon { width:6.0rem; flex-shrink:0; margin-right:2.0rem; }
.subMain .quickMenuWrap .quickMenuBtns .quickMenuBtn .text { flex-grow:1; }
.subMain .quickMenuWrap .quickMenuBtns .quickMenuBtn .text strong { font-size:2.2rem; color:#010101; font-weight:700; margin-bottom:1.0rem; display:block; }
.subMain .quickMenuWrap .quickMenuBtns .quickMenuBtn .text p {font-size:1.6rem; color:#555; font-weight:400; }
.subMain .quickMenuWrap .quickMenuBtns.col04,
.subMain .quickMenuWrap .quickMenuBtns.col05 { gap:1.08695%; }
.subMain .quickMenuWrap .quickMenuBtns.col05 .quickMenuBtn { flex-direction:column; padding:2.5rem 1.5rem; }
.subMain .quickMenuWrap .quickMenuBtns.col05 .quickMenuBtn .icon { width:100%; text-align:center; margin-bottom:2.0rem; }
.subMain .quickMenuWrap .quickMenuBtns.col05 .quickMenuBtn .text { text-align:center; }
.subMain .quickMenuWrap .quickMenuBtns.col05 .quickMenuBtn .text strong { margin-bottom:0.5rem; }

.subMain .quickMenuWrap.epiQuick .quickMenuBtns .text strong { color:#fff; }
.subMain .quickMenuWrap.epiQuick .quickMenuBtns .text p { color:rgba(255,255,255,0.5); }
.subMain .quickMenuWrap.epiQuick .quickMenuBtns .quickMenuBtn { border-radius:0; }
.subMain .quickMenuWrap.epiQuick .quickMenuBtns .quickMenuBtn:nth-child(1) { background:#119994; border-radius:2.0rem 0 0 0;  }
.subMain .quickMenuWrap.epiQuick .quickMenuBtns .quickMenuBtn:nth-child(2) { background:#0068b7; }
.subMain .quickMenuWrap.epiQuick .quickMenuBtns .quickMenuBtn:nth-child(3) { background:#5974c2; }
.subMain .quickMenuWrap.epiQuick .quickMenuBtns .quickMenuBtn:nth-child(4) { background:#fff; border-radius:0 0 2.0rem 0; line-height:1; }
.subMain .quickMenuWrap.epiQuick .quickMenuBtns .quickMenuBtn .icon { margin-right:0; }
.subMain .quickMenuWrap.epiQuick .quickMenuBtns .quickMenuBtn:nth-child(4) .text strong { color:#0956a7; font-size:3.2rem; font-weight:900; margin-bottom:0; margin-top:0.7rem; letter-spacing:0; }
.subMain .quickMenuWrap.epiQuick .quickMenuBtns .quickMenuBtn:nth-child(4) .text p { color:#010101; }
.subMain .quickMenuWrap.epiQuick .quickMenuBtns .quickMenuBtn:nth-child(4) { flex-direction:column; justify-content:space-between;  }
.subMain .quickMenuWrap.epiQuick .quickMenuBtns .quickMenuBtn:nth-child(4) .logo {text-align:right; }

.subMain .subMainNews { margin:6.0rem auto; }
.subMain .subMainNews .inner { display:flex; justify-content:space-between; gap:0 4.34782%; }
.subMain .subMainNews .newsWrap { flex-grow:1; position:relative; }
.subMain .subMainNews .imgNewsWrap { width:300px; flex-shrink:0;  }
.subMain .subMainNews .tab_content .secTitle { display:none; }
.subMain .secTitle { font-weight:700; color:#010101; font-size:3.2rem; line-height:1.2; position:relative; line-height:1; width:100%; margin-bottom:2.5rem; }
.subMain .secTitle.underLine { padding-bottom:1.5rem; border-bottom:1px solid #333; width:100%; }
.subMain .subMainNews .newsWrap .tab_container { position:relative; }
.subMain .newsWrap .tab_container .tabs { position:absolute; left:30.0rem; top:-6.0rem; }
.subMain.bfCerti .newsWrap .tab_container .tabs { left:22.0rem; }
.subMain .subMainNews .newsWrap .tab_container .tabs ul { display:flex; gap:3.0rem; }
.subMain .subMainNews .newsWrap .tab_container .tabs li a { font-size:2.2rem; color:#777; font-weight:600; display:flex; align-items:center; }
.subMain .subMainNews .newsWrap .tab_container .tabs li a:before { width:1.0rem; height:1.0rem; border-radius:50%; content:''; background:#777; margin-right:0.5rem; }
.subMain .subMainNews .newsWrap .tab_container .tabs li.active a:before { background:#0068b7; }
.subMain .subMainNews .newsWrap .tab_container .tabs li.active a  { color:#010101; }
.subMain .subMainNews .newsWrap .moreBtn { width:4.0rem; height:4.0rem; border-radius:1.0rem 0 0 0; background:url("../../images_2023/main/more.png")center no-repeat; background-size:100%; overflow:hidden; position:absolute; right:0; top:-70px; }
.subMain .subMainNews .newsWrap .boardList { display:flex; flex-wrap:wrap; gap:20px; }
.subMain .subMainNews .newsWrap .boardList .boardItem { flex-grow:1; width:40%; border:1px solid #ddd; padding:1.5rem; display:flex;  }
.subMain .subMainNews .newsWrap .boardList .boardItem .date { width:8.0rem; background:#f6f6f6; text-align:center; flex-shrink:0; margin-right:1.5rem; padding:1.3rem 1rem 1rem; }
.subMain .subMainNews .newsWrap .boardList .boardItem .date span:nth-child(1) { font-size:1.6rem; color:#777; letter-spacing:-0.05em; line-height:1; margin-bottom:0.5rem; }
.subMain .subMainNews .newsWrap .boardList .boardItem .date span:nth-child(2) { font-size:3.4rem; color:#010101; font-weight:700; line-height:1;  }
.subMain .subMainNews .newsWrap .boardList .boardItem .subject { flex-grow:1; padding-top:1.3rem; }
.subMain .subMainNews .newsWrap .boardList .boardItem .subject a { font-size:1.8rem; line-height:2.8rem; height:5.6rem; display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; 
	-o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; display:block; }
.subMain .subMainNews .snsLinkWrap { display:flex; flex-direction:column; width:300px; flex-shrink:0; gap:1.0rem 0; }
.subMain .subMainNews .snsLinkWrap > div { flex-grow:1; height:45%; display:flex; align-items:center; text-align:center;  }
.subMain .subMainNews .snsLinkWrap > div > a { width:100%; display:block; line-height:1.3; }
.subMain .subMainNews .snsLinkWrap .linkTit { font-size:2.0rem; font-weight:600; }
.subMain .subMainNews .snsLinkWrap .linkUrl { font-size:1.5rem;  }
.subMain .subMainNews .snsLinkWrap .kakaoLink { background:#fff436; border-radius:2.0rem 0 0 0; }
.subMain .subMainNews .snsLinkWrap .kakaoLink a { color:#381e1f; }
.subMain .subMainNews .snsLinkWrap .youtubeLink { background:url("../../images_2023/certiBus/youtube_bg.png")center no-repeat; background-size:cover; border-radius:0 0 2.0rem 0;  }
.subMain .subMainNews .snsLinkWrap .youtubeLink a { color:#fff; }
.subMain .subMainNews .noTab .tabs { display:none; }

/* 에너지절약계획서 - 건축물에너지절약 계획서 검토 */
.sectionEpiWrap { background:#e3eaed; padding:6.0rem 0; }
.sectionEpiWrap .secTitle { font-weight:700; color:#010101; font-size:3.2rem; line-height:1.2; position:relative; line-height:1; width:100%; margin-bottom:2.5rem; padding-bottom:1.5rem; 
	border-bottom:1px solid #333; width:100%; }
.sectionEpiWrap .secTitle_s { font-size:2.2rem; color:var(--blue02); font-weight:700; line-height:1.3; margin-top:3.0rem; margin-bottom:1.5rem;  }
.sectionEpiWrap .secTitle_s small { display:inline-block; font-size:1.6rem; color:#555; margin-left:1.0rem; font-weight:400; position:relative; }
.sectionEpiWrap .secTitle_s small:before { content:'|'; font-size:1.3rem; color:#555; display:inline-block; margin-right:0.9rem; vertical-align:middle; }
.sectionEpiWrap .epiInqWrap .formWriteBtns { background:#fff; padding:2.0rem; }
.sectionEpiWrap .epiInqWrap .formWriteBtns ul { display:flex; flex-wrap:wrap; gap:1.0rem; justify-content:space-between; }
.sectionEpiWrap .epiInqWrap .formWriteBtns li { border:2px solid var(--blue); width:15%; flex-grow:1; }
.sectionEpiWrap .epiInqWrap .formWriteBtns li .formWriteBtn { display:block; padding:2.0rem; text-align:center; line-height:1.3; }
.sectionEpiWrap .epiInqWrap .formWriteBtns li .formWriteBtn strong { font-size:2.0rem; font-weight:700; color:#010101; margin-bottom:0.8rem; display:block; }
.sectionEpiWrap .epiInqWrap .formWriteBtns li .formWriteBtn p { font-size:1.5rem; color:#555; font-weight:400; }
.sectionEpiWrap .epiNumWrap .epiNumInputWrap { background:#fff; padding:2.0rem; display:flex;  }
.sectionEpiWrap .epiNumWrap .epiNumInputWrap .epiNumInput { width:33.0rem; margin-right:3.0rem; flex-shrink:0; }
.epiNumInputBox { display:flex; justify-content:space-between; border-radius:0 0 1.0rem 0; overflow:hidden; }
.epiNumInputBox input[type="text"] { font-size:1.8rem; height:44px; border:2px solid var(--blue); line-height:44px; }
.epiNumInputBox input[type="button"] { width:8.0rem; text-align:center; color:#fff; border:0; font-size:1.8rem; flex-shrink:0; height:44px; }
.sectionEpiWrap .epiNumWrap .epiNumText { color:#010101; font-weight:500; margin-top:1.0rem; line-height:1.5; }
.sectionEpiWrap .epiNumWrap .epiNumText .underline { text-decoration:underline; display:inline; }
.epiNumDesc li { display:flex; color:#333; line-height:1.3;  }
.epiNumDesc li:before { content:''; background:url("../../images_2023/sub/bullet_check.png")center no-repeat; width:13px; height:15px; display:block; margin-right:5px; flex-shrink:0; }
.epiNumDesc li:not(:first-child) { margin-top:1.0rem; }

/* 연구사업 - 교육환경 및 에너지녹색학술연구 */
.researchBus { padding:6.0rem 0; }
.researchBus .researchList { display:flex; justify-content:center; gap:1%; }
.researchBus .researchList .researchItem { width:calc(96%/5); }
.researchBus .researchList .researchItem .image { aspect-ratio:13 / 9; background-size:cover !important; background-repeat:no-repeat !important; background-position:center !important; 
	border-radius:0.5rem; }
.researchBus .researchList .researchItem .text { margin-top:2.0rem; text-align:center; }
.researchBus .researchList .researchItem .text strong { font-weight:700; font-size:2.2rem; color:#010101; }
.researchBus .researchList .researchItem .text p { font-size:1.6rem; color:#555; line-height:1.4; margin-top:1.0rem;  }

/* 연구사업 - 연구실적현황 */
.researchStatus { background:#f1f4f6; padding:6.0rem 0; }
.researchStatus .inner { }
.researchStatus .secTitle small { color:#777; font-size:1.8rem; font-weight:400; }
.researchStatus .reStatusGraph { display:flex; border-radius:1.0rem 0 1.0rem 0; overflow:hidden; }
.researchStatus .reStatusGraph .reStatus { padding:1.5rem 1.0rem;  }
.researchStatus .reStatusGraph .reStatus .reStatusNum { color:#fff; line-height:1.3; }
.researchStatus .reStatusGraph .reStatus.sts01 { background:var(--blue); /*width:calc(653*100% / (653 + 45 + 25 + 18));*/ flex-grow:1; } 
.researchStatus .reStatusGraph .reStatus.sts02 { background:var(--teal); /*width:calc(45*100% / (653 + 45 + 25 + 18));*/ width:16%; } 
.researchStatus .reStatusGraph .reStatus.sts03 { background:var(--dkgreen); /*width:calc(25*100% / (653 + 45 + 25 + 18));*/ width:12%; } 
.researchStatus .reStatusGraph .reStatus.sts04 { background:var(--green); /*width:calc(18*100% / (653 + 45 + 25 + 18));*/ width:8%; } 
.researchStatus .reStatusGraph .reStatus h3 { font-size:1.8rem; font-weight:400; }
.researchStatus .reStatusGraph .reStatus p { font-size:1.8rem; font-weight:400; }
.researchStatus .reStatusGraph .reStatus p strong { font-size:3.6rem; font-weight:700; }

@media all and (max-width: 1440px) {
	.subMain .subMainNews .inner { gap:30px; }
}


/* ================================== Laptop (1024 ~ 1279) ================================== */
@media all and (max-width: 1279px) { 
	.subMain .subCategory .catTitle { font-size:5.2rem; margin-bottom:5.4rem; }
	.categoryList .catDepth_01 > a { font-size:1.8rem; margin-bottom:1.35rem; padding-left:1.8rem; }
	.categoryList .catDepth_02 li a { font-size:1.7rem; padding:0.6rem 0 0.6rem 1.8rem; }

	.subMain .secTitle { font-size:3rem; margin-bottom:2.5rem; }
	.subMain .secTitle.underLine { padding-bottom:1.2rem; }
	
	.subMain .quickMenuWrap .quickMenuBtns { gap:0 2.17391%; }
	.subMain .quickMenuWrap .quickMenuBtns.col04 .quickMenuBtn { padding:2.0rem; }	
	
	.subMain .subMainNews .newsWrap .tab_container .tabs { left:200px; }
	.subMain.gbCerti .subMainNews .newsWrap .tab_container .tabs { left:250px; }
	.subMain .subMainNews .newsWrap .boardList { gap:10px; }
	.subMain .subMainNews .newsWrap .boardList .boardItem { padding:1.5rem 1rem;}	
	.subMain .subMainNews .newsWrap .boardList .boardItem .date { width:7.0rem; margin-right:1.0rem; padding:1.3rem 0.5rem 1rem; }
	.subMain .subMainNews .newsWrap .boardList .boardItem .date span:nth-child(1) { font-size:1.5rem;  }
	.subMain .subMainNews .newsWrap .boardList .boardItem .date span:nth-child(2) { font-size:3.2rem;  }
	.subMain .subMainNews .newsWrap .boardList .boardItem .subject a { font-size:1.7rem; }
	.subMain .subMainNews .snsLinkWrap { width:250px; }
	.subMain .subMainNews .snsLinkWrap .linkTit { font-size:2.0rem; font-weight:600; }
	.subMain .subMainNews .snsLinkWrap .linkUrl { font-size:1.5rem; }
	.subMain .subMainNews .snsLinkWrap .icon img { width:5.0rem; }
	
	/* 에너지절약계획서 - 건축물에너지절약 계획서 검토 */
	.sectionEpiWrap .epiInqWrap .formWriteBtns li .formWriteBtn { padding:2rem 1rem; }
	
}

/* ================================== Tablet (768 ~ 1023) ================================== */
@media all and (max-width: 1023px) { 
	.subMain .subCategory .catTitle { font-size:4.9rem; margin-bottom:4.5rem; }
	.subMain .subCategory .categoryWrap .categoryList { gap:0 1.4%; }
	.categoryList .catDepth_01 > a { font-size:1.8rem; margin-bottom:1.35rem; padding-left:1.0rem; letter-spacing:-0.05em; }
	.categoryList .catDepth_02 li a {  font-size:1.7rem; padding:0.6rem 0 0.6rem 1.0rem;  }	
	
	.subMain .quickMenuWrap .quickMenuBtns .quickMenuBtn  { padding:2.0rem; }	
	.subMain .quickMenuWrap .quickMenuBtns .quickMenuBtn .text strong { font-size:2.0rem; }
	.subMain .quickMenuWrap .quickMenuBtns.col04,
	.subMain .quickMenuWrap .quickMenuBtns.col05 { flex-wrap:wrap; gap:0.8rem 1%;}
	.subMain .quickMenuWrap .quickMenuBtns.col05 { justify-content:center;}
	.subMain .quickMenuWrap .quickMenuBtns.col05 .quickMenuBtn { width:calc(98%/3); flex-grow:unset; }
	.subMain .quickMenuWrap .quickMenuBtns.col04 .quickMenuBtn { width:40%; }
	.subMain .quickMenuWrap.epiQuick .quickMenuBtns .quickMenuBtn:nth-child(4) .logo { text-align:center; }

	.subMain .subMainNews h2.secTitle { display:none; }
	.subMain .subMainNews .newsWrap .tab_container .tabs { position:relative; top:0; left:0 !important; border-bottom:1px solid #333; padding-bottom:1rem; margin-bottom:1rem; line-height:1; }
	.subMain .subMainNews .newsWrap .tab_container .tabs li a { font-size:2.6rem; }
	.subMain .subMainNews .newsWrap .tab_content .moreBtn { top:-1.0rem; }
	.subMain .subMainNews .newsWrap .boardList { gap:0; }
	.subMain .subMainNews .newsWrap .boardList .boardItem { width:100%; padding:0; border:0;}
	.subMain .subMainNews .newsWrap .boardList .boardItem { margin-top:5px; border-bottom:1px solid #efefef; padding-bottom:6px;}
	.subMain .subMainNews .newsWrap .boardList .boardItem .date { padding:1rem 1rem 0.7rem;}
	.subMain .subMainNews .newsWrap .boardList .boardItem .date span:nth-child(1) { margin-bottom:2px; }
	.subMain .subMainNews .newsWrap .boardList .boardItem .subject { padding-top:0.8rem; }
	.subMain .subMainNews .snsLinkWrap .linkUrl { font-size:1.4rem;  }
	.subMain .subMainNews .noTab .tab_content .secTitle { display:block; font-size:2.6rem; margin-bottom:1rem; }

	/* 에너지절약계획서 - 건축물에너지절약 계획서 검토 */
	.sectionEpiWrap .epiInqWrap .formWriteBtns li { width:40%; }

	/* 연구사업 - 교육환경 및 에너지녹색학술연구 */
	.researchBus .researchList { flex-wrap:wrap; gap:1.5rem 1%;}
	.researchBus .researchList .researchItem { width:calc(98%/3); }

	/* 연구사업 - 연구실적현황 */
	.researchStatus .reStatusGraph .reStatus { padding:1.5rem 0.8rem; }
	.researchStatus .reStatusGraph .reStatus h3 { font-size:1.6rem; }
	.researchStatus .reStatusGraph .reStatus p { font-size:1.6rem;}
	.researchStatus .reStatusGraph .reStatus p strong { font-size:3.2rem; }
	
}

@media all and (min-width: 480px) and (max-width: 1023px) {
	.subMain .quickMenuWrap .quickMenuBtns .quickMenuBtn { flex-direction:column;}
	.subMain .quickMenuWrap .quickMenuBtns .quickMenuBtn .icon { margin-right:0rem; text-align:center; margin-bottom:1.0rem; width:100%; }
	.subMain .quickMenuWrap .quickMenuBtns .quickMenuBtn .text { width:100%; text-align:center; }
}

/* ================================== Mobile (480 ~ 767, 479이하) ================================== */
@media all and (max-width: 767px) { 
	.subMain { margin-top:60px; }
	.subMain .inner { padding:0 20px; }
	.subMain .subCategory { padding:11.0rem 0 5.0rem 0;}
	.subMain .subCategory .categoryWrap .categoryList {flex-wrap:wrap; gap:2.0rem 0;}	
	.subMain .subCategory .catTitle { font-size:4.0rem; margin-bottom:3.5rem; }
	.subMain .subCategory .categoryWrap .categoryList > li { width:100%; }
	.categoryList .catDepth_01 > a {height:4.6rem; border:1px solid rgba(255,255,255,0.5); margin-bottom:1.0rem; }		

	.subMain .subMainNews { margin:6rem auto; }
	.subMain .subMainNews .inner {flex-wrap:wrap; }
	.subMain .subMainNews .newsWrap { width:100%; }
	.subMain .subMainNews .snsLinkWrap {flex-direction:row; width:100%; }
	.subMain .subMainNews .snsLinkWrap > div { width:45%; flex-grow:1; height:100%; padding:3.0rem 2.0rem; display:block; }	
	
	/* 에너지절약계획서 - 건축물에너지절약 계획서 검토 */
	.sectionEpiWrap { padding:4.0rem 0; }
	.sectionEpiWrap .secTitle_s small { display:block; margin-left:0; }
	.sectionEpiWrap .epiNumWrap .epiNumInputWrap {flex-direction:column; gap:1.5rem; }
	.sectionEpiWrap .epiNumWrap .epiNumInputWrap .epiNumInput { width:100%; margin-right:0; }

	/* 연구사업 - 연구실적현황 */
	.researchStatus .reStatusGraph .reStatus { padding:1.5rem 0.8rem; }
	.researchStatus .reStatusGraph .reStatus h3 { font-size:1.6rem; }
	.researchStatus .reStatusGraph .reStatus p { font-size:1.6rem;}
	.researchStatus .reStatusGraph .reStatus p strong { font-size:2.8rem; }
	.researchStatus .reStatusGraph .reStatus.sts02 { width:18%; } 
	.researchStatus .reStatusGraph .reStatus.sts03 { width:14%; } 
	.researchStatus .reStatusGraph .reStatus.sts04 { width:11%; } 
}

@media all and (max-width: 479px) { 
	.subMain .subCategory .catTitle { font-size:2.5rem; margin-bottom:2.5rem; }
	.categoryList .catDepth_01 > a {  }

	.subMain .secTitle { font-size:2.6rem; margin-bottom:1.2rem;  }
	.subMain .secTitle.underLine { padding-bottom:1.2rem; }	
	
	.subMain .quickMenuWrap .quickMenuBtns { flex-direction:column; gap:1.0rem; }
	.subMain .quickMenuWrap .quickMenuBtns .quickMenuBtn { width:100%; align-items:center; padding:1.5rem; border-radius:1.0rem; }
	.subMain .quickMenuWrap .quickMenuBtns .quickMenuBtn .icon { margin-right:1.0rem; width:20%; }
	.subMain .quickMenuWrap .quickMenuBtns .quickMenuBtn .text strong { margin-bottom:0.5rem; font-size:1.8rem }
	.subMain .quickMenuWrap .quickMenuBtns.col05 .quickMenuBtn { flex-direction:row; padding:2rem; width:100%; align-items:center;  }
	.subMain .quickMenuWrap .quickMenuBtns.col05 .quickMenuBtn .icon { margin-right:1.4rem; width:18%; margin-bottom:0; }
	.subMain .quickMenuWrap .quickMenuBtns.col05 .quickMenuBtn .text { text-align:left; }
	.subMain .quickMenuWrap .quickMenuBtns.col04 { flex-direction:row; gap:0.5rem; }
	.subMain .quickMenuWrap .quickMenuBtns.col04 .quickMenuBtn { flex-direction:column; }
	.subMain .quickMenuWrap .quickMenuBtns.col04 .quickMenuBtn .icon { width:100%; text-align:center; }
	.subMain .quickMenuWrap .quickMenuBtns.col04 .quickMenuBtn .icon img { max-width:5.0rem; }
	.subMain .quickMenuWrap.epiQuick { padding:3.0rem 0; }
	.subMain .quickMenuWrap.epiQuick .quickMenuBtns .quickMenuBtn:nth-child(4) .text strong { font-size:2.8rem; }

	.subMain .subMainNews .inner { gap:4.5rem; }
	.subMain .subMainNews { margin:4.5rem auto; }
	.subMain .subMainNews .newsWrap .tab_container .tabs { display:none; }
	.subMain .subMainNews .tab_content { display:block !important; position:relative; }
	.subMain .subMainNews .tab_content .secTitle { display:block; }
	.subMain .subMainNews .newsWrap .tab_content .moreBtn { top:-0.5rem; width:3.6rem; height:3.6rem; }
	#board02 { margin-top:4.5rem; }
	.subMain .subMainNews .snsLinkWrap > div { padding:1.5rem;}
	.subMain .subMainNews .snsLinkWrap .linkTit { font-size:1.8rem; }
	.subMain .subMainNews .snsLinkWrap .linkUrl { word-break:break-all; }

	/* 연구사업 - 교육환경 및 에너지녹색학술연구 */
	.researchBus { padding:5.0rem 0; }
	.researchBus .researchList .researchItem { width:100%; display:flex; flex-direction:row; }
	.researchBus .researchList .researchItem .image { width:30%; }
	.researchBus .researchList .researchItem .text { width:70%; margin-top:0; padding-left:1.5rem; text-align:left; }
	.researchBus .researchList .researchItem .text strong { font-size:1.8rem; }

	/* 연구사업 - 연구실적현황 */
	.researchStatus { padding:5.0rem 0; }
	.researchStatus .reStatusGraph { flex-wrap:wrap; border-radius:0; }
	.researchStatus .reStatusGraph .reStatus { width:100% !important; padding:0; display:flex; justify-content:space-between; background:none !important; align-items:center; }
	.researchStatus .reStatusGraph .reStatus:not(:last-child) { margin-bottom:1.5rem; }
	.researchStatus .reStatusGraph .reStatus h3 { font-size:1.5rem; }
	.researchStatus .reStatusGraph .reStatus p { font-size:1.4rem;}
	.researchStatus .reStatusGraph .reStatus p strong { font-size:2.2rem; }
	.researchStatus .reStatusGraph .reStatus .reStatusNum { color:#010101; width:8rem; flex-shrink:0; text-align:right; line-height:1.2; }
	.researchStatus .reStatusGraph .reStatus:before {  display:block; content:''; height:90%; }
	.researchStatus .reStatusGraph .reStatus.sts01:before { background:var(--blue); width:100%;  } 
	.researchStatus .reStatusGraph .reStatus.sts02:before { background:var(--teal);  width:16%; } 
	.researchStatus .reStatusGraph .reStatus.sts03:before { background:var(--dkgreen); width:10%; } 
	.researchStatus .reStatusGraph .reStatus.sts04:before { background:var(--green);  width:7%; } 
	
}


/* -----------------------------------------------------------------------------------------------------
/////////////////////////////////////////////  데이터취합 로그인  //////////////////////////////////////
------------------------------------------------------------------------------------------------------*/
.loginLayerPop { width:700px; margin:30px auto;  }
.loginLayerPop .hGroup { /*background:url(../../images/contents/login_data_h_bg.png) right bottom no-repeat; padding-bottom:10px;*/  text-align:center; line-height:1.5; }
.loginLayerPop .hGroup h3 { font-size:35px; color:var(--blue01); font-weight:600; margin-bottom:30px; }
.loginLayerPop .hGroup h4 { font-size:30px; color:#555;  font-weight:400; }
.loginLayerPop .login-data-in { background:#f1f1f1; width:100%; padding:50px; display:flex; justify-content:center; align-items:center; }
.loginLayerPop .login-data-in .loginBox { display:flex; flex-direction:column; justify-content:center; align-items:center; }
.loginLayerPop .login-data-in .loginBox .checknum { text-align:center; width:300px; }
.loginLayerPop .login-data-in .loginBox .checknum strong { font-size:20px; margin-bottom:20px; color:#010101; font-weight:400; display:block; }
.loginLayerPop .login-data-in .loginBox .checknum input[type="text"] { height:56px; line-height:56px; border-radius:10px 0 0 0; font-size:16px; }
.loginLayerPop .login-data-in .loginBox .checknum_input { display:flex; flex-direction:column; justify-content:center; gap:2px; }
.loginLayerPop .login-data-in .loginBox .login-data-text { font-size:16px; }
.loginLayerPop .btn_logo { text-align:center; }

.subContentWrap.layerContent { padding:20px; width:1100px; margin:0 auto; }
.subContentWrap.layerContent .subContent { padding-top:20px; }
.subContentWrap.layerContent .subContent .flexDiv .blueTit { margin:0;}
.input_btn02 { height:26px; line-height:26px; padding:0 10px; }

.tabBtnFlex { display:flex; gap:2px 2px; flex-wrap:wrap; margin-bottom:10px; }
.tabBtnFlex .tap_btn { width:calc(100%/6 - 10px/6); height:32px; line-height:32px; background:#efefef; text-align:center; font-size:14px; color:#333; border:1px solid #e1e1e1; }
.tabBtnFlex .tap_btn.on { background:var(--blue01); border-color:var(--blue01); color:#fff; }
.tabBtnFlex.tab10 .tap_btn { width:calc(100%/5 - 10px/5); }

.resultSheet .table01 td { padding:15px; line-height:2.0; }
.zero_sheet .tap_cont .certiTable td { line-height:1.6; }
.zero_sheet .tap_cont .certiTable td input[type="text"] { height:30px; line-height:30px; }
.zero_sheet input[type="text"],
.zero_sheet select { height:28px; line-height:28px; padding:0 5px; margin:1px; }

.exmZero .flexDivCol .tit { font-weight:600;}