@charset "utf-8";


/***공통 레이아웃****/
#contents {position:relative;clear:both;opacity:1;top:0;z-index: 0;}
#contents_in{}
#contents_in.board{
    margin: 0px 0 9%;
}


/* 반응형  css  base pc ---> mobile */
@media all and (max-width:1600px) { 
#contents .container{
	padding:0 calc(10px + 1%);
	}


}

/***공통 레이아웃 끝****/

/*//////////////////서브 비주얼 ///////////////*/
#sub_visual{position:relative;width:100%;text-align:center;height: 440px;background-color:#000;overflow:hidden;}
#sub_visual .subtop {width:100%;height:100%;animation: m_vsImg 2s ease-in-out;background-position:center;background-repeat:no-repeat;background-size:cover;}
#sub_visual .subtop_about {background-image: url('/assets/img/sub/subvs_company.png');}
#sub_visual .subtop_business {background-image:url('/assets/img/sub/subvs_business.png');}
#sub_visual .subtop_abilty {background-image:url('/assets/img/sub/subvs_abilty.png');}
#sub_visual .subtop_prdata {background-image:url('/assets/img/sub/subvs_prdata.png');}
#sub_visual .subtop_contact {background-image:url('/assets/img/sub/subvs_contact.png');}


#sub_visual .v_txt{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:100%;text-align:center;animation: blur_txt 1.2s;/* animation-fill-mode:both; */}
#sub_visual .v_txt h2{font-size: 3.75rem;letter-spacing:0.6pt;font-weight:700;color:#fff;line-height:120%;font-family: "magistral";}
#sub_visual .v_txt .line{max-width: 2.5rem;height: 2px;background: #fff;margin: 1rem auto;}
#sub_visual .v_txt p{font-size: 1.425rem;letter-spacing:0.6pt;color:#fff;line-height:120%;font-weight: 200;animation: blur_txt 2.5s;animation-fill-mode: none;}

.splitting .char {
  animation: slide-in 1.5s cubic-bezier(.3, 0, .3, 1) both;
  animation-delay: calc(60ms * var(--char-index));
}

/*splitting 텍스트 애니메이션*/
@keyframes slide-in {
  from {
    transform: translateY(-1.125em)  scale(0.4);
    opacity: 0;
  }
}	

/*서브비주얼 애니메이션*/
@keyframes m_vsImg {
	0% { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
	20% { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
	100% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
}
/*서브타이틀 애니메이션*/
@keyframes blur_txt {
	0% { filter:blur(10px); opacity:0; }
	100% { filter:blur(0); opacity:1; }
}

/* 반응형  css  base pc ---> mobile */
 @media screen and (max-width:992px){
#sub_visual{
    height: 420px;
}
#sub_visual .v_txt h2{}
#sub_visual .v_txt p{}
}
@media screen and (max-width:768px){
#sub_visual{}
#sub_visual .v_txt h2{}
#sub_visual .v_txt p{}
}
@media screen and (max-width:599px){
#sub_visual{
    height: 230px;
}
#sub_visual .v_txt h2{
    font-size: 2.8rem;
}
#sub_visual .v_txt p{
    font-size: 1.1rem;
}
}

/*//////////////////서브 비주얼 끝///////////////*/

/*//////////////////서브 콘텐츠 배너 ///////////////*/
.bn_wg01.history{background: url(/assets/img/company/history_bg01.png) center no-repeat;}
.bn_wg01.cert{background: url(/assets/img/abilty/cert_bg01.png) center no-repeat;}
.bn_wg01.aword{background: url(/assets/img/abilty/aword_bg01.png) center no-repeat;}

.bn_wg01{
    background-size: cover !important;
    padding: 5rem 0rem 5rem;
    text-align: center;
    font-family: 'Play';
    border-radius: 70px 0px 70px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
}




.bn_wg01 .pic_w01{
 
max-width: 50px;
}
.bn_wg01 .tit_w01{
    color: #4a7dff;
    font-size: 2.25rem;
    font-weight: 800;
    margin: 8px 0;
}
.bn_wg01 .tit_w02{
    color: #fff;
    font-size: 1.5rem;
}


/* 반응형  css  base pc ---> mobile */

@media screen and (max-width:992px){
.bn_wg01{padding: 3rem 0rem 3rem;border-radius: 20px;}
}
 
@media screen and (max-width:690px) {
   .bn_wg01{padding: 1.5rem 0rem 1.5rem;border-radius: 20px;} 
 .bn_wg01 .pic_w01{
 max-width: 35px;
}

   .bn_wg01 .tit_w01{
    font-size: 1.6rem;
    margin: 2px 0;
}
 .bn_wg01 .tit_w02{
    font-size: 1rem;
}
    
}


/*//////////////////서브 콘텐츠 배너 끝///////////////*/


/*//////////////////서브 메뉴 시작///////////////*/
#lnb {position:absolute;top: -35px;width:100%;z-index:99;opacity:1;height: 70px;/* background:rgba(255,255,255,.1); -webkit-backdrop-filter: blur(10px);/* backdrop-filter: blur(10px); */animation: fadeIn 0.5s forwards ease-out;opacity:0;animation-delay: 0.4s;}
#lnb .lnb_w{
    max-width: 1500px;
    background: #fff;
    margin: 0 auto;
    border-radius: 15px;
    box-shadow: 0px 10px 22px rgb(0 0 0 / 8%);
    overflow: hidden;
}
#lnb ul{position:relative;text-align:center;max-width: 1000px;margin:0 auto;display:flex;/* border-left:1px solid rgba(255,255,255,0.2); */justify-content: center;}
#lnb ul.two li{width:100%}
#lnb li {position:relative;width:33.3%}
#lnb li a {position:relative;display:flex;justify-content:center;align-items:center;font-size: 1.125rem;color: #333;height: 70px;line-height: 70px;transition: all 0.3s cubic-bezier(0, 0, 0.29, 0.67);}
#lnb li a.on {font-weight:600;color: #fff;background: #3c59d6;}
#lnb li:hover a{background: #2aaeff;color:#fff;font-weight:700}
#lnb li:after{/* width:1px; */height:100%;background:rgba(255,255,255,0.2);content:'';display:block;display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

/*서브메뉴 애니메이션*/
@keyframes fadeIn {
	0% {opacity:0;}
	100%  {opacity:1;}
}

/* 반응형  css  base pc ---> mobile */


@media screen and (max-width:599px){
#lnb{
	display: none;
}
}



/*//////////////////서브 메뉴 끝///////////////*/


