.lead2 {
  position: relative;
  
  line-height: 1.6; font-size:16px; color:#555; letter-spacing:-0.02em; line-height:1.75; font-weight:400
}
.lead {
  position: relative;
  padding-left: 1.5em; /* ※ 너비만큼 공간 확보 */
  text-indent: -1.5em; /* 첫줄만 앞으로 당김 */
  line-height: 1.6; font-size:16px; color:#555; letter-spacing:-0.02em; line-height:1.75; font-weight:400
}

@media screen and (max-width:740px) {

	.lead {  position: relative;
  padding-left: 0; /* ※ 너비만큼 공간 확보 */
  text-indent: 0; /* 첫줄만 앞으로 당김 */
  line-height: 1.6; font-size:17px; color:#555; letter-spacing:-0.02em; line-height:1.75; font-weight:400}
}



		
/*메인배너*/
.main-carousel{padding:0; display:block}
.main-carousel .li{height:700px; background-size:cover; background-position:center; position:relative;  overflow: hidden;}
.main-carousel .li .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/main_visual_cover.png) center bottom no-repeat;
-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:300px;opacity:.8;z-index:1}

.main-carousel .jarallax { height: 700px; }
.main-carousel .img01 { background-image:url(/main/img/main/main_banner_img01.jpg);  /*animation: shrinkBackground 5s ease-in-out forwards; */}
.main-carousel .img02 { background-image:url(/main/img/main/main_banner_img02.jpg); /*animation: shrinkBackground 5s ease-in-out forwards; */}
.main-carousel .img03 { background-image:url(/main/img/main/main_banner_img03.jpg); /*animation: shrinkBackground 5s ease-in-out forwards; */}
.main-carousel .img04 { background-image:url(/main/img/main/main_banner_img04.jpg); /*animation: shrinkBackground 5s ease-in-out forwards; */}


.main-carousel .li::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  transition: transform 5s ease-in-out;
  transform: scale(1.2);
}

/* 이미지 줌인 효과용 클래스 */
.main-carousel .li.zoom::before {
  transform: scale(1);
}

/* 각 배경 설정 (before에 이미지 지정) */
.main-carousel .img01::before {
  background-image: url(/main/img/main/main_banner_img01.jpg);
}
.main-carousel .img02::before {
  background-image: url(/main/img/main/main_banner_img02.jpg);
}
.main-carousel .img03::before {
  background-image: url(/main/img/main/main_banner_img03.jpg);
}
.main-carousel .img04::before {
  background-image: url(/main/img/main/main_banner_img04.jpg);
}

@keyframes visual-zoom {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}
@-webkit-keyframes visual-zoom {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}





