section.main_sec{ overflow:hidden; padding:116px 0 0;}
.main_sec .sec_con{ max-width:1200px; width:100%; margin:0 auto; }

/****************quickmenu****************/
.qm_wrap{ position:fixed; z-index:99; top:50%; left:20px; transform:translate(0, -50%); text-align:center;border:0px solid #000;}
.qm_link{ width:60px; height:60px; border-radius:100%; background-color:#669933; margin:10px auto 0 auto; transition-duration:0.3s; }
.qm_link:last-child{ margin-bottom:0;}
.qm_link i{ color:#fff; font-size:25px; }

/****************sec_01 type2****************/
.visual{width:100%; max-width:100%; padding:20px 0 60px 0; margin:0; position:relative; display:block; z-index:1; overflow:hidden; box-sizing:border-box; font-family:'Pretendard'; background:url(../img/sec01_bg3.jpg)no-repeat; background-size:cover; background-position:center top;}

.visual .sec01_top_tit{font-size:50px; font-weight:900; color:var(--point-color2); text-align:center; display:block; padding:0; margin:0; font-family: 'bb';background: linear-gradient(90deg, #339900, #9ed13c, #30790b, #339900); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: gradient 5s linear infinite;}

@keyframes gradient {
  to { background-position:200% center; }
}

.visual .sec01_top_tit{font-size:clamp(28px, 5vw, 50px); font-weight:800; color:var(--point-color2); text-align:center; display:block; padding:0; margin:0; font-family:'bb';}
.visual .visualInner{display:block; overflow:hidden; padding:0 20px; margin:45px auto 35px; width:100%; max-width:1400px; box-sizing:border-box;}
.visual .visualInner .left{width:55%; float:left; display:block; padding:0; margin:0; overflow:hidden;position:relative;}
.visual .visualInner .left .head{display:block; overflow:hidden; padding:0;  margin:0 0 10px;}
.visual .visualInner .left .head h3{font-size:36px !important; line-height:1.3; font-weight:800; color:#222; margin:0 15px 0 0; display:inline-block;}
.visual .visualInner .left .head span{display:block; font-size:16px; line-height:1.2; color:#777; padding:10px 0 5px 0; margin:0;}

.nm_warp {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  list-style: none;
  padding: 0; 
  margin: 0;
}

.nm_warp li {
  flex: 0 0 calc(50% - 9px);
  background: #ccc;
  min-height: 226px;
  height: auto;
  margin: 40px 0 0;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.nm_warp li:nth-child(2) {
  background: #e61c1c;
}

.nm_warp li:nth-child(2) a {
  color: #fff;
  padding: 0;
  display: block;
  height: 100%;
}

.nm_warp li:nth-child(2) a .info {
  padding: 37px 32px;
  min-height: 226px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.nm_warp li img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-position: center;
  border-radius: 20px;
  display: block;
}

.nm_warp li a .info .tit {
  font-size: 25px;
  font-weight: 700;
  line-height: 1.7;
}

.nm_warp li a .info .baro {
  padding: 65px 0 0;
}

.nm_warp li a .info i {
  position: absolute;
  font-size: 50px;
  right: 30px;
  top: 33px;
  transition: transform 0.3s ease;
}

.nm_warp li a .info span {
  transition: all 0.4s ease;
}

.nm_warp li a:hover .info i {
  transform: rotate(5deg);
  filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));
}

.nm_warp li a:hover .info span {
  padding-left: 10px;
}


@media (max-width: 1240px) {
  .nm_warp li {
    margin: 27px 0 0;
  }
  
  .nm_warp li a .info i {
    font-size: 40px;
	right: 15px;
    top: 35px;
  }
}

/* 태블릿 (768px ~ 1024px) */
@media (max-width: 1024px) {
  .nm_warp {
    gap: 15px;
  }
  
  .nm_warp li {
    flex: 0 0 calc(50% - 7.5px);
    min-height: 200px;
    border-radius: 15px;
    margin: 30px 0 0;
  }
  
  .nm_warp li:nth-child(2) a .info {
    padding: 30px 25px;
    min-height: 200px;
  }
  
  .nm_warp li a .info .tit {
    font-size: 22px;
  }
  
  .nm_warp li a .info .baro {
    padding: 40px 0 0;
  }
  
  .nm_warp li a .info i {
    font-size: 45px;
    right: 25px;
    top: 28px;
  }
}

/* 모바일 (767px 이하) */
@media (max-width: 767px) {
  .nm_warp {
    gap: 12px;
  }
  
  .nm_warp li {
    flex: 0 0 100%;
    min-height: 250px;
    border-radius: 12px;
    margin: 20px 0 0;
  }
  
  .nm_warp li:nth-child(2) a .info {
    padding: 30px 25px;
    min-height: 250px;
  }
  
  .nm_warp li img {
    border-radius: 12px;
    min-height: 250px;
  }
  
  .nm_warp li a .info .tit {
    font-size: 22px;
    line-height: 1.5;
  }
  
  .nm_warp li a .info .baro {
    margin-top: auto;
    padding: 0;
  }
  
  .nm_warp li a .info i {
    font-size: 45px;
    right: 25px;
    top: 30px;
  }
}

/* 작은 모바일 (480px 이하) */
@media (max-width: 480px) {
  .nm_warp li {
    min-height: 220px;
  }
  
  .nm_warp li:nth-child(2) a .info {
    padding: 25px 20px;
    min-height: 220px;
  }
  
  .nm_warp li img {
    min-height: 220px;
  }
  
  .nm_warp li a .info .tit {
    font-size: 20px;
  }
  
  .nm_warp li a .info i {
    font-size: 40px;
    right: 20px;
    top: 25px;
  }
}

.visual .visualInner .right{width:40%; overflow:hidden; float:right; display:block; padding:0; margin:0; box-sizing:border-box;}

.visual .visualInner .right .head{
  display:flex; 
  flex-wrap:nowrap;          /* wrap → nowrap */
  align-items:baseline;      /* flex-start → baseline (h3 텍스트와 span 텍스트 기준선 맞춤) */
  justify-content:space-between;
  padding:0; 
  margin:0 0 10px;
}

.visual .visualInner .right .head span{
  display:inline;            /* block → inline */
  font-size:16px; 
  line-height:1.2; 
  color:#777; 
  padding:0;                 /* 상하 패딩 제거 */
  margin:0; 
  flex:1;                    /* 남은 공간 차지하여 +버튼을 우측 끝으로 밀기 */
  white-space:nowrap;        /* 텍스트 줄바꿈 방지 */
}
.visual .visualInner .right .head h3{font-size:36px !important; line-height:1.3; font-weight:800; color:#222; margin:0 15px 0 0; display:inline-block;}


.visual .visualInner .right .head .title_more{
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px; 
  height:40px; 
  border:2px solid #ebebeb; 
  border-radius:100%; 
  background:#fff;
  text-decoration:none;
  transition:all 0.3s ease;
  flex-shrink:0;
}
.visual .visualInner .right .head .title_more:before{
  content:"+"; 
  font-size:20px; 
  font-weight:700; 
  color:#00acfe; 
  margin:0;
}
.visual .visualInner .right .head .title_more:hover{
  border-color:#00acfe;
}





.cd2_L .cd2_L_icon a .icon{width:25%; display:block; padding:0; margin:0 20px 0 0; flex-shrink:0; transition:transform 0.3s ease;}
.cd2_L .cd2_L_icon a .icon img{max-width:100%; width:100%; display:block;}
.cd2_L .cd2_L_icon a p{flex:1; font-size:20px; padding:0; margin:0; font-weight:600;}
.cd2_L .cd2_L_icon a p span{font-size:14px; display:block; padding:10px 0 0; font-weight:500; color:#777;}
.cd2_L .cd2_L_icon a:hover{border:1px solid var(--point-color); box-shadow:0 0 0 2px inset var(--point-color);}
.cd2_L .cd2_L_icon a:hover .icon{transform:rotate(-7deg);}
.cd2_L .cd2_L_icon a:hover p{color: var(--point-color2);}

.cd2_L .head{display:block; overflow:hidden; padding:0;  margin:0 0 10px;}
.cd2_L .head h3{font-size:32px; line-height:1.3; font-weight:800; color:#424242; margin:0 15px 0 0; display:block;}
.cd2_L .head span{display:block; font-size:14px; line-height:1.3; color:#777; padding:7px 0 0; margin:0;}

.visual .visualInner .right .contDiv2 .cd2_R{width:49%; display:flex; flex-direction:column; gap:16px; padding:25px; margin:0; border:1px solid #d6d6d6; border-radius:20px; background:#fff;}
.cd2_R .head{display:block; overflow:hidden; padding:0;  margin:0 0 10px;}
.cd2_R .head h3{font-size:32px; line-height:1.3; font-weight:800; color:#424242; margin:0 15px 0 0; display:block;}
.cd2_R .head span{display:block; font-size:14px; line-height:1.3; color:#777; padding:7px 0 0; margin:0;}

/* 태블릿 (1024px 이하) */
@media screen and (max-width: 1024px) {
  .visual .sec01_top_tit {
    font-size: 40px;
  }

  .visual .visualInner {
    padding: 0 15px;
    margin: 35px auto 25px;
  }

  .visual .visualInner .left {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }

  .visual .visualInner .right {
    width: 100%;
    float: none;
	padding:25px 0 0;
  }

  .visual .visualInner .right .contDiv1 a {
    padding: 35px 10px;
  }

  .visual .visualInner .right .contDiv1 a .icon {
    width: 45%;
  }

  .visual .visualInner .right .contDiv1 a p {
    font-size: 17px;
  }

  .cd2_L .cd2_L_icon a {
    padding: 30px 40px 30px 50px;
  }

  .cd2_L .cd2_L_icon a .icon {
    width: 30%;
  }

  .cd2_L .cd2_L_icon a p {
    font-size: 18px;
  }
  
  .cd2_L .head h3 {
	font-size:28px;
  }

  .cd2_R .head h3 {
    font-size: 28px;
  }
}

@media screen and (max-width: 768px) {
  .visual .visualInner .right .head{
    display:flex; 
    flex-wrap:wrap; 
    align-items:flex-start;
    justify-content:space-between;
    padding:0; 
    margin:0 0 10px;
  }

  .visual .visualInner .right .head .title_more{
    width:34px; 
    height:34px; 
    margin:0;
    flex-shrink:0;
    order:2;
  }
  .visual .visualInner .right .head .title_more:before{
    font-size:18px;
  }
  .visual .visualInner .right .head span{
    display:block; 
    width:100%; 
    padding:5px 0 0; 
    margin:0;
    order:3;
  }
}


/* 작은 모바일 (480px 이하) */
@media screen and (max-width: 480px) {
  .visual {
    padding: 0px 0;
  }

  .visual .sec01_top_tit {
    font-size: 28px;
  }
}

@media screen and (max-width: 380px) {
	.visual .visualInner .left .head h3{font-size:28px !important;}
	.visual .visualInner .right .head h3{font-size:28px !important;}
}


/****************sec_01****************/
#sec_01{ position:relative; background-color:#afdcef;}

/* ★ Ctrl+줌 대응 핵심 원리:
   vw/aspect-ratio는 줌에 비례해 CSS px가 늘어나므로 시각적 크기가 항상 동일
   → 해결: JS에서 px 단위로 height를 설정하고 zoom 시 재계산 금지
   → px 고정값은 zoom 배율만큼 시각적으로 자연스럽게 줄어듦
   모바일(850px 이하)은 CSS vw로 직접 제어 */
#sec_01 .swiper-container{
  width: 100%;
}
.sec01_sli{
  width: 100%;
  height:100%; /* JS가 .swiper-slide에 px height 설정 → 100% 상속 */
  background-color:#afdcef;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  padding:0;
  justify-content:center;
  align-items:center;
}

.sec01_sli_txt{ max-width:1400px; width:100%; text-align:center; padding:150px 20px;margin:0px auto;}
.sec01_sli_txt > h2,
.sec01_sli_txt > p,
.sec01_sli_txt > a {
  opacity:0;
  transform:translate(0,50px);
  animation: fadeUp 1s ease forwards;
}

.sec01_sli_txt > h2{
  font-size: clamp(20px, 3.8vw, 50px);
  text-align:right; font-weight:700; line-height:1.7; margin-top:0;
  letter-spacing:0.7px; filter:drop-shadow(5px 5px 5px rgba(0,0,0,0.7));
  
}
.sec01_sli_txt > p{
  font-size: clamp(20px, 3.8vw, 50px);
  font-weight:700; text-align:right; line-height:1.7; margin-top:0px;
  filter:drop-shadow(5px 5px 5px rgba(0,0,0,0.7));
  letter-spacing:0.7px;
}


.sec01_sli_txt > p .point1{color:var(--point-color4);}
.sec01_sli_txt > p .point2{color:var(--point-color5);}



.sec01_sli_txt > a{ color:#fff; display:none; padding-right:30px; position:relative; margin-top:40px;}

.sec01_sli_txt.first-animate > h2 {
  opacity:0; transform:translate(0,50px);
  transition:0.8s transform 0.8s, 0.6s opacity 0.8s;
}
.sec01_sli_txt.first-animate > p {
  opacity:0; transform:translate(0,50px);
  transition:0.8s transform 1s, 0.6s opacity 1s;
}
.sec01_sli_txt.first-animate > a {
  opacity:0; transform:translate(0,50px);
  transition:0.8s transform 1.2s, 0.6s opacity 1.2s;
}
.swiper-slide-active .sec01_sli_txt.first-animate > h2,
.swiper-slide-active .sec01_sli_txt.first-animate > p,
.swiper-slide-active .sec01_sli_txt.first-animate > a {
  transform:translate(0,0); opacity:1;
}

.sec01_sli_txt2{ font-family:'Open Sans', 'Noto Sans KR'; max-width:1240px; width:100%; margin-top:0px;}
.sec01_sli_txt2 .box{max-width:450px; width:100%; padding:75px 20px; float:right; display:block; background:url(/outpage/img/mainimg_box.png)no-repeat;}
.sec01_sli_txt2 .box > h2,
.sec01_sli_txt2 .box > p,
.sec01_sli_txt2 .box > a {
  opacity:0; transform:translate(0,50px);
  animation: fadeUp 1s ease forwards;
}
.sec01_sli_txt2 .box > h2{
  font-family:'Open Sans', 'Noto Sans KR';
  font-size: clamp(24px, 3.2vw, 48px);
  text-align:center; font-weight:700; line-height:1.5; margin-top:0;
  letter-spacing:-2px; color:#023082 !important;
}
.sec01_sli_txt2 .box > p{
  font-size: clamp(14px, 1.5vw, 23px) !important;
  font-weight:500; text-align:center; line-height:1.5; margin-top:20px;
  color:#023082 !important; letter-spacing:-1px !important;
}
.sec01_sli_txt2 .box > a{ font-family:'Open Sans', 'Noto Sans KR'; color:#fff; display:none; padding-right:30px; position:relative; margin-top:40px;}

.mbr{display:none;}


@media(max-width:1480px){
  .sec01_sli_txt2 .box{ background-size:100%; padding:65px 0; max-width:400px; }
  
}
@media(max-width:1240px){
  .sec01_sli_txt2{ max-width:100%; width:95%; }
}
@media(max-width:1080px){
}
@media(max-width:1024px){
  .sec01_sli_txt2 .box{ background:none; }
}
@media(max-width:991px){
  .sec01_sli_txt{max-width:100%;padding:0px 0px;}
  
  section.main_sec{ padding:60px 0 0; }
  .sec01_sli_txt2 .box{ max-width:350px; }
}
@media(max-width:850px){
  /* 모바일: CSS vw로 직접 제어 (JS 비적용 구간) */
  #sec_01 .swiper-container,
  #sec_01 .swiper-wrapper,
  #sec_01 .swiper-slide,
  .sec01_sli{ height: 70.5vw !important; }
  .sec01_sli{ background-position:left -235px top 0 !important; padding:60px 0 !important; position:relative; }
  .sec01_sli:before{ content:''; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.3); left:0; top:0; }
  .sec01_sli_txt2 .box{ float:none; margin:0 auto; padding:0; }
  .sec01_sli_txt2 .box > h2{ color:#fff !important; filter:drop-shadow(5px 5px 5px rgba(0,0,0,1)); }
  .sec01_sli_txt2 .box > p{ color:#fff !important; filter:drop-shadow(5px 5px 5px rgba(0,0,0,1)); }
}

@media(max-width:850px){
  .sec01_sli{ background-position: center top !important; }
  .sec01_sli {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .sec01_sli_txt {
    padding: 0 20px;
    box-sizing: border-box;
    text-align: center;
  }
}


@media(max-width:768px){
  .sec01_sli{ background-position: center top !important; }
  .mbr{display:block;}
}
@media(max-width:650px){
  .sec01_sli{ background-position: center top !important; }
  .sec01_scr{ display:none; }
}
@media(max-width:520px){
  .sec01_sli{ padding:130px 30px !important; }
  .sec01_sli_txt > a{ padding-right:25px; }
  .sec01_sli_txt > a p{ padding:12px 30px; }
  .sec01_sli_txt > a:after{ border-left-width:25px; border-top-width:23px; border-bottom-width:23px; }
}
@media(max-width:430px){
  #sec_01 .swiper-container,
  #sec_01 .swiper-wrapper,
  #sec_01 .swiper-slide,
  .sec01_sli{ height: 75vw !important; }
  .sec01_sli{ background-position: center top !important; }
  
}
@media(max-width:390px){
  
  section.main_sec{ padding:60px 0 0; }
  #sec_01 .swiper-container,
  #sec_01 .swiper-wrapper,
  #sec_01 .swiper-slide,
  .sec01_sli{ height: 90vw !important; }
  .sec01_sli{ background-position: center top !important; }
  
}

.sec01_sli_txt2.box.first-animate > h2 {
  opacity:0; transform:translate(0,50px);
  transition:0.8s transform 0.8s, 0.6s opacity 0.8s;
}
.sec01_sli_txt2.box.first-animate > p {
  opacity:0; transform:translate(0,50px);
  transition:0.8s transform 1s, 0.6s opacity 1s;
}
.sec01_sli_txt2.box.first-animate > a {
  opacity:0; transform:translate(0,50px);
  transition:0.8s transform 1.2s, 0.6s opacity 1.2s;
}
.swiper-slide-active .sec01_sli_txt2.box.first-animate > h1,
.swiper-slide-active .sec01_sli_txt2.box.first-animate > p,
.swiper-slide-active .sec01_sli_txt2.box.first-animate > a {
  transform:translate(0,0); opacity:1;
}

@keyframes fadeUp {
  to { opacity:1; transform:translate(0,0); }
}

.sec01_video{ position:absolute; top:0; bottom:0; left:0; right:0; z-index:1; }
.sec01_txt_wrap{ padding:170px 40px 140px; z-index:50; min-height:50.4688vw; }

.sec01_scr{ position:absolute; z-index:100; bottom:3%; left:50%; transform:translate(-50%,0); text-align:center; display:none;}
.sec01_scr > p{ font-size:12px; font-weight:400; color:#fff; margin-bottom:10px; }
.sec01_scr > div{ display:inline-block; width:35px; height:60px; border-radius:40px; border:2px solid #fff; position:relative; }
.sec01_scr > div:after{ content:''; width:7px; height:7px; border-radius:100%; background-color:#fff; position:absolute; top:15px; left:calc(50% - 2.5px); animation:2s scrmove infinite; -webkit-animation:2s scrmove infinite; }

#sec01_page{ position:absolute; z-index:100; bottom:5%; left:auto; right:2%; width:auto;}
#sec01_page .swiper-pagination-bullet{ position:relative; width:40px; height:auto; font-family:'sh',serif; font-size:20px; font-weight:400; color:#fff; padding-bottom:15px; background:none; border-radius:0; opacity:1; text-align:center; }
#sec01_page .swiper-pagination-bullet:before{ content:''; position:absolute; bottom:0; left:0; width:100%; height:8px; background-color:#fff; transform:scaleY(0.4); transition-duration:0.6s; }
#sec01_page .swiper-pagination-bullet-active:before{ transform:scaleY(1);}

@keyframes scrmove {
  0%   { top:8px;  opacity:1; }
  80%  { top:25px; opacity:0; }
  81%  { top:8px;  opacity:0; }
  100% { top:8px;  opacity:1; }
}
@-webkit-keyframes scrmove {
  0%   { top:8px;  opacity:1; }
  80%  { top:25px; opacity:0; }
  81%  { top:8px;  opacity:0; }
  100% { top:8px;  opacity:1; }
}

@media(max-width:850px){
  .sec01_sli{ padding:170px 30px 140px !important; }
}



/****************sec_02 type2****************/
.sec02_wrap{width:100%; max-width:100%; padding:0; margin:0; position:relative; display:block;}
.sec02_wrap:before{content:''; position:absolute; width:100%; height:100%; border-radius:0; background: linear-gradient(to right, #eaf6f9, #f3f6e4); top:0; right:0; z-index:-1;}
.sec02_cont{width:100%; max-width:1450px; display:block; overflow:hidden; padding:0px 15px 0px; margin:0px auto;}
.sec02_cont .title_div{width:100%; max-width:1320px; border-bottom:0px; display:block; padding:15px 0px 25px; margin:0 auto; position:relative; z-index:5;}
.sec02_cont .title_div > .title{font-size:40px; color:#333; font-weight:700; margin:0; padding:0; line-height:1.3;}
.sec02_cont .title_div > .title_more{float:right; color:#333; font-size:15px; font-weight:500; font-family:'Pretendard',sans-serif; margin:0; padding:0px; display:inline-block; position:absolute; border:2px solid #ebebeb; border-radius:100%; width:35px; line-height:28px; right:0; top:20px; text-align:center; background:#fff;}
.sec02_cont .title_div > .title_more:before{content:"+"; font-size:16px; font-weight:700; color:#da4616; margin-right:10px;}
.sec02_cont .title_div > .title span{color:var(--point-color);}
.sec02_cont .title_div >  p{display:inline-block; font-size:16px; line-height:1.5; font-weight:400; color:#999; margin-left:12px;}

@media( max-width:768px ){
	.sec02_wrap:before{border-radius:0 35px 170px 0;}
	.sec02_cont{width:90%; max-width:100%; padding:50px 0px 50px;}
	.sec02_cont .title_div{max-width:100%;}
	.sec02_cont .title_div > .title{font-size:25px;}
	.sec02_cont .title_div >  p{display:block; font-size:14px; margin:10px 0 0 0px;}
}
@media( max-width:380px ){
	.sec02_cont{padding:35px 0px 50px;}
	.sec02_cont .title_div > .title{font-size:24px;}
	.sec02_cont .title_div > .title_more{font-size:13px; width:75px; line-height:26px; top:18px;}
	.sec02_cont .title_div >  p{font-size:13px;}
	
}

/****************sec_03 type2****************/
.main_sec03 {position:relative; z-index:1; display:flex; flex-wrap:wrap;}
.at-container {max-width:1320px; margin:0px auto; padding:100px 15px;}
.main_sec03:before{content:""; width:625px; height:507px; background:url(/outpage/img/main_sec03_back.png) no-repeat center / contain; position:absolute; top:0px; left:calc(100% - 150px); z-index:-1;}
.main_sec03 .left_box{margin-right:40px;}
.main_sec03 > div{width:calc(50% - 20px);}
.main_sec03 .right_box ul{display:flex; flex-wrap:wrap; position:relative; background:#fff;}
.main_sec03 .right_box ul:before {content:""; width:58px; height:79px; background:url("") no-repeat center / contain; position:absolute; left:-46px; bottom:20px; z-index:1;}
.main_sec03 .right_box ul li.info{background:url("") no-repeat right center;}
.main_sec03 .right_box ul li:nth-child(2n+1){border-left:1px solid #dedede;}
.main_sec03 .right_box ul li:nth-child(-n+2){border-top:1px solid #dedede;}
.main_sec03 .right_box ul li a{display:block; width:100%; padding:55px 40px; color:#222;}
.main_sec03 .right_box ul li:nth-child(4) a{color:#fff;}
.main_sec03 .right_box ul li{display:flex; align-items:center; width:50%; border-right:1px solid #dedede; border-bottom:1px solid #dedede;}
.main_sec03 .right_box ul li a strong{display:block; font-size:22px; line-height:1.2; font-weight:600; margin-bottom:15px;}
.main_sec03 .right_box ul li a p{font-size:15px; line-height:1.5; color:#999;}
.main_sec03 .right_box ul li:nth-child(4) a p{color:#fff;}
.main_sec03 .right_box ul li a p span{margin-left:10px; transition:all 0.3s;}
.main_sec03 .right_box ul li a:hover p span{margin-left:15px;}
.main_sec03 .right_box ul:after{content:""; width:79px; height:182px; background:url(https://ojwelfare.or.kr/thema/Basic/img/main_sec03_fav03.png) no-repeat center / contain; position:absolute; right:-25px; top:-40px;}
.main_sec03 .right_box ul li.map{background:#fa8d66;}

.main_sec03 .title_div{width:100%; max-width:1320px; border-bottom:0px; display:block; padding:15px 0px 25px; margin:0 auto;}
.main_sec03 .title_div > .title{font-size:35px; color:#333; font-weight:700; margin:0; padding:0; line-height:1.3;}
.main_sec03 .title_div > .title_more{float:right; color:#333; font-size:15px; font-weight:500; font-family:'Pretendard',sans-serif; margin:0 50px 0 0; padding:6px 13px; display:inline-block; position:relative; border:2px solid #ebebeb; border-radius:100px; background:#fff;}
.main_sec03 .title_div > .title_more:before{content:"+"; font-size:16px; font-weight:700; color:#da4616; margin-right:10px;}
.main_sec03 .title_div > .title span{color:var(--point-color3);}
.main_sec03 .title_div > p{display:inline-block; font-size:16px; line-height:1.5; color:#999; margin-left:15px;}

@media( max-width:1080px ){
	.at-container {max-width:100%;}
	.main_sec03 .left_box{margin-right:0px;}
	.main_sec03 > div{width:calc(50% - 30px); margin:0 15px;}
}
@media( max-width:768px ){
	.at-container {max-width:90%; padding:50px 0px;}
	.main_sec03 > div{width:calc(100% - 0px);}
	.main_sec03 .left_box{margin-right:0px; margin-bottom:35px;}
	.main_sec03 .left_box img{width:100%; max-width:100%;}
	.main_sec03 .right_box ul li{width:100%;}
	.main_sec03 .right_box ul li:nth-child(1){border-top:1px solid #dedede !important;}
	.main_sec03 .right_box ul li:nth-child(2n+2){border-left:1px solid #dedede;}
	.main_sec03 .right_box ul li:nth-child(-n+2){border-top:0px solid #dedede;}
	.main_sec03 .right_box ul li a{padding:30px 25px;}
	.main_sec03 .right_box ul li a strong{font-size:18px; margin-bottom:10px;}
	.main_sec03 .right_box ul li a p{font-size:14px;}
	.main_sec03 .title_div{max-width:100%;}
	.main_sec03 .title_div > .title{font-size:25px;}
	.main_sec03 .title_div > .title_more{margin:0 0px 0 0;}
	.main_sec03 .title_div > p{display:block; font-size:14px; margin:10px 0 0 0px; }
}
@media( max-width:380px ){
	.main_sec03 .right_box ul li a strong{font-size:16px; margin-bottom:7px;}
	.main_sec03 .right_box ul li a p{font-size:13px;}
	.main_sec03 .title_div > .title{font-size:24px;}
	.main_sec03 .title_div > .title_more{font-size:13px; padding:5px 10px;}
	.main_sec03 .title_div >  p{font-size:13px;}
}




/****************sec_02****************/
#sec_02{ padding:100px 20px;display:block;position:absolute;}
.sec02_title_wrap{ text-align:center; margin-bottom:80px; }
.sec02_title_wrap h1{ font-family:'Open Sans', 'Noto Sans KR'; font-size:36px; font-weight:700; color:#333; margin-bottom:10px; }
.sec02_title_wrap p{ font-size:15px; font-weight:300; color:#777; }
.sec02_pt.pt_right{ padding-left:75px; }
.sec02_left_title{ position:relative; padding-left:60px; padding-right:75px; word-break: keep-all; margin-bottom:40px; }
.sec02_left_title i{ position:absolute; top:5px; left:0; font-size:40px; }
.sec02_left_title h3{ font-size:17px; font-weight:400; color:#666; }
.sec02_sli_wrap{ padding-right:75px; position:relative; }
#sec02_sli .sec02_sli{ padding-bottom:66.66666666666667%; background-position:center; background-size:cover; background-repeat:no-repeat; cursor:pointer;}
.sec02_sli_wrap:after{ content:''; position:absolute; top:0; right:37px; width:1px; height:100%; background-color:#ebebeb; }
.sec02_sli_wrap #sec02_pagination{ z-index:20; width:auto; left:inherit; right:30px; top:0; padding-bottom:30px; background-color:#fff; }
.sec02_sli_wrap .swiper-pagination-bullet{ width:14px; height:14px; background-color:#ebebeb; margin:0 0 17px 0; border-radius:0; display:block; opacity:1; }
.sec02_sli_wrap .swiper-pagination-bullet:last-child{ margin-bottom:0; }
.sec02_sli_wrap h3{ font-size:23px; font-weight:400; color:#fff;padding:10px;position:relative;display:block;text-align:center;text-decoration:underline;padding:5px;}
.sec02_sli_wrap h3 p{text-shadow: 1px 1px 2px black;}

.pt_left{ transform:translate(-100px, 0); opacity:0; transition:1.4s transform, 1.4s opacity; }
.active.pt_left{ transform:translate(0, 0); opacity:1; }
.sec02_pt2_wrap{ margin:0 -20px; }
.sec02_pt2{ transform:translate(100px, 0); opacity:0; transition:0.8s transform, 0.8s opacity;}
.active .sec02_pt2{ transform:translate(0, 0); opacity:1; }
.sec02_pt2.delay_1{ transition-delay:0s; }
.sec02_pt2.delay_2{ transition-delay:0.2s; }
.sec02_pt2.delay_3{ transition-delay:0.4s; }
.sec02_pt2.delay_4{ transition-delay:0.6s; }
.sec02_pt2.delay_5{ transition-delay:0.8s; }

.sec02_pt2{ margin-bottom:20px; }
.sec02_pt2:last-child{width:100%;}
.sec02_pt2 i{ width:64px; height:64px; border-radius:100%; text-align:center; line-height:64px; font-size:30px; margin-bottom:20px; }
.sec02_pt2 h3{ font-size:18px; font-weight:400; color:#333; }
.sec02_pt2 > div{ width:60px; height:3px; margin:15px 0; }
.sec02_pt2 p{ font-size:14px; font-weight:300; color:#777; }


/****************sec_03****************/
#sec_03{ padding:100px 20px; background-size:cover; background-position:50% 100%;}
@media(max-width:450px){
#sec_03{ padding:75px 30px; background-position:55% 100% !important;}
}
#sec_03 .sec_con{ max-width:800px; }
.sec03_txt{ text-align:center; word-break:keep-all; transform:scale(1.2); opacity:0; transition:1.4s transform, 0.8s opacity;}
.active .sec03_txt{ transform:scale(1); opacity:1; }
.sec03_txt h3{ font-family:'Open Sans', 'Noto Sans KR'; font-size:16px; font-weight:400; margin-bottom:20px; }
.sec03_txt h1{ font-size:45px; font-weight:600; margin-bottom:10px; }
.sec03_txt p{ font-size:16px; font-weight:300; }
.sec03_txt > a{ font-family:'Open Sans', 'Noto Sans KR'; display:inline-block; padding-right: 30px; position: relative; margin-top:35px; }
.sec03_txt > a:after{ content: ''; position: absolute; top: 0; right: 0; border-top: 26px solid transparent; border-bottom: 26px solid transparent; transition-duration: 0.4s; }
.sec03_txt > a p{ font-size: 16px; font-weight: 400; padding: 15px 36px; transition-duration: 0.4s; }

/****************sec_04****************/
#sec_04{ padding:120px 50px; }
#sec_04 .sec_con{ max-width:100%; padding:85px 30px 115px; background-position:center; background-size:cover; background-repeat:no-repeat; }
.sec04_title_wrap{ text-align:center; margin-bottom:80px; }
.sec04_title_wrap h1{ font-family:'Open Sans', 'Noto Sans KR'; font-size:45px; font-weight:700; margin-bottom:10px; }
.sec04_title_wrap p{ font-size:15px; font-weight:300; }
.sec04_pt_wrap{ max-width:995px; width:100%; margin:0 auto; justify-content:center; }
.sec04_pt{ max-width:250px; width:100%; transition-duration:0.5s; position:relative; z-index:1; box-shadow:0 0 0 0 rgba(0,0,0,0.6); background-color:#fff; background-position:center; background-size:cover; background-repeat:no-repeat; }
.sec04_pt.selected{ transform:scale(1.1); z-index:3; box-shadow:3px 3px 6px 0 rgba(0,0,0,0.6); background-color:#333; }
.sec04_pt_in{ background-color:rgba(0,0,0,0.75); padding:60px 20px; text-align:center; transition-duration:0.5s; flex-direction:column; }
.sec04_pt.selected .sec04_pt_in{ background-color:transparent; }
.sec04_pt_ic{ font-size:65px; margin-bottom:25px;margin-top:30px; color:#fff; }
.sec04_pt.selected .sec04_pt_ic{ display:none; }
.sec04_pt_sub{ font-size:15px; font-weight:400; color:#999; margin-bottom:5px; transition-duration:0.5s; }
.sec04_pt.selected .sec04_pt_sub{ color:#fff; }
.sec04_pt_title{ font-size:26px; font-weight:400; color:#fff; transition-duration:0.5s; width:100%; }
.sec04_pt.selected .sec04_pt_title{ color:#fff; }
.sec04_pt_desc{ color:#fff; display:none; margin-top:10px; width:100%; }
.sec04_pt.selected .sec04_pt_desc{ display:block; }
.sec04_pt_cross{ position:relative; height:25px; margin-top:10px; display:none; }
.sec04_pt_cross:before{ content:''; position:absolute; top:0; left:calc(50% - 0.5px); width:1px; height:25px; background-color:#fff; }
.sec04_pt_cross:after{ content:''; position:absolute; top:calc(50% - 0.5px); left:calc(50% - 12.5px); width:25px; height:1px; background-color:#fff; }
.sec04_pt.selected .sec04_pt_cross{ display:block; }


/**************카드뉴스**************/

.bright_main_sec{ padding:100px 0; overflow:hidden; }
.bright_main_sec .sec_cont{ max-width:1240px; margin:0 auto; padding:0 20px; }
.bright_main_sec img{ max-width:100%; height:auto; }


#bright_sec04{ padding:130px 0; }
#bright_sec04 .sec_cont{ max-width:100%;}

.bright_sec04_title_wrap{ margin-bottom:50px; text-align:center; }
.bright_sec04_title{ font-family:'Raleway', 'Noto Sans KR', sans-serif; font-size:50px; font-weight:400; color:#333; }
.bright_sec04_title span{ font-weight:600; }

.bright_sec04_sli{ padding:0 50px; max-width:1200px; width:100%;z-index:1; }
.bright_sec04_sli_img{ background-color:#fff; background-position:center; background-size:100% 100% !important; background-repeat:no-repeat;border:0px solid #000;height:650px;}
.bright_sec04_sli_txt{ background-color:#f4f4f4; padding:30px; }
.bright_sec04_sli_title{ font-size:30px; font-weight:700; color:#333; padding-left:10px; border-left:3px solid; line-height:1.2; margin-bottom:10px; }
.bright_sec04_sli_subtitle{ font-size:14px; font-weight:300; margin-bottom:20px; }
.bright_sec04_sli_desc{ font-size:14px; line-height:1.7; font-weight:300; margin-bottom:40px; }
.bright_sec04_sli_link{ display:inline-block; text-align:center; padding:10px 30px; background-color:#333; color:#fff; font-size:15px; max-width:140px; transition-duration:0.3s; z-index:100;}

#bright_sec04 .bx-wrapper{margin:0 auto;}
#bright_sec04 .bx-viewport{ overflow:visible !important; }
#bright_sec04 .bx-wrapper .bx-prev{ left:0; transform:translate(-50%, 0); }
#bright_sec04 .bx-wrapper .bx-next{ right:0; transform:translate(50%, 0); }



@media(max-width:850px){
	#bright_sec_04 .bx-viewport{ overflow:hidden !important }
	.bright_sec04_sli{ padding:0; }
	.bright_sec04_sli_img, .bright_sec04_sli_txt{ width:100%; }
	.bright_sec04_sli_img{ min-height:0; padding-bottom:52.28758169934641%; }
	.bright_sec04_sli_txt h3{font-size:25px;}
}


/* Neoncity widget */

.neon_wid{ margin:0px auto; display:flex;  border:0px solid #000;width:100%;max-width:1240px;}
.neon_wid li{ width:25%; padding:15px; flex-glow:1 1; border:1px solid #fff;margin:0px 15px;box-sizing:border-box; }
.neon_wid li .wid_box{ position:relative; width:100%; padding-bottom:0px; border:0px solid #000;}

.wid_img{ position:relative; }
.wid_img .wid_cat{ display:block; position:absolute; z-index:5; top:7%; left:5%; font-size:14px; font-weight:300; color:#fff; padding:5px 10px; }
.wid_img .wid_cat:hover{ text-decoration:none; }
.wid_nonimg{ position:relative; padding-bottom:71.94244604316547%; background-color:#888; }
.wid_nonimg p{ position:absolute; top:50%; left:0; width:100%; transform:translate(0, -50%); text-align:center; font-size:15px; font-weight:300; color:#333; }
.wid_img img{ width:100%; height:auto; display:block; }

.wid_txt{ word-break:keep-all; padding:25px 20px 10px; }
.wid_txt h5{ font-size:16px; font-weight:300; margin-bottom:15px; }
.wid_txt h3{ font-family:'LB','NM'; font-size:14px; font-weight:400; margin-bottom:0px; text-align:center;}
.wid_txt p{ font-size:16px; font-weight:300; }

.wid_link{ position:absolute; z-index:10;background:#336600; bottom:-1px; left:-1px; width:calc(100% + 2px); padding:16px 70px 16px 20px; font-size:18px; line-height:1em; font-weight:900; color:#fff; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-decoration:none !important; transition-duration:0.6s; }
.wid_link:hover{ color:#fff;background:#000; }
.wid_link i{ position:absolute; top:0; right:0; width:50px; height:100%; display:flex; justify-content:center; align-items:center; color:#fff; font-size:25px; }

/**리얼스토리**/
#photogallery_sec{padding:100px 0 100px 0; overflow:hidden;border:0px solid #000; background:#f6fdda url(/layouts/Solid_template/include/img/icon/sec04_wrap_bg2.jpg)no-repeat center top; background-size:cover;}
@media(max-width:450px){
#photogallery_sec{padding:50px 0;}
}
#photogallery_sec .sec_cont{max-width:100% !important; margin:0 auto; padding:0 20px; width:100%;}
#photogallery_sec img{ max-width:100%; height:auto; } 

.photogallery_title_wrap{ text-align:center; margin-bottom:50px; }
.photogallery_title_wrap h1{ font-family:'Open Sans', 'Noto Sans KR'; font-size:46px; font-weight:800; color:#333; margin-bottom:10px; }
.photogallery_title_wrap p{ font-size:17px; font-weight:400; color:#333; padding:10px 0 0;}

@media(max-width:450px){
.photogallery_title_wrap{margin-bottom:7px; }
.photogallery_title_wrap h1{font-size:30px;}
.photogallery_title_wrap p{ font-size:14px;}
}
@media(max-width:380px){
.photogallery_title_wrap h1{letter-spacing:-0.5px;}
.photogallery_title_wrap p{ letter-spacing:-0.5px;}
}

.pc-none{display:none;}
@media(max-width:650px){
.mobile-none{display:none;}
.pc-none{display:block !important;}
}

/****************sec_05****************/
#sec_05{ padding:0px;}
.sec05_title_wrap{ text-align:center; margin-bottom:80px; }
.sec05_title_wrap h1{ font-family:'Open Sans', 'Noto Sans KR'; font-size:36px; font-weight:700; color:#333; margin-bottom:10px; }
.sec05_title_wrap p{ font-size:15px; font-weight:300; color:#777; }
.sec05_pt_wrap{ margin:0 -35px; justify-content:center; }
.sec05_pt{ max-width:25%; width:100%; transform:translate(0, 100px); opacity:0; transition:0.9s transform, 0.7s opacity; }
.sec05_pt_wrap.active .sec05_pt{ opacity:1; transform:translate(0, 0); }
.sec05_pt.delay_1{ transition-delay:0s; }
.sec05_pt.delay_2{ transition-delay:0.2s; }
.sec05_pt.delay_3{ transition-delay:0.4s; }
.sec05_pt.delay_4{ transition-delay:0.6s; }

.sec05_pt > a{ font-family:'Open Sans', 'Noto Sans KR'; display:inline-block; padding-right: 30px; position: relative; margin-top:20px; }
.sec05_pt > a:after{ content: ''; position: absolute; top: 0; right: 0; border-top: 22px solid transparent; border-bottom: 22px solid transparent; transition-duration: 0.4s; }
.sec05_pt > a p{ font-size: 16px; font-weight: 400; color:#fff; padding: 10px 25px; transition-duration: 0.4s; }
.sec05_pt > a:hover:after{ border-left-color:#333; }
.sec05_pt > a:hover p{ background-color:#333; color:#999 !important;}
.sec05_pt_img{ margin-bottom:20px; box-shadow:3px 3px 5px 0 rgba(0,0,0,0.2); }
.sec05_pt_img img{ max-width:100%; width:100%; height:auto; display:block; }
.sec05_pt h1{ font-size:28px; font-weight:600; color:#333; padding-bottom:25px; margin-bottom:25px; position:relative; }
.sec05_pt h1:after{ content:''; width:58px; height:3px; position:absolute; bottom:0; left:0; }
.sec05_pt p{ font-size:14px; font-weight:300; color:#928e92; line-height:1.5; }



/****************sec_06****************/
#sec_06{ padding:80px 30px; background-size:cover; background-position:center; background-repeat:no-repeat; }

#sec_06 a[x-apple-data-detectors],
#sec_06 a[href^="tel"]{
  color: inherit !important;
  text-decoration: none !important;
}

.sec06_pt_wrap{ margin:0 -40px; border:0px solid #000;min-height:400px;}
.sec06_pt{ transition:0.8s transform, 0.8s opacity; }
.sec06_pt_wrap.active .sec06_pt{ transform:translate(0, 0); opacity:1; }
.sec06_pt.direction_1{ transform:translate(-100px, 0); opacity:0; }
.sec06_pt.direction_2{ transform:translate(100px, 0); opacity:0; }
.sec06_pt.flex{ flex-direction:column; }
.sec06_title{ font-size:36px; font-weight:700; position:relative; padding-left:45px; line-height:1.35em; margin-bottom:30px; }
.sec06_title:before{ content:''; width:30px; height:30px; position:absolute; top:9px; left:0; }
.sec06_info{ padding-left:45px; margin-bottom:20px; }
.sec06_info ul li{ font-size:16px; font-weight:400; margin-bottom:15px; position:relative; }
.sec06_info ul li:last-child{ margin-bottom:0; }
.sec06_info ul li i{ position:absolute; top:3px; left:0; font-size:18px; }
.sec06_title2{ font-size:36px; font-weight:700; position:relative; padding-left:45px; line-height:1.35em; margin-bottom:30px; }
.sec06_title2:before{ content:''; width:30px; height:30px; position:absolute; top:9px; left:0; background:var(--point-color);}
.sec06_title2_str{ position:relative; min-width:100px; }
.sec06_title2_str:before{ content:''; width:100%; height:1px; background-color:#fff; position:absolute; left:0; top:22px; }
.sec06_map{max-height:260px; height:260px; position:relative; background-color:#222; overflow:hidden; }
/*google map*/
.sec06_map iframe{ position:absolute; z-index:0; top:0; left:0; width:100% !important; height:100% !important; }
/*naver map*/
.sec06_map table, .sec06_map table img{ position:absolute; z-index:0; display:block; top:50%; left:50%; width:100% !important; height:auto !important; transform:translate(-50%, -50%); }
.sec06_map table > tbody > tr > td > table{ display:none; }
/*daum map*/
.sec06_map .root_daum_roughmap.root_daum_roughmap_landing{ position:absolute; z-index:0; top:0; left:0; width:100% !important; height:100% !important; padding:0 !important; margin:0 !important; }
.sec06_map .root_daum_roughmap .wrap_map{ position:absolute; width:100% !important; height:100% !important; }


@media(max-width:1200px){
	.sec05_pt_wrap{ margin:0 -15px; }
	.sec05_pt.pdh-35{ padding:0 15px; }
}
@media(max-width:960px){
	.sec04_pt_in{ padding:30px 20px; }
	.ptwrap_05, .ptwrap_04{ flex-flow:row wrap; }
	.sec04_pt_wrap.ptwrap_05 .sec04_pt{ max-width:50%; }
	.sec04_pt_wrap.ptwrap_05 .sec04_pt:nth-child(-n + 3){ max-width:33.3333333%; }

	.sec04_pt_wrap.ptwrap_04 .sec04_pt{ max-width:50%; }
}
@media(max-width:850px){
	.sec02_pt.col-06{ width:100%; }
	.sec02_pt:first-child{ margin-bottom:50px; }
	.sec02_pt.pt_right{ padding-left:0; }
	.sec06_pt_wrap{ margin:0 -15px; }
	.sec06_pt.pdh-40{ padding-left:15px; padding-right:15px; }
}

@media(max-width:800px){
	.sec05_pt{ width:100%; max-width:450px; margin:0 auto 50px; }
	.sec05_pt:last-child{ margin-bottom:0; }

	.sec06_pt.col-06{ width:100%; margin-bottom:50px; }
	.sec06_pt.col-06:last-child{ margin-bottom:0; }
	.sec06_title{ margin-bottom:20px; }
	.sec06_info{ padding-left:0; }
	.sec06_title2{ margin-bottom:25px; }
	.sec06_map{ height:300px; }
}

@media(max-width:750px){
	.ptwrap_03, .ptwrap_02{ flex-flow:row wrap; }
	.sec04_pt_wrap.ptwrap_03 .sec04_pt{ max-width:33.33333333%; }
	.sec04_pt_wrap.ptwrap_02 .sec04_pt{ max-width:50%; }
}

@media(max-width:700px){
	.sec02_left_title{ padding-right:0; }
	.sec02_sli_wrap:after{ display:none; }
	.sec02_sli_wrap{ padding-right:0; }
	.sec02_sli_wrap #sec02_pagination{ left:0; top:inherit; bottom:15px; background-color:transparent; width:100%; padding-bottom:0; }
	.sec02_sli_wrap .swiper-pagination-bullet{ width:12px; height:12px; display:inline-block; margin:0 5px; }
}

@media(max-width:620px){
	.sec04_pt_wrap.ptwrap_05 .sec04_pt{ max-width:50%; }
	.sec04_pt_wrap.ptwrap_05 .sec04_pt:nth-child(-n + 3){ max-width:50%; }
	.sec04_pt_wrap.ptwrap_05 .sec04_pt:last-child{ max-width:100%; }
	.sec04_pt_wrap.ptwrap_03 .sec04_pt{ max-width:100%; }
	.sec06_pt{overflow:hidden; padding-bottom:30px;}
}

@media(max-width:500px){
	.sec01_sli{ min-height:50.4688vw; height:50.4688vw; background-color:#333; background-size:cover; background-position:left -280px top 0px; background-repeat:no-repeat; padding:150px 0px; justify-content:center; align-items:flex-start;}
	.sec01_sli_txt > a{ font-family:'Open Sans', 'Noto Sans KR';color:#fff; display:inline-block; padding-right: 30px; position: relative; margin-top: 40px; opacity:0; transform:translate(0, 50px);  transition:0.8s transform 1.2s, 0.6s opacity 1.2s; }
	.sec01_sli_txt > a:after{ content: ''; position: absolute; top: 0; right: 0; border-top: 20px solid transparent; border-left:30px solid; border-bottom: 21px solid transparent; transition:0.4s border-color; }
	.sec01_sli_txt > a p{ font-size: 12px; font-weight: 400; padding: 12px 10px; transition:0.4s background-color, 0.4s color; text-align:center;color:#fff !important;box-sizing:border-box;}

	#sec_02{ padding:30px 0px !important; border:0px solid #000;}
	.sec02_title_wrap{padding:0px 20px; border:0px solid #000;margin:0px 0 20px 0 !important;}
	.sec02_title_wrap p{font-size:12px;}
	.sec02_left_title{margin:0px;padding:10px 10px;}
	.sec02_left_title i{ position:relative; top:0px; margin:0 10px; font-size:40px; float:left;}
	.sec02_left_title h3{ font-size:20px; font-weight:400; color:#666; padding-top:5px;}
	.sec02_pt_wrap{margin:0px !important;padding:0px 20;border:0px solid #000;width:100%;}
	.pt_right{padding:0px 20px !important;}

	.sec03_txt h1{ font-size:27px; font-weight:600; margin-bottom:10px; }
	.sec03_txt p{ font-size:12px !important; font-weight:300; }
	.sec03_txt > a:after{border-top: 23px solid transparent; border-bottom: 23px solid transparent;}

	.sec04_title_wrap h1{ font-family:'Open Sans', 'Noto Sans KR'; font-size:25px; font-weight:700; margin-bottom:10px; }
	.sec04_title_wrap p{ font-size:11px; font-weight:300; }
	.sec04_pt_wrap.ptwrap_05 .sec04_pt,
	.sec04_pt_wrap.ptwrap_05 .sec04_pt:nth-child(-n + 3),
	.sec04_pt_wrap.ptwrap_04 .sec04_pt,
	.sec04_pt_wrap.ptwrap_02 .sec04_pt,
	.sec04_pt_wrap.ptwrap_01 .sec04_pt{ max-width:100%; }

	#sec_05{ padding:30px 15px !important; border:0px solid #000;}

	.sec05_pt > a{ font-family:'Open Sans', 'Noto Sans KR'; display:inline-block; padding-right: 30px; position: relative; margin-top:20px; }
	.sec05_pt > a:after{ content: ''; position: absolute; top: 0; right: 0; border-top: 17px solid transparent; border-bottom: 17px solid transparent; transition-duration: 0.4s; }
	.sec05_pt > a p{ font-size: 14px; font-weight: 400; color:#fff; padding: 7px 15px; transition-duration: 0.4s; }
	.sec05_pt > a:hover:after{ border-left-color:#333; }
	.sec05_pt > a:hover p{ background-color:#333; }

	#sec_06{ padding:50px 15px !important; border:0px solid #000;}
	#sec_06 .sec06_title2{padding:20px 0px  !important; border:0px solid #000;}
	.sec06_info{margin-top:20px;}
	.ft_quick{position:fixed !important;width:100%;padding:0;margin:0px;bottom:0px;z-index:1000;display:block;}
	.ft_quick ul{display:flex;}
	.ft_quick ul li{flex:1;padding:10px;background:#000;text-align:center;border-right:1px solid #fff;}
	.ft_quick ul li:nth-child(2){background:#ecba28;}
	.ft_quick ul li a{color:#fff;font-weight:bold;}
	.copyright{margin-bottom:0px; font-size:10px !important;}

	.sec06_title{ font-size:25px; font-weight:700; position:relative; padding-left:35px; line-height:1.2em; margin-bottom:20px; }
	.sec06_title:before{ content:''; width:20px; height:20px; position:absolute; top:6px; left:0; }
	.sec06_info ul li{ font-size:15px;}
	.sec06_info ul li i{ top:2px; font-size:20px; }
	.sec06_map{ height:200px; }
	.sec06_pt.col-06{margin-bottom:0px; }
	.sec06_title2 h1{ padding-left:0px; font-size:25px; text-align:left; }
	.sec06_title2_str{ min-width:35px; }
	.sec06_title2_str:before{ content:''; width:20px; height:20px; position:absolute; top:10px; left:0; background-color: #ff9900;}
}
@media(max-width:380px){
	/* clamp() 최솟값으로 이미 처리됨 */
}

/* sec03 바로가기 */
.sec03_icon_wrap {
	display: block; 
	padding: 25px 0 75px; 
	margin: 0; 
	overflow: hidden;
}

.sec03_icon_wrap h1{
	font-family:'Open Sans', 'Noto Sans KR'; 
	font-size:46px; 
	font-weight:800; 
	color:#333; 
	margin-bottom:70px;
	text-align:center;
}
.sec03_icon_wrap .sec03_icon {
	display: flex; 
	padding: 0; 
	margin: 0 auto 0; 
	gap: 25px; 
	width: 100%; 
	max-width: 1240px; 
	justify-content: center;
}
.sec03_icon_wrap .sec03_icon a {
	flex: 1;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	border: 0px solid #ddd;
	border-radius: 20px;
	padding: 0px 0 30px;
	margin: 0;
	color: #333;
	background-color: #fff;
	transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.5s ease;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	will-change: transform;
}

.sec03_icon_wrap .sec03_icon a img{
	display:block;
	margin:0;
	padding:0;
	max-width:100%;
	width:100%;
	border-radius: 20px 20px 0 0;
}
.sec03_icon_wrap .sec03_icon a p{
	padding:15px 0 0;
}
.sec03_icon_wrap .sec03_icon a span{
	display:inline-block;
	font-size:20px;
	font-weight:500;
	padding:0;
	border-bottom:2px solid rgba(255, 255, 255, 0.5);
}
.sec03_icon_wrap .sec03_icon a:hover {
	border: 0px solid var(--point-color3);
	transform: translateY(-15px);
	box-shadow: 0 16px 32px rgba(0, 0, 0, 0.15);
	color:var(--point-color3);
}

@media (max-width: 1300px) {
	.sec03_icon_wrap .sec03_icon {gap:25px; max-width: 95%; padding:0 0px; box-sizing:border-box;}
}
@media (max-width: 1080px) {
	.sec03_icon_wrap .sec03_icon a {font-size: 22px;}
}
@media (max-width: 960px) {
	.sec03_icon_wrap .sec03_icon a {font-size: 20px;}
}
@media (max-width: 870px) {
	.sec03_icon_wrap .sec03_icon {gap:15px;}
}
@media (max-width: 700px) {
	.sec03_icon_wrap .sec03_icon {flex-wrap:wrap; gap:30px; padding:0 0px; max-width: 90%;}
	.sec03_icon_wrap .sec03_icon a {flex:1 1 40%;}
}
@media (max-width: 500px) {
	.sec03_icon_wrap {padding: 50px 0;}
	.sec03_icon_wrap h1{font-size:38px; margin-bottom:40px;}
	.sec03_icon_wrap .sec03_icon {gap:20px;}
	.sec03_icon_wrap .sec03_icon a {flex:1 1 100%; padding: 0 0 20px;}
	.sec03_icon_wrap .sec03_icon a:hover {transform: translateY(-10px);}
}
@media (max-width: 430px) {
	.sec03_icon_wrap {padding: 35px 0 50px;}
	.sec03_icon_wrap h1{font-size:36px;}
	.sec03_icon_wrap .sec03_icon a {font-weight: 700; border-radius: 15px;}
	.sec03_icon_wrap .sec03_icon a img{border-radius: 15px 15px 0 0;}
	.sec03_icon_wrap .sec03_icon a p{padding:12px 0 0;}
}
@media (max-width: 380px) {
	.sec03_icon_wrap {padding: 20px 0 40px;}
	.sec03_icon_wrap h1{font-size:34px;}
	.sec03_icon_wrap .sec03_icon {gap:15px;}
	.sec03_icon_wrap .sec03_icon a {font-size: 14px; padding: 0 0 15px;}
}

/* sec02 공지사항 및 바로가기 */
.sec02_icon_wrap {
	display: block; 
	padding: 75px 0 0; 
	margin: 0 auto; 
	max-width: 1240px; 
	overflow:hidden;
}
@media (max-width: 1300px) {
	.sec02_icon_wrap {padding: 35px 0 0; max-width: 95%;}
}
@media (max-width: 430px) {
	.sec02_icon_wrap {padding: 35px 0 0; max-width: 90%;}
}

.boardList {
	display: block;
	background-color: #fff;
	border:1px solid #ddd;
	width:49%;
	float:left;
	padding: 25px 30px;
	border-radius:20px;
	box-sizing:border-box;
	text-align: left;
	max-height:300px;
}
.title_div{width:100%;border-bottom:1px solid #ddd;display:block;padding:15px 0px 25px;}
.title_div > .title{font-size:35px; color:#333; font-weight:700; margin:0; padding:0; line-height:1;}
.title_div > .title_more{float:right; color:#333; font-size:14px; font-weight:normal; font-family:'Roboto',sans-serif; margin:0; padding:15px 7px 0 0;}

.title_div > .title span{color:var(--point-color3);}

@media(max-width:450px){
.boardList {width:100%; float:none; padding: 20px 20px; max-height:100%; overflow:hidden;}
.title_div > .title{font-size:30px;}
.title_div > .title_more{padding:5px 7px 0 0;}
}

.pgbox{padding:25px 0 0;}

.baro_list{
	display: block;
	width:49%;
	float:right;
	padding: 0 0 10px;
}
.baro_li_icon{
	display: flex; 
	padding: 0; 
	margin: 0 auto 0; 
	gap: 25px; 
	width: 100%; 
	max-width: 100%; 
	justify-content: center;
}
.baro_list .baro_li_icon a {
	flex: 1;
	text-align: center;
	font-size: 27px;
	font-weight: 700;
	border: 0px solid #ddd;
	border-radius: 20px;
	padding: 54px 0;
	margin: 0;
	color: #fff;
	background-color: #fff;
	transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.5s ease;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	will-change: transform;
}
.baro_list .baro_li_icon a:nth-child(1){background-color: #47b749;}
.baro_list .baro_li_icon a:nth-child(2){background-color: #2f9c90;}

.baro_list .baro_li_icon a img{
	display:block;
	margin:20px auto;
	max-width:100%;
	width:25%;
}
.baro_list .baro_li_icon a p{
	padding:0;
}
.baro_list .baro_li_icon a span{
	display:inline-block;
	font-size:20px;
	font-weight:500;
	padding:0;
	border-bottom:2px solid rgba(255, 255, 255, 0.5);
}
.baro_list .baro_li_icon a:hover {
	border: 0px solid var(--point-color3);
	color: #fff;
	transform: translateY(-15px);
	box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15);
}

@media (max-width: 430px) {
	.baro_list{width:100%; float:none; padding: 20px 0 0px;}
	.baro_li_icon{gap: 10px;}
	.baro_list .baro_li_icon a {font-size: 20px; padding: 25px 0; transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.5s ease; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); will-change: transform;}
	.baro_list .baro_li_icon a img{margin:10px auto 5px; width:35%;}
	.baro_list .baro_li_icon a span{font-size:15px;}
}

@media (max-width: 380px) {
	.baro_list .baro_li_icon a {font-size: 17px;}
	.baro_list .baro_li_icon a span{font-size:14px;}
}