body {background:#E8F4E0;}


/*******************  ¸ÞÀÎ ºñÁÖ¾ó ***********************/
#mainVisual{overflow:hidden; width:100%;  position:relative;  z-index:10; margin-top:90px;  background:#000; }
#mainVisual .slick-track, .main-visual-item{ height:700px;  overflow:hidden;}
.main-visual-con{z-index:1;}

/* ¸ÞÀÎ ºñÁÖ¾ó :: À̹ÌÁö */
.main-visual-item{position:relative; }
.main-visual-item .main-visual-pc-img{ width:100%;height:100%; background-size:cover !important; background-position:right center;  transform: scale(1.1,1.1);transition:transform 2000ms ease-in-out ; }
.main-visual-item .main-visual-m-img{display:none;}

/* ¸ÞÀÎ ºñÁÖ¾ó :: ÅؽºÆ® */
.main-visual-item .main-visual-txt-con{position:absolute; top:20%; left:50%;  transform:translateX(-50%); width:90%; max-width:1400px; } 

/* Å« ÆùÆ® */
.main-visual-item .main-visual-txt-con .main-visual-txt2{ font-family:'TTTtangsbudaejjigaeB' ,'yg-jalnan'; display:block; font-size:70px;  letter-spacing:-2px; line-height:110%;  color:#1553A3; margin-bottom:30px; transition-delay:0.1s;}
.main-visual-item .main-visual-txt-con .main-visual-txt2 b{color:#35AB41; /*background: linear-gradient( 90deg,#1553A3 0%, #B8D68F 35%,#7FC7C2 65%, #6BB6D6 100%  ); -webkit-background-clip: text;  -webkit-text-fill-color: transparent; */}

/* ÀÛÀº ÆùÆ® */
.main-visual-item .main-visual-txt-con .main-visual-txt1{display:block; font-size:21px;  font-weight:400; line-height:1.6; color:#000;  transition-delay:0.3s;}

/* ¸ð¼Ç */
.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con .main-visual-txt2{ opacity:0; filter:Alpha(opacity=0);  transform: translateX(50px);  transition:opacity 1.0s, transform 1.0s;}
.main-visual-item.active-item .main-visual-txt-con.left .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt-con.left .main-visual-txt2{opacity:1.0;filter:Alpha(opacity=100); -ms-transform: translateX(0px); transform: translateX(0px);}
.main-visual-item .main-visual-txt-con img{display:inline-block;}
.main-visual-item.active-item .main-visual-pc-img{ transform: scale(1.0,1.0) rotate(0.01deg);}


/*** ¸ÞÀÎ ºñÁÖ¾ó DOTS (Áß¾Ó µ¿±×¶ó¹Ì)***/
#mainVisual .slick-dots{ position:absolute; left:50%;  transform:translateX(-50%);bottom:180px; z-index:9999;  width:auto; text-align:center;  display:flex;  gap:10px;  align-items:center;  justify-content:center;  padding:8px 14px;  border-radius:999px;  background:rgba(255,255,255,0.25);   backdrop-filter: blur(4px);}
#mainVisual .slick-dots li{  display:block;  margin:0;}
#mainVisual .slick-dots li button{ cursor:pointer; padding:0; font-size:0; width: clamp(10px, 1vw, 12px); height: clamp(10px, 1vw, 12px);  border-radius:50%; background:rgba(255,255,255,0.6);  border:2px solid rgba(255,255,255,0.9);  transition:all .25s ease;}
#mainVisual .slick-dots li.slick-active button{ background:#12AC76;  border-color:#12AC76; transform:scale(1.15);}

/***  ¸ÞÀÎ ºñÁÖ¾ó Á¿ì È­»ìÇ¥ (Èò»ö ¹ÝÅõ¸í ¿ø)***/
#mainVisual .slick-arrow{ position:absolute; top:50%; transform:translateY(-50%); z-index:350; width: clamp(44px, 4.2vw, 64px); height: clamp(44px, 4.2vw, 64px); border-radius:50%; background:rgba(255,255,255,0.55);  border:1px solid rgba(255,255,255,0.9); cursor:pointer; font-size:0;  transition:all .25s ease;  backdrop-filter: blur(6px);  box-shadow: 0 8px 18px rgba(0,0,0,0.12);}
#mainVisual .slick-arrow:hover{  background:rgba(255,255,255,0.75);  transform:translateY(-50%) scale(1.06);}

/* Á¿ì À§Ä¡µµ ¹ÝÀÀÇü */
#mainVisual .slick-prev{ left: clamp(10px, 2.2vw, 30px); }
#mainVisual .slick-next{ right: clamp(10px, 2.2vw, 30px); }

/* È­»ìÇ¥ ¸ð¾ç(»öÀº ±×¸° Åæ) */
#mainVisual .slick-prev:before,
#mainVisual .slick-next:before{ content:"";position:absolute;top:50%; left:50%;width: clamp(12px, 1.3vw, 16px);  height: clamp(12px, 1.3vw, 16px);  border-top: 3px solid #12AC76;  border-right: 3px solid #12AC76;}
#mainVisual .slick-prev:before{  transform:translate(-50%,-50%) rotate(-135deg);}
#mainVisual .slick-next:before{  transform:translate(-50%,-50%) rotate(45deg);}




@media all and ( max-width:1440px ){
/* ¸ÞÀÎ ºñÁÖ¾ó :: ÅؽºÆ® */
.main-visual-item .main-visual-txt-con{ max-width:1200px; } 

/* Å« ÆùÆ® */
.main-visual-item .main-visual-txt-con .main-visual-txt2{ font-size:65px; }

/* ÀÛÀº ÆùÆ® */
.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:20px;}
}




@media all and ( max-width:1280px ){
/* Å« ÆùÆ® */
.main-visual-item .main-visual-txt-con .main-visual-txt2{ font-size:55px;  margin-bottom:20px;}

/* ÀÛÀº ÆùÆ® */
.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:19px;}
}





@media all and ( max-width:1024px ){
/*** ¸ÞÀÎ ºñÁÖ¾ó DOTS (Áß¾Ó µ¿±×¶ó¹Ì)***/
#mainVisual .slick-dots{bottom:80px;}
/* Å« ÆùÆ® */
.main-visual-item .main-visual-txt-con .main-visual-txt2{ font-size:45px;}

/* ÀÛÀº ÆùÆ® */
.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:17px;}
}




@media all and ( max-width:768px ){
#mainVisual{margin-top:60px;}
#mainVisual .slick-dots{bottom:30px;}
#mainVisual{height:auto; margin-top:60px; min-height:auto; }
#mainVisual .slick-track, .main-visual-item{ height:auto;}

/* ¸ÞÀÎ ºñÁÖ¾ó :: ÅؽºÆ® */
.main-visual-item .main-visual-txt-con{top:10%;} 

/* Å« ÆùÆ® */
.main-visual-item .main-visual-txt-con .main-visual-txt2{ font-size:35px;}

/* ÀÛÀº ÆùÆ® */
.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:15px;}

/* ¸ÞÀÎ ºñÁÖ¾ó :: À̹ÌÁö */
.main-visual-item .main-visual-pc-img{display:none;}
.main-visual-item .main-visual-m-img{display:block;}
.main-visual-m-img img{width:100%;}
}






