/*스와이퍼 기본*/
.swiper-slide {display: flex; justify-content: center; align-items: center;}
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}


button, input, select, *{font-family: 'Pretendard';font-size: 18px; }
.gra_bg{background:#006934;}
.gra_text{background: linear-gradient(to left bottom, #006934, #006934);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

.but_stlye01{background:#006934;color: #fff;}
.radius_half{border-radius: 100px;}

.section_top{padding-top: 100px;}
.section_bot{padding-bottom: 200px;}
.section_tb{padding-top: 100px;padding-bottom: 200px;}

.fot_view .text_box{border:1px solid #ddd;height: 500px;overflow-y: scroll;}

.bold{font-weight: 600;}
.table .comming{padding:100px 0;}
.comming{padding: 150px 0; text-align: center;color: #666;font-size: 16px;border-bottom:1px solid #ddd;}
/*텍스트 컷*/
.text_cut{word-break: initial !important;white-space: normal; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.text_cut02{word-break: initial !important;white-space: normal; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.text_cut03{word-break: initial !important;white-space: normal; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.text_cut05{word-break: initial !important;white-space: normal; display: -webkit-box !important; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}
.text_cut07{word-break: initial !important;white-space: normal; display: -webkit-box !important; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden;}


/*페이지네이션*/
.page_but i.fa{color:#666}
.page_but { margin-top: 80px;}
.page_but ul { width: 100%; display: flex; align-items: center; justify-content: center;color: #666}
.page_but ul li.arrow { color: #000; width: 20px;filter: invert(100%);width: 12px;height: 12px;opacity: 0.3;position: relative;}
.page_but ul li.arrow img{width: 100%;    height: 100%;display: flex;}
.page_but ul li.next_arr{transform: rotate(180deg);} 
.page_but ul li {  margin: 0 15px; color: #888; font-size: 16px;cursor: pointer;}
.page_but ul li.active { color: #006934;text-align: center;font-weight: bold;}




.b_header{background: #fff;    border-bottom: 1px solid #eee;}
.b_header h1 img{content:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/CAIA/165990597656827.png)}
.b_header .nav .nav_depth01 > li > a{color: #111;}
.b_header .lang p{border-color:#888;color:#666}
.b_header .sitemap .but span{background: #666;}
.b_header02{background: #fff;}
.b_header02 h1 img{content:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/CAIA/165990597656827.png)}
.b_header02 .nav .nav_depth01 > li > a{color: #111;}
.b_header02 .lang p{border-color:#888;color:#666; cursor: pointer;}
.b_header02 .sitemap .but span{background: #666;}



header {position: fixed;/* left:0;top:0; */width: 100%;z-index: 999;}
header article{display: flex;  align-items: center;  justify-content: space-between;position: relative;padding:30px 100px;justify-content: flex-end;}
header .logo{position: absolute;left:60px;top:14px;}
/*네비*/
header .nav .nav_depth01{display: flex;
  /* padding-right: 250px; 기존 */
  padding-right: 50px;
}
header .nav .nav_depth01::before{content:'';display: block;width: 100%;height: 0%;background: #fff;position: absolute;left:50%;transform: translateX(-50%);top:-20px;z-index: -1;transition-duration: 0.2s;}

/* header .nav .nav_depth01 > li{position: relative;} */
header .nav .nav_depth01 > li > a{color: #fff;padding:0 40px;font-size: 20px;opacity: 0.8;transition-duration: 0.4s;padding-bottom: 50px;}
header .nav .nav_depth02{/* position: absolute; */text-align: center;left:50%;/* transform: translateX(-50%); */top:55px;display: none;width: 100%;}
header .nav .nav_depth02 li{font-size: 18px;color: #767676;}
header .nav .nav_depth02 a{display: block;width: max-content;margin:0 auto;}
header .nav .nav_depth02 li +li{margin-top: 10px;}
header .nav .nav_depth02 .left_img{position: absolute;left:70px;top:100px;width: 35%;padding-bottom:11%;display: none;}
header .nav .nav_depth02 .left_img img{position: absolute;width: 100%;height: 100%;left:50%;top:50%;transform: translate(-50%,-50%);}
header .nav .nav_depth02 .left_img p{position: absolute;width: 90%;margin:0 auto;bottom:10px;left:50%;transform: translate(-50%,0);font-weight: 600;font-size: 28px;text-align: left;word-break: keep-all;}


/*메뉴 호버이벤트*/
/* header .nav .nav_depth01 li:hover .left_img{display: block;} */
/* header .nav .nav_depth01:hover::before{height: 394px;border-bottom:1px solid #ddd;} */
header .nav .nav_depth01:hover > li > a{padding:0 80px;font-weight: 600;opacity: 1;
    color: #006934;padding-bottom: 50px;}
header .nav .nav_depth01:hover .nav_depth02{display: block;margin-top: 20px;}
header .nav .nav_depth02 li:hover{color: #006934;font-weight: 500;}
header .h_right{ display: flex;align-items: center;right:130px;top:22px;position: absolute;}
header .h_right > button{height: 50px;padding-left: 40px;padding-right: 40px;;}
header .lang{margin-left: 30px;position: relative;}
header .lang p{width: 50px;height: 50px;border:1px solid #fff;color:#fff;border-radius: 50%;;display: flex; justify-content: center; align-items: center;}
header .lang ul{position: absolute;left:0;;}
header .lang ul li{background: rgba(0,0,0,0.5);color: #fff;height: 0px;border-radius: 50%;display: flex; justify-content: center; align-items: center;width: 50px;margin-top: 10px;transition-duration: 0.4s;opacity: 0;cursor: pointer;}
header .lang ul.on li{height: 50px;opacity: 1;}

[lang="en"] header .nav .nav_depth01:hover > li > a {display: inline-block; width: 100%; text-align: center;}


/*사이트맵*/

.sitemap{margin-left: 30px;}
.sitemap .but {width: 29px;height: 22px;display: flex;flex-direction: column;justify-content: space-between;transition-duration: 0.3s;z-index: 999;position: absolute;top:36px;;}
.sitemap .but span{width:100%;height: 2px;background: #fff ;display: block;transition-duration: 0.3s;}
.sitemap .but:hover span:nth-child(2){width: 70%;;}
.sitemap .but span:nth-child(2){margin-left: auto;}

.sitemap .but.on span{background: #666;}
.sitemap .but.on span:nth-child(1){transform:rotate(45deg) translate(7px, 7px);}
.sitemap .but.on span:nth-child(2){width: 0;;}
.sitemap .but.on span:nth-child(3){transform: rotate(-45deg) translate(7px, -7px);}

.sitemap .map_nav{position: absolute;left:0;top:0;width: 100vw;height: 100vh;background: #fff;display: none;}

.sitemap .map_nav .nav_depth01{display: flex;padding:0 200px;height: 100vh;}
.sitemap .map_nav .nav_depth01 > li{width: calc(100% / 3);position: relative;padding:180px 0px}
.sitemap .map_nav .nav_depth01 > li::before{content:'';display: block;width: 1px;height: 100%;background: #ddd;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.sitemap .map_nav .nav_depth01 > li:last-child::after{content:'';display: block;width: 1px;height: 100%;background: #ddd;position: absolute;right:0;top:50%;transform: translateY(-50%);}

.sitemap .map_nav .nav_depth01 > li.mo_h_inquiry,
.sitemap .map_nav .nav_depth01 em{font-size: 25px;color: #006934;font-weight: 600;padding:0 40px;
    background: linear-gradient(to left bottom, #006934, #006934);-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.sitemap .map_nav .nav_depth02{margin-top: 40px;}
.sitemap .map_nav .nav_depth02 li{color: #888;font-size: 20px;position: relative;width: 100%;font-weight: 600; padding:20px 40px;}
.sitemap .map_nav .nav_depth02 li::before{content:'';display: block;width: 0%;height: 100%;background: #006934;position: absolute;top:50%;transform: translate(0,-50%);left:0%;transition-duration: 0.3s;z-index: 1;}
.sitemap .map_nav .nav_depth02 li a{z-index: 99;position: relative;}
.sitemap .map_nav .nav_depth01 > li:hover{background: #f8f8f8;}
.sitemap .map_nav .nav_depth02 li:hover {color: #fff;}
.sitemap .map_nav .nav_depth02 li:hover::before {width: 100%;}
.sitemap .map_nav .nav_depth01 > li.mo_h_inquiry{display: none;}



/*서브헤더*/
.sub_header .sub_bg{width: 100%;height: 82vh;display: block;position: relative;background-size: cover;

    animation-name: sub_bg;
    animation-duration:6s;
    animation-direction:alternate;
    animation-fill-mode: forwards;
  }
  /* 키프레임 이름 = 애니메이션 이름 */
  /* @-webkit-keyframes sub_bg {
    0% {
      background-size: 105%;
    }
    100% {
        background-size: 102%;
    }
  } */

  .sub_header .sub_bg .txtbox{position: absolute;left:0;color: #fff;left:50%;transform: translate(-50%,-50%);top:38%;}
  .sub_header .sub_bg .txtbox p{font-size: 20px;position: relative;padding-bottom: 20px;margin-bottom: 10px;;;;}
  .sub_header .sub_bg .txtbox p::before{content:'';width: 40px;height: 1px;background: #fff;position: absolute;left:0;bottom:0;opacity: 0.5;}
  .sub_header .sub_bg .txtbox h5{font-size: 60px;;}


.sub_header{position: relative;}
.sub_header{}

.sub_header .sub_bg h6{position: absolute;left:50%;transform: translate(-50%,-50%);top:50%;font-size: 4rem;color: #fff;}
.sub_header .con{position: absolute;left:50.5%;transform: translateX(-50%);width: 100%;top:50%;opacity: 0.8;}
.sub_header .con >div{display: flex;align-items: center;color: #fff;}
.sub_header .con i{display: block;transform: rotate(-90deg);margin:20px;width: 10px;display: block;}
.sub_header .con i img{filter: invert(100%);width: 100%;}
.sub_header .home{display: flex; align-items: center;justify-content: center;}
.sub_header .home img{opacity: 1;filter: invert(100%);width: 15px;height: 15px;;}

.sub_header .sab_menu{position: relative;width: auto;font-size: 16px;;}
.sub_header .sab_menu p{display: flex;align-items: center;font-weight: 400;}
.sub_header .sab_menu p.on span{transform: rotate(180deg);}
.sub_header .sab_menu p span{position: absolute;right:0px;transition-duration: 0.3s;filter: invert(100%);width: 8px;}
.sub_header .sab_menu p span img{width: 100%;}
.sub_header .sab_menu ul{position: absolute;left:-1px;   width: calc(100% + 2px);background: #fff;border:1px solid #ddd;padding:20px;display: none;    z-index: 9;;}
.sub_header .sab_menu ul li{color: #888;}
.sub_header .sab_menu ul li a{display: block;}
.sub_header .sab_menu ul li+li{margin-top: 10px;}

footer{background: #006934;color: #fff;font-size: 16px;padding:40px 0;}
footer .f_top{display: flex;align-items: center;justify-content: space-between;}
footer .right{display: flex;align-items: center;}
footer .right a{display: block;}
footer .left a + a,
footer .right a + a{margin-left: 20px;}
footer .left a {opacity: 0.6;}
footer .left a.bold {opacity: 1;}
footer .f_bot{margin-bottom: 20px;display: flex;align-items: center;}
footer .f_bot img{margin-right: 20px;width: 150px;}
footer .f_bot span{display: block;}
footer .f_bot span strong{opacity: 0.6;font-weight: 400;margin-right: 10px;display: inline-block;}
footer .copy_txt{opacity: 0.5;;}
footer .fot_info{display: flex;}
footer .fot_info > div{margin-right: 70px;}
footer .fot_info > div p{font-weight: bold;margin-bottom: 10px;}
footer .fot_info > div div span{ display: inline-block;margin-right: 10px;}

[lang="en"] header .nav .nav_depth02 .long_nav a {min-width: 616px;}
[lang="en"] .sitemap .map_nav .nav_depth01 > li.mo_h_inquiry, .sitemap .map_nav .nav_depth01 em {display: inline-block; width: 100%;}

/* ********************************************* *
 * 1600px
 * ********************************************* */
 @media screen and (max-width: 1660px){
   
   
    
 }
 
 /* ********************************************* *
 * 1400px
 * ********************************************* */
 @media screen and (max-width: 1400px){


  [lang="en"] .nav {display: none;}


 }
 
 /* ********************************************* *
 * 1200px
 * ********************************************* */
 @media screen and (max-width: 1200px){
 
  header article{justify-content: space-between;padding: 16px 40px;}
  header .logo{position: initial;}
  header .nav {display: none;}  
  header .nav .nav_depth01 > li > a{font-size: 18px;}
  header .nav .nav_depth02 li {font-size: 16px;}
  header .nav .nav_depth01:hover::before {height: 340px;}
  .sitemap .but {right: 40px;}
  header .h_right {  right: 100px;}
   
  .sitemap .map_nav .nav_depth02 {margin-top: 20px;}
  
.sitemap .map_nav .nav_depth01 > li.mo_h_inquiry,
  .sitemap .map_nav .nav_depth01 em{font-size: 20px;}
  .sitemap .map_nav .nav_depth02 li{font-size: 16px;padding: 14px 40px;word-break: keep-all;}

  footer .fot_info{display: block;}
  footer .fot_info span{display: inline-block;margin-right: 20px;}
  footer .fot_info div{display: inline-block;margin-right: 0;}
  footer .fot_info > div p {margin-bottom: 2px;}
  footer .fot_info > div + div{margin-top: 10px;;}




 }
 
 /* ********************************************* *
 * 1024px
 * ********************************************* */
 @media screen and (max-width: 1024px){
 

   
 }
 
 
 /* ********************************************* *
 * 960px
 * ********************************************* */
 @media screen and (max-width: 960px){
 
.section_top{padding-top: 160px;}
.section_bot{padding-bottom: 160px;}
.section_tb{padding-top: 160px;padding-bottom: 160px;}
 
.sitemap .map_nav .nav_depth01{padding: 0 100px;}
 

.sub_header .sub_bg .txtbox h5 {font-size: 50px;word-break: keep-all;}



 }
 
 
 /* ********************************************* *
 * 768px
 * ********************************************* */
 @media screen and (min-width: 769px){
  
 
  
 }
 @media screen and (max-width: 768px){
 
  header .h_right > button{font-size: 16px;height: 40px;    padding-left: 30px;padding-right: 30px;}
  header .lang p{    width: 40px;height: 40px;}
  header .lang ul li{  width: 40px;}
  header .lang ul.on li {height: 40px;}

  header .logo{width: 160px;}
  header .logo img{width: 100%;}
  header article {padding: 12px 20px;}
  .sitemap .but {right: 20px;top: 25px;}
  header .h_right{top: 16px;    right: 70px;}
  header .lang {margin-left: 20px;}


  .sitemap .map_nav .nav_depth01 > li.mo_h_inquiry,
  .sitemap .map_nav .nav_depth01 em{font-size: 18px;padding:0 20px;}
  .sitemap .map_nav .nav_depth02 li{font-size: 16px;padding: 14px 20px;}

  .sub_header .sub_bg { height: 50vh;}
  .sub_header .sub_bg { background-attachment: initial !important;background-size:300% !important;}
  .sub_header .sub_bg .txtbox p::before{display: none;}
  .sub_header .sub_bg .txtbox p{margin-bottom: 0;padding-bottom: 0;font-size: 16px;}
  .sub_header .sub_bg .txtbox {  top: 50%;}
  .sub_header .sub_bg .txtbox h5{font-size:40px;}

  .sub_header .con{top:auto;bottom:20px;}
  .sub_header .sab_menu{font-size: 14px;}
  .sub_header .con i { margin: 14px;    width: 7px;}


  footer{font-size: 14px;}
  footer .f_top{display: block;}
  footer .copy_txt{margin-top: 10px;}
  footer .f_bot img {    width: 90px;}
 }
 
 
 /* ********************************************* *
 * 640px
 * ********************************************* */
 @media screen and (max-width: 640px){

  header .h_right > button{display: none;}
 
.section_top{padding-top: 120px;}
.section_bot{padding-bottom: 120px;}
.section_tb{padding-top: 120px;padding-bottom: 120px;}
.sitemap .map_nav .nav_depth01 > li:last-child::after,
.sitemap .map_nav .nav_depth01 > li::before{display: none;}
.sitemap .map_nav .nav_depth01{ padding: 0 20px;}
.sitemap .map_nav .nav_depth01{flex-direction: column; align-items: center;  justify-content: center;}
.sitemap .map_nav .nav_depth01 > li{width: 100%;    display: flex;padding:20px 0;}

.sitemap .map_nav .nav_depth01 > li.mo_h_inquiry,
.sitemap .map_nav .nav_depth01 em{padding:4px 0px;width: 150px;word-break: keep-all;}
.sitemap .map_nav .nav_depth02 {margin-top: 0;display: flex;width: calc(100% - 150px);flex-wrap: wrap;}
.sitemap .map_nav .nav_depth02 li{padding:4px 0px;width: fit-content;margin-right: 20px;}
.sitemap .map_nav .nav_depth02 li:hover {color: #888;}
.sitemap .map_nav .nav_depth01 > li:hover {  background: transparent}
.sitemap .map_nav .nav_depth02 li::before{display: none;}
.page_but { margin-top: 40px;}
.page_but ul li {  margin: 0 12px;font-size: 14px;display: none;}
.page_but ul li.active{display: block;}

.sitemap .map_nav .nav_depth01 > li.mo_h_inquiry{display: block;width: 100%;}

footer .f_bot img{display: none;}


 }
 
 
 /* ********************************************* *
 * 500px
 * ********************************************* */
 @media screen and (max-width: 500px){
  .section_top{padding-top: 80px;}
  .section_bot{padding-bottom: 80px;}
  .section_tb{padding-top: 80px;padding-bottom: 80px;}
 
  .sitemap .map_nav .nav_depth01 em{font-size: 16px}
  .sitemap .map_nav .nav_depth02 li{font-size: 14px;}
 
.sitemap .map_nav .nav_depth01 > li{ display: block;}
.sitemap .map_nav .nav_depth01 em{width: 100%;}
.sitemap .map_nav .nav_depth02 {width: calc(100%);}
   
  .sub_header .sub_bg { height: 40vh;}
  .sub_header .sub_bg .txtbox {  top: 53%;}
  .sub_header .sub_bg .txtbox h5{font-size:30px;}
  .sub_header .sub_bg .txtbox p{font-size: 14px;}

  footer { font-size: 13px;padding: 30px 0;}
  footer .f_bot{display: block;margin-bottom: 25px;}
  footer .f_bot img{margin-bottom: 10px;display: none;}

  .sub_header .sub_bg { background-size: 300% !important;}
  .sub_header .sab_menu{font-size: 12px;}
  .sub_header .con i {margin: 8px;}
  .sub_header .home img { width: 12px; height: 11px;}
  .sub_header .sub_bg {   height: 30vh;}
 }
 
 /* ********************************************* *
 * 400px
 * ********************************************* */
 @media screen and (max-width: 400px){
    .section_top{padding-top: 60px;}
    .section_bot{padding-bottom: 60px;}
    .section_tb{padding-top: 60px;padding-bottom: 60px;}
 


 
 }