@charset "utf-8";

#main {  }

/* 메인페이지 공통 */
.section { width:100%; position:relative; }
.section .inner { width:100%; max-width:1440px; margin:0 auto; position:relative; padding:0 30px; }
.section .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; }
.section .secTitle.underLine { padding-bottom:1.5rem; border-bottom:1px solid #333; width:100%; }

/* main visual */
.mainVisualWrap { width:100%; position:relative; z-index:1; }
.mainVisualWrap .mainVisual { width:100%; text-align:center; position:relative; overflow:hidden; /*aspect-ratio:1920/710;*/ height:710px; }	
.mainVisualWrap .mainVisual .visualItem { position:relative; width:100%; height:710px; overflow:hidden; }
.mainVisualWrap .mainVisual .visualBg {width:100%; position:relative; height:710px; transform:scale(1.0); }

.mainVisualWrap .mainVisual .visualText {  position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; padding:0 80px; z-index:10; margin-top:60px; }
.mainVisualWrap .mainVisual .visualText .text_1 { font-size:5.0rem; line-height:1.2; color:#fff; font-weight:200; opacity:0;}
.mainVisualWrap .mainVisual .visualText .text_1 strong { font-weight:700; }
.mainVisualWrap .mainVisual .visualText .text_2 { margin-top:3rem; font-size:2.2rem; line-height:1.2; color:#fff; font-weight:400; letter-spacing:0.015em; opacity:0; }

.mainVisualWrap .mainVisual .visualBg .visualImg { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; 
	background-size:cover !important; background-position:center !important;  }
.visualItem.slick-slide.slick-current.slick-active .visualBg{  animation:visualBg 2.0s forwards; animation-delay:0.4s;  }
.visualItem.slick-slide.slick-current.slick-active .text_1 {  animation:enterText 0.8s forwards; animation-delay:0.8s; }
.visualItem.slick-slide.slick-current.slick-active .text_2 { animation:enterText 1.0s forwards; animation-delay:1.0s; }

.mainVisualWrap .arrowSlider .arrows { position:absolute; width:8.0rem; height:8.0rem; top:50%; transform:translateY(-50%); margin-top:60px; }
.mainVisualWrap .arrowSlider .arrows.prev { left:0; background:url(../../images_2023/common/slide_prev.png)center no-repeat; background-size:contain; background-color:rgba(255,255,255,0.1); border:0;}
.mainVisualWrap .arrowSlider .arrows.next { right:0; background:url(../../images_2023/common/slide_next.png)center no-repeat; background-size:contain; background-color:rgba(255,255,255,0.1); border:0; }


@keyframes visualBg {
	0%{
  	opacity:1;
	transform:scale(1);
    }
    100%{
  	  opacity:1;
      transform:scale(1.1);
    }
}

@keyframes enterText {
	0%{
  	opacity:0;
	transform: translateY(80px);
    }
    100%{
  	  opacity:1;
      transform: translateY(0);
    }
}

/* 사업영역 .businessWrap */
.businessWrap { margin-top:-50px; width:100%; overflow:hidden; border-radius:50px 50px 0 0; position:relative; z-index:2; padding:50px 0;  }
.businessWrap:before { width:50%; height:100%; position:absolute; content:''; display:block; top:0; left:0; background:#e3eaed; z-index:1; }
.businessWrap:after { width:50%; height:100%; position:absolute; content:''; display:block; top:0; right:0; background:#fff; z-index:1; }
.businessWrap .inner {  display:flex; justify-content:space-between; gap:120px; z-index:2; }
.businessWrap .inner > div { width:40%; flex-grow:1; }
.businessWrap .businessBox { display:flex; justify-content:space-between; flex-wrap:wrap; gap:2.5rem 5%; }
.businessWrap .businessBox li { width:21%; flex-grow:1;  }
.businessWrap .businessBox .busiItem { display:block; width:100%; }
.businessWrap .businessBox .busiItem .icon { margin:0 auto; width:100%; max-width:105px; aspect-ratio:1/1; border-radius:50%; }
.businessWrap .businessBox .busiItem .text { font-size:1.8rem; margin-top:1rem; line-height:1.1; text-align:center; letter-spacing:-0.05em; }
.businessWrap .busiPublic .businessBox .busiItem:hover .text { /*color:#0d3557;*/ }
.businessWrap .busiCerti .businessBox .busiItem:hover .text { /*color:#06854a;*/ }
.businessWrap .busiPublic .businessBox .busiItem .icon { background:url("../../images_2023/main/busPublic_icon_140x140.png")no-repeat; background-size:900%; background-color:#fff; transition:all 0.3s; }
.businessWrap .busiPublic .businessBox .busiItem:hover .icon {  background-color:#0d3557; transition:all 0.3s; }
.businessWrap .busiCerti .businessBox .busiItem .icon { background:url("../../images_2023/main/busCerti_icon_140x140.png")no-repeat; background-size:900%; background-color:#e1eae3; transition:all 0.3s; }
.businessWrap .busiCerti .businessBox .busiItem:hover .icon {  background-color:#06854a; transition:all 0.3s; }
.businessWrap .businessBox .busiItem.item01 .icon { background-position:0 0; }
.businessWrap .businessBox .busiItem.item01:hover .icon { background-position:0 100%; }
.businessWrap .businessBox .busiItem.item02 .icon { background-position:12.5% 0; }
.businessWrap .businessBox .busiItem.item02:hover .icon { background-position:12.5% 100%; } 
.businessWrap .businessBox .busiItem.item03 .icon { background-position:25% 0; }
.businessWrap .businessBox .busiItem.item03:hover .icon { background-position:25% 100%; } 
.businessWrap .businessBox .busiItem.item04 .icon { background-position:37.5% 0; }
.businessWrap .businessBox .busiItem.item04:hover .icon { background-position:37.5% 100%; } 
.businessWrap .businessBox .busiItem.item05 .icon { background-position:50% 0; }
.businessWrap .businessBox .busiItem.item05:hover .icon { background-position:50% 100%; } 
.businessWrap .businessBox .busiItem.item06 .icon { background-position:62.5% 0; }
.businessWrap .businessBox .busiItem.item06:hover .icon { background-position:62.5% 100%; }
.businessWrap .businessBox .busiItem.item07 .icon { background-position:75% 0; }
.businessWrap .businessBox .busiItem.item07:hover .icon { background-position:75% 100%; } 
.businessWrap .businessBox .busiItem.item08 .icon { background-position:87.5% 0; }
.businessWrap .businessBox .busiItem.item08:hover .icon { background-position:87.5% 100%; } 
.businessWrap .businessBox .busiItem .text br { display:none; }


/* 뉴스 섹션 */
.newsSection { margin:10rem 0; }
.newsSection .inner { display:flex; justify-content:space-between; gap:60px; }
.newsSection .newsWrap { flex-grow:1; position:relative; }
.newsSection .imgNewsWrap { width:300px; flex-shrink:0;  }
.newsSection .tab_content .secTitle { display:none; }

.newsSection .newsWrap .tab_container { position:relative; }
.newsSection .newsWrap .tab_container .tabs { position:absolute; left:240px; top:-60px; }
.newsSection .newsWrap .tab_container .tabs ul { display:flex; gap:3.0rem; }
.newsSection .newsWrap .tab_container .tabs li a { font-size:2.2rem; color:#777; font-weight:600; display:flex; align-items:center; }
.newsSection .newsWrap .tab_container .tabs li a:before { width:1.0rem; height:1.0rem; border-radius:50%; content:''; background:#777; margin-right:0.5rem; }
.newsSection .newsWrap .tab_container .tabs li.active a:before { background:#0068b7; }
.newsSection .newsWrap .tab_container .tabs li.active a  { color:#010101; }
.newsSection .newsWrap .tab_content .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; }
.newsSection .newsWrap .boardList { display:flex; flex-wrap:wrap; gap:20px; }
.newsSection .newsWrap .boardList .boardItem { flex-grow:1; width:40%; border:1px solid #ddd; padding:1.5rem; display:flex;  }
.newsSection .newsWrap .boardList .boardItem .date { width:8.0rem; background:#f6f6f6; text-align:center; flex-shrink:0; margin-right:1.5rem; padding:1.3rem 1rem 1rem; }
.newsSection .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; }
.newsSection .newsWrap .boardList .boardItem .date span:nth-child(2) { font-size:3.4rem; color:#010101; font-weight:700; line-height:1;  }
.newsSection .newsWrap .boardList .boardItem .subject { flex-grow:1; padding-top:1.0rem; }
.newsSection .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; }

.imgNewsWrap { border-radius:20px 0 10px 0; overflow:hidden; color:#e2e2e3; }
.imgNewsWrap .slideBottom { width:100%; display:flex; justify-content:space-between; gap:1px; align-items:center; background:#e2e2e3; }
.imgNewsWrap .slideBottom .pagingInfo { flex-grow:1; color:#010101; font-size:1.6rem; font-weight:500; letter-spacing:0.1em; padding-left:1.5rem; }
.imgNewsWrap .slideBottom .arrowSlider { display:flex;}
.imgNewsWrap .slideBottom .btn { width:40px; height:40px; display:block; border:0; background:url("../../images_2023/common/slideControl.png")no-repeat; background-size:500%; background-color:#f1f1f1;}
.imgNewsWrap .slideBottom .btn.prev  { background-position:0 0; }
.imgNewsWrap .slideBottom .btn.next  { background-position:25% 0; }
.imgNewsWrap .slideBottom .btn.stop  { background-position:50% 0; }
.imgNewsWrap .slideBottom .btn.play  { background-position:75% 0; }

/* 카카오채널 바로가기 */
.kakaoChannel { background:#f1f1f1; padding:5.0rem 0; }
.section.kakaoChannel .secTitle { font-size:2.4rem; }
.kakaoChannel .secTitle img { width:4.2rem; margin-right:5px; vertical-align:middle;  }
.kakaoChannel .kakaoList { display:flex; gap:15px; justify-content:space-between; }
.kakaoChannel .kakaoList li { width:10%; flex-grow:1; border:2px solid #d4d4d4; border-radius:2.2rem; text-align:center; line-height:1;  }
.kakaoChannel .kakaoList li a { display:block; width:100%; padding:1.2rem 1.5rem 1rem; }
.kakaoChannel .kakaoList .kakaoLink img { width:12px; margin-left:5px; }


@media all and (max-width: 1440px) {
	/* 사업영역 .businessWrap */
	.businessWrap .inner { gap:60px; }
	.newsSection .inner { gap:30px; }
}


/* ================================== Laptop (1024 ~ 1279) ================================== */
@media all and (max-width: 1279px) { 
	/* 메인페이지 공통 */
	.section .secTitle { font-size:3rem; margin-bottom:2.5rem; }
	.section .secTitle.underLine { padding-bottom:1.2rem; }
	
	/* main visual */
	.mainVisualWrap .mainVisual .visualText .text_1 { font-size:4.6rem; }
	
	/* 사업영역 .businessWrap */
	.businessWrap .businessBox .busiItem .text { font-size:1.7rem; }
	
	/* 뉴스 섹션 */
	.newsSection .imgNewsWrap { width:260px; }	
	.newsSection .newsWrap .tab_container .tabs { left:200px; }
	.newsSection .newsWrap .boardList { gap:10px; }
	.newsSection .newsWrap .boardList .boardItem { padding:1.5rem 1rem;}	
	.newsSection .newsWrap .boardList .boardItem .date { width:7.0rem; margin-right:1.0rem; padding:1.3rem 0.5rem 1rem; }
	.newsSection .newsWrap .boardList .boardItem .date span:nth-child(1) { font-size:1.5rem;  }
	.newsSection .newsWrap .boardList .boardItem .date span:nth-child(2) { font-size:3.2rem;  }
	.newsSection .newsWrap .boardList .boardItem .subject a { font-size:1.7rem; }
	
	/* 카카오채널 바로가기 */
	.kakaoChannel .kakaoList { gap:10px; }
	.kakaoChannel .kakaoList li { width:auto; }	
}


/* ================================== Tablet (768 ~ 1023) ================================== */
@media all and (max-width: 1023px) { 
	/* main visual */
	.mainVisualWrap .mainVisual .visualText .text_1 { font-size:4.0rem; }
	.mainVisualWrap .mainVisual .visualText .text_2 { margin-top:2rem; font-size:2.1rem; }
	.mainVisualWrap .mainVisual .visualText br { display:none; }	
	.mainVisualWrap .arrowSlider .arrows { width:7.0rem; height:7.0rem; }
	
	/* 사업영역 .businessWrap */
	.businessWrap { margin-top:0rem; border-radius:0; padding:0;  }
	.businessWrap:before { display:none; }
	.businessWrap:after { display:none; }
	.businessWrap .inner { flex-wrap:wrap; padding:0; gap:0; }
	.businessWrap .inner > div { width:100%; padding:8rem 30px; }
	.businessWrap .businessBox .busiItem .icon { max-width:110px; }
	.businessWrap .busiPublic .businessBox .busiItem .icon { background-color:#f3f5f6; }
	.businessWrap .inner > div.busiCerti { background:#edf1f3; }
	.businessWrap .busiCerti .businessBox .busiItem .icon { background-color:#fff; }
	
	/* 뉴스 섹션 */
	.section.newsSection  .secTitle { display:none; }
	.newsSection .newsWrap .tab_container .tabs { position:relative; top:0; left:0; border-bottom:1px solid #333; padding-bottom:1rem; margin-bottom:1rem; line-height:1; }
	.newsSection .newsWrap .tab_container .tabs li a { font-size:2.6rem; }
	.newsSection .newsWrap .tab_content .moreBtn { top:-5.5rem; }
	.newsSection .newsWrap .boardList { gap:0; }
	.newsSection .newsWrap .boardList .boardItem { width:100%; padding:0; border:0;}
	.newsSection .newsWrap .boardList .boardItem { margin-top:5px; border-bottom:1px solid #efefef; padding-bottom:6px;}
	.newsSection .newsWrap .boardList .boardItem .date { padding:1rem 1rem 0.7rem;}
	.newsSection .newsWrap .boardList .boardItem .date span:nth-child(1) { margin-bottom:2px; }
	.newsSection .newsWrap .boardList .boardItem .subject { padding-top:0.8rem; }
	
	/* 카카오채널 바로가기 */
	.kakaoChannel .kakaoList { flex-wrap:wrap; }
	.kakaoChannel .kakaoList li { width:30%;  }

}



/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) {
	
	/* main visual */
	.mainVisualWrap .mainVisual,	
	.mainVisualWrap .mainVisual .visualItem,
	.mainVisualWrap .mainVisual .visualBg { height:50vh; min-height:350px; max-height:400px; }
	.mainVisualWrap .mainVisual .visualText { padding:0 40px; margin-top:30px; }
	.mainVisualWrap .mainVisual .visualText .text_1 { font-size:26px; } 
	.mainVisualWrap .mainVisual .visualText .text_2 { margin-top:1.0rem; font-size:12px; }
	.mainVisualWrap .arrowSlider .arrows { display:none !important; }
	.mainVisualWrap .slick-dots { position:absolute; bottom:10px; width:100%; z-index:10; display:flex; justify-content:center; gap:10px; }
	.mainVisualWrap .slick-dots button { text-indent:-10000px; font-size:0; width:14px; height:14px; border-radius:50%; border:1px solid rgba(255,255,255,1); background:transparent; }
	.mainVisualWrap .slick-dots .slick-active button { background:rgba(255,255,255,1); }
	
	/* 사업영역 .businessWrap */
	.businessWrap .inner > div { padding:6rem 30px; }
	.businessWrap .businessBox { gap:2.5rem 3.5%; }
	
	/* 뉴스 섹션 */
	.newsSection { margin:6rem auto; }
	.newsSection .inner { flex-wrap:wrap;}
	.newsSection .newsWrap { width:100%; }
	.newsSection .imgNewsWrap { width:100%; max-width:600px; margin:0 auto; }
	.imgNewsSlide .slick-slide { padding-right:1.0rem; }
	.imgNewsSlide { margin-right:-1.0rem; }
	
	/* 카카오채널 바로가기 */
	.kakaoChannel { padding:4.0rem 0; }
	.kakaoChannel .kakaoList { gap:6px;}
	.kakaoChannel .kakaoList li { }
	.kakaoChannel .kakaoList li a { padding:1.2rem 0.5rem 1rem; font-size:1.6rem; }
	.kakaoChannel .kakaoList .kakaoLink img { width:10px; margin-left:5px; }
	
}

@media all and (max-width: 479px) {
	/* 메인페이지 공통 */
	.section .secTitle { font-size:2.6rem; margin-bottom:1.2rem;  }
	.section .secTitle.underLine { padding-bottom:1.2rem; }	
	
	/* 사업영역 .businessWrap */
	.businessWrap .inner > div { padding:4.5rem 20px; }
	.businessWrap .businessBox { gap:2.2rem 3.5%; }
	.businessWrap .businessBox .busiItem .text { font-size:1.6rem; }
	.businessWrap .businessBox .busiItem .text br { display:inline; }
	
	/* 뉴스 섹션 */
	.newsSection .inner { gap:4.5rem; }
	.newsSection { margin:4.5rem auto; }
	.newsSection .newsWrap .tab_container .tabs { display:none; }
	.newsSection .tab_content { display:block !important; position:relative; }
	.newsSection .tab_content .secTitle { display:block; }
	.newsSection .newsWrap .tab_content .moreBtn { top:-0.5rem; width:3.6rem; height:3.6rem; }
	#noticeBoard { margin-top:4.5rem; }
	
	/* 카카오채널 바로가기 */
	.kakaoChannel .kakaoList { gap:1rem; }
	.kakaoChannel .kakaoList li { width:40%;}

}