@charset "utf-8";
#main 											{ background:url(/resource/images/main/bg_main.jpg) no-repeat 50% 100svh / auto; padding-bottom:3em; overflow:hidden }
#main *											{ box-sizing:border-box;}


/* 타이틀 */
.eng_tit										{ display:flex; font-size:1.19em; font-weight:300; color:#fff; line-height:1.2; letter-spacing:.025em }
h3												{ display:flex; line-height:1.2; font-size:2.81em; margin-top:.44em; font-family:var(--font-jalnan); color:#fff; font-weight:normal  }
.sub_tit										{ display:flex; flex-wrap:wrap; font-size:1.56em; margin-top:1em; font-weight:500; color:#fff; line-height:1.36; }
.sub_tit>strong									{ font-weight:bold; background: linear-gradient(90deg, #0dccff 1%, #4760ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.sub_tit.block									{ display:block; }

/* tab */
.control_main_tab .conts_tab					{ display:none; }
.control_main_tab .conts_tab.active				{ display:flex; position:relative; }


@media all and (max-width:1568px) {
    /* 타이틀 */
    h3											{ font-size:2.71em; }
    .sub_tit									{ font-size:1.46em; }
}
@media all and (max-width:1368px) {
    /* 타이틀 */
    h3											{ font-size:2.61em; }
    .sub_tit									{ font-size:1.36em; }
}
@media all and (max-width:1168px) {
    /* 타이틀 */
    h3											{ font-size:2.4em; }
    .sub_tit									{ font-size:1.26em; }
}

@media all and (max-width:968px) {
    /* 타이틀 */
    .eng_tit									{ font-size:1.1em; }
    h3											{ font-size:2.2em; line-height:1.4;  }
    .sub_tit									{ font-size:1.2em; }
}
@media all and (max-width:668px) {
    /* 타이틀 */
    .eng_tit									{ font-size:1.067em; }
    h3											{ font-size:2em; }
}
@media all and (max-width:468px) {
    /* 타이틀 */
    h3											{ font-size:1.8em; }
}
@media all and (max-width:368px) {
    /* 타이틀 */
    .eng_tit									{ font-size:1.03em; }
    h3											{ font-size:1.6em; }
    .sub_tit									{ font-size:1.167em; }
}




/**********************************************************************

 								비주얼 

**********************************************************************/
.visual												{ position:relative; }
.visual .mySwiper									{ z-index:inherit; }
.visual .text										{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:4; color:var(--color-white); line-height:1; display:flex; flex-flow:column; align-items:flex-start;}
.visual .text .name									{ font-size:2.5em; font-weight:200 }
.visual .text strong								{ font-size:3.44em; margin-top:.5em;  font-weight:bold; font-family:var(--font-jalnan); line-height:1.3; font-weight:normal }
.visual .text .eng									{ font-size:1.63em; margin-top:1.5em; font-weight:100; opacity:.64; letter-spacing:.025em; line-height:1.2 }
.visual .text .btn									{ position:relative; display:flex; font-size:1.06em; padding:10px 10px 10px 30px; margin-top:4.71em; gap:0 50px;align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.5);
    border-radius:3rem;  }
.visual .text .btn>span								{ position:relative; z-index:2; }
.visual .text .btn::after							{ display:flex; width:50px; height:50px; background:url(/resource/images/main/icon_link.svg) no-repeat 50% 50% / 13px ; content:''; z-index:2 }
.visual .text .btn::before							{ position:absolute; width:50px; height:50px; top:10px; right:10px; border-radius:100%; background:var(--color-point); content:''; transition:all ease .3s }
.visual .text .btn:hover::before					{ width:calc(100% + 2px); height:calc(100% + 2px); top:-1px; right:-1px; border-radius:3rem; }

.visual .img										{ position:relative; width:100%; height:100svh; overflow:hidden; min-height:600px; }
.visual .img img									{ position:absolute; top:50%; left:50%; min-width:calc(100% + 1px); min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; z-index:1}
.visual .swiper_page											{ position:absolute; width:100%; max-width:1600px; left:50% !important; bottom:40px !important; z-index:4; display:flex; gap:0 12px; transform:translateX(-50%) }
.visual .swiper_page>span										{ flex:0 1 auto; }
.visual .swiper_page .swiper-pagination-bullet					{ position:relative; width:100%; height:21px; background-color:transparent; border-radius:0; opacity:1; font-size:.94em; font-weight:300; color:var(--color-white); opacity:.3;
    font-family:var(--font-suite); line-height:1; margin:0!important }
.visual .swiper_page .swiper-pagination-bullet::before			{ position:absolute; width:100%; height:1px; left:0; bottom:0; background:var(--color-white); content:''; }
.visual .swiper_page .swiper-pagination-bullet::after			{ position:absolute; width:0; height:1px; left:0; bottom:0; background:var(--color-white); content:''; transition:all ease 1s  }
.visual .swiper_page .swiper-pagination-bullet-active			{ font-weight:900; opacity:1; }
.visual .swiper_page .swiper-pagination-bullet-active::before	{ opacity:.3; }
.visual .swiper_page .swiper-pagination-bullet.swiper-pagination-bullet-active::after	{ width:100%; }



.visual .left_scroll_wrap									{ position:absolute; display:flex; flex-flow:column; align-items:center;  justify-content:center; gap:20px; left:2%; bottom:0; z-index:3; }
.visual .left_scroll_wrap .left_scroll_img					{ writing-mode:vertical-lr; font-size:11px; color:rgba(255,255,255,.64); font-weight:100; text-transform:uppercase; letter-spacing:.025em;  margin-left:-2px }
.visual .left_scroll_wrap .left_scroll						{ position:relative; width:1px; height:clamp(40px, 5vw, 100px); background:rgba(255,255,255,.2);}
.visual .left_scroll_wrap .left_scroll::before				{ position:absolute; width:7px; height:7px; background:var(--color-white); border-radius:100%; left:calc(50% - 3.5px); top:0; content:''; animation:scroll 2.7s ease-in-out infinite forwards;}

@keyframes scroll {
    0% { top:0; opacity:1 }
    100% { top:100%; opacity:0}
}

@media all and (max-width:1768px) {
    .visual .text .name												{ font-size:2.4em; }
    .visual .text strong											{ font-size:3.34em; }
    .visual .text .eng												{ font-size:1.53em; }
    .visual .swiper_page											{ width:94%!important; }
}
@media all and (max-width:1668px) {
    .visual .text .name												{ font-size:2.3em; }
    .visual .text strong											{ font-size:3.24em; }
    .visual .text .eng												{ font-size:1.43em; }
    .visual .text .btn												{ font-size:1.03em; padding:7px 7px 7px 27px; }
    .visual .text .btn::before										{ width:45px; height:45px; top:7px; right:7px; }
    .visual .text .btn::after										{ width:45px; height:45px; background-size:11px; }
    .visual .left_scroll_wrap										{ left:1%; }
    .visual .swiper_page											{ gap:10px; }
}
@media all and (max-width:1568px) {
    .visual .text .name												{ font-size:2.1em; }
    .visual .text strong											{ font-size:3.04em; }
    .visual .text .eng												{ font-size:1.23em; }
    .visual .text .btn												{ margin-top:4.25em; }
}
@media all and (max-width:1468px) {
    .visual .text .name												{ font-size:1.9em; }
    .visual .text strong											{ font-size:2.84em; }
    .visual .text .eng												{ font-size:1.2em; }
    .visual .text .btn												{ margin-top:4em; }
    .visual .text .btn												{ font-size:.95rem; padding:5px 5px 5px 25px; }
    .visual .text .btn::before										{ width:40px; height:40px; top:5px; right:5px; }
    .visual .text .btn::after										{ width:40px; height:40px; background-size:9px; }

    .visual .left_scroll_wrap										{ gap:10px; }
    .visual .left_scroll_wrap .left_scroll_img						{ font-size:10.5px; }
    .visual .left_scroll_wrap .left_scroll							{ height:clamp(40px, 4vw, 100px); }
}
@media all and (max-width:1368px) {
    .visual .text .name												{ font-size:1.7em; }
    .visual .text strong											{ font-size:2.64em; }
    .visual .text .eng												{ font-size:1.167em; margin-top:1.25em }
    .visual .text .btn												{ margin-top:3em; }
    .visual .swiper_page											{ width:92%!important; bottom:30px !important; }
}
@media all and (max-width:668px) {
    .visual .text .name												{ font-size:1.6em; }
    .visual .text strong											{ font-size:2.54em; }
    .visual .text .eng												{ margin-top:1em }
    .visual .swiper_page											{ width:88%!important; bottom:15px !important; gap:5px; }
}
@media all and (max-width:568px) {
    .visual .text strong											{ font-size:2.34em; }
}
@media all and (max-width:468px) {
    .visual .text .name												{ font-size:1.5em; }
    .visual .text strong											{ font-size:2.44em; }
    .visual .text strong br											{ display:none; }
}
@media all and (max-width:368px) {
    .visual .text strong											{ font-size:2.34em; }
}

/**********************************************************************

 								협회소개 

**********************************************************************/
[data-main="about"]												{ padding:9.38em 0 12.5em 0; --sizeWidth:620px; }
[data-main="about"] .control_main_tab							{ margin-top:3.13em; display:flex; justify-content:space-between; align-items:center  }
[data-main="about"] .tab_menu									{ display:flex; flex-flow:column; flex:0 1 calc(100% - var(--sizeWidth)); max-width:900px; gap:1.13em; }
[data-main="about"] .conts_tab									{ max-width:var(--sizeWidth); }
[data-main="about"] .tab_menu>li								{ display:flex; align-items:center; gap:0 2em; opacity:.64; transition:var(--trans-ani); cursor:pointer}
[data-main="about"] .tab_menu>li button							{ display:flex; width:115px; height:115px; font-size:1.44em; font-weight:bold; color:var(--color-white); border-radius:100%;  align-items:center; justify-content:center; }
[data-main="about"] .tab_menu>li dl								{ display:flex; flex-flow:column; max-width:calc(100% - 115px - 2em); gap:10px; line-height:1.3 }
[data-main="about"] .tab_menu>li .eng							{ font-size:1.88em; font-weight:bold; color:var(--color-white); text-transform:uppercase }
[data-main="about"] .tab_menu>li .txt							{ font-size:1.25em; font-weight:300;  color:var(--color-white);}
[data-main="about"] .tab_menu>li.active							{ opacity:1; }
[data-main="about"] .tab_menu>li.active button					{ background:linear-gradient(90deg, #0dccff 1%, #4760ff 100%); }
[data-main="about"] .conts_tab .thumb							{ position:relative; width:var(--sizeWidth); height:var(--sizeWidth);  }
[data-main="about"] .conts_tab .thumb::before					{ position:absolute; width:calc(100% + 30px); height:calc(100% + 30px); left:50%; top:50%; background:url(/resource/images/main/bg_thumb.svg) no-repeat 50% 50% / 100%; content:'';
    transform:translate(-50%, -50%); animation:degShow 20s linear infinite; z-index:2 }
[data-main="about"] .conts_tab .thumb::after					{ position:absolute; width:100%; height:100%; left:50%; top:50%; background:url(/resource/images/main/bg_thumb.png) no-repeat 50% 50% / contain; content:'';
    transform:translate(-50%, -50%); }
[data-main="about"] .conts_tab .thumb .img						{ position:absolute; width:calc(100% - 65px); height:calc(100% - 65px); left:50%; top:50%; border-radius:100%; overflow:hidden; transform:translate(-50%, -50%); }
[data-main="about"] .conts_tab .thumb .img img					{ position:absolute; width:100%; left:50%; top:50%; transform:translate(-50%, -50%) }
[data-main="about"] .kpex_area									{ margin-top:9.38em; display:flex; flex-wrap:wrap; gap:25px; justify-content:center;}
[data-main="about"] .kpex_area .logo							{ position:relative; }
[data-main="about"] .kpex_area .logo dt							{ display:inline-block; font-size:8.75em; font-family:var(--font-jalnan); background:linear-gradient(90deg, #0dccff 1%, #4760ff 100%); -webkit-background-clip:text;
    -webkit-text-fill-color:transparent; text-transform:uppercase  }
[data-main="about"] .kpex_area .logo dd							{ position:absolute; width:max-content; right:0; top:3.57em; font-size:2.19em; font-weight:300; color:var(--color-white); opacity:.15; text-transform:uppercase; line-height:1.1;
    letter-spacing:.04em}
[data-main="about"] .kpex_area .text							{ display:flex; flex-flow:column; margin-top:1.5em; gap:10px; }
[data-main="about"] .kpex_area .text dt							{ font-size:2.25em; font-weight:bold; color:var(--color-white); }
[data-main="about"] .kpex_area .text dd							{ font-size:1.56em; font-weight:500; color:var(--color-white); line-height:1.4 }

@media all and (max-width:1768px) {
    [data-main="about"]											{ padding:8.38em 0 11.5em 0; --sizeWidth:580px; }
    [data-main="about"] .tab_menu>li .eng						{ font-size:1.78em;  }
    [data-main="about"] .tab_menu>li .txt						{ font-size:1.2em; }
    [data-main="about"] .tab_menu>li button 					{ width:105px; height:105px; font-size:1.34em; }
    [data-main="about"] .kpex_area								{ margin-top:8.38em; }
    [data-main="about"] .kpex_area .logo dt						{ font-size:8.5em; }
    [data-main="about"] .kpex_area .logo dd						{ top:3.47em; font-size:2.19em; }
    [data-main="about"] .kpex_area .text dt						{ font-size:2.2em; }
    [data-main="about"] .kpex_area .text dd						{ font-size:1.46em; }
}
@media all and (max-width:1668px) {
    [data-main="about"]											{ padding:7.38em 0 10.5em 0; --sizeWidth:540px; }
    [data-main="about"] .tab_menu>li .eng						{ font-size:1.68em;  }
    [data-main="about"] .tab_menu>li .txt						{ font-size:1.167em; }
    [data-main="about"] .tab_menu>li button						{ width:100px; height:100px; font-size:1.3em; }
    [data-main="about"] .conts_tab .thumb::before				{ width:calc(100% + 25px); height:calc(100% + 25px);}
    [data-main="about"] .kpex_area								{ margin-top:7.38em; }
    [data-main="about"] .kpex_area .logo dt						{ font-size:8em; }
    [data-main="about"] .kpex_area .logo dd						{ top:3.65em; font-size:2em; }
    [data-main="about"] .kpex_area .text dt						{ font-size:2.1em; }
    [data-main="about"] .kpex_area .text dd						{ font-size:1.36em; }
}
@media all and (max-width:1468px) {
    [data-main="about"]											{ padding:6.38em 0 9.5em 0; --sizeWidth:500px; }
    [data-main="about"] .tab_menu>li .eng						{ font-size:1.58em;  }
    [data-main="about"] .tab_menu>li .txt						{ font-size:1.067em; }
    [data-main="about"] .tab_menu>li button						{ width:95px; height:95px; font-size:1.267em; }
    [data-main="about"] .kpex_area								{ margin-top:6.38em; }
    [data-main="about"] .kpex_area .logo dt						{ font-size:7em; }
    [data-main="about"] .kpex_area .logo dd						{ font-size:1.73em; }
    [data-main="about"] .kpex_area .text dt						{ font-size:2em; line-height:1.2}
    [data-main="about"] .kpex_area .text dd						{ font-size:1.26em; }
}
@media all and (max-width:1368px) {
    [data-main="about"]											{ padding:5.38em 0 6.5em 0; --sizeWidth:430px; }
    [data-main="about"] .tab_menu>li .eng						{ font-size:1.48em;  }
    [data-main="about"] .tab_menu>li .txt						{ font-size:1.03em; }
    [data-main="about"] .tab_menu>li button 					{ width:90px; height:90px; font-size:1.267em; }
    [data-main="about"] .conts_tab .thumb::before				{ width:calc(100% + 20px); height:calc(100% + 20px);}
    [data-main="about"] .kpex_area								{ margin-top:5.38em; }
    [data-main="about"] .kpex_area .logo dt						{ font-size:6.5em; }
    [data-main="about"] .kpex_area .logo dd						{ font-size:1.63em; }
    [data-main="about"] .kpex_area .text dt						{ font-size:1.95em; }
    [data-main="about"] .kpex_area .text dd						{ font-size:1.1em; }
}
@media all and (max-width:1268px) {
    [data-main="about"]											{ --sizeWidth:400px; padding:5.38em 0 6em 0;}
}
@media all and (max-width:1168px) {
    [data-main="about"]											{ --sizeWidth:500px; padding:5.38em 0 5.5em 0;}
    [data-main="about"] .control_main_tab						{ flex-wrap:wrap; padding-top:2em; border-top:1px solid rgba(255,255,255,.2); }
    [data-main="about"] .tab_menu								{ max-width:inherit; flex:0 1 100%; width:100%; flex-flow:row wrap; position:relative; gap:0 1em; padding-bottom:7em; align-items:flex-start; }
    [data-main="about"] .tab_menu>li							{ width:calc((100% - 3em) / 4); }
    [data-main="about"] .tab_menu>li button						{ width:100%; border-radius:50px; height:65px; }
    [data-main="about"] .tab_menu>li dl							{ position:absolute; width:100%; max-width:inherit; left:0; bottom:0; opacity:0; transition:var(--trans-ani); text-align:center}
    [data-main="about"] .tab_menu>li .eng						{ font-size:2.2em; }
    [data-main="about"] .tab_menu>li .txt						{ font-size:1.25em; }
    [data-main="about"] .tab_menu>li.active dl					{ opacity:1;}
    [data-main="about"] .conts_tab								{ max-width:inherit; width:100%; margin-top:3em; justify-content:center }
    [data-main="about"] .conts_tab .thumb::before				{ width:calc(100% + 25px); height:calc(100% + 25px);}
    [data-main="about"] .kpex_area								{ margin-top:3em; }
    [data-main="about"] .kpex_area .logo,
    [data-main="about"] .kpex_area .text						{ width:100%; display:flex; flex-flow:column; gap:.5em; align-items:center;  }
    [data-main="about"] .kpex_area .text						{ order:1; }
    [data-main="about"] .kpex_area .logo						{ order:2; }
    [data-main="about"] .kpex_area .logo dt						{ font-size:10em; line-height:1.2 }
    [data-main="about"] .kpex_area .logo dd						{ font-size:1.5em; position:initial; margin-top:-1.25em; text-align:center; width:100%; }
    [data-main="about"] .kpex_area .logo dd br					{ display:none; }
    [data-main="about"] .kpex_area .text dt						{ font-size:2.2em; }
    [data-main="about"] .kpex_area .text dd						{ font-size:1.25em; text-align:center; }
    [data-main="about"] .kpex_area .text dd	br					{ display:none; }
}
@media all and (max-width:968px) {
    [data-main="about"]											{ padding:4.38em 0 5em 0; }
    [data-main="about"] .tab_menu>li button						{ height:55px; }
}
@media all and (max-width:768px) {
    [data-main="about"]											{ --sizeWidth:460px; }
    [data-main="about"] .tab_menu								{ padding-bottom:8em; }
    [data-main="about"] .kpex_area .text dt						{ font-size:2em; }
    [data-main="about"] .kpex_area .text dd						{ font-size:1.167em; }
    [data-main="about"] .kpex_area .logo dt						{ font-size:8em; }
    [data-main="about"] .kpex_area .logo dd						{ font-size:1.3em; }
}
@media all and (max-width:568px) {
    [data-main="about"]											{ --sizeWidth:400px;  padding:4em 0 4.5em 0;}
    [data-main="about"] .tab_menu>li button						{ height:50px; }
    [data-main="about"] .tab_menu>li .eng						{ font-size:2em }
    [data-main="about"] .conts_tab .thumb::before				{ width:calc(100% + 20px); height:calc(100% + 20px);}
    [data-main="about"] .kpex_area								{ margin-top:2em; }
    [data-main="about"] .kpex_area .text dt						{ font-size:1.7em; }
    [data-main="about"] .kpex_area .logo dt						{ font-size:7em; }
    [data-main="about"] .kpex_area .logo dd						{ font-size:1.267em; }
}
@media all and (max-width:468px) {
    [data-main="about"]											{ --sizeWidth:320px; }
    [data-main="about"] .control_main_tab						{ margin-top:2em; padding-top:1.5em }
    [data-main="about"] .tab_menu>li button						{ height:45px; font-size:1.167em }
    [data-main="about"] .tab_menu>li .eng						{ font-size:1.8em }
    [data-main="about"] .tab_menu>li .txt						{ font-size:1.2em; }
    [data-main="about"] .conts_tab .thumb::before				{ width:calc(100% + 15px); height:calc(100% + 15px);}
    [data-main="about"] .conts_tab .thumb .img					{ width:calc(100% - 45px); height:calc(100% - 45px); }
    [data-main="about"] .kpex_area								{ margin-top:1.5em; }
    [data-main="about"] .kpex_area .text dt						{ font-size:1.6em; }
    [data-main="about"] .kpex_area .logo dt						{ font-size:6em; }
    [data-main="about"] .kpex_area .logo dd						{ font-size:1.167em; margin-top:-.75em }
}
@media all and (max-width:368px) {
    [data-main="about"]											{ --sizeWidth:260px; padding-bottom:3em }
    [data-main="about"] .tab_menu>li button						{ height:42px; }
    [data-main="about"] .tab_menu>li .eng						{ font-size:1.6em }
    [data-main="about"] .tab_menu>li .txt						{ font-size:1.167em; }
    [data-main="about"] .conts_tab								{ margin-top:2em; }
    [data-main="about"] .conts_tab .thumb::before				{ width:calc(100% + 13.5px); height:calc(100% + 13.5px);}
    [data-main="about"] .conts_tab .thumb .img					{ width:calc(100% - 35px); height:calc(100% - 35px); }
    [data-main="about"] .kpex_area								{ margin-top:1.25em; }
    [data-main="about"] .kpex_area .text dt						{ font-size:1.5em; }
    [data-main="about"] .kpex_area .logo dd						{ font-size:1.1em; }
    [data-main="about"] .kpex_area .logo dt						{ font-size:5em; }
    [data-main="about"] .kpex_area .logo dd						{ font-size:1.067em; margin-top:-.5em }
}
@media all and (max-width:320px) {
    [data-main="about"]											{ --sizeWidth:240px; }
    [data-main="about"] .conts_tab .thumb::before				{ width:calc(100% + 11.5px); height:calc(100% + 11.5px);}
}

@keyframes degShow{
    0% {
        transform:translate(-50%, -50%) rotate(0deg);
        -ms-transform:translate(-50%, -50%) rotate(0deg);
        -webkit-transform:translate(-50%, -50%) rotate(0deg);
        -o-transform:translate(-50%, -50%) rotate(0deg);
        -moz-transform:translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform:translate(-50%, -50%) rotate(360deg);
        -ms-transform:translate(-50%, -50%) rotate(360deg);
        -webkit-transform:translate(-50%, -50%) rotate(360deg);
        -o-transform:translate(-50%, -50%) rotate(360deg);
        -moz-transform:translate(-50%, -50%) rotate(360deg);
    }
}

/**********************************************************************

 								목표 

**********************************************************************/
[data-main="vision"] .flex									{ display:flex; justify-content:space-between;  }
[data-main="vision"] .flex h3								{ background:linear-gradient(90deg, #0dccff 1%, #4760ff 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
[data-main="vision"] .flex h3,
[data-main="vision"] .flex .sub_tit							{ margin-top:0; }
[data-main="vision"] .icon_list								{ margin-top:6.25em; display:flex; flex-wrap:wrap; gap:1em 14rem; }
[data-main="vision"] .icon_list>li							{ width:calc((100% - 28rem) / 3); position:relative; border-radius:15px; padding:clamp(3em, 5vw, 5em) 2em; background:rgba(255,255,255,.1); backdrop-filter:blur(10px);
    box-sizing:border-box; transition:var(--trans-ani); border:1px solid rgba(255,255,255,.2); transition:all ease 0.4s; }
[data-main="vision"] .icon_list>li:hover					{ background:linear-gradient(90deg, #0dccff 1%, #4760ff 100%);  }
[data-main="vision"] .icon_list>li+li::before				{ position:absolute; left:-14rem; top:50%; color:var(--color-white); font-weight:400; transform:translateY(-50%); width:14rem; text-align:center; font-size:600% }
[data-main="vision"] .icon_list>li::after					{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; border:1px solid rgba(255,255,255,.15); border-radius:15px; opacity:0 }
[data-main="vision"] .icon_list>li:hover::after				{ opacity:1; transition:all ease 0.8s; }
[data-main="vision"] .icon_list>li:nth-child(2)::before		{ content:'+'; }
[data-main="vision"] .icon_list>li:nth-child(3)::before		{ content:'='; }
[data-main="vision"] .icon_list>li dl						{ display:flex; flex-flow:column; justify-content:center; align-items:center; gap:1em; line-height:1; color:var(--color-white) }
[data-main="vision"] .icon_list>li dl>dt					{ font-size:clamp(4em, 6vw, 5em); font-weight:800 }
[data-main="vision"] .icon_list>li dl>dd					{ font-size:clamp(1.5em, 4vw, 2em); font-weight:400; }
[data-main="vision"] .icon_list>li .icon					{ display:flex; position:relative; margin-top:clamp(3em, 6vw, 5em); height:clamp(55px, 6vw, 80px); }
[data-main="vision"] .icon_list>li .icon::before			{ position:absolute; width:100%; height:100%; content:''; background-position:center; background-repeat:no-repeat; background-size:auto 100%; filter:invert(1) }
[data-main="vision"] .icon_list>li .icon1::before			{ background-image:url(/resource/images/main/icon_vision01.svg); }
[data-main="vision"] .icon_list>li .icon2::before			{ background-image:url(/resource/images/main/icon_vision02.svg); }
[data-main="vision"] .icon_list>li .icon3::before			{ background-image:url(/resource/images/main/icon_vision03.svg); }
[data-main="vision"] .icon_list>li:hover dl,
[data-main="vision"] .icon_list>li:hover .icon				{ animation:iconShow 0.7s ease-in-out 1 forwards;  }

@media all and (max-width:1768px){
    [data-main="vision"] .icon_list									{ gap:1em 7rem; margin-top:5.25em }
    [data-main="vision"] .icon_list>li								{ width:calc((100% - 14rem) / 3); }
    [data-main="vision"] .icon_list>li+li::before					{ left:-7rem; width:7rem; font-size:500% }
}
@media all and (max-width:1468px){
    [data-main="vision"] .flex										{ gap:1em; }
    [data-main="vision"] .flex h3									{ min-width:8em; }
    [data-main="vision"] .flex .sub_tit br							{ display:none; }
    [data-main="vision"] .icon_list									{ margin-top:4.25em }
}
@media all and (max-width:1168px){
    [data-main="vision"] .icon_list									{ gap:1em 6rem; margin-top:3.25em }
    [data-main="vision"] .icon_list>li								{ width:calc((100% - 12rem) / 3); }
    [data-main="vision"] .icon_list>li+li::before					{ left:-6rem; width:6rem; font-size:400% }
}
@media all and (max-width:968px){
    [data-main="vision"] .icon_list									{ gap:1em 4rem; margin-top:3em}
    [data-main="vision"] .icon_list>li								{ width:calc((100% - 8rem) / 3); }
    [data-main="vision"] .icon_list>li+li::before					{ left:-4rem; width:4rem; }
}
@media all and (max-width:868px){
    [data-main="vision"] .icon_list									{ gap:1em 4rem; }
    [data-main="vision"] .icon_list>li+li::before					{ left:-4rem; width:4rem; }
    [data-main="vision"] .icon_list>li								{ width:calc((100% - 4rem) / 2); }
    [data-main="vision"] .icon_list>li:nth-child(3)					{ width:100%; margin-top:4rem; }
    [data-main="vision"] .icon_list>li:nth-child(3)::before			{ top:-4rem; width:100%; height:3rem; left:50%; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; writing-mode: vertical-lr;}
    [data-main="vision"] .icon_list>li dl>dt						{ font-size:clamp(3.5em, 6vw, 5em) }
}
@media all and (max-width:768px){
    [data-main="vision"] .flex										{ flex-flow:column; }
}
@media all and (max-width:668px){
    [data-main="vision"] .text br									{ display:none; }
}
@media all and (max-width:468px){
    [data-main="vision"] .icon_list									{ gap:3rem; margin-top:2.5em}
    [data-main="vision"] .icon_list>li								{ width:100%; }
    [data-main="vision"] .icon_list>li:nth-child(2)::before			{ top:-4rem; width:100%; height:4rem; left:50%; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; }
    [data-main="vision"] .icon_list>li:nth-child(3)					{ margin-top:0; }
    [data-main="vision"] .icon_list>li dl>dt						{ font-size:clamp(3.2em, 6vw, 5em) }
    [data-main="vision"] .icon_list>li:nth-child(3)::before			{ top:-3rem; font-size:350% }
}



/**********************************************************************

 								조직도 

**********************************************************************/
[data-main="organization"]										{ padding:9.38em 0; }
[data-main="organization"] .org_list							{ display:flex; flex-flow:column; justify-content:center; align-items:center;}
[data-main="organization"] .org_list>li							{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:0 6.25rem;}
[data-main="organization"] .org_list>li+li						{ position:relative; margin-top:20px; }
[data-main="organization"] .org_list>li.mt50					{ margin-top:50px; }
[data-main="organization"] .org_list>li.col03 span+span::before		{ position:absolute; width:6.25rem; height:1px; content:''; left:-6.3rem; top:50%; transform:translateY(-50%); background:var(--color-white) }
[data-main="organization"] .org_list>li+li::before				{ position:absolute; width:1px; height:20px; left:calc(50% - .5px); content:''; background:var(--color-white); top:-20px; }
[data-main="organization"] .org_list>li.mt50::before			{ height:50px; top:-50px; }
[data-main="organization"] .org_list>li.ceo strong				{ position:relative; display:flex; width:5.71em; height:5.71em; font-size:2.19em; font-weight:bold; color:var(--color-white); border-radius:100%; align-items:center; justify-content:center;
    background:linear-gradient(90deg, #0dccff 1%, #4760ff 100%);  font-family:var(--font-jalnan); font-weight:normal}
[data-main="organization"] .org_list>li.ceo strong::before		{ position:absolute; width:11px; height:11px; background:var(--color-white); left:50%; bottom:-5.5px; content:''; border-radius:100%; transform:translateX(-50%);}
[data-main="organization"] .org_list>li span					{ position:relative; display:flex; align-items:center; justify-content:center; height:3.64em; min-width:300px; border-radius:15px; border:1px solid rgba(255,255,255,.1);
    background:rgba(255,255,255,.15); backdrop-filter:blur(10px); font-size:1.38em; font-weight:500; color:var(--color-white); }
[data-main="organization"] .org_list>li.last					{ position:relative; padding-top:50px; }
[data-main="organization"] .org_list>li.last::after				{ position:absolute; width:calc(100% - 300px); left:50%; height:1px; content:''; background:var(--color-white); top:0px; transform:translateX(-50%);}
[data-main="organization"] .org_list>li.last span				{ background:var(--color-point); border-color:var(--color-point) }
[data-main="organization"] .org_list>li.last span::before		{ position:absolute; width:1px; height:50px; background:var(--color-white); content:''; left:calc(50% - .5px); top:-50px; }
[data-main="organization"] .org_list>li.last span::after		{ position:absolute; width:11px; height:11px; background:var(--color-white); content:''; left:calc(50% - 5.5px); top:-5.5px; border-radius:100%; }
[data-main="organization"] .org_list>li.last::before			{ height:181px; }
@media all and (max-width:1768px) {
    [data-main="organization"]										{ padding:8.38em 0; }
    [data-main="organization"] .org_list>li.ceo strong				{ font-size:2.09em; }
    [data-main="organization"] .org_list>li span					{ font-size:1.28em; }
}
@media all and (max-width:1668px) {
    [data-main="organization"]										{ padding:7.38em 0; }
    [data-main="organization"] .org_list>li.ceo strong				{ font-size:1.99em; }
    [data-main="organization"] .org_list>li span					{ font-size:1.267em; }
}
@media all and (max-width:1468px) {
    [data-main="organization"]										{ padding:6.38em 0; }
}
@media all and (max-width:1368px) {
    [data-main="organization"]										{ padding:5.38em 0; }
    [data-main="organization"] .org_list>li.ceo strong				{ font-size:1.89em; }
    [data-main="organization"] .org_list>li span					{ font-size:1.2em; }
    [data-main="organization"] .org_list>li.mt50					{ margin-top:40px; }
    [data-main="organization"] .org_list>li.mt50::before			{ height:40px; top:-40px; }
    [data-main="organization"] .org_list>li.last					{ padding-top:40px; }
    [data-main="organization"] .org_list>li.last span::before		{ height:40px; top:-40px; }
	[data-main="organization"] .org_list>li.last::before			{ height:181px; }

}
@media all and (max-width:1268px) {
	[data-main="organization"] .org_list>li							{ gap:0 2.25rem }
	[data-main="organization"] .org_list>li.col03 span+span::before	{ width:2.25rem; left:-2.3rem; }
	[data-main="organization"] .org_list>li.col03 span				{ min-width:200px; }
}
@media all and (max-width:1024px) {
    [data-main="organization"] .org_list>li+li						{ margin-top:15px; }
    [data-main="organization"] .org_list>li+li::before				{ height:15px; top:-15px; }
    [data-main="organization"] .org_list>li.mt50					{ margin-top:30px; }
    [data-main="organization"] .org_list>li.mt50::before			{ height:30px; top:-30px; }
    [data-main="organization"] .org_list>li span					{ min-width:250px; }
    [data-main="organization"] .org_list>li.last					{ padding-top:30px; }
    [data-main="organization"] .org_list>li.last span::before		{ height:30px; top:-30px; }
    [data-main="organization"] .org_list>li.last::after				{ width:calc(100% - 250px); }
    [data-main="organization"] .org_list>li.ceo strong::before		{ width:9px; height:9px; bottom:-4.5px; }
    [data-main="organization"] .org_list>li.last span::after		{ width:9px; height:9px; top:-4.5px; }
	[data-main="organization"] .org_list>li.last::before			{ height:140px; }
	[data-main="organization"] .org_list>li.col03 span				{ min-width:150px; }

}
@media all and (max-width:968px) {
    [data-main="organization"]										{ padding:4.38em 0; }
}
@media all and (max-width:868px) {

    [data-main="organization"] .org_list>li.ceo strong				{ font-size:1.79em; }
    [data-main="organization"] .org_list>li span					{ min-width:200px; height:3.34em;}
    [data-main="organization"] .org_list>li.last::after				{ width:calc(100% - 200px); }
}
@media all and (max-width:568px) {
    [data-main="organization"]										{ padding:4em 0; }
    [data-main="organization"] .org_list>li.ceo strong				{ font-size:1.69em; }
    [data-main="organization"] .org_list>li span					{ min-width:180px; height:3.24em; border-radius:10px; }
    [data-main="organization"] .org_list>li.last::after				{ width:calc(100% - 180px); }
	
	[data-main="organization"] .org_list>li.col03					{ gap:0 1.5rem }
	[data-main="organization"] .org_list>li.col03 span+span::before	{ width:1.5rem; left:-1.55rem; }
	[data-main="organization"] .org_list>li.col03 span				{ min-width:100px; }
}
@media all and (max-width:468px) {
    [data-main="organization"] .org_list>li							{ gap:0 1.5em; }
    [data-main="organization"] .org_list>li:nth-child(2)::after		{ width:1.5em; }
    [data-main="organization"] .org_list>li.ceo strong				{ font-size:1.59em; }
    [data-main="organization"] .org_list>li span					{ min-width:160px; }
    [data-main="organization"] .org_list>li.last::after				{ width:calc(100% - 160px); }
	
	[data-main="organization"] .org_list>li.col03					{ gap:0 1rem }
	[data-main="organization"] .org_list>li.col03 span+span::before	{ width:1rem; left:-1.05rem; }
	[data-main="organization"] .org_list>li.col03 span				{ min-width:90px; }
}
@media all and (max-width:368px) {
    [data-main="organization"] .org_list>li span					{ min-width:120px; }
    [data-main="organization"] .org_list>li.last::after				{ width:calc(100% - 120px); }
	
	[data-main="organization"] .org_list>li.col03					{ gap:0 .75rem }
	[data-main="organization"] .org_list>li.col03 span+span::before	{ width:.75rem; left:-.8rem; }
	[data-main="organization"] .org_list>li.col03 span				{ min-width:70px; }
}												



/**********************************************************************

 								비전 

**********************************************************************/
[data-main="new_vision"]										{ padding:9.38em 0; margin-bottom:9.38em;  border-top:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2);  }
[data-main="new_vision"] .flex									{ display:flex; justify-content:space-between;  }
[data-main="new_vision"] .flex h3								{ background:linear-gradient(90deg, #0dccff 1%, #4760ff 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-size:6em; text-transform:uppercase }
[data-main="new_vision"] .flex h3,
[data-main="new_vision"] .flex .sub_tit							{ margin-top:0; }
[data-main="new_vision"] .mt3em									{ margin-top:3em; font-size:1.36em; font-weight:300 }
[data-main="new_vision"] .list									{ margin-top:4.25em; display:flex; flex-wrap:wrap; width:94%; margin-left:auto; margin-right:auto }
[data-main="new_vision"] .list>li								{ position:relative; width:calc(100% / 3); border:1px solid rgba(255,255,255,.3); border-radius:100%; height:0; padding-top:calc(100% / 3); 
																		transform:scale(.8); transition:all ease 0.4s;}
[data-main="new_vision"] .list>li>p								{ position:absolute; width:100%; height:100%; display:flex; flex-flow:column; color:var(--color-white); left:0; top:0; justify-content:center; align-items:center; gap:2.5em; 
																	padding:0 5em; text-align:center }
[data-main="new_vision"] .list>li strong						{ font-size:1.55em; line-height:1.3; }
[data-main="new_vision"] .list>li .icon							{ width:84px; height:84px; position:relative; }
[data-main="new_vision"] .list>li .icon::before					{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-size:auto 100%; background-position:50%; background-repeat:no-repeat; }
[data-main="new_vision"] .list>li .icon1::before				{ background-image:url(/resource/images/main/icon_new_vision01.svg); }
[data-main="new_vision"] .list>li .icon2::before				{ background-image:url(/resource/images/main/icon_new_vision02.svg); }
[data-main="new_vision"] .list>li .icon3::before				{ background-image:url(/resource/images/main/icon_new_vision03.svg); }
[data-main="new_vision"] .list>li:nth-child(2) .icon			{ order:2; }
[data-main="new_vision"] .list>li:hover							{ transform:scale(1); }
[data-main="new_vision"] .list>li:hover::before					{ position:absolute; width:calc(100% + 30px); height:calc(100% + 30px); left:50%; top:50%; background:url(/resource/images/main/bg_thumb.svg) no-repeat 50% 50% / 100%; 
																	content:''; transform:translate(-50%, -50%); animation:degShow 20s linear infinite; z-index:2 }


@media all and (max-width:1768px){
	[data-main="new_vision"]									{ padding:8.38em 0; margin-bottom:8.38em; }
	[data-main="new_vision"] .flex h3							{ font-size:5.5em; }

}
@media all and (max-width:1668px){
	[data-main="new_vision"]									{ padding:7.38em 0; margin-bottom:7.38em; }
	[data-main="new_vision"] .flex h3							{ font-size:5em; }
	[data-main="new_vision"] .list>li:hover::before				{ width:calc(100% + 25px); height:calc(100% + 25px);  }

}
@media all and (max-width:1568px){
	[data-main="new_vision"] .flex h3							{ font-size:4.5em; }
	[data-main="new_vision"] .mt3em								{ margin-top:2.5em; font-size:1.26em; }
	[data-main="new_vision"] .list>li>p							{ padding:0 3em; }
	[data-main="new_vision"] .list>li strong					{ font-size:1.45em; }

}
@media all and (max-width:1468px){
	[data-main="new_vision"]									{ padding:6.38em 0; margin-bottom:6.38em; }
	[data-main="new_vision"] .flex h3							{ font-size:4em; }
    [data-main="new_vision"] .list								{ margin-top:3em }
	[data-main="new_vision"] .mt3em								{ margin-top:2em; font-size:1.167em; }
	[data-main="new_vision"] .list>li strong					{ font-size:1.35em; }
	[data-main="new_vision"] .list>li .icon						{ width:74px; height:74px; }
	[data-main="new_vision"] .list>li:hover::before				{ width:calc(100% + 22.5px); height:calc(100% + 22.5px);  }
}
@media all and (max-width:1368px){
	[data-main="new_vision"]									{ padding:5.38em 0; margin-bottom:5.38em; }
	[data-main="new_vision"] .flex								{ flex-flow:column; gap:1.5em }
	[data-main="new_vision"] .flex h3							{ font-size:3.8em; }
	[data-main="new_vision"] .flex .sub_tit br					{ display:none; }
	[data-main="new_vision"] .list>li							{ transform:scale(.9); }
}
@media all and (max-width:1268px){
	[data-main="new_vision"] .list								{ width:100%; }
	[data-main="new_vision"] .list>li strong					{ font-size:1.3em; }
}
@media all and (max-width:1168px){
	[data-main="new_vision"] .flex h3							{ font-size:3.5em; }
	[data-main="new_vision"] .list>li							{ transform:inherit; width:calc((100% + 50px) / 3); padding-top:calc((100% + 50px) / 3) }
	[data-main="new_vision"] .list>li+li						{ margin-left:-25px; }
	[data-main="new_vision"] .list>li:hover::before				{ width:calc(100% + 20.5px); height:calc(100% + 20.5px);  }
	[data-main="new_vision"] .list>li strong					{ font-size:1.2em; }
	[data-main="new_vision"] .list>li .icon						{ width:64px; height:64px; }
	[data-main="new_vision"] .mt3em								{ font-size:1.1em; }
}
@media all and (max-width:968px){
	[data-main="new_vision"]									{ padding:4.38em 0; margin-bottom:4.38em; }
	[data-main="new_vision"] .flex h3							{ font-size:3.3em; }
	[data-main="new_vision"] .list>li:hover::before				{ width:calc(100% + 16.5px); height:calc(100% + 16.5px);  }
	[data-main="new_vision"] .list>li>p							{ gap:1.5em }
	[data-main="new_vision"] .list>li .icon						{ width:54px; height:54px; }
}
@media all and (max-width:868px){
	[data-main="new_vision"] .flex h3							{ font-size:3.2em; }
    [data-main="new_vision"] .list>li:hover::before				{ width:calc(100% + 14.5px); height:calc(100% + 14.5px);  }	
}
@media all and (max-width:768px){
	[data-main="new_vision"] .flex h3							{ font-size:3em; }
	[data-main="new_vision"] .list								{ gap:20px; }
    [data-main="new_vision"] .list>li							{ transform:inherit; width:100%; padding-top:0; height:inherit; border-radius:6em; padding:1em; background:rgba(255, 255, 255, .1); backdrop-filter: blur(10px); 
																	border:1px solid rgba(255,255,255,.2)}
	[data-main="new_vision"] .list>li+li						{ margin-left:0; }
	[data-main="new_vision"] .list>li>p							{ position:initial; flex-flow:row wrap; justify-content:flex-start; padding:0}
	[data-main="new_vision"] .list>li:nth-child(2) .icon		{ order:revert; }
	[data-main="new_vision"] .list>li .icon						{ background:linear-gradient(90deg, #0dccff 1%, #4760ff 100%); border-radius:100%; width:94px; height:94px; }
	[data-main="new_vision"] .list>li .icon::before				{ background-size: auto 50%; }
	[data-main="new_vision"] .list>li:hover::before				{ display:none; }
}
@media all and (max-width:568px){
	[data-main="new_vision"] .flex h3							{ font-size:2.7em; }
	[data-main="new_vision"] .mt3em br							{ display:none; }
	[data-main="new_vision"] .list>li							{ padding:.5em; }
	[data-main="new_vision"] .list>li .icon						{ width:74px; height:74px; }
	[data-main="new_vision"] .list>li strong					{ max-width:calc(100% - 74px - 2em); text-align:left;}
}
@media all and (max-width:468px){
	[data-main="new_vision"] .flex h3							{ font-size:2.5em; }
	[data-main="new_vision"] .list>li strong					{ font-size:1.167em; }
}
@media all and (max-width:368px){
	[data-main="new_vision"]									{ padding:3em 0; margin-bottom:3em; }
	[data-main="new_vision"] .flex h3							{ font-size:2.25em; }
	[data-main="new_vision"] .list>li>p							{ gao:1em; }
	[data-main="new_vision"] .list>li strong					{ font-size:1.067em; }
	[data-main="new_vision"] .list>li .icon						{ width:64px; height:64px; }
	[data-main="new_vision"] .list>li strong					{ max-width:calc(100% - 64px - 1.5em); }
}