.page_title h4{font-size: 4rem;text-align: center;}
.page_title {margin-bottom: 120px;display: none;;}
.page_title p{font-size: 1.125rem;width: 60%;word-break: keep-all;text-align: center;margin:0 auto;color: #666;margin-top: 10px;}


.page_bot_but{text-align: center;margin-top: 80px;;}
.page_bot_but button{padding:24px 70px;background: #006934;color: #fff;}

.day{font-size: 0.9rem;color: #888;}

/*page_search*/
.page_search {background: #f8f8f8;border:1px solid #ddd;margin-top: 100px;padding:40px;text-align: center;}
.page_search input{padding:15px;border:1px solid #ddd;outline: none;background: #fff;height: 50px;width: 400px;}
.page_search button{background: #111;width:50px ;height: 50px;;}
.page_search button img{width: 80%;filter: invert(100%);margin:0 auto;}


/*조직도*/
.organization .page_con{overflow: initial;}
.organization .ceo {width: 200px;height: 200px;display: flex;justify-content: center;align-items: center;border:1px solid #f8f8f8;border-radius: 50%;box-shadow: 5px 5px 15px rgba(0,0,0,0.1);position: relative;margin:0 auto;background: rgba(255,255,255,0.5);}


.organization .ceo p{width: 80%;height: 80%;color: #fff;display: flex;justify-content: center;align-items: center;border-radius: 50%;}
.organization .load-wrapp {position: absolute;top:50%;transform: translate(-50%,-50%);left:50%;width: 100px;  height: 100px;}
.organization .line { display: inline-block;  width: 15px; height: 15px; border-radius: 15px; background-color: #006934; }
.organization .ring-2 {position: absolute;    top: 50%; transform: translate(-50%,-50%);left: 50%; width: 200px;height: 200px; margin: 0 auto; border: 1px dashed #ddd;border-radius: 100%; z-index: 0;}  
.organization .ball-holder {position: absolute;width: 158px; height: 155px; left: 50%;top: 50%;transform: translate(-50%,-50%);}
.organization .ball { position: absolute;  left: 0;  width: 16px; height: 16px;border-radius: 100%;  background: #006934;}
.organization .load-5 .ball-holder {animation: loadingE 3s linear infinite;}
  @keyframes loadingE {
    0% { 
      transform:translate(-50%,-50%) rotate(0deg);
    }
    100% {
      transform:translate(-50%,-50%) rotate(360deg);
    }
  }
  
  .organization .or_center {display: flex;margin:120px 0 120px;position: relative;justify-content: center;;}
  .organization .or_center.no_border{margin-top:150px;}
  .organization .or_center.yes_border{margin-bottom:150px;}
  .organization .or_center div p{background: #888;}
  .organization .or_center div p{width: 300px;color: #fff;padding:20px;text-align: center; margin:0 auto;border-radius: 40px;}
  .organization .or_center div{position: relative;}
  .organization .or_center div::before{content:'';display: block;width: 1px;height: 960%;border-left:1px dashed #bbb;position: absolute;left:50%;transform: translateX(-50%);top:-610%;z-index: -1;} 
  .organization .or_bot ul li.no_border::before,
  .organization .or_center.no_border div::before{display: none;border:none;}
  .organization .or_center.no_border > div{margin:0 30px;}
  .organization .or_center.no_border::after { content: ''; display: block;  height: 1px;
    border-top: 1px dashed #bbb; position: absolute; left: 50%; transform: translate(-50%,-50%);
    top:50%;width: 100px;z-index: -1;}



  .organization .or_bot {display: flex;width: 100%;justify-content: center;} 
  .organization .or_bot ul{display: flex;text-align: center;margin:0 -10px;position: relative;width: 100%;} 
  .organization .or_bot ul li{padding:0 10px;position: relative;}
  .organization .or_bot ul li > div::before{content: '';display: block;width: 0%;height: 2px;background: #006934;position: absolute;bottom:0;left:0;transition-duration: 0.3s;}
  .organization .or_bot ul li > div{padding:20px 0;position: relative;cursor: pointer;background: #f5f5f5;}
  .organization .or_bot .or_depth01 li{width: calc(100% / 3);}


  .organization .or_bot ul::before{content:'';display: block;height: 1px;border-top:1px dashed #bbb;position: absolute;left:50%;transform: translateX(-50%);top:-80px;}
  .organization .or_bot .or_depth01::before{width: 66.7%;}
  .organization .or_bot ul li::before{content:'';display: block;width: 1px;height: 80px;border-left:1px dashed #bbb;position: absolute;left:50%;transform: translateX(-50%);top:-80px;}

  

  .organization .organ_top .ceo01::after {content: ''; display: block;  height: 1px; border-top: 1px dashed #bbb; position: absolute; left: 50%;transform: translate(-50%,-50%); top: 50%; width: 400%;z-index: -1;}
  .organization .organ_top{display: flex;}
  .organization .ceo_sub p{background: #46a374;}
  .organization .ceo_sub {border: 1px solid #46a374;}
  .organization .ceo_sub::after{content:'';display: block;width: 140%;border:none;background: #46a374;border-radius: 50px;    padding: 20px;height: auto;position: absolute;bottom:-100px;left:50%;transform: translateX(-50%);font-weight: 600;text-align: center;color: #fff;}
  .organization .ceo_sub::before { content: ''; display: block; width: 1px; height: 60px;
    border-left: 1px dashed #bbb; position: absolute; left: 50%; transform: translateX(-50%);
    bottom: -60px;}
  .organization .ceo_sub.ceo_sub01::after{content:'국제자문위원회';}
  .organization .ceo_sub.ceo_sub02::after{content:'명예대사단';}
  .organization img{width: 100%;}


/*R&D */
/*certification*/
.certification ul li i{display: block;padding:10px;padding-bottom: 130%;position: relative;background: #ddd;}
.certification ul li i img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.certification ul li p{margin-top: 20px;font-weight: 600;text-align: center;}

/*history*/
.history .page_con{display: flex;align-items: flex-start;}
.history .his_depyh01{position: relative;padding-left: 80px;}
.history .his_depyh01::before{content:'';display: block;width: 1px;height: 100%;background: #ddd;position: absolute;left:0;top:0;}
.history .his_depyh01 > li{display: flex;}
.history .his_depyh01 >  li+li{margin-top: 60px;}
.history .his_depyh01 > li > div{position: relative;;}
.history .his_depyh01 >  li img{width: 100%;}
.history .his_depyh01 em{color: #111;font-size:30px;font-weight: bolder;position: relative;}
.history .his_depyh01 em::before{content:'';display: block;width: 30px;height: 30px;background: #006934;opacity: 0.5;border-radius: 50%;position: absolute;left:-95px;top:50%;transform: translateY(-50%);}
.history .his_depyh01 em::after{content:'';display: block;width: 16px;height: 16px;background: #006934;opacity: 1;border-radius: 50%;position: absolute;left:-88px;top:50%;transform: translateY(-50%);}
.history .his_depth02{position: relative;}
.history .his_depth02 li {font-size: 20px;position: relative;cursor: pointer;color: #666;padding-left: 16px;}
.history .his_depth02 li::before{content:'';display: block;width: 8px;height: 1px;background: #888;position: absolute;left:0;top:16px;;}
.history .left_img{width: 50%;padding-right: 80px;}
.history .left_img li{padding-bottom: 45%;background: #ddd;width: 70%;border-radius: 30px;position: relative;overflow: hidden;;}
.history .left_img li + li{margin-top: 60px;}
.history .left_img li img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;height: 100%;}
.history .left_img li:nth-child(2n){margin-left:auto;}

/*기술자료실*/
.datum .table{display: block;}
.datum .table ul{width: 100%;}
.datum .table ul.table_head{border-top:2px solid #111;font-weight: 600;color: #888;}
.datum .table ul li{display: flex;padding:20px 0;border-bottom:1px solid #ddd;text-align: center;color: #666;    align-items: center;}
.datum .table ul.table_body li{cursor: pointer;}
.datum .table ul li .no,
.datum .table ul li .hits{width: 150px;}
.datum .table ul li .tit{width: calc(100% - 400px);display: flex;justify-content: center;align-items: center;color: #000;font-weight: 500;}
.datum .table ul.table_body li .tit{justify-content: flex-start;font-size: 20px;}
.datum .table ul li .tit i{display: block;width:16px;margin-left: 10px;opacity: 0.3;position: relative;top:-1px;}
.datum .table ul li .tit i img{width: 100%;}
.datum .table ul li .day{width: 250px;}

.datum_view .table ul li{flex-wrap: wrap;justify-content: flex-end;}
.datum_view .table ul.table_body li .tit{width: 100%;text-align: left;display: block;font-size:1.6rem;margin-bottom: 10px;}
.datum_view .table ul li .hits,
.datum_view .table ul li .day{width: auto;margin-left: 20px;}
.datum_view .table ul li.file_wrap{justify-content: flex-start;}
.datum_view .file_wrap p{display: flex;align-items: center;margin-right: 20px;}
.datum_view .file_wrap i{width: 16px;margin-right: 10px;opacity: 0.5;;}
.datum_view .file_wrap img{width: 100%;}
.datum_view .datum_con{min-height: 400px;border-bottom:1px solid #ddd;}


/*문의하기*/
.inquiry ul li{margin-bottom: 20px;}
.inquiry ul li > div{border-bottom:1px solid #ddd;display: flex;align-items: center;padding:15px 0;}
.inquiry input{border:none;padding:10px;outline: none;width: calc(100% - 150px);}
.spon .spon_li >div >div{    width: calc(100% - 150px);}
.spon .spon_li .check-label+ .check-label{margin-left: 40px;}
.spon .policy_sec b{margin-bottom: 20px;font-size: 20px;;display: block;}


.inquiry textarea{resize: none;width: 100%;border:1px solid #ddd;height: 400px;margin-top: 15px;outline: none;}
.inquiry .textbox div{display: block;border:none;}

.inquiry ul li p{width: 150px;font-weight: 600;color: #111;;}
.inquiry .policy_sec em span,
.inquiry ul li p span{color: #006934;margin-left: 6px;position: relative;top:-2px}
.inquiry ul li input::placeholder{color: #888;font-size: 0.9rem;}

.inquiry .policy_sec{padding:40px;border:1px solid #ddd;margin-top: 40px;}
.inquiry .policy_sec .textbox{height: 200px;background: #f5f5f5;overflow-y: scroll;}
.inquiry .policy_sec label{margin-top: 20px;}
.inquiry .policy_sec em{margin-bottom: 20px;display: block;font-weight: 600;color: #111;}


/*FAQ*/
.faq .faq_depth{border-top:1px solid #ddd;}
.faq .faq_depth div{border-bottom:1px solid #ddd;display: flex;padding:30px 20px;position: relative;}
.faq .faq_depth div.question{cursor: pointer;}
.faq .faq_depth div.question p{font-size: 22px;font-weight: bold;}
/* .faq .faq_depth span{font-weight: bold;color: #006934;font-size: 1.4rem;position: absolute;top:23px;} */
.faq .faq_depth i{display: block;position: absolute;right:20px;top:50%;transform: translateY(-50%);}
.faq .faq_depth i.on{transform: rotate(180deg) translateY(4px);}
.faq .faq_depth .answer{background: #f8f8f8;display: none;}
/* .faq .faq_depth .answer span{color: #dc404b;} */
.faq .faq_depth .answer p{padding-right:0px;color: #666;word-break: keep-all;}
.faq .faq_depth .answer li+li{margin-top: 20px;}
.faq .faq_depth .answer em{font-weight: 600;margin-bottom: 6px;display: block;}



/*statement*/
.statement article{border:6px solid #006934;border-radius: 50px;padding:150px 80px;position: relative;;border: 6px solid transparent;

  border-image: linear-gradient(to left top, #009a46 50%, #006934 100%);
  border-image-slice: 1;}
.statement article > p{font-size: 40px;font-weight: bold;text-align: center;margin-bottom: 60px;}
.statement article ul{font-size: 20px;}
.statement article ul li + li{margin-top: 40px;}
.statement article h4{position: absolute;left:50%;transform: translateX(-50%);top:-45px;width: 400px;background-color: #fff;padding:0 60px;}
.statement article h4::before{content:'';display: block;width: 20px;height: 20px;background: #006934;border-radius: 20px;position: absolute;left:0; top:50%;transform: translateY(-50%);}
.statement article h4::after{content:'';display: block;width: 20px;height: 20px;background: #006934;border-radius: 20px;position: absolute;right: 0; top:50%;transform: translateY(-50%);}
.statement article em{font-weight: bold;padding-left: 18px;position: relative;color: #006934;margin-bottom: 10px;;display: block;}
.statement article em::before{content:'';display: block;width: 8px;height: 8px;border-radius: 30px;background: #006934;left:0;top:12px;position: absolute;}
.statement article h4 img{width: 100%;}




/*뉴스*/
.total_wrap {margin-bottom: 20px;;}
.total_wrap span{color: #006934;font-weight: bold;}
.page_tabs{display: flex;width: 50%;margin-bottom: 120px;align-items: stretch;}
.page_tabs li{width: 33.3%;text-align: center;}
.page_tabs li:first-child a{border-radius: 50px 0 0 50px;;}
.page_tabs li:last-child a{border-radius:  0 50px 50px 0;;}
.page_tabs li a{display: block;padding:28px 20px;border:2px solid #ddd;margin-right: -1px;z-index: -1;background: #f5f5f5;color: #888;font-weight: bold;height: 100%;box-sizing: border-box;}
.page_tabs li.on{z-index: 9;}
.page_tabs li.on a{color: #fff;border:2px solid #006934;font-weight: 600;background: #006934;}

.news .news_depth{margin-bottom: 100px;;}
.news .news_depth li{margin-top: 32px;}
.news .news_depth li > div{border:1px solid #ddd;cursor: pointer;}
.news .news_depth i{width: 100%;background: #ddd;padding-bottom:60%;display: block;position: relative;}
.news .news_depth i img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.news .news_depth .tit{font-weight: 600;text-align: left;}
.news .news_depth .txt{font-size: 0.95rem;color: #666;margin:10px 0 20px}
.news .news_depth .textbox{padding:20px}
.news .news_depth .swiper-slide{border:1px solid #ddd}
.news .news_depth .swiper-wrapper{overflow:hidden;}

.news .swiper-button-next,
.news .swiper-button-prev{border:1px solid #ddd;width: 50px;height: 50px;border-radius: 50%;top:50% !important;transform: translateY(-50%);margin:0;    background: #fff;}

.news .swiper-button-next::after,
.news .swiper-button-prev::after{font-size: 18px;color: #888;}

.news .swiper-button-next{right:-80px !important}
.news .swiper-button-prev{left:-80px !important}
.news .swiper-button-next::after{transform: translateX(2px);}
.news .swiper-button-prev::after{transform: translateX(-2px);}
.news .swiper{overflow:initial}

.photo.news .news_depth .tit{text-align: center;}
.photo.news ul li > div{border:none;padding:0;}
.photo.news ul li .textbox{padding:20px 0;}
.photo .day{margin-top: 10px;text-align: center;}
/*오시는길*/
.location .page_tabs{width: 40%;}
.location .loca_top{display: flex;align-items: center;}
.location .right{width: 94%;display: flex;align-items: flex-start;margin:0 auto;}
.location .right > div{font-size: 2rem;font-weight: 600;line-height: 1.4;width: 250px;background: #006934;color: #fff;height: 250px;position: relative;top:-170px;}
.location .right .txtbox{width: 100%;height: 100%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);font-size: 18px;padding:40px;flex-direction: column;display: flex;  justify-content: space-between;}
.location .right .txtbox p{opacity: 0.5;}
.location .right .txtbox div p{font-size: 16px ;font-weight: 400;margin-top: 4px;}
.location .right .txtbox img{width: 100%;}


.location .right ul{border-top:1px solid #ddd;display: flex;width: calc(100% - 250px);padding-left: 40px;}
.location .right ul li{padding:35px 15px;;width: 30%;} 
.location .right ul li:first-child{width: 70%;}
.location .right ul li span.txt{font-weight: 600; color: #006934;width: 100px;display: inline-block;}
.location .loca_map{width: 100%;padding-bottom:30%;position: relative;} 
.location .root_daum_roughmap{height: auto;position: absolute;left:50%;transform: translate(-50%,-50%);top:50%;width: 100%;height: 100%;}
.location .root_daum_roughmap .wrap_map{height: 100% !important;;}
.location .root_daum_roughmap_landing .map_border {border:none;background: transparent;}
.location .root_daum_roughmap_landing .border2{display: block}
.location  .right ul li button{background: #f1f1f1;color: #666;padding:10px 30px;border-radius: 4px;}


.location02 .location .right ul li:first-child {width: 50%;}
.location02 .location .right ul li {width: 25%;}


/*파트너쉽*/
.part_warp{position: relative;}
.part_warp .page_con{overflow: initial;}
.part_warp img{width: 100%;}
.part_warp .potint{position: absolute;left:0;top:0;}
.part_warp span{width: 15px;height: 15px;position: absolute;position: absolute;left:38.2%;transform: translate(-50%,-50%);top:43.3%;border-radius: 50%;background: #006934;opacity: 0.8;z-index: 99;} 
.part_warp span::before{content:'';display: block;width: 150px;height: 150px;background: #006934;position: absolute;left:50%;transform: translate(-50%,-50%);top:50%;border-radius: 50%;opacity: 0;

  animation-name: part_warp01;
  animation-duration:3s;
  animation-duration: leaner;
  animation-iteration-count:infinite;
  animation-timing-function:ease-in-out;

}

/* 키프레임 이름 = 애니메이션 이름 */
@-webkit-keyframes part_warp01 {
  0% {
    width: 50px;height: 50px;opacity: 0.2
  }
  100% {
    width: 200px;height: 200px;opacity: 0;;
  }
}
/* 키프레임 이름 = 애니메이션 이름 */
@-webkit-keyframes part_warp02 {
  0% {
    width: 50px;height: 50px;opacity: 0.2;
  }
  100% {
    width: 500px;height: 500px;opacity: 0;;
  }
}



.part_warp span::after{content:'';display: block;width: 400px;height: 400px;background: #006934;position: absolute;left:50%;transform: translate(-50%,-50%);top:50%;border-radius: 50%;opacity: 0;

  animation-name: part_warp02;
  animation-duration:3s;
  animation-duration: leaner;
  animation-iteration-count:infinite;
  animation-timing-function:ease-in-out;
  
}





/*홍보영상*/
.promotion_con{position:relative;padding-top:22%; width:100%;width: 40%;}
.promotion_con img{position: absolute;left:50%;transform: translate(-50%,-50%);top:50%;width: 100%;height: 100%;}
.promotion .promotion_depth li{display: flex;align-items: center;cursor: pointer;}
.promotion .promotion_depth li + li{margin-top: 60px;}
.promotion .textbox {margin-left: 40px;width: 60%;}
.promotion .textbox .tit{font-size: 1.25rem;}
.promotion .textbox .day{margin-top: 20px;}


/*E-카탈로그*/
.catalog .page_con {display: flex; align-items: center;}
.catalog .page_con > div{width: 50%;}
.catalog .left img{width: 100%;}
.catalog .textbox{padding-left: 80px;;}
.catalog .textbox .tit{font-size: 3rem;font-weight: 600;}
.catalog .textbox .tit02{color: #666;transform: skew(349deg, 0deg);font-size: 1.25rem;}
.catalog .textbox .txt{margin-top: 20px;color: #767676;}
.catalog .textbox button{color: #fff;padding:18px 40px;margin-top:60px;font-size: 0.9rem;}


/*환영합니다*/
/* .info01 .sub_header .sub_bg {height: 144vh;} 기존 */
.info01 .sub_header .sub_bg {height: 130vh;}
.info01 .sub_header .sub_bg .txtbox {top: 43%;}

.info.info02 .name{display: flex;text-align: center;margin-left: -20px;margin-right: -20px;}
.info.info02 .name i{width: 100%;padding-bottom:130%;background: #ddd;display: block;position: relative;border-radius: 20px;overflow: hidden;}
.info.info02 .name i img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;height: 100%;}
.info.info02 .name div{width: calc(100% / 5);font-size: 16px;padding:0 20px;}
.info.info02 .name div p{margin-top: 10px;}
.info.info02 .name span{font-size: 24px;font-weight: bold;color: #006934;margin:0 10px;display: block;;}
.info.info02 .name strong{color: #888;display: block;font-size: 16px;font-weight: 500;word-break: keep-all;}


/* .info .info_tit{margin-top: 100px;line-height: 1.8;} 기존 */
.info .info_tit{margin-top: 50px;line-height: 1.8;}
.info .info_tit em{font-size: 26px;display: block;font-weight:500;}
.info .info_tit em+em{margin-top: 30px;}
.info .arti01{text-align: center;}
.info em span{font-size: 24px;display: block;color: #006934;}
.info{background: #f5f5f5;position: relative;}
.info::before{content: "";display: block;width: 100%;height: 400px;background: #f5f5f5;position: absolute;left:0;top:-400px;z-index: -1;}
.info section article{display: flex;}
.info section article em{font-size: 40px;font-weight: 600;margin-bottom: 40px;display: block;}
.info section article p{font-size: 20px;color:#333;}
.info section article  p + p{margin-top: 30px;}
.info .article02{display: block;padding-top: 120px;;}
.info .article02 .img{width: 80%;padding-bottom:18%;margin-left:auto;}
.info .article02 .img img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;}
.info .article02 .textbox{margin-top: 120px;}
.info .name{text-align: right;margin-top: 60px;;}
.info .name p{font-weight: bold;}
.info .name span{font-size: 40px;font-weight: bold;color: #006934;margin-left: 10px;;}
.info .name .en{font-size: 18px;color: #888;margin-top: 0;;}




/*비전*/
.vison .text-center{margin-left:auto;margin-right: auto;text-align: center;}

.vison{position: relative;}
.vison article{ background-position: center;background-size: cover;color:#fff;display: flex;align-items: center;padding:200px 0;background-attachment: fixed;position: relative;text-align: center;}

.vison article h5{font-size: 50px;;font-weight: 500;display: block;font-weight: 600;}
.vison article em{font-size: 30px;width: fit-content;;font-weight: 500;display: block;}
.vison article .textbox > p{font-size: 20px;word-break: keep-all;}
.vison article li p{font-size: 20px;} 
.vison article p span{font-size: 35px;font-weight: 600;opacity: 1;}
.vison .textbox{margin-bottom: 60px;}
.vison .textbox h5 + p{margin-top: 20px;;}
.vison  em + em{margin-top: 20px;;}
.vison article .in_wrap + .in_wrap{padding-top:100px;}

.vison .textbox p + p{margin-top: 20px;;}
/* .vison .arti01::before{content:'';display: block;width: 100%;height: calc(100% + 150px);background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/CAIA/16604300554526.png);background-position: center;background-size: cover;background-attachment: fixed;position: absolute;top:-150px;z-index: -1;} */
.vison .arti01::before{content:'';display: block;width: 100%;height: calc(100% + 150px);background-image: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/GAIA/publishing/167407380078853.jpg);background-position: center;background-size: cover;background-attachment: fixed;position: absolute;top:-150px;z-index: -1;}

.vison .arti02::before{content:'';display: block;width: 100%;height: calc(100% + 150px);background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/CAIA/16604300554526.png);background-position: center;background-size: cover;background-attachment: fixed;position: absolute;top:-150px;z-index: -1;}
/* .vison.brandstory .arti02::before{content:'';display: block;width: 100%;height: calc(100% + 150px);background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/CAIA/166135526571118.png);background-position: center;background-size: cover;background-attachment: fixed;position: absolute;top:-150px;z-index: -1;} */
.vison.brandstory .arti02::before{content:'';display: block;width: 100%;height: calc(100% + 150px);background-image: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/GAIA/publishing/167407523165395.jpg);background-position: center;background-size: cover;background-attachment: fixed;position: absolute;top:-150px;z-index: -1;}


.vison .arti03,
.vison .arti05{height: 90vh;}

.vison .arti01 .con_wrap .em01{background: transparent;color:#fff;padding:25px 100px; border-radius: 80px;margin:0 auto;font-size: 23px;border:10px solid rgba(255,255,255,0.5)}
.vison .arti01 .con_wrap .em02{font-size: 23px;text-align: center;margin:0 auto;}

.vison .arti01 .vison_depth{display: flex;padding:100px 0 130px;justify-content: space-between;width:50%;margin:0 auto;position: relative;}

.vison .arti01 .vison_depth::before{content:'';display: block;background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/CAIA/166043135813186.png) center/cover;position: absolute;left:50%;bottom:80px;transform: translateX(-50%);width: 120px;height: 150px;opacity: 0.8;}
.vison .arti01 .vison_depth li{width:300px;padding-bottom:36%;border-radius: 50%;word-break: keep-all;border:10px solid rgba(255,255,255,0.5); position: relative;}
.vison .arti01 .vison_depth li p{width: 80%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);text-align: center;}


.vison .arti01 .vison_depth02{display: flex;padding:0 0 100px;justify-content: space-between;width:50%;margin:0 auto;position: relative;}
.vison .arti01 .vison_depth02 li{width:300px;padding-bottom:34%;border-radius: 50%;word-break: keep-all;position: relative;background: rgba(255,255,255,0.3);}
.vison .arti01 .vison_depth02 li p{width: 80%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);text-align: center;}

.vison .arti01 .vison_depth02 li:nth-child(1){transform: translateX(30px);}
.vison .arti01 .vison_depth02 li:nth-child(3){transform: translateX(-30px);}
.vison .mission_depth{margin-top:60px;display: flex;}
.vison .mission_depth li +li{margin-left: 40px;;}
.vison .mission_depth li{background-color: rgba(255,255,255,0.2);padding:30px 50px;border-radius: 20px;border:1px solid #ddd;width: 80%;position: relative;text-align: left;} 

.vison .mission_depth b{font-size: 18px;font-weight: bold;opacity: 0.5;} 
.vison .mission_depth em{font-size: 28px;font-weight: bold;margin: 10px 0;} 
.vison .mission_depth p{opacity: 0.8;word-break: keep-all;}

.vison .arti02 .title p{font-size:22px ;}
.vison .arti02 .title .textbox{margin-bottom: 0;}
.vison .arti02 .title p span{}
.vison .arti02 .con_wrap + .con_wrap {margin-top: 100px;;}
.vison .arti02 ul{display: flex;padding:50px 0;justify-content: space-between;width:50%;margin:0 auto;position: relative;}
.vison .arti02 ul li{width:300px;padding-bottom:40%;border-radius: 50%;word-break: keep-all;border:2px solid rgba(255,255,255,0.6); position: relative;font-size: 18px;}
.vison .arti02 ul li p{width: 80%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);text-align: center;}

.vison .arti02 .con_wrap > p{text-align: center;font-size: 18px;opacity: 0.8;margin-top: 30px;}
.vison .arti02 .depth01 {    width: 55%; border: 1px solid #ddd;padding:20px;border-radius: 400px;background: rgba(0,0,0,0.2);}
.vison .arti02 .depth01::before{content:'✕';display: block;font-size: 30px;font-weight: 100;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%) rotate(45deg);opacity: 0.8;}
.vison .arti02 .depth01 li { padding-bottom:38%;}

.vison .in_wrap02 .con_wrap em{margin:0 auto;padding:20px 100px;border:10px solid rgba(255,255,255,0.6);border-radius: 80px;font-size: 23px;width: fit-content;text-align: center;margin-top: 80px;position: relative;}
.vison .in_wrap02 .con_wrap em::before{content:'';display: block;width: 1px;height:70px;background: #fff;opacity: 0.8;position: absolute;left:50%;top:-90px;transform: translateX(-50%);}
.vison .in_wrap02 .con_wrap em::after{content:'';display: block;width: 10px;;height:16px;background: #fff;opacity: 0.8;position: absolute;left:50%;top:-30px;transform: translateX(-50%) rotate(90deg);background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/CAIA/16598983832224.png)no-repeat center/cover;}
.vison .in_wrap02 .con_wrap p{margin:0 auto;padding:20px 100px;border:2px solid rgba(255,255,255,0.6);border-radius: 80px;font-size: 23px;width:fit-content;}

.vison .arti03 .textbox{text-shadow: 0 0 25px rgba(0,0,0,0.3);margin-bottom: 0;}
.vison .arti03 .textbox h5{font-size:40px;}
.vison .arti03 h5 + p{margin-top: 40px;;}
.vison .arti03 p + p{margin-top: 10px;}
.vison .arti03 p span{font-size: 30px;}


.vison .arti05{    height: 60vh;padding: 0;}



/*핵심 프로젝트*/
.activity_info .info_top{display: flex;justify-content: center;position: relative;}
.activity_info .info_top .left{font-size: 140px;font-weight: bolder;text-align: right;color: #fff;}
/* .activity_info .info_top .left ul li{position: sticky; top:100px;} */
.activity_info .info_top ul li > div{padding:0 40px}
.activity_info .info_top .left em{font-size: 25px;color: #fff;margin-bottom: 10px;display: block;}
.activity_info .info_top .left p{font-size:40px;color: #fff;line-height: 1.4;word-break:keep-all;}
.activity_info .info_top .left li > div{width: 50%;}
.activity_info .info_top .left li{display: flex;flex-direction: row;align-items: center;}
.activity_info .info_top .left p.bold{font-size: 60px;font-weight: bold;}
.activity_info .info_top li{padding:200px 0px;justify-content: center;height: 100vh; text-shadow: 0 0 20px rgba(0,0,0,0.2); }
.activity_info .info_top .txtbox{text-align: left;}


.activity_info .info_top .bg_img.left{position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: -1;}
.activity_info .info_top .bg_img.left li{position: relative;}
.activity_info .info_top .bg_img.left li:first-child:before{content:'';display: block;width: 100%;height: calc(100% + 330px);background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/CAIA/166102199527633.png);background-position: center;background-size: cover;position: absolute;top:-330px;z-index: -1;background-attachment: fixed;}
.activity_info .info_top .bg_img.left li{background-attachment: fixed;background-repeat: no-repeat;background-size: cover;background-position: center;}

.activity_info .info_top .left li > div{background-size: cover;background-attachment: fixed;}




/*서비스*/
.service article + article{margin-top: 140px;}
.service article{display: flex;align-items: center;}
.service article .img_warp{width: 55%;padding-bottom:20%;position: relative;}
.service article .img_warp img{width: 100%;height: 100%;display: block;;position: absolute;left:50%;transform: translate(-50%,-50%);top:50%;}
.service article .textbox{margin-left: 80px;width: 45%;position: relative;}
.service article .textbox em{font-size: 2.3rem;font-weight: bolder;color: #111;margin:10px 0 20px;display: block;}
.service article .textbox p{margin-top: 10px;color: #666;font-size: 1.125rem;word-break: keep-all;}
.service article .text-right{margin-right: 80px;margin-left:0;padding-right:0;}
.service article .textbox .txt{font-size: 1.25rem;color: #006934;font-weight: bolder;margin-top: 0;}
.service article em span{color: #111;}
.service .textbox > span{font-size: 7rem;color: #f1f1f1;position: absolute;top:-75px;left:-50px;z-index: -1;font-weight: bolder;}

.service .textbox.text-right > span{font-size: 7rem;color: #f1f1f1;position: absolute;top:-75px;right:-50px;left:auto;z-index: -1;font-weight: bolder;}

/*클라이언트*/
.client article + article{border-top: 1px solid #ddd;margin-top: 50px;padding-top: 80px;;}
.client h6{margin-bottom: 40px;text-align: left;width: 100%;;font-size: 2rem;}
.client_depth li{margin-bottom: 32px;    display: flex; flex-direction: column;}
.client_depth li p.name_univ {text-align: center; padding-top: .4em; font-weight: bold; color: #333;}
.client_depth li > div{border:1px solid #ddd;display: block;overflow: hidden;position: relative;height: 100%;}
.client_depth{display: flex;flex-wrap: wrap;}
.client_depth.photo_type li > div i{width: 100%;padding-bottom:110%;background: #ddd;display: block;}
.client_depth.photo_type li > div i.toge_country_img {background-size: contain;}
.client_depth.photo_type li > div > p{font-weight: 600;text-align: center;padding:0 10px;word-break: keep-all;font-size: 20px;}
.client_depth.photo_type li .tit{margin-top: 16px;font-size: 16px;font-weight: 500;color: #666;}
.client_depth.photo_type li .txt{padding:15px;font-size: 16px;color: #666;}
.client_depth.photo_type li .txt p{position: relative;padding-left: 10px;;}
.client_depth.photo_type li .txt p::before{content:'';display: block;width: 4px;height: 4px;background: #333;position: absolute;left:0;top:10px;}



.client_depth.logo_type li a{border:1px solid #ddd;display: block;overflow: hidden;position: relative;height: 100%;padding-bottom:40%}
.client_depth.logo_type li a p,
.client_depth.logo_type li a p{text-align: center;font-weight: bold;line-height: 1.4;padding:20px;word-break: keep-all;}
.client_depth.logo_type li i img{width: 90%;height: 100%;display: block;margin:0 auto;}
.client_depth.logo_type li i{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}

.client_depth.national_type li{width: calc(100% / 8);}
.client_depth.national_type li div{padding-bottom: 0;;border:none;;}
.client_depth.national_type li img{width: 100%;}
.client_depth.national_type i{border:1px solid #ddd;display: block;}
.client_depth.national_type p{text-align: center;font-weight: 600;padding: 10px;font-size: 16px;}

/*센터소개*/
.rd_center .page_con{position: relative;background: #f8f8f8;}
.rd_center .left{height: 100vh;background: #f5f5f5;width: 50%;background: url(../img/sub/rd/rd_center01.jpg) center/cover;}

.rd_center .right{width: 100%;max-width: 1500px;position: absolute;left:50%;top:50%;padding-left:44%;transform: translate(-50%,-50%);}
.rd_center .right em{font-size: 2.5rem;line-height: 1.4;margin-bottom: 40px;display: block;}
.rd_center .right em span{display: block;font-size: 3rem;font-weight: 600;color: #006934;}

.rd_center .right p+p{margin-top: 20px;}
.rd_center .right p{    color: #666;  font-size: 1.125rem;word-break: keep-all;}
.rd_center .right p span{color: #111;font-weight: 600;}



/*제품소개*/
.pro_depth_cate li{margin-bottom: 32px;;}
.pro_depth_cate li a{display: block;width: 100%;position: relative;overflow: hidden;}
.pro_depth_cate li i{display: block;width: 100%;background: #ddd;padding-bottom:50%;background-size:100%;background-position: center;transition-duration: 0.6s;}
.pro_depth_cate li i::before{content:'';display: block;width: 0%;height: 0%;background: #000;opacity: 0.5;position: absolute;left:0;bottom:0;transition-duration: 0.3s;}
.pro_depth_cate li p{padding:18px 40px;position: absolute;left:0;bottom:0;font-weight: 600;z-index: 9;transition-duration: 0.3s;background: #fff;}
.pro_depth_cate li p span{    right: 0;position: absolute;top:50%;transform: translateY(-50%) ;}
.pro_depth_cate li p span::before{content:'';display: block;width: 8px;height: 8px;border-top:2px solid #111;border-right:2px solid #111;position: absolute;right:30px;top:50%;transform: translateY(-50%) rotate(45deg) scale(0);transition-duration: 0.3s;}
.pro_depth_cate li p ::after{content:'';display: block;width: 00px;height: 2px;background: #111;;position: absolute;right:30px;top:50%;transform: translateY(-50%) ;transition-duration: 0.3s;}


.pro_depth_cate li:hover i{background-size:110% ;}
.pro_depth_cate li:hover i::before{width: 100%;height: 100%;}
.pro_depth_cate li:hover p{padding-right:120px;color: #fff;background: transparent;}
.pro_depth_cate li:hover p span::before{transform: translateY(-50%) rotate(45deg) scale(1);border-color: #fff;}
.pro_depth_cate li:hover p span::after{width: 40px;background-color: #fff;}



.product .page_con{position: initial;}
.product article{margin-top: 60px;;}
.product ul h6{font-size: 2rem;;margin-bottom: 20px;color: #006934;} 
.pro_depth li+li{margin-top: 60px;}
.pro_depth .con{display: flex;}
.pro_depth .img{margin-right: 80px;width: calc(50% - 80px);}
.pro_depth .img i{width: 100%;border:1px solid #ddd;display: block;position: sticky;top:100px;left:0;}
.pro_depth .img img{width: 100%;display: block;padding:50px;;}

.pro_depth .con > div{width: 50%;;}
.pro_depth .t_table table{border-top:2px solid #006934;width: 100%;}
.pro_depth .t_table tr{border-bottom:1px solid #ddd;}
.pro_depth .t_table th{border-right:1px solid #ddd;width: 230px;background: #f8f8f8;font-weight: 600;}
.pro_depth .t_table th,
.pro_depth .t_table td{padding:10px ;font-size: 0.9rem;}
.pro_depth .textbox{margin-top:40px;background: #f8f8f8;padding:30px;border-radius: 12px;font-size: 0.95rem;}
.pro_depth .textbox p{padding-left: 14px;position: relative;;}
.pro_depth .textbox p::before{content:'';display: block;width: 4px;height: 4px;background: #bbb;position: absolute;left:0;top:13px;}
.pro_depth .but{display: flex;margin-top: 40px;;}
.pro_depth .but button{background: #006934;color: #fff;width: 50%;padding:20px 0;border:1px solid #006934;}
.pro_depth .but button:last-child{background: transparent;color: #006934;font-weight: 600;}


/*후원하기*/
.spon .page_con em{font-size: 40px;color: #006934;font-weight: bold;word-break: keep-all;}
.spon .page_con p{font-size: 23px;color: #333;word-break: keep-all;}
.spon .page_con .table{margin:20px 0;}
.spon .page_con table{width: 100%;text-align: center;border-top:2px solid #006934;margin-bottom: 10px;}
.spon .page_con table tr{border-bottom:1px solid #ddd;}
.spon .page_con table th{background: #f5f5f5;font-weight: bold;color: #006934;}
.spon .page_con table th,
.spon .page_con table td{text-align: center;padding:15px 0;}
.spon .page_con table td + td,
.spon .page_con table th + th{border-left:1px solid #ddd;}

.spon .page_con .minitxt p{font-size: 16px;}

.spon .page_con > div+div{margin-top: 60px;}
.spon .page_con > div.sponsor_txt{margin-bottom: 60px;}


/* 2025.05.02 수현 수정 */
.en_pt {display: none;}
[lang="en"] .kr_pt {display: none;}
[lang="en"] .en_pt {display: block;}
[lang="en"] .page_tabs li a {padding: 22px 20px; display: flex; align-items: center; justify-content: center;}

[lang="en"] .location .right ul li div {display: flex; flex-direction: column;}


/* ********************************************* *
 * 1600px
 * ********************************************* */
 @media screen and (max-width: 1660px){
  .activity_info .info_top .left { font-size: 120px;}
   

    
 }
 
 /* ********************************************* *
 * 1400px
 * ********************************************* */
 @media screen and (max-width: 1400px){
  .info article em,
  .info .info_tit em{font-size: 24px;}

  .location .right ul{    width: calc(100% - 240px);}
  .location .right > div { width: 240px;height: 240px;top: -120px;}
  .location .right .txtbox { font-size: 16px; padding: 30px;    padding-left: 40px; }
  .location .right .txtbox img{width: 100%;}
  .location .right ul{display: block;    padding-top: 20px;}
  .location .right ul li{width: 100%;}
  .location .right ul li {padding: 5px 0}
  .location .right ul li > div{word-break: keep-all;}
  .location .right ul li:last-child,
  .location .right ul li:first-child{width: 100%;}

  .client_depth li{width: 20%;}


  .inquiry .policy_sec { padding: 30px;}
  .spon .page_con em {font-size: 28px;}


  .vison article .textbox > p{width: 80%;margin-left:auto;margin-right:auto;}
  .vison .arti01 .vison_depth{width:700px}
  .vison .arti01 .vison_depth li {  padding-bottom: 40%;}



 }
 
 /* ********************************************* *
 * 1200px
 * ********************************************* */
 @media screen and (max-width: 1200px){
 
  .client_depth li{font-size: 16px;;}

  .activity_info .info_top .left{    width: 100%;}
  .activity_info .info_top .left li{display: block;text-align: left;}
  .activity_info .info_top .left li > div{width: 100%;}
   
 }
 
 /* ********************************************* *
 * 1024px
 * ********************************************* */
 @media screen and (max-width: 1024px){
 
  .info article .left{width:calc(100% - 300px) ;}
  .info article .right{width: 300px;}
  .info article .right img{width: 100%;}
  .info.info02 article .left{width: 100%;}

  
  .client_depth li{width: 25%;}

  .activity_info .info_top li {height: 80vh;}
 }
 
 
 /* ********************************************* *
 * 960px
 * ********************************************* */
 @media screen and (max-width: 960px){
  .page_tabs { width: 70%;}
 
  .info section article{flex-direction: column-reverse;}
 
  .info section article .left{width:calc(100%) ;margin-top: 40px;}
  .info section article .right{width: 300px;margin:0 auto;position: absolute;right: 0;top:-340px;;}
 

  
.statement article {  border: 4px solid #006934;padding: 90px 40px;border-radius: 30px;}
.statement article > p { margin-bottom: 40px;}


.info section .left em{word-break: keep-all;font-size: 30px;}
.info section article .right{display: none;}

.organization .organ_top .ceo01::after {width: 250%;}
.organization .ring-2,
.organization .ceo { width: 150px;  height: 150px;}
.organization .ball-holder {  width: 123px; height: 123px;}

.history .left_img li {  padding-bottom: 50%; width: 80%;border-radius: 15px;}

.history .his_depyh01{width: 45%;    padding-left: 50px;}
.history .left_img {width: 55%; padding-right: 50px;}
.history .his_depyh01 em::before { left: -65px;}
.history .his_depyh01 em::after {left: -58px;}

.location .right .txtbox { padding: 20px;padding-left: 20px;}
.location .right ul{    width: calc(100% - 180px);}
.location .right > div { width: 180px;height: 180px;top: -80px;}
.location .right ul { padding-left: 40px;}
.location .right ul li span.txt { width: 70px;}
.location .loca_map { padding-bottom: 50%;}

.client h6 { margin-bottom: 20px; font-size: 30px;}
.client article + article { margin-top: 50px;  padding-top: 50px;}
.client_depth.row  {  margin-right: -8px;  margin-left: -8px;}
.client_depth.row > [class*='col'] {  padding-right: 8px;  padding-left: 8px;margin-bottom: 16px;}


.spon .page_con em{font-size: 30px;}
.spon .page_con p{font-size: 20px;}
.spon .page_con .minitxt p{font-size: 14px;}


.vison article h5 {  font-size: 40px;}
.vison article .textbox > p { font-size: 18px;}
.vison .arti01 .con_wrap .em01 {padding: 20px 100px; font-size: 20px;}
.vison .in_wrap02 .con_wrap p,
.vison article li p { font-size: 18px;}
.vison .in_wrap02 .con_wrap em,
.vison .arti01 .con_wrap .em02 {  font-size: 20px;}
.vison article em,
.vison article .textbox > p { width: 95%;margin-left:auto;margin-right: auto;}

.vison .arti01 .vison_depth02 { padding: 0 0 60px; width: 70%;}
.vison .mission_depth li {padding: 20px 20px;}
.vison .mission_depth em {font-size: 23px;}
.vison article li p { font-size: 16px;}

.vison .arti03 p span,
.vison .arti02 .title p {font-size: 22px;}
.vison .arti03 .textbox h5,
.vison article p span {font-size: 30px;}
.vison .arti02 .depth01 { width: 70%;}
.vison .arti02 ul li {width: 260px;padding-bottom:0;height: 260px;;}


.info.info02 section .left em {padding-right: 0;font-size: 30px;}



 }


 
 
 
 /* ********************************************* *
 * 768px
 * ********************************************* */
 @media screen and (min-width: 769px){
  
 
  
 }
 @media screen and (max-width: 768px){
  .page_tabs li a { padding: 20px 20px;}
  .page_tabs {width: 100%;    margin-bottom: 80px;}
  .page_tabs li{width: 50%;}

 
  .info .article02 {padding-top:60px;}
  .info .article02 .textbox {margin-top: 60px;}
  .info article p + p {margin-top: 20px;}
.info article p {font-size: 16px;}
.info .name .en{font-size: 14px;}
.info .name span {font-size: 23px;}

.info .article02 .img {  width: 100%;}


.info article em, .info .info_tit em {font-size: 20px;}
.info article .right{width: 180px;top:-140px;;}


.statement article { border: 4px solid #006934; padding: 60px 20px; border-radius: 15px;}
.statement article > p {  font-size: 25px;color: #bbb;}
.statement article ul { font-size: 16px;}
.statement article h4 {top: -28px; width: 300px;}
.statement article h4::before,
.statement article h4::after { width: 14px;  height: 14px;}
.statement article em::before { width: 6px;height: 6px;top: 9px;}
.statement article em {padding-left: 12px;word-break: keep-all;}
.statement article ul li + li {  margin-top: 20px;}


.faq .faq_depth div { padding: 16px 16px;}
.faq .faq_depth div.question p{font-size: 18px;}

.organization .or_center div p,
.organization .ceo_sub::after {padding: 16px;}
.organization .or_center div p{width: 250px;}
.organization .or_center.no_border {margin-bottom: 50px;}
.organization .or_center.yes_border{margin-bottom: 100px;margin-top: 0;;}
.organization .or_bot ul li::before { height: 50px; top: -50px;}
.organization .or_bot ul::before { top: -50px;}

.history .his_depyh01 em {font-size: 25px;}
.history .his_depth02 li {  font-size: 16px;padding-left: 12px;}
.history .left_img li + li {  margin-top: 40px;}
.history .his_depth02 li::before{width: 6px;top:12px;;}

.location .right {  width: 95%;}

.datum .table ul li {padding: 14px 0;}
.datum .table ul.table_body li .tit{font-size: 16px;}

.datum .table ul li .no, 
.datum .table ul li .hits {width: 80px;}
.datum .table ul li .day { width: 120px;}
.datum .table ul li .tit {  width: calc(100% - 280px);}


.client_depth li{width:33.3%;font-size: 14px;}
.client_depth li div p {padding: 12px;}



.spon .page_con em{font-size: 25px;}
.spon .page_con p{font-size: 16px;}
.spon .page_con table th, 
.spon .page_con table td { padding: 12px;word-break: keep-all;vertical-align: middle;;}

.inquiry ul li p { width: 120px;font-size: 18px;}
.inquiry input,.spon .spon_li >div >div{width: calc(100% - 120px);padding: 9px 0;}



.vison .arti02 .depth01{width: 100%;}


.info.info02 .name{flex-wrap: wrap;}

.info.info02 .name div{width: calc(100% / 3);margin:5px 0;}


.location .page_tabs {width: 100%;}

.client_depth.photo_type li .tit { margin-top: 12px;font-size: 14px;}
.client_depth.photo_type li > div > p {  font-size: 18px;}
.client_depth.photo_type li .txt {padding: 12px; font-size: 14px;}
.client_depth.photo_type li .txt p{padding:0;padding-left: 8px;;}
.client_depth.photo_type li .txt p::before { width: 3px; height: 3px;top: 9px;}

.client_depth.national_type p {margin-top: 4px;; padding: 0;font-size: 14px;}

 }
 
 
 /* ********************************************* *
 * 640px
 * ********************************************* */
 @media screen and (max-width: 640px){
.info section .left em{font-size: 24px;}
  .info article .right{width: 180px;top:-15%;;}
  .info01 .sub_header .sub_bg .txtbox {top: 50%;}
  .info .left em {word-break: keep-all;}
  .info .left em br{display: none;}
  .info .info_tit em+em {margin-top: 10px;}


  .page_search { background: transparent;  border: none;margin-top: 60px;padding: 0;}
  .page_search input{width: calc(100% - 50px);}


  .organization .or_center div p,
  .organization .ceo_sub::after {padding: 14px;width: 100%;}
  .organization .or_center div p{width: 200px;}
  .organization .or_center.no_border {margin-bottom: 40px;}
  .organization .or_center.yes_border{margin-bottom: 60px;margin-top: 0;;}
  .organization .or_bot ul li::before { height: 30px; top: -30px;}
  .organization .or_bot ul::before { top: -30px;}

  .location{margin-bottom: 120px;}
  .location .right >div:first-child { display: none;}
  .location .right{width: 100%;}
  .location .right ul{padding:0;width: 100%;padding: 14px 0;}

  .news .news_depth {margin-right:-8px;margin-left: -8px;}
  .news .news_depth li{width: 50%;padding-right: 8px;padding-left: 8px;;}
  .photo .day {margin-top: 6px;}
  .photo.news ul li .textbox {   padding: 12px 0;}
  .news .news_depth li {margin-top: 15px;}
  .photo.news .total_wrap{margin-bottom: 0px;}



  .inquiry ul li{width: 100%; margin-bottom: 10px;}
  .inquiry ul li > div { padding: 10px 0;}

  .spon .spon_li .check-label{font-size: 14px;}
  .spon .spon_li .check-label+ .check-label {margin-left: 20px;}

  .inquiry .policy_sec {padding: 20px;}
  .spon .page_con em {font-size: 20px;    margin-bottom: 10px;}
  .inquiry .policy_sec label {margin-top: 10px;}
  .inquiry .policy_sec .textbox {height: 150px;}

  .vison .textbox {margin-bottom: 40px;}
  .vison article { padding: 120px 0;}
  .vison .arti03, .vison .arti05 {height: 80vh;}

  .vison .arti01 .vison_depth { width: 100%;}
  .vison .arti01 .vison_depth li { width: 230px;height: 230px;padding-bottom: 0;;    border: 6px solid rgba(255,255,255,0.5);}

  .vison article h5 {font-size: 30px;}
  .vison article .textbox > p {font-size: 16px;}
  .vison .arti01 .con_wrap .em01 {padding: 20px; font-size: 18px; width: 100%;    border: 6px solid rgba(255,255,255,0.5);}
  .vison .arti01 .vison_depth {padding: 60px 0 90px;}
  .vison .arti01 .vison_depth::before {bottom: 30px;}

  .vison .arti03 p span, .vison .arti02 .title p,
  .vison .mission_depth em,
  .vison .in_wrap02 .con_wrap em, 
  .vison .arti01 .con_wrap .em02 {font-size: 18px;word-break: keep-all;}

  .vison .arti01 .vison_depth02 {width: 100%;}
  .vison .in_wrap02 .con_wrap p, .vison article li p,
  .vison .mission_depth b {font-size: 16px;}
  .vison .mission_depth{display: block;}
  .vison .mission_depth li{width: 100%;}
  .vison .mission_depth li +li {margin-left: 0px;margin-top: 20px;}
  .vison .mission_depth {  margin-top: 20px;}
  .vison .arti03 .textbox h5, .vison article p span {font-size: 20px;}
  .vison article .textbox > p br{display: none;}

  .vison .in_wrap02 .con_wrap p,
  .vison .in_wrap02 .con_wrap em {width: 100%; padding: 16px 20px;}

  .vison .in_wrap02 .con_wrap em{border: 6px solid rgba(255,255,255,0.5);    margin-top: 50px;}
  .vison .in_wrap02 .con_wrap em::before { height: 40px; top: -57px;}


  .vison .arti05 {height: 30vh;}

  
.vison .arti02 .depth01{display: block;background: transparent;border:none;padding:0;}
.vison .arti02 ul li {width: 100%; height: auto;border-radius: 403px;text-align: center;}
.vison .arti02 .depth01 li{padding:16px;}
.vison .arti02 .depth01 li + li{margin-top: 60px;;}
.vison .arti02 ul li p{position: initial;transform: none;width: 100%;}
.vison .arti02 .depth01::before { font-size: 20px; top: 44%;}

.page_bot_but button {padding: 16px 60px;font-size: 16px;}


.organization .page_con img{content:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/CAIA/16613556467885.png)}


.activity_info .info_top li {padding: 0 0px;}
.activity_info .info_top .left li { display: flex; text-align: left; flex-direction: column; justify-content: center;}
.activity_info .info_top .left li > div{display: none;}
.activity_info .info_top  .left li > div.txtbox{display: block;text-align: center;}

.activity_info .info_top li {height: 70vh;}
.activity_info .info_top .left em {font-size: 20px;font-weight: 500;}
.activity_info .info_top .left p,
.activity_info .info_top .left p.bold {font-size: 40px;}


.client_depth.photo_type li > div > p {  font-size: 16px;line-height: 1.2;margin:4px 0;}

.client h6 { margin-bottom: 16px; font-size: 20px;}
.client_depth.photo_type li .txt{padding-top: 8px;}
.client article + article { margin-top: 30px;  padding-top: 30px;}


.client_depth.national_type li{width: calc(100% / 6);}
.client_depth.photo_type li > div > p {  font-size: 14px;}

/* 키프레임 이름 = 애니메이션 이름 */
@-webkit-keyframes part_warp01 {
  0% {
    width: 25px;height: 25px;opacity: 0.2
  }
  100% {
    width: 100px;height: 100px;opacity: 0;;
  }
}
/* 키프레임 이름 = 애니메이션 이름 */
@-webkit-keyframes part_warp02 {
  0% {
    width: 25px;height: 25px;opacity: 0.2;
  }
  100% {
    width: 200px;height: 200px;opacity: 0;;
  }
}
.part_warp span {  width: 8px; height: 8px;}

}
 
 
 /* ********************************************* *
 * 500px
 * ********************************************* */
 @media screen and (max-width: 500px){
  .page_tabs li a { padding: 16px 16px;}
  .statement article ul { font-size: 14px;}
  .statement article em::before { width: 4px;height: 4px;top: 9px;}
 
  .info01 .sub_header .sub_bg {background-size: 410% !important;}
  .info article em, .info .info_tit em {font-size: 16px;}
  .info .info_tit {margin-top: 40px;}
  .info01 .sub_header .sub_bg {height: 100vh;}



  .faq .faq_depth div {padding: 12px 16px;}
  .faq .faq_depth div.question p{font-size: 16px;}
  .faq .faq_depth .answer li{font-size: 14px;}

  .page_search input {width: calc(100% - 50px);height: 40px;font-size: 14px;}
  .page_search button {width: 40px;  height: 40px;}

  .organization .or_center div::before{left:40px;    top: -690%;height: 1160%;}
  .organization .load-wrapp{display: none;}
  .organization .or_bot .or_depth01::before,
  .organization .or_bot ul li::before,
  .organization .or_center.no_border::after,
  .organization .organ_top .ceo01::after{display: none;}
  .organization .organ_top{display: block;margin-bottom: 40px;position: relative;}
  .organization .ring-2, .organization .ceo{width: 100%;height: auto;}
  .organization .ceo{background: transparent;box-shadow: none;border:none;}
  .organization .ceo p{width: 100%;height: 100%;border-radius:10px;padding:14px;}
  .organization .ceo.ceo_sub p{width: 60%;}
  .organization .ceo_sub::before { width: 60px; height: 1px;  border-top: 1px dashed #bbb;left: 50%; transform: translateY(-50%); bottom: auto; top: 50%;z-index: -1;}
  .organization .ceo_sub{width:100%;}
  .organization .ceo_sub01{position: absolute;top: 90px;}
  .organization .ceo01{padding-bottom: 100px;}
  .organization .ceo_sub::after{transform: translate(0,0);position: initial;border-radius:10px;width: calc(40% - 20px);margin-left: 20px;}


  .organization .or_center.no_border{display: block;}
  .organization .or_center div p{width: 100%;margin:0;border-radius:10px;}
  .organization .or_center.no_border > div{margin:0;}
  .organization .or_center.no_border > div + div{margin-top: 10px;}
  .organization .or_center.no_border { margin: 40px 0;}

  .organization .or_center div{width: 100%;}
  .organization .or_bot .or_depth01 {display: block;margin:0;}
  .organization .or_bot .or_depth01 li{width: 100%;padding:0;}
  .organization .or_bot .or_depth01 li+li{margin-top: 10px;}
  .organization .or_bot .or_depth01 li >div{padding:14px}

  .history .his_depyh01 em {font-size: 20px;}
  .history .his_depth02 li {  font-size: 14px;padding-left: 10px;}
  .history .his_depth02 li::before{width: 4px;top:12px;;}
  .history .left_img{width: 100%;display: none;}
  .history .his_depyh01{width: 100%;padding-left: 40px;}
  .history .his_depyh01 em::before {left: -39px;width: 25px; height: 25px;}
  .history .his_depyh01 em::after { left: -32px; width: 12px;height: 12px;}
  .history .his_depyh01::before {left: 13px;}

  .location{margin-bottom: 80px;}
  .location .right ul li span.txt{display: block;}


  
  
.datum .table ul {border-top:1px solid #ddd}
.datum .table ul li{position: relative;}
.datum .table ul li .no, 
.datum .table ul li .hits {width: 100%;position: relative;font-size: 14px;}
.datum .table ul li .day { width: 100%;font-size: 14px;}
.datum .table ul li .tit {  width:100%;margin:4px 0;}
.datum .table ul li .hits::before{content: '조회수 : ';}

.datum .table ul.table_head{display: none;}
.datum .table ul li{display: block;text-align: left;}

.datum .table ul li .no{font-weight: bold;color: #bbb;}
.datum .table ul li .hits{position: absolute;left:90px;bottom: 12px;}
.datum .table ul li .tit i {width: 12px;  margin-left: 6px;}

.news .news_depth .textbox { padding: 12px;}
.news .news_depth .txt {  font-size: 14px; margin: 4px 0 10px;}


.client_depth.logo_type li div {padding-bottom: 35%;}


.vison article h5 {  font-size: 22px;}
.vison article .textbox > p {font-size: 14px;}
.vison .in_wrap02 .con_wrap p, .vison .in_wrap02 .con_wrap em,
.vison .arti01 .con_wrap .em01 {padding: 12px; font-size: 14px;}
.vison .arti01 .vison_depth li {width: 190px; height: 190px;}
.vison .arti01 .con_wrap .em02 br{display: none;}
.vison .mission_depth li {padding: 16px;border-radius: 10px;}
.vison .mission_depth li +li {margin-top: 15px;}
.vison .arti01 .vison_depth::before {bottom: 60px; width: 80px;height: 100px;}
.vison .mission_depth em { margin: 0px 0;}
.vison .arti03 p span, 
.vison .arti02 .title p, 
.vison .mission_depth em, 
.vison .in_wrap02 .con_wrap em, 
.vison .arti01 .con_wrap .em02 {font-size: 16px;}
.vison .arti01 .vison_depth02 li:nth-child(1) {transform: translateX(20px);}
.vison .arti01 .vison_depth02 li:nth-child(3) {transform: translateX(-20px);}

.vison .in_wrap02 .con_wrap p, 
.vison article li p, 
.vison .mission_depth b{font-size: 14px;}
.vison .arti02 .depth01::before { top: 50%;}


.vison .arti03 .textbox h5, .vison article p span {font-size: 16px;word-break: keep-all;}
.vison .arti03 h5 + p {  margin-top: 20px;}


.inquiry .policy_sec {  padding: 14px;}
.spon .policy_sec b{margin-bottom: 10px;font-size: 18px;;display: block;}
.inquiry .policy_sec .textbox {  height: 140px;font-size: 14px;}
.inquiry .check-label { font-size: 14px;}
.inquiry .check-label .checkmark { width: 22px; height: 22px;}
.inquiry .check-label {padding-left: 28px;}




.info.info02 .name div{width: calc(100%);margin:5px 0;display: flex;align-items: center;}
.info.info02 .name i{width: 28%;padding-bottom: 35%;border-radius: 10px;}
.info.info02 .name div p{width: calc(100% - 150px);text-align: left;padding-left: 15px;}
.info.info02 .name span{margin:0;margin: 0;font-size: 20px;}
.info section article p { font-size: 14px;}
.info.info02 section .left em {font-size: 24px;}
.info.info02 em span {font-size: 18px;}

.activity_info .info_top ul li > div { padding: 0 0px;}
.activity_info .info_top .left em {font-size: 16px;}
.activity_info .info_top .left p, .activity_info .info_top .left p.bold {font-size: 30px;}


.client_depth.national_type li{width: calc(100% / 4);}
.client_depth.logo_type li i img { width: 100%;}
.part_warp { transform: scale(1.4)translate(10%, 0px);}
.client_depth.national_type p {margin-top: 2px;font-size: 12px;}
.client article + article {  margin-top: 20px;  padding-top: 20px;}
.client h6 {margin-bottom: 12px;  font-size: 18px;}
  }
 
 /* ********************************************* *
 *400px
 * ********************************************* */
 @media screen and (max-width:400px){
  .organization .organ_top { font-size: 14px;}

.organization .ceo.ceo_sub p {width: 50%;}
.organization .ceo_sub::after { width: calc(50% - 20px);}


.inquiry ul li > div{display: block;}


.vison .arti01 .vison_depth li {width: 160px; height: 160px;}
.vison .arti01 .vison_depth {  padding: 60px 0 70px;}
.vison .arti01 .vison_depth::before {bottom: 40px; width: 60px; height: 78px;}

.vison .arti03 p span, .vison .arti02 .title p, .vison .mission_depth em, .vison .in_wrap02 .con_wrap em, .vison .arti01 .con_wrap .em02 { font-size: 14px;}

.vison .mission_depth p br{display: none;}

.client_depth li{width:50%;}
.client_depth.row > [class*='col'] { padding-right: 6px; padding-left: 6px;  margin-bottom: 6px;}
.client_depth.row {  margin-right: -6px;  margin-left: -6px;}
 }


 
 
 
 /* ********************************************* *
 * 350px
 * ********************************************* */
 @media screen and (max-width: 350px){
  .page_tabs li a { padding: 14px 16px;font-size: 14px;}
  .page_tabs { margin-bottom: 40px;}
  .total_wrap { margin-top: 40px; margin-bottom: 10px;}

  .client_depth li {  font-size: 12px;}
  

  .vison .arti01 .vison_depth li { width: 130px;  height: 130px;}
  .vison .arti01 .con_wrap .em02 br{display: none;}
 }