/*/////////////////////////////공용 타이틀 시작////////////////////////////*/
/*//////////////////서브 콘텐츠 타이틀 시작///////////////*/
.tit_area{position:relative;text-align:center;padding: 120px 0 60px 0;z-index: 1;}
.tit_area h3{position:relative;font-size: 3.125rem;color:#222;line-height:1;max-width: fit-content;margin: 0 auto;max-height: fit-content;}
.tit_area h3:after{width: 2.313rem;height: 2.313rem;background: #fc7e2f;content:'';display: block;position: absolute;right: 0;top: -12px;left: -16px;border-radius: 99px;z-index: -1;}
/*//////////////////서브 콘텐츠 타이틀 끝///////////////*/

/*////////소단원 타이틀/////////*/
.tit_area01{position:relative;text-align:center;padding: 0px 0 40px 0;}
.tit_area01 h3{position:relative;font-size: 3rem;color:#222;line-height:1;max-width: fit-content;margin: 0 auto;max-height: fit-content;font-family: 'poppins',"Pretendard";}
.tit_area01 h3 span{
    color: #fc7e2f;
}
.tit_area01 .line{
    width: 2.5rem;
    height: 2px;
    background: #333;
    margin: 1.563em auto 0;
}

.tit_area02{position:relative;padding: 0px 0 50px 0;}
.tit_area02 h3{position:relative;font-size: 3.125rem;color:#222;line-height:1;max-width: fit-content;max-height: fit-content;font-family: 'poppins',"Pretendard";}
.tit_area02 h3 span{
    color: #fc7e2f;
}
.tit_area02 .line{
    width: 2.5rem;
    height: 2px;
    background: #333;
    position: absolute;
    bottom: 20px;
    left: 3px;
}
/*////소단원 타이틀 끝////*/

/* 반응형  css  base pc ---> mobile */
@media screen and (max-width:690px) {
.tit_area h3{
    font-size: 2.5rem;
}
.tit_area01{
    padding: 0px 0 20px 0;
}
.tit_area01 h3{
    font-size: 2.2rem;
}
    .tit_area02{
    padding: 0px 0 40px 0;
}
.tit_area02 h3{
    font-size: 2.4rem;
}
}


@media screen and (max-width:599px){
.tit_area{
    padding: 10% 0 6% 0;
}
}

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

}

/*/////////////////////////////공용 타이틀 시작 끝////////////////////////////*/


/*************회사개요 시작***************/

/*비전*/
.about .content01{
    background: url(/assets/img/company/about_bg01.png) center no-repeat fixed;
    background-size: cover;
    padding: 5rem 0rem 5rem;
}
.about .content01 .title{
    color: #fff;
    font-size: 2.725rem;
    text-align: center;
    margin: 0 0 4rem;
}
.about .content01 .cbox_w{}
.about .content01 .cbox_w ul{
    display: flex;
    justify-content: center;
    gap: 3.5%;
    flex-wrap: wrap;
}
.about .content01 .cbox_w ul li{
    width: 20%;
}
.about .content01 .cbox_w ul li .cb01{
    padding: 0 0 100%;
    position: relative;
}
.about .content01 .cbox_w ul li .cb01 .tg01{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgb(0 0 0 / 35%);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    border-radius: 999px;
    justify-content: center;
    gap: 8%;
}
.about .content01 .cbox_w ul li .cb01 .tg01 figure{
    width: 60px;
}
.about .content01 .cbox_w ul li .cb01 .tg01 figure img{}
.about .content01 .cbox_w ul li .cb01 .tg01 .t01{
    color: #fff;
    text-align: center;
    font-size: 1.275rem;
}
/*//////비전 끝//////*/


/*회사소개*/
.about .content02{
    margin: 5rem 0 5rem;
}
.intro_w01{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.35rem;
}
.intro_w01 figure{}
.intro_w01 figure img{}
.intro_w01 .title{
    font-size: 3.125rem;
    text-align: center;
}
.intro_w01 .title span{
    color: #fc7e2f;
    font-weight: 600;
}
.intro_w01 .line{
    height: 40px;
    width: 1px;
    background: #888;
}
.intro_w01 .t01{
    font-size: 1.3rem;
    text-align: center;
    color: #555;
    line-height: 1.75;
    position: relative;
    max-width: 1100px;
}
.intro_w01 .t01:before{content: url("/assets/img/company/about_textb01.png");display: block;position: absolute;top: -12px;left: -86px;border-radius: 99px;z-index: -1;}
.intro_w01 .t01:after{content:url("/assets/img/company/about_textb02.png");display: block;position: absolute;right: -80px;top: -12px;border-radius: 99px;z-index: -1;}


/*/////회사소개 끝*/

/*회사정보*/
.about .content03{
   
padding: 0 0 6em;
}
/* info-area */
 .info-box-wrap {border-right: 1px solid #ddd;border-top: 3px solid #e50050;margin: 0 0 3em;border-radius: 1.75rem;overflow: hidden;}
  .info-box-wrap .info-box {display: flex;justify-content: space-between;}
  .info-box-wrap .info-box .desc,.info-box-wrap .info-box .title {padding: 16px 30px;}
 .info-box-wrap .info-box .title {display: block;width: 20%;min-width: 140px;font-size: 18px;font-weight: 500;color: #fff;border-bottom: 1px solid rgba(255, 255, 255, .21);background: #18222b;text-align: center;display: flex;justify-content: center;align-items: center;}
  .info-box-wrap .info-box .desc {width: 80%;font-size: 17px;color: #555;border-bottom: 1px solid #ddd;background: #fff;word-break: keep-all;}
/****** info-area 끝*/

/* 회사소개서 다운로드 버튼 wrap */
.info_btn_wrap{}
/* 회사소개서 다운로드 버튼 wrap 끝 */

/* 반응형  css  base pc ---> mobile */
@media all and (max-width:1600px) { 
}

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

}

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

}

@media screen and (max-width:1090px){
/*회사소개*/    
.intro_w01 figure{
    width: 15vw;
}
    .intro_w01 .t01:before{content:url("/assets/img/company/about_textb01.png");display: block;top: -48px;left: 1%;border-radius: 99px;z-index: -1;transform: scale(0.6);}
.intro_w01 .t01:after{content:url("/assets/img/company/about_textb02.png");right: 1%;bottom: -402%;z-index: -1;transform: scale(0.6);}
}

@media screen and (max-width:992px){
/*비전*/    
.about .content01 .title{
    font-size: 1.8rem;
}
    .about .content01 .cbox_w ul li .cb01 .tg01 figure{
    width: 26%;
}
.about .content01 .cbox_w ul li .cb01 .tg01 .t01{
    font-size: 1rem;
}
}
 
@media screen and (max-width:768px){
/*비전*/
    .about .content01{
    padding: 7% 0rem 8%;
}
.about .content01 .cbox_w ul{
    display: flex;
    justify-content: center;
    gap: 12px 2.5%;
}
.about .content01 .cbox_w ul li{
    width: 40%;
}
     .about .content01 .cbox_w ul li .cb01 .tg01 .t01{
    font-size: 2.4vw;
     }
/*회사소개*/
.intro_w01 .title{
    font-size: 2.4rem;
}
    .intro_w01 .t01{
    font-size: 1.1rem;
}
         
/*회사정보*/
.info-box-wrap .info-box .desc,.info-box-wrap .info-box .title {padding: 16px;}
 .info-box-wrap .info-box .title {font-size: 14px;}
  .info-box-wrap .info-box .desc {font-size: 14px;}

}

@media screen and (max-width:690px) {
    /*비전*/

    /*회사소개*/
   .info-box-wrap .info-box .desc, .info-box-wrap .info-box .title{
    padding: 10px;
}
}

}


@media screen and (max-width:599px){
    /*회사정보*/
.info-box-wrap .info-box .desc, .info-box-wrap .info-box .title{}
}

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

}

/*/////회사정보 끝*/

/*************회사개요 끝***************/



/*************CEO소개 시작***************/
.ceo .content01{
    margin: 3% 0 0;
}
.ceo .content01 .wg01{position: relative;}
.ceo .content01 .wg01 .w01{
    position: relative;
    z-index: 1;
    width: 55%;
    height: 625px;
}
.ceo .content01 .wg01 .w01 .picw01{
    background: url(/assets/img/company/ceo_img01.png) center no-repeat;
    background-size: cover;
    border-radius: 0px 40px 40px 0px;
    box-shadow: 0 10px 20px rgb(0 0 0 / 15%);
    width: 100%;
    height: 100%;
}
.ceo .content01 .wg01 .w01 .picw01 img{
    border-radius: 0px 40px 40px 0px;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 15%);
}
.ceo .content01 .wg01 .w02{
    width: 55%;
    position: absolute;
    z-index: 2;
    background: rgb(7 24 56 / 95%);
    top: -49px;
    right: 0;
    padding: 40px 60px;
    color: #fff;
    border-radius: 40px 0px 0px 40px;
}
.ceo .content01 .wg01 .w02 h2{
    font-size: 2rem;
    font-weight: 600;
    margin: 0 0 20px 0px;
}
.ceo .content01 .wg01 .w02 dl{
    font-size: 1.25rem;
    display: flex;
    gap: 4%;
    margin: 0 0 10px;
}
.ceo .content01 .wg01 .w02 dl dt{width: 120px;font-weight: 500;color: #acecff;}
.ceo .content01 .wg01 .w02 dl dd{
    width: calc(100% - 115px);
    font-size: 1.188rem;
}
.ceo .content01 .wg01 .mg01{
    margin: 4.5% 0 0;
}

.ceo .content02{
    background: #3e7dad;
}
.ceo .content02 .wg01{display: flex;align-items: flex-start;padding: 0px 0 70px;/* gap: 4%; */}
.ceo .content02 .wg01 .w01{
    color: #fff;
    padding: 70px 70px 60px;
    width: 100%;
}
.ceo .content02 .wg01 .w01 .tg01{
    font-size: 1.25rem;
    line-height: 1.6;
    margin: 0 0 55px;
}
.ceo .content02 .wg01 .w01 .tg01 p{
    margin: 0 0 35px;
}

.ceo .content02 .wg01 .w01 .sign_warp{
    display: flex;
    align-items: center;
    gap: 5%;
    justify-content: flex-end;
}
.ceo .content02 .wg01 .w01 .sign_warp .sign01{
    font-size: 1.375rem;
    text-align: right;
}

.ceo .content02 .wg01 .w01 .sign_warp .sign01 .sign02{}
.ceo .content02 .wg01 .w01 .sign_warp .sign01 .sign02 img{}

.ceo .content02 .wg01 .w02{
    width: 50%;
    padding: 7% 0 0;
}
.ceo .content02 .wg01 .w02 .spec_box{
    background: #fff;
    padding: 55px 50px;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    gap: 55px;
}
.ceo .content02 .wg01 .w02 .spec_box .spwg{
    display: flex;
    gap: 40px;
    align-items: center;
}
.ceo .content02 .wg01 .w02 .spec_box .spwg .p01{
}
.ceo .content02 .wg01 .w02 .spec_box .spwg .p01 img{
    max-width: 130px;
}

.ceo .content02 .wg01 .w02 .spec_box .spwg .spec01{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ceo .content02 .wg01 .w02 .spec_box .spwg .spec01 .tit{
    font-size: 1.5rem;
    font-weight: 600;
}
.ceo .content02 .wg01 .w02 .spec_box .spwg .spec01 .t01{
    font-size: 1.188rem;
    line-height: 1.6;
}
/* 반응형  css  base pc ---> mobile */
@media screen and (max-width:1440px){	
    .ceo .content01 .wg01 .w01{
    height: 580px;
}
.ceo .content01 .wg01 .w02 dl dd{
    font-size: 1rem;
}
}

@media screen and (max-width:1320px){	
        .ceo .content01 .wg01 .w02{
    padding: 3% 3%;
}
.ceo .content02 .wg01 .w01 .tg01{
    font-size: 1.1rem;
}

    .ceo .content02 .wg01 .w01{
    padding: 6% 5%;
}
    .ceo .content02 .wg01 .w01 .tg01 p{
}
}
@media screen and (max-width:1170px){
    
.ceo .content01 .wg01 .w01{height: 490px;width: 90%;margin: 0 auto;}
.ceo .content01 .wg01 .w01 .picw01{
    border-radius: 30px;
    box-shadow: 0 10px 20px rgb(0 0 0 / 15%);
    width: 100%;
    height: 100%;
}
    .ceo .content02 .wg01 .w02 .spec_box .spwg .p01{}
.ceo .content01 .wg01 .w01 .picw01 img{
    border-radius: 0px 40px 40px 0px;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 15%);
}
    
.ceo .content01 .wg01 .w02{
    width: 90%;
    position: relative;
    border-radius: 30px;
    top: 20px;
    margin: 0 auto;
    padding: 5% 6%;
}
    .ceo .content02 .wg01{
    gap: 0%;
}
    
}

@media screen and (max-width:1090px){
.ceo .content01 .wg01 .w02 dl dd{
    font-size: 1.25rem;
}
    .ceo .content02 .wg01 .w01 .sign_warp .sign01{
    font-size: 1.1rem;
}
    .ceo .content02 .wg01 .w01 .sign_warp .sign02{
    max-width: 120px;
}
    .ceo .content02 .wg01 .w02 .spec_box{
    padding: 9% 9%;
}
    .ceo .content02 .wg01 .w02 .spec_box .spwg{
    gap: 6%;
}
    .ceo .content02 .wg01 .w02 .spec_box .spwg .p01 img{
    max-width: 90px;
}
}

@media screen and (max-width:992px){
    .ceo .content01{
    /* margin: 0 0 40px; */
}
   .ceo .content02 .wg01{
    gap: 0%;
    flex-direction: column;
}
    .ceo .content02 .wg01 .w01{
    width: 100%;
    padding: 8% 6%;
}
    .ceo .content02 .wg01 .w02{
    width: 100%;
}
  
}
 
@media screen and (max-width:768px){
    
.ceo .content01 .wg01 .w01{height: 345px;}
    .ceo .content01 .wg01 .w02 h2{
    margin: 0 0 10px 0px;
}
    .ceo .content01 .wg01 .w02 dl dd{width: 100%;}
.ceo .content01 .wg01 .w02 dl{
    gap: 2px;
    margin: 0px 0 5px;
    flex-direction: column;
    font-size: 1.45rem;
}

.ceo .content01 .wg01 .w02 dl dt{}
    .ceo .content01 .wg01 .w02 dl dd{
    font-size: 1rem;
}
    .ceo .content02 .wg01 .w02 .spec_box .spwg .p01 img{
    max-width: 60px;
}
    
}


@media screen and (max-width:690px) {
    .ceo .content02 .wg01 .w01 .tg01{
    margin: 0px 0 20px;
}
       
.ceo .content02 .wg01 .w02 .spec_box{
    gap: 25px;
    padding: 6% 6%;
}
}


@media screen and (max-width:599px){
.ceo .content01 .wg01 .w01{height: 275px;}

 .ceo .content02 .wg01 .w01 .tg01 p{margin: 0 0 25px;}
}

@media screen and (max-width:479px){
.ceo .content01 .wg01 .w01{height: 215px;}
}



/*************CEO소개 끝***************/


/*************CI소개 시작***************/
.ci  .t01{
    font-size: 1.2rem;
    margin: 10px 0 0;
}
.ci .content01{
    background: #f5fafc;
    padding: 70px 0 70px;
}
.ci .content01 .wg01{
    display: flex;
    gap: 5%;
}
.ci .content01 .wg01 .w01{
    width: 50%;
}
.ci .content01 .wg01 .w01 .picw01{
    margin: 0 0 35px;
}
.ci .content01 .wg01 .w01 .picw01 img{}

.ci .content02{
    padding: 100px 0px;
}
.ci .content02 .wg01{
    display: flex;
    gap: 5%;
    align-items: center;
}
.ci .content02 .wg01 .w01{
    width: 50%;
    display: flex;
    flex-direction: column;
}
.ci .content02 .wg01 .w02{
    width: 50%;
}
.ci .content02 .wg01 .w02 .picw01{
    background: #fff;
    padding: 50px 40px;
    text-align: center;
    border-radius: 40px;
    box-shadow: 10px 20px 35px rgba(0,0,0,.13);
}
.ci .content02 .wg01 .w02 .picw01:after{content:"";display:block;position:absolute;background: #fc7e2f;width: 18.438rem;height: 18.438rem;border-radius: 30px;transform: rotate(45deg);z-index: -1;right: -100px;bottom: -20px;}
.ci .content02 .wg01 .w02 .picw01 img{}


/* 회사로고 다운로드 버튼 wrap */
.ci_btn_wrap{margin: 60px 0 0;width: fit-content;gap: 14px;display: flex;}
.ci_btn_wrap a{
    min-width: 160px;
}

.ci_btn_wrap01{margin: 70px auto 70px;width: fit-content;gap: 14px;display: flex;}
.ci_btn_wrap01 a{
    padding: 0.9em 3em 0.9em 2em !important;
}
.ci_btn_wrap01 a em{
    flex: 1 0 110%;
}

/* 회사로고 다운로드 버튼 wrap 끝 */

.ci .content03{
    padding: 80px 0px;
}
.ci .content03 .wg01{}
.ci .content03 .wg01 .w01{
    margin: 0 0 30px;
}
.ci .content03 .wg01 .w02{}
.ci .content03 .wg01 .w02 .picw01{
    box-shadow: 0 10px 15px rgb(0 0 0 / 12%);
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border-radius: 40px;
    padding: 40px 20px;
}
.ci .content03 .wg01 .w02 .picw01 .pic01{}
.ci .content03 .wg01 .w02 .picw01 .pic01 img{}



.ci .content04{
    padding: 80px 0px 120px;
}
.ci .content04 .wg01{}
.ci .content04 .wg01 .w01{
    margin: 0 0 30px;
}
.ci .content04 .wg01 .w02{}
.ci .content04 .wg01 .w02 .co_box01{
    box-shadow: 0 10px 15px rgb(0 0 0 / 12%);
    display: flex;
    border-radius: 40px;
    padding: 45px 20px;
    font-family: 'play',"Pretendard";
}
.ci .content04 .wg01 .w02 .co_box01 .cowg01{
    display: flex;
    align-items: flex-end;
    gap: 10%;
    width: 40%;
    justify-content: center;
}
.ci .content04 .wg01 .w02 .co_box01 .cowg02{
    display: flex;
    align-items: flex-end;
    gap: 4%;
    width: 70%;
    justify-content: center;
}
.ci .content04 .wg01 .w02 .co_box01 .co01{}
.ci .content04 .wg01 .w02 .co_box01 .co02{width: 235px;text-align: center;}
.ci .content04 .wg01 .w02 .co_box01 h2{
    margin: 0px 0 12px;
}
.ci .content04 .wg01 .w02 .co_box01 .cobox{
    background: #fc7e2f;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    color: #fff;
    font-size: 1.5rem;
    margin: 0 0 20px;
}
.ci .content04 .wg01 .w02 .cowg02 .co02:nth-of-type(1) .cobox{
    background: #cfad78;
}
.ci .content04 .wg01 .w02 .cowg02 .co02:nth-of-type(2) .cobox{
    background: #d1d2d4;
}
.ci .content04 .wg01 .w02 .cowg02 .co02:nth-of-type(3) .cobox{
    background: #231f20;
}
.ci .content04 .wg01 .w02 .co_box01 ul{}
.ci .content04 .wg01 .w02 .co_box01 .co01 ul{text-align: left;}
 
.ci .content04 .wg01 .w02 .co_box01 ul li{
    font-size: 1.15rem;
    margin: 0 0 8px;
}
.ci .content04 .wg01 .w02 .co_box01 .co02 ul li{
    
color: #666;
}

.ci .content05{
    background: #f5fafc;
    padding: 80px 0;
}
.ci .content05 .wg01{
    display: flex;
    gap: 5%;
}
.ci .content05 .wg01 .w01 {
    width: 50%;
    text-align: center;
}

.ci .content05 .wg01 .w01 .pic01{
    background: #fff;
    padding: 60px 30px;
    border: 1px solid #e8e8e8;
    border-radius: 30px;
}
.ci .content05 .wg01 .w01:last-child .pic01{
    background: #000;
    border: 1px solid #000;
}
.ci .content05 .wg01 .w01 .pic01 img{}
.ci .content05 .wg01 .w01 .t01{
    font-size: 1.35rem;
    margin: 25px 0 0;
    font-family: 'play',"Pretendard";
    font-weight: 600;
}

/* 반응형  css  base pc ---> mobile */
@media all and (max-width:1600px) { 
}

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

}

@media screen and (max-width:1320px){	
.ci .content04 .wg01 .w02 .co_box01{
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
    .ci .content04 .wg01 .w02 .co_box01 .co01{
    display: none;
}
    .ci .content04 .wg01 .w02 .co_box01 .cowg01{
         width: 100%;
    }
    .ci .content04 .wg01 .w02 .co_box01 .cowg02{
    width: 100%;
}
}

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

}

@media screen and (max-width:992px){
.ci .content02 .wg01 .w02 .picw01:after{
    width: 12.438rem;
    height: 12.438rem;
    border-radius: 20px;
    right: -11px;
    bottom: -10px;
}
}
 
@media screen and (max-width:768px){

    
}

@media screen and (max-width:690px) {
    .ci .content01 .wg01{
    display: flex;
    gap: 5%;
    flex-direction: column;
}
.ci .content01 .wg01 .w01{
    width: 100%;
    margin: 0 0 8%;
}
    .ci .content01 .wg01 .w01 .picw01{
    margin: 0px 0 20px;
}
    .ci .content02 .wg01 .w02 .picw01:after{width: 13.438rem;height: 13.438rem;border-radius: 25px;right: -12px;bottom: -35px;}
    .ci .content02 .wg01{
    gap: 40px;
    flex-direction: column;
}
.ci .content02 .wg01 .w01{
    width: 100%;
}
.ci .content02 .wg01 .w02{
    width: 100%;
}
    .ci .content02 .wg01 .w02 .picw01{
    border-radius: 25px;
    padding: 40px 50px;
}
    .ci_btn_wrap{
    margin: 20px 0 0;
}
.ci  .t01{
    margin: 0;
    font-size: 1.175rem;
}
.ci .content04 .wg01 .w02 .co_box01 ul li{
    margin: 0 0 3px;
}
    .ci .content03 .wg01 .w02 .picw01{
    padding: 30px 30px;
    border-radius: 25px;
}
}


@media screen and (max-width:599px){
    .ci .content01{
    padding: 10% 0 4%;
}
    .ci .content02{
    padding: 10% 0 10%;
}
    .ci .content03{
    padding: 10% 0 4%;
}
    .ci .content04{
    padding: 12% 0 12%;
}
      .ci .content05{
    padding: 10% 0 10%;
}
    .ci_btn_wrap01{margin: 50px auto 50px;}
    
    .ci .content04 .wg01 .w02 .co_box01{padding: 30px 20px;border-radius: 25px;}
    .ci .content04 .wg01 .w02 .co_box01 .cowg01{}
.ci .content04 .wg01 .w02 .co_box01 .cowg02{
    flex-direction: column;
    align-items: center;
    gap: 15px;
}
    
    .ci .content04 .wg01 .w02 .co_box01 .cobox{
    height: 100px;
    margin: 0 0 10px;
}
    .ci .content05 .wg01 .w01 .pic01{
    border-radius: 20px;
    padding: 30px 30px;
}
}

@media screen and (max-width:479px){
.ci .content05 .wg01 .w01 .t01{
    font-size: 1.15rem;
}
}


/*************CI소개 끝***************/



/*************조직도 시작***************/

.organization .content01{
    padding: 0 0 6em;
    background: #eef4f7;
    position: relative;
}
.organization .content01 .bg_org{
    position: absolute;
    top: -5%;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}
.organization .content01 .bg_org img{/* width: 35vw; */transform: scale(0.85);}

/* 조직도 css */

.organizationUl {
    box-sizing: border-box;
    border: 0px solid #ddd;
    position: relative;
    width: 100%;
    /* top: 0;
    left: 0; */
    text-align: center;
    background-repeat: no-repeat;
    background-position-x: center;
    /* background-size: 74%; */
    background-position-y: 70px;
    font-size: 7px;
    padding: 20px 5px 60px 5px;
    letter-spacing: -1px;
    /* background-image: url("../images/line1.png"); */
    font-weight: 400;
}

.organizationUl .org6 ul {
    border-color: #00a396;
    background-color: white;
}

.organizationUl .org6 .orgUL>li>a {
    border-color: #00a396;
    background-color: #eff9f8;
    display: block;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #00a396;
    /* border-top-left-radius: 3px;
    border-top-right-radius: 3px; */
    /* background-color: transparent; */
    padding: 3px 0 4px 0;
    /* padding: 3px 0 4px 0; */
}
.organizationUl .org6 .orgUL>li>a:hover {
    background-color: #00a396;
    color: white;
}
.organizationUl .org6 .orgUL ul a:hover {
    color: #00a396;
    border-bottom: 1px solid #00a396;
}
.organizationUl .org6 .top40 {
    margin-top: 60px;
}

.organizationUl .right{
    top: -38px;
}

.organizationUl .org6 .top40 a {
    letter-spacing: -2px;
}

.organizationUl a {
    width: 100%;
    transition: 0.3s;
}
.orgUL {
    margin-top: 7px;
    border: 1px solid #c6c6c6;
    border-radius: 20px;
    position: relative;
    z-index: 2;
    box-shadow: 20px 20px 40px rgba(0,0,0,.15);
}
.orgUL>li>a {
    font-weight: 500;
    display: block;
    border-bottom: 1px solid #f8fafc;
    background-color: #f8fafc;
    padding: 4px 0 4px 0;
    box-sizing: border-box;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    font-size: 0.9rem;
    color: #2d74e2;
}
.orgUL>li>a:hover {
    background-color: #fc7e2f;
    color: white;
    border-radius: 20px 20px 0 0;
}
.orgUL>li>ul {
    padding: 4px 0;
}
.orgUL>li>ul>li {
    margin-bottom: 5px;
    font-size: 1rem;
}
.orgUL>li>ul>li:last-child {
    margin-bottom: 0;
}

.organizationUl>li {
    width: 32.4%;
    /* width: 22%; */
    /* width: 183.03px; */
}

.organizationUl .org2:hover {
    color: white;
}
.organizationUl a:hover {
    color: #db8e10;
    /* border-bottom: 1px solid #003586; */
}
.organizationUl .top40 {
    margin-top: 20px;
}
.organizationUl .org1 {
    margin: 0 auto;
}
.organizationUl .org1 a {
    display: block;
    width: 53px;
    height: 53px;
    line-height: 53px;
    font-size: 12px;
    background-color: #1f2e6f;
    color: white;
    border-radius: 50%;
    margin: 0 auto;
    box-shadow: 20px 20px 40px rgba(0,0,0,.15);
}
.organizationUl .org1 a:hover {
    background-color: #137fd2;
    border-bottom: none
}
.organizationUl .org2 {
    display: block;
    background-color: #327eec;
    color: white;
    padding: 8px 0;
    border-radius: 15px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    font-size: 2.2em;
    box-shadow: 20px 20px 40px rgba(0,0,0,.15);
}
.organizationUl a.org2:hover {
    background-color: #003586;
    border-bottom: none;
}
.organizationUl .org3 {
    border: 1px solid #003586;
    color: #003586;
    background-color: white;
    position: relative;
    z-index: 2;
}
.organizationUl .org3:hover {
    color: #003586;
}
.organizationUl .org4 {
    position: absolute;
    top: 10px;
    right: 5px;
}
.organizationUl .org7 {
    position: absolute;
    top: 85px;
    left: 15%;
}
.organizationUl .org5 {
    box-sizing: border-box;
    float: left;
    margin-right: 1.333333333333333%;
    margin-top: 60px;
    position: relative;
}
.organizationUl .org1 {
    position: relative;
    z-index: 2;
}

.organizationUl .org4::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 50%;
    width: 1px;
    height: 100%;
    background-color: #137fd2;
}
.organizationUl .org1::before {
    content: "";
    position: absolute;
    top: 52px;
    left: 50%;
    width: 1px;
    height: 50px;
    background-color: #aebfcc;
}
.organizationUl .org1::after {
    content: "";
    position: absolute;
    top: 77px;
    left: 50%;
    width: 110px;
    /* height: 1px; */
    margin-left: -110px;
    background-color: #137fd2;
}
.organizationUl .org5::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -10px;
    left: 50%;
    width: 1px;
    height: 100%;
    background-color: #aebfcc;
}
.organizationUl::before {
    content: "";
    position: absolute;
    top: 122px;
    left: 50%;
    width: 74%;
    margin-left: -37%;
    height: 1px;
    background-color: #aebfcc;
}
.organizationUl .org6 .orgUL::before {
    content: "";
    position: absolute;
    top: -20px;
    left: 50%;
    width: 1px;
    height: 20px;
    background-color: #00a396;
}
.organizationUl .org6::after {
    content: "";
    position: absolute;
    top: 50px;
    left: 50%;
    width: 1px;
    height: 25px;
    background-color: #00a396;
}
.organizationUl .org6 .ul3::after {
    content: "";
    position: absolute;
    top: -20px;
    left: 50%;
    width: 111%;
    height: 1px;
    background-color: #00a396;
}
.organizationUl .org6::before {
    content: "";
    display: block;
    height: 30px;
}
.organizationUl .org6 {
    /* border: 1px solid green; */
    clear: both;
    margin: 0 auto;
    width: 100%;
    position: relative;
    /* float: left; */
}