/* ¸ÞÀκñÁê¾ó Ç÷¯±×ÀÎSlider */
.slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none;-khtml-user-select: none; -ms-touch-action: pan-y;  touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{  position: relative;    display: block;    overflow: hidden;    margin: 0;    padding: 0;}
.slick-list:focus{ outline: none !important;}
.slick-list.dragging{  cursor: pointer;    cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);}
.slick-track{ position: relative;   top: 0; left: 0;    display: block;}
.slick-track:before,
.slick-track:after{display: table;    content: '';}
.slick-track:after{  clear: both;}
.slick-loading .slick-track{    visibility: hidden;}
.slick-slide{    display: none;    float: left; height: 100%;  min-height: 1px;}
[dir='rtl'] .slick-slide{  float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{    display: none;}
.slick-slide.dragging img{    pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{   visibility: hidden;}
.slick-vertical .slick-slide{ display: block;  height: auto;  border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slick-slider *:focus{outline:none !important;}











/* ============================== QUICK AREA (»ó´ãÀüÈ­ + Äü¹è³Ê)============================== */
.quick_area{width:100%;margin-top:-150px;position:relative; z-index:50; }
.quick_inner{ position:relative; width:90%; max-width:1400px; margin:0 auto;display:flex;align-items:flex-end;}


/* ---- ¶°´Ù´Ï´Â Æ÷ÀÎÆ® ÀÏ·¯½ºÆ® ---- */
.float_icon{ position:absolute; width:170px; height:auto; z-index:60;pointer-events:none;user-select:none; z-index:100;}
.fi_left{ left:-100px;  bottom:-24px;  animation: floatY 3.2s ease-in-out infinite;}
.fi_right{ right:-100px;  bottom:-50px;  animation: floatY 3.6s ease-in-out infinite;}
@keyframes floatY{0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }


/* ---- »ó´ãÀüÈ­ Ä«µå (Äü¹è³Ê À§·Î °ãÄ¡°Ô) ---- */
.call_card{flex:0 0 320px; background:#FFCD4A; border-radius:24px; padding:28px; box-sizing:border-box; box-shadow:0 18px 28px rgba(0,0,0,0.08);position:relative; z-index:80;  transform: translateY(-50px);}
.call_badge{ margin:0 0 5px; line-height:1.2;  font-weight:500;  font-size:21px;color:#111;}
.call_number{ display:block;  margin:0 0 7px; line-height:1.2; font-weight:600;  font-family:'TTTtangsbudaejjigaeB' ,'yg-jalnan'; letter-spacing:-0.09em; text-align:center;  font-size:30px;  color:#111;  text-decoration:none;}
.call_sub{ margin:0 0 16px; text-align:center;}
.call_sub .pill{ display:inline-block; padding:7px 17px; border-radius:999px; background:#FD9F28; color:#fff; font-weight:600; font-size:17px;}
.call_desc{ margin:0;opacity:0.7; text-align:center; font-size:16px; line-height:1.4;}


/* ---- Äü¹è³Ê ¾ÆÀÌÄÜ ¹Ú½º (¿ÞÂÊ Ä«µå°¡ °ãÄ¡µµ·Ï Æеù/¸¶Áø Á¶Á¤) ---- */
.quick_nav{ background:#35AB41;  90deg,#8FD3B6 0%,#9ED9C7 50%,#A7DFC9 100%; border-radius:40px;position:relative; z-index:70; flex:1; margin-left:-200px;  /* °ãÄ¡´Â Á¤µµ*/padding:50px 40px 50px 220px; /* ¿ÞÂÊ Æеù Å©°Ô */ box-sizing:border-box;}

/* 6°³ Ä­À¸·Î! */
.quick_list{list-style:none; padding:0;  margin:0;  display:grid;  grid-template-columns: repeat(6, minmax(0,1fr));  align-items:center; gap:0;}
.quick_item{ display:flex;flex-direction:column;  align-items:center;  justify-content:center;  text-align:center;  height:100%;  padding:10px 6px;  text-decoration:none;  color:#fff; transition: transform .18s ease, opacity .18s ease;}
.quick_item:hover{  transform: translateY(-3px); opacity:0.95;}

/* ¾ÆÀÌÄÜ À̹ÌÁö »çÀÌÁî */
.qi_icon{ display:block; width:90px;  margin:0 0 15px;}
.qi_icon img{ width:100%; height:100%;  object-fit:contain;  display:block;}

/* ÅؽºÆ® */
.qi_text{ font-weight:500; font-size:20px; color:#fff; line-height:1.3; white-space:nowrap;}





@media (max-width:1440px){
/* ---- ¶°´Ù´Ï´Â Æ÷ÀÎÆ® ÀÏ·¯½ºÆ® ---- */
.float_icon{width:150px;}
.fi_left{ left:-80px;}
.fi_right{ right:-80px;}

.quick_inner{ max-width:1200px;}

 



/* ---- »ó´ãÀüÈ­ Ä«µå (Äü¹è³Ê À§·Î °ãÄ¡°Ô) ---- */
.call_card{flex:0 0 290px; border-radius:20px; padding:23px;}
.call_badge{font-size:20px;}
.call_number{  font-size:27px;}
.call_sub .pill{ padding:7px 17px;  font-size:16px;}
.call_desc{font-size:15px;}

/* ---- Äü¹è³Ê ¾ÆÀÌÄÜ ¹Ú½º (¿ÞÂÊ Ä«µå°¡ °ãÄ¡µµ·Ï Æеù/¸¶Áø Á¶Á¤) ---- */
.quick_nav{ border-radius:30px;  margin-left:-200px;  /* °ãÄ¡´Â Á¤µµ*/padding:40px 20px 40px 200px; /* ¿ÞÂÊ Æеù Å©°Ô */ }
/* ¾ÆÀÌÄÜ À̹ÌÁö »çÀÌÁî */
.qi_icon{ width:80px;}

/* ÅؽºÆ® */
.qi_text{ font-size:18px;}
}




@media (max-width:1280px){
.call_card{ transform: translateY(-30px);}


.quick_area{margin-top:-120px;  }
/* ¾ÆÀÌÄÜ À̹ÌÁö »çÀÌÁî */
.qi_icon{ width:70px;}

/* ÅؽºÆ® */
.qi_text{ font-size:16px;}
}



@media (max-width: 1024px){
/* ---- ¶°´Ù´Ï´Â Æ÷ÀÎÆ® ÀÏ·¯½ºÆ® ---- */
.float_icon{width:100px; bottom:-50px; }
.fi_left{ left:-50px;}
.fi_right{ right:-50px; } 
.quick_area{margin-top:-50px;  }
.quick_inner{ flex-direction:column; align-items:stretch; gap:16px; max-width:700px;}
.call_card{ width:100%; flex:1;  transform:none; }
.quick_nav{ margin-left:0;  padding:25px 20px;border-radius:20px; min-height:auto; }
.quick_list{ grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px; }


}


@media (max-width: 768px){
.quick_area{margin-top:0px;  }
.quick_area{ padding:28px 0; }
.call_card{ transform: translateY(-0px);}
.qi_text{ font-size:15px; }
.call_number{ font-size:30px; }
.float_icon{ width:120px; opacity:.95; }

/* ¾ÆÀÌÄÜ À̹ÌÁö »çÀÌÁî */
.qi_icon{ width:48px; height:48px; }

/* ÅؽºÆ® */
.qi_text{ font-size:15px;}
}


 


/* ¸ÞÀΠŸÀÌƲ */
.m_tit {text-align:left; margin:0 0 40px 0; width:100%; display:block;}
.m_tit h3 { font-family:'TTTtangsbudaejjigaeB' ,'yg-jalnan'; display:block; font-size:40px;  letter-spacing:-2px; line-height:1;  color:#000; margin-bottom:10px;}
.m_tit p{display:block; font-size:21px;  font-weight:400; color:#000;}

/**** ÀÚ¼¼È÷º¸±â ¹öÆ° ***/
.btn-outline{display:inline-flex;align-items:center;gap:12px; padding:9px 20px;border:2px solid #000; border-radius:999px;  font-size:15px; font-weight:400; color:#000; text-decoration:none; transition:all 0.25s ease; position:absolute;   right:0;}
.btn-outline .arrow{  font-size:1.1em;  transition:transform 0.25s ease;}
.btn-outline:hover{ background:#000; color:#fff;}
.btn-outline:hover .arrow{  transform:translateX(4px);}
.board_webzine .board_output  {width:100%; margin:0 auto; background:none; }
.board_webzine .board_output .bd_out1  {width:100%;}
.board_webzine .board_output tr .board_output tr  {float:left; width:24%;  margin:0 0.5%; padding:1.7%; border-radius:20px; background:#fff;  box-sizing:border-box; }




@media screen and (max-width:1440px){ 
.m_tit {margin:0 0 30px 0;}
.m_tit h3 { font-size:35px; }
.m_tit p{ font-size:19px;}
.btn-outline{ font-size:14px; padding:7px 10px;}
}




@media screen and (max-width:1280px){ 
.m_tit h3 { font-size:30px; }
.m_tit p{ font-size:17px;}
.btn-outline{ font-size:13px;}
}


@media screen and (max-width:1024px){ 
.m_tit {margin:0 0 20px 0;}
.m_tit h3 { font-size:26px; }
.m_tit p{ font-size:15px;}


}


@media screen and (max-width:768px){ 
.btn-outline{ font-size:0px; padding:3px 8px; gap:0px;}
.btn-outline .arrow{ font-size:12px;}
}



 





 
/*******************ÃֱٰԽù° ÃßÃâ ·¹À̾î ***********************/
.m_board{ position:relative;  width:94%; max-width:1400px; margin:70px auto 40px; } 
.m_board .m_tit {margin-bottom:-0px;}
.sec3-wrap{position:relative; padding-top:50px; width:100%; margin:0 auto; }
.sec3-content{display:none;  padding:30px 0px; }
.sec3-content.active{display:block;}
.sec3-content .content{flex:1; }

/**** ÀÚ¼¼È÷º¸±â ¹öÆ° ***/
.btn-outline{top:10px;}

/**** ÅÇ ¹öÆ°***/
.sec3-tab{position:absolute; top:0; display:flex; justify-content:space-between; border-radius:30px; left:0px; background:#F5F7F4;}
.sec3-tab a{position:relative; display:inline-block; justify-content:center; align-items:center;  border-radius:30px;width:auto; padding:0 40px; margin-right:1px; height:50px;  line-height:50px;   font-size:19px; color:#333; transition:all .4s;}
.sec3-tab a.active{ background-color:#12AC76; font-weight:600; color:#fff; z-index:2;}

/* ¼³¸í±Û */
.board_webzine .board_output tr td {display:block; text-align:left; line-height:1.5; font-size:17px;  font-family: "Pretendard","Noto Sans KR",sans-serif; font-weight:400; letter-spacing:-0.03em;  color:#9C9C9C; padding-bottom:10px; }
.board_webzine .board_output tr td:first-child {padding-bottom:0px;}
.board_webzine .board_output tr td a {display:block; text-align:left; line-height:140%; font-size:16px;  }
.board_webzine .board_output tr .board_output  tr td:first-child {width:0%; height:0;}


/* ³¯Â¥*/
.board_webzine .board_output tr td:last-child { text-align:right;  color:#1553A3; padding-bottom:0px;}
 
/* ŸÀÌƲ */
.board_webzine .board_output .bd_out1 a {font-size:22px; color:#000; font-family: "Pretendard","Noto Sans KR",sans-serif; font-weight:400; letter-spacing:-0.03em;  font-weight:600; }
.board_webzine .board_output .bd_out1 a:hover {text-decoration:none; color:#35AB41;}


.board_webzine .board_output .bd_out1 a img {width:10px; height:10px; }


@media screen and (max-width:1440px){ 
.m_board{max-width:1200px;  margin:50px auto 20px; } 
.sec3-wrap{padding-top:40px; }

/**** ÅÇ ¹öÆ°***/
.sec3-tab a{ padding:0 30px; height:45px;  line-height:45px;  font-size:18px;}

/* ¼³¸í±Û */
.board_webzine .board_output tr td { font-size:16px; }

/* ŸÀÌƲ */
.board_webzine .board_output .bd_out1 a {font-size:20px; }
}



@media screen and ( max-width:1024px ) {
/**** ÀÚ¼¼È÷º¸±â ¹öÆ° ***/
.btn-outline{top:0px;}

.m_board{max-width:700px;  margin:40px auto 20px;  } 
.sec3-wrap{padding-top:30px; }
.sec3-content{ padding:20px 0px; }
.board_webzine .board_output tr .board_output tr  {width:49%; margin:5px 0.5%;  padding:20px; box-sizing:border-box;}


/**** ÅÇ ¹öÆ°***/
.sec3-tab a{ padding:0 20px; height:40px;  line-height:40px;  font-size:15px;}

/* ¼³¸í±Û */
.board_webzine .board_output tr td { font-size:15px; }
 
/* ŸÀÌƲ */
.board_webzine .board_output .bd_out1 a {font-size:18px; }
}



@media screen and (max-width:600px){
.m_board{max-width:350px;}
.sec3-content{ padding:20px 0px; }
.board_webzine .board_output tr .board_output tr  {width:99%; padding:15px;}

/**** ÅÇ ¹öÆ°***/
.sec3-tab a{ font-size:14px; padding:0 13px; }

/* ¼³¸í±Û */
.board_webzine .board_output tr td { font-size:14px; }
 
/* ŸÀÌƲ */
.board_webzine .board_output .bd_out1 a {font-size:15px; }
}










/*******************Æ÷Åä°¶·¯¸® ÃßÃâ ·¹À̾î ***********************/
.m_gall {position:relative; width:100%; background:#fff; }
.m_gall .btn-outline{top:105px;}
.board_gall {position:relative; width:94%; max-width:1400px;  margin:0px auto; padding:90px 0; }
.board_gall .board_output  {width:100%;  margin:0 auto; background:none;}
.board_gall .board_output .board_output tr  td  {float:left; width:24%; padding:0; margin:0 0.5%; border-radius:20px; border:1px solid #eee;  box-sizing:border-box; background:#fff; }
.board_gall .board_output .board_output tr  td  table  {width:100%; margin:0;  padding:0; }
.board_gall .board_output .board_output tr  td  table tr td  {width:100%; margin:0;  padding:0;  border-radius:0px; border:none;}

/*** À̹ÌÁö ***/
.board_gall .board_output .board_output_gallery_img  {width:100%; padding:0; margin:0; }
.board_gall .board_output .board_output_gallery_img img {width:100%; height:230px;  padding:0; margin:0; }

/*** ŸÀÌƲ ***/
.board_gall .board_output .board_output_gallery_subject a {font-size:21px; color:#000;; padding:15px 20px 20px 20px; box-sizing:border-box; letter-spacing:-0.03em;  float:left;  font-family: "Pretendard","Noto Sans KR",sans-serif;  line-height:1.4; 
font-weight:600; display:block; width:100%; text-align:left; }
.board_gall .board_output .board_output_gallery_subject a:hover {text-decoration:none; color:#35AB41;}
.board_gall .board_output .board_output_gallery_subject a img {width:10px; height:10px;}





@media screen and (max-width:1440px){ 
.board_gall { max-width:1200px;}
.board_gall .board_output .board_output tr td { border-radius:10px; }

/*** ŸÀÌƲ ***/
.board_gall .board_output .board_output_gallery_subject a {font-size:19px; padding:11px 15px 15px 15px;}

/*** À̹ÌÁö ***/
.board_gall .board_output .board_output_gallery_img img { height:190px;}
}




@media screen and ( max-width:1024px ) {
.m_gall .btn-outline{top:75px;}
.board_gall {padding:70px 0; max-width:700px;}
.board_gall .board_output .board_output tr  td  {width:49%; padding:0; margin:10px 0.5%;}

/*** ŸÀÌƲ ***/
.board_gall .board_output .board_output_gallery_subject a {font-size:17px;}

/*** À̹ÌÁö ***/
.board_gall .board_output .board_output_gallery_img img { height:220px;}
}



@media screen and (max-width:600px){
.m_gall .btn-outline{top:49px;}

.board_gall {padding:50px 0; max-width:300px;}
.board_gall .board_output .board_output tr  td  {width:99%;}
.board_gall .board_output .board_output_gallery_img img { height:180px;}


/*** ŸÀÌƲ ***/
.board_gall .board_output .board_output_gallery_subject a {font-size:15px;  padding:7px 10px 10px 10px;}
}