:root {
  --white: #fff;
  --dark: #333333;
  --gray: #555555;
  --point: #0045C9;
  --blue : #007AFF;
  --navy : #0045C9;
  --red: #DC3545;
  --line : #E3E3E3;
  --bg:#F5F6FB;
}

@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans:400');


/*****************************************
Base
*****************************************/
* {padding: 0;margin: 0;}
body {line-height: 1.2;color: var(--dark);font-weight: 400;font-size: 16px;font-family: 'Pretendard';}
::-moz-selection {background: #000;color: #fff;}
::selection {background: #000;color: #fff;}
a {-webkit-transition: .3s all ease;-o-transition: .3s all ease;transition: .3s all ease; }a:hover {text-decoration: none;}
.h1, .h2, .h3, .h4, .h5, .h6, p,
h1, h2, h3, h4, h5, h6 {margin-bottom: 0; }
.dl, ol, ul, li {margin: 0;padding: 0;list-style-type: none;}
.d-flex {display: flex;align-items: center;justify-content: space-around;}
.d-flex-between {display: flex;align-items: center;justify-content: space-between;}
.gap-4 {gap: 4px;}   .gap-8 {gap: 8px;}     .gap-12 {gap: 12px;}    .gap-24 {gap: 24px;}     .gap-32 {gap: 32px;}
.btn {outline: none;}   
.btn:hover {color: inherit;}


/*****************************************
공통
*****************************************/
.tBlue {color: var(--blue);}
.tNavy {color: var(--navy);}
.tWhite {color: var(--white) !important;}
.tGray {color: var(--gray); }



.d-flex {display: flex;align-items: center;}
.flex1 {flex: 1;}    .flex2 {flex: 2;}    .flex3 {flex: 3;}    .flex4 {flex: 4;}    .flex5 {flex: 5;}
.flex-col {display: flex;flex-direction: column;}


/*****************************************
PRELOADING
*****************************************/
#overlayer {width: 100%;height: 100%;position: fixed;z-index: 7100;background: #fff;top: 0;left: 0;right: 0;bottom: 0; }
.loader {z-index: 7700;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); }


/*****************************************
sticky-wrapper
*****************************************/
.sticky-wrapper {position: absolute;z-index: 100;width: 100%;}
.sticky-wrapper + .site-blocks-cover {margin-top: 96px;}
.sticky-wrapper .site-menu-toggle {color: var(--dark);}
.site-menu-toggle .icon-menu {font-size: 2rem;color: #fff;}
.sticky-wrapper.is-sticky .site-menu-toggle .icon-menu {color: var(--dark); }


.site-navbar .site-logo a {background: url(../images/logo_light.svg);display: inline-flex;width: 102px;height: 56px;background-size: 100%;background-repeat: no-repeat;}
.sticky-wrapper .site-navbar .site-menu > li {display: none;position: relative;}
.sticky-wrapper .site-navbar .site-menu > li .site-menu-sub {position: absolute;display: flex;flex-direction: column;width: 132px;background: #fff;text-align: center;top: 32px;left: 50%;transform: translate(-50%, 0);border-radius: 4px;padding: 8px 0;font-size: 16px;font-weight: 500; opacity: 0; visibility: hidden; transition: .25s ease;box-shadow: 2px 3px 12px 0px #00000035;}
.sticky-wrapper .site-navbar .site-menu > li.active .site-menu-sub {display: block;}
.sticky-wrapper .site-navbar .site-menu > li.active > .site-menu-sub {opacity: 1;visibility: visible;transform: translate(-50%, 10px);border-radius: 4px;}
.sticky-wrapper .site-navbar .site-menu > li.active .site-menu-sub li {padding: 0 8px;}
.sticky-wrapper .site-navbar .site-menu > li.active .site-menu-sub li a {display: block;justify-content: center;width: 100%;font-weight: 500;padding: 12px 0;color: var(--dark);border-radius: 4px;}
.sticky-wrapper .site-navbar .site-menu li.active .site-menu-sub li a:hover {font-weight: 600;background: #eaeaea;}


@media (max-width: 991.98px) {
  body {font-size: 14px;}
.sticky-wrapper .site-menu-toggle {color: #fff; } }
.sticky-wrapper .site-navbar {-webkit-transition: .3s all ease;-o-transition: .3s all ease;transition: .3s all ease; }
.sticky-wrapper .site-navbar .site-menu > li {display: inline-block; }
.sticky-wrapper .site-navbar .site-menu > li > a {position: relative; font-weight: 500; color: #fff;padding: 0.5rem 1.5rem;}
.sticky-wrapper .site-navbar .site-menu > li > a:after {height: 2px;background: #fff;content: "";position: absolute;bottom: 0;left: 20px;right: 20px;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: .3s all ease;-o-transition: .3s all ease;transition: .3s all ease; }

.sticky-wrapper .site-navbar .site-menu > li > a:hover, .sticky-wrapper .site-navbar .site-menu > li > a.active {
color: #fff;position: relative;}
.sticky-wrapper .site-navbar .site-menu > li > a:hover:after,
.sticky-wrapper .site-navbar .site-menu > li > a.active:after {
-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1); }

.sticky-wrapper.is-sticky .site-menu-toggle {color: #000; }
.sticky-wrapper.is-sticky .site-navbar {-webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);
background: #fff;}
.sticky-wrapper.is-sticky .site-navbar .site-logo {display: flex;align-items: center;}
.sticky-wrapper.is-sticky .site-navbar .site-logo a {background: url(../images/logo_dark.svg);display: inline-flex;width: 102px;height: 54px;background-size: 100%;background-repeat: no-repeat;}

.sticky-wrapper.is-sticky .site-navbar .site-menu > li {}
.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a {position: relative;color: #000; }
.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a:after {height: 2px;background: #352961;content: "";position: absolute;bottom: 0;left: 20px;right: 20px;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: .3s all ease;-o-transition: .3s all ease;transition: .3s all ease;}
.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a:hover,
.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a.active {color: #352961;position: relative;}
.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a:hover:after,
.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a.active:after {
-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1); }
.sticky-wrapper .shrink {padding-top: 10px !important;padding-bottom: 10px !important; }

.site-wrap:before {-webkit-transition: .3s all ease-in-out;-o-transition: .3s all ease-in-out;transition: .3s all ease-in-out;background: rgba(0, 0, 0, 0.6);content: "";position: absolute;z-index: 2000;top: 0;left: 0px;right: 0px;bottom: 0px;opacity: 0;visibility: hidden;}
.offcanvas-menu .site-wrap {height: 100%;width: 100%;z-index: 2;overflow: hidden; }.offcanvas-menu .site-wrap:before {opacity: 1;visibility: visible;}
.offcanvas-menu {position: relative; }.offcanvas-menu:after {position: absolute;content: "";top: 0;left: 0;top: 0;right: 0;z-index: 21;background: rgba(0, 0, 0, 0.2);}


/*****************************************
.site-mobile-menu
 *****************************************/
.site-mobile-menu {width: 300px;position: fixed;right: 0;z-index: 2000;background: #fff;height: calc(100vh);-webkit-transform: translateX(110%);-ms-transform: translateX(110%);transform: translateX(110%);-webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);-webkit-transition: .3s all ease-in-out;-o-transition: .3s all ease-in-out;transition: .3s all ease-in-out; }
.offcanvas-menu .site-mobile-menu {-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%); }
.site-mobile-menu .site-mobile-menu-header {width: 100%;float: left;padding-left: 20px;padding-right: 20px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {float: right;margin-top: 8px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {font-size: 30px;display: inline-block;padding-left: 10px;padding-right: 0px;line-height: 1;cursor: pointer;-webkit-transition: .3s all ease;-o-transition: .3s all ease;transition: .3s all ease; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
color: #dee2e6; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {float: left;margin-top: 10px;margin-left: 0px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {display: inline-block;text-transform: uppercase; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {max-width: 70px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {text-decoration: none; }
.site-mobile-menu .site-mobile-menu-body {overflow-y: scroll;-webkit-overflow-scrolling: touch;position: relative;padding: 0 20px 20px 20px;height: 100%;}
.site-mobile-menu .site-nav-wrap {padding: 0;margin: 0;list-style: none;position: relative; }
.site-mobile-menu .site-nav-wrap a {padding: 10px 20px;display: block;position: relative;color: #212529; }
.site-mobile-menu .site-nav-wrap a:hover {color: #352961; }
.site-mobile-menu .site-nav-wrap li {position: relative;
display: block; }

.site-mobile-menu .site-nav-wrap li .active {color: #fff; font-weight: 700;
    background: #00194A;}
.site-mobile-menu .site-nav-wrap .arrow-collapse {position: absolute;right: 0px;top: 10px;z-index: 20;width: 36px;height: 36px;text-align: center;cursor: pointer;border-radius: 50%; }
.site-mobile-menu .site-nav-wrap .arrow-collapse:hover {background: #f8f9fa; }
.site-mobile-menu .site-nav-wrap .arrow-collapse:before {font-size: 12px;z-index: 20;font-family: "icomoon";content: "\f078";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(-180deg);-ms-transform: translate(-50%, -50%) rotate(-180deg);transform: translate(-50%, -50%) rotate(-180deg);-webkit-transition: .3s all ease;-o-transition: .3s all ease;transition: .3s all ease; }
.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); }

.site-mobile-menu .site-nav-wrap > li {display: block;position: relative;float: left;width: 100%; margin-bottom: 8px;}
.site-mobile-menu .site-nav-wrap > li > a {     padding-left: 20px;font-size: 16px;background: #f5f6fb;border-radius: 4px;color: var(--dark);font-weight: 600;border: 1px solid #eaeaea;}
.site-mobile-menu .site-nav-wrap > li > ul {    padding: 0;    margin: 0;    list-style: none;}
.site-mobile-menu .site-nav-wrap > li > ul > li {display: block;margin-bottom: 4px;}

.site-mobile-menu .site-nav-wrap > li > ul > li > a {    padding-left: 40px;    font-size: 15px;    padding: 8px 20px;}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul {padding: 0;margin: 0; }
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {display: block; }
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {font-size: 16px;padding-left: 60px; }
.site-mobile-menu .site-nav-wrap[data-class="social"] {float: left;width: 100%;margin-top: 30px;padding-bottom: 5em; }
.site-mobile-menu .site-nav-wrap[data-class="social"] > li {width: auto; }
.site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a {padding-left: 15px !important; }


/* lang-dropdown */
.lang-dropdown {position: relative;list-style: none;}
.lang-dropdown .lang-btn {display: flex;gap: 4px;align-items: center;color: var(--white);background: none;border: 0;cursor: pointer;font-size: 14px;border: 1px solid #eaeaea;border-radius: 32px;}
.lang-dropdown .lang-btn .lanquage-icon {background: url(../images/language_white.svg); width: 24px; height: 24px;}

.lang-menu {position: absolute;top: 42px;right: 0;min-width: 110px;background: #fff;border: 1px solid #eee;padding: 6px 0;opacity: 0;visibility: hidden;transform: translateY(10px);transition: .25s ease;z-index: 999;border-radius: 4px;}
.sticky-wrapper.is-sticky .lang-btn {color: var(--dark);}
.sticky-wrapper.is-sticky .lang-btn .lanquage-icon {background: url(../images/language.svg); width: 24px; height: 24px;}


/* open 상태 */
.lang-dropdown.active .lang-menu {opacity: 1;visibility: visible;transform: translateY(0);}
.lang-menu li {list-style: none;text-align: center;}
.lang-menu a {display: block;padding: 8px 14px;text-decoration: none;color: #333;font-size: 14px;}
.lang-menu a:hover {background: #f5f5f5;}


.container {max-width: 1420px;padding: 100px 32px;}
.container.pt-0 {padding-top: 0;}


/* min-height */
@media (min-width: 1600px) { }


/***********************************************
gsap 이미지 작게 크게 
***********************************************/
.gsapbox { height: 70vh; overflow: hidden;position: relative;}
.gsapbox img {width: 100%;object-fit: cover;height: 100%;}
.gsapbox > .text {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: white;text-align: center;width: 100%;padding: 0 20px;}
.gsapbox > .text h4 {font-family: 'Black Han Sans', sans-serif;font-size: 1.6rem;margin-bottom: 4px;}
.gsapbox > .text h3 {font-size: 2.1rem;margin-bottom: 4px;word-break: keep-all;}
.gsapbox > .text img {width: 9rem; margin-bottom: 12px;}
.gsapbox > .text .mlogo {display: none;}



/***********************************************
인사말
***********************************************/
.sub-title {color: var(--dark, #333);font-family: Pretendard;font-size: 2rem;font-style: normal;font-weight: 700;line-height: 46px;margin-bottom: 12px;}
.sub-title.tc {text-align: center;}

.kim-box-wrap {background-color: var(--bg) ;}
.kim-box-wrap .container {padding: 0;}
.kim-box {margin-top: 0;display: flex;justify-content: space-between;}
.kim-box .text {padding: 120px 80px;background: var(--white);}
.kim-box.kim-eng .text {padding: 80px ;}

.kim-box .text ul li {text-align: left;margin: 16px 0 0 0;line-height: 22px;font-size: 16px;}
.kim-box .img-box {padding-top: 120px;padding-left: 100px;background: url('../images/eokkyung_kim_bg.png');background-size: 100%;background-repeat: no-repeat;}

.kim-box .img-box .img-tit1 {font-size: 16px;color: var(--dark);font-weight: 500;margin-bottom: 4px;}
.kim-box .img-box .img-tit2 {font-size: 36px;font-weight: 700;position: relative;display: inline-block;}
.kim-box .img-box .img-tit2 > img {position: absolute;width: 150px;right: -130px; bottom: -8px;}
.kim-box .img-box .img {text-align: right;max-width: 380px;background: url(../images/eokkyung_kim.png);height: 408px;background-size: 100%;background-position: bottom right;background-repeat: no-repeat;margin: 0 auto;}
.kim-box .img-box .img img {width: 100%;height: auto;}


.gsapbox-linear {text-align: center;background: linear-gradient(to right, #fff 20%, #ff0 40%, #ff0 60%, #fff 80%);background-size: 200% auto;color: #000;background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-animation: shine 3s linear infinite;animation: shine 3s linear infinite; font-weight: 800;}
@-webkit-keyframes shine {
  to {
    background-position: 200% center;
  }
}
@keyframes shine {
  to {
    background-position: 200% center;
  }
}


.history-certificate {}
.history-certificate .container {display: flex;gap: 60px;width: 100%;}

/***********************************************
IEC 이력
***********************************************/
.history {width: 100%;flex: 2;}
.history .history-box {display: flex;align-items: start;border-radius: 8px;background: #F5F6FB;padding: 16px;margin-bottom: 12px;}
.history .history-box:last-child {margin-bottom: 0;}
.history .history-box .history-beadge {color: var(--blue, #007AFF);text-align: center;font-size: 1.1rem;font-style: normal;font-weight: 700;background: #E8EBFA;padding: 2px 20px;border-radius: 20px;height: 30px;line-height: 26px;margin-right: 12px;}
.history .history-box .history-item {display: flex;min-height: 30px;align-items: center;}
.history .history-box .history-item .num {min-width: 40px;font-size: 16px;font-weight: 700;padding: 4px 0;height: 100%;align-self: flex-start;}
.history .history-box .history-item .num.start {align-self: flex-start;}
.history .history-box .history-item span {font-size: 15px;}
.history .history-box .history-item .stit {font-size: 15px;}
.history .history-box .history-item .subtit {padding: 4px 0;line-height: 126%;font-size: 15px;}
.align-start {align-self: flex-start;}


/***********************************************
인증서
***********************************************/
.certificate {width: 100%;flex: 1;width: 100%;}
.certificate-swiper {border-top: 2px solid #ddd;overflow: hidden;}
.certificate-name {padding: 24px 16px 0 16px;text-align: center;width: 100%;font-weight: 700;font-size: 24px;margin-bottom: 12px;}
.certificate-slide {max-width: 766px;}

.certificate-slide .owl-item {display: inline-flex;align-items: center;justify-content: center;padding: 16px;}
.certificate-slide .owl-item .img {border: 1px solid var(--line);border-radius: 8px;}
.certificate-slide .owl-item .img img {max-width: 360px;text-align: center;}



/*********************************************
 슬라이드 네비 공통 
 *********************************************/
.custom-owl-nav {display: flex;gap: 8px;align-items: center;justify-content: center;}
.custom-owl-nav > div {background: #35296140 ;padding: 4px;border-radius: 50px;width: 36px;height: 36px;display: inline-flex;align-items: center;justify-content: center;color: #fff;margin-top: 8px;}
.custom-owl-nav .owl-prev,
.custom-owl-nav .owl-next {font-size: 24px;cursor: pointer;}



/***********************************************
창립멤버
***********************************************/
.member {}

.member .sub-title {    max-width: 1420px;margin: 60px auto 20px;text-align: left;padding: 0 20px;}
.member .member-text {font-size: 2rem;text-align: center;align-items: center;color: var(--dark);line-height: 136%; max-width: 1420px;margin: 0 auto;padding: 40px 0;font-weight: 400;padding: 0 20px 20px 20px;word-break: keep-all;}
.member .member-text strong {}
.member .member-img {padding: 100px 32px 60px 32px;background: #00194A url(../images/member1.png);height: 640px;background-repeat: no-repeat;background-attachment: fixed;background-position: center;overflow: hidden;background-size: cover;}

.js-marquee-wrapper {	will-change: transform;}
.member-list {overflow: hidden;display: flex;flex-direction: column;padding: 32px 32px 120px 32px;}
.member-list .member-item.marquee-left {margin-bottom: 16px;display: flex;}
.member-list .member-item .js-marquee {display: flex; gap: 32px;}

.member-item-box {text-align: center;padding: 12px;flex: 0 0 auto; width: 190px;}
.member-item-box .img {margin-bottom: 16px;}
.member-item-box .name {color: var(--navy);text-align: center;font-size: 15px;font-weight: 700;line-height: 20px;margin-bottom: 4px;}
.member-item-box .description {color: var(--gray);text-align: center;font-size: 13px;font-weight: 500;line-height: 18px;margin-bottom: 4px;}
.member-item-box .country {color: var(--dark);text-align: center;font-size: 13px;font-weight: 600;line-height: 20px;}




/***********************************************
조직도
***********************************************/
.organization {background: var(--bg);}
.organization .img-box {text-align: center;}
.organization .img-box img {max-width: 100%;}
.organization .img-box.mobile {display: none;}



/***********************************************
미션
***********************************************/
.mission-wrap {}
.mission-icon {margin: 0 auto;background: url(../images/mission_icon1.png);background-position: center center;background-repeat: no-repeat;background-size: 100%;max-width: 1000px;width: 100%;height: 600px;}
.en_mission-icon {margin: 0 auto;background: url(../images/en_mission_icon1.png);background-position: center center;background-repeat: no-repeat;background-size: 100%;max-width: 1000px;width: 100%;height: 600px;}
.mission {display: flex;gap: 32px;}
.mission-box .img img {max-width: 100%;border-radius: 8px;overflow: hidden;}
.mission-box .img.img1 {}
.mission-box .img.img2 {}
.mission-box .img.img3 {}
.mission-box .tit {color: var(--dark);font-size: 1.4rem;font-weight: 700;line-height: 26px;margin: 24px 0 8px 0;}
.circle-box {}
.circle-box li {position: relative;padding-left: 12px;color: var(--gray);font-size: 1.1rem;font-weight: 600;line-height: 20px;margin: 12px 0;}
.circle-box li::before {position: absolute;left: 2px;top: 6px;;width: 5px;height: 5px;border-radius: 6px;background: var(--navy);content:'';display: inline-block;}
.circle-box li:last-child {margin-bottom: 0;}
.mt4 {margin-top: 4px !important;}


/***********************************************
주요사업
***********************************************/
.business-wrap  {background: var(--bg);}
.business-area {display: flex; gap: 32px;}
.business-area li {flex: 1;height: auto;}
.business-box {text-align: left;background: var(--white);padding: 40px 32px;border-radius: 8px;box-shadow: 5px 6px 20px 0 rgba(0, 0, 0, 0.08);height: 100%;border: 2px solid #fff;}
.business-box .img {margin: 0 auto;max-width: 100%;border-radius: 60px;}
.business-box .img img {width: 100%;border-radius: 8px;}
.business-box .tit1 {color: var(--dark);font-size: 26px;font-weight: 700;margin: 24px 0 8px 0;}

.business-box .tit2-info {margin-top: 12px;}
.business-box .tit2-info .badge {font-size: 14px;background: var(--bg);color: var(--navy);margin-bottom: 2px;}
.business-box .tit2-info .badge:hover {background: #fff;color: var(--navy);}
.business-box .tit2 {color: var(--dark);font-size: 17px;line-height: 24px;font-weight: 600;padding-left: 22px;position: relative;}
.business-box .tit2:before {position: absolute;content:'-';left: 8px;}

.business-box:hover {transition: all 0.25s;box-shadow: 8px 9px 20px 0 rgb(10 59 152 / 16%);}
.business-box:hover .img {box-shadow: 8px 9px 20px 0 rgba(0, 0, 0, 0.08);}
.icon {vertical-align: sub;font-size: 20px;}


/***********************************************
주요활동
***********************************************/
.activities {}
.activities-list { display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 32px;}

.activities-slide {position: relative;padding-top: 1rem;}
.activities-slide .owl-item {background: var(--bg);border-radius: 8px;}
.owl-carousel .owl-stage {display: flex;}

.activities-item {display: flex;flex-direction: column;border-radius: 8px;overflow: hidden;height: 100%;}
.activities-item .img {display: inline-flex;flex-direction: column;}
.activities-item .img img {}
.activities-item .text-box {height: 100%;}
.activities-item .badge {font-size: 13px;font-weight: 600;line-height: 20px; background: var(--bg); color: var(--navy);border-radius: 4px; padding: 2px 8px;}
.activities-item h3 {color: var(--dark);margin: 16px 0 8px 0;font-size: 24px;font-weight: 700;line-height: 28px;}

.slide-box {position: relative;}
.activities-nav.custom-owl-nav {position: absolute;top: 0;right: 0;}
.activities-nav.custom-owl-nav > div {border: 1px solid #eaeaea;color: var(--dark);width: 50px;height: 50px;background: #f5f5f5;margin: 0;}



/***********************************************
언론보도
***********************************************/
.reports {}
.reports-slide {border: 1px solid var(--line);padding: 20px;border-radius: 8px;}

.reports-box {}
.reports-box .reports-item {margin-bottom: 16px;}
.reports-box .reports-item:last-child {margin-bottom: 0;}
.reports-item {display: flex;background: var(--bg);border-radius: 8px;}
.reports-item .img{max-width:230px;}
.reports-item .img img {border-radius: 8px 0 0 8px;border:1px solid #eaeaea;}
.reports-item .text-box {padding: 16px 16px;position: relative;width: 100%;display: flex;flex-direction: column;align-items: self-start;}
.reports-item .badge {color: var(--navy);font-size: 13px;font-weight: 600;line-height: 20px;background: #fff;border-radius: 4px;padding: 2px 8px;border: 1px solid var(--navy);}
.reports-item a.text {color: var(--dark);font-size: 18px;font-weight: 500;line-height: 20px;margin-top: 8px;}
.reports-item .data {font-size: 13px;margin-top: auto;}
.reports-item .arrow-btn {background: #35296140 url('../images/arrow_outward.png');display: inline-block;width: 50px;height: 50px;background-repeat: no-repeat;border-radius: 50px;background-position: center center;border: 6px solid #fff;position: absolute;right: -4px;bottom: -4px;}

.reports-nav.custom-owl-nav {position: absolute;top: 0;right: 0;}
.reports-nav.custom-owl-nav > div {border: 1px solid #eaeaea;color: var(--dark);width: 50px;height: 50px;background: #f5f5f5;margin: 0;}



/***********************************************
IEC 아카데미
***********************************************/
.academy {background: var(--bg);}
.box-title {display: flex;align-items: center;justify-content: flex-start;gap: 4px;font-size: 20px; font-weight: 600;color: var(--navy);margin-bottom: 16px;}
.box-title img {width: 24px;height: 24px;}
.box-stitle {color: var(--dark);font-size: 16px;font-weight: 500;line-height: 22px;margin-top: 8px;margin-left: 28px;margin-bottom: 16px;}

.academy-img1 {border-radius: 8px;border: 1px solid var(--line);background: #fff;padding: 32px;margin-bottom: 32px;display: flex;gap: 32px;}
.academy-img1 img {width: 100%;}
.academy-img2 {display: flex;gap: 16px;margin-bottom: 8px;}
.academy-img2 img {width: 100%;border: 1px solid var(--line);background: #fff;border-radius: 8px;}



/***********************************************
Contact Us
***********************************************/
.contact {background: #0E1725;}
.contact .container {padding: 200px 32px;}

.contactus-box {display: flex;align-items: center;justify-content: center;gap: 32px;flex-direction: column;}
.contactus-box img {}
.contactus-text {}
.contactus-text li {display: flex;align-items: center;margin: 12px 0;gap: 8px;}
.contactus-text li .badge {border-radius: 60px;background: #313843;color: #FFF;font-size: 18px;font-style: normal;font-weight: 500;display: flex;align-items: center;justify-content: center;height: 44px;padding: 0 16px;width: 120px;flex: none;}
.contactus-text li .text {color: #FFF;font-size: 22px;font-style: normal;font-weight: 500;line-height: 140%;word-break: keep-all;}



@media (max-width: 1200px) {
  html, body {font-size: 14px;}  
  .history-certificate .container {flex-direction: column;}

  .certificate .certificate-slide {margin: 0 auto;}

  .kim-box {gap: 0;}
  .kim-box .text {padding: 80px 40px;}
  .kim-box.kim-eng .text {padding: 60px 32px;}
  .kim-box .img-box .img {height: 448px;}
  .kim-box .img-box {padding: 80px 0 0 40px;}

  .business-area {flex-direction: column;}
  .business-box {display: flex;align-items: center;justify-content: center;}  
  .business-box .img {flex: none;margin: 0;margin-right: 30px;flex: 1;}
  .business-box .text-box {text-align: left;flex: 1;}
  .business-area li:nth-child(2) .text-box {min-height: auto;}

  .mission-box .circle-box li {margin: 8px 0;}
}


@media (max-width: 1024px) {
  html, body {font-size: 14px;}
  .kim-box .text {padding: 40px;}

  .history-certificate .container {flex-direction: column;}

  .mission .mission-box {}
  .mission-box .tit {font-size: 22px;}    
}


@media (max-width: 998px) {
  .mission {display: grid;grid-template-columns: 1fr 1fr;}
  .mission-box .circle-box li {font-size: 14px;}

  .member {padding-left: 0;padding-right: 0;}
  .member .member-img  {background-size: cover;}

  .activities-list {gap: 16px;}
  .activities-item .text-box {padding: 0;}
  .activities-item h3 {font-size: 18px;line-height: 24px;}

}


@media (max-width: 768px) {

  html, body {font-size: 13px;}
  .container {padding: 60px 20px;}
  .gsapbox { height: 70vh; }

  /* .text-box { font-size: 32px;} */
  .kim-box-wrap {padding-top: 20px;}
  .kim-box {flex-direction: column;gap: 0;}
  .kim-box .text {flex-direction: column;padding: 40px 24px;border-radius: 8px;}

  .organization .img-box {display: none;}
  .organization .img-box.mobile {display: block;}

  .mission-box-wrap .container .sub-title {text-align: center;}
  .mission {grid-template-columns: 1fr;text-align: center;}
  .mission-icon {height: 400px;}
  .en_mission-icon {height: 400px;}

  .mission-box .tit {max-width: 452px; margin: 16px auto 8px;text-align: left;}
  .mission-box .circle-box {max-width: 452px;margin: 0 auto;text-align: left;}

  .business-wrap .sub-title {text-align: center;}
  .business-area {flex-direction: column;}
  .business-box {flex-direction: column;padding: 32px; margin: 0 auto; width: fit-content;}
  .business-box .img {flex: none;margin: 0;border: 1px solid var(--line);}
  .business-box .text-box {flex: 1;min-height: auto;width: 100%;} 
  .business-box:hover .tit2 .tNavy {background: #fff;color: var(--navy);padding: 2px 8px;border-radius: 10px; height: 20px;line-height: 20px;}

  .member-list {padding: 40px 20px 60px 20px;}

  .activities-list {grid-template-columns: 1fr 1fr;gap: 24px;}
  .activities-item h3 {font-size: 20px;}

  .reports-slide {border: 1px solid transparent;padding: 0;border-radius: 0;} 
  .reports-item a.text {font-size: 15px;}

  .academy-img2 {display: grid;grid-template-columns: 1fr 1fr;}
  .academy-img2 > div {max-width: 280px;}

  .contactus-text li .text {font-size: 18px;}
}


@media (max-width: 576px) {
  html, body {font-size: 13px;}

  .sticky-wrapper.is-sticky .site-navbar .site-logo a {width: 80px;height: 42px;}

  .sub-title {text-align: center;}
  .reports .sub-title {text-align: left;}
  .academy .sub-title {text-align: left;}
  .member .sub-title {text-align: center;}

  .gsapbox {height: 60vh;}
  .gsapbox > .text img {margin-top: 20px;}
  .gsapbox > .text h4 {margin-bottom: 8px;margin-top: 32px;}
  .gsapbox > .text .logo {display: none;}
  .gsapbox > .text .mlogo {display: block;margin: 16px auto 0;}


  .kim-box-wrap {padding: 0;}
  .kim-box-wrap .container {padding: 0;}
  .kim-box .text ul li {font-size: 14px;}
  .kim-box .img-box {padding-top: 60px;padding-left: 20px;overflow: hidden;}
  .kim-box .img-box .img {height: 340px;background-size: 90%;}
  .kim-box.kim-eng .text {padding: 60px 24px;}
  
  /* 영문쪽 */
  .kim-box .img-box .img-tit2 {font-size: 30px;}
  .kim-box .img-box .img-tit2 > img {right: -84px;width: 110px;bottom: -10px;}

  
  .history .history-box {flex-direction: column;gap: 8px;}
  .history .history-box .history-item {margin-top: 8px; min-height: auto; align-items: center;}
  .history .history-box .history-item .num {min-width: 32px;font-size: 14px;padding: 0; min-height: 18px;line-height: 18px;}
  .history .history-box .history-item span,
  .history .history-box .history-item .subtit {font-size: 14px;}
  .history .history-box .history-item .flex-col .subtit:first-child {padding-top: 0px;}
  

  .mission-icon {height: 310px;background-size: 114%;}
  .en_mission-icon {height: 310px;background-size: 105%;}

  .business-box {padding: 16px 16px 24px 16px;}
  .business-box .tit1 {font-size: 22px;margin-top: 16px;}

  .certificate .sub-title {text-align: center;}
  .certificate-name {font-size: 18px; padding: 0;margin: 0;}
  .certificate-slide .owl-item .img img {max-width: 320px;}
  .certificate-swiper {border-top: 0;}


  .member .member-text {padding: 16px;font-size: 22px;}
  .member .member-text br {display: none;}


  .activities-list {grid-template-columns: 1fr;gap: 32x;}
  .activities-item {padding: 16px;background: var(--bg);}
  .activities-item .badge {padding: 0;color: var(--gray);}


  .reports-item .img {max-width: fit-content;}
  .reports-box .reports-item {flex-direction: column;padding: 16px;}
  .reports-item .text-box {padding: 16px 0 0 0;}
  .reports-item .text { margin: 8px 0 24px 0;}
  .reports-item .arrow-btn {right: -22px;bottom: -22px;}
  .reports-item a.text {font-size: 16px;line-height: 22px;}
  .reports-nav.custom-owl-nav > div {width: 40px;height: 40px;}


  .academy-img1 {padding: 16px;gap: 16px;}
  .academy-img1 > div:nth-child(2) {display: none;}
  .academy-img1 > div {max-width: 100%;}
  .box-stitle {margin-left: 0;font-size: 15px;}
  .box-stitle br {display: none;}


  .contact .container {padding: 100px 20px;}
  .contactus-text li .badge {font-size: 14px;padding: 12px 8px;height: auto;width: auto;min-width: 70px;}
  .contactus-text li .text {font-size:14px;}
  .contactus-box img {width: 140px;}
}



@media (max-width: 420px) {
  .mission-icon {
      height: 240px;
      background-size: 105%;
  }
  
  .en_mission-icon {
      height: 240px;
      background-size: 105%;
  }

}