.organizationUl .org6 .org2 {
    margin: 0 auto;
    width: 24%;
    background-color: #00a396;
}
.organizationUl .org6 .orgUL {
    width: 24%;
    display: inline-block;
}
.organizationUl .org8 {
    position: relative;
    top: -20px;
    left: -5px;
}

.organizationUl .orgUL {
    background-color: white;
}
.organizationUl .marginNo {
    margin-right: 0;
}
.organizationUl .solo {
    border-bottom: none;
    border-radius: 5px;
}
.organizationUl .solo:hover {
    border-bottom: none;

}
.organizationUl .ul1 {
    height: 135px;
}
.organizationUl .ul2 {
    height: 150px;
}

/* 반응형  css  base  pc ---> mobile */

@media screen and (max-width:599px){
.organizationUl::before{width: 65.9%;margin-left: -33%;}
}
/* 반응형  css  base  mobile ---> pc */
@media screen and (min-width:1024px){	
.organizationUl .org1 a {
        width: 140px;
        height: 140px;
        line-height: 140px;
        font-size: 1.4em;
    }
	
.organizationUl {
        letter-spacing: -1px;
        padding: 60px 60px 60px 60px;
        font-size: 16px;
        /* background-position-y: 150px;
        background-image: url("../images/line1.png"); */
    }
    .organizationUl .org5 {
        margin-top: 110px;
    }
    .organizationUl .ul1 {
        height: 234px;
    }
    .organizationUl .ul2 {
        height: 268px;
    }
    .orgUL>li>ul>li {
        margin-bottom: 10px;
        font-size: 1.2em;
    }
    .orgUL>li>ul {
        padding: 16px 0;
    }
    .organizationUl .org2 {
        padding: 15px 0;
        font-size: 1.45em;
    }
    .orgUL>li>span {
        padding: 7px 0 8px 0;
    }
    .organizationUl .org7 {
        top: 200px;
    }
    .organizationUl .org4 {
        top: 64px;
        right: 28px;
    }
    .organizationUl .org6::before {
        height: 60px;
    }
    .organizationUl .org8 {
        position: relative;
        top: -35px;
        left: -5px;
    }
    .organizationUl .top40 {
        margin-top: 40px;
    }
    .organizationUl .org6 .top40 {
        margin-top: 113px;
    }
    .organizationUl .right {
        top: -69px;
    }
    .organizationUl>li {
        width: 30%;
    }
    .organizationUl .org6 .org2 {
        width: 22%;
        background-color: #00a396;
    }
    .organizationUl .org6 .orgUL {
        width: 22%;
    }
    .organizationUl .org6 .ul3 {
        margin-left: 8px;
    }

    .organizationUl .org6 .ul4 {
        margin-left: 27px;
    }
    .organizationUl .org5 {
        margin-right: 5%;
    }
    .organizationUl .marginNo {
        margin-right: 0;
    }
    .organizationUl .org5::before {
        top: -57px;
    }
    .organizationUl::before {
        top: 253px;
        width: 64.4%;
        margin-left: -32.2%;
    }
    .organizationUl .org1::before {
        top: 140px;
        height: 55px;
    }
    .organizationUl .org1::after {
        top: 183px;
        width: 140px;
        margin-left: -140px;
    }
    .organizationUl .org6 .ul3::after {
        top: -40px;
        width: 120%;
    }
    .organizationUl .org6 .orgUL::before {
        top: -40px;
        height: 40px;
    }
    .organizationUl .org6::after {
        top: 100px;
        height: 40px;
    }

    .organization .subMenuSet {
        margin-top: 60px;
    }
    .table4 {
        margin-top: 60px;
    }

    #organizationTable1 td {
        padding: 20px;
    }
    #organizationTable1 th:nth-child(1) {
        width: 130px;
    }
    #organizationTable1 th:nth-child(2) {
        width: 500px;
    }
    #organizationTable1 th:nth-child(4) {
        width: 80px;
    }

    #organizationTable2 td {
        padding: 20px;
    }
    #organizationTable2 td:nth-child(1) {
        /* width: 170px; */
    }
    #organizationTable2 th:nth-child(2) {
        width: 130px;
    }
    #organizationTable2 th:nth-child(3) {
        width: 495px !important;
    }
    #organizationTable2 th:nth-child(4) {
        width: 90px !important;
    }
    .mapIcon {
        width: 50px;
        height: 50px;
    }
    .orgUL>li>a {
        padding: 12px 0 12px 0;
        font-size: 1.3em;
    }
    .orgUL>li>a:hover {
        border-radius: 20px 20px 0 0;
        border-bottom: 1px solid #fc7e2f;
    }
    .organizationUl .org6 span.org2 {
        padding: 8px 0 8px 0;
    }
    .organizationUl .org6 .orgUL>li>a {
        padding: 7px 0 8px 0;
    }
    #searchSet.organiSearch {
        margin-top: 60px !important;
        max-width: 100% !important;
        width: 540px !important;
    }
    #searchSet.organi8 {
        float: left;
    }
    .sub .subContentSet #searchSet.organiSearch select {
        width: 180px !important;
    }
    .organization1 img {
        margin-top: 20px;
    }
    .organization1 h4 {
        font-size: 24px !important;
        padding-left: 0 !important;
        margin-top: 50px;
    }
    .organiUl1 {
        margin-top: 20px;
        padding: 35px 30px;
    }
    .organiUl1 li{
        margin-bottom: 20px;
    }
    .organiUl2>li>b {
        width: 22%;
    }
    .organiUl2>li>span {
        width: 78%;
    }
}
/* 조직도 css 끝 */