.main-carousel .li .copy_area{width:1400px; top:350px; margin: 0 auto; color:#fff;position:relative;padding:0 0px; z-index: 1;}
.main-carousel .li .copy_area h1{font-size:14px;font-weight:300; line-height:1.3; letter-spacing:0.5px; padding-top:20px;  color:#fff; text-align:center}
.main-carousel .li .copy_area h2{font-size:48px;font-weight:500; line-height:1.2; letter-spacing:-4px; word-break:keep-all; color:#fff; text-align:left; margin-left:0px;}

.main-carousel .li .copy_area h3{font-size:32px;font-weight:500;text-align:left;margin:10px 0 0; padding:0 0px; word-break:keep-all; color:#fff;  letter-spacing:-2px; }
.main-carousel .owl-dots{ display:none;  position:absolute;width:100%; text-align:center; margin:0 auto; bottom:35px;}
.main-carousel .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:30px;height:5px;display:inline-block;margin-left:10px}
.main-carousel .owl-dots .owl-dot.active{background:rgba(255, 255, 255, 1)}
.main-carousel .owl-nav{position:absolute;width:100%;bottom:50%}
.main-carousel .owl-nav .owl-prev{width:40px;height:30px;position:absolute;left:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer}
.main-carousel .owl-nav .owl-next{width:40px;height:30px;position:absolute;right:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent;  cursor:pointer}

.nav-view .progress-bar{width:300px;position:relative;display:inline-block;margin-left:10px;height:2px;background-color:#888;transform:translateY(-5px)}
.nav-view .progress-bar .bar{position:absolute;left:0;top:0;height:100%;width:0;background-color:#fff}
.nav-view{position:absolute;left:0px;bottom:140px;z-index:1;color:#f3f3f3;font-size:18px}
.nav-view #slider-nav-idx { color: #fff;}
.nav-view-wrapper { max-width: 1400px; margin: 0 auto;position: relative;  overflow: hidden;}

@media screen and (max-width:1390px) {
	
	.main-carousel .li .copy_area {   left:10px;  }
    .nav-view{position:absolute;left:10px;}
    .main-carousel .owl-nav{  display:none;   }
}

@media screen and (max-width:1024px) {
	
	.main-carousel .li .copy_area {   left:10px; top:450px; }
	.main-carousel .jarallax { }
	.main-carousel .owl-nav { display:none}
	.main-carousel .li .copy_area h2 { font-size: 40px; letter-spacing: -3px; line-height:1.3; }
	.main-carousel .li .copy_area h3 { font-size:25px; letter-spacing: -0.5px;}
	.main-carousel .img01 { background-image:url(/main/img/main/main_banner_img01.jpg); }
	.main-carousel .img03 { background-image:url(/main/img/main/main_banner_img01.jpg);}
	
	.nav-view{position:absolute;left:10px;bottom:20px;z-index:1;color:#f3f3f3;font-size:18px}
	.nav-view .progress-bar{width:180px;position:relative;display:inline-block;margin-left:20px;height:2px;background-color:#ddd;transform:translateY(-5px)}

}

@media screen and (max-width:640px) {


	.main-carousel .li { height: 450px;  }
	.main-carousel .li .copy_area {   left:10px; top:280px; }
	.main-carousel .jarallax { }
	.main-carousel .owl-nav { display:none}
	.main-carousel .li .copy_area h2 { font-size: 30px; font-weight:600 !important; letter-spacing: -3px; line-height:1.3; }
	.main-carousel .li .copy_area h3 { font-size: 18px; letter-spacing: -0.5px;}
	
	
	.main-carousel .img01 { background-image:url(/main/img/main/m_banner_img01.jpg);  }
	.main-carousel .img02 { background-image:url(/main/img/main/m_banner_img02.jpg); }
	.main-carousel .img03 { background-image:url(/main/img/main/m_banner_img03.jpg); }
	.main-carousel .img04 { background-image:url(/main/img/main/m_banner_img04.jpg); }
	.main-carousel .img01::before {
	  background-image: url(/main/img/main/m_banner_img01.jpg);
	}
	.main-carousel .img02::before {
	  background-image: url(/main/img/main/m_banner_img02.jpg);
	}
	.main-carousel .img03::before {
	  background-image: url(/main/img/main/m_banner_img03.jpg);
	}
	.main-carousel .img04::before {
	  background-image: url(/main/img/main/m_banner_img04.jpg);
	}
	
	.main-carousel .li::before {
	  content: "";
	  position: absolute;
	  top: 0; left: 0;
	  width: 100%; height: 100%;
	  background-size: cover;
	  background-position: center;
	  background-repeat: no-repeat;
	  z-index: 0;
	  transition: transform 3s ease-in-out;
	  transform: scale(1.2);
	}
	
	.nav-view{position:absolute;left:10px;bottom:20px;z-index:1;color:#f3f3f3;font-size:18px}
	.nav-view .progress-bar{width:180px;position:relative;display:inline-block;margin-left:10px;height:2px;background-color:#ddd;transform:translateY(-5px)}

}
/*메인배너*/




.slide-quick{ position: absolute; top:579px;  left:0; right:0; margin:0 auto; max-width:1400px; z-index:9; overflow: hidden; }
.slide-quick>li{ position: relative; float:left; width:20%; background-color:#fff;}
.slide-quick>li p { display:block; font-size:14px; color:#000; font-weight:400; padding-top:2px}
.slide-quick>.item1 { background-color:#83dcba}
.slide-quick>li+li.item2:before { display:none}

.slide-quick>li+li:before{ content:""; position:absolute; top:50%; left:0; margin-top:-45px; display:block; background-color:#555; width:1px; height:90px; opacity:0.2;}
.slide-quick>li>a{ display:block; color:#000; font-size:20px; padding:0 0 0 150px; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}


.slide-quick>li>a:hover{ opacity:1;}
.slide-quick>li>a:before{ content:""; position:absolute; left:40px; top:50%; margin-top:-20px; width:38px; height:38px; display:block; background-repeat:no-repeat; background-position:50% 50%;}
.slide-quick>li.item1>a:before{ background-image:url(/main/img/main/quick_thumb1.png);}
.slide-quick>li.item2>a:before{ background-image:url(/main/img/main/quick_thumb2.png);}
.slide-quick>li.item3>a:before{ background-image:url(/main/img/main/quick_thumb3.png);}
.slide-quick>li.item4>a:before{ background-image:url(/main/img/main/quick_thumb4.png);}
.slide-quick>li.item5>a:before{ background-image:url(/main/img/main/quick_thumb5.png);}



.slide-quick>li:first-child p { display:block;  color:#fff; }



@media all and (max-width: 700px) { 
	.slide-quick {  position: relative; top:0;   }

  .slide-quick>li { position: relative; float: left; width: 100%; background-color:#fff; padding:25px 0; border-bottom:1px solid #ddd; border-left:1px solid #ddd;border-right:1px solid #ddd;}
  .slide-quick>li>a { padding: 0 0 0 90px;}
  .slide-quick>li>a:before {width:38px; height:35px; }
  .slide-quick>li+li:before{ content:""; position:absolute;  left:0; margin-top:-45px; display:block; background-color:#555; width:1px; height:50px; opacity:0.2;}

}


@media all and (min-width: 701px) and (max-width:1200px) { 

   .slide-quick{ position: relative; top:0;   }
   .slide-quick>li{ position: relative; float:left; width:50%; background-color:#fff; padding:35px 0; border-top:1px solid #ddd;border-left:1px solid #ddd;}
   
   .slide-quick>li:nth-child(2) { border-right:1px solid #ddd;  }
   .slide-quick>li:nth-child(4) { border-right:1px solid #ddd;border-bottom:1px solid #ddd;  }
   .slide-quick>li:nth-child(5) { border-right:1px solid #ddd;border-bottom:1px solid #ddd;  }
   
   
   .slide-quick>li>a {padding: 0 0 0 140px; color:#000;}
   
   .slide-quick>li:first-child>a{ display:block;  color:#fff; }
   .slide-quick>li+li:before{ content:""; position:absolute; top:75%; left:0; margin-top:-45px; display:block;  width:0px; /*background-color:#777; width:1px; height:50px; opacity:0.2;*/}

}


@media all and (min-width: 1201px) { 
	.slide-quick>li{ position: relative; float:left; width:20%; background-color:#fff; padding:35px 0}
	.slide-quick>li+li:before{ content:""; position:absolute; top:10%; left:0; margin-top:10px; display:block; background-color:#555; width:1px; height:90px; opacity:0.2;}
	.slide-quick>li>a{ display:block;  color:#000; font-size:20px; font-weight:bold; padding:0 0 0 100px;  -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

	.slide-quick>li:first-child>a{ display:block;  color:#fff; }

}



.contents1 {width:100%; min-height:900px; padding:150px 0;  position:relative; clear:both}
.contents1 .clearfix {width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:100px}
.contents1 li {border: 15px solid transparent; transition: all 0.3s; border-radius:20px; width:23%; height:400px; padding: 0; margin:auto}
.contents1 li .overflow h2{text-align:center; font-size:30px;  font-weight:600; position:relative;}
.contents1 .down { margin-top:80px}
.contents1 h2 { font-size: 40px; font-weight: 300; color: #000; text-align: center; padding:0 20px}
.contents1 p { display: block; padding: 10px 20px 0 20px; text-align:center; font-size:17px; font-weight:400; color:#767676;}
.contents1 li .overflow .img01 h2 { color:#000 }
.contents1 li .overflow .img02 h2 { color:#fff }
.contents1 li .overflow .img03 h2 { color:#000 }
.contents1 li .overflow .img04 h2 { color:#fff }
.contents1 li .overflow .img01 p { color:#000}
.contents1 li .overflow .img02 p { color:#fff}
.contents1 li .overflow .img03 p { color:#000}
.contents1 li .overflow .img04 p { color:#fff}
.contents1 li .overflow p { font-size:15px}
.contents1 ul li h2 { display:block; font-size:24px; font-weight:bold; text-align:center; color:#333;  margin-top:-110px; position:relative}
.contents1 ul li span { font-size:26px; display:block; padding:20px 0; text-align:center; letter-spacing:0}

.contents1 ul li .sub_txt { font-size:17px; font-weight:400; color:#767676; padding-top:10px}
.contents1 ul li .img { width:100%; height:353px;  background-repeat:no-repeat; background-position:center 150px; -webkit-transform: scale(1);transform: scale(1);transition: all 1s ease;-webkit-transition: all 1s ease; padding-top: 150px;}
.contents1 ul li .img01 { background-image:url(../img/content01_img1.png)}
.contents1 ul li .img02 { background-image:url(../img/content01_img2.png)}
.contents1 ul li .img03 { background-image:url(../img/content01_img3.png)}
.contents1 ul li .img04 { background-image:url(../img/content01_img4.png)}
.contents1 ul li a:hover .img {-webkit-transform: scale(1.1);transform: scale(1.1)}



@media all and (max-width: 992px) {  
.contents1 li {border: 15px solid transparent; transition: all 0.3s; border-radius:20px; width:47%; height:400px; padding: 250px 0; margin:auto}
.contents1 ul li .img {background-position: center 10px; padding-top: 10px;}
}



@media all and (max-width: 768px) {  
.contents1 h2 { font-size:32px}
.contents1 p { padding:10px 5px}
.contents1 li { width:100%}
.contents1 ul li .img { width:100%; height:353px;  background-repeat:no-repeat; background-position:center 10px; -webkit-transform: scale(1);transform: scale(1);transition: all 1s ease;-webkit-transition: all 1s ease;}

}


.contents2 { width:100%; padding:150px 0}
.contents2 .inner{width: 100%;display: flex; justify-content: space-between; flex-wrap: wrap;}
.contents2 .page { width:48%}
.contents2 .left { margin-top:50px}
.contents2 .left h2 { font-size:35px; font-weight:400; color:#000; letter-spacing:-2px; line-height:0.8;  background:url(../img/content02_img1.png) top left no-repeat; height:53px; padding-left:70px; line-height:1.3}
.contents2 .left p { font-size:17px; color:#767676; line-height:1.5; font-weight:400; padding-top:60px; padding-left:70px; word-break:keep-all}
.contents2 .left h4 { padding-left:62px}
.contents2 .left h4 a {color:#05b1b2; padding:80px 0 0; display:block; width: 113px; font-size:14px; font-weight:600; border-bottom:2px solid #05b1b2;}
.contents2 .right {}

.contents2 .right .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:35px;}
.contents2 .right .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:30px;height:5px;display:inline-block;margin-left:10px}
.contents2 .right .owl-dots .owl-dot.active{background:rgba(255, 255, 255, 1)}
.contents2 .right .owl-nav {position: absolute;top: 32%;margin-top:50px; width:100%; display:block}
.contents2 .right .owl-nav .owl-prev {width:45px; height:45px; line-height:45px; left:-25px; background-color:#32373a; margin:0; position:absolute; cursor:pointer; color:#fff; padding:0}
.contents2 .right .owl-nav .owl-next {width:45px; height:45px; line-height:45px; right:-25px; background-color:#32373a; margin:0; position:absolute; cursor:pointer; color:#fff; padding:0}


@media all and (max-width: 768px) { 
.contents2 { padding:0} 
.contents2 .page { width:100%}
.contents2 .left { padding:0 20px}
.contents2 .right { padding-top:50px}
.contents2 .right .owl-nav .owl-prev { left:0}
.contents2 .right .owl-nav .owl-next { right:0}
}





.contents4 { width:100%; padding:50px 0}
.contents4 .inner {  position: relative; max-width:1400px; margin:0 auto;  padding:0 20px; }



/*컨텐츠 기본 셋팅*/
.content_wrap { width:100%; padding-bottom:100px;}
.content_wrap .txtCon { max-width:1360px;  margin:0 auto;   padding:60px 15px 50px 15px; font-weight:400; position:relative; clear:both} /*   */
.content_wrap .txtCon .sub_title{ margin-bottom:70px; }
.content_wrap .txtCon .sub_title h1 {font-size:44px; color:#000; }
/*
.content_wrap .txtCon .sub_title h1:before {content:""; display:block; height:40px; width:1px; margin:20px  auto; background-color:#b0b0b0}
*/
.content_wrap .txtCon .sub_title .sub_title {font-size: 16px; color:#595959; font-weight:400; text-align:left; padding-top:15px; word-break:keep-all;}


.content_wrap .txtboard { max-width:1200px;  font-size:12px;}
@media screen and (max-width: 768px) {
   .content_wrap .txtCon .sub_title h1 { font-size:32px}
}

@media screen and (max-width: 640px) {
   .content_wrap .txtCon .sub_title h1 { font-size:28px}
}
/*컨텐츠 기본 셋팅 width:1400px; padding:0 20px;*/



.section03 { position: relative; width:100%; height:100%; display: flex; color: white; overflow: hidden; margin: 0px 0 }/* height: 1000px;  display: flex; align-items: center; justify-content: center; */
.section03 .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; filter: brightness(0.8); transition: opacity 1.5s ease; }
.section03 #background1 { z-index: 1; }
.section03 #background2 { z-index: 2; opacity: 0; }
.section03 .inner2 {  position: relative; max-width:1400px; margin:0 auto;  padding:0 20px; z-index: 12; }
.section03 .content-wrapper { position: relative; z-index: 3; display: flex; flex-direction: column; justify-content: center; top:32%; width: 50%; overflow: hidden;  }
.section03 .content { transition: transform 0.75s ease, clip-path 0.75s ease; }
.section03 .content.fade-out { transform: translateY(-20px); clip-path: inset(0 0 100% 0); }
.section03 .content.fade-in { transform: translateY(0); clip-path: inset(0 0 0 0); }
.section03 h2 { font-size: 24px; font-weight:500; color:#73c4a5; margin-bottom:10px; }

.section03 .title { font-size: 50px; margin-bottom: 0.5em; }
.section03 .description { font-size: 18px; max-width: 600px; opacity: 0.8;  line-height: 1.6; word-break: keep-all}

.section03 .menu { position: absolute;  right:20px ; top:32%; width:210px; display: flex; flex-direction: column; justify-content: center; z-index: 4;  }
/*
.section03 .menu { position: absolute; right: 0; top: 0; height: 100%; width: 25%; padding: 1em; display: flex; flex-direction: column; justify-content: center; z-index: 4; overflow-y: auto; }
*/

.section03 .menu-item { display: flex; align-items: center; cursor: pointer; transition: background-color 0.3s ease; padding: 0.8em 2.1em; white-space: nowrap; font-weight:500; font-size: 22px; opacity: 0.8 }
.section03 .menu-item:hover { opacity: 1}
.section03 .menu-item img { width: 24px; height: 24px; margin-right: 0.5em; }
.section03 .menu-item.active {  opacity: 1; color:#73c4a5 }
.section03 .icons { position: absolute; top: 1em; right: 1em; display: flex; gap: 1em; z-index: 5; }
.section03 .icon { width: 24px; height: 24px; background-color: white; border-radius: 50%; }



.section03_tbl {clear:both; width:30%; margin-top:40px; border-top:#fff 1px solid; border-left:#fff 1px solid; border-right:#fff 1px solid; border-collapse: collapse; border-spacing:0px;table-layout:fixed; font-size:18px}
/* .tbl-stat caption { font-size:1px; line-height:1px; text-indent:-1000em; visibility:hidden; width:1px; height:1px; overflow:hidden;} */
.section03_tbl tbody th:first-child,.section03_tbl tbody td:first-child, .section03_tbl tfoot td:first-child {border-left:0px;}
 .section03_tbl tbody th:last-child, .section03_tbl tbody td:last-child, .section03_tbl tfoot td:last-child { border-right:0}
.section03_tbl tbody td { width:33.333%; padding:10px 0; text-align:center;  border:1px solid #fff; border-width:1px;word-break: break-all; line-height:1.6}
.section03_tbl tbody td:hover {  background:#6EBC91; border:1px solid #6EBC91; }
.section03_tbl .left,.section03_tbl .l {padding-left:20px}/*여백 재설정이 필요할 경우*/

.section03_tbl tbody td a {  color:#fff; }

@media screen and (max-width: 1200px) {
	.section03 { position: relative; width:100%; height: 1000px;  display: flex; align-items: center; justify-content: center; padding-bottom: 20px; }
}


@media screen and (max-width: 640px) {
    .section03 { position: relative; width:100%; height:600px; margin:0px 0 0;    align-items: unset;    justify-content: unset;padding-bottom: 20px; } /* flex 제거 */   

	.section03_tbl { margin:30px auto 0 !important;  }
	 .section03 .title { font-size: 32px; margin-bottom: 0.5em; }
    .section03 .content-wrapper { width: 100%;  top:10%; padding:5% 0;  text-align: center;  /*background-color: rgba(0, 0, 0, 0.3);*/ }
    .section03 .description { max-width: 100%;font-size: 16px; }
    .section03 .menu { bottom: 10px; left: 0; top: auto; width: 100%; height: auto; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; padding: 0.5em;  z-index: 1000; }
    .section03 .menu-item { flex: 0 0 50%; box-sizing: border-box; justify-content: left; padding: 0.3em 0.5em; font-size: 21px;  }
    .section03 .menu-item img { margin-right: 0.3em; }
	


	
}

/* 팝업 이미지 공지사항   */
.contents03 {width:100%; padding:0px 0 0px; background:#fff; clear:both;  overflow: hidden;}


.contents03  .contents03_left { width:40%; margin-right:5%; float:left;   display: flex;
  flex-direction: row;
  align-items: stretch;} 
.contents03  .contents03_right {width:55%; float:left;   } 

.contents03  .ctitle7 { background:#fff ; } 
.contents03  .ctitle7 h2 { font-size:44px; font-weight:400; color:#000; line-height:150% } 
.contents03  .ctitle7 p { font-size:16px; font-weight:400; color:#333; line-height:150% } 


     .contents03  .contents03_left   .controls {
           flex: 0 0 50px;
    height: 640px;
    background:#505050 url(/main/img/main/main_img08.jpg) left top no-repeat;
    background-size: cover;
    border-bottom-left-radius: 10px;
    display: flex;
    flex-direction: column;
        }
		
		.contents03  .contents03_left   .controls .conp1 {
		       font-size:14px; color:#fff; font-weight:600; height:40px;line-height:40px;
				width:41%;padding:0px 0 0 0px; float:left;
		}	
		
		
		.contents03  .contents03_left   .controls span {
				font-size:14px; color:#fff; font-weight:600; line-height:40px;
				padding:50px 0 0 0 ;
				 display: inline-block;
				  transform: rotate(90deg);
				
		}
		
		.contents03  .contents03_left   .controls .conp2 {
				padding:480px 0 0 0 ;
				text-align:center;
				
		}	
		
		 .contents03  .contents03_left  .conp3 {
				padding:0 0 0 65px !important ;
				display:none;
				
				color:#6EBC91;font-size:16px; font-weight:700;
				margin-bottom:10px;
				background:#fff url(/main/img/main/con3.jpg) left center no-repeat;
				
		}		
		
		.contents03  .contents03_left   .controls .conp2  img  {
		   opacity:0.4;     margin-bottom:10px;
    
    
		}	
		
		.contents03  .contents03_left   .controls .conp2  img:hover   {
		       opacity:1; 
		}
	 
     .contents03  .contents03_left   .btn:hover { background: none; }
      .contents03  .contents03_left  .info { margin-top: 10px; font-size: 1.2rem; }

	
@media screen and (max-width: 1350px) {
  .contents03 {
    display: flex;
    flex-direction: column; /* 세로로 정렬 */
  }

  .contents03_left,
  .contents03_right {
    width: 100%;
    float: none; /* float 제거 */
    margin-right: 0;
    margin-top: 0;
  }

  .contents03_right {
    margin-top: 30px; /* 이미지 아래로 적당한 간격 */
  }

 .contents03_left .slider-container {
    width: 100%;  
    height: auto;
  }
}

@media screen and (max-width: 1200px) {

	.contents03  .contents03_left {width:100%; padding:0px 0 0;  } 
	.contents03  .contents03_right {margin-top:80px; width:100%;  } 
  
}



@media screen and (max-width:1024px) {
	.contents03 { padding:100px 0 0;  /* 세로로 쌓이도록 변경 */ }

	.contents03  .contents03_left { width:100%; margin-right:0%;  } 

	.contents03_right { margin-top:90px; width:100%; float:left } 

	  .contents03  .contents03_left  .slider-container { width:90%;  height:640px; }


}


@media screen and (max-width:640px) {
   .contents03 { padding:80px 0 0px;  }
	.contents03  .contents03_left {width:100%; padding:0px 0 0;  } 

		 .contents03  .contents03_left  .conp3 {
				padding:0 0 0 0 ;
				display:block;
				width:100%;
				
		}	
}	  



.contents03 .contents03_left .slider-container {
flex: 1 1 auto;
    height: 640px;
    overflow: hidden;
    width: auto;
}

.contents03 .contents03_left .slider {
 display: flex;
    height: 100%;
   width: 100%; /* JS에서 슬라이드 개수 * 컨테이너 너비 계산해서 설정 */
    transition: transform 0.5s ease-in-out; backface-visibility: hidden; /* 렌더링 최적화 */
  will-change: transform;       /* 성능 향상 */
}

.contents03 .contents03_left .slide {
   flex: 0 0 100%;
  margin: 0;           /* 마진 제거 */
  padding: 0;          /* 패딩 제거 */
  box-sizing: border-box;
  border: none;
}

.contents03 .contents03_left .slide img {
   display: block;      /* 이미지 아래 여백 제거 */
  width: 100%;
  height: 100%;
  object-fit: contain; /* 이미지 비율 유지 */
  user-select: none;
  pointer-events: none;
}

@media screen and (max-width: 1350px) {
 .contents03 .contents03_left .slider-container {
    width: 100%;
    aspect-ratio: 16 / 9;   /* 16:9 비율 유지 */
    min-height: 400px;      /* 너무 낮아지지 않도록 */
    background: #505050;       /* 이미지 여백 대비용 배경 */
    overflow: hidden;
  }

  .contents03 .contents03_left .slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;    /* 이미지 전체가 잘리지 않고 보이도록 */
    display: block;
    background-color: #505050;
  }
}

@media screen and (max-width: 1200px) {
  .contents03 .contents03_left .slider-container {
    width: 100%;
    aspect-ratio: 16 / 9;  
    min-height: 350px;      
    background: #505050;      
  }

  .contents03 .contents03_left .slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;    
    display: block;
    background-color: #505050;
  }
}

/* 모바일 대응 */
@media screen and (max-width:1000px) {
	 .contents03  .contents03_left  .controls {
			display:none;
       }
	  .contents03 .contents03_left .slider-container {
		aspect-ratio: 4 / 5; /* 더 높은 세로 비율로 이미지 보기 좋게 */
		min-height: 300px;   /* 너무 작아지는 걸 방지 */
		 background-color: #fff;
	  }
	  
	   .contents03 .contents03_left .slide img { background-color: #fff;}
	
}

@media screen and (max-width: 640px) {
  .contents03 .contents03_left {
    flex-direction: column; /* 슬라이더와 컨트롤을 위아래 배치 */
    width: 100%;
  }
  
  .contents03 .contents03_left .controls {
    width: 100%; /* 컨트롤바도 위쪽에 가로로 배치 */
    height: 50px; /* 적당한 높이 */
    flex: none;
    order: 1;
    background-size: contain;
  }

  .contents03 .contents03_left .slider-container {
    width: 100%;
    height: auto; /* 높이 자동 */
    min-height: 200px; /* 필요시 최소 높이 */
    flex: none;
    order: 2;
  }

  .contents03 .contents03_left .slider {
    width: 100% !important; /* 슬라이더 전체 너비 100% */
  }

  .contents03 .contents03_left .slide {
    width: 100% !important; /* 슬라이드도 100% */
    height: auto !important;
  }

  .contents03 .contents03_left .slide img {
    width: 100%;
    height: auto; /* 비율 유지 */
    object-fit: contain;
  }
}
     
/* 팝업 이미지 공지사항   */



/*서브 비주얼*/
.sub_visual{position:relative; max-width:2560px; margin:0 auto; height:390px; padding:136px 0; overflow:hidden; background-repeat:no-repeat; background-position:center;}
.sub_visual.visual01 .bg{background-image:url(../img/sub_visual01.jpg)}
.sub_visual.visual02 .bg{background-image:url(../img/sub_visual02.jpg)}
.sub_visual.visual03 .bg{background-image:url(../img/sub_visual03.jpg)}
.sub_visual.visual04 .bg{background-image:url(../img/sub_visual04.jpg)}
.sub_visual.visual05 .bg{background-image:url(../img/sub_visual05.jpg)}
.sub_visual.visual06 .bg{background-image:url(../img/sub_visual06.jpg)}
.sub_visual.visual07 .bg{background-image:url(../img/sub_visual07.jpg)}
.sub_visual.visual08 .bg{background-image:url(../img/sub_visual08.jpg)}
.sub_visual.visual09 .bg{background-image:url(../img/sub_visual09.jpg)}
.sub_visual:hover .bg{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.sub_visual h3{position:relative;z-index:2;font-size:50px;font-weight:600; letter-spacing:-0.8px; color:#FFF;text-align:center;height:90px}
.sub_visual h3:after {content:""; display:block; height:1px; width:20px; margin:20px auto; background-color:#fff}
.sub_visual .sub_title{font-size:1.2em;text-align:center;filter:alpha(opacity=60);position:relative;font-weight:500; color:#FFF;z-index:2;opacity:.8; padding-top:10px}
.sub_visual .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/sub_visual_cover.png) center bottom no-repeat;opacity:.8;z-index:1}
.sub_visual .bg{ width:100%; height:450px; position:absolute; background-size:cover; top:0; background-position:center top;background-repeat:no-repeat;/*-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;*/z-index:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
@media screen and (max-width:992px) {
   .sub_visual { height:350px}
   .sub_visual h3 { font-size:38px}
}
/*서브 비주얼*/



/* 복지관 소식 */
.tl_projects_wrap { width:100%; padding:0px 0; clear:both; overflow: hidden;}
.tl_projects_wrap ul li { float:left; width:33.33333%; position:relative}
.tl_projects_wrap ul li img { width:100%}

.tl_projects_wrap .section-tittle {  margin:0px 0 60px 0; }

.tl_projects_wrap h1 {font-size: 18px; font-weight: 700; margin:0 0 22px 0; color: #dd412b; letter-spacing: 0.05em; display:inline-block; position:relative}
.tl_projects_wrap h1:before{position:absolute;content:"";width:50px;height:2px;background:#dd412b;top:0;left:-67px;top:50%;transform:translateY(-50%);}
.tl_projects_wrap h2 {text-align:center; font-size:48px; padding:0 0px; font-weight:400 }
.tl_projects_wrap h2 .strong {color:#f94d03; font-weight: 600}
.tl_projects_wrap p{ max-width:540px; margin:0 auto; text-align:center;  padding:10px 20px 10px 20px; color:#000; font-size:16px; line-height:1.75; letter-spacing:-0.02em; font-weight:400; word-break:keep-all}
.tl_projects_wrap ul li .bg { background-color:#000; opacity:0; position:absolute; width:100%; height:100%; top:0;left:0; z-index:1}
.tl_projects_wrap ul li:hover .bg {opacity: 0.5; -webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;}
.tl_projects_wrap ul li .txt_wrap{width:100%;height:100%; position:absolute; top:0; left:0; box-sizing:border-box;overflow:hidden; display:table;padding:40px;color:#fff;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out; opacity:0; z-index:2;}
.tl_projects_wrap ul li:hover .txt_wrap { opacity:1}
.tl_projects_wrap ul li .txt_wrap .cell { text-align:left;width:100%; display: table-cell; vertical-align: middle; text-align:center;}
.tl_projects_wrap ul li .txt_wrap .cell h2 {  font-size:24px; color:#fff; margin:0; font-weight:bold;}
.tl_projects_wrap ul li .txt_wrap .cell p { font-size:16px; letter-spacing:-0.02em; color:#fff; opacity:0.8}

@media screen and (max-width:1201px) {
.tl_projects_wrap .section-tittle {  margin:20px 0 60px 0; }

}

@media screen and (max-width: 960px) {
    .tl_projects_wrap ul li { width:50%}
}

@media screen and (max-width: 640px) {
	.tl_projects_wrap {padding:50px 0 50px 0}
    .tl_projects_wrap h2 { font-size:32px}
	.tl_projects_wrap ul li { width:100%}
	.tl_projects_wrap ul li .txt_wrap .cell h2 { }
	
	.tl_projects_wrap .section-tittle {  margin:0px 0 30px 0; }


}
/* 복지관 소식 */


/* 복지관 이모저모 */
.tl_projects_wrap2 { width:100%;    background:#f8f8f8;  clear:both; 	overflow: hidden;}
.tl_projects_wrap2 ul li { float:left; width:33.33333%; position:relative}
.tl_projects_wrap2 ul li img { width:100%}

.tl_projects_wrap2 .section-tittle {  margin:0px 0 35px 0; }

.tl_projects_wrap2 h1 {font-size: 18px; font-weight: 700; margin:0 0 22px 0; color: #dd412b; letter-spacing: 0.05em; display:inline-block; position:relative}
.tl_projects_wrap2 h1:before{position:absolute;content:"";width:50px;height:2px;background:#dd412b;top:0;left:-67px;top:50%;transform:translateY(-50%);}
.tl_projects_wrap2 h2 {text-align:center; font-size:48px; padding:0 0px; font-weight:400 }
.tl_projects_wrap2 h2 .strong {color:#6ebc91; font-weight: 600}
.tl_projects_wrap2 p{ max-width:540px; margin:0 auto; text-align:center;  padding:10px 20px 10px 20px; color:#000; font-size:16px; line-height:1.75; letter-spacing:-0.02em; font-weight:400; word-break:keep-all}
.tl_projects_wrap2 ul li .bg { background-color:#000; opacity:0; position:absolute; width:100%; height:100%; top:0;left:0; z-index:1}
.tl_projects_wrap2 ul li:hover .bg {opacity: 0.5; -webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;}
.tl_projects_wrap2 ul li .txt_wrap{width:100%;height:100%; position:absolute; top:0; left:0; box-sizing:border-box;overflow:hidden; display:table;padding:40px;color:#fff;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out; opacity:0; z-index:2;}
.tl_projects_wrap2 ul li:hover .txt_wrap { opacity:1}
.tl_projects_wrap2 ul li .txt_wrap .cell { text-align:left;width:100%; display: table-cell; vertical-align: middle; text-align:center;}
.tl_projects_wrap2 ul li .txt_wrap .cell h2 {  font-size:24px; color:#fff; margin:0; font-weight:bold;}
.tl_projects_wrap2 ul li .txt_wrap .cell p { font-size:16px; letter-spacing:-0.02em; color:#fff; opacity:0.8}

@media screen and (max-width: 1200px) {
   .tl_projects_wrap2 .section-tittle {  margin:20px 0 35px 0; }

}

@media screen and (max-width: 960px) {
    .tl_projects_wrap2 ul li { width:50%}
}

@media screen and (max-width: 640px) {
      .tl_projects_wrap2 .section-tittle {  margin:0px 0 35px 0; }
	.tl_projects_wrap2 {padding:100px 0 0 0}
    .tl_projects_wrap2 h2 { font-size:32px}
	.tl_projects_wrap2 ul li { width:100%}
	.tl_projects_wrap2 ul li .txt_wrap .cell h2 { }
}


.tl_latest_tab2 nav { margin:0px auto;  }
.tl_latest_tab2 ul {list-style: none; padding-bottom:50px; margin:0px auto; width:640px; }
.tl_latest_tab2 ul:after { content: " ";visibility: hidden;display: block;height: 0;clear: both; }
.tl_latest_tab2 ul li {display:block; float:left; text-align:center;}
.tl_latest_tab2 ul li a {display:block; font-size:20px; color:#000; height:60px; line-height:60px; padding:0 2em; border:1px solid #ddd; margin-left:-1px; font-weight:500;}
.tl_latest_tab2 ul li a.on { background-color:#6EBC91; border:1px solid #6EBC91; color:#fff; font-weight:500;}
.tl_latest_tab2 ul li a.on,.tl_latest_tab2 ul li a:hover { background-color:#6EBC91; border:1px solid #6EBC91; color:#fff; }
.galley_li a { font-size:16px; margin:15px 0px 10px 0; text-align:left; font-weight:bold; display:block}
.tl_latest_tab2.ts2 li { width:50%}

@media screen and (max-width: 640px) {
	.tl_latest_tab2 ul  { width:100%}
}


/* 복지관 이모저모 */


/*서브 상단메뉴*/
.sub_navi { width:100%;  bottom:0;  border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color:#fff; position:absolute; z-index:2}
.sub_navi ul { text-align:center; max-width:1080px; margin:auto}
.sub_navi li{display:inline-block; margin-left:-3px; width:16%;/*margin:0 -1px 0 0*/}
.sub_navi li a{display:block; box-sizing:border-box; color:#f2f2f2; text-align:center; position:relative; font-size:1.000em; height:55px; line-height:55px;  font-size:1.313em; color:#666}
.sub_navi li a.on{ border-bottom:1px solid #24447b; border-bottom-color: #24447b; color: #24447b;}
@media screen and (max-width:768px) {
	.sub_navi { display:none}
}
/*서브 상단메뉴*/






/*헤더관리 버튼*/
#cf_1_form {display:none;border:2px solid tomato;padding:2em;background-color:#fff;border-radius:6px;}
#cf_1_form h3 { font-size:20px; margin-bottom:20px}
#cf_1_form .line {margin:5px 0; padding-bottom:7px}
#cf_1_form .line label {font-size:14px; color:#930; width:150px; display:inline-block; vertical-align:middle;}
#cf_1_form .line input[type=text] {border:1px solid #ccc;line-height:20px;height:40px;}
#btn-cf_1 { bottom:2px;right:2px;background-color:tomato; color:#fff; font-size:14px; border:0; height:24px; line-height:24px; padding:0 0.5em; border-radius:12px;}
/*헤더관리 버튼*/




/*게시판 헤더관리*/
#head-edit-form {display:none;border:2px solid tomato;padding:2em;background-color:#fff;border-radius:6px;}
#head-edit-form h3 { font-size:20px; margin-bottom:20px}
#head-edit-form .line {margin:5px 0; padding-bottom:7px}
#head-edit-form .line label {font-size:14px; color:#930; width:150px; display:inline-block; vertical-align:middle;}
#head-edit-form .line textarea {width:400px;height:100px;line-height:20px;border:1px solid #ccc;}
#head-edit-form .line input[type=text] {border:1px solid #ccc;line-height:20px;height:40px;}
#head-edit-form .line #bo_head_bg_class { width: 150px; height:40px }
#head-edit-form .line #bo_head_sub_title { width: 350px; }
#head-edit-form .line #bo_head_mobile_sub_title { width: 350px; }
#btn-mng-head {position:absolute;z-index:100; bottom:2px;right:2px;background-color:tomato; color:#fff; font-size:14px; border:0; height:24px; line-height:24px; padding:0 0.5em; border-radius:12px;}
/*게시판 헤더관리*/




/*내용관리 헤더관리*/
#head-edit-form .line #co_head_bg_class { width: 150px; height:40px }
#head-edit-form .line #co_head_sub_title { width: 350px; }
#head-edit-form .line #co_head_mobile_sub_title { width: 350px; }
#head-edit-form .tc {text-align:center; margin-top:1em;}
#head-edit-form .tc .btn_submit { padding:10px 20px}
/*내용관리 헤더관리*/

.visual_slider {position: relative; min-height:720px !important; }
.visual_slider .btn-admin {position: absolute; z-index: 100; bottom: 2px; right: 2px; background-color: tomato; color: #fff; font-size: 14px; border: 0; height: 24px; line-height: 24px; padding: 0 0.5em; border-radius: 12px;}

#fregister { max-width:1200px; margin:0 auto; padding:20px 0}
#fregisterform { max-width:1200px; margin:0 auto; padding:20px 0}







/*푸터*/
#footer{ width:100%; border-top:0px solid #e4e2e2; height:auto; clear:both; }
#footer .inner { max-width:1360px; padding:0 15px; margin:0 auto;  }
#footer .inner .left { width:60%; float:left; }
#footer .inner .left .service { width:130px; }
#footer .inner .left .sns { width:170px}
#footer .inner .left .privacy   { width:140px}
#footer .inner .right { width:40%; float:right}
#footer .inner .footerLogo{margin:50px 50px 0 0px;font-size:22px;font-weight:500; letter-spacing:-1px;text-align:left;color:#000;}
#footer .inner .footerLogo2{font-size:30px;font-weight:700;margin:5px 50px 40px 0px; letter-spacing:-1px;color:#000}

.footerText{position:relative;float:left;margin:30px 30px 30px 0px; padding:0 10px 0 0}
.footerText h2{margin:0 0 30px 0; font-size:18px; text-align:left; color:#000; letter-spacing:-1px}
.footerText li a { font-size:14px; font-weight:400; color:#494949; line-height:1.8}
.footerText li a i { font-size:15px}
.footerMall{position:relative; float:right; margin:20px 70px 30px 30px; width:auto; font-size:15px; font-weight:400; line-height:2.09; text-align:left; color:#494949}

.footerMall .footaddr2 { margin-left:37px; font-weight:400 !important }

#footer .inner .footerCopyright{position:relative; float:left;width:100%; padding:20px 0 80px 0; font-size:14px ;font-weight:400; text-align:left; color:#515151}
#footer .inner .footerCopyright p { padding-left: 0px;}

@media screen and (max-width: 1028px) {
	#footer .inner .left { width:100%}
	#footer .inner .right { width:100%}
	.footerMall { float:left; margin:20px 70px 30px 0px;}
	.footerText {margin: 30px 30px 30px 0px;}
}


@media screen and (max-width: 768px) {
#footer .inner .footerLogo {     line-height:100%; font-size:18px; }


#footer .inner .footerLogo2{font-size:25px;font-weight:700;margin:10px 50px 40px 0px; letter-spacing:-1px;color:#000;  line-height:140%; }



.footerText{position:relative;float:left;margin:0px 0px 20px 0px; padding:0 0; }
.footerText h2{margin:0 0 20px 0; font-size:18px; text-align:left; color:#000; letter-spacing:-1px}
#footer .inner .left { }
#footer .inner .left .service { width:35%; background:none}
#footer .inner .left .sns { width:35%; background:none}
#footer .inner .left .privacy   {width:30%;  background:none }
#footer .inner .left .privacy img { width:80% }


.footerMall{position:relative; float:left; margin:20px 10px 30px 0px; font-size:15px; font-weight:400; line-height:2.09; text-align:left; color:#494949}

#footer .inner .footerCopyright p { padding-left: 0px;}
.footerMall br { display:none}
.footerMall .footaddr2 { margin-left:0px; font-weight:400 !important }




}
/*푸터*/



/* 푸터팝업*/
.tl_pop_con{background:#fff;} 
.tl_pop_con h2.f_pop_tit{width:100%;height:80px;line-height:80px;background:#605ca8;font-size:20px;color:#fff;}
.tl_pop_con h2.f_pop_tit2{width:100%;height:80px;line-height:80px;background:#00A651;font-size:20px;color:#fff;}

.tl_pop_con h2.f_pop_tit img, .tl_pop_con h2.f_pop_tit2 img {display:inline-block;margin-left:20px;margin-right:5px;margin-top:-10px;width:120px;}
.tl_pop_con h2.f_pop_tit span, .tl_pop_con h2.f_pop_tit2 span  {display:inline-block; padding-left:20px;}
.f_pop_wrap {line-height:23px;text-align:justify;word-break:break-all;font-size:16px;overflow-y:auto;}
.f_pop_wrap strong {color:#d25674;font-weight:normal; font-size:22px;}
.f_pop_wrap i {color:#00A651;font-weight:normal; font-size:100px;}

.f_pop_wrap p { color:#333; padding:40px 50px; line-height:1.6;}
.mfp-close:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../img/btn_close_w.png") no-repeat center center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; border-radius: 50%; }
.mfp-close { width: 40px; height: 40px; text-indent: -999px;opacity: 1; overflow: hidden; background-color:transparent; border:0; }
button.mfp-close:hover:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }

@media screen and (max-width: 640px) {
	.tl_pop_con h2.f_pop_tit2{width:100%;height:80px;line-height:80px;background:#00A651;font-size:18px;color:#fff;}
	.f_pop_wrap i {color:#00A651;font-weight:normal; font-size:80px;}
	.f_pop_wrap strong {color:#d25674;font-weight:normal; font-size:20px;}

	.f_pop_wrap p {font-size:15px;}


}
/* 푸터팝업*/




/*사이트맵*/
#sitemap {border:0; background:#07348c ; width:100%; max-width:1200px; padding:80px}
#sitemap h2{ font-size:36px; color:#fff; text-align:center; padding:0 0 20px 0; width:100%; border-bottom:1px solid rgba(255, 255, 255, .3)}
#sitemap .depth1>li{float:left; width:20%; margin-top:25px}
#sitemap .depth1 > li:nth-child(5n+5) {margin-right:0px;}
#sitemap .depth1 > li:nth-child(5n+1) {clear:both;}
#sitemap .depth1>li>a{font-size:20px;display:block;text-align:left;color:#fff;margin-bottom:20px}
#sitemap .depth2>li>a{font-size:16px;display:block;line-height:2.1;color:#b5b6bd ;}
#sitemap .depth2 > li > a:hover { color:#F4E913}
#sitemap .depth3 > li { padding-left:7px; }
#sitemap .depth3>li>a{font-size:14px;display:block;line-height:2.1;color:#72737a  }
#sitemap .depth3>li>a:hover { color:#F4E913}

#sitemap .mfp-close{position:absolute;right:0;top:-50px;z-index:1;width:30px;height:30px;border:0;font-size:16px;color:#fff}
#sitemap .mfp-close:after {background: url(/main/img/w_btn_close.png) no-repeat center center;}
#sitemap .arrow i { display:none}

@media screen and (max-width:1200px) {
	#sitemap { max-width:100%}
	#sitemap .depth1>li { width:50%; margin-top:4%}
   
}

@media screen and (max-width: 960px) {
	#sitemap { display:none}
}



#sitemap {border:0; background-color:#212121; width:100%; max-width:1200px; padding:80px 80px 0 80px;}

#sitemap .sitemapinfo {background:url(/main/img/sitemap_bg.png) no-repeat right bottom ; max-width:1400px; height:100%; margin:0 auto; position:relative;overflow:hidden; padding-bottom:160px }

#sitemap h2{ font-size:36px; color:#fff; text-align:center; padding:0 0 20px 0; width:100%; border-bottom:1px solid rgba(255, 255, 255, .3)}
#sitemap .depth1>li{float:left; width:19%; margin-top:65px;margin-right:10px; }
#sitemap .depth1 > li:nth-child(5n+5) {margin-right:0px;}
#sitemap .depth1 > li:nth-child(5n+1) {clear:both;}
#sitemap .depth1>li>a{font-size:22px;display:block;text-align:left;color:#fff;margin-bottom:20px}
#sitemap .depth2>li>a{font-size:16px;display:block;line-height:2.1;color:#b5b6bd;padding-left:20px}
#sitemap .depth2>li { position:relative}
#sitemap .depth2>li:before{display:block;content:"";width:7px;height:3px;background:#6EBC91;position:absolute;left:0;top:15px;}

#sitemap .depth2 > li > a:hover {color:#6EBC91;}
#sitemap .depth3>li>a{font-size:14px;display:block;line-height:2.1;padding-left:15px;color:#72737a}
#sitemap .mfp-close{position:absolute;right:50px;top:30px;z-index:1;width:30px;height:30px;border:0;font-size:16px;color:#fff}
#sitemap .mfp-close:after {background: url(/main/img/w_btn_close.png) no-repeat center center;}
#sitemap .arrow i { display:none}

@media screen and (max-width:1200px) {
	#sitemap { max-width:100%; }
	/*#sitemap .depth1>li { width:50%; margin-top:4%}*/
   
}

@media screen and (max-width: 960px) {
	#sitemap { display:none}
}

/*사이트맵*/