/*************조직도 끝***************/


/*************파트너사 시작***************/
.partner .content01{
    background: url(/assets/img/company/partner_bg01.png) center no-repeat;
    background-size: cover;
    padding: 4rem 0rem 4rem;
}
.partner .content01 .title_wg01{
    color: #fff;
    text-align: center;
}
.partner .content01 .title_wg01 .tit_w01{
    color: #4a7dff;
    font-size: 1.875rem;
    font-weight: 800;
    font-family: 'Play';
    margin: 0 0 15px;
}
.partner .content01 .title_wg01 .tit_w02{
    font-size: 1.5rem;
}
.partner .content01 .title_wg01 .line{
    width: 1px;
    height: 70px;
    background: #fff;
    margin: 25px auto 30px;
    position: relative;
}
.partner .content01 .title_wg01 .line:after{
    width: 11px;
    height: 11px;
    background: #fc7e2f;
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: -5px;
    left: -5px;
    border-radius: 2px;
    z-index: 0;
    transform: rotate(45deg);
}

.partner .content01 .title_wg02{
    color: #fff;
    text-align: center;
}
.partner .content01 .title_wg02 .title_w01{
    font-size: 2.725rem;
}
.partner .content01 .title_wg02 .title_w01 strong{}


.partner .content02{
    background: #f0f2f4;
    padding: 100px 0;
}
.partner .content02 .gallery_list{
    position: relative;
}
.partner .content02 .gallery_list ul{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 45px;
}
.partner .content02 .gallery_list ul li{
    transition: all 0.3s;
    position: relative;
    box-sizing: border-box;
    width: calc((100% - 8%)/4);
}
.partner .content02 .gallery_list ul li .pic{
    position: relative;
    overflow: hidden;
    text-align: center;
    height: 100%;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 30px;
    padding: 55px 0;
    transition: 0.3s;
}
.partner .content02 .gallery_list ul li .pic:hover{
    box-shadow: 0 22px 22px rgb(0 0 0 / 8%);
    transform: translate(0px, -4px);
}
.partner .content02 .gallery_list ul li .pic img{
}
/* 반응형  css  base pc ---> mobile */



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

    
.partner .content02 .gallery_list ul{
   row-gap: 15px;
}
    
    .partner .content02 .gallery_list ul li{
    width: calc((100% - 2%)/2);
}

    .partner .content02 .gallery_list ul li .pic{
    padding: 30px 0;
}
    .partner .content01 .title_wg02 .title_w01{
    font-size: 1.725rem;
}
}
 
@media screen and (max-width:768px){

}

@media screen and (max-width:690px) {
.partner .content01 .title_wg01 .tit_w01{
    font-size: 1.6rem;
    margin: 2px 0;
}
    .partner .content01 .title_wg01 .tit_w02{
        font-size: 1.15rem;
    }

.partner .content01 .title_wg01 .line{
    height: 40px;
    margin: 15px auto 20px;
}
    .partner .content01 .title_wg01 .line:after{
    width: 7px;
    height: 7px;
    left: -3px;
}
    .partner .content01 .title_wg02 .title_w01{
    font-size: 1.225rem;
}
}

@media screen and (max-width:599px){
.partner .content02{
    padding: 10% 0;
}
}

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

}


/*////************파트너사 끝***************/



/*************회사연혁 시작***************/
.history .content01{
    position: relative;
    z-index: 1;
}


.history .content02{
    position: relative;
    z-index: 2;
    background: url(/assets/img/company/history_bg02.gif) center no-repeat;
    background-size: cover;
}
/*연혁 네비게이션*/
.his_tap{
    position: fixed;
    bottom: 50%;
    transform: translate(0px, 100px);
    display: none;
    z-index: 10;
}
.his_tap ul{}
.his_tap ul li{padding: 4px 0;}
.his_tap ul li a{
    font-family: 'Play','Pretendard';
    display: block;
    padding: 0 0 0 24px;
    color: #666;
    font-weight: 300;
    position: relative;
}
.his_tap ul li a.on{
    color: #1a67d7;
    font-weight: 600;
}
.his_tap ul li a:before{
    content:''; width:0; height:2px; background:#222; position:absolute; left:0; top:10px; transition:all .3s linear;
   
}
.his_tap ul li a.on:before{
   width: 12px;
}
.his_navi{
}

/*연혁 리스트*/
.tableWrap {padding: 60px 0 0; position:relative; width:100%; margin:0 auto; overflow-x:hidden;}
.tableWrap::before {content:""; display:block; width:1px; height:100%; position:absolute; top:0; left:50%; background:#ddd; z-index:-1;}
.his_in:first-child{
}
.his_in{display:flex;width: 100%;align-items:start;justify-content: space-between;flex-direction: row-reverse;box-sizing:border-box;margin:0 auto;}
.his_in .his_box{width:calc(50% - 60px);}
.his_in .his_txt{}
.his_in .his_txt h6{position:relative;font-size:45px;padding:0 0 14px;color:#333;font-weight:700;line-height:130%;}
.his_in .his_txt h6:after{content:''; display:block; width:8px; height:8px; background: #0183c1; border-radius: 50%; position:absolute; left: -64px; top:25px;
overflow: hidden; animation: dot linear 1.5s infinite;}
.his_in .his_txt h6:before{width:8px;height:8px;content: '';display: block;background-color: #0183c1;opacity:0.2;border-radius: 50%;position: absolute;left: -64px;top: 25px;z-index: -1;animation: dots 1.5s ease-in-out infinite;}
.his_in .his_txt .his_list{word-wrap: break-word;color: #444;font-size: 1.125rem;word-break:keep-all;box-sizing:border-box;padding: 0 0 6px 13px;position:relative;text-align:left;display: flex;}

.his_in .his_txt .his_list::after{content:""; width: 5px; height: 5px; background: #0183c1; border-radius: 50%; position: absolute; top: 12px; left: -2px;}
.his_in .his_txt .his_list span{font-size: 1.25rem;font-weight:700;margin: 0 10px 0 0;}  


@keyframes dots {
    0%{
      opacity: 0.5;
      transform: scale(1);
    }
    100%{
      opacity: 0;
      transform: scale(4);
    }
}



.his_in:nth-child(even){flex-direction: row;}
.his_in:nth-child(even) .his_txt h6{text-align:right;}
/* .his_in:nth-child(even) .his_txt h6:before{left:auto; right:-87px;} */
.his_in:nth-child(even) .his_txt h6:after{left:auto;right: -64px;}
.his_in:nth-child(even) .his_txt h6:before{left:auto;right: -64px;}
.his_in:nth-child(even) .his_txt .his_list{padding:0 13px 8px 0;justify-content: flex-end;}
.his_in:nth-child(even) .his_txt .his_list span{
    order: 2;
    margin: 0 0 0 10px;
}
/* .his_in:nth-child(even) .his_txt .his_list span{left:auto;} */
.his_in:nth-child(even) .his_txt .his_list::after{left:auto; right: -2px;}


.tableWrap .his_in:last-child {padding-bottom: 100px;}
/*//연혁 리스트 끝*/


 /* 반응형  css  base pc ---> mobile */
 @media screen and (max-width:992px){
   
}
     
/*연혁 리스트*/
.tableWrap {padding:50px 0 0;}
.his_in{padding: 70px 0 30px;}
.his_in .his_box{width:calc(50% - 40px);}
.his_in .his_txt h6{font-size:34px;padding:0 0 12px;}
 .his_in .his_txt h6:before{left: -44px;top: 17px;}
.his_in .his_txt h6:after{left: -44px; top:17px;}
.his_in:nth-child(even) .his_txt h6:before{left: auto;right: -44px;}
.his_in:nth-child(even) .his_txt h6:after{left:auto;right:-44px;}
.his_in .his_txt .his_list{padding:0 0 8px 10px;}
.his_in .his_txt .his_list::after{top: 10px;}
.his_in .his_img .imgBox{text-align:right;}
.tableWrap .his_in:last-child {padding-bottom: 60px;}
}
}
 
@media screen and (max-width:768px){

}

@media screen and (max-width:690px) {
 
    
    .his_tap{display: none !important;}
    
	/*연혁 리스트*/
.tableWrap {padding:40px 0 0;  margin:0 auto;}
.tableWrap::before {left:10px;}
.his_in{padding: 20px 0 40px 30px;flex-wrap: wrap;}
.his_in .his_box{width:100%;}
.his_in .his_txt h6{font-size:22px; padding:0 0 10px; text-align:left !important;}
     .his_in .his_txt h6:before{left: -24px;top: 11px;}
.his_in .his_txt h6:after{width:6px; height:6px; left:-23px !important; right:auto !important; top:12px;}
.his_in .his_txt .his_list{padding:0 0 6px 10px !important;text-align:left !important;}
	.his_in:nth-child(even) .his_txt .his_list{
    justify-content: normal;
}
.his_in .his_txt .his_list::after{top: 7.6px;}
.his_in:nth-child(even) .his_txt .his_list::after{left: -2px; right: auto;}
    .his_in:nth-child(even) .his_txt h6:before{left: -24px;right: auto;}
.his_in .his_txt .his_list span{right:auto;left:0 !important;}
	.his_in:nth-child(even) .his_txt .his_list span{
    order: 0;
    margin: 0 10px 0 0;
}
.tableWrap .his_in:last-child {padding-bottom: 40px;}
}


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

}

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

}


/*////************회사연혁 끝***************/


/*************특허 및 인증 시작***************/
.cert .content01{
    margin: 0 0 80px;
}
.cert .content02{
    margin: 0 0 100px;
}
.cert .content03{margin: 0 0 120px;}
.cert .content04{margin: 0 0 120px;}


 .pt_list{}
 .pt_list ul{
    display: flex;
    flex-wrap: wrap;
    gap: 50px 3%;
    justify-content: left;
}
 .pt_list ul li{
    width: 17.6%;
    position: relative;
}
 .pt_list ul li a{
    padding: 12% 11% 22%;
    display: block;
    background: url(/assets/img/abilty/certi_frame.png) center center no-repeat;
    background-size: cover;
    position: relative;
}
 .pt_list ul li a .pt_bg{
    position: absolute;
    background: url('/assets/img/abilty/ico_lens.png') center center no-repeat rgb(0 0 0 / 50%);
    left: 0;
    top: 0;
    right: 0;
    bottom: 8%;
    z-index: 1;
    transition: 0.4s 0.1s ease-out;
    background-size: 30%;
    opacity: 0;
}
.pt_list ul li a:hover .pt_bg{
    opacity: 1;
}
 .pt_list ul li a img{}
 .pt_list ul li .t01{font-size: 1.125rem;text-align: center;}




/* 반응형  css  base pc ---> mobile */

@media screen and (max-width:992px){
.pt_list ul{}
    .pt_list ul li{
    width: 22.7%;
}
}
 
@media screen and (max-width:768px){
.pt_list ul li .t01{
    font-size: 1rem;
}
}

@media screen and (max-width:690px) {
.pt_list ul li{
    width: 31.3%;
}
}


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

}

@media screen and (max-width:479px){
.pt_list ul li{
    width: 48.5%;
}
}


/*////************특허 및 인증 끝***************/

/*************사업활동 시작***************/
.result .content01{
    margin: 0 0 80px;
}
.result .box_wrap{ /*공통 스타일*/
    background: #f5fafc;
    border-radius: 30px;
    padding: 50px 50px 60px;
    margin: 0 0 40px;
}
.result .content01 .box_wrap .tg01{
    margin: 0 0 40px;
}
.result .content01 .box_wrap .tg01 .t01{
    font-size: 2.625rem;
    font-weight: bold;
    margin: 0 0 15px;
}
.result .content01 .box_wrap .tg01 .t02{
    font-size: 1.4rem;
    color: #555;
    font-weight: 300;
}

.result .content01 .box_wrap .wg01{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 4%;
}
.result .content01 .box_wrap .wg01 .w01{
    width: 50%;
    min-width: 200px;
}
.result .box_wrap .pic01{
    overflow: hidden;
    border-radius: 30px;
    width: fit-content;
    box-shadow: 0px 18px 20px rgb(0 0 0 / 15%);
}
.result .box_wrap .pic02{
    overflow: hidden;
    border-radius: 15px;
    width: fit-content;
    box-shadow: 0px 18px 20px rgb(0 0 0 / 15%);
    margin: 0 auto 30px;
}
.result .content01 .box_wrap .wg01 .w01 .pic01 img{}
.result .content01 .box_wrap .wg01 .w02{
    width: 50%;
    min-width: 170px;
}
.result .content01 .box_wrap .wg01 .w02 ul{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.result .content01 .box_wrap .wg01 .w02 ul li{
    background: #fff;
    border-radius: 15px;
    padding: 20px 50px;
    box-shadow: 0px 18px 25px rgb(0 0 0 / 15%);
    width: 65%;
    text-align: center;
    margin: 0 auto;
}

.result .content02{
    margin: 0px 0 0;
}
.result .content02 .box_wrap{}

.result .content02 .box_wrap .wg01 .w01{
   
}
.result .content02 .box_wrap .tg01{

margin: 0 0 40px;
}
.result .content02 .box_wrap .tg01 .t01{background: #fff;padding: 14px 20px;text-align: center;font-size: 1.75rem;font-weight: 600;border-radius: 20px;box-shadow: 0px 20px 20px rgb(0 0 0 / 8%);}
.result .content02 .box_wrap .wg01 .w02{}

.result .content02 .box_wrap.type01 .wg01{
    display: flex;
    gap: 40px;
}
.result .content02 .box_wrap p{
    text-align: center;
    font-size: 1.25rem;
    font-weight: 400;
    margin: 30px 0 0;
}


.result .content02 .box_wrap.type01 .wg01 .pic_w{display: flex;flex-direction: column;gap: 20px;align-items: center;}


.result .content02 .box_wrap.type02 .wg01{
}
.result .content02 .box_wrap.type02 .wg01 .pic_w{display: flex;gap: 20px;justify-content: space-between;}
.result .content02 .box_wrap.type02 .wg01:nth-child(1){margin: 0 0 70px;}
.result .content02 .box_wrap.type02 .wg01:nth-child(2) .pic_w{display: flex;gap: 20px;justify-content: center;}

.result .content02 .box_wrap.type03 .wg01{
    display: flex;
    justify-content: space-between;
    gap: 35px;
}
.result .content02 .box_wrap.type03 .wg01 .w01{
    width: 68%;
}
.result .content02 .box_wrap.type03 .wg01 .w02{width: 32%;}
.result .content02 .box_wrap.type03 .wg01 .w01 .pic_w{
    display: flex;
    justify-content: space-between;
}

.result .content02 .box_wrap.type03 .wg01 .w02 .pic_w{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.result .content02 .box_wrap.type03 .wg01 .w02 .pic_w .box{
    display: flex;
    flex-direction: column;
    align-items: center;
}


.result .content02 .box_wrap.type04 .wg01{
    display: flex;
    gap: 35px;
}
.result .content02 .box_wrap.type04 .wg01 .w01{
    width: 40%;
}
.result .content02 .box_wrap.type04 .wg01 .w02{width: 66%;}

.result .content02 .box_wrap.type04 .wg01 .w01 .pic_w{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.result .content02 .box_wrap.type04 .wg01 .w02 .pic_w{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.result .content02 .box_wrap.type04 .wg01 .w02 .pic_w .box{
    display: flex;
    flex-direction: column;
    align-items: center;
}


/* 반응형  css  base pc ---> mobile */
@media all and (max-width:1600px) { 
    .result .content02 .box_wrap.type03 .wg01 .w01 .pic_w{gap: 25px;}
}

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

}

@media screen and (max-width:1320px){	
.result .content02 .box_wrap .tg01 .t01{
    font-size: 1.25rem;
    border-radius: 10px;
}
}

@media screen and (max-width:1090px){
     .result .content01 .box_wrap .wg01 .w01{
    width: 85%;
}   

.result .content01 .box_wrap .wg01 .w02 ul li{
    width: 100%;
}
    .result .content01 .box_wrap .wg01 .w02{
    width: 70%;
}
        .result .content02 .box_wrap p{
    margin: 20px 0 0;
}
}

@media screen and (max-width:992px){
    
.result .content02 .box_wrap .tg01{
    margin: 0 0 25px;
}
.result .box_wrap .pic01{
    border-radius: 10px;
}
    
}
 
@media screen and (max-width:768px){
.result .content01 .box_wrap .wg01{
    gap: 30px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    }
        .result .content01 .box_wrap .wg01 .w01{
    width: 100%;
}
    .result .content02 .box_wrap.type01 .wg01{
    display: flex;
    flex-direction: column;
}
    .result .content02 .box_wrap .tg01 .t01{
    font-size: 1.45rem;
}
    .result .content02 .box_wrap.type02 .wg01 .pic_w{display: flex;gap: 30px;flex-direction: column;align-items: center;}
    .result .content02 .box_wrap.type03 .wg01{
    gap: 35px;
    flex-direction: column;
    align-items: center;
}
    .result .content02 .box_wrap.type03 .wg01 .w01{
    width: 100%;
}
.result .content02 .box_wrap.type03 .wg01 .w02{width: 100%;}
    .result .content02 .box_wrap.type04 .wg01{
    display: flex;
    flex-direction: column;
    align-items: center;
}
    .result .content02 .box_wrap.type04 .wg01 .w01{
    width: 100%;
}
    .result .content02 .box_wrap.type04 .wg01 .w02{
    width: 100%;
}
}

@media screen and (max-width:690px) {
.result .content01 .box_wrap .tg01{
    margin: 0 0 20px;
}
.result .content01 .box_wrap .tg01 .t01{
    font-size: 2rem;
    line-height: 1.2;
    margin: 0 0 10px;
}
.result .content01 .box_wrap .tg01 .t02{
    font-size: 1.25rem;
    font-weight: 400;
}
}


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

    .result .box_wrap{
    padding: 40px 30px 50px;
    border-radius: 20px;
}
    .result .content01 .box_wrap .wg01 .w02 ul li{
    border-radius: 10px;
    padding: 15px 35px;
}

}

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

}




/*////************사업활동 끝***************/


/*************수상내역 시작***************/
.awords{}
.awords .content01{
    margin: 0px 0 40px;
}
.awords .content02{
    margin: 0px 0 80px;
    padding: 80px 0 60px;
    background: #12203d;
}
.awords .content02 .wg01{
    display: flex;
    justify-content: space-between;
    gap: 4%;
}
.awords .content02 .wg01 .w01{}
.awords .content02 .wg01 .w01 .picw01{
    position: relative;
}
.awords .content02 .wg01 .w01 .picw01 .pic01{
    margin: 0 0 20px;
}
.awords .content02 .wg01 .w01 .picw01 .pic01 img{
    border-radius: 40px;
}
.awords .content02 .wg01 .w01 .picw01 .tit_wg01{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}
.awords .content02 .wg01 .w01 .picw01 .tit_wg01 .tit_w01{
    font-size: 1.55rem;
    font-weight: 600;
    color: #fff;
}

.awords .content02 .wg01 .w02{
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 42%;
}
.awords .content02 .wg01 .w02 .txt-box{color: #fff;}
.awords .content02 .wg01 .w02 .txt-box .tit{
    font-size: 2.5rem;
    margin: 0 0 25px 0;
}


.aword-table{width:100%;border-top: 1px solid rgb(255 255 255 / 55%);margin: 0 0 50px 0;}
.aword-table tbody tr{height: 45px;}
.aword-table tbody tr th, .aword-table tbody tr td{font-size: 1.025rem;line-height: 1.3em;letter-spacing:-0.65px;border-bottom: 1px solid rgb(255 255 255 / 35%);padding: 10px 0;}
.aword-table tbody tr th{font-weight: 500;text-align:left;font-size: 1.12rem;}
.aword-table tbody tr td{color: #e5e7ec;word-break:keep-all;}
.aword-table tbody tr td .txt span{display: inline-block; margin-right:25px;}
.aword-table tbody tr td .txt span:last-child{margin-right:0px;}


.awords .content03{
    margin: 0px 0 120px;
}

/* 반응형  css  base pc ---> mobile */
@media screen and (max-width:1320px){	

}

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

}

@media screen and (max-width:992px){
.awords .content02 .wg01{
    gap: 30px;
    flex-direction: column;
}
    .awords .content02 .wg01 .w01{
    max-width: 75%;
    margin: 0 auto;
}
    .awords .content02 .wg01 .w02{}
}
 
@media screen and (max-width:768px){
.awords .content02 .wg01 .w01 .picw01 .pic01 img{
    border-radius: 20px;
}
}

@media screen and (max-width:690px) {
    .awords .content02 .wg01 .w01{
    max-width: 85%;
    margin: 0 auto;
}
}


@media screen and (max-width:599px){
.awords .content02{
    padding: 12% 0 0%;
    margin: 0px 0 12%;
}
    .awords .content03{}
}

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

}

/*////************수상내역 끝***************/


/*************문의하기 시작***************/
.inquiry .content01{margin: 0 0 60px;}
/*************문의하기 끝***************/

/*************오시는길 시작***************/
.location .content01{
    margin: 0 0 60px;
}
.location .content01 .wg01{
    display: flex;
    justify-content: space-between;
    gap: 2%;
}
.location .content01 .wg01 .w01{
}
.location .content01 .wg01 .w01 .picw01{
    position: relative;
}
.location .content01 .wg01 .w01 .picw01 .pic01{
}
.location .content01 .wg01 .w01 .picw01 .pic01 img{
    border-radius: 40px;
}
.location .content01 .wg01 .w01 .picw01 .tit_wg01{
    position: absolute;
    top: 0;
    bottom: 10%;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    color: #fff;
    font-family: 'play',"Pretendard";
}
.location .content01 .wg01 .w01 .picw01 .tit_wg01 .tit_w01{
    font-size: 2.25rem;
    font-weight: 600;
}
.location .content01 .wg01 .w01 .picw01 .tit_wg01 .tit_w02{
    font-size: 1.5rem;
}

.location .content01 .wg01 .w02{
    width: 41%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.location .content01 .wg01 .w02 .txt-box{
}
.location .content01 .wg01 .w02 .txt-box .tit{
    font-size: 2.5rem;
    margin: 0 0 25px 0;
}

.location-table{width:100%;border-top:1px solid rgba(0,0,0,0.1);margin: 0 0 50px 0;}
.location-table tbody tr{}
.location-table tbody tr th, .location-table tbody tr td{font-size: 1.125rem;line-height:1.75em;letter-spacing:-0.65px;border-bottom:1px solid rgba(0,0,0,0.1);padding:10px 0;}
.location-table tbody tr th{font-weight: 500;color:#000;text-align:left;}
.location-table tbody tr td{color: #555;word-break:keep-all;}
.location-table tbody tr td .txt span{display: inline-block; margin-right:25px;}
.location-table tbody tr td .txt span:last-child{margin-right:0px;}

.loca_btn {position: relative;top: 0;right:0;border: 1px solid #ddd;box-sizing:border-box;font-size:0;display:inline-block;background: #f9fbfc;border-radius: 10px;overflow: hidden;display: flex;width: fit-content;margin: 0 auto;}
.loca_btn a.naver {background-image:url('/assets/img/contact/ico_naver.png');}
.loca_btn a.kakao {background-image:url('/assets/img/contact/ico_kakao.png');}
.loca_btn a.google {background-image: url('/assets/img/contact/ico_google.png');border-right: 0px;}
.loca_btn a {display: block;width:170px;height:65px;font-size: 1.063rem;border-right:1px solid #ddd;color:#222;letter-spacing:-0.7pt;line-height:65px;font-weight:400;padding-left:75px;box-sizing:border-box;transition:all 0.3s;background: no-repeat center left 20px;}


.loca_btn a:hover {color: #ffffff;transition:all 0.3s;background-color: #5165a0;}


.location .content02{
    margin: 0px 0 80px;
}
.location .content02 .w01{}
.location .content02 .w01 .map_warp{
    position: relative;
    margin: 0 auto;
    max-width: 100%;
    background: #fff;
    box-shadow: 0 8px 15px rgb(0 0 0 / 8%);
    padding: 35px 35px;
    border-radius: 40px;
}
.location .content02 .w01 .map_warp .root_daum_roughmap{
    width: 100%;
    padding-bottom: 45.25%;
    border-radius: 30px;
}
.location .content02 .w01 .map_warp .root_daum_roughmap .wrap_map{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.location .content02 .w01 .map_warp .root_daum_roughmap .hide{
    display: none;
}


.location .content03{
    margin: 0 0 100px;
}
.location .content03 .tra_box{
    box-shadow: 0 8px 15px rgb(0 0 0 / 8%);
    padding: 55px 30px;
    border-radius: 40px;
    display: flex;
    justify-content: space-around;
}
.location .content03 .tra_box .w01{
    display: flex;
    gap: 10%;
    width: 45%;
}
.location .content03 .tra_box .w01  .picw01{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.location .content03 .tra_box .w01  .picw01 div{
    margin: 0 0 30px;
}
.location .content03 .tra_box .w01  .picw01 img{
    height: 120px;
}
.location .content03 .tra_box .w01  .picw01 .t01{
    margin: 0 auto;
    font-size: 1.25rem;
    background: #0d2a4e;
    padding: 4px 24px;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    width: fit-content;
}
.location .content03 .tra_box .w01 .ctw01{
    display: flex;
    flex-direction: column;
}
.location .content03 .tra_box .w01 .ctw01 .txtwg01{
    margin: 0px 0 40px;
}
.location .content03 .tra_box .w01 .ctw01 .txtwg01:last-child{margin:0;}
.location .content03 .tra_box .w01 .ctw01 .txtwg01 .t01{
    font-size: 1.25rem;
    margin: 0 0 5px;
    font-weight: 600;
}
.location .content03 .tra_box .w01  .ctw01 .txtwg01 .t02{
    font-size: 1.125rem;
}

/* 반응형  css  base pc ---> mobile */

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

}

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

    .location .content01 .wg01 .w01{
    width: 50%;
}
    .location .content01 .wg01 .w02{
    width: 50%;
}
}

@media screen and (max-width:1090px){
.location .content01 .wg01{
    flex-direction: column;
    gap: 20px;
}
    .location .content01 .wg01 .w01{
    width: 75%;
    margin: 0 auto;
}
    .location .content01 .wg01 .w02{
    width: 100%;
}
}

@media screen and (max-width:992px){
.location .content03 .tra_box .w01{
    gap: 25px;
    flex-direction: column;
}
}
 
@media screen and (max-width:768px){
.location .content01 .wg01 .w01{
    width: 90%;
}
    .location .content01 .wg01 .w01 .picw01 .pic01 img{
    border-radius: 20px;
}
    .location .content01 .wg01 .w01 .picw01 .tit_wg01 .tit_w01{
    font-size: 1.65rem;
}
.location .content01 .wg01 .w01 .picw01 .tit_wg01 .tit_w02{
    font-size: 1.1rem;
}
    .location .content03 .tra_box{
    padding: 30px 25px;
    border-radius: 20px;
}
}

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

}


@media screen and (max-width:599px){
    .location .content01{
    margin: 0 0 40px;
}
    .location .content02{
    margin: 0px 0 60px;
}
    .location .content03{
    margin: 0 0 60px;
}
    .location-table{
    margin: 0 0 30px 0;
}
.location-table tbody tr th, .location-table tbody tr td{
    padding: 8px 0;
    line-height: 1.75em;
}
    .loca_btn{
    width: 100%;
}
    .loca_btn a{
    width: 33%;
    background: no-repeat center left 15px;
    padding-left: 60px;
}
    .location .content02 .w01 .map_warp{
    border-radius: 20px;
    padding: 1% 1%;
}
    .location .content02 .w01 .map_warp .root_daum_roughmap{
    border-radius: 15px;
    height: 300px;
}
    .location .content03 .tra_box{
    flex-direction: column;
    align-items: center;
    gap: 35px;
}
    .location .content03 .tra_box .w01{
    width: 100%;
}
    .location .content03 .tra_box .w01 .picw01 div{
    margin: 0px 0 15px;
}
    .location .content03 .tra_box .w01 .picw01 img{
    height: 80px;
}
}

@media screen and (max-width:479px){
.location .content03 .tra_box .w01 .picw01 .t01{
    font-size: 1rem;
}
}

/*////************오시는길  끝***************/






/* 반응형  css  base pc ---> mobile */
@media all and (max-width:1600px) { 
}

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

}

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

}

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

}

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

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

}

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

}


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

}

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

}