@charset "utf-8";
@import url(reset_en.css);
@import url(Montserrat.css);
@import url(notoSans.css);

:root { 
    /*** LAYOUT ***/
    --content-x-space: 40px;
    --content-width: 1280px;
    --header-height: 100px;
    --dropmenu-height: 60px;
    --sub-visual-height: calc( 280px + var(--header-height) + var(--dropmenu-height) );
    --radius: .5rem;
    
    /*** SYMBOL COLOR ***/
    --green: #A4B319;
    --navy: #0C114A;
    --yellow:  #F9BE2C;
    --magenta: #D6007F;
    --blue:  #4C8DCB;
    --gray: #B2B1B0;
 }

h2 { font-size:2.62rem; }
h3 { font-size: 1.375rem; }
h4 { font-size: 1.125rem; }
h5 { font-size: 1.75rem; font-weight: 700; }
h6 { font-size: 1.5rem; font-weight: 700; }
p { font-size: 1rem; line-height: 1.75em; }
li { font-size: 1rem; line-height: 1.75em; }

#skip { position:absolute; top:0px; z-index:3; width:100%; height:0px; overflow: visible; }
#skip a { display:block; height: 0; font-size:14px; text-align:center; text-indent:-9999px; }
#skip a:focus,
#skip a:active { position:absolute;width:100%; height:30px; background-color:#fbc900; color:#fff; line-height:30px; text-indent:0px; }

header { position: fixed; top: 0; left: 0;z-index: 101; border-bottom: 1px solid var(--mono-08-pale, #eeeeee); width: 100%; height: var(--header-height); background-color: #fff; transition: .2s ease-in-out; }
header h1 { width: 13.4%; height: 100%; }
header h1 a { display:block; height: 100%;  background:url(../images/common/logo.svg) no-repeat center left; background-size:contain;text-indent:-9999px; }
header h1 span { overflow: hidden; color: transparent; font-size: 0; text-indent:-9999px; }
header .gnb { justify-content: center; align-items: center; flex: 1; height: 100%; }
header .gnb > li {position: relative;display: flex;align-items: center; margin: 0 1.75rem; min-width: 8vw; height: 100%; }
header .gnb > li:nth-child(2) { min-width: 10vw; }
header .gnb > li a {position: relative; color: #101010;font-size: 1.125rem;font-weight: 500;line-height: 1.2em; transition:.3s; }
header .gnb > li > .sub_menu { position: absolute; top: var(--header-height); display: none; padding-block: 2rem; width: 100%; }
header .gnb > li > .sub_menu li a {display: block;padding: 0.45rem 0;  width: 90%; font-size: 1rem; font-weight: 500; line-height: 1.5em; text-align: left;  word-break: keep-all; }
header .gnb_sub { display:flex; justify-content:flex-end; align-items: center; }
header .gnb_sub ul { display:flex; align-items: center; }
header .gnb_sub ul > li > a { position: relative;padding: 0 1.75rem;color: #222; font-size: 1.125rem; }
header .social { display: flex; gap: 1.25rem; margin-right: 5rem; }
header .social li a { display: block; }
header .header_right_box { display: flex; }
header .header_right_box .header_sd { position: relative;margin-right: 1rem; width: 10rem; }
header .header_right_box .header_sd1 { width: auto; }
header .header_right_box .header_sd:after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -3px; width: 8px; height: 5px;background:url(../images/dropdown.png) no-repeat ; transition:.5s; }
header .header_right_box .header_sd1:before { content: ''; position: absolute; top: 50%;right: -16px; margin-top: -4px; width: 1px; height: 8px; background-color: #f9f9f9; }
header .header_right_box .header_sd > a {margin: 0 1rem;margin-left: 0;padding-right: 0.3rem;padding-left: 1.5rem;padding-left: 1rem; color: #222;font-size: 0.875rem;font-weight: 700; }
header .header_right_box .header_sd1 > .langL { padding-left: 1.5rem; background:url(../images/lan.png) no-repeat center left; cursor:pointer; }
header .header_right_box .header_sd ul {position: absolute;top: 29px; display:none;padding: 1rem;width: 100%; background: rgba(255,255,255,0.5);text-align: left; }
header .header_right_box .header_sd ul li a { display: block; padding: 0.3rem 0; color: #333; font-size: 0.875rem; line-height: 1.3em; }
header .header_right_box .header_sd .f_site { max-height:19rem; overflow: hidden;overflow-y: auto; }
header .header_right_box .header_btn .button { margin-left: 2.5rem; }
header .header_right_box .header_btn .button { position: relative; z-index: 2; border:none; width: 2rem;height: 1.25rem; }
header .header_right_box .header_btn .button .bar { position: relative; margin-bottom: 6px; width: 2rem; height: 3px; background-color: #222; transition:.3s; }
header .header_right_box .header_btn.open .button .bar1 { top: 10px; transform: rotate(45deg); }
header .header_right_box .header_btn.open .button .bar3 { top: -8px; transform: rotate(-45deg); }
header .header_right_box .header_btn.open .button .bar2 { width: 0; }
header .header_right_box .right_box_inner ul {display: flex;flex-direction: column;justify-content: center;padding: 0 13rem; height: 100%; }
header .header_right_box .right_box_inner ul li a { position: relative; display: inline-block; padding: 1rem 0; color: #444; font-size: 2rem; font-weight: 800;  text-align: left; }
header .header_right_box .right_box_inner.width_auto_right a { opacity: 0; }
header .header_right_box .right_box_inner.width_auto { width: 100%; }
header .header_right_box .right_box_inner.width_auto_right { right: auto; left: 0; width: 0%; }
.header { position: relative; z-index: 3; display: flex; justify-content: space-between;align-items: center; padding: 0 var(--content-x-space);height: 100%; }
.header_btn .right_box_inner { position: absolute; top: 0%;right: 0; z-index: 1; width: 0%; height: 100vh; background:rgba(255,255,255,255.9); overflow: hidden; transition:.5s; }
.header_sd.on:after { transform: rotate(-180deg); }
.sub_bg { position: absolute; top: var(--header-height); z-index: 2; display: none; width: 100%; height: 460px; background-color: #fff; box-shadow: 0 6px 10px rgba(0,0,0, 0.1); }
.gnb_none .gnb { display: none; }
.kr_arko_vision { background: url(../images/ic-enter.png) no-repeat 47% center; }
.kr_arko_History { background: url(../images/ic-enter.png) no-repeat 25% center; }
.kr_arko_Council,
.kr_arko_Organization,
.kr_arko_Visual { background: url(../images/ic-enter.png) no-repeat 34% center; }
.kr_arko_Facilities { background: url(../images/ic-enter.png) no-repeat 43% center; }
.right_box_inner .kr_arko_link { position: relative; }
.right_box_inner .kr_arko_link:before { content:''; position: absolute; top: 50%; right: -30px;margin-top: -8px; width: 16px; height: 16px;background: url(../images/ic-enter.png) no-repeat 20% center; }
body:not(.scroll_down) header { 
    transform: translateY(0); }
body.scroll_down header { 
    box-shadow: 0 0 0;
    transform: translateY(calc(var(--header-height) * -1)); }

footer { position: relative; z-index: 0; background: #fff; }
footer .logo { display: block; }
footer .footer_info { padding-block: 1.625rem; background: var(--navy); color: #fff; }
footer .footer_info .flexy_row { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2rem; }
footer .footer_info ul { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .25rem 1rem; flex: 1; text-align: right; }
footer .footer_info ul li { flex-basis: 15rem; font-size: 0.875rem; font-weight: 600; line-height: 1.75em; }
footer .footer_info span { font: inherit; white-space: nowrap; }
footer .footer_info a { font: inherit; color: #fff; }
footer .footer_info address { display: flex; gap: .25rem .5rem; font: inherit; }
footer .footer_link .flexy_row { flex-wrap: wrap; gap: 1rem; flex: 1; padding-block: 3.125rem; }
footer .footer_link .flexy_row > li { position: relative; flex-basis: 12.5rem; flex-shrink: 0; }
footer .footer_link .flexy_row > li:nth-child(2) { flex-basis: 36%; }
footer .footer_link .flexy_row > li:nth-last-child(1) { margin-left: auto; }
footer .footer_link .flexy_row > li > em { margin-bottom: 1rem; font-size: 1rem; font-weight: 600; line-height: 1.25em; }
footer .footer_link .flexy_row > li > ul { margin-top: 2rem; }
footer .footer_link .flexy_row > li > ul li + li { margin-top: 1rem; }
footer .footer_link .flexy_row > li > ul li a { position: relative; display: block; color: #222; font-size: 0.875rem; line-height: 1.5rem; }
footer .copyright { padding: 1rem var(--content-x-space); border-top:1px solid #eee; font-size: 10px; font-weight: 500; line-height: 1.5rem; letter-spacing: 0; text-align: center; }
.top_button { position: fixed; right: var(--content-x-space); bottom: var(--content-x-space); /*bottom: calc(var(--content-x-space) + 30px + .5rem);*/ z-index: 9999; display: none; border: 2px solid #ddd; width: 2.5rem; height: 2.5rem; background: #fff url(../images/common/ico_btn_top.png) no-repeat 50%; box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.08); text-indent: -9999px; cursor: pointer; }
footer .familysite { position: relative; margin-top: -1.25rem; }
footer .familysite p button { position: relative; display: block; padding: 1.25rem 0; border-bottom: 2px solid #000; width: 280px; background: #fff; color: #000; font-size: 1rem; font-weight: 600; line-height: 1.25rem; text-align: left; text-decoration: none; }
footer .familysite p button:after {content: "";position: absolute;top: 50%;right: .5rem;border-top: 2px solid #444;border-right: 2px solid #444;width: 6px;height: 6px;transform: translateY(-5px) rotate(135deg);transition: .3s ease-in-out; }
footer .familysite ul { position: absolute; top: 100%; left: 0; bottom: auto; display: none; border: 1px solid #ddd; border-top: 0; width: 100%; max-height: 20rem; background: #fff; box-shadow: 0 0 8px rgba(0,0,0, .1); overflow-x: hidden; overflow-y: auto; }
footer .familysite ul li { border-bottom: 1px solid #ddd; }
footer .familysite ul li:last-child {  border-bottom: 0; }
footer .familysite ul li a { display: block; padding: .5rem .75rem; color: #666; font-size: 0.875rem; font-weight: 500; line-height: 1.375rem; letter-spacing: -.03em; text-decoration: none; }
footer .familysite.is_active p button:after { transform: translateY(-2px) rotate(-45deg); transition: .3s ease-in-out; }

/* 구글번역 위젯 - reviews */
.translation_links_review { position: relative; z-index: 99; margin-block: 2rem 1rem; margin-inline: auto; max-width: 46.5rem; transition: .3s .1s ease-in-out; }
.translation_links_review .gt_float_switcher { border-radius: 0; box-shadow: none; line-height: 2.375rem; }
.translation_links_review .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow { transform: rotate(0deg) !important; }
.translation_links_review .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow.gt_arrow_rotate { transform: rotate(-180deg) !important; }
.translation_links_review #gt_float_wrapper .gt_float_switcher .gt_options a { line-height: 1.25rem; }

/* 구글번역 위젯 */
.translation_links { position: fixed; right: var(--content-x-space); bottom: var(--content-x-space); z-index: 100; transition: .3s .1s ease-in-out; }
.translation_links.move { right: calc(var(--content-x-space) + 2.5rem + .5rem); /*calc(var(--content-x-space) + 2.5rem + .5rem)*/ }
#google_translate_element * { font-family: 'Montserrat', 'Spoqa Han Sans'; letter-spacing: -.06em; }
#google_translate_element > div > div { position: relative; /* min-width: 120px; */ display: flex; justify-content: center; align-items: center; gap: .25rem; padding-inline: .5rem; border: 1px solid #ccc; border-radius: 2px; height: 32px; background-color: #fff; transition: .2s; cursor: pointer; }
#google_translate_element > div > div:hover { background-color: #f5f5f5; }
#google_translate_element > div > div a:hover { text-decoration: none; }
#google_translate_element > div > div a span:first-of-type { margin-right: 8px; }
#google_translate_element > div > div a span:nth-of-type(2) { display: inline-block; height: 9px; vertical-align: middle; }
#google_translate_element > div > div a span:last-of-type { font-size: 11px; }
.gtranslate_wrapper {
  position: relative; }
#gt_float_wrapper {
  position: relative !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  bottom: 0 !important; }
#gt_float_wrapper .gt_float_switcher {
  border: 2px solid #ddd;
  width: 100%;
  font-size: .75rem; }
#gt_float_wrapper .gt_float_switcher img {
  display: none; }
#gt_float_wrapper .gt_float_switcher .gt-selected {
  width: 100%;
  text-align: left; }
#gt_float_wrapper:has(.gt_options.gt-open) .gt-selected  {
  background-color: #f4f4f4; }
#gt_float_wrapper .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
  background-size: 9px; }
#gt_float_wrapper .gt_float_switcher .gt-current-lang {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding-block: 0.375rem;
  padding-inline: 1rem;
  transition: all .2s ease-in-out; }
#gt_float_wrapper .gt_float_switcher .gt-current-lang span.gt-lang-code {
  top: unset; }
#gt_float_wrapper .gt_float_switcher .gt_options {
  transition: all .3s ease-in-out; }
#gt_float_wrapper .gt_float_switcher .gt_options a {
  padding-block: 0.625rem;
  color: #222;
  transition: all .2s ease-in-out; }
#gt_float_wrapper .gt_float_switcher .gt_options a.gt-current {
  display: block !important;
  color: #6ba9f0 !important;
  font-weight: 600; }
#gt_float_wrapper .gt_float_switcher .gt_options a:hover,
#gt_float_wrapper .gt_float_switcher .gt_options a.gt-current:hover {
  background: #f8f8f8 !important;
  /* background: var(--navy) !important; */
  color: #000 !important;
  /* color: #fff !important; */ }


.cookies { position: fixed; left: 0; bottom: 0; z-index: 999999;padding: 4rem 0; width: 100%; background: rgba(0,0,0,0.9); }
.cookies div { display: flex;justify-content: space-between; align-items: center; }
.cookies div p {width: 80%; color: #fff;line-height: 1.5em;text-align: left; }
.cookies div p a { display: inline-block;color: #fff;font-weight: 700; vertical-align: top;text-decoration: underline; }
.cookies div .cookies_close {padding: 0 1rem;border: 2px solid #fff; border-radius: 30px;height: 2.5rem; background: none;color: #fff;font-weight: 700;line-height: 2.25rem; }
.hidden { display: none; }

.error_404 .full-page { display:flex;justify-content: center;align-items: center; height: 100vh; }
.error_404 .full-page img { margin-right: 4rem; }
.error_404 .full-page p {color: #393939; font-size: 1.5rem;font-weight: 500; }
.error_404 .full-page p + p {margin-top: 1rem; font-size: 1rem;font-weight: 300;line-height: 1.5em; }
.error_404 .full-page a {display: inline-block;margin-top: 2.5rem;padding: 1rem 2rem; border-radius: 40px;background-color: #f7f7f7; }


/*main*/
.container { margin: 0 auto; width: 100%; max-width: 1280px; }
.main_visual { /*height: 57.5rem; */position: relative; height: 100vh;background-color: #333; overflow: hidden;  text-align: center; }
.main_visual:before { content:''; position: absolute;top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); }
.main_visual video { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: 16/9; object-fit: cover; }
.main_visual .container { position: absolute; top: 80px; left: 50%; z-index: 1; margin-left: -640px; }
.main_visual .caption { position: absolute; right: 0; bottom: 80px; z-index: 1; padding-right: 2rem; padding-left: 2rem; padding-bottom: 1rem; font-size: .875rem; line-height: 1.5em; filter: drop-shadow(0 2px 4px black); }
.main_title {font-weight: 700;line-height: 1.2em;letter-spacing: -2px; text-align: center; }
.mv_txt { padding-top: 10.9rem; color: #fff; text-align: left; }
.mv_txt p { margin-bottom: 1rem; font-size: 1.25rem; font-weight: 700; }
.mv_txt p + p { margin-bottom: 0; font-size:3.5rem; font-weight: 200; letter-spacing: -3px; }
.before_map div { position: absolute; }
@keyframes on_ani { 0% { top: 50%; left: 50%; margin-top: -35px; margin-left: -35px; width: 70px;  height: 70px; }50% { top: 50%;left: 50%; margin-top: -52px; margin-left: -52px; width: 104px; height: 104px; }
100% { top: 50%; left: 50%; margin-top: -35px; margin-left: -35px; width: 70px;  height: 70px; } }
.before_map div span:before {content: ''; position: absolute;  z-index: -1; display: none; border-radius:50%; width: 104px; height: 104px;background: rgba(255, 143, 0, 0.4); animation-name: on_ani; animation-duration: 1s; animation-iteration-count:infinite; }
.map_popup {position: absolute; top: -85px;left: 100px;z-index: 3; display: none;padding: 1rem 1.5rem 2.5rem 1.5rem;width: 376px;background: rgba(251, 205, 55,0.88);color: #fff;text-align: left; }
.wc_120 .map_popup { right: 100px; left: auto; }
.map_popup p {margin-bottom: 0.5rem; text-align: center; }
.map_popup p + p {margin-bottom: 1rem;padding-bottom: 1rem;border-bottom: 1px solid #fff;font-size: 1.25rem; font-weight: 900; }
.map_popup p + p + p {margin-bottom: 1rem;padding-bottom: 0;border-bottom: none;font-size: 1rem; font-weight: 400;line-height: 1.5em;text-align: left; }
.map_popup a {padding: 4px 10px; background: #000;color: #fff;font-weight: 700;text-decoration: underline; cursor:pointer; }
.point .close,
.point2 .close { position: absolute;top:1rem; right: 1.5rem ; width: 18px; height: 18px; background: url(../images/close-btn.png) no-repeat; cursor:pointer; }
.before_map .point span,
.before_map .point2 span { display: block; border:2px solid #fff; border-radius:50%; width: 8px; height: 8px; cursor:pointer; }
.before_map div.dn span { display: none; }
/*.korea_point { position: absolute;left: 292px;top: 177px; }*/
.before_map .point.wc_00 span {border: solid 3px #379dff;border-radius: 50%; width: 11px;height: 11px; }
.before_map.asia_bg .wc_00 .map_popup .moreview { display: none; }
.before_map.asia_bg .wc_00 .map_popup p + p { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.before_map.asia_bg .wc_00 .map_popup p + p + p { margin-bottom: 0; }
/*on*/
.span_on1 .map_popup { display: block; }
.before_map div.span_on1 span {border: 5px solid #fff; width: 16px;height: 16px; background: #ff8f00; }
.before_map div.span_on1 span:before { display: block; }
.before_map { position: absolute; top: 9.6rem;right: 0; z-index: 0; width: 54.5%; height: 28.5rem;background: url(../images/world-normal.png) no-repeat; }
.before_map.north_bg { background:url(../images/mini-namerica_size.png) no-repeat; animation-name: nam_bg;animation-duration: 2s; animation-direction: normal;animation-fill-mode: forwards; }
.before_map.asia_bg { background: url(../images/mini-asia_size.png) no-repeat ; animation-name: asia_bg;animation-duration: 2s;animation-direction: normal;animation-fill-mode: forwards; }
.before_map.europe_bg { height: 400px; background: url(../images/mini-europe_size2.png) no-repeat ; animation-name: europe_Bg;animation-duration: 2s;animation-direction: normal;animation-fill-mode: forwards; }
.before_map.oceania_bg { background: url(../images/mini-oceania_size.png) no-repeat ; animation-name: oceania_bg;animation-duration: 2s;animation-direction: normal;animation-fill-mode: forwards; }
.before_map.pole_bg { background: url(../images/mini-pole.png) no-repeat; }
.before_map.north_bg .wc_20 { animation-name: nam_bg2;animation-duration: 2s;animation-fill-mode: forwards; }
.before_map.north_bg .wc_21 { animation-name: nam_bg3;animation-duration: 2s;animation-fill-mode: forwards; }
/*아시아*/
.before_map.asia_bg .wc_00 { animation-name: asia_bg2;animation-duration: 2s;animation-fill-mode: forwards; }
.before_map.asia_bg .wc_01 { animation-name: asia_bg3;animation-duration: 2s;animation-fill-mode: forwards; }
.before_map.asia_bg .wc_02 { animation-name: asia_bg4;animation-duration: 2s;animation-fill-mode: forwards; }
.before_map.asia_bg .wc_03 { animation-name: asia_bg5;animation-duration: 2s;animation-fill-mode: forwards; }
.before_map.asia_bg .wc_04 { animation-name: asia_bg6;animation-duration: 2s;animation-fill-mode: forwards; }
/*오세아니아*/
.before_map.oceania_bg .wc_30 { animation-name: oceania_Bg2;animation-duration: 2s;animation-fill-mode: forwards; }
/*유럽*/
.before_map.europe_bg .wc_10 { animation-name: europe_Bg2;animation-duration: 2s;animation-fill-mode: forwards; }
.before_map.europe_bg .wc_11 { animation-name: europe_Bg3;animation-duration: 2s;animation-fill-mode: forwards; }
.before_map.europe_bg .wc_120 { animation-name: europe_Bg4;animation-duration: 2s;animation-fill-mode: forwards; }
.before_map.europe_bg .wc_121 { animation-name: europe_Bg4_1;animation-duration: 2s;animation-fill-mode: forwards; }
.before_map.europe_bg .wc_13 { animation-name: europe_Bg5;animation-duration: 2s;animation-fill-mode: forwards; }
.before_map.europe_bg .wc_14 { animation-name: europe_Bg6;animation-duration: 2s;animation-fill-mode: forwards; }
.before_map.europe_bg .wc_15 { animation-name: europe_Bg7;animation-duration: 2s;animation-fill-mode: forwards; }
.before_map.europe_bg .wc_16 { animation-name: europe_Bg8;animation-duration: 2s;animation-fill-mode: forwards; }
.before_map.europe_bg .wc_17 { animation-name: europe_Bg9;animation-duration: 2s;animation-fill-mode: forwards; }
.before_map.europe_bg .wc_18 { animation-name: europe_Bg10;animation-duration: 2s;animation-fill-mode: forwards; }
.before_map.europe_bg .wc_19 { animation-name: europe_Bg11;animation-duration: 2s;animation-fill-mode: forwards; }
.before_map.europe_bg .wc_110 { animation-name: europe_Bg12;animation-duration: 2s;animation-fill-mode: forwards; }
.before_map.europe_bg .wc_111 { animation-name: europe_Bg13;animation-duration: 2s;animation-fill-mode: forwards; }
.before_map.europe_bg .wc_112 { animation-name: europe_Bg14;animation-duration: 2s;animation-fill-mode: forwards; }
.before_map.europe_bg .wc_113 { animation-name: europe_Bg15;animation-duration: 2s;animation-fill-mode: forwards; }

@keyframes nam_bg { from { background-position: 100% 0;background-size:45%; }to {background-position: 0% 0%; background-size: auto;/*background-size:50%;*/ } }
@keyframes nam_bg2 { from { top:168px; left:492px; }to {  top: 190px; left:136px; } }
@keyframes nam_bg3 { from { top: 216px; left:549px; }to { top: 240px; left:182px; } }
/*아시아*/
@keyframes asia_bg { from { background-position: 21.5% 5%;background-size:39%; }to { background-position: 0% 0%;background-size:47.5%; } }
@keyframes asia_bg2 { from { top: 177px; left:293px; } to {top:213px; left: 252px; } }
@keyframes asia_bg3 { from { top: 117px; left:244px; } to { top: 136px; left:193px; } }
@keyframes asia_bg4 { from { top: 149px; left:215px; } to { top: 168px; left:154px; } }
@keyframes asia_bg5 { from { top: 261px; left:243px; }to { top:309px; left:186px; } }
@keyframes asia_bg6 { from { top: 238px; left:192px; }to { top:274px; left:125px; } }
/*오세아니아*/
@keyframes oceania_bg { from { background-position: 47% 82%;background-size:17%; }to { background-position: 0% 20%;background-size:30%; } }
@keyframes oceania_Bg2 { from { top:320px; left:310px; }to { top:130px; left:70px; } }
/*유럽*/
@keyframes europe_Bg { from { background-position:3% 7%;background-size: 40%; }to { background-position: 0% 0%; background-size: 90%; } }
@keyframes europe_Bg2 { from { top: 133px; left:29px; } to { top: 204px; left:29px; } }
@keyframes europe_Bg3 { from { top: 144px; left:61px; } to { top: 225px; left:85px; } }
@keyframes europe_Bg4 { from { top: 134px; left:294px; } to { top: 152px; left:505px; } }
@keyframes europe_Bg4_1 { from { top: 133px; left:95px; } to { top: 183px; left:156px; } }
@keyframes europe_Bg5 { from { top: 136px; left:81px; } to { top:200px; left:127px; } }
@keyframes europe_Bg6 { from { top: 156px; left:63px; } to { top: 248px; left:93px; } }
@keyframes europe_Bg7 { from { top: 116px; left:55px; } to { top:176px; left:74px; } }
@keyframes europe_Bg8 { from { top: 162px; left:27px; } to { top:251px; left:17px; } }
@keyframes europe_Bg9 { from { top: 145px; left:45px; } to { top:224px; left:55px; } }
@keyframes europe_Bg10 { from { top: 110px; left:85px; } to { top:159px; left:123px; } }
@keyframes europe_Bg11 { from { top: 175px; left:63px; } to { top:263px; left:80px; } }
@keyframes europe_Bg12 { from { top: 135px; left:52px; } to { top:211px; left:65px; } }
@keyframes europe_Bg13 { from { top: 149px; left:36px; } to { top:234px; left:36px; } }
@keyframes europe_Bg14 { from { top: 165px; left:64px; } to { top:250px; left:97px; } }
@keyframes europe_Bg15 { from { top: 159px; left:42px; } to { top:245px; left:43px; } }

.ovx_2 { display:flex; width: 100%; }
.click_before_p.dn { bottom: -88px; }
.click_before_p,
.click_before_p.db {position: absolute;bottom: 0;padding: 1.5rem 1rem;width: 100%; background: rgba(249, 190, 44, 0.88);color: #fff; font-size: 1.25rem;text-align: center;transition:.5s; }

.mv_div.db { bottom:0; }
.mv_div { position: absolute; left: 50%; bottom:-23vh; display:flex; margin-left: -640px; width: 100%;max-width: 1280px;  height: 23vh; text-align:left;transition:.5s;/*height: 12.5rem;*/ }
.select_country { position: relative; padding-top: 1.5rem;padding-left: 2rem; padding-bottom: 0.5rem;border-top: 1px solid #fff;border-right: 1px solid rgba(255,255,255,0.4);width: 33.333%; overflow-y: auto; }
.select_country ul li { position: relative; display: none; }
.select_country ul li.tab1_list { display: block; }
.select_country p, .select_residency p, .status  p {margin-bottom: 1rem;color: #fff;font-size: 1.25rem; font-weight: 800; }
.select_residency li:before, li.tab1_list:before { content: ''; position: absolute; top: 11px; left: 0; width: 4px; height: 4px;background-color: #eaeaea; }
.tab1_list li a, .select_residency li a, .status  ul li, .status  ul li a, .select_country ul li a { color: #fff; font-size: 0.875rem; }
.select_country ul li.on a, .select_residency li.on a { color: #fbcd37; font-weight: 700; text-decoration: underline; }
.tab1_list { margin-bottom: 0.5rem;padding-left: 0.75rem; line-height:1.5; }

.select_residency,
.status { padding-top: 1.5rem;padding-left: 2rem;border-top: 1px solid rgba(255,255,255,0.4);border-right: 1px solid rgba(255,255,255,0.4); width: 33.333%; overflow-y:auto; }
.status { border-right: none; }
.select_residency ul li { display: none; }
.select_residency ul .residency_ul { display: block; }
.select_residency ul li { position: relative; margin-bottom: 0.5rem;padding-left: 0.75rem; line-height:1.5; }
.select_residency ul li a { color: #fff; }
 .select_country ul li.tab1_list a,
.select_residency ul li a { position: relative; }
.status.on,
.select_residency.on { display: block; }
.status ul { display: none; }
.mv_div .status ul.status_ul { display: block; }
.status ul li { margin-bottom: 0.7rem; padding-left: 1.68rem; line-height: 1.5em; }
.status ul li:nth-child(1) { background:url(../images/home-2.png) no-repeat 0 3px; }
.status ul li:nth-child(2) { background:url(../images/flag.png) no-repeat 0 3px; }
.status ul li:nth-child(3) { background:url(../images/location.png) no-repeat 0 3px; }
.status ul li:last-child { padding-top: 0;background:url(../images/site.png) no-repeat 0 3px; }
.status ul li a { text-decoration: underline; }
.tab1_list li { width: 100%; }
.on,
.on2 { display: block; }
.select_country.north_point:before { content: ''; position: absolute; top: 3rem; right: 3rem; width: 100px; height: 83px; background: url(../images/namerica.png) no-repeat; }
.select_country.oceania_point:before { content: ''; position: absolute; top: 3rem; right: 3rem; width: 100px; height: 100px; background: url(../images/oceania.png) no-repeat; }
.select_country.asia_point:before { content: ''; position: absolute; top: 3rem; right: 3rem; width: 95px; height: 100px; background: url(../images/asia.png) no-repeat; }
.select_country.europe_point:before { content: ''; position: absolute; top: 3rem; right: 3rem; width: 73px; height: 100px; background: url(../images/europe.png) no-repeat; }
.display_none { display: none; }

.mp_bg_wrap { position: relative; display:flex; align-items:center; width: 100%;height: 67.5rem; background: url(../images/01-big.jpg) no-repeat; background-position: 50% ; background-size: cover; }
.mp_bg_wrap.on0 { background: url(../images/02-big.jpg) no-repeat; background-position: 50% ; background-size: cover; }
.mp_bg_wrap.on1 { background: url(../images/03-big.jpg) no-repeat; background-position: 50% ; background-size: cover; }
.mp_bg_wrap.on2 { background: url(../images/01-big.jpg) no-repeat; background-position: 50% ; background-size: cover; }
.mp_bg_wrap.on3 { background: url(../images/04-big.jpg) no-repeat; background-position: 50% ; background-size: cover; }
.mp_bg_wrap.on4 { background: url(../images/05-big.jpg) no-repeat; background-position: 50% ; background-size: cover; }
.main_program_wrap { position: relative; height: 100%; overflow: hidden; }
.main_program_wrap .main_program { position: relative; z-index: 2; display: flex;justify-content: space-between; align-items:center;  padding: 6.5rem 0 5rem 0; height:100%; }
.main_program_wrap .main_program .program_title { margin-left: 7rem; width: 32%; }
.main_program_wrap .main_program .program_title span { opacity: 0;display: block;margin-bottom: 1rem; color: #fff;font-weight: 700;line-height: 1.25em; }
.main_program_wrap .main_program .program_title h2 {  opacity: 0; color: #fff;font-size: 3.5rem;font-weight: 700;line-height: 1.2em;; letter-spacing: -2px; }
.main_program_wrap .main_program .program_title a { opacity: 0; display: block;margin-top: 2.3rem;border: 1px solid #fff;border-radius: 50%;width: 3.5rem;height: 3.5rem;color: #fff;font-style: italic;font-size: 0.75rem;line-height: 3.5rem;text-align: center;text-decoration: underline; }
.main_program_wrap .main_program .program_list { opacity: 0; width: 72%; height: 100%; }
.main_program_wrap .main_program .program_list .plist_all { display: flex;flex-direction: column;align-items: flex-end; }
.main_program_wrap .main_program .program_list .plist_all .item { opacity: 0.4; display: flex;align-items: center; width: 55%;height: 9rem; }
.main_program_wrap .main_program .program_list .plist_all .item.item_hover { opacity: 0.8; cursor:pointer; }
.main_program_wrap .main_program .program_list .plist_all .item .img > a { display: block;height: 100%; font-size: 	0; text-indent: -9999px; }
.main_program_wrap .main_program .program_list .plist_all .item .img { width: 52.3%; height: 100%; background-position: 50%; background-repeat: no-repeat; background-size: cover !important; box-shadow: 0 6px 6px rgba(0,0,0,0.5); }
.main_program_wrap .main_program .program_list .plist_all .item .plist_txt { position: relative;display: flex;flex-direction: column;justify-content: center; padding-right: 0.5rem; padding-left: 1rem;width: 47.7%;height: 100%; }
.main_program_wrap .main_program .program_list .plist_all .item .plist_txt h3 a { display: block; color: #fff;font-size: 1rem;font-weight: 900;line-height: 1.3em; }
.main_program_wrap .main_program .program_list .plist_all .item.swiper-slide-active .plist_txt h3 a { font-size: 1.125rem; }
.main_program_wrap .main_program .program_list .plist_all .item .plist_txt > .pr_more { position: relative;display: block;margin-top: 1rem;border: 1px solid #fff;border-radius: 50%; width: 1.75rem;height: 1.75rem; ;background:url(../images/enter.png) no-repeat 50%; text-indent: -9999px; }
.main_program_wrap .main_program .program_list .plist_all .item.swiper-slide { margin-right: 0;  padding-bottom: 2rem; }
.main_program_wrap .main_program .program_list .plist_all .item.swiper-slide-prev { margin-right: 8%; padding-bottom: 2rem; }
.main_program_wrap .main_program .program_list .plist_all .item.swiper-slide-next { margin-right: 8%; padding-bottom: 2rem; }
.main_program_wrap .main_program .program_list .plist_all .item.swiper-slide-active {opacity: 1;margin-right: 6%; margin-left: 0; margin-bottom: 2rem; padding-bottom: 0; width: 64.5% !important;height: 11.5rem; height: 184px !important; }
.main_program_wrap .main_program .program_list .plist_all .item.swiper-slide-active .plist_txt { position: relative; background: #0d2339; }
.main_program_wrap .main_program .program_list .plist_all .item .plist_txt:before { content: ''; position: absolute; top: 0; left: 0; z-index: 9; width: 100%; height: 100%; background: transparent; }
.main_program_wrap .main_program .program_list .plist_all .item.swiper-slide-active .plist_txt:before { display: none; }


.main_about_wrap { padding: 6.5rem 0 4rem 0 ; background-color: #fafafa; }
.main_about_wrap .main_title { opacity: 0; margin-bottom: 5.375rem; }
.main_about ul { display: flex;justify-content: center;text-align: center; }
.main_about ul li:first-child { margin-left: 0; }
.main_about ul li:last-child { margin-right: 0; }
.main_about ul li { position: relative; opacity: 0; margin: 0 1rem; padding-top: 5.5rem; background-position:  50% 0%; background-repeat: no-repeat; background-size: auto; }
.main_about ul li:nth-child(1):before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 69px;background: url(../images/symbol-01.png) no-repeat 50% 0% ; }
.main_about ul li:nth-child(2):before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 69px;background: url(../images/symbol-02.png) no-repeat 50% 0% ; }
.main_about ul li:nth-child(3):before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 69px;background: url(../images/symbol-03.png) no-repeat 50% 0% ; }
.main_about ul li:nth-child(4):before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 69px;background: url(../images/symbol-04.png) no-repeat 50% 0% ; }
.main_about ul li:nth-child(5):before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 69px;background: url(../images/symbol-05.png) no-repeat 50% 0% ; }
.main_about ul li:nth-child(6):before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 69px;background: url(../images/symbol-06.png) no-repeat 50% 0% ; }
.main_about ul li h3 a { display: block; font-size: 1.25rem;font-weight: 900; }
.main_about ul li p a { display: block;margin-top: 1rem; font-size: 0.875rem; line-height: 1.5em; }
.main_about ul li > a {position: relative; top: -1rem;opacity: 0; display: block;margin: 0 auto;margin-top: 1.5rem;border: 1px solid #f7b500;border-radius: 50%;width: 3.5rem;height: 3.5rem;color: #f7b500;font-style: italic;font-size: 0.75rem;font-weight: 700;line-height: 3.5rem;text-decoration: underline; transition:.3s; }

.main_center { padding: 7rem 0; }
.main_center span { opacity: 0; display: block;margin-bottom: 1rem;font-weight: 700;text-align: center; }
.main_center .main_title { opacity: 0; }
.main_center .main_place { margin-top: 3.5rem; overflow: hidden; }
.main_center .main_place ul { float: left;display:flex; flex-flow:wrap; width: 50%; }
.main_center .main_place ul.place_right { margin-top: 6.87rem; }
.main_center .main_place ul .li1 { margin-left: 50%; }
.main_center .main_place ul .li_w50 { width: 100%; height: 40rem; }
.main_center .main_place ul .li_w502 { width: 100%; }
.main_center .main_place ul li {position: relative; opacity: 0; width: 50%;height: 20rem; overflow: hidden; }
.main_center .main_place ul li a { display: block; height: 100%; }
.main_center .main_place ul li .img { height: 100%; background-position: 50%; background-repeat: no-repeat; background-size: cover; transform: scale(1); transition:.3s; }
.main_center .main_place ul .li_w50 .place_link { padding-top: 17.75rem; }
.main_center .main_place ul .li_w50 .place_link p + p { position: relative;margin-bottom: 2rem;padding-top: 5.5rem; font-size: 0.875rem;font-weight: 400; }
.main_center .main_place ul .li_w50 .place_link p + p:before { content: ''; position: absolute; top: 10px; left: 50%; width: 1px; height: 3.5rem; background: #fff; }
.place_link { position: absolute;top: 0;left: 0; opacity: 0; padding: 1rem; padding-top: 3rem;width: 100%;height: 0%;background: rgba(222, 181, 52, 0.8);color: #fff;text-align: center; transition:.3s; }
.place_link h3 { position: relative; top: 50px; opacity: 0;margin-bottom: 1rem; font-size: 1.75rem;font-weight: 900; transition:.5s; }
.place_link p { position: relative; top: -50px; opacity: 0; font-weight: 800;line-height: 1.5em; transition:.5s; }
.place_link p + p { position: relative; opacity: 0;margin-bottom: 2rem;padding-top: 1.5rem; font-size: 0.875rem; font-weight: 400; }
.place_link p + p:before { content: ''; position: absolute; top:5px; left: 50%; width: 1px; height: 1rem; background: #fff; }
.place_link p + p + p,
.main_center .main_place ul .li_w50 .place_link p + p + p { display: inline-block; margin-bottom: 0;padding: 0.4rem 0.6rem;border: 1px solid #fff;border-radius: 16px;font-style: italic; font-size: 0.75rem; font-weight: 400;text-decoration: underline; }
.place_link p + p + p:Before { display: none; }
/*video main_whom*/
/*.main_video { padding: 6.5rem 0; position: relative; overflow: hidden; 	 }
.main_video .main_title { color: #fff; font-weight: 200; position: relative; z-index: 1; opacity: 0; }
.main_video .video_div { width: 35rem; height: 35rem; margin:0 auto; transform: scale(1); border-radius:50%; opacity: 0; margin-top: 4.5rem; position: relative; z-index: 99; }
.main_video .video_div button { background: rgba(255,255,255,0.32) url(../images/play.png) no-repeat 60% 60%; text-indent: -9999px; width: 5.5rem;height: 5.5rem; position: absolute; top: 50%; left: 50%; margin-top: -2.75rem; margin-left: -2.75rem;border-radius: 50%;border: 1px solid #fff;box-shadow: 0 6px 12px 0 rgba(0,0,0,0.4); }
.main_video .video_div video { width: 100%; height: 100%; border-radius:50%; background-color: #000000; }
.main_program_wrap .main_program .program_list .plist_all .item .bg_default { background-position: 50%; background-repeat: no-repeat; background-size: cover; }
*/
.main_whom { padding: 5.5rem 0; height: 69.5rem; background: #222;overflow: hidden; }
.main_whom .container { height: 100%; }
.main_whom .container h2 { position: relative; opacity: 0; color: #fff;font-size: 2.6rem;font-weight: 300; line-height: 1.2em; text-align: center; }
.main_whom .container .project_supportes { position: relative;height: 100%; }
.main_whom .container .circle { position: absolute;display: flex;flex-direction: column;justify-content: center;  border-radius:50%; text-align: center; transition:.7s; }
.main_whom .container .circle.lee {top: 13%;left: 50%;z-index: 2;margin-left: -10rem; width: 20rem; height: 20rem; background-color: #ff2750;transform: scale(1); animation:circle_1 6s ease-in-out infinite; }
.main_whom .container .circle.kim {top: 9%;left: 65%;width: 13rem; height: 13rem; background-color: #b95826; animation:circle_2 6s ease-in-out infinite; }
.main_whom .container .circle.kang {top: 39%;left: 50%;z-index: 1;margin-left: -10rem;width: 17.5rem; height: 17.5rem; background-color: #6c51ff; animation:circle_4 6s ease-in-out infinite; }
.main_whom .container .circle.bae {top: 30%;left: 50%; margin-left: -23rem;width: 16.5rem; height: 16.5rem; background-color: #41c5a0; animation:circle_2 6s ease-in-out infinite; }
.main_whom .container .circle.kwon {top: 45%;right: 0;width: 13rem; height: 13rem;background-color: #00bafe; animation:circle_4 6s ease-in-out infinite; }
.main_whom .container .circle.choi {top: 31%;left: 56%;width: 16.6rem; height: 16.6rem; background-color: #e19250; animation:circle_1 6s ease-in-out infinite; }
.main_whom .container .circle p { position: relative;margin-bottom: 0.5rem; color: #fff; font-weight: 300; }
.main_whom .container .circle h3 { position: relative; }
.main_whom .container .circle h3 a { color: #fff; font-size: 1.5rem; }
.main_whom .container .circle > a { position: absolute; top: 50%;	left: 50%;opacity: 0; display: block; margin:0 auto;margin-left: -0.875rem; border:1px solid #fff; border-radius:50%;width: 1.75rem; height: 1.75rem; background: url(../images/enter.png) no-repeat 50%;text-indent:-9999px; transition:.3s; }
.main_whom .container .circle.lee:before {content: ''; position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%;background:url(../images/Leeimg.png) no-repeat center; background-size: auto 100%; transition:.3s; }
.main_whom .container .circle.kim:before {content: ''; position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%;background:url(../images/Kimimg.png) no-repeat center; background-size: auto 100%; transition:.3s; }
.main_whom .container .circle.kang:before {content: ''; position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%;background:url(../images/Kangimg.png) no-repeat center; background-size: auto 100%; transition:.3s; }
.main_whom .container .circle.bae:before {content: ''; position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%;background:url(../images/Baeimg.png) no-repeat center; background-size: auto 100%; transition:.3s; }
.main_whom .container .circle.kwon:before {content: ''; position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%;background:url(../images/Kwonimg.png) no-repeat center; background-size: auto 100%; transition:.3s; }
.main_whom .container .circle.choi:before {content: ''; position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%;background:url(../images/Choiimg.png) no-repeat center; background-size: auto 100%; transition:.3s; }
@keyframes circle_1 { 
  0%,100% { transform:translateY(0) rotate(-2deg); }
  50% { transform:translateY(-20px) rotate(4deg); }
 }
@keyframes circle_2 { 
  0%,100% { transform:translateY(0) rotate(3deg); }
  50% { transform:translateY(-30px) rotate(-6deg); }
 }
@keyframes circle_3 { 
 0%,100% { transform:translate(0, -10px) rotate(1deg); }
  50% { transform:translate(20px, 30px) rotate(-2deg); }
 }
@keyframes circle_4 { 
  0%,100% { transform:translate(0px, -10px) rotate(-3deg); }
  50% { transform:translate(15px, 10px) rotate(6deg); }
 }
/*animatin*/
header .header_right_box .right_box_inner.width_auto ul li a { position: relative; left: -200px; opacity: 0; animation-name: btnani; animation-duration:.5s; animation-delay: .5s; animation-fill-mode: forwards; }
header .header_right_box .right_box_inner.width_auto ul li:nth-child(2) a { animation-delay: .6s; }
header .header_right_box .right_box_inner.width_auto ul li:nth-child(3) a { animation-delay: .7s; }
header .header_right_box .right_box_inner.width_auto ul li:nth-child(4) a { animation-delay: .8s; }
header .header_right_box .right_box_inner.width_auto ul li:nth-child(5) a { animation-delay: .9s; }
.ani4.main_whom .container h2 { opacity: 0; animation-name: ani4; animation-duration:1s; animation-delay:0.1s;animation-fill-mode: forwards; }
.ani1.main_program_wrap:before { left: -27%; width: 151%; }
.main_program_wrap:before { content: ''; position: absolute; top: 0; left: -130%; z-index: 1; width: 100%; height: 100%; background:rgba(0,0,0,0.72); transform: skew(-30deg); transition:1s; }
.ani1 .main_program .program_title span { position: relative; left: -500px; opacity: 0; animation-name: ani1; animation-duration:1s; animation-delay: 0.1s; animation-fill-mode: forwards; }
.ani1 .main_program .program_title h2 { position: relative; left: -500px; opacity: 0; animation-name: ani1; animation-duration:1s; animation-delay: 0.3s; animation-fill-mode: forwards; }
.ani1 .main_program .program_title a { position: relative; left: -500px; opacity: 0; animation-name: ani1; animation-duration:1s; animation-delay: 0.5s; animation-fill-mode: forwards; }
.ani1 .main_program .program_list { position: relative; right: -500px; opacity: 0; animation-name: ani1_2; animation-duration: 1s; animation-delay: 0.5s; animation-fill-mode: forwards; }
.ani2 .main_about .main_title {position: relative;  top: 50px; opacity: 0; animation-name: ani2; animation-duration: 0.9s; animation-fill-mode: forwards; }
.ani2 .main_about ul li { opacity: 0; animation-name: ani2_1; animation-duration: 0.7s;  animation-delay: 0.2s;animation-fill-mode: forwards; }
.ani2 .main_about ul li:nth-child(2),
.ani2 .main_about ul li:nth-child(3) { animation-delay: 0.5s; }
.ani2 .main_about ul li:nth-child(1),
.ani2 .main_about ul li:nth-child(5) { animation-delay: 0.4s; }
.ani3 .main_title { position: relative;  top: -50px; opacity: 0; animation-name: ani3; animation-duration: 0.9s; animation-fill-mode: forwards; }
.ani3 span { position: relative;  top: 30px; opacity: 0; animation-name: ani3_1; animation-duration: 0.5s; animation-timing-function:ease; animation-fill-mode: forwards; }
.ani3 .main_place ul li { position: relative; bottom: 50px;  opacity: 0; animation-name: ani3_2; animation-duration: 0.5s; animation-timing-function:ease; animation-fill-mode: forwards; }
.ani3 .main_place ul.place_left li:nth-child(1) { animation-delay: 0.2s; }
.ani3 .main_place ul.place_left li:nth-child(2) { animation-delay: 0.3s; }
.ani3 .main_place ul.place_left li:nth-child(3) { animation-delay: 0.4s; }
.ani3 .main_place ul.place_left li:nth-child(4) { animation-delay: 0.6s; }
.ani3 .main_place ul.place_right li:nth-child(1) { animation-delay: 0.3s; }
.ani3 .main_place ul.place_right li:nth-child(2) { animation-delay: 0.5s; }
.ani3 .main_place ul.place_right li:nth-child(3) { animation-delay: 0.7s; }
/*.ani4:before { content: ''; position: absolute;width: 100%; height: 100%; top: 0; background: url(../images/bg-04.png) no-repeat 50%; z-index: 0; animation-name: bg4_ani; animation-delay: 1s; animation-duration:1.3s; animation-iteration-count:infinite; }
.ani4:after { left: -30% !important; width: 200% !important; }*/
.ani4 .main_title { position: relative;  top: -50px; opacity: 0; animation-name: ani4; animation-duration: 1s ;animation-timing-function:ease; animation-delay:.3s; animation-fill-mode: forwards; }
.ani4 .video_div { position: relative; opacity: 0; transform: scale(1); animation-name: ani4_1; animation-duration: 1s; animation-delay:.3s; animation-fill-mode: forwards; }
.main_video:after { content: ''; position: absolute; top: 0; left: -220%; z-index: -2; width: 100%; height: 100%; background: #222222; transform: skew(-30deg);  transition:1s; }

.af:after { content:''; clear: both; display: block; }
.ovh { overflow: hidden; }
.m_header { display: none; }
.flex_box { display:flex; margin-bottom: 0; }
.flex_r { justify-content:flex-end; }
.flex_l { justify-content:flex-start; }
.flex_c { justify-content:center; }
.flex_between { justify-content:space-between; }
.marin_r_10 { margin-right: 10px; }
.marin_l_10 { margin-left: 10px; }
.marin_rl_10 { margin: 0 10px; }
.mb88 { margin-bottom: 5.5rem; }
.padding_r_10 { padding-right: 10px; }
.padding_l_10 { padding-left: 10px; }
.padding_rl_10 { padding: 0 10px; }
input:-moz-read-only { background-color: #ddd ; }
input:read-only { background-color: #ddd ; }
input[readonly='readonly'] { background-color: #ddd; }
input:focus { border:1px solid #f4ba03 !important; }
.bg_default { background-position: 50%; background-repeat: no-repeat; background-size: cover; }

/* modal popup */
.modal { position:fixed; left:0; bottom:0; z-index:-1; width:100%; height:100vh; overflow:hidden; transition:all 0.5s; }
.modal-dialog { position:absolute; inset:0; z-index:-1; opacity:0; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:1rem; width:100%; height:100%; transition:all 0.04s; }
.modal-content { position:relative; /* width:100%; max-width:1000px; */ padding:0; max-height:90vh; background-color:#fff; box-shadow: 2px 2px 40px 0 rgba(0,0,0, .4); font-size:0.875rem; font-weight:500; line-height:1.6em; }
.modal-header { position:relative; margin:0 auto; padding:0; width:100%; background-color:#fff; text-align:center; }
.modal-header .title { display:block; font-size:1rem; font-weight:400; }
.modal-header .modal-close { position:absolute; top:1rem; right:1rem;border-radius: 50%; width:2rem; height:2rem; background-color: #fafafa; text-align:center; }
.modal-header .modal-close:before, .modal-header .modal-close:after { content:""; position:absolute; top:50%;right:.5rem; left:.5rem; margin-top:-1px; height:2px; background:#888; }
.modal-header .modal-close:before { transform:rotate(45deg); }
.modal-header .modal-close:after { transform:rotate(-45deg); }
.modal-body { max-height:90vh; overflow-x:hidden; overflow-y:auto; }
.modal-body * { max-width:100%; }
.modal-mask { position:fixed; top:0; left:0; z-index:101; display:none; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); cursor:pointer; }
.modal.is-open { z-index:1001; display:block; transition:all 0.04s, z-index 0.02s; }
.modal.is-open .modal-dialog { z-index:1002; opacity:1; }
.modal.is-open .modal-mask { display:block; }

/*sub visual*/
.sub_wrap { padding-block: 6rem; }
.sub_wrap + .sub_wrap { padding-top: 0; }
.sub_wrap section ~ section { margin-top: 6rem; }
.sub_visual_wrap .sub_visual { display: flex;flex-direction: column;justify-content: center;align-items: center;padding-top: 0; height: 25rem;color: #fff;text-align: center; }
.sub_visual_wrap .sub_visual h2 {margin-bottom: 1rem; font-size: 1.75rem;font-weight: 300; }
.sub_visual_wrap_h3none .sub_visual h2 { margin-bottom: 0; font-size: 2.62rem;font-weight: 800;letter-spacing: -2px; }
.sub_visual_wrap_h3none .sub_visual h3 { display: none; }
.sub_visual_wrap .sub_visual h3 { font-size: 2.62rem;font-weight: 800;letter-spacing: -2px; }
.sub_visual_wrap .lnb_wrap {position: absolute; z-index: 1;margin-top: -3.75rem;width: 100%;height: 3.75rem; background: rgba(251, 205, 55, 0.72); }
.sub_visual_wrap .lnb_wrap.lnb_fixed { position: fixed; top: 0; margin-top: 0; background: rgba(251, 205, 55, 0.9); transition:.3s; }
.sub_visual_wrap .lnb_wrap .container { display: flex;justify-content: space-between;height: 100%; }
.sub_visual_wrap .lnb_wrap .container .lnb_menu { display: flex; }
.sub_visual_wrap .lnb_wrap .container .lnb_menu .home {border-right: 1px solid rgba(255,255,255,0.72);border-left: 1px solid rgba(255,255,255,0.72); width: 3.75rem;background: url(../images/home.png) no-repeat 50%;text-indent: -9999px; }
.sub_visual_wrap .lnb_wrap .container .togglemenu { width: 23.12rem; }
.sub_visual_wrap .lnb_wrap .container .togglemenu h2 a:before,
.sub_visual_wrap .lnb_wrap .container .togglemenu h3 a:before { content: ''; position: absolute; top: 50%;right:0; margin-top: -0.5rem; width: 1px; height: 1rem; background: rgba(255,255,255,0.72); }
.sub_visual_wrap .lnb_wrap .container .togglemenu h2 a:after,
.sub_visual_wrap .lnb_wrap .container .togglemenu h3 a:after { content: ''; position: absolute; top: 50%; right:1.5rem; margin-top: -2.5px; width: 8px; height: 5px;background: url(../images/dropdown.png) no-repeat; transition:.3s; }
.sub_visual_wrap .lnb_wrap .container .togglemenu h2.down_toggle a:after,
.sub_visual_wrap .lnb_wrap .container .togglemenu h3.down_toggle a:after { transform: rotate(-180deg); }
.sub_visual_wrap .lnb_wrap .container .togglemenu h2 a,
.sub_visual_wrap .lnb_wrap .container .togglemenu h3 a { position: relative;display: block;display: flex;align-items: center;padding-right: 2rem; padding-left: 1.68rem;height: 100%;height: 3.75rem; color: #fff;font-size: 1rem;font-weight: 300;line-height: 1.5em; }
.sub_visual_wrap .lnb_wrap .container .togglemenu ul { display: none; padding: 2rem 1rem; background: rgba(251, 205, 55, 0.9); }
.sub_visual_wrap .lnb_wrap .container .togglemenu ul li a { display: block; padding: 0.3rem 0; color: #fff; line-height: 1.5em; }
.sub_visual_wrap .lnb_wrap .container .togglemenu ul li.current a { font-weight: 800; text-decoration: underline; }
.sub_visual_wrap .lnb_wrap .lnb_link { display:flex; }
.sub_visual_wrap .lnb_wrap .lnb_link a { display: block; width: 3.75rem; height: 100%; background: #fbcd37 url(../images/facebook.png) no-repeat 50%;text-indent:-9999px; }
.sub_visual_wrap .lnb_wrap .lnb_link a.instagram { position: relative; background: #fbcd37 url(../images/insta.png) no-repeat 50%; }
.sub_visual_wrap .lnb_wrap .lnb_link a.instagram:before { content: ''; position: absolute; top: 50%;right:0; margin-top: -0.5rem; width: 1px; height: 1rem; background: rgba(255,255,255,0.72); }

/*sub p*/
.sub_title {margin-bottom: 2rem;font-size: 2rem;font-weight: 700; text-align: center; }
.sub_img {margin-bottom: 3rem; height: 30rem; }
.sub_wrap h5,
.sub_wrap h6 { margin-bottom: 1rem; }
.sub_wrap .sub_txt { line-height: 1.875em; }
.sub_wrap .sub_title_h5 { margin-bottom: 2rem; }

.sub_title2 {color: #222;font-size: 2rem;font-weight: 300;letter-spacing: -0.2px; text-align: center; }

.bg_line_title { margin-bottom: 2rem; background-image: linear-gradient(#000 50%, #000 50%); background-position: 0 98%; background-repeat: no-repeat; background-size: 100% 1px; font-size: 2rem; font-weight: 700; line-height: 1.25em; }
.bg_line_title span { position: relative; display: inline-block; padding-right: 1.5rem; background-color: #fff; font:inherit; }

.program_wrap > h4 { margin-bottom: 1rem; }
.program_wrap > p {margin-bottom: 4.5rem; font-size: 2.62rem;font-weight: 700;line-height: 1.2em;letter-spacing: -0.2px;text-align: center; }
.program_wrap > ul { display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between; }
.program_wrap > ul li { position: relative; margin-bottom: 3rem;padding-top: 13.56rem;padding-right: 3rem;padding-left: 3rem; width: 48.12%;height: 32.75rem; color: #fff; }
.program_wrap > ul li.program1:before { content: ''; position: absolute; top: 6.56rem; left: 3rem; width: 72px; height: 82px; background: url(../images/humanity.png) no-repeat; }
.program_wrap > ul li.program2:before { content: ''; position: absolute; top: 6.56rem; left: 3rem; width: 82px; height: 77px; background: url(../images/exhibition.png) no-repeat; }
.program_wrap > ul li.program3:before { content: ''; position: absolute; top: 6.56rem; left: 3rem; width: 82px; height: 82px; background: url(../images/money.png) no-repeat; }
.program_wrap > ul li.program4:before { content: ''; position: absolute; top: 6.56rem; left: 3rem; width: 70px; height: 80px; background: url(../images/agreement.png) no-repeat; }
.program_wrap > ul li.program3 { margin-bottom: 0; }
.program_wrap > ul li.program4 { margin-bottom: 0; }
.program_wrap > ul li h5 a {color: #fff; font-size: 2.6rem;font-weight: 700;letter-spacing: -1px; }
.program_wrap > ul li p { font-size: 1.125rem;line-height: 1.5em; word-break: keep-all; }
.program_wrap > ul li > a {display: inline-block;margin-top: 3.5rem;padding: 0 1.6rem;border: 2px solid #fff;border-radius: 24px;color: #fff; font-size: 1.125rem;font-weight: 700;line-height: 2.3rem; }
.program_wrap .international li { margin-bottom: 2rem;padding-top: 2.5rem;padding-left: 3rem; width: 48.75%;height: 15.75rem; color: #222; }
.program_wrap .international li:last-child { margin-bottom: 0; }
.program_wrap .international li h5 a { color: #222; font-size: 2rem; font-weight: 700; letter-spacing: -0.7px; }
.program_wrap .international li > a {display: inline-block;margin-top: 3rem;padding: 0 1.6rem;border: 2px solid #222222;border-radius: 24px;color: #222222; font-size: 1.125rem;font-weight: 700;line-height: 2.3rem; }
.program_wrap .international li:nth-child(4) > a { margin-top: 1.25rem; }

.program_102 .sub_title2 { font-weight: 700; }
.program_102 > p { margin-top: 1rem;margin-bottom: 2rem;color: #666;font-size: 1rem;font-weight: 400; text-align:center; }
.program_102_1 { margin-bottom: 1rem; height: 11rem; background: url(../images/program102_1.jpg) no-repeat ; background-size: cover; }
.program_102_2 { background: url(../images/program102_4.jpg) no-repeat;background-size: cover; }
.program_102_1 div { display:flex; align-items: center; height: 100%; color: #fff; }
.program_102_1 div p { width: 35%; font-size: 2rem; font-weight: 700; line-height: 1; }
.program_102_1 div p + p { margin-left: 3.5rem; width: 65%; font-size: 1rem; font-weight: 400; }
.program_102_list li { display: flex;flex-direction: row-reverse;justify-content: space-between;align-items: center;padding: 3.5rem 0;border-bottom: 1px solid #ccc; }
.program_102_list li:nth-child(2n+2) { flex-direction: row;padding-bottom: 7.5rem; border-bottom: none; }
.program_102_list li .img,
.program_102_3 .img { width: 31.25%;height: 20rem;background: #ddd; }
.program_102_list li .txt,
.program_102_3 .txt { width: 55.93%; }
.program_102_list li .txt h5 a,
.program_102_3 .txt h5 a { font-size: 1.75rem;font-weight: 700; }
.program_102_list li .txt p,
.program_102_3 .txt p { color: #222;font-weight: 500;line-height: 1.75em;; }
.program_102_list li .txt > a,
.program_102_3 .txt > a {display: inline-block;margin-top: 1.5rem;padding: 0 1.6rem;border: 2px solid #222222;border-radius: 24px;height: 2.5rem;color: #222222; font-size: 1.125rem;font-weight: 700;line-height: 2.25rem; }
.program_102_list li .txt div { display:flex; }
.program_102_list li .txt div a {display: inline-block;margin-top: 3rem;margin-right: 0.5rem;padding: 0 1.6rem;border: 2px solid #222222;border-radius: 24px;height: 2.5rem;color: #222222; font-size: 1.125rem;font-weight: 700;line-height: 2.25rem; }
.program_102_3 {padding: 3rem 0; background-color: #f8f2e4; }
.program_102_3 .container { display: flex;flex-direction: row-reverse;justify-content: space-between;align-items: center; }

.exchange_program .program_notice {margin-top: 1rem;margin-bottom: 4rem;padding: 3rem 0 3rem 10.5rem; background: #fafafa url(../images/notification.png) no-repeat 3.5rem 50%; }
.exchange_program .program_notice p {margin-bottom: 1.5rem; line-height: 1.75em; letter-spacing: -0.2px; }
.exchange_program .program_notice a {color: #e1b528; font-size: 1rem; font-weight: 700;text-decoration: underline; }
.exchange_program_ul { overflow: hidden; }
.exchange_program_ul > li { margin-bottom: 4rem; }
.exchange_program_ul > li:last-child { margin-bottom: 0; }
.exchange_program_ul > li div strong {display: block;margin-bottom: 1rem; font-size: 1.125rem;font-weight: 700; }
.exchange_program_ul > li div strong span { font-weight:inherit; }
.exchange_program_ul > li div p { position: relative; padding-left: 0.75rem; font-weight: 500; line-height: 1.75em;;letter-spacing: -0.2px; }
.exchange_program_ul > li div p span { font-weight:inherit; }
.exchange_program_ul > li div p.none { display: none; }
.exchange_program_ul > li p { line-height: 1.5em; }
.exchange_program_ul > li p:before { content: ''; position: absolute; top:13px; left: 0; width:4px; height: 1px; background-color: #666; }
.exchange_program_ul > li p.p_circle:before { content: ''; position: absolute; top:13px; left: 0; border-radius:50%; width:2px; height: 2px; background-color: #666; }
.exchange_program_ul > li p.p_yellow { padding-left: 0; }
.exchange_program_ul > li p.p_yellow { color: #c8a226; line-height: 1.5em; }
.exchange_program_ul > li p.p_default { padding-left: 0;font-weight: 500;line-height: 1.5em; }
.exchange_program_ul > li p.p_default :where(span) { font-weight: inherit;line-height: inherit; }
.pro110_ul { margin-top: 5.5rem; }
.pro110_ul li div div { display:flex; }
.pro110_ul li div p { padding-left: 0; line-height: 30px; }
.pro110_ul li div.mt1 { margin-top: 1rem; }
.pro110_ul li div span { display: inline-block;margin-right: 0.3rem; padding-top: 0.41rem; font-weight: 700;vertical-align: top; }
.pro110_ul li div p:before { display: none; }

p.p_circle { position: relative; padding-left: 0.75rem; line-height: 1.75em;; letter-spacing: -0.2px; }
.exchange_program p.p_yellow:before,
.exchange_program p.p_default:before,
.before_none:before { display: none; }
.before_none { padding-left: 0 !important; }
.table_td { margin-top: 2rem; width: 100%; }
.table_td caption { position: absolute;visibility: hidden; }
.table_td tr { border-bottom: 1px solid #eaeaea; }
.table_td tr { border-top: 1px solid #eaeaea; }
.table_td tr th { border:1px solid #eaeaea;height: 4.56rem; background-color: #fafafa; font-size: 1rem;font-weight: 700;text-align: center; }
.table_td tr th.bg_none { padding-right: 1rem; padding-left: 2rem; height: auto; background-color: transparent; line-height: 1.5em;text-align:left; }
.table_td tr .br_none { border-right:none; }
.table_td tr td { padding: 2.5rem 2rem; font-size: 1rem; }
.table_td tr td.br_1 { border-right: 1px solid #eaeaea; }
.table_td tr td .p_yellow { margin-top: 1rem; }
.table_td tr td .mt0 { margin-top: 0; }
.table_td tr td div .p_yellow { margin-top: 0; margin-bottom: 1rem; }
.table_td tr td.flex_box { align-items: center; }
.table_td tr td div p { font-weight: 400; }
.table_td tr td div p.heading_p { margin-bottom: 0.55rem; }
.table_td tr td .img {  margin-right: 2rem; width: 50%; background-position: center center; background-repeat: no-repeat; background-size: cover; aspect-ratio: 2; }
.table_td tr td .img1 { background-image: url(../images/small-02.png); }
.table_td tr td .img2 { background-image: url(../images/small-03.png); }
.table_td tr td .img3 { background-image: url(../images/small-01.png); }
.table_td tr td .bold_p,
.exchange_program ul li div p.bold_p { margin-bottom: 0.7rem; font-weight: 700; }
.table_td106 tr td,
.table_td104 tr td,
.table_td107 tr td { padding-right: 0; border-right:1px solid #eaeaea; }
.progrma107 .progrma107_list { display:flex;margin-top: 1.75rem; }
.progrma107 .progrma107_list > div { width: 43.12%; }
.progrma107 .progrma107_list > .div2 { width: 35.25%; }
.progrma107 .progrma107_list > div p:before { display: none; }
.progrma107 .progrma107_list > div p {display: flex;justify-content: center;align-items: center; padding-left: 0; height: 6rem; background-color: #fff3ce;font-weight: 400;line-height: 1.5em; text-align: center; }
.progrma107 .progrma107_list > div p + p { margin-top:1rem; border:1px solid #eac035; height: auto; background-color: #fffbef; line-height: 4.5rem; }
.progrma107 .progrma107_list > span { display: block;margin: 0 3rem;margin-top: 4.25rem; width: 3rem; height: 3rem; background: url(../images/progeam107.png) no-repeat; }
.table_td107 tr td p { position: relative; padding-left: 0.8rem; line-height: 1.75em;; }
.table_td107_2 tr td { padding-left: 0; text-align: center; }
.mt15 { margin-top: 1.5rem; }
.mt1_rem { margin-top:1rem; }
.program_ta2 .bg_yellow h6 { font-size: 2.6rem; font-weight: 800; }
.program_ta2 .bg_yellow p { margin-bottom: 1rem; font-size: 2rem; font-weight: 500; line-height: 1; }
.program_ta2 > .bg_yellow ul li { width: 25% !important; }
.program_tab { margin-top: 4rem; }
.program_ta2 .bg_yellow { padding-bottom: 4rem; }
.program_tab .bg_yellow {padding-top: 3.5rem; background-color: #dfbb45;color: #fff;text-align: center; }
.program_tab h6 {margin-bottom: 1.5rem; font-size: 2rem;font-weight: 700; }
.program_tab > .bg_yellow ul { display: flex;margin-top: 3.5rem; }
.program_tab > .bg_yellow ul li {margin-bottom: 0;border: 1px solid #fbcd37;border-right: none; width: 33.3333%; }
.program_tab > .bg_yellow ul li:last-child { border-right: 1px solid #fbcd37; }
.program_tab > .bg_yellow ul li.tab_on { background-color: #ffffff; }
.program_tab > .bg_yellow ul li.tab_on a { color: #daaf25;font-weight: 700; }
.program_tab > .bg_yellow ul li a { display: block;color: #fff;font-size: 1.25rem; line-height: 4.25rem; }
.program_tab .tab .tab_a ul > li > p.p_yellow { margin-top: 1.5rem; }
.tab { margin-top: 4rem; }
.tab_a,
.tab_b,
.tab_c { display: none; }
.tab_a1,
.tab_b1,
.tab_c.add { display: block; }

.joint_list { margin-top: 2.5rem; }
.joint_list ul li { margin-bottom: 1.5rem; }
.joint_list ul li.on > p,
.partner_list ul li.on > div.name { background-color: #222222 !important; color: #fff; }
.joint_list ul li.on > p:before,
.partner_list ul li.on > div.name:before { background: url(../images/up.png) no-repeat; }
.joint_list ul li > p:before,
.partner_list ul li > div.name:before { content: ''; position: absolute; top: 50%;right: 3rem; left: auto; margin-top: -5px;  width: 17px; height: 10px;background: url(../images/slidedown.png) no-repeat; }
.joint_list ul li > p { position: relative; padding: 2.5rem 0;padding-left: 9rem;background: url(../images/netherlands.png) no-repeat 4rem center;background-color: #fafafa;color: #222222;font-size: 1.25rem;font-weight: 700; }
.joint_list ul li.ca > p { background: url(../images/ca.png) no-repeat 4rem center; background-color: #fafafa; }
.joint_list ul li.sg > p { background: url(../images/sg.png) no-repeat 4rem center; background-color: #fafafa; }
.joint_list ul li.dm > p { background: url(../images/dk.png) no-repeat 4rem center;background-color: #fafafa; }
.joint_list ul li.gm > p { background: url(../images/de.png) no-repeat 4rem center; background-color: #fafafa; }
.joint_list ul li.uk > p { background: url(../images/gb.png) no-repeat 4rem center;background-color: #fafafa; }
.joint_list ul li > div { display: none;padding: 3.5rem 0;  background-color: #fafafa; }
.joint_list ul li > div > table {margin: 0 auto;width: 90%; background-color: #fff; }
.partner_list .tab_c.add { display: block; }
.partner_list ul li > div.name { position: relative; display: block; display:flex; align-items: center; padding: 2.5rem 0; padding-right:4rem;padding-left: 9rem;background: url(../images/gb.png) no-repeat 4rem center;background-color: #fafafa;color: #222222;font-size: 1.25rem;font-weight: 700; }
.partner_list ul li.fr > div.name { background: url(../images/fr.png) no-repeat 4rem center;background-color: #fafafa; }
.partner_list ul li.it > div.name { background: url(../images/it.png) no-repeat 4rem center;background-color: #fafafa; }
.partner_list ul li.de > div.name { background: url(../images/de.png) no-repeat 4rem center;background-color: #fafafa; }
.partner_list ul li.ch > div.name { background: url(../images/ch.png) no-repeat 4rem center;background-color: #fafafa; }
.partner_list ul li.sg > div.name { background: url(../images/sg.png) no-repeat 4rem center;background-color: #fafafa; }
.partner_list ul li.cn > div.name { background: url(../images/cn.png) no-repeat 4rem center;background-color: #fafafa; }
.partner_list ul li.mn > div.name { background: url(../images/mn.png) no-repeat 4rem center;background-color: #fafafa; }
.partner_list ul li.au > div.name { background: url(../images/au.png) no-repeat 4rem center;background-color: #fafafa; }
.partner_list ul li.india > div.name { background: url(../images/in.png) no-repeat 4rem center;background-color: #fafafa; }
.partner_list ul li.denm > div.name { background: url(../images/dk.png) no-repeat 4rem center;background-color: #fafafa; }
.partner_list ul li.ru > div.name { background: url(../images/ru.png) no-repeat 4rem center;background-color: #fafafa; }
.partner_list ul li.bel > div.name { background: url(../images/be.png) no-repeat 4rem center;background-color: #fafafa; }
.partner_list ul li.swd > div.name { background: url(../images/se.png) no-repeat 4rem center;background-color: #fafafa; }
.partner_list ul li.slovenia > div.name { background: url(../images/si.png) no-repeat 4rem center;background-color: #fafafa; }
.partner_list ul li.austria > div.name { background: url(../images/at.png) no-repeat 4rem center;background-color: #fafafa; }
.partner_list ul li > div.name div { margin-right: 1rem;width: 28%; }
.partner_list ul li > div.name div p { font-size: 1.25rem; font-weight: 700; }
.partner_list ul li > div.name div span {display: inline-block;margin-bottom: 0.5rem;padding: 0 0.5rem;border: 1px solid #666;border-radius: 30px;color: #666; font-size: 1rem;line-height: 24px; }

/*국기 요청예정*/
.partner_list ul li.nd > div.name { background: url(../images/nd.png) no-repeat 4rem center;background-color: #fafafa; }
.partner_list ul li.poland > div.name { background: url(../images/poland.png) no-repeat 4rem center;background-color: #fafafa; }
.partner_list ul li.finland > div.name { background: url(../images/finland.png) no-repeat 4rem center;background-color: #fafafa; }
.partner_list ul li.usa > div.name { background: url(../images/usa.png) no-repeat 4rem center;background-color: #fafafa; }
.partner_list ul li.cuba > div.name { background: url(../images/cuba.png) no-repeat 4rem center;background-color: #fafafa; }
.partner_list ul li.pole > div.name { background: url(../images/pole.png) no-repeat 4rem center;background-color: #fafafa; }
.partner_list ul li.on > div.name div span { border:1px solid #fff; color: #fff; }
.partner_list ul li.on > div.name div p { color: #fbcd37; }
.partner_list ul li.on > div.name p { color: #fff; }
.partner_list ul li.on > div.name p + p { color: #fff; }
.partner_list ul li > div.name p { font-size: 1rem; font-weight: 400; line-height: 1.5em; }
.partner_list ul li > div.name p + p { margin-bottom: 0; font-size: 1rem; font-weight: 400; }
.partner_list ul li > div .table_td tr th { background: #fff; line-height: 1.5em; }
.partner_list ul li > div .table_td tr td { line-height: 1.5em; }
.partner_list ul li > div .table_td tr td div p { padding: 0.75rem 0; line-height: 1.875em; }
.program111_main > h4 {padding-bottom: 1rem; border-bottom: 1px solid #ccc; }
.program111_main > p { line-height: 1.5em; }
.program111_main > p.p_style { font-size: 1.125rem; }
.program111_main .map_box {margin-top: 3rem;padding: 3.5rem 0; background: #222;text-align: center; }
.program111_main .map_box h5 {color: #fff; font-size: 1.25rem;font-weight: 700; }
.program111_main .map_box p {color: #fff; font-size: 3.5rem;font-weight: 200;letter-spacing: -3px; }
.program111_main .map_box .map_bg { position: relative;margin: 0 auto;margin-top: 3.5rem; width: 695px; height: 405px; background: url(../images/world-normal.png) no-repeat center; }
.program111_main .map_box .map_bg div { position: absolute; }
.program111_main .map_box .map_bg span {position: absolute;border:2px solid #fff; border-radius: 50%; width: 8px; height: 8px; box-sizing: border-box; cursor:pointer; }
.program111_main .map_box .map_bg.asia_bg { background: url(../images/world-asia.png) no-repeat center; }
.program111_main .map_box .map_bg.europe_Bg { background: url(../images/world-europe.png) no-repeat center; }
.program111_main .map_box .map_bg.nam { background: url(../images/world-namerica.png) no-repeat center; }
.program111_main .map_box .map_bg.oce { background: url(../images/world-oceania.png) no-repeat center; }
.program111_main .map_box .map_bg.pole { background: url(../images/mini-pole.png) no-repeat center; background-position: 0 1px; }
/*.map_bg img { opacity: 0; }*/
.map_bg .on { opacity: 1 !important; }
.map_bg img { cursor: pointer; }
.asia_bg .asia { opacity: 1; }
.map_bg .asia { position: absolute; top: 8px; left: 92px; opacity: 0; }
.map_bg .europe { position: absolute; top: 20px; left: 16px; opacity: 0; }
.map_bg .north { position: absolute; top: 1px; left: 385px; opacity: 0; }
.map_bg .oceania { position: absolute; left: 268px; bottom: 8px; opacity: 0; }
.map_bg div { position: relative; height: 100%; }
.partner_tab > ul { display: flex; }
.partner_tab > ul li:first-child { border-left: 1px solid #fbcd37; }
.partner_tab > ul li {padding: 1.5rem 0; border-right: solid 1px #fbcd37;width: 33.333%;background: #dfbb45;text-align: center; }
.partner_tab > ul li a { color: #fff;font-size: 1.25rem; }
.partner_tab > ul li.on {border-right: 1px solid #fbcd37;border-left: 1px solid #fbcd37;border-bottom: 1px solid #fbcd37; background: #fff; }
.partner_tab > ul li.on a { color: #daaf25;font-weight: 700; }
.partner_list ul li > div .name_title {margin: 0 auto;margin-top: 2rem;margin-bottom: 1rem;width: 90%; font-size: 1.25rem;font-weight: 500; }
.partner_list ul li > div .name_title.mt0 { margin-top: 0; }
.partner_list ul li > div .table_td tr td div p.pl5 { padding-left: 1.2rem; line-height: 1.3em; }
.partner_list ul li > div .table_td tr td div p.yellow_p { padding-left: 1.2rem; color: #c8a226; line-height: 1.3em; }
.partner_list ul li > div .table_td tr td div div p { padding: 0; }
.partner_list ul li > div .table_td tr td div div { margin-bottom: 1rem; }
.event_view .sub_title {
  margin-bottom: 5rem; padding-bottom: 1rem; border-bottom: 1px solid #ccc; }
.event_view .img {
  text-align: center; }
.progrma108_wrap { padding-top: 0; padding-bottom: 0; }
.araon_visual { margin-bottom: 7rem;padding-top: 13.5rem; height: 50.875rem;text-align: center; }
.araon_visual .araon_txt .square { display: inline-block;display: flex;justify-content: center;align-items: center;margin: 0 auto; margin-bottom: 1rem;border: 1px solid #fff;width: 7rem;height: 7rem;color: #fff;font-size: 1.125rem;font-weight: 700;line-height: 1.3em;; }
.araon_visual .araon_txt h2 {color: #fff; font-size: 3.25rem;font-weight: 800;line-height: 1.2em;letter-spacing: -2px; }
.araon_visual .araon_txt span {color: #fbcd37; font-size: 3.25rem;font-weight: 800;line-height: 1.2em;letter-spacing: -2px; }
.araon_visual .araon_txt p {margin-top: 0.5rem;color: #fff; font-size: 1.125rem;font-weight: 700; }
.araon_swiper_Wrap { position: relative;margin:0 auto; margin-right: 2%;margin-left: 2%; background: #fff; overflow: hidden; text-align: left; }
.whom_lnb.whom_fixed { position: fixed; top: 0; z-index: 99; }
.whom_lnb.whom_fixed .araon_swiper_Wrap { box-shadow: 5px 5px 13px rgba(0,0,0,0.1); }
.whom_lnb { position: absolute;top:41rem;left: 0;width: 100%; }
.araon_swiper { position:static;display: inline-block;margin: auto; padding: 1rem 0;width: 85%;overflow: visible; }
.araon_swiper .swiper-wrapper .swiper-slide { position: relative; padding-left: 2rem; }
.araon_swiper .swiper-wrapper .swiper-slide.first_slide:before { display: none; }
.araon_swiper .swiper-wrapper .swiper-slide:before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -1rem; width: 1px; height: 2rem; background: #eaeaea; }
.araon_swiper .swiper-wrapper .swiper-slide .slide_wrap { display:flex; }
.araon_swiper .swiper-wrapper .swiper-slide .img { width: 4.5rem; height: 4.5rem; }
.araon_swiper .swiper-wrapper .swiper-slide .slidetxt { padding-left: 2rem; }
.araon_swiper .swiper-wrapper .swiper-slide .slidetxt a {color: #222; font-weight: 500;line-height: 1.5em;text-align: left; }
.araon_swiper .swiper-wrapper .swiper-slide .slidetxt p {margin-top:0.2rem; color: #666;font-weight: 300; }
.aron-prev { position: absolute;top: auto; left: 0; bottom: 0; z-index: 1; width: 2rem; height: 100%; background: #fff url(../images/left.png) no-repeat center; text-indent: -9999px; }
.aron-next { position: absolute; top:auto; right: 0; bottom: 0; z-index:1 ; width: 2rem; height: 100%; background: #fff url(../images/right.png) no-repeat center; text-indent: -9999px; }
.aron_img .img { width: 100%; }
.aron_img img { max-width: 100%; object-fit: cover; }
.aron_number { position: relative; display:flex; margin-top: 1.5rem; margin-bottom: 3.5rem; padding-top: 1rem;color: #666; line-height: 1.5em; }
.aron_number:before { content: ''; position: absolute; top: 0; left: 0; width: 3rem; height: 2px; background: #fbcd37; }
.aron_number span { margin-right: 5px; color: #fbcd37; font-weight: 700; vertical-align: top; }
.introduction .txt > span {display: block;margin-bottom: 1.5rem;color: #181818; font-size: 2rem;font-weight: 300;line-height: 1;letter-spacing: -1px; }
.introduction .txt h2 {margin-top: 3.5rem;margin-bottom: 1.5rem; color: #181818;font-size: 3rem;font-weight: 800;line-height: 1;letter-spacing: -2px; }
.introduction .txt h2.mb_0 { margin-bottom: 0.5rem !important; }
.introduction .txt p {padding-bottom: 3.5rem;border-bottom: 1px solid #eaeaea;color: #181818; font-weight: 400;line-height: 1.5em; word-wrap: break-word; }
.introduction .txt p.p108_title { padding-bottom: 1rem;border-bottom: none; font-size: 1.25rem;font-weight: 500; }
.aron_img .flex_box.img img { width: 49%; }
.aron_img ul { display: flex;flex-wrap: wrap; justify-content: space-between; }
.aron_img ul li { width: 32.03%; }
.aron_img_two ul li { width: 42.5%; }
.aron_img_two ul li:where(:nth-child(4n+1),:nth-child(4n)) { width: 55.62%; }
.aron_img_two ul li img { width: 100%; aspect-ratio: 34/25; }
.aron_img_two ul li:where(:nth-child(4n+1),:nth-child(4n)) img { width: 100%; aspect-ratio: 89/50; }
.aron_img .full { width: 100% !important; }
.aron_img .full img { width: 100% !important; max-height: 24rem; aspect-ratio: unset !important; }
.introduction .txt p.pb_3 { padding-bottom:1.5rem; }
.introduction .txt p.bb_none { border-bottom: none; }
.bt1 { margin-top: 0 !important; padding-top: 3.5rem; border-top: 1px solid #eaeaea; }
.mb15 { margin-bottom: 1.5rem !important; }
.pb15 { padding-bottom: 1.5rem !important; }
.last_5 { margin-bottom: 5.5rem !important; }
.aron_black_cont { padding-bottom: 7rem; background: #222; }
.black_container {display: flex;justify-content: space-between; margin:0 auto;padding-top: 5.5rem; width: 100%; max-width: 1472px; }
.aron_black_cont .black_left { width: 31.58%; }
.black_bic_txt p {color: #ccc;font-style: italic; font-size: 2rem;font-weight: 200;line-height: 1.3em; }
.black_bic_txt span { display: flex;margin-top: 1rem;color: #ccc;font-size: 2rem;font-weight: 700; }
.black_right { width: 58.69%; }
.introduction.black_right h2 { margin-top: 0;color: #fff; }
.introduction.black_right p { margin-bottom: 0; padding-bottom: 1.5rem; border-bottom: none; color: #fff; }
.italic_p {color: #ccc !important;font-style: italic; font-size: 1.25rem;font-weight: 300 !important; }
.black_container .aron_number { color: #ccc; }

.list_top { display: flex; gap: .5rem; margin-block: 4rem 2rem; }
.list_top.justify_start { justify-content: flex-start; }
.list_top.justify_center { justify-content: center; }
.list_top.justify_end { justify-content: flex-end; }
.list_top .select { flex-shrink: 0; padding-inline: 0.75rem; border: 1px solid #ddd; width: 8rem; height: 3rem; color: #333; }
.list_top .search_keyword { display: flex; gap: .5rem; flex-grow: 1; height: 3rem; }
.list_top .search_keyword .input { padding-inline: 0.75rem; border: 1px solid #ddd; width: 100%; color: #333; }
.list_top .search_keyword .input::placeholder { color: #999999; font-weight: 400; }
.list_top .search_keyword .input::placeholder-shown { color: #999999; /*text-transform: uppercase;*/ font-weight: 400; }
.list_top .search_keyword .btn_search { display: inline-flex; justify-content: center; align-items: center; flex-shrink: 0; width: 3.5rem; background-color: var(--navy); color: #fff; }
.list_top .search_keyword .btn_search svg { aspect-ratio: 1; }

.search_keyword.solid { 
  --icon-size: 24px;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 0;
  flex-grow: 1;
  margin-inline: auto;
  max-width: 46.5rem;
  height: 3.75rem;
  background-color: var(--yellow);
  background-color: var(--navy); }
.search_keyword.solid .input { 
  flex-grow: 1;
  padding-inline: calc(var(--icon-size) + 1.75rem) 1rem;
  border: 1px solid transparent;
  width: 100%;
  height: 100%;
  background-color: transparent;
  font: inherit;
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: -.02em;
  transition: all 0.2s ease-in-out; }
.search_keyword.solid .input::placeholder { 
  color: rgba(255,255,255,0.8);
  font-weight: 400; }
.search_keyword.solid .input::placeholder-shown {
  color: rgba(255,255,255,0.8);
  font-weight: 400; }
.search_keyword.solid .input:-webkit-autofill,
.search_keyword.solid .input:-webkit-autofill:hover, 
.search_keyword.solid .input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  color: #fff !important;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #fff; }
.search_keyword.solid i { 
  position: absolute;
  top: 0;
  left: 1rem;
  flex-shrink: 0;
  width: var(--icon-size);
  height: 100%;
  background-color: transparent;
  background-image: url(../images/ico_search_wh.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: var(--icon-size); }
.search_keyword.solid .btn_search { 
  display: inline-flex; justify-content: center; align-items: center; flex-shrink: 0;
  border: 1px solid transparent;
  width: 4rem;
  width: 6rem;
  height: 100%;
  background-color: transparent;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5em;
  transition: 0.2s ease-in-out; }
.search_keyword.solid .input:where(:hover, :focus),
.search_keyword.solid .btn_search:where(:hover, :focus) {
  background-color: rgb(249, 190, 44);
  background-color: rgb(209, 142, 17);
  background-color: rgba(209, 142, 17, 0.2);
  background-color: rgb(12, 17, 74);
  background-color: rgb(4, 6, 32);
  background-color: rgba(4, 6, 32, 0.2); }
/* 자동완성 스타일 */
.autocomplete-list {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 100;
  display: none;
  margin: 0;
  padding-block: 1rem;
  padding-inline: 2.75rem;
  border: 1px solid #ccc;
  max-height: 200px;
  background: #fff;
  overflow-y: auto; }
.autocomplete-list span {
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: .5rem;
  color: #222;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5em;
  letter-spacing: -.02em;
  cursor: pointer; }
.autocomplete-list span:hover,
.autocomplete-list span.active {
  background: #f3f3f3; }
.autocomplete-list .highlight {
  font-weight: 700; vertical-align: 0; }

.program108_main .sub_title2 {margin-bottom: 2rem; line-height: 1.3em; }
.program108_main .program108_list ul {display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap; justify-content: center; gap: 1.5rem 1rem; margin-top: 2rem; }
.program108_main .program108_list ul li {position: relative; padding-block: 0 6rem; border: solid 1px #eaeaea; width: calc(33% - .5rem); min-height: 32rem; background-color: #fafafa; background-position: 50% 100%; background-repeat: no-repeat; background-size: cover; overflow: hidden; text-align: center; transition:.3s; }
.program108_main .program108_list ul li .support_list { display:flex; flex-direction:column; }
.program108_main .program108_list ul li .support_list .head { position: relative; z-index: 0; display:flex; flex-direction:column; margin-bottom: 1.25rem; padding-top: 4.5rem; background-position: 50% 0; background-repeat: no-repeat; background-size: cover; transition:.3s; }
.program108_main .program108_list ul li .support_list .head:before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient( to bottom, rgba(250,250,250, 0) 10%, rgba(250,250,250, 0.2) 50%, rgba(250,250,250, 0.3) 75%, rgba(250,250,250, 0.6) 90% ); transition:.3s; backdrop-filter: grayscale(.7) blur(3px); }
.program108_main .program108_list ul li .support_list p { padding: 0 1.5rem; font-size: .875rem; line-height: 1.5em; letter-spacing: -.02em; }
.program108_main .program108_list ul li .support_list .support_name { position: relative; z-index: 1; display: inline-block; margin-top: 0;color: #222;font-size: 1.75rem;font-weight: 700; letter-spacing: -.02em; }
.program108_main .program108_list ul li .support_list .support_program { position: relative; z-index: 1; display: inline-block; margin-inline: auto;margin-top: 1rem;margin-bottom: 1rem;padding: 0 1rem; width: 90%; max-width: 340px;color: #222; font-weight: 700; line-height: 1.25em; letter-spacing: -.02em; }
.program108_main .program108_list ul li .support_list .highlight { background-color: var(--navy); color: #fff; font-weight: 700; vertical-align: 0; }
.program108_main .program108_list ul li .support_list .visual_art,
.program108_main .program108_list ul li .support_list .theater,
.program108_main .program108_list ul li .support_list .literature,
.program108_main .program108_list ul li .support_list .music,
.program108_main .program108_list ul li .support_list .dance {display: inline-block; margin: 0 auto 2rem; padding: 0; border: 1px solid transparent; border-radius: 30px; min-width: 6rem; line-height:2rem; }
.program108_main .program108_list ul li .support_list .visual_art {border-color: #ef534f; color: #ef534f; }
.program108_main .program108_list ul li .support_list .theater {border-color: #42a5f5; color: #42a5f5; }
.program108_main .program108_list ul li .support_list .literature {border-color: #27a69a; color: #27a69a; }
.program108_main .program108_list ul li .support_list .music {border-color: #9ccc65; color: #9ccc65; }
.program108_main .program108_list ul li .support_list .dance {border-color: #6c51ff; color: #6c51ff; }
.program108_main .program108_list ul li .more_a {position: absolute; left: 0;bottom: 0; z-index: 2;width: 100%; font-size: 1.125rem;font-weight: 700;line-height: 5.18rem;text-align: center; text-decoration: underline;transition:.3s; }
.program108_main .program108_list ul li .more_a:before { content: '';position: absolute; top: 1px; left: 50%; margin-left: -2.75rem; width: 5.5rem; height: 1px; background: #ccc; transition:.3s; }
.list_default > li {position: relative;padding-left: 0.75rem; font-weight: 400;line-height: 1.75em;;letter-spacing: -0.2px; }
.list_default > li:before { content: ''; position: absolute; top:15px; left: 0; width:4px; height: 1px; background-color: #666; }
.list_default ul { margin-bottom:0.2rem; }
.list_num > li {position: relative;padding-left: 1rem; font-weight: 340;line-height: 1.75em;;letter-spacing: -0.2px;text-indent: -1rem; }
p.p_list {position: relative;padding-left: 0.7rem; font-weight: 340;line-height: 1.75em;;letter-spacing: -0.2px; }
p.p_list:before { content: ''; position: absolute; top:13px; left: 0; width:4px; height: 1px; background-color: #666; }
.en_none { display: none; }
.en_block { display: block; }
.kr_none { display: none; }

.siteLink { /*margin-top:5rem;*/border-top:1px solid #d7d7d7;border-left:1px solid #d7d7d7;overflow:hidden; }
.exchange_program .siteLink li { float:left; margin-bottom: 0;width:20%; }
.siteLink li > a { display:block;padding:0 20px;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;background:url('../images/iconOpenBlank.png') calc(100% - 20px) 50% no-repeat;background-size:15px 15px;box-sizing:border-box;line-height:60px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s; }
.siteLink li > a:hover {border-bottom:1px solid #c8a226; color:#c8a226; }
.colorLink { color:#c8a226;font-weight:700;text-decoration:underline;transition:.2s; }
.colorLink:hover { color:#e1b528; }
.blueLink { color:var(--blue);font-weight:700;text-decoration:underline;transition:.2s; }
.blueLink:hover { color:var(--navy); }

.display_block { display:block; }
.pl_2 { padding-left:1rem !important; }
.pt_1 { padding-top:0.5rem !important; }
.pt_2 { padding-top:1rem !important; }
.pt_3 { padding-top:1.5rem !important; }
.pt_4 { padding-top:2rem !important; }
.pt_5 { padding-top:2.5rem !important; }
.pt_6 { padding-top:3rem !important; }
.pt_7 { padding-top:3.5rem !important; }
.pt_8 { padding-top:4rem !important; }
.pt_9 { padding-top:4.5rem !important; }
.pt_10 { padding-top:5rem !important; }
.pb_1 { padding-bottom:0.5rem !important; }
.pb_2 { padding-bottom:1rem !important; }
.pb_3 { padding-bottom:1.5rem !important; }
.pb_4 { padding-bottom:2rem !important; }
.pb_5 { padding-bottom:2.5rem !important; }
.pb_6 { padding-bottom:3rem !important; }
.pb_7 { padding-bottom:3.5rem !important; }
.pb_8 { padding-bottom:4rem !important; }
.pb_9 { padding-bottom:4.5rem !important; }
.pb_10 { padding-bottom:5rem !important; }
.mt_0 { margin-top:0 !important; }
.mt_1 { margin-top:.5rem !important; }
.mt_2 { margin-top:1rem !important; }
.mt_3 { margin-top:1.5rem !important; }
.mt_4 { margin-top:2rem !important; }
.mt_5 { margin-top:2.5rem !important; }
.mt_6 { margin-top:3rem !important; }
.mt_7 { margin-top:3.5rem !important; }
.mt_8 { margin-top:4rem !important; }
.mt_9 { margin-top:4.5rem !important; }
.mt_10 { margin-top:5rem !important; }
.mb_0 { margin-bottom:0 !important; }
.mb_05 { margin-bottom:.25rem !important; }
.mb_1 { margin-bottom:.5rem !important; }
.mb_2 { margin-bottom:1rem !important; }
.mb_3 { margin-bottom:1.5rem !important; }
.mb_4 { margin-bottom:2rem !important; }
.mb_5 { margin-bottom:2.5rem !important; }
.mb_6 { margin-bottom:3rem !important; }
.mb_7 { margin-bottom:3.5rem !important; }
.mb_8 { margin-bottom:4rem !important; }
.mb_9 { margin-bottom:4.5rem !important; }
.mb_10 { margin-bottom:5rem !important; }
.mr_0 { margin-right:0 !important; }
.mr_1 { margin-right:.5rem !important; }
.mr_2 { margin-right:1rem !important; }
.mr_3 { margin-right:1.5rem !important; }
.mr_4 { margin-right:2rem !important; }
.mr_5 { margin-right:2.5rem !important; }
.mr_6 { margin-right:3rem !important; }
.mr_7 { margin-right:3.5rem !important; }
.mr_8 { margin-right:4rem !important; }
.mr_9 { margin-right:4.5rem !important; }
.mr_10 { margin-right:5rem !important; }

.c_wh { color: #fff !important; }
.c_symbol_gn { color: var(--green) !important; }
.c_symbol_nv { color: var(--navy) !important; }
.c_symbol_ye { color: var(--yellow) !important; }
.c_symbol_pk { color: var(--magenta) !important; }
.c_symbol_bl { color: var(--blue) !important; }
.c_symbol_gr { color: var(--gray) !important; }
.bgc_light_gr { background-color: #f3f3f3 !important; }
.bgc_bk { background-color: #222 !important; }
.bgc_light_ye { background-color: #fffbef !important; }
.bgc_light_bl { background-color: #f3f4f7 !important; }
.bgc_middle_gr { background-color: #666B70 !important; }
.bgc_symbol_gn { background-color: var(--green) !important; }
.bgc_symbol_nv { background-color: var(--navy) !important; }
.bgc_symbol_ye { background-color: var(--yellow) !important; }
.bgc_symbol_pk { background-color: var(--magenta) !important; }
.bgc_symbol_bl { background-color: var(--blue) !important; }
.bgc_symbol_gr { background-color: var(--gray) !important; }

.title_sml { position: relative; display: block; margin-bottom: 1.25rem;color: #111; font-size: 1.25rem;font-weight: 500;line-height: 1.25rem; }
.fz_base { font-size: 1rem !important; }
img.bd {border: 1px solid rgba(0,0,0,.06); }

.program109_main .sub_title2 {margin-bottom: 2rem; line-height: 1.3em; }
.mt2rem { margin-top: 1.8rem; }
.program109_main .table_td td { padding: 1.1rem 2rem; border-left: 1px solid #eaeaea; }
 td.bl_none { border-left: none !important; }
.b_img { margin-top: 4rem; height: 30rem; }
.fa_bg {margin-top: 1.5rem;padding: 3rem; background-color: #fafafa; }
.fa_bg > p {margin-bottom: 1rem; font-weight: 700 !important; }
.fa_bg div p { color: #222; }
.program109_main .table_td_bt { border-top: 2px solid #222; }
.program109_main .table_td_bt tr td { padding: 2rem; border-left: none; }
.chart_li .b_chart_wrap .b_arrow .img {margin-top: 6.18rem;height: 4rem; background: url(../images/progeam107.png) no-repeat;background-position: 50%; }
.chart_li .b_chart_wrap .b_arrow p {padding-left: 0;color: #222; font-weight: 700; }
.chart_li .b_chart_wrap .b_arrow p:before { display: none; }
.chart_li .b_chart_wrap { display: flex;-ms-flex-flow: row wrap;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between; }
.chart_li .b_chart_wrap .b_chart { position: relative;margin-bottom: 6rem; border-top: 1px solid #eac035; border-bottom: 1px solid #eac035; width: 42.5%; }
.chart_li .b_chart_wrap .b_arrow { width: 15%; text-align: center; }
.chart_li .b_chart_wrap .b_chart:before { content: ''; position: absolute; left: 50%; bottom: -5rem;  margin-left: -2rem; width: 4rem ; height: 4rem; background: url(../images/progeam107.png) no-repeat;background-position: 50%;transform: rotate(90deg); }
.chart_li .b_chart_wrap .b_chart h6 { margin-bottom: 0; border-bottom: 1px solid #eac035; background: #fffbef; font-size: 1rem;line-height: 4.5rem;text-align: center; }
.chart_li .b_chart_wrap .b_chart h6 + div { margin-top: 1rem; }
.chart_li .b_chart_wrap .b_chart div { padding: 1.5rem 2rem; }
.chart_li .b_chart_wrap .b_chart2 { margin-bottom: 0; width: 100%; }
.chart_li .b_chart_wrap .b_chart2 h6 { border-bottom: 0; }
.chart_li .b_chart_wrap .b_chart2:before { display: none; }

.program110_list p { margin-bottom: 1rem; line-height: 1.5em; }
.program110_list { display: flex;justify-content: space-between; }
.program110_list .txt {padding-top: 3.5rem; width: 48.5%; }
.program110_list .img { margin-bottom: 5.5rem; width: 37.5%; height: 30rem; }
.program110_main .sub_title2 { padding-bottom: 1rem; border-bottom: 1px solid #ccc; }
.joint_img { display:flex; justify-content: space-between; }
.joint_img div { width: 24.06%; height:19.25rem; background-size:cover; }
.program110_main .joint_ul li { margin-bottom: 2.5rem; }
.lh15 { line-height: 1.5 !important; }
.lh15:before { top: 10px !important; }
.mini_table tr td { border: 1px solid #eaeaea; text-align: center; }
.pdf_down { margin-top: 5.5rem; }
.pdf_down tr td p { line-height: 1.5em; }
.pdf_down tr td a {display: inline-block;margin-top: 0.5rem;border: 1px solid #3175c3; width: 38.6%;background: #6ba9f0;color: #fff;font-weight: 600;line-height: 2.5rem; }
.pdf_down tr td a img { margin-left: 1rem;vertical-align: 1px; }

.sub_wrap .key_pr { display: flex; justify-content: space-between; gap: 12px; }
.sub_wrap .key_pr li { width: 25%; }
.sub_wrap .key_pr li .img { height: 12rem; /* aspect-ratio: 3/2; */ }
.sub_wrap .key_pr li h6 { margin-top: 2rem; }
.sub_wrap .key_pr li p { line-height: 1.5em; word-break: keep-all; }

.history .sub_img { height: 23.5rem; text-indent: -9999px; }

.hero-swiper {
  position: relative;
  overflow: hidden;
  line-height: 0;
  aspect-ratio: 24/11; }
.hero-swiper .title {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding-inline: 2rem;
  padding-top: 3rem;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5em;
  filter: drop-shadow(0 0 3px rgba(0,0,0, 0.25)); }
.hero-swiper .swiper-slide {
  background-color: #222; }
.hero-swiper .swiper-slide .bg {
  opacity: 0;
  display: flex; 
  align-items: flex-end;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translateZ(-200px) scale(1.1);
  transition: transform var(--speed) ease, opacity var(--speed) ease; 
  aspect-ratio: 24/11; }
.hero-swiper .swiper-slide .bg:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  width: 100%; 
  height: 40%;
  background: linear-gradient(to top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); 
  transition: opacity .4s ease; }
.hero-swiper .slide-content {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  opacity: 0;
  padding-inline: 2rem;
  padding-bottom: 4rem;
  width: 100%;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
  transform: translateY(50px);
  transition: all .4s ease-in-out; }
.hero-swiper .swiper-slide-active .bg {
  z-index: 2;
  opacity: 1;
  transform: translateZ(0px) scale(1); }
.hero-swiper .swiper-slide-active .bg:after {
  opacity: 1; }
.hero-swiper .swiper-slide-active .slide-content {
  opacity: 1;
  transform: translateY(0);
  transition: all 1.2s ease-in-out .2s; }
.hero-swiper .swiper-slide-active .slide-content h5 {
  margin-bottom: 0; }
.hero-swiper .intro-nav {
  position: absolute;
  top: 50%;
  z-index: 10;
  border: none;
  width: 3rem; 
  height: 3rem;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 2.5rem; 
  transform: translateY(-50%);
  cursor: pointer;
  filter: drop-shadow(0 0 6px rgba(0,0,0, 0.5)); }
.hero-swiper .hero-prev { left: 2rem; background-image: url(../images/sub/hero_prev.png); }
.hero-swiper .hero-next { right: 2rem; background-image: url(../images/sub/hero_next.png); }

.timeline {
  --1970s: var(--green);
  --1980s: var(--blue);
  --1990s: var(--navy);
  --2000s: var(--yellow);
  --2010s: var(--magenta);
  --2020s: var(--gray);
	position: relative; }
.timeline .tabs_nav {
  position: sticky;
  top: var(--dropmenu-height);
  z-index: 1;
  margin-bottom: 5rem;
  padding-inline: .5rem;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  overflow-x: auto;
  overflow-y: hidden;
  text-align: center; }
.timeline .tabs_nav ul {
	display: inline-flex;
  justify-content: center;
	align-items: center;
  width: max-content; }
body:not(.scroll_down) .timeline .tabs_nav { 
	top: calc( var(--header-height) + var(--dropmenu-height) );
	transition: .2s ease-in-out; }
.timeline .tabs_nav ul li {
  position: relative;
  flex-shrink: 0;
  padding-inline: 1.25rem; }
.timeline .tabs_nav ul li:not(:first-child):before {
  content: '';
  position: absolute;
  top: calc(50% - 3px);
  left: -3px;
  display: block;
  border-radius: 100%;
  width: 6px;
  height: 6px;
  background-color: #ddd; }
.timeline .tabs_nav ul li button {
  position: relative;
	display: flex;
	align-items: center;
	gap: .25rem .75rem;
  padding-inline: .625rem;
	width: 100%;
  height: 100%;
	min-height: 2.875rem;
	background-color: #fff;
	color: #000;
  transition: .2s ease-in-out; }
.timeline .tabs_nav ul li button:after {
  content: "";
  position: absolute;
  left: var(--x,120%);
  bottom: 0;
  opacity: 0;
  width: 100%;
  height: 4px;
  background-color: var(--timeline-color, #000);
  transition: opacity .05s ease,left .3s ease-out; }
.timeline .tabs_nav ul li button :where(span,strong) {
	color: inherit;
  line-height: 1.375em;
  letter-spacing: -.02em; }
.timeline .tabs_nav ul li button span {
	font-size: 1rem;
	font-weight: 500; }
.timeline .tabs_nav ul li button strong {
	font-size: 1.25rem;
	font-weight: 700; }
.timeline .tabs_nav ul li.is_show button:after {
  --x: 0;
  content: "";
  opacity: 1;
  animation: opacity .05s ease,stretch-animate .3s ease-out .17s; }
.timeline .tabs_nav ul li.is_show button {
	color: var(--timeline-color, #000); }
.timeline .tabs_nav ul li.is_show ~li button:after {
  --x: -100% ; }
.timeline .tabs_content {
	width: 100%; }
.timeline .tabs_nav ul li[aria-controls^="1970s"],
.timeline .tabs_content[id^="1970s"] {
  --timeline-color: var(--1970s); }
.timeline .tabs_nav ul li[aria-controls^="1980s"],
.timeline .tabs_content[id^="1980s"] {
  --timeline-color: var(--1980s); }
.timeline .tabs_nav ul li[aria-controls^="1990s"],
.timeline .tabs_content[id^="1990s"] {
  --timeline-color: var(--1990s); }
.timeline .tabs_nav ul li[aria-controls^="2000s"],
.timeline .tabs_content[id^="2000s"] {
  --timeline-color: var(--2000s); }
.timeline .tabs_nav ul li[aria-controls^="2010s"],
.timeline .tabs_content[id^="2010s"] {
  --timeline-color: var(--2010s); }
.timeline .tabs_nav ul li[aria-controls^="2020s"],
.timeline .tabs_content[id^="2020s"] {
  --timeline-color: var(--2020s); }
 
.timeline section {
  position: relative;
  min-height: 20vh; }
.timeline section:before {
  content: '';
  position: absolute;
  top: 0;
  left: calc(var(--content-x-space) + 30px);
  width: 1px;
  height: 100%;
  background: #eee; }
.record {
  position: relative;
  padding-left: 60px; }
.record:not(:last-child) {
  margin-bottom: 100px; }
.record .dot {
  position: absolute;
  top: 0;
  left: 22px;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  background: var(--timeline-color); }
.record .content {
  transition: all 0.5s ease-out; }
.record .content h6 { 
  position: relative;
  top: -1px;
  line-height: 16px;
  transition-delay: 0.1s; }
.record .content p {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.875em;
  transition-delay: 0.3s; }
.record .content img {
  transition-delay: 0.5s; }
 
@keyframes stretch-animate {
  0% {
      transform: scale(1);
  }

  28% {
      transform: scale(1.15,.85);
  }

  50% {
      transform: scale(.9,1.1);
  }

  to {
      transform: scale(1);
  }
} 

.exchange_index_list ul {
  --num: 3;
  --width: calc(100% / var(--num));
  --gap: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  line-height: 0;
  text-align: center; }
.exchange_index_list ul li {
  position: relative;
  width: calc(var(--width) - (var(--gap) - var(--gap) * 1 / var(--num)));
  overflow: hidden; }
.exchange_index_list a {
  position: relative;
  display: block;
  height:100%;
   }
.exchange_index_list a:before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0.4;
  background-color: #000;
  transition: .2s ease-out; }
.exchange_index_list img {
  width: 100%;
  height:100%;
  object-fit:cover;
  /* filter: blur(3px) grayscale(1); */
  transform: scale(1.2);
  transition: .2s ease-out; 
  filter: blur(3px); }
.exchange_index_list p {
  position: absolute;
  top: 50%;
  z-index: 2;
  padding-inline: 1.5rem;
  width: 100%;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5em;
  word-break: break-word !important;
  transform: translateY(-50%); }
.exchange_index_list a:where(:hover,:focus):before {
  opacity: 0; }
.exchange_index_list a:where(:hover,:focus) img {
  transform: scale(1);
  transition: transform 4s ease-out;
  filter: blur(0) grayscale(0); }
 
.rel_gallery_area {
  --height: 500px; 
  --color: #f6c232; 
  --bg-color: var(--blue); 
  position: relative;
	padding-block: 6rem 4rem;
	background: var(--bg-color);
  overflow: hidden; }
.rel_gallery_area button {
  z-index: 5;
  border-radius: .5rem;
  width: 3.125rem;
  height: 3.125rem;
  background-image: none !important;
  box-shadow: 0 0 6px rgba(0, 0, 0, .25);
  overflow: hidden;
  color: transparent;
  text-indent: -9999px;
  white-space: nowrap; } 
.rel_gallery_area svg {
  position: absolute;
  inset: 0;
  width: 3.125rem;
  height: 3.125rem;
  transition-duration: .2s;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-timing-function: cubic-bezier(0,0,.2,1);
  stroke: var(--color);
  fill: var(--bg-color);
  fill-opacity: .9; }
.rel_gallery_area .swiper-button-prev,
.rel_gallery_area .swiper-button-next {
  background-color: transparent; }
.rel_gallery_area .swiper-container {
  position: relative; 
  /* height: var(--height);  */
  overflow: visible; }
.rel_gallery_area .swiper-wrapper {
  height: 100% !important; }
.rel_gallery_area .swiper-slide {
  width: auto;
  max-width: 100%;
  text-align: center;
  /* height: calc(var(--height) - 140px); */
  transform: scale(0.7); 
	transition: all .4s ease-in-out; 
  cursor: grab; 
  will-change: transform;
  transform-origin: top center; }
.rel_gallery_area .swiper-slide a {
  display: block;
  height: 100%; }
.rel_gallery_area .swiper-slide a:hover {
  text-decoration: none; }
.rel_gallery_area .swiper-slide img { 
  /* height: 100%; */
	object-fit: contain;
	object-position: top center; }
.rel_gallery_area .swiper-slide h4 {
	position: relative; 
  margin-top: .5rem; 
	color: var(--color);
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5em; }
.rel_gallery_area .swiper-slide.swiper-slide-active { 
  /* flex: 0 0 50%; */
    transform: scale(1); 
  /*height: var(--height);*/ }
.signing_ceremony {
  position: relative;
  text-align: center; }
.signing_ceremony .img_wrap {
  display: flex;
  align-items: flex-end;
  gap: 1rem; }
.signing_ceremony .img_wrap img {
  flex-shrink: 1; }
.signing_ceremony .img_wrap img:nth-child(1),
.signing_ceremony .img_wrap img:nth-child(3) {
  width: 30%; }
.signing_ceremony .img_wrap img:nth-child(2) {
  width: calc(40% - 2rem); }
.signing_ceremony .img_wrap + p {
  margin-top: 1.5rem; }

.accordion {
  border-bottom: 1px solid #000000;
  background-color: #ffffff; }
.accordion .ico_toggle {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: var(--icon-size);
  height: var(--icon-size); }
.accordion .ico_toggle:before,
.accordion .ico_toggle:after {
  content: "";
  position: absolute;
  top: 50%;
  right: .25rem;
  left: .25rem;
  margin-top: -1px;
  height: 2px;
  background-color: #222;
  transition-delay: .1s;
  transition-duration: .3s; }
.accordion .ico_toggle:after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }
.accordion .accordion_head {
  --icon-size: 2rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  padding-block: 1.75rem;
  padding-right: 1rem;
  transition: all 0.2s ease-in-out;
  cursor: pointer; }
.accordion .accordion_head h3 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem; }
.accordion .accordion_head p {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 2rem; }
.accordion .accordion_body {
  display: none;
  padding-block: 1rem 3.5rem; 
  padding-inline: 1rem; }
.accordion.open .ico_toggle:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }
.accordion.open .ico_toggle:after {
  -webkit-transform: rotate(0);
  transform: rotate(0); }
/* .accordion.open .accordion_body {
  display: block; } */
  
.business_list ul {
  display: flex;
  flex-direction: column;
  gap: 1rem; }
.business_list ul li {
  border: 1px solid #e5e5e5;
  background-color: #f9f9f9; }
.business_list ul li ~ li {
  border-top: 1px solid #dcdcdc; }
.business_list ul li p {
  font-size: 1rem;
  font-weight: 500; }
.business_list ul li p ~ p {
  margin-top: .5rem; }
.business_list .accordion_head {
  --icon-size: 2rem;
  position: relative;
  display: flex;
  /* align-items: center; */
  gap: .75rem;
  padding: 1.5rem;
  line-height: 1.25em;
  transition: all 0.2s ease-in-out;
  cursor: pointer; }
.business_list .accordion_head p {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem; }
.business_list .accordion_head .ico {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--icon-size);
  height: var(--icon-size); }
.business_list .accordion_head .ico svg {
  width: calc(var(--icon-size) / 1.2);
  height: calc(var(--icon-size) / 1.2); }
.business_list .accordion_body {
  display: none;
  padding: .75rem 2rem 2rem 4.25rem; }
.business_list ul li:where(:hover) {
  border-color: #222222 !important; }
.business_list li.open {
  background-color: #f7f7f7; }
.business_list li.open .ico {
  transform: rotate(180deg); }
.business_list li.open .accordion_body {
  display: block; }

.partners_link {
  display: flex;
  flex-wrap: wrap;
  overflow: visible !important; }
.partners_link li {
  position: relative;
  margin-top: -1px;
  margin-left: -1px;
  width: 50%;
  height: auto; }
.partners_link li a {
  display: block;
  padding: 1.5rem 2.875rem 1.5rem 1.25rem;
  border: 1px solid #d7d7d7;
  height: 100%;
  background: url(../images/iconOpenBlank.png) calc(100% - 1.25rem) 50% no-repeat;
  background-size: 15px;
  transition: all .3s;
  -webkit-transition: all .3s; }
.partners_link span {
  display: block;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.5em;
  letter-spacing: .02em; }
.partners_link p {
  font-size: 1.25rem;
  line-height: 1.5em;
  letter-spacing: -.02em; }
.partners_link span + p {
  margin-top: .5rem; }
.partners_link li:hover {
  z-index: 2; }
.partners_link li:hover a {
  border-color: #c8a226;
  color: #c8a226; }

.global_map {
  width: 100%;
  height: auto;
	background: linear-gradient(-45deg, #222222, #16193f, #141313, #0d2339);
  background-color: var(--navy);
  background-color: #222222;
	background-size: 400% 400%;
  overflow: hidden;
	animation: gradient 15s ease infinite;
  aspect-ratio: 4 / 3; }
.global_map svg {
  position:relative;
  max-width:100%;
  max-height:100%; }
.global_map svg circle {
  fill:#eeeeee;
  fill:var(--navy);
  fill:#7f7f7f; }
.global_map svg circle.animate {
  fill: var(--navy);
  fill: #fbcd37; }
@keyframes gradient {
  0% {
    background-position: 0% 50%;
 }
  50% {
    background-position: 100% 50%;
 }
  100% {
    background-position: 0% 50%;
 }
 }

.what_we_do .sub_title { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #ccc; }
.about_div > p { margin-bottom: 1rem; line-height: 1.5em; }
/* .about_ul_wrap { margin-top:3rem; } */
.sub_wrap:has(.about_ul) { padding-bottom: 0; }
.about_ul li { padding-block: 4rem; }
.about_ul li .contain { display:flex; }
.about_ul li .img { position: relative; width: 45%; aspect-ratio: 3/2; }
.about_ul li .img img { width: 100%; aspect-ratio: inherit; }
.about_ul li .about_txt { width: 55%; }
.about_ul li .about_txt h5 { margin-bottom: 1.5rem; font-size: 1.375rem; line-height: 1.3em; word-break: keep-all; }
.about_ul li .about_txt p { margin-bottom: 1.5rem; font-size: 1.375rem; font-weight: 500; letter-spacing: -.02em; word-break: break-word; }
.about_ul li:first-child { padding-top: 0; }
.about_ul li:nth-child(even) { background-color: #f2f2f2; }
.about_ul li:nth-child(even) .contain { flex-direction: row-reverse; }
.about_ul li:nth-child(odd)  .about_txt { padding-left: 5%; }
.about_ul li:nth-child(even) .about_txt { padding-right: 5%; }

.vision {}
.paragraph_section {
  --color: var(--blue);
  position: relative; }
.paragraph_section .point_color {
  color: var(--color) !important; }
.paragraph_container {
  display: flex;
  column-gap: 2rem; }
.paragraph_container.line_top {
  padding-top: 2rem;
  border-top: 1px solid #000; }
.paragraph_container ~ .paragraph_container {
  margin-top: 4rem; }
.paragraph_head {
  width: 25%; }
.paragraph_head.line_top {
  padding-top: 1.5rem;
  border-top: 1px solid #000; }
.paragraph_head .title {
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.25em;
  letter-spacing: -.02em; }
.paragraph_head .title_sm {
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.25em;
  letter-spacing: -.02em; }
.paragraph_head .only_mobile.inlineblock {
  margin-right: .5rem;
  vertical-align: 0; }
.paragraph_cont {
  width: 75%; }
.paragraph_cont .text {
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: -.02em; }

.title-swiper {
  /*
  --speed: 2500;
  --mask-delay: 1000;
  --mask-duration: 500; */
  --mask-color: var(--magenta);
  position: relative;
  margin-bottom: 1.5rem;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  vertical-align: top;
  user-select: none; }
.title-swiper .swiper-slide { 
  opacity: 0; }
.title-swiper .swiper-slide h5 {
  position: relative;
  display: inline-block;
  margin-bottom: 0 !important;
  overflow: hidden;
  transform: translateY(20%);
  transition: transform .4s ease-in-out; }
.title-swiper .swiper-slide strong {
  opacity: 0;
  display: inline-block;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.5em;
  white-space: nowrap; }
.title-swiper .swiper-slide-active {
  opacity: 1; }
.title-swiper .swiper-slide-active h5 {
  transform: translateY(0); }
.title-swiper .swiper-slide-active:not(.animate-in) strong {
  opacity: 1; }
.title-swiper .swiper-slide-active.animate-in strong {
  opacity: 0;
  transition: opacity .05s calc(var(--mask-delay) + var(--mask-duration)) ease-in-out;
  transition: opacity .05s calc(var(--mask-delay) + var(--mask-duration)) ease-in-out; }
.title-swiper .swiper-slide .mask {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 0;
  height: 100%;
  background: var(--mask-color);
  pointer-events: none; }
.title-swiper .swiper-slide-active.animate-in .mask {
  animation: 
    maskIn var(--mask-duration) ease-in-out var(--mask-delay) forwards,
    maskOut var(--mask-duration) ease-in-out calc(var(--mask-delay) + var(--mask-duration)) forwards; }
@keyframes maskIn {
  from {
    left: 0%;
    width: 0%;
 }
  to {
    left: 0%;
    width: 100%;
 } }
@keyframes maskOut {
  from {
    left: 0%;
    width: 100%;
 }
  to {
    left: 100%;
    width: 0%;
 } }

p.bl { position: relative;margin-bottom: 1rem; padding-left: 0.65rem; line-height: 1.5em; }
p.bl:before { content: ''; position: absolute; top: 12px; left: 0; width: 4px; height: 1px; background-color: #222222; }

.members_chairPerson { display: flex;justify-content: space-between;padding: 3rem 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; }
.members_chairPerson .img { width: 50%;height: 23.5rem; background-size: contain; }
.members_chairPerson .chairPerson {padding-left: 3rem; width: 50%; }
.members_chairPerson .chairPerson p { font-weight: 300; }
.members_chairPerson .chairPerson h5 { margin-top: 0.5rem;margin-bottom: 1.5rem; }
.members_chairPerson .chairPerson p.bl,
.person_ul li div p.bl { margin-bottom: 0;line-height: 1.75em;; }
.members_chairPerson .chairPerson p.bl:before,
.person_ul li div p.bl:before { top: 15px; }
.person_ul { display:flex; -ms-flex-flow: row wrap; flex-wrap:wrap; -webkit-flex-wrap: wrap; padding-top: 4rem; }
.person_ul li { display:flex; margin-bottom: 3rem; width: 50%; }
.person_ul li:last-child { margin-bottom: 0; }
.person_ul li .img { width: 30%; height: 17rem; }
.person_ul li div { padding-right: 0.5rem; padding-left: 2.5rem; width: 70%; }

.organization_wrap { position: relative; }
.organization_ul .orginli1 { position: relative;margin: 0 auto;border: 1px solid #fbcd37;border-radius: 50%;width: 17.5rem;height: 17.5rem;color: #fbcd37;font-size: 2.125rem;font-weight: 800;line-height: 17.5rem;letter-spacing: -2px;text-align: center; }
.organization_ul .orginli2 {margin: 0 auto;margin-top: 2rem;border: 1px solid #fbcd37;border-radius: 50%; width: 17.5rem;height: 17.5rem;background-color: #fbcd37;color: #fff;font-size: 2.125rem;font-weight: 400;line-height: 17.5rem;letter-spacing:-2px;text-align: center; }
.organization_ul .orginli2 {margin: 0 auto;margin-top: 2rem;border: 1px solid #fbcd37;border-radius: 50%; width: 17.5rem;height: 17.5rem;background-color: #fbcd37;color: #fff;font-size: 2.125rem;font-weight: 400;line-height: 17.5rem;letter-spacing:-2px;text-align: center; }
.organization_ul .orginli3 { margin-top: 5rem; }
.organization_ul .orginli3 > ul { display: flex; justify-content: space-between; margin: 0 auto; max-width: 55rem; }
.organization_ul .orginli3 > ul > li { display: inline-flex; justify-content: center; align-items: center; padding-inline: 1rem; border-radius: .875rem; width: 26rem; min-height: 9rem;  background-color: var(--green);color: #fff;font-size: 1.5rem;font-weight: 500;line-height: 2.5rem;letter-spacing: -1px;text-align: center; }
.organization_ul .orginli4 { margin-top: 5rem; }
.organization_ul .orginli4 > ul { display: flex;justify-content: space-between;gap: 1rem; }
.organization_ul .orginli4 > ul > li { position: relative; flex: 1; }
.organization_ul .orginli4 > ul > li p {display: flex;justify-content: center;align-items: center; height: 12.5rem; background-color: #6ba9f0;color: #fff;font-size: 1.5rem;line-height: 1.3em;;letter-spacing: -1px;text-align: center; }
.organization_ul .orginli4 > ul > li > ul { margin-top: 2rem; }
.organization_ul .orginli4 > ul > li > ul > li {margin-bottom: 1rem; line-height: 1.5em; }
.orginli_other { position: absolute; top: 7rem; left:60%; }
.orginli_other ul li:last-child { border:1px solid #eaeaea; background-color: #FFF; }
.orginli_other ul li {margin-bottom: 1rem; width: 18rem; height: 4.5rem;  background-color: #eaeaea;color: #666;font-size: 1.5rem;font-weight: 300;line-height: 4.5rem;letter-spacing: -1px; text-align: center; }

.event_list {
  --num: 3;
  --width: calc(100% / var(--num));
  --gap: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  row-gap: 4rem;
  column-gap: var(--gap);
  line-height: 0;
  text-align: center; }
.event_list li {
  position: relative;
  width: calc(var(--width) - (var(--gap) - var(--gap) * 1 / var(--num)));
  overflow: hidden; }
.event_list .thumb {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  line-height: 0; }
.event_list .thumb:before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  border: 1px solid rgba(0, 0, 0, 0.10);
  border-radius: inherit; }
.event_list img {
  transition: all .2s cubic-bezier(0,.72,.44,.99);
  object-fit: cover; }
.event_list h5 a {
  display: block;
  padding: 1.5rem 0;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center; }
.event_list li:hover img {
  transform: scale(1.1);
  transition: all .6s cubic-bezier(0,.72,.44,.99); }

.reports .reports_list { -ms-flex-flow: row wrap; flex-wrap:wrap; -webkit-flex-wrap: wrap; padding-top: 4rem; border-top: 1px solid #ccc; }
.reports .reports_list li {margin-right: 1.88%; width: 23.59%; }
.reports .reports_list li:nth-child(4n+4) { margin-right: 0; }
.reports .reports_list li a.img { display: flex; justify-content: center; align-items: center; height: 24.5rem; }
.reports .reports_list li a.img img { width: auto; max-width:100%; height: auto; max-height: 100%; object-fit: contain; }
.reports .reports_list li h5 { margin-bottom: 4rem; }
.reports .reports_list li h5 a {display: block;padding: 1.5rem 0;font-size: 1.5rem;font-weight: 700; text-align: center; }

.pagination { display:flex; justify-content:center; }
.pagination li a {display: block;margin: 0 4px;border: 1px solid #ddd; width: 2.5rem;line-height: 2.5rem;text-align: center;text-indent: -9999px; }
.pagination li a.page-link { margin: 0 0.7rem;border: none;width: auto; width: 10px;color: #222; text-indent: 0; }
.pagination li a.page_start { background: url(../images/page_start.png) no-repeat center; }
.pagination li a.page_prev { background: url(../images/page_prev.png) no-repeat center; }
.pagination li a.page_next { background: url(../images/page_next.png) no-repeat center; }
.pagination li a.page_end { background: url(../images/page_end.png) no-repeat center; }
.pagination li a.page_on { color: #fbcd37; font-weight: 700; }
.useful_checkbox .dataTables_wrapper .dataTables_paginate { float:none; margin-top: 4rem; width: 100%; }
.useful_checkbox .dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0; border:none !important; }
.useful_checkbox .dataTables_wrapper .dataTables_paginate .paginate_button.previous a { border: 1px solid #ddd;  width: 2.5rem; height: 2.5rem; background: url(../images/page_prev.png) no-repeat center; text-indent: -9999px; }
.useful_checkbox .dataTables_wrapper .dataTables_paginate .paginate_button.next a { border: 1px solid #ddd;  width: 2.5rem; height: 2.5rem; background: url(../images/page_next.png) no-repeat center; text-indent: -9999px; }
.useful_checkbox .dataTables_paginate .pagination li a {display: block;margin: 0 0.7rem; border:none; width: 10px;line-height: 2.5rem;text-align: center; text-indent:0; }
.useful_checkbox .dataTables_paginate .pagination li.active a { color: #fbcd37; font-weight: 700; }

.identity .signatures { margin-top: 4.5rem; padding-block: 3rem 3.75rem; padding-inline: 1.5rem; background-color: #fafafa; }
.identity .signatures .container h5 { margin-bottom: 3rem; }
.identity .signatures .container ul li { width: 23.75%; }
.identity .signatures .container ul li .img { border:1px solid #eaeaea; height: 19rem; background-color: #fff; background-position: 50%; background-repeat: no-repeat; }
.identity .signatures .container ul li p {margin-top: 2rem;margin-bottom: 1rem; text-align: center; }
.identity .signatures .container ul li .logo_down a {display: block;padding-left: 2.5rem;border: 1px solid #3175c3; width: 9rem;background: #6ba9f0 url(../images/down.png) no-repeat 70% 50%;color: #fff;font-weight: 600;line-height: 2.4rem;text-align: left; }
.identity .signatures .container ul li .logo_down a.logo_ai { padding-left: 3rem; background: #6ba9f0 url(../images/down.png) no-repeat 64% 50%; }
.identity .signatures .container .signatures2_ul li .img { height: 12rem; background-size: 94%; }

.facilities ul { margin-top: 4rem; }
.facilities ul li { display: flex; gap: 1rem 2.5rem; margin-bottom: 3.5rem; }
.facilities ul li:nth-child(2n+2) { flex-direction: row-reverse; }
.facilities ul li:nth-child(2n+2) .facilities_txt { padding-left: 0; }
.facilities ul li:last-child { margin-bottom: 0; }
.facilities ul li .img { flex-shrink: 0; width: 50%; height: 23.75rem; }
.facilities ul li .facilities_txt { flex-grow: 1; padding-top: 2rem; }
.facilities ul li .facilities_txt h5 {margin-bottom: 0.5rem;color: #262626; font-size: 1.5rem; }
.facilities ul li .facilities_txt .facilities_ad { display: block; margin-bottom: 1.8rem; color: #999; font-weight: 600; line-height: 1.5em; word-break: keep-all; }
.facilities ul li .facilities_txt p { max-width: 100%;color: #2b2b2b; line-height: 1.75em; text-align: justify; word-break: keep-all; }
/* .facilities ul li .facilities_txt p:after {content: "";display: inline-block;width: 100%; } */
/* .facilities ul li .facilities_txt a {display: inline-block;margin-top: 2.5rem;border: solid 1px #3175c3; width: 9rem;background-color: #6ba9f0;color: #fff;font-weight: 600;line-height: 2.5rem;text-align: center; } */

.useful .sub_title,
.contact_us .sub_title { font-weight: 300; }
.useful_wrap { margin-top: 3.5rem; border-top: 1px solid #eaeaea; }
.useful_checkbox .check_title {padding-left: 2rem;width: 18.12%;color: #262626; font-size: 1.25rem;font-weight: 700; }
.checkbox_wrap {display: flex;align-items: center; background-color: #fafafa; }
.art_forms { margin-bottom: 4.5rem; border-bottom: 1px solid #eaeaea; background-color: #fff; }
.other_checkbox { width: 88%; }
.checkbox_div {display: flex;padding: 2rem 2.5rem; border-left: 1px solid #eaeaea;width: 81.88%; }
.checkbox_div > label { margin-right: 7rem; }
.checkbox_div .other_checkbox ul { display: flex;flex-wrap: wrap;width: 100%; }
.checkbox_div .other_checkbox ul li {margin-top: 1.75rem; width: 33.333%; }
.checkbox_div .other_checkbox ul li input[type="checkbox"] + label { width: auto; }
.checkbox_div .other_checkbox ul li:nth-child(1),
.checkbox_div .other_checkbox ul li:nth-child(2),
.checkbox_div .other_checkbox ul li:nth-child(3) { margin-top: 0; }
.checkbox_div input[type="checkbox"] { position: absolute; visibility: hidden; }
.checkbox_div input[type="checkbox"] + label { display:flex; align-items:center;padding-left: 3.5rem; width: 7rem; height: 2.5rem;  background: url(../images/check.png) no-repeat left ; color: #373737; font-weight: 700; line-height: 2.5rem;line-height: 1.5em; cursor:pointer; }
.checkbox_div input[type="checkbox"]:checked + label { background: url(../images/checked.png) no-repeat left ; }
.useful_wrap { display: none; }
.useful_wrap.active { display: block; }
.website_list > h5 { color: #262626; }
.website_list .list_wrap { margin-top: 1.5rem; }
.website_list .list_wrap .website {padding: 1.5rem 0 3.5rem 0; border-top: 1px solid #eaeaea; }
.website_list .list_wrap .website .website_title { display: flex;justify-content: space-between;align-items: center; }
.website_list .list_wrap .website .website_title h6 {margin-bottom: 0;color: #262626; font-size: 1.25rem; }
.website_list .list_wrap .website .website_title a {border: solid 1px #3175c3;width: 12rem;background: #6ba9f0;color: #fff;font-weight: 600; line-height: 2.5em;text-align: center; }
.website_list .list_wrap .website .hashtag {margin-top: 1rem; background-color: #fafafa; }
.website_list .list_wrap .website .hashtag ul { display: flex;align-items: center;padding: 0 1.5rem;height: 3.5rem; }
.website_list .list_wrap .website .hashtag ul li {margin-right: 2rem; color: #2b2b2b; }
.website_list .list_wrap .website .hashtag ul li.check {color: #373737; font-weight: 700; }
.website_list .use_table { display: block;border-top: 1px solid #eaeaea; border-bottom: none !important; width:100% !important; border-collapse: collapse; }
.website_list .use_table tr { position: relative; display: block; border-bottom: 1px solid #eaeaea; width:100% !important; }
.website_list .use_table tr th { opacity: 0; }
.website_list .use_table thead { display: none; }
.website_list .use_table tbody { display: block; }
.website_list .use_table tr td { display: block; }
.website_list .use_table tr td span { position: relative; display: inline-block; margin-right: 2rem; padding-left: 13px; }
.website_list .use_table tr td span:before { content: '#';position: absolute; top: 0;  left: 0; }
.website_list .use_table tr td.highlight span {color: #373737; font-weight: 700; }
.website_list .use_table tr td:nth-child(1) {margin-bottom: 0; margin-bottom: 1.6rem; padding-top: 2.12rem;color: #262626; font-size: 1.25rem; font-weight: 700; }
.website_list .use_table tr td:nth-child(2) { position: absolute;top: 1.5rem;right: 0; }
.website_list .use_table tr td:nth-child(2) a {display: block;border: solid 1px #3175c3; width: 12rem;background: #6ba9f0;color: #fff;font-size: 1rem;font-weight: 600;line-height: 2.5rem;text-align: center; text-indent: 0; }
.website_list .use_table tr td:nth-child(3) {float: left;padding: 1.5rem 0 1.25rem 1.25rem; background-color: #fafafa;color: #303030; }
.website_list .use_table tr td:nth-child(4) { margin-bottom: 3.5rem;padding: 1.5rem 1.25rem 1.25rem 0;background-color: #fafafa;color: #303030; }
.website_list .dataTables_filter { opacity: 0; }

.contact .map { height: 25rem; }
.contact .map img { max-width:100%; }
.contact .map iframe { max-width: 100%; max-height:100%; }
.contact > ul {margin-top: 2.5rem; margin-bottom: 2.5rem;padding: 2rem 3rem; background-color: #fafafa; }
.contact > ul li { margin-bottom: 2rem; }
.contact > ul li:last-child { margin-bottom: 0; }
.contact > ul li h5 { font-size: 1.5rem; }
.inquiry {padding: 2.5rem 0; background: url(../images/inquiry.jpg) no-repeat ; background-position:0; background-size: cover; text-align: center; }
.inquiry .ye_box {padding-inline: 2rem; }
.inquiry h6 {color: #fff; font-size: 1.75rem;text-transform: uppercase; }
.inquiry p { color: #fff; line-height: 1.5em; }
.inquiry a { display:inline-block; padding: 0 2.2rem;border: solid 1px #fbcd37; color: #fbcd37; font-weight: 600; line-height: 2.5rem; text-align: center; }
.inquiry .ye_box a { margin-left: .5rem; }
.inquiry .inquiry_input {margin: 0 auto;margin-top: 2rem; width: 41.87%; }
.inquiry .inquiry_input ul li { position: relative; margin-bottom: 1rem; }
.inquiry .inquiry_input ul li input {padding: 0 1.25rem;border: none; border-radius:0; width: 100%;height: 2.5rem;box-sizing: border-box;color: #333; }
.inquiry .inquiry_input ul li input::placeholder { color: #999999; text-transform: uppercase; }
.inquiry .inquiry_input ul li input:-ms-input-placeholder { color: #999999; text-transform: uppercase; }
.inquiry .inquiry_input ul li label {position: absolute;left: 0; visibility: hidden; }
.inquiry .inquiry_input button { border: solid 1px #3175c3; width: 100%;background-color: #6ba9f0;color: #fff;font-weight: 600;line-height: 2.5rem;text-transform: uppercase; }

.exchange_contact {position: relative;padding: 3.5rem 0; background-color: #000; overflow: hidden; text-align: center; }
.exchange_contact:before {content: '';position: absolute;inset: -4px; opacity: .6; background: url(../images/sub/facilities_06.jpg) no-repeat; background-position:center center; background-size: cover; filter:blur(2px); }
.exchange_contact .text {position: relative; z-index: 1; }
.exchange_contact h6 {color: #fff; font-size: 1.75rem;text-transform: uppercase; }
.exchange_contact p { color: #fff; line-height: 1.5em; }
.exchange_contact a { display:inline-block;margin-left: .5rem; padding: 0 2.2rem;border: solid 1px #fbcd37; color: #fbcd37; font-weight: 600; line-height: 2.5rem; text-align: center; }
.exchange_contact a:hover { background-color: #fbcd37; color: #000; }

@keyframes btnani { 0% { left: -200px; opacity: 0; } 100% { left: 0; opacity: 1; } }
@keyframes ani1 { 0% { left: -500px; opacity: 0; } 100% { left: 0;opacity: 1; } }
@keyframes ani1_2 { 0% { right: -500px; opacity: 0; } 100% { right: 0;opacity: 1; } }
@keyframes over_ani { 0% { transform:rotate(-20deg); }25% { transform:rotate(30deg); }50% { transform:rotate(-10deg); }75% { transform:rotate(10deg); }100% { transform:rotate(0deg); } }
@keyframes ani2 { 0% { top: -50px; opacity: 0; } 100% { top: 0;opacity: 1; } }
@keyframes ani2_1 { 0% { transform:scale(1); }50% { opacity: 1; transform:scale(1.1); }100% { opacity: 1; transform:scale(1); } }
@keyframes ani3 { 0% { top: -50px; opacity: 0; } 100% { top: 0;opacity: 1; } }
@keyframes ani3_1 { 0% { top: 30px; opacity: 0; }50% { opacity: 0; }100% { top: 0;opacity: 1; } }
@keyframes ani3_2 { 0% {bottom: 50px; opacity: 0; } 100% { bottom: 0; opacity: 1; } }
@keyframes bg4_ani { 0% { top:0; } 50% { top:10px; opacity:1; } 100% { top:0; opacity:1; } }
@keyframes ani4 { 0% { top: -50px; opacity: 0; } 100% { top: 0;opacity: 1; } }
@keyframes ani4_1 { 0% { opacity: 0; transform: scale(1); } 50% { opacity: 0.8; transform: scale(1.1); } 100% { opacity: 1; transform: scale(1); } }
@keyframes ovh { 0% { overflow: hidden; } 100% { overflow: initial; } }
@keyframes fadein { 0% { opacity:0; } 100% { opacity:1; } }
@keyframes page_down { 0% { width:0%; } 50% { left: 0; width: 100%; } 100% { left: 100%; width: 0; } }


/* ============================================ 231120 메인 / 서브 리뉴얼 ============================================ */

/* COMMON */
.swiper-wrapper { 
	transition: 1.5s cubic-bezier(0.2, 0.6, 0, 1) !important;
	will-change: transform; }
.swiper-pagination-progressbar {
	position: relative;
	width: 100%;
	height: 2px; 
	background: rgba(0,0,0,.1); }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; 
	background: #222;
	transform: scale(0);
	cursor: pointer;
	transform-origin: left top; }

.only_tablet_mobile { 
	display: none; }
.only_mobile { 
	display: none; }

.sr_only { 
	position: absolute;
	z-index: -1;
	margin: -1px !important;
	padding: 0 !important;
	border: 0 !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden;
	font: 0/0 Arial;
	font-size: 1px !important;
	text-indent: -9999px !important;
	clip: rect(0 0 0 0); }
.ir { 
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	white-space: nowrap; }

.img_wrap img {
  max-width: 100%; }
.contain { 
	margin: 0 auto;
	padding-inline: var(--content-x-space);
	max-width: calc( var(--content-width) + var(--content-x-space) * 2 ); }
.ov_wr { 
	overflow: hidden; }

.flexy_row { 
	display: flex; }
.flexy_row.justify_center { 
	justify-content: center; }
.flexy_row.justify_between { 
	justify-content: space-between; }
.flexy_row.justify_end { 
	justify-content: flex-end; }
.flexy_row.align_center { 
	align-items: center; }
.flexy_row_img { 
	display: flex; }
.flexy_row_img.wrap { 
	flex-wrap: wrap; }
.flexy_row_img.justify_center { 
	justify-content: center; }
.flexy_row_img.justify_between { 
	justify-content: space-between; }
.flexy_row_img.justify_end { 
	justify-content: flex-end; }
.flexy_row_img.align_center { 
	align-items: center; }
.flexy_row_img .flexy_col { 
	flex: 1; }
.flexy_row_img img { 
	max-width: 100%; }
.gap_1 { 
	gap: .5rem; }
.gap_2 { 
	gap: 1rem; }
.gap_3 { 
	gap: 1.5rem; }
.gap_4 { 
	gap: 2rem; }
.gap_5 { 
	gap: 2.5rem; }
.gap_6 { 
	gap: 3rem; }

.position_relative {position: relative; }
.position_absolute { position: absolute; }
.caption { opacity: 0.8; max-width: 100%; font-size: 0.937rem; }
.caption.position_absolute { filter: drop-shadow(0 2px 4px black); }
.caption.right_bottom { right: 1rem; bottom: 1rem; text-align: right; }

/* MAIN */
.main_section { 
	position: relative; }
.main_section .more_contents {
	position: relative; 
	display: inline-block;
	padding: .25rem 1rem .25rem 0;
	border-bottom: 2px solid #f6c232;
	background: url(../images/arw_right_ye.png)no-repeat 100% 50% ;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1.25em; }
	
.main_intro { 
  z-index: 2;
	height: 100vh;
	overflow: hidden;
  /* perspective: 0;*/ }
.main_intro .visual_logo { 
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	opacity: 0;
	width: 80%;
	max-width: 531px;
	transform: translate(-50%, -50%) scale(1.1);
	transition: opacity 1.2s ease-in-out, transform 4s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.main_intro .visual_logo.load { 
	opacity: 1;
	transform: translate(-50%, -50%) scale(1); }
.main_intro .ring { 
	position: absolute;
	top: 50%;
	left: 50%;
	border: 1px solid #eee;
	border-radius: 50%;
	transform: translate(-50%, -50%);
    perspective: 0; }
.main_intro .ring1 { 
	padding-bottom: 45%;
	width: 45%;
	-webkit-animation: pulse 3s -0.5333s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
			animation: pulse 3s -0.5333s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
    perspective: 5px; }
.main_intro .ring2 { 
	padding-bottom: 90%;
	width: 90%;
	-webkit-animation: pulse 4s -1.0667s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
			animation: pulse 4s -1.0667s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
    perspective: 10px; }
.main_intro .circle { 
	position: absolute;
	border-radius: 50%;
	-webkit-animation: translateZ 4s ease-in-out infinite alternate;
			animation: translateZ 4s ease-in-out infinite alternate; }
.main_intro .circle1 { 
	top: 7.813rem;
	right: 12%;
	width: 1.5rem;
	height: 1.5rem;
	background-color: var(--yellow);
	-webkit-animation-name: translateZ;
			animation-name: translateZ;
	-webkit-animation-delay: -0.3s;
			animation-delay: -0.3s; }
.main_intro .circle2 { 
	top: 47%;
	left: -2%;
	width: 1.875rem;
	height: 1.875rem;
	background-color: var(--green);
	-webkit-animation-name: translateZ;
			animation-name: translateZ;
	-webkit-animation-delay: -0.6s;
			animation-delay: -0.6s; }
.main_intro .circle3 { 
	right: 32%;
	bottom: 1.125rem;
	width: 0.875rem;
	height: 0.875rem;
	background-color: var(--navy);
	-webkit-animation-name: translateZ2;
			animation-name: translateZ2;
	-webkit-animation-delay: -0.9s;
			animation-delay: -0.9s; }
.main_intro .circle4 { 
	top: 35%;
	left: 7%;
	width: 0.875rem;
	height: 0.875rem;
	background-color: #f6c232;
	-webkit-animation-name: translateZ2;
			animation-name: translateZ2;
	-webkit-animation-delay: -1.2s;
			animation-delay: -1.2s; }
.main_intro .circle5 { 
	left: 14%;
	bottom: 26%;
	width: 0.75rem;
	height: 0.75rem;
	background-color: var(--magenta);
	-webkit-animation-name: translateZ3;
			animation-name: translateZ3;
	-webkit-animation-delay: -1.5s;
			animation-delay: -1.5s; }
.main_intro .circle6 { 
	right: 2%;
	bottom: 32%;
	width: 1.875rem;
	height: 1.875rem;
	background-color: var(--blue);
	-webkit-animation-name: translateZ3;
			animation-name: translateZ3;
	-webkit-animation-delay: -1.8s;
			animation-delay: -1.8s; }
.main_intro .marquee {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display:  inline-flex;
  align-items: center;
  height: 100%;
  vertical-align: middle;
  white-space: nowrap;
  transform: translate3d(0%, 0, 0);
  animation-name: marquee;
  animation-duration: 50s;
  animation-timing-function: linear;
  animation-iteration-count: infinite; }
.main_intro .marquee_logo {
  display:  inline-block;
  padding-right: 5.4rem;
  width: auto; 
  max-width: 100%;
  white-space: nowrap; }

@keyframes marquee {
  0% {
      transform: translate3d(0%, 0, 0);
 }
  100% {
      transform: translate3d(-100%, 0, 0);
 }
 }



.main_animated_card {
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: var(--header-height);
	height: 100vh;
	overflow: hidden; }
.card {
  position: relative;
  width: 440px;
  height: 660px;
  color: #fff;
  transform-style: preserve-3d; }
.card .card-face {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2.5rem 3rem;
  transition: 0.8s;
  backface-visibility: hidden;
  transform-style: preserve-3d; }
.card .face-1 {
  background-image: linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0.05)
  );
  transform: translate(0%) rotateY(0deg) perspective(800px);
  transform-origin: right; } /* perspective(0px) */
.card .face-2 {
  background-image: linear-gradient(
    60deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0.05)
  );
  transform: translateX(100%) rotateY(100deg) perspective(1000px);
  transform-origin: left; } /* perspective(1000px) */
.card .top-part {
  position: relative; }
.card .face-1 h2.title {
  margin: 0.4rem 0 0.6rem;
  margin-bottom: 30px;
  font-size: 2.1rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  transform: translateZ(50px);
  transform-style: preserve-3d; }
.card .face-2 h2.title {
  margin-top: 0.5rem;
  font-size: 1.3rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  transform: translateZ(35px);
  transform-style: preserve-3d; }
.card .info {
  display: flex;
  align-items: center; }
.card .desc1 {
  margin-right: 0.8rem;
  padding: 0.3rem 0.6rem;
  border-radius: 3px;
  background-color: #fff;
  color: rgb(30, 35, 66);
  font-size: 0.8rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  transform: translateZ(40px);
  transform-style: preserve-3d; }
.card .desc2 {
  color: #eee;
  font-size: 1.05rem;
  transform: translateZ(40px);
  transform-style: preserve-3d; }
.card .features {
  margin: 2.5rem 0;
  color: #eee;
  font-weight: 300;
  line-height: 1.75em; 
  transform: translateZ(40px);
  list-style: none;
  transform-style: preserve-3d; }
.card .features li ~ li {
  margin-top: 0.5rem; }
.card .bottom-part {
  display: flex;
  justify-content: space-between;
  align-items: center; }
.card .desc3 {
  display: flex;
  font-size: 2.3rem;
  font-weight: 400;
  line-height: 0.95;
  transform: translateZ(45px);
  transform-style: preserve-3d; }
.card .desc3 span {
  margin-right: 0.2rem;
  font-size: 1.4rem; }
.card .view-wrap {
  display: flex;
  justify-content: flex-end; }
.card .view {
  display: inline-block;
  padding: 0.65rem 1.7rem;
  border-radius: 4px;
  background-color: #fff;
  color: #000;
  font-weight: 500;
  transform: translateZ(45px);
  transition: background-color 0.3s, opacity 0.7s !important;
  transform-style: preserve-3d; }
.card .view i {
  font-size: 0.9rem; }
.card .view:hover {
  background-color: #f4f4f4; }
.card .float-image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transform-style: preserve-3d; }
.card .float-img {
  position: absolute;
  top: 60%;
  left: 70%;
  width: 130%;
  transform: translate(-45%, -55%) translateZ(200px);
  animation: float 2s alternate ease-in-out infinite;
  transition: 0.65s;
  transform-style: preserve-3d;
  filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.2)); }
.card .float-img .img {
  width: 300px;
  transform: rotate(-30deg);
  transition: 0.6s; }
.card .face-1 .hide {
  opacity: 1;
  transition: 0.7s; }
.card .face-2 .hide {
  opacity: 0;
  transition: 0.7s; }

.main_animated_card:hover .face-1 {
  transform: translate(-100%) rotateY(-100deg) perspective(1000px); }/*  perspective(1000px) */
.main_animated_card:hover .face-2 {
  transform: translate(0%) rotateY(0deg) perspective(800px); } /*  perspective(0px) */
.main_animated_card:hover .face-1 .hide {
  opacity: 0; }
.main_animated_card:hover .face-2 .hide {
  opacity: 1; }
.main_animated_card:hover .float-img {
  top: 75%;
  left: 110%; }
.main_animated_card:hover .float-img .img {
  transform: rotate(-17deg); }

@keyframes move {
  from {
    transform: translateX(-5px);
 }
  to {
    transform: translateX(5px);
 }
 }
@keyframes float {
  0% {
    transform: translateX(calc(-45% - 5px)) translateY(calc(-55% - 5px))
      translateZ(200px);
 }
  100% {
    transform: translateX(calc(-45% + 5px)) translateY(calc(-55% + 5px))
      translateZ(400px);
 }
 }
@media (max-width: 550px) {
  .card {
    transform: scale(0.6);
 }
 }




.main_section1 { 
	padding-top: 5rem;
	background: var(--navy);
	background: linear-gradient(180deg, rgba(12,17,74,1) 0%, rgba(12,17,74,1) 80%, rgba(255,255,255,0) 80%); }
.main_section1 .contain { 
	position: relative;
	padding-inline: 50px;
	max-width: 1380px; }
.main_section1 .section_title { 
	margin-bottom: 3.75rem;
	color: #fff;
	text-align: center; }
.main_section1 .section_title p { 
	margin-bottom: 1.25rem;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.75em; }
.main_section1 .section_title h2 { 
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 2rem; }
.main_section1 .swiper-container { 
	margin: 0 auto;
	max-width: 1060px;
	box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.24);
	transition: all .3s ease-in-out; }
.main_section1 .swiper-slide { 
	background-color: #111; }
.main_section1 .swiper-slide a {
	display: block; 
	overflow: hidden; }
.main_section1 .swiper-slide :where(.img,.text h3,.more_contents) { 
	visibility: hidden;
	opacity: 0;
	transition: all 1s cubic-bezier(0,.72,.44,.99);
	transition-delay: unset;
	transform-origin: top; }
.main_section1 .swiper-slide .img { 
	position: relative;
    transform: scale(1.4);
    filter: blur(12px); }
.main_section1 .swiper-slide .img img { 
    width: 100%;
	aspect-ratio:  53/32;
    object-fit: cover;
    object-position: center center; }
.main_section1 .swiper-slide .img:before { 
	content: '';
	position: absolute;
	inset: -1rem;
	z-index: 1;
	opacity: .4;
	background-color: #000; }
.main_section1 .swiper-slide .text { 
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
	width: 100%;
	color: #f6c232;
	text-align: center;
	transform: translateY(-50%); }
.main_section1 .swiper-slide .text h3 { 
	position: relative;
	padding-inline: 2rem;
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 1.25em;
	transform: translateY(150%); }
.main_section1 .swiper-slide .more_contents { 
	transform: translateY(-150%);
	transition-duration: .4s; }
.main_section1 .swiper-slide.swiper-slide-active :where(.img,.text h3,.more_contents) { 
	visibility: inherit;
	opacity: 1;
	transition: all .6s cubic-bezier(0,.72,.44,.99);
	transform-origin: center; }
.main_section1 .swiper-slide.swiper-slide-active .img { 
    transform: scale(1);
	transition-delay: .1s;
	transition-duration: 1.2s;
    filter: blur(0); }
.main_section1 .swiper-slide.swiper-slide-active .text h3 { 
	transform: translateY(0);
	transition-delay: .2s;
	transition-duration: .8s; }
.main_section1 .swiper-slide.swiper-slide-active .more_contents { 
	transform: translateY(0);
	transition-delay: .2s;
	transition-duration: .4s; }
.main_section1 .swiper-slide.swiper-slide-active ~ .swiper-slide :where(.img,.text h3,.more_contents) { 
	transform-origin: bottom; }
.main_section1 button[class^="swiper-button"] { 
    --swiper-navigation-size: 32px;
    z-index: 2;
    opacity: 1;
    flex-shrink: 0;
    padding: 0;
    border: 0;
    width: var(--swiper-navigation-size);
    height: calc( var(--swiper-navigation-size) *2 );
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    font-size: 0;
    text-indent: -999px;
    transition: all .2s ease-in-out;
    cursor: pointer; }
.main_section1 button[class^="swiper-button"]:after { 
    display: none; }
.main_section1 .swiper-button-prev { 
    order: 1;
    background-image: url(../images/btn_main_sw_1_prev.png); }
.main_section1 .swiper-button-next { 
    order: 3;
    background-image: url(../images/btn_main_sw_1_next.png); }
.main_section1 .swiper-button-disabled { 
    opacity: 0.3 !important;
    pointer-events: none; }
.main_section1 .swiper-pagination-progressbar { 
    margin: 2rem auto 0;
    max-width: 1060px; }

.main_section2 { 
	padding: 8.75rem 0; }
.main_section2 .section_title { 
	margin-bottom: 3.125rem;
	text-align: center; }
.main_section2 .section_title h2 { 
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.6em; }
.main_section2 ul { 
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem;
	text-align: center; }
.main_section2 ul li {
	border: 1px solid #eee; 
	width: calc( 33.333% - (1.25rem - 1.25rem*0.33) ); }
.main_section2 ul li * { 
	transition: all .3s cubic-bezier(0,.72,.44,.99); }
.main_section2 ul li a { 
	display: block;
	padding: 1.875rem 3.25rem;
	height: 17.5rem;
	box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.12); }
.main_section2 ul li a .ico { 
	margin-bottom: 1.25rem;
	transform: rotate(0) scale(1); }
.main_section2 ul li a h3 {
	margin-bottom: 1.5rem; 
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.25em;
	transition-duration: .5s; }
.main_section2 ul li a p { 
	color: #666;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.375rem; }

.main_section3 { 
	padding-top: 5rem;
	padding-bottom: 9rem;
	background: var(--blue); }
.main_section3 .section_title { 
	margin-bottom: 3.75rem;
	color: #fff;
	text-align: center; }
.main_section3 .section_title h2 { 
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.5rem; }
.main_section3 .section_title p { 
	margin-top: 1.25rem;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 2.5rem; }
.main_section3 .swiper-slide { 
    padding-inline: calc( var(--content-x-space) / 2 ); }
.main_section3 .swiper-slide a {
    display: block; 
	overflow: hidden; }
.main_section3 .swiper-slide .img { 
	position: relative; }
.main_section3 .swiper-slide .img img { 
	width: 100%;
	aspect-ratio:  13/9;
	object-fit: cover;
	object-position: center center; }
.main_section3 .swiper-slide .img:before { 
	content: '';
	position: absolute;
	inset: -1rem;
	z-index: 1;
	opacity: .4;
	background-color: #000; }
.main_section3 .swiper-slide .text { 
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
	width: 100%;
	color: #f6c232;
	text-align: center;
	transform: translateY(-50%) scale(0.8);
	transition: all .8s cubic-bezier(0,.72,.44,.99); }
.main_section3 .swiper-slide .text h3 { 
	position: relative;
	margin: 0 auto;
	width: 80%;
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 1.25em; }
.main_section3 .swiper-slide .text p { 
	position: relative;
	margin: 0 auto;
	width: 70%;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.25em; }
.main_section3 .swiper-slide.swiper-slide-active .text { 
	transform: translateY(-50%) scale(1); }
.main_section3 .swiper-pagination-progressbar {
	margin: 2rem auto 0;
	max-width: var(--content-width); 
	background: rgba(255,255,255,.6); }

@keyframes translateZ { 
	from { 
		transform: translateZ(0px); }
	to { 
		transform: translateZ(.1px); }
 }
@keyframes translateZ2 { 
	from { 
		transform: translateZ(0px); }
	to { 
		transform: translateZ(.5px); }
 }
@keyframes translateZ3 { 
	from { 
		transform: translateZ(0px); }
	to { 
		transform: translateZ(-.5px); }
 }
@keyframes pulse { 
	0% { 
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.04);
		transform: translate(-50%, -50%) scale(0.96); }
	70% { 
		box-shadow: 0 0 2px 40px rgba(0, 0, 0, 0);
		transform: translate(-50%, -50%) scale(1); }
	100% { 
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		transform: translate(-50%, -50%) scale(0.96); }
 }
@keyframes fadeinScale { 
	0% { 
		transform: scale(1.3); }
	100% { 
		transform: scale(1); }
 }
	
/* SUB COMMON */
.sub_head { 
	position: relative; }
.sub_head .sub_visual {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: var(--header-height);
	padding-bottom: var(--dropmenu-height); 
	height: var(--sub-visual-height);
	overflow: hidden;
	color: #fff;
	text-align: center; }
.sub_head .sub_visual:after { 
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	opacity: .4;
	background: #000; }
.sub_head .sub_visual:before { 
	content: '';
	position: absolute;
	inset: 0;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	transform: scale(1.3);
	animation: fadeinScale 8s cubic-bezier(0, .66, .44, .99);
	animation-delay: .7s;
	animation-fill-mode: forwards; }
.sub_head .sub_visual.bg_01:before { 
	background-image: url(../images/common/bg_subvisual_01.jpg); }
.sub_head .sub_visual.bg_02:before { 
	background-image: url(../images/common/bg_subvisual_02.jpg); }
.sub_head .sub_visual.bg_03:before { 
	background-image: url(../images/common/bg_subvisual_03.jpg); }
.sub_head .sub_visual h1 { 
	position: relative;
	z-index: 2;
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 2.5rem; }

.drop_menu {
	position: absolute;
	top: calc( 100% - var(--dropmenu-height) );
	left: 0;
	z-index: 100;
	border-bottom: 1px solid #ddd;
	width: 100%;
	height: var(--dropmenu-height); 
	background: #fff; }
.drop_menu.fixed { 
	position: fixed;
	top: 0;
	background: rgba(255, 255, 255, 0.9); }
body:not(.scroll_down) .drop_menu.fixed { 
	top: var(--header-height) !important;
	transition: .2s ease-in-out; }
.drop_menu .contain { 
	display: flex;
	justify-content: space-between;
    padding-inline: 0;
    max-width: var(--content-width);
	height: 100%; }
.drop_menu .lnb_menu { 
	display: flex;
	flex: 1; }
.drop_menu .lnb_menu .home {
	border-right: 1px solid rgba(0, 0, 0, 0.12);
	border-left: 1px solid rgba(0, 0, 0, 0.12); 
	width: 3.75rem;
	background: url(../images/common/ico_home.png) no-repeat 50%;
	text-indent: -9999px; }
.drop_menu .path {
	border-right: 1px solid #ddd; 
	min-width: 20%;
	max-width: 50%; }
.drop_menu .path.lnb { 
	width: 18.5rem; }
.drop_menu .path.slnb { 
	width: 27.5rem; }
.drop_menu .path :where(h2, h3) :where(a, button):after { 
	content: '';
	position: absolute;
	top: 50%;
	right: .5rem;
	margin-top: -.75rem;
	width: 1.5rem;
	height: 1.5rem;
	background: url(../images/common/ico_btn_dropdown.png) no-repeat 50% 50%;
	transition: .3s; }
.drop_menu .path :where(h2, h3) :where(a, button) {
	position: relative;
	display: flex;
	align-items: center;
	padding-right: 2.75rem;
	padding-left: 1.5rem;
  width: 100%;
  height: calc(var(--dropmenu-height) - 1px);
  background-color: transparent;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25rem;
  text-align: left; }
.drop_menu .path :where(h2, h3).down_toggle {
	z-index: 2; 
	background-color: #fff;
	box-shadow: 2px 10px 16px 0px rgba(0, 0, 0, 0.12); }
.drop_menu .path :where(h2, h3).down_toggle a:after { 
	transform: rotate(-180deg); }
.drop_menu .path :where(h2, h3).down_toggle~ul { 
	z-index: 1;
	box-shadow: 2px 10px 10px 0px rgba(0, 0, 0, 0.12); }
.drop_menu .path ul { 
	display: none;
	padding: 1.5rem;
	background: #fff; }
.drop_menu .path ul li a {
	display: block;
	padding: 0.375rem 0;
	color: #666; 
	font-size: .875rem;
	font-weight: 500;
	line-height: 1.25rem; }
.drop_menu .path ul li.current a { 
	color: #444;
	font-weight: 700;
	text-decoration: underline; }
	
/* .sub_container { 
	padding-block: 5rem 8.75rem; } */
/* .sub_container section ~ section { 
	margin-top: 5.625rem; } */
.sub_tit {
    margin-bottom: 2rem; 
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.25em; }
.title_sm {
    margin-bottom: 1.25rem; 
	color: #222;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.25em; }
.title_md {
    margin-bottom: 2rem; 
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.25em; }
.title_lg {
    margin-bottom: 2rem; 
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.25em; }
.fw_medium {
	font-weight: 500 !important; }
.fw_semibold {
	font-weight: 600 !important; }
.fw_bold {
	font-weight: 700 !important; }
.group { 
	margin-block: 3rem; }
.text_group { 
	margin-block: 3rem;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.875em; }
.text_group p { 
	font: inherit; }
.text_group p ~ p { 
	margin-top: 1.25rem; }
.external_link {
	display: inline-block;
	padding: .125rem;
	padding-right: 1.75rem;
	background: url(../images/sub/ico_ex_link_sk.png) no-repeat 100% 50%;
	color: var(--blue);
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.25rem;
	text-decoration: underline;
	transition: .2s ease-in-out; }
.external_link:where(:hover, :focus) {
	background-color: #eaf3ff;
	background-image: url(../images/sub/ico_ex_link_nv.png);
	color: var(--navy); }
.external_link_wh {
	display: inline-block;
	padding: .125rem;
	padding-right: 1.75rem;
	background: url(../images/sub/ico_ex_link_wh.png) no-repeat 100% 50%;
	color: #eee;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.25rem;
	text-decoration: underline;
	transition: .2s ease-in-out; }
.external_link_wh:where(:hover, :focus) {
	background-color: #eaf3ff;
	background-image: url(../images/sub/ico_ex_link_nv.png);
	color: var(--navy); }
.box_link {
  position: relative;
  display: inline-block;
  padding-inline: 1rem;
  border: solid 1px #222222;
  min-width: 9rem;
  min-height: 2rem;
  background-color: #222222;
  color: #fff;
  font-weight: 600;
  line-height: 2.5rem;
  text-align: center;
  transition: .2s ease-in-out; }
.box_link:where(:hover, :focus) {
  background-color: #000000; }
.box_link.sm {
  min-width: 5rem;
  line-height: 2rem; }
.box_link.lg {
  padding-block: .375rem;
  min-width: 11rem;
  font-size: 1.125rem; }
.box_link.round {
  border-radius: 3rem; }
.box_link.arw:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 1rem;
  left: auto;
  bottom: auto;
  margin-top: -4px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 7px;
  height: 7px;
  background-color: transparent;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }
.box_link.bl {
  border-color: #3175c3;
  background-color: #6ba9f0;
  color: #fff; }
.box_link.bl:where(:hover, :focus) {
  border-color: #3175c3;
	background-color: #3175c3; }
.box_link.nv {
  border-color: var(--navy);
  background-color: #233167;
  color: #fff; }
.box_link.nv:where(:hover, :focus) {
  border-color: var(--navy);
	background-color: var(--navy); }
.box_link.ye {
  border-color: #f6c232;
  background-color: #fbcd37;
  color: #fff; }
.box_link.ye:where(:hover, :focus) {
  border-color: #444444;
	background-color: #444444; }
.box_link.ye_outline {
  border-width: 2px;
  border-color: #f6c232;
  background-color: transparent;
  color: #f6c232; }
.box_link.ye_outline:where(:hover, :focus) {
  border-color: #000000;
  background-color: #000000; }
.box_link.gn {
  border-color: var(--green);
  background-color: var(--green);
  color: #fff; }
.box_link.gn:where(:hover, :focus) {
  border-color: #444444;
	background-color: #444444; }
.box_link.gn_outline {
  border-width: 2px;
  border-color: var(--green);
  background-color: transparent;
  color: var(--green); }
.box_link.gn_outline:where(:hover, :focus) {
  border-color: #000000;
  background-color: #000000; }
.box_link.bk_outline {
  border-width: 2px;
  border-color: #222222;
  background-color: transparent;
  color: #222222; }
.box_link.bk_outline:where(:hover, :focus) {
  border-color: #000000;
  background-color: rgba(0,0,0,.1);
  color: #000000; }
.box_cont {
	padding: 2.5rem 3rem;
	border: 1px solid #eee; }
.dot_list {
  font: inherit; }
.dot_list > li {
	position: relative;
	padding-left: .75rem; }
.dot_list.mb > li ~ li {
	margin-top: .5rem; }
.dot_list > li:before {
	content: "";
	position: absolute;
	top: .875rem;
	left: 0;
	border-radius: 50%;
	width: 4px;
	height: 4px;
	background-color: #222; }
.dot_list * {
	font: inherit; }
.hyphen_list {
  font: inherit; }
.hyphen_list > li {
	position: relative;
	padding-left: .75rem; }
.hyphen_list.mb > li ~ li {
	margin-top: .5rem; }
.hyphen_list > li:before {
	content: "-";
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	color: inherit; }
.hyphen_list * {
	font: inherit; }

.ta_c { text-align: center; }
.bg_box { padding-block: 3rem; padding-inline: 2rem; background-color: #f3f3f3; }

/* SUB */
.flexible_tab_area {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 2.5rem; }
.flexible_tab_area .tabs_nav {
  position: sticky;
  top: var(--dropmenu-height);
  z-index: 1;
  flex-shrink: 0;
  width: 18.25rem;
  background-color: #fff; }
.flexible_tab_area .tabs_nav ul {
	border-top: 1px solid #000; }
body:not(.scroll_down) .flexible_tab_area .tabs_nav { 
	top: calc( var(--header-height) + var(--dropmenu-height) );
	transition: .2s ease-in-out; }
.flexible_tab_area .tabs_nav ul li {
	border-bottom: 1px solid #000; }
.flexible_tab_area .tabs_nav ul li button {
	display: flex;
	align-items: center;
	gap: .25rem .75rem;
	padding: .75rem 1.25rem;
	width: 100%;
  height: 100%;
	min-height: 4.125rem;
	background-color: #fff;
	color: #000;
  transition: .2s ease-in-out; }
.flexible_tab_area .tabs_nav ul li button :where(span,strong) {
	color: inherit;
  line-height: 1.375em;
  letter-spacing: -.02em; }
.flexible_tab_area .tabs_nav ul li button span {
	font-size: 1rem;
	font-weight: 500; }
.flexible_tab_area .tabs_nav ul li button strong {
	font-size: 1.125rem;
	font-weight: 700; }
.flexible_tab_area .tabs_nav ul li.is_show button {
	background-color: #000;
	color: #fff; }
.flexible_tab_area .tabs_content {
	flex: 1; }
.flexible_tab_area .tabs_content .box_cont {
	min-height: 100%; }
.flexible_tab_area .tabs_content .box_cont > .text_group:first-child {
	margin-top: 0; }

.file_download_area {
	position: relative;
	margin-block: 2rem; }
.file_download_area ul {
	border-top: 1px solid #888; }
.file_download_area ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: .5rem 1rem;
	padding: 1.75rem 0;
	border-bottom: 1px solid #888;
	min-height: 8.5rem; }
.file_download_area ul li p {
	width: 45%;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 2rem; }
.file_download_area ul li a {
	display: inline-block;
	flex: 1;
	padding: 0.75rem 1.25rem 0.75rem 3.5rem;
	background-color: #e8f3ff;
	background-image: url(../images/sub/ico_filedown.png);
	background-position: .75rem 50%;
	background-repeat: no-repeat;
	background-size: 2rem;
	color: var(--blue);
	font-size: 0.938rem;
	font-weight: 500;
	line-height: 1.5rem; }

/* ============================================ 231120 메인 / 서브 리뉴얼 END ============================================ */

@media screen and (min-width:800px) {
	a:hover { text-decoration: underline; }
	header:hover { box-shadow: 0 0 4px rgba(0,0,0, .06); }
	header .gnb li .sub_menu li a:hover { text-decoration: underline; }
	header .gnb li:hover > a { color: var(--blue); text-decoration: none; }
	header .header_right_box .right_box_inner a:hover {color: var(--blue); text-decoration: none; }
	.gnb_none:hover { background-color:transparent; }
	footer .familysite ul li a:where(:hover,:focus) { background: #f9f9f9; color: #222; font-weight: 700; }
	.cookies div .cookies_check:hover { background: var(--blue); color: #fff; }
	.program108_main .program108_list ul li:hover { border-color:#fbcd37; box-shadow:0px 0px 7px rgba(0,0,0,0.5); }
	.program108_main .program108_list ul li:hover .support_list .head:before {background: linear-gradient( to bottom, rgba(251, 205, 55, 0) 10%, rgba(251, 205, 55, 0.25) 40%, rgba(251, 205, 55, 0.5) 50%, rgba(251, 205, 55, 0.75) 75% ); backdrop-filter: grayscale(0) blur(0); }
  .program108_main .program108_list ul li:hover .support_list .support_name { color: #fff; }
  .program108_main .program108_list ul li:hover .support_list .support_program { color: #fff; }
	.program108_main .program108_list ul li:hover .more_a { background: #fbcd37; color: #fff; }
	.program108_main .program108_list ul li:hover .more_a:before { display: none; }
	.program108_main .program108_list ul li:hover .support_list .visual_art,
  .program108_main .program108_list ul li:hover .support_list .theater,
  .program108_main .program108_list ul li:hover .support_list .literature,
  .program108_main .program108_list ul li:hover .support_list .music,
  .program108_main .program108_list ul li:hover .support_list .dance { border-color: #fff; color: #fff; }
	.main_about ul li:hover a { top: 0; opacity: 1; }
	.main_about ul li:hover p a { text-decoration: none; }
	.main_about ul li:hover h3 a { text-decoration: underline; }
	.main_about ul li:hover:before { animation-name: over_ani; animation-duration: 0.8s; }
	.main_center .main_place ul li:hover .img { transform: scale(1.1); }
	.main_center .main_place ul li:hover .place_link { opacity: 1; height: 100%; }
	.main_center .main_place ul li:hover .place_link h3,
	.main_center .main_place ul li:hover .place_link p { top: 0; opacity: 1; }
	.main_center .main_place ul li:hover .place_link p + p { transition-delay: .3s; }
	.pagination li a.page-link:hover { color:#fbcd37; font-weight: 700; }
	.pagination li a.page_start:hover { background: #f5f5f5 url(../images/page_start.png) no-repeat center; }
	.pagination li a.page_prev:hover { background: #f5f5f5 url(../images/page_prev.png) no-repeat center; }
	.pagination li a.page_next:hover { background: #f5f5f5 url(../images/page_next.png) no-repeat center; }
	.pagination li a.page_end:hover { background: #f5f5f5 url(../images/page_end.png) no-repeat center; }
	.useful_checkbox .dataTables_wrapper .dataTables_paginate .paginate_button.next a:hover { background: #f5f5f5 url(../images/page_next.png) no-repeat center; }
	.useful_checkbox .dataTables_wrapper .dataTables_paginate .paginate_button.previous a:hover { background: #f5f5f5 url(../images/page_prev.png) no-repeat center; }
	.useful_checkbox .dataTables_paginate .pagination li:hover a { color: #fbcd37; font-weight: 700; text-decoration: underline; }
	.sub_body { animation: ovh 1.8s; }
	.page_transition { position: relative; z-index: 1; opacity: 0; animation: fadein 0.7s;  animation-delay:.3s; animation-fill-mode: forwards; }
	.page_transition2 {position: fixed; left: 0; z-index: 102; width: 100%;height: 100vh;height: 100%;background:var(--navy); animation-name: page_down; animation-duration: 1s; animation-fill-mode: forwards; }
	.main_whom .container .circle.lee:hover:before,
	.main_whom .container .circle.kim:hover:before,
	.main_whom .container .circle.kang:hover:before,
	.main_whom .container .circle.bae:hover:before,
	.main_whom .container .circle.kwon:hover:before,
	.main_whom .container .circle.choi:hover:before { opacity: 1; }
	.main_whom .container .circle:hover > a { top: 70%; opacity: 1; }
	.main_whom .container .circle.lee:hover {z-index: 3; margin-top: -1rem;margin-left: -11rem;width: 21rem; height: 21rem; animation-play-state: paused; }
	.main_whom .container .circle.kwon:hover { right: -4rem;z-index: 3;z-index: 3; margin-top: -3rem; width: 20rem; height: 20rem; animation-play-state: paused; }
	.main_whom .container .circle.bae:hover {z-index: 3;z-index: 3; margin-top: -2rem; margin-left: -25rem; width: 20rem; height: 20rem; animation-play-state: paused; }
	.main_whom .container .circle.kang:hover {z-index: 3;z-index: 3; margin-top: -1rem; margin-left: -11rem;width: 20rem; height: 20rem; animation-play-state: paused; }
	.main_whom .container .circle.kim:hover {z-index: 3;z-index: 3; margin-top: -3rem; margin-left: -3rem;width: 20rem; height: 20rem; animation-play-state: paused; }
	.main_whom .container .circle.choi:hover {z-index: 3;z-index: 3; margin-top: -1.5rem; margin-left: -2rem;width: 20rem; height: 20rem; animation-play-state: paused; }
	.useful_checkbox .dataTables_wrapper .dataTables_paginate .paginate_button:hover { border:none; background: none; color: #222 !important; font-size: 16px !important; }
	.top_button:hover { border-color: #fff; background:var(--navy) url(../images/up.png) no-repeat 50%; }
	
	.drop_menu .lnb_menu .home:where(:hover, :focus) { 
		background-color: #f9f9f9; }
	.main_section2 ul li a:where(:hover,:focus) {
		box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.25); 
		text-decoration: none; }
	.main_section2 ul li a:where(:hover,:focus) .ico { 
		transform: rotate(0.05deg) scale(1.1);
		transform: translateY(8px); }
	.main_section2 ul li a:where(:hover,:focus) h3 { 
		letter-spacing: .15em; }
	.main_section2 ul li a:where(:hover,:focus) p {
		color: #000; 
		transform: translateY(-8px); }
	.main_section2 ul li:nth-child(3n+1) a:where(:hover,:focus) :where(h3,p) { 
		color: #f6c232; }
	.main_section2 ul li:nth-child(3n+2) a:where(:hover,:focus) :where(h3,p) { 
		color: var(--green); }
	.main_section2 ul li:nth-child(3n) a:where(:hover,:focus) :where(h3,p) { 
		color: var(--blue); }
	.main_section3 .swiper-slide:where(:hover,:focus) .text { 
		transform: translateY(-50%) scale(.75); }
 }

@media screen and (max-width:1420px) { 
	header .gnb > li { margin: 0 1.25rem; }
	header h1 a { background-size: 100%; }
	.main_program_wrap .main_program,
	.main_about_wrap,
	.main_center,
	.main_video,
	footer .container,
	.history,
	.what_we_do, 
  /* .about_ul,  */
  .about_div,
	.council_members ,
	.organization,
	.reports_list,
	.identity .signatures,
	.website_list,
	.facilities ul,
	.program_wrap,
	.exchange_program,
	.program108_main,
	.aron_cont,
	.aron_black_cont,
	.program_102_1,
	.program_102_2,
	.program_102_3,
	.program_102_list,
	.cookies,
	.main_whom { padding-right: 1rem; padding-left: 1rem; }
  .about_ul { margin-inline: -1rem; }
	header .gnb > li a { font-size: 1rem; }
	.map_popup { left: 60px; padding: 1rem; }
	.map_popup a { font-size: 0.875rem; }
	.mv_txt p + p { font-size: 3rem; }
	.map_popup p + p { font-size: 1rem; }
	.select_country p, .select_residency p, .status p { margin-bottom: 0.5rem;font-size: 1rem; }
	.select_residency, .status { padding-right: 1rem; }
	.tab1_list,
	.select_residency ul li,
	.status ul li { margin-bottom: 0.2rem; }
	header h1 { width: 17.4%; }
	header .header_right_box .right_box_inner ul { padding: 0 4rem; }
	.map_popup p + p + p { font-size: 0.9rem; }
	.map_popup { top: -131px; }
	.wc_40 .map_popup,
	.wc_12 .map_popup { top:40px; left: -179px; }
	.mv_div { max-width:100%; }
	.mv_txt { padding-top: 3rem; padding-right: 2rem; padding-left: 2rem; }
	.before_map { top: 3rem; right: 2rem; width: 55%; }
	.main_program_wrap .main_program .program_title h2 { font-size: 3rem; }
	.mv_div,
	.main_visual .container { left: 0; margin-left: 0; }
	.main_program_wrap .main_program .program_title { margin-left: 0; }
	.program_wrap .img_wrap { margin-top:1rem; }
	.program_wrap .img_wrap img { max-width:100%; }
	.program_wrap > ul li h5 a { font-size: 2.5rem; }
	.program_tab .lh15 { margin: 0 1rem; }
	.exchange_program .program_notice { padding-right: 1rem; }
	/* .sub_wrap p br, */
	/* .about_ul li .about_txt h5 br { display:none; } */
	.organization_ul .orginli4 > ul > li p { font-size: 1.4rem; }
	.identity .signatures .container ul li .logo_down a { width: 48%; }
	.araon_swiper { width: 95%; }
	.araon_swiper .swiper-wrapper .swiper-slide .img { width: 30%; background-size: auto 100%; }
	.araon_swiper .swiper-wrapper .swiper-slide .slidetxt { padding-left: 1rem; }
	.aron_img .img img { max-width: 100%; }
	.main_whom .container h2 { font-size: 2.4rem; }
	footer .ft_right > ul > li > h4 { margin-bottom: 1.25rem; }
	footer .ft_left { margin-right: 3%; }
	footer .ft_right { width: 76%; }
	.top_button { right: 2%; }
 }
@media screen and (max-width:1200px) { 
	:root { 
		/*** LAYOUT ***/
		--content-x-space: 30px;
		--header-height: 125px;
		--sub-visual-height: calc( 230px + var(--header-height) + var(--dropmenu-height) );
	 }

	.header { flex-wrap:wrap; padding-block: 1rem; }
	header h1 { margin-bottom: 1rem; width: 100%; height: 32px; }
	header h1 a { background-position: 50%; background-size: auto 100%; }
	header .gnb { justify-content: flex-start; height: 52px; }
	header .gnb li > .sub_menu { top: 52px; padding-block: 1.5rem; }
	header .gnb li .sub_menu li { padding: 0; }
	header .gnb li .sub_menu li a { padding: 0.3rem 0; }
	header .header_right_box .header_sd { width: 8rem; }
	header .header_right_box .header_sd1 { width: auto; }
	footer .footer_link .flexy_row > li:nth-last-child(1) { margin-left: 0; }
	footer .familysite ul { top: auto; bottom: 100%; }
	.sub_visual_wrap .sub_visual { padding-top: 2rem; }
	.ovx {position: relative; min-width:1280px; height: 100%; overflow:scroll; }
	.main_visual { /*height: 60.5rem;*/ }
	.main_visual .container { top: 0; padding-top: 125px; height: 100%; overflow-x: auto; overflow-y:hidden; }
	.mv_txt { padding-top: 3rem; padding-left: 5rem; }
	.before_map { top: 14rem; right: auto; margin-left: 5rem; width: 697px; }
	.main_title { font-size: 2rem; }
	.main_program_wrap .main_program .program_list .plist_all .item.swiper-slide-active { width: 75% !important; }
	.main_program_wrap .main_program .program_title h2 { font-size: 3rem; }
	.main_program_wrap .main_program .program_list .plist_all .item { width: 65%; }
	.main_program_wrap .main_program .program_list .plist_all .item.swiper-slide-active { width: 80%; }
	.main_center .main_place ul .li_w50 { height: 29rem; }
	.main_center .main_place ul .li_w50 .place_link { padding-top: 8.75rem; }
	.main_whom .container h2 { font-size: 2rem; }
	.b_img { height: 18rem; background-size: auto 100%; }
	.place_link h3 { font-size: 1.4rem; }
	.place_link p { word-break: keep-all; }
	/* .place_link p br { display: none; } */
	.main_video:before { background-size: 100% auto; }
	.ani1.main_program_wrap::before { left: -35%; width: 173%; }
	.sub_wrap .sub_txt { word-break: keep-all; }
	/* .sub_wrap .sub_txt br { display: none; } */
	.progrma107 .progrma107_list > div p { padding: 1rem; }
	.progrma107 .progrma107_list > div p + p { padding: 1rem; line-height: 1.5em; }
	.organization_ul .orginli1 { width: 14rem; height: 14rem; font-size: 1.5rem; line-height: 14rem; }
	.organization_ul .orginli2 { width: 14rem; height: 14rem; font-size: 1.5rem; line-height: 14rem; }
	.organization_ul .orginli4 > ul > li p { height: 8.5rem; font-size: 1rem; }
	.orginli_other { top: 5rem; left: 66%; }
	.reports .reports_list li a.img { height: 19rem; }
	.identity .signatures .container ul li .img { height: 14rem; background-size: 80%; }
	.identity .signatures .container ul li .logo_down a,
	.identity .signatures .container ul li .logo_down a.logo_ai { padding-left: 2rem; }
	.checkbox_div > label { margin-right: 5.5rem; }
	.gnb_none { height: var(--header-height); }
	.gnb_none h1 {margin-bottom: 0; width: 35%; }
	.gnb_none h1 a { background-position: 0 50%; }
	.partner_list ul li > div.name { display: block; }
	.partner_list ul li > div.name div { width: 100%; }
	.program_102_1 div p { font-size: 1.5rem; }
	.program_tab .bg_yellow { padding: 3rem 0; }
	.introduction.black_right h2,
	.introduction .txt h2,
	.introduction .txt > span,
	.black_bic_txt p { font-size: 1.8rem; }
   
  .paragraph_container.flex_lg {
    flex-wrap: wrap; }
  .paragraph_container.flex_lg .paragraph_head {
    width: 100%; }
  .paragraph_head .title {
    font-size: 1.75rem; }
  .paragraph_head .title_sm {
    font-size: 1.375rem; }
  .paragraph_container.flex_lg .paragraph_cont {
    width: 100%; }
  .paragraph_cont .text {
    font-size: 1.375rem; }

	.about_ul li .about_txt h5 { font-size: 1.3rem; }
	/* .about_ul li .img { height: 25rem; } */
	.person_ul li .img { background-size: 100% auto; }
	.person_ul li div h5 { font-size: 1.4rem; }
 }
@media screen and (max-width:1024px) {
	@keyframes circle_ani5 { 0% { top: 55%; }50% { top: 57%; }100% { top: 55%; } } 
	:root { 
		/*** LAYOUT ***/
		--header-height: 70px;
	 }

	.header { display:none; }
	header,
	.gnb_none { padding-top: 0; border-bottom: none;  background-color:rgba(255,255,255,0.5); }
	header h1 {margin:0 auto; width: 64%; height: 100%; }
	header h1 a { background-position: 50%; background-size: auto; }
	.op_up { background-color:rgba(255,255,255,0.9); }
	.sub_bg
	.kr_arko_link { background: url(../images/ic-enter.png) no-repeat 32% center; }
	.kr_arko_vision { background-position-x: 22%; }
	.kr_arko_History { background-position-x: 13%; }
	.kr_arko_Council, .kr_arko_Organization, .kr_arko_Visual { background-position-x: 17%; }
	.kr_arko_Facilities { background-position-x: 20%; }
	.sub_bg.db {opacity: 1; display: block; }
	.sub_bg { z-index: 0; display: none; width: 100%; height: 100vh; background-color:rgba(255,255,255,0.5); }
	.sub_bg:before { content: ''; position: fixed; inset: -100vh; z-index: -999; visibility: hidden; opacity: 0; background-color: #000; transition: .2s ease-in-out; }
	header.op_up .sub_bg:before { z-index: 0; visibility: inherit; opacity: .4;	 }
	.m_gnb li a.a_on { color: #f6bb3e; }
	.m_gnb > li > a { display: flex; gap: .5rem; padding-block: 1rem; padding-inline: 12px; color: #222; font-size: 20px; font-weight: 800; line-height: 30px; }
	.m_gnb > li:has(.sub_menu) > a:before { content: ''; display: block; flex-shrink: 0; width: 30px; height: 30px; background:url(../images/common/ico_expand.svg) no-repeat center; background-size: 20px; }
  .m_gnb > li.on { background: rgba(0, 0, 0, 0.025); box-shadow: inset 0 -4px 8px rgba(0, 0, 0, .025); }
  .m_gnb > li.on > a:before { background-image:url(../images/common/ico_collapse.svg); }
	.m_gnb .sub_menu { display: none; padding-inline: 50px 20px; padding-bottom: 8px; font-size: 17px; font-weight: 300; /*background: rgba(0, 0, 0, 0.03);*/ line-height: 26px; }
	.m_gnb .sub_menu li > a { display: block; padding-block: 8px; color: #444; }
	.m_header .m_header_btn.open_m button { background:url(../images/common/mobile_open_button_bk.png) no-repeat center; background-size: auto 100%; }
	.m_header .m_header_btn { position: absolute; top: 22px; right: var(--content-x-space); }
	.m_header_btn button { position: relative; z-index: 2;  border:none; width: 2rem;height: 2rem; background:url(../images/common/menu_bk.png) no-repeat center; background-size: auto 100%;text-indent:-9999px; }
	.m_header { position: relative; z-index: 1;display:block; border-bottom: 1px solid #e8e8e8; height: 100%; background-color: #fff; }
	.m_menu { position: absolute; top: var(--header-height); right: -100%; z-index: 99; width: 100% ; height: 100vh; background-color: rgba(255,255,255,1); }
	.m_menu .header_sd { position: relative; width: 100%; border-block:1px solid rgba(0, 0, 0, 0.06); }
	.m_menu .header_sd1 { border-right: 1px solid rgba(0,0,0,0.08); }
	.m_menu .header_sd:after { content: ''; position: absolute; top: 50%; right: 1rem; margin-top: -3px; width: 8px; height: 5px;background:url(../images/dropdown.png) no-repeat; transition:.5s; }
	.m_menu .header_sd > a { display: flex; justify-content: space-between; gap: .5rem; padding-block: 1rem; padding-inline: calc(12px + 30px + .5rem) 20px; color: #222; font-size: 1rem; font-weight: 700; line-height:30px; }
	.m_menu .header_sd > a:after { content: ''; display: block; flex-shrink: 0; width: 30px; height: 30px; background:url(../images/slidedown.png) no-repeat center; background-size: 10px; }
	.m_menu .header_sd1 > a {padding-left: 3rem; background:url(../images/lan.png) no-repeat center left;background-position-x: 9%; background-size: auto 13px; }
	.m_menu .header_sd ul {position: absolute;top: 56px; z-index: 1; display:none; padding-block: 1.5rem; padding-inline: calc(12px + 30px + .5rem) 1.5rem; width: 100%; background: #f6f6f6;text-align: left; }
	.m_menu .header_sd ul li a { display: inline-block; padding: 0.3rem 0; color: #444; font-size: 0.875rem; line-height: 1.5em; }
	.m_menu .header_sd_fm ul { border-bottom:1px solid rgba(0, 0, 0, 0.06); max-height: 20rem; background: #f9f9f9; overflow: hidden;overflow-y: auto; }
	.m_menu .header_sd.on { border-bottom-color: transparent; background: #f9f9f9; }
	.m_menu .header_sd.on > a:after { transform: rotate(180deg);/*background-image:url(../images/common/ico_collapse.svg);*/ }
	.m_menu .flex_box { margin-top: 2rem; }
	.sub_visual_wrap .lnb_wrap .lnb_link { display: none; }
	.m_lnb_link { display:flex; justify-content:flex-end ; margin-top: 0.5rem; margin-bottom: 0.5rem; }
	.m_lnb_link a { display: block; width: 2rem; height: 35px; background:  url(../images/facebook.png) no-repeat 50%;text-indent:-9999px; }
	.m_lnb_link a.instagram { position: relative; background: url(../images/insta.png) no-repeat 50%; }
	.mv_txt p + p { font-size: 2.5rem; }
	.mv_txt { padding-left: 3rem; }
	.before_map { margin-left: 3rem; }
	.tab1_list li a, .select_residency li a, .status ul li, .status ul li a, .select_country ul li a { font-size: 0.8rem; }
	.select_country.north_point::before,
	.select_country.oceania_point:before,
	.select_country.asia_point:before,
	.select_country.europe_point:before { right: 1rem; background-position-x: 100%; background-size: 80%; }
	.main_program_wrap .main_program .program_list .plist_all .item.swiper-slide-active { width: 78% !important; }
	.select_residency, .status,
	.select_country { padding: 1rem; }
	.main_title { word-break: keep-all; }
	.main_title br { display: none; }
	.ani1.main_program_wrap::before { left: -34%; width: 175%; }
	.main_program_wrap .main_program .program_title h2 { font-size: 2rem; }
	.main_about ul { flex-wrap:wrap; }
	.main_about ul li { width: 29%; }
	.main_about_wrap .main_title { margin-bottom: 2rem; }
	.main_center .main_place { margin-top: 1.5rem; }
	.main_center .main_place ul { width: 100%; }
	.main_center .main_place ul.place_right { margin-top: 0; }
	.mp_bg_wrap { height: 50rem; }
	.main_program_wrap .main_program { height: 100%; }
	.main_video .video_div { width: 28rem; height: 28rem; }
	.sub_img,
	.history .sub_img { height: 21rem; }
	.sub_visual_wrap .lnb_wrap .container .lnb_menu { width: 100%; }
	.sub_visual_wrap .lnb_wrap .container .togglemenu h2 a, .sub_visual_wrap .lnb_wrap .container .togglemenu h3 a { display:flex; align-items: center; padding-left: 1rem; line-height: 1.5em; }
	.sub_visual_wrap .lnb_wrap .container .togglemenu h2, .sub_visual_wrap .lnb_wrap .container .togglemenu h3 { height: 100%; }
  .identity .signatures { margin-top: 3rem; padding-block: 3rem; }
  .event_list {
    --num: 2; }
  .exchange_index_list ul {
    --num: 2;
    --gap: .5rem; }
  .exchange_index_list p {
    font-size: 1.25rem; }
  .rel_gallery_area {
    --height: auto; 
    padding-block: 5rem 3.5rem; }
  .rel_gallery_area .swiper-slide {
    padding-inline: 0;
    height: auto;
    /* transform: scale(0.8);   */
    /* flex: 0 0 50%; */ }
  .rel_gallery_area .swiper-slide.swiper-slide-active { 
    /* flex: 0 0 80%; */
    /*transform: scale(1);*/ }
  .signing_ceremony .img_wrap {
    flex-wrap: wrap;
    align-items: flex-start; }
  .signing_ceremony .img_wrap img:nth-child(1),
  .signing_ceremony .img_wrap img:nth-child(3) {
    order: 1;
    width: calc(50% - .5rem); }
  .signing_ceremony .img_wrap img:nth-child(2) {
    order: 0;
    width: 100%; }
  .accordion .accordion_body {
    padding-block: 0 3rem; 
    padding-inline: 0; }
  .paragraph_container.flex_md {
    flex-wrap: wrap; }
  .paragraph_container.flex_md .paragraph_head {
    width: 100%; }
  .paragraph_container.flex_md .paragraph_cont {
    width: 100%; }
  .paragraph_container.flex_sm:not(:has(.paragraph_cont)) {
    flex-wrap: wrap;
    row-gap: 1rem; }
  .paragraph_container.flex_sm:not(:has(.paragraph_cont)) .paragraph_head {
    width: calc(50% - 1rem); }
  .partners_link li {
    margin-left: 0;
    width: 100%; }
	.main_program_wrap .main_program .program_title span { margin-bottom: 0.5rem; }
	.program_wrap > p,
	.program_wrap > ul li h5 a { font-size: 2rem; }
	.program_wrap > ul li,
	.program_wrap .international li { padding-left: 1rem; }
	.program_wrap > ul li::before { left: 1rem !important; }
	.program_102_list li .img, .program_102_3 .img { background-position: 50% 50%; background-size: cover !important; }
	.exchange_program .program_notice { padding: 3rem 2rem 3rem 9.5rem; }
	.program_102_list li .txt div { flex-wrap:wrap; }
	.program_102_list li .txt div a + a { margin-top:0.5rem; }
	.table_td tr th.bg_none { padding-left: 1rem; }
	.table_td tr td { padding: 1.5rem 1rem; }
	.program110_list .img { height: 20rem; background-position: 50% ; background-size: cover; }
	.program_ta2 .bg_yellow h6 { font-size: 2rem; }
	.program_tab > .bg_yellow ul li a {display: flex;justify-content: center;align-items: center;height: 4.35rem; line-height: 1.5em; }
	.person_ul li { width: 100%; }
	.organization_ul .orginli4 > ul > li p { height: 9.5rem; font-size: 1rem; }
	.orginli_other { top: 5.5rem; }
	.organization_ul .orginli3 > ul > li { width: auto; }
	.orginli_other ul li { width: 15rem; }
	.reports .reports_list li a.img { height: 15rem; }
	.identity .signatures .container h5 { margin-bottom: 2rem; }
	.identity .signatures .container ul li .img { height: 12rem; }
	.identity .signatures .container ul li p { margin-top: 1rem; }
	.checkbox_wrap { flex-direction: column; padding: 2rem 1rem; }
	.useful_checkbox .check_title { padding: 0; width: 100%; text-align: center; }
	.checkbox_div {  padding: 1rem 0; border-left: none; width: 100%; }
	.program108_main .program108_list ul li { width: calc(50% - .5rem); }
	.partner_tab > ul li a { font-size: 1rem; }
	.bg_ovx { overflow-x:scroll; }
	.identity .signatures .container ul li .logo_down a,
	.identity .signatures .container ul li .logo_down a.logo_ai { padding-left: 1rem;background-position-x:88%; }
	.araon_visual { height: 45.8rem; }
	.whom_lnb { top: 35rem; }
	
  .main_intro { 
    height: 70vh; }
	.main_section2 ul li { 
		width: calc( 50% - (1.25rem - 1.25rem*0.5) ); }
.flexible_tab_area .tabs_nav {
		width: 12.5rem; }
.flexible_tab_area .tabs_nav ul li button {
		flex-direction: column;
		align-items: flex-start;
		text-align: left; }
 }
@media screen and (max-width:800px) { 
	:root { 
		/*** LAYOUT ***/
		--content-x-space: 20px;
		--dropmenu-height: 50px;
		--sub-visual-height: calc( 180px + var(--header-height) + var(--dropmenu-height) );
	 }
	.only_mobile { 
		display: block !important; }
	.only_mobile.inlineblock { 
		display: inline-block !important; }
	.mobile_block { 
		display: block !important; }
	.mobile_ta_c { 
		text-align: center !important; }

	html,
	body { font-size: 90%; }
  .pt_6  { padding-top:2rem !important; }
  .pt_7  { padding-top:2.5rem !important; }
  .pt_8  { padding-top:2.5rem !important; }
  .pt_9  { padding-top:3rem !important; }
  .pt_10 { padding-top:3.5rem !important; }
  .pb_6  { padding-bottom:2rem !important; }
  .pb_7  { padding-bottom:2.5rem !important; }
  .pb_8  { padding-bottom:2.5rem !important; }
  .pb_9  { padding-bottom:3rem !important; }
  .pb_10 { padding-bottom:3.5rem !important; }
  .mt_6  { margin-top:2rem !important; }
  .mt_7  { margin-top:2.5rem !important; }
  .mt_8  { margin-top:2.5rem !important; }
  .mt_9  { margin-top:3rem !important; }
  .mt_10 { margin-top:3.5rem !important; }
  .mb_6  { margin-bottom:2rem !important; }
  .mb_7  { margin-bottom:2.5rem !important; }
  .mb_8  { margin-bottom:2.5rem !important; }
  .mb_9  { margin-bottom:3rem !important; }
  .mb_10 { margin-bottom:3.5rem !important; }
  .mr_6  { margin-right:2rem !important; }
  .mr_7  { margin-right:2.5rem !important; }
  .mr_8  { margin-right:2.5rem !important; }
  .mr_9  { margin-right:3rem !important; }
  .mr_10 { margin-right:3.5rem !important; }
	.error_404 .full-page { padding:1rem; }
	.kr_arko_link { background-position-x: 37%; }
	.main_visual { /* height: 59rem; */ height: auto; aspect-ratio: 3/5; }
	.main_visual video { position: absolute; inset: 0; height: 100%; aspect-ratio: 16/9; object-fit: cover; }
  .sub_head .sub_visual { padding-inline: 1rem; }
  .sub_head .sub_visual h1 { font-size: 1.75rem; }
  .drop_menu .path :where(h2, h3) :where(a, button) { padding-right: 2rem; padding-left: .75rem; letter-spacing: -.02em; }
	.select_country::before { right: 10px !important; width: 50px !important; height: 50px !important; background-size: auto 100% !important; }
	.tab1_list,
	.select_residency ul li { margin-bottom: 0; padding: 5px 0 5px 9px; }
	.select_residency li::before, li.tab1_list::before { top: 12px; }
	.main_visual .container { padding-top: 70px; }
	.ovx { min-width:1200px; }
	.map_popup { top: -85px; }
	.main_center .main_place ul .li1 { margin-left: 0; }
	.main_center .main_place ul { display: block; }
	.main_center .main_place ul .li_w50 .place_link { padding-top: 3rem; }
	.ani3 .main_place ul li { margin-bottom: 2px; width: 50%; overflow: inherit; }
	.main_center .main_place ul .li_w50,
	.main_center .main_place ul .li_w502 {width: 50%; height: 23rem; }
	.main_center .main_place ul .li_w50 .place_link p + p { padding-top: 1.5rem; font-size: 1rem; }
	.main_center .main_place ul .li_w50 .place_link p + p::before { top: 5px; height: 1rem; }
	.main_program_wrap::before { left: -34%; width: 175% ; }
	.main_program_wrap .main_program .program_title span,
	.main_program_wrap .main_program .program_title h2,
	.main_program_wrap .main_program .program_title a { left: 0; opacity: 1; }
	.main_program_wrap .main_program .program_list { right: 0; opacity: 1; }
	.main_whom .container .circle.choi { left: 63%;width: 14rem; height: 14rem; }
	.main_whom .container .circle.bae { margin-left: -20rem; width: 14rem; height: 14rem; }
	.main_about_wrap .main_about .main_title,
	.main_center span,
	.main_center .main_title,
	.main_video .main_title { top: 0;opacity: 1; }
	.main_about_wrap .main_about ul li,
	.main_video .video_div { opacity: 1; }
	.main_center .main_place ul li { bottom: 0; opacity: 1; }
	.main_video::after { left: -43% !important; }
	.place_link { left: 100%; opacity: 1; height: 100%; }
	.place_link h3,
	.place_link p,
	.place_link p + p { top: 0; opacity: 1; }
	.main_video::before { background-size: 100%; }
	.main_video ::after { left: -47% !important; }
	.drop_menu .path.lnb {width: unset; }
	.drop_menu .path.slnb {width: unset; }
	.sub_visual_wrap .sub_visual { height: 20rem; }
	.sub_visual_wrap .sub_visual h3 { font-size: 2rem; }
	.sub_visual_wrap .lnb_wrap .container .lnb_menu { width: 100%; }
	.sub_visual_wrap .lnb_wrap .container .togglemenu h2 a::after, .sub_visual_wrap .lnb_wrap .container .togglemenu h3 a::after { right: 1rem; }
  /* .sub_container { padding-block: 5rem; } */
  .sub_tit { margin-bottom: 1.75rem; font-size: 1.5rem; }
  .text_group { margin-block: 2rem; }
  .box_cont { padding: 2.5rem 1.25rem; }
  
  .accordion .accordion_head {
    --icon-size: 1.75rem; }
  .accordion .accordion_head h3 {
    font-size: 1.25rem;
    line-height: 1.75em; }
  .accordion .accordion_head p {
    line-height: 1.75em; }
  .business_list .accordion_head {
    gap: 0.375rem;
    padding: 1.25rem; }
  .business_list .accordion_head p {
    font-size: 1.25rem;
    line-height: 1.75em; }
  .business_list .accordion_body {
    padding: 0 1rem 2rem 3.625rem; }
	.program_wrap > p,
	.program_wrap > ul li h5 a,
	.program_wrap .international li h5 a { font-size: 1.8rem; }
	.program_wrap > ul li { padding-top:9.5rem; height: 26rem; }
	.program_wrap > ul li::before { top: 2rem !important; width: 70px !important; background-position: 100% !important; background-size: 100% !important; }
	.program_wrap > ul li:nth-child(2) > a { margin-top: 2rem; }
	.program_wrap .international li > a { margin-top: 1rem !important; }
	.program_102_list li .txt h5 a, .program_102_3 .txt h5 a { font-size: 1.4rem; }
	.program_102_1 div p { font-size: 1.5rem; }
	.progrma107 .progrma107_list > span { margin-right: 2rem; margin-left: 2rem; background-size: 100%; }
	.progrma107 .progrma107_list > .div2 { width: 35%; }
	.joint_img { -ms-flex-flow: row wrap; flex-wrap:wrap; -webkit-flex-wrap: wrap; }
	.joint_img div { margin-bottom: 1rem; width: 49%; }
  .paragraph_container.line_top {
    padding-top: 1.25rem; }
  .paragraph_container.flex_sm {
    flex-wrap: wrap; }
  .paragraph_container.flex_sm .paragraph_head {
    width: 100%; }
  .paragraph_container.flex_sm:not(:has(.paragraph_cont)) .paragraph_head {
    width: 100%; }
  .paragraph_head .title {
    font-size: 1.325rem; }
  .paragraph_head .title_sm {
    font-size: 1.125rem;
    font-weight: 500; }
  .paragraph_cont {
    width: 100%; }
  .paragraph_cont .text {
    font-size: 1.125rem; }

  .event_list h5 a {
    font-size: 1.25rem;
    font-weight: 700; }
    
  .about_ul li { padding-block: 3rem; }
  .about_ul li .contain,
  .about_ul li:nth-child(even) .contain { flex-direction: column; }
  .about_ul li .img { margin-bottom: 1.5rem; width: 100%; }
  .about_ul li .about_txt { width: 100%; }
  .about_ul li .about_txt p { margin-bottom: 1rem; font-size: 1.25rem; line-height: 1.75em; }
  .about_ul li:nth-child(odd)  .about_txt { padding-left: 0; }
  .about_ul li:nth-child(even) .about_txt { padding-right: 0; }

	.reports .reports_list li h5 a { font-size: 1.2rem; }
	.members_chairPerson .img { width: 40%; }
	.members_chairPerson .chairPerson { width: 60%; }
	.organization_ul .orginli1 { width: 10rem; height: 10rem; line-height: 10rem; }
	.organization_ul .orginli2 { position: relative;  margin-top: 2rem; width: 10rem; height: 10rem; line-height:10rem; }
	.organization_ul .orginli3 { margin-top: 2rem; }
	.organization_ul .orginli3 > ul { justify-content: center; }
	.organization_ul .orginli3 > ul > li { min-height: 6rem; font-size: 1.3rem; }
	.organization_ul .orginli4 { margin-top: 3rem; }
	.orginli_other { top: 3rem; }
	.orginli_other ul li { width: 14rem; height: 4rem; font-size: 1.3rem; line-height: 4rem; }
	.facilities ul li .facilities_txt { padding-top: 1rem; }
	.facilities ul li .facilities_txt .facilities_ad { margin-bottom: 1rem; }
  .table_td tr td.flex_box { flex-direction: column; }
	.table_td tr td .img { margin-right: 0; margin-bottom: 1rem; width: 100%; height: auto; aspect-ratio: 2; }
	.table_td tr td .img3 { order: 1; margin-top: 1rem; margin-bottom: 0; }
	.checkbox_div input[type="checkbox"]:checked + label,
	.checkbox_div input[type="checkbox"] + label { background-size: auto 100%; }
	.checkbox_div > label { margin-right: 3.5rem; }
	.contact .map { height: 25rem; }
  .inquiry a { display: block; margin-top: .5rem; }
	.inquiry .inquiry_input { width: 50%; }
  .event_view .sub_title { margin-bottom: 3rem; }
	.program108_main .program108_list ul li .support_list .support_name { margin-top: 0; }
	.araon_visual .araon_txt h2 { font-size: 2.8rem; line-height: 1; }
	.araon_swiper .swiper-wrapper .swiper-slide .slidetxt p { font-size: 0.9rem; }
	.araon_swiper .swiper-wrapper .swiper-slide .slidetxt p + p { font-size: 0.8rem; }
	.introduction .txt h2 { font-size: 2.5rem; }
	.black_bic_txt { font-size: 1.5rem; }
	.program110_list .txt { padding-top: 0.5rem; }
	.identity .signatures .container ul { -ms-flex-flow: row wrap; flex-wrap:wrap; -webkit-flex-wrap: wrap; }
	.identity .signatures .container ul li { margin-bottom: 1rem; width:49%; }
	footer .container { display: block; }
	footer .ft_left { width: 100%; }
	footer .ft_left address br { display: none; }
	footer .ft_left h3,
	footer .ft_right > h3 { margin-bottom: 1.5rem; }
	footer .ft_left ul { display:flex; margin-top: 0; }
	footer .ft_left ul li { margin-right: 1rem; }
	footer .ft_left ul li span { display: inline-block; padding-right: 3px; line-height: 2.14em; }
	footer .ft_right { margin-top: 2rem; width: 100%; }
	footer .ft_right > ul > li > ul > li a::before { top: 17px; }
	footer .ft_right > ul > li { margin-right: 5%; margin-bottom: 2rem; }
	footer .ft_right > ul > li:last-child > p br { display: none; }
	footer .ft_right > ul > li > h4 br { display:none; }
	footer .ft_right > ul > li { margin-bottom: 1rem; }
	footer .ft_right > ul > li:first-child { margin-right: 5%; width: 30%; }
	footer .ft_right > ul > li > h4 { margin-bottom: 0.5rem; }
	footer .ft_right > ul > li > ul > li a::before { top: 15px; }
	footer .ft_right > ul > li > h4 { height: auto; }
	footer .ft_right > ul > li > ul > li a { padding: 5px 0 5px 10px; line-height:2rem;line-height: 1.5em; }
	footer .copy { margin-top: 1rem; padding: 1.5rem 0; font-size: 0.75rem; }
	footer .logo { text-align: center; }
	footer .footer_info .flexy_row { flex-direction: column; }
	footer .footer_info address { flex-wrap: wrap; justify-content: center; }
	footer .footer_info ul { flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; gap: 0.125rem 1rem; flex: none; text-align: center; }
	footer .footer_info ul li { flex-basis: 0;font-weight: 400; line-height: 1.5rem; }

	footer .familysite { margin-top: 1rem; }

	.main_intro .visual_logo {
		width: 60%;
		max-width: 360px; }
	.main_intro .ring1 {
		padding-bottom: 65%;
		width: 65%; }
	.main_intro .ring2 {
		padding-bottom: 120%;
		width: 120%; }
	.main_section1 { 
		padding-top: 3.5rem; }
	.main_section1 .contain {
		padding-inline: var(--content-x-space); }
	.main_section1 .swiper-slide .text h3 {
		padding-inline: 2rem;
		font-size: 1.875rem; }
	.main_section1 button[class^="swiper-button"] {
		display: none !important; }
	.main_section2 { 
		padding: 3.5rem 0; }
	.main_section3 { 
		padding-top: 3.5rem;
		padding-bottom: 3.5rem; }
	.main_section3 .section_title p {
		font-size: 1.125rem;
		line-height: 1.875rem; }
	.main_section3 .swiper-slide .text h3 {
		font-size: 1.25rem; }
    
  .hero-swiper {
    aspect-ratio: 3/2; }
  .hero-swiper .title {
    padding-inline: 1.5rem;
    padding-top: 2rem;
    font-size: 1.25rem; }
  .hero-swiper .swiper-slide .bg {
    aspect-ratio: 3/2; }
  .hero-swiper .swiper-slide .bg:after {
    height: 50%; }
  .hero-swiper .slide-content {
    padding-inline: 1.5rem;
    padding-bottom: 2.5rem;
    font-size: 1.125rem; }
  .hero-swiper .intro-nav {
    width: 2rem; 
    height: 2rem;
    background-size: 1.75rem; }
  .hero-swiper .hero-prev { left: 1rem; }
  .hero-swiper .hero-next { right: 1rem; }

  .timeline .tabs_nav {
    margin-bottom: 3rem; }
  .timeline .tabs_nav ul li {
    padding-inline: .75rem; }
  .timeline .tabs_nav ul li:not(:first-child):before {
    top: calc(50% - 2px);
    left: -2px;
    width: 4px;
    height: 4px; }
  .timeline .tabs_nav ul li button {
    gap: .25rem .5rem;
    padding-inline: .5rem; }
  .timeline section:before {
    left: calc(var(--content-x-space) + 28px); }
  .record {
    padding-left: 50px; }
  .record:not(:last-child) {
    margin-bottom: 60px; }
  .record .dot {
    width: 14px;
    height: 14px; }
}
@media screen and (max-width:640px) {
	@keyframes on_ani { 0% { top: 50%; left: 50%; margin-top: -35px; margin-left: -35px; width: 70px; height: 70px; }50% { top: 50%;left: 50%; margin-top: -25px; margin-left: -25px; width:50px; height: 50px; } 100% { top: 50%; left: 50%; margin-top: -35px; margin-left: -35px; width: 70px; height: 70px; } }
	@keyframes nam_bg { from { background-position: 100% 0; }to { background:url(../images/m-namerica.png) no-repeat;background-position: 0% 0%; } }
	@keyframes asia_bg { from { background-position: 21.5% 5%; }to { background:url(../images/m-asia.png) no-repeat;background-position: 0% 5%; } }
	@keyframes oceania_bg { from { background-position: 47% 82%; }to { background:url(../images/m-oceania.png) no-repeat;background-position: 0% 20%; } }
	@keyframes europe_Bg { from { background-position:3% 7%; }to { background:url(../images/m-europe.png) no-repeat;background-position: 0% 7%; } }
	@keyframes nam_bg2 { from { top:168px; left:492px; }to {  top: 168px; left:114px; } }
	@keyframes nam_bg3 { from { top: 216px; left:549px; }to { top: 216px; left:160px; } }
	@keyframes asia_bg2 { from { top: 177px; left:293px; } to {top:177px; left: 206px; } }
	@keyframes asia_bg3 { from { top: 117px; left:244px; } to { top: 117px; left:157px; } }
	@keyframes asia_bg4 { from { top: 149px; left:215px; } to { top: 149px; left:128px; } }
	@keyframes asia_bg5 { from { top: 261px; left:243px; }to { top:261px; left:156px; } }
	@keyframes asia_bg6 { from { top: 238px; left:192px; }to { top:238px; left:105px; } }
	@keyframes oceania_Bg2 { from { top:320px; left:310px; }to { top:103px; left:35px; } }
	@keyframes europe_Bg2 { from { top: 133px; left:29px; } to { top: 125px; left:10px; } }
	@keyframes europe_Bg3 { from { top: 144px; left:61px; } to { top: 138px; left:42px; } }
	@keyframes europe_Bg4 { from { top: 134px; left:294px; } to { top: 99px; left:274px; } }
	@keyframes europe_Bg4_1 { from { top: 133px; left:95px; } to { top: 133px; left:75px; } }
	@keyframes europe_Bg5 { from { top: 136px; left:81px; } to { top:136px; left:62px; } }
	@keyframes europe_Bg6 { from { top: 156px; left:63px; } to { top: 148px; left:44px; } }
	@keyframes europe_Bg7 { from { top: 116px; left:55px; } to { top:107px; left:36px; } }
	@keyframes europe_Bg8 { from { top: 162px; left:27px; } to { top:150px; left:4px; } }
	@keyframes europe_Bg9 { from { top: 145px; left:45px; } to { top:145px; left:26px; } }
	@keyframes europe_Bg10 { from { top: 110px; left:85px; } to { top:99px; left:66px; } }
	@keyframes europe_Bg11 { from { top: 175px; left:63px; } to { top:166px; left:44px; } }
	@keyframes europe_Bg12 { from { top: 135px; left:52px; } to { top:131px; left:33px; } }
	@keyframes europe_Bg13 { from { top: 149px; left:36px; } to { top:149px; left:17px; } }
	@keyframes europe_Bg14 { from { top: 165px; left:64px; } to { top:153px; left:45px; } }
	@keyframes europe_Bg15 { from { top: 159px; left:42px; } to { top:159px; left:23px; } }
	@keyframes circle_1 { 0%,100% { transform:translateY(0) rotate(0deg); } 50% { transform:translateY(0) rotate(0deg); }	 }
	@keyframes circle_2 { 0%,100% { transform:translateY(0) rotate(0deg); } 50% { transform:translateY(0) rotate(0deg); }	 }
	@keyframes circle_3 { 0%,100% { transform:translate(0, 0) rotate(0deg); }  50% { transform:translate(0, 0) rotate(0deg); }	 }
	@keyframes circle_4 {  0%,100% { transform:translate(0, 0) rotate(0deg); } 50% { transform:translate(0, 0) rotate(0deg); }	 } 
	:root { 
		/*** LAYOUT ***/
		--content-x-space: 16px;
		--header-height: 60px;
		--dropmenu-height: 44px;
		--sub-visual-height: calc( 160px + var(--header-height) + var(--dropmenu-height) );
	 }

	html,
	body { font-size: 80%; }
	h5 { font-size: 1.5rem; }
	header,
	.gnb_none { height: 60px; }
	header h1,
	.gnb_none h1 { width: 57%; }
	header h1 a { background-position: 50%; background-size: 85% auto; }
	.m_header .m_header_btn { top: 20px; }
	.m_header_btn button { margin-left: 0; background-size: auto 100%; }
	footer .footer_link .flexy_row { flex-direction: column; }
	footer .footer_link .flexy_row > li { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; gap: 2rem; flex-basis: 0; }
	footer .footer_link .flexy_row > li > em { margin-bottom: 0; width: 30%; }
	footer .footer_link .flexy_row > li > ul { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 0.25rem 1rem; flex: 1; margin-top: 0; }
	footer .footer_link .flexy_row > li > ul li + li { margin-top: 0; }

  #gt_float_wrapper .gt_float_switcher {
    font-size: .875rem; }
  #gt_float_wrapper .gt_float_switcher .gt-current-lang {
    padding-block: 0.25rem; }
  #gt_float_wrapper .gt_float_switcher .gt_options a {
    padding-block: 0.375rem; }

	.error_404 .full-page { flex-direction:column; }
	.error_404 .full-page img { margin-right: 0; }
	.sub_title,
	.sub_visual_wrap .sub_visual h3,
	.program_wrap > h4 { font-size: 1.5rem; }
	.sub_visual_wrap .sub_visual h3 { letter-spacing: -0.5px; }
	.useful .sub_title, .contact_us .sub_title { margin-bottom: 1.5rem; }
	.about_div { padding-top: 2rem; }
	.main_title,
	.main_program_wrap .main_program .program_title h2,
	.program_wrap > p { font-size: 1.5rem ; }
	.main_whom .container h2 { opacity: 1; font-size: 1.5rem ; }
	.main_visual { /*height: 65rem;*/ }
	.before_map { margin-left: 1rem; height: 32.5rem; }
	.ovx { min-width:800px; }
	.ovx_2 { width:100%; min-width:640px; overflow: scroll; }
	.mv_txt { padding-left: 1rem; }
	.map_popup { left: 62px; width: 245px; }
	.facilities ul { margin-top: 3rem; }
	.select_residency li::before, li.tab1_list::before { top: 9.5px; }
	.status { overflow-y: auto; }
	.mv_div.db { overflow-x: auto; overflow-y: hidden; }
	.main_visual video { width: auto; height: 100%; }
	.select_country p, .select_residency p, .status p { font-size: 1rem; }
	.main_program_wrap { height: 39rem; }
	.main_program_wrap .main_program { display:block; }
	.mp_bg_wrap { height: auto; }
	.main_program_wrap { height: auto; }
	.main_program_wrap .main_program { padding: 4.5rem 1rem; }
	.main_program_wrap .main_program .program_title { width: 100%; }
	.main_program_wrap .main_program .program_title span br,
	.main_program_wrap .main_program .program_title h2 br,
	.main_program_wrap .main_program .program_list .plist_all .item .plist_txt h3 br { display: none; }
	.main_program_wrap .main_program .program_list .plist_all { flex-direction:row; }
	.main_program_wrap .main_program .program_list { width: 100%; height: 130px; }
	.main_program_wrap .main_program .program_list .plist_all .item { width: 100%; }
	.main_program_wrap .main_program .program_list .plist_all .item.swiper-slide-active { margin-right: 0; margin-bottom: 0; width: 100% !important; height: 130px !important; }
	.main_program_wrap .main_program .program_list .plist_all .item.swiper-slide-prev,
	.main_program_wrap .main_program .program_list .plist_all .item.swiper-slide-next { opacity: 0; margin-right: 0; }
	.main_program_wrap .main_program .program_title a { margin-top: 1rem; margin-bottom: 2rem; width: 3rem; height: 3rem; line-height: 3rem; }
	.main_center,
	.main_video,
	.main_about_wrap { padding: 4.5rem 1rem; }
	.main_about ul li::before { height: 50px !important; background-size: auto 100% !important; background-size: 37px !important; }
	.main_about ul li { margin-bottom: 1rem; padding-top: 3.5rem; width: 42%; }
	.main_center .main_place ul li { margin-bottom: 1rem; width: 100%;height: auto; }
	.main_center .main_place ul li .img { height: 15rem; }
	.place_link h3 { margin-bottom: 0.5rem; font-size: 1.2rem; }
	.place_link p + p { margin-bottom: 1rem; }
	.ani3 .main_place ul li { margin-bottom: 1rem; width: 100%; }
	.main_video::after { left:-49% !important; width: 200%; }
	.main_center .main_place ul .li_w50, .main_center .main_place ul .li_w502 { width: 100%; height: auto; }
	.place_link { position:static; padding-top: 1.5rem;height: auto; }
	.main_center .main_place ul .li_w50 .place_link { top: 100%;left: 0; padding-top: 1.5rem; height: auto; }
	.place_link p + p,
	.main_center .main_place ul .li_w50 .place_link p + p { padding-top: 0.5rem; }
	.place_link p + p:before,
	.main_center .main_place ul .li_w50 .place_link p + p:before,
	.main_center .main_place ul .li_w50 .place_link p + p + p:before { display: none; }
	.main_video .video_div { width: 21rem; height: 21rem; }
	.main_video .video_div button { margin-top: -1.75rem; margin-left: -1.75rem; width: 3.5rem; height: 3.5rem; background-size: 50%; }
	.sub_wrap { padding-block: 4rem; }
  .sub_wrap section ~ section { margin-top: 4rem; }
  .paragraph_container ~ .paragraph_container { margin-top: 3rem; }
  .rel_gallery_area { padding-block: 4rem 3rem; }
	.program110_main .sub_title2 { padding-bottom: 1rem; }
	.progrma108_wrap { padding-top: 0; padding-bottom: 0 !important; }
	.sub_visual_wrap .sub_visual { height: 19rem; }
	.sub_visual_wrap .sub_visual h2 { margin-bottom: 0.5rem; font-size: 1.5rem; }
	.sub_visual_wrap .lnb_wrap .container .lnb_menu { width: 100%; }
	.m_lnb_link a { width: 3rem; height: 30px; }
	.useful_checkbox .dataTables_paginate .pagination li a { margin: 0 0.3rem; }
	.sub_title2 { font-size: 1.5rem; }
	.program_102_1 div p { width: 100%; font-size: 1.3rem; word-break: keep-all; }
	.program_102_1 div p + p { width: 100%; }
	.program_102_list li .txt h5 a, .program_102_3 .txt h5 a { font-size: 1.3rem; }
	.sub_visual_wrap .lnb_wrap .container .togglemenu ul { padding: 1rem; }
	.sub_visual_wrap .lnb_wrap .container .lnb_menu .home { border-left: none; width: 10%; background-size: 44%; }
	.sub_visual_wrap .lnb_wrap .container .togglemenu { width:45%; }
	.sub_visual_wrap .lnb_wrap .container .togglemenu h2 a,
	.sub_visual_wrap .lnb_wrap .container .togglemenu h3 a { padding-right: 1.5rem; padding-left: 1rem; font-size: 0.875rem; line-height: 1; word-break: keep-all; }
	.sub_visual_wrap .lnb_wrap .container .togglemenu h2 a::after { right: 10px; }
	.sub_visual_wrap .lnb_wrap .container .togglemenu h3 a::after { right: 5px; }
	.sub_visual_wrap .lnb_wrap .container .togglemenu h3 a::before { display: none; }
	.sub_visual_wrap .lnb_wrap .container .togglemenu ul li a { font-size: 0.875rem; }
	.sub_img,
	.history .sub_img { margin-bottom: 1.5rem; height: 13rem; }
	.program_wrap > p { margin-bottom: 2.5rem; }
	.program_wrap > ul { display:block; }
	.program_wrap > ul li,
	.program_wrap > ul li:nth-child(3) { margin-bottom: 2rem ; padding-top: 7.5rem; padding-right: 1rem; padding-bottom: 2rem; width: 100%; height: auto; }
	.program_wrap > ul li::before { top: 1rem !important; width: 50px !important; }
	.program_wrap > ul li > a { margin-top: 2rem; }
	.program_wrap > ul li h5 a,
	.program_wrap .international li h5 a { font-size: 1.5rem; }
	.program_wrap .international li { padding: 2rem 1rem; width: 100%; height: auto; }
	.program_wrap .international li:nth-child(3) { padding-top: 2rem; }
	.program_102_1 { padding: 3rem 1rem; height: auto; }
	.program_102_1 div { display:block; }
	.program_102_1 div p + p { margin-top: 0.5rem; margin-left: 0; line-height: 1.4em; }
	.program_102_list li { display: block; padding: 1.5rem 0; }
	.program_102_list li .img, .program_102_3 .img { margin-bottom: 1rem; width: 100%; height: 11rem; background-size: auto 100% !important; }
	.program_102_list li .txt, .program_102_3 .txt { width: 100%; }
	.program_102_list li:nth-child(2n+2) { padding-bottom: 2.5rem; }
	.program_102_3 .container { display: block; }
	.program_102_list li .txt div a + a { margin-top:3rem; }
	.exchange_program .program_notice { margin-bottom: 2rem; padding: 2rem 1rem 2rem 4.5rem; background-position:6% 2rem; background-size: 8%; }
	.exchange_program .program_notice p { margin-bottom: 1rem; line-height: 1.5em; }
	.exchange_program .program_notice a { font-size: 0.875rem; font-weight: 500; }
	.exchange_program ul li { margin-bottom: 3rem; }
	.table_td tr th { padding: 1rem 0.5rem; height: auto; font-size: 0.875rem; line-height: 1.5em; }
	.table_td tr td div p,
	.table_td tr td .p_yellow,
	p.p_circle,
	.partner_list ul li > div.name p { font-size: 0.875rem; }
	.table_td tr td { padding: 1.5rem 1rem; font-size: 0.875rem; line-height: 1.5em; }
	.exchange_program ul li p::before,
	.exchange_program ul li p.p_circle::before { top: 9px; }
	.program109_main .table_td td { padding: 1rem; }
	.b_img { margin-top: 2rem; height: 10rem; }
	.fa_bg { padding: 2rem 1rem; }
	.program109_main .table_td_bt tr td { padding: 1rem; }
	.exchange_program ul li div strong { margin-bottom: 0.5rem; font-size: 1rem; }
	.chart_li .b_chart_wrap .b_chart { margin-bottom: 4rem; width: 42%; }
	.chart_li .b_chart_wrap .b_chart h6 { font-size: 0.8rem; line-height: 2.5rem; }
	.chart_li .b_chart_wrap .b_chart div { padding: 1rem; }
	.chart_li .b_chart_wrap .b_chart div.kr_bien { height: 13rem; }
	.chart_li .b_chart_wrap .b_chart div p,
	.chart_li .b_chart_wrap .b_arrow p { font-size: 0.8rem; }
	.chart_li .b_chart_wrap .b_chart div p::before { top: 8px; }
	.chart_li .b_chart_wrap .b_arrow .img { height: 2rem; background-size:auto 100% ; }
	.chart_li .b_chart_wrap .b_chart::before { bottom: -3rem; margin-left: -1rem; width: 2rem; height: 2rem; background-size: 100% auto; }
	.chart_li .b_chart_wrap .b_chart2 { margin-bottom: 0; width: 100%; }
	.program109_main.exchange_program ul li p.p_yellow { margin-bottom: 0; }
	.sub_wrap h5 { font-size: 1.3rem; }
	.sub_wrap h6 { font-size: 1.1rem; }
	.program110_list .txt { width: 56.5%; }
	.contact > ul li { margin-bottom: 1rem; }
	.contact > ul li h5 {margin-bottom: 0.5rem; font-size: 1.3rem; }
	.members_chairPerson .chairPerson h5 { margin-bottom: 0.5rem; }
	.program110_list { margin-bottom: 2rem; }
	.program110_list .img { margin-top: 1rem; margin-bottom: 2rem; height: 10rem; }
	.joint_list ul li > div { padding: 2rem 0; }
	.pdf_down,
	.pro110_ul { margin-top: 3rem; }
	.pdf_down tr td a { width: 90%; line-height: 2rem; }
	.pdf_down tr td a img { width: 12px; }
	.program_tab { margin-top: 2rem; }
	.program_tab .bg_yellow { padding-top: 1.5rem; padding-bottom: 0; }
	.program_ta2 .bg_yellow { padding-top: 1.5rem; padding-bottom: 1.5rem; }
	.program_tab h6,
	.program_ta2 .bg_yellow h6 {  margin-bottom: 0; font-size: 1.3rem;word-break: keep-all; }
	.program_tab h6 { margin-bottom: 0.5rem; padding-right: 1rem; padding-left: 1rem; }
	.program_ta2 .bg_yellow p { margin-bottom: 0.5rem; font-size: 1rem; }
	.program_ta2 > .bg_yellow ul { -ms-flex-flow: row wrap; flex-wrap:wrap; -webkit-flex-wrap: wrap; }
	.program_ta2 > .bg_yellow ul li { width: 33.333% !important; }
	.program_ta2 > .bg_yellow ul li:nth-child(4),
	.program_ta2 > .bg_yellow ul li:nth-child(5) { width: 50% !important; }
	.program_tab > .bg_yellow ul { margin-top: 1.5rem; }
	.program_tab > .bg_yellow ul li a { height: 3rem; font-size: 1rem; line-height: 3rem; }
	.progrma107 .progrma107_list { display: block; }
	.progrma107 .progrma107_list > div,
	.progrma107 .progrma107_list > .div2 { width: 100%; }
	.progrma107 .progrma107_list > div p { height: auto; }
	.progrma107 .progrma107_list > div p + p { padding: 1rem; line-height: 1; }
	.progrma107 .progrma107_list > span { margin: 0 auto; margin-top: 1rem; margin-bottom:1rem; width: 2.5rem; height: 2.5rem; transform:rotate(90deg); }
	.tab_b .table_td > tr >th { width:15%; }
	.table_td104 tr th:first-child { width: 20%; word-break: keep-all; }
	.table_td_105 tr th:first-child { width: 20%; }
	.table_td_103 tr th:first-child { width: 25%; word-break: keep-all; }
	.program108_main .program108_list ul li .support_list .support_name { margin-top: 0; font-size: 1.3rem; line-height:2; }
	.program108_main .program108_list ul li .more_a { line-height: 3.18rem; }
	/* .about_ul_wrap { margin-top: 0; padding-top: 2rem; } */
	.what_we_do .sub_title { padding-bottom: 1.5rem; }
	.reports .reports_list { padding-top: 2rem; }
	.about_ul li .about_txt h5 { font-size: 1.1rem; }
	.main_about ul li { margin-top: 2rem; }
	.main_about ul li:nth-child(1),
	.main_about ul li:nth-child(2) { margin-top: 0; }
	.main_about ul li > a { display: none; }
	.main_about ul li p a { word-break: keep-all; }
	.main_about ul li p a br { display: none; }
	.mb88 { margin-bottom: 1.5rem; }
	.araon_swiper .swiper-wrapper .swiper-slide .slidetxt p { font-size: 0.7rem; }
	.sub_wrap .key_pr { display: block; }
	.sub_wrap .key_pr li { margin-bottom: 2rem; width: 100%; }
	.sub_wrap .key_pr li:last-child { margin-bottom: 0; }
	.sub_wrap .key_pr li .img { height: 13rem; }
	.sub_wrap .sub_title_h5 { margin-bottom: 1.5rem; }
	.sub_wrap .key_pr li h6 { margin-top: 1.5rem; margin-bottom: 0.5rem; }
	p.bl::before { top: 10px; }
	.members_chairPerson { -ms-flex-flow: row wrap; flex-wrap:wrap; -webkit-flex-wrap: wrap; }
	.members_chairPerson .img { width: 100%; height: 16rem; }
	.members_chairPerson .chairPerson { margin-top: 1.5rem;padding-left: 0; width: 100%; }
	.members_chairPerson .chairPerson p.bl::before, .person_ul li div p.bl::before { top: 11px; }
	.person_ul li { margin-bottom: 1rem; }
	.person_ul li .img { width: 40%; }
	.person_ul li div {display: flex;flex-direction: column;justify-content: center; padding-left: 3%; width: 60%; }
	.orginli_other { top: 2.5rem; }
	.orginli_other ul li { width: 9rem; height: 3rem; font-size: 1rem; line-height: 3rem; }
	.organization_ul .orginli1 { width: 8rem; height: 8rem; font-size: 1.2rem; line-height: 8rem; }
	.organization_ul .orginli2 { width: 8rem; height: 8rem; font-size: 1.2rem; line-height: 8rem; }
	.organization_ul .orginli3 > ul > li { min-height: 4.5rem; font-size: 1.2rem; }
	.organization_ul .orginli4 > ul { display: block; }
	.organization_ul .orginli4 > ul > li { width: 100%; }
	.organization_ul .orginli4 > ul > li p { height: 3rem; }
	.organization_ul .orginli4 > ul > li > ul { margin-top: 1rem; margin-bottom: 2rem; padding: 0 1rem ; }
	.organization_ul .orginli4 > ul > li:last-child > ul { margin-bottom: 0; }
	.organization_ul .orginli4 > ul > li > ul > li { word-break: keep-all; }
	.organization_ul .orginli4 > ul > li > ul > li br { display: none; }
	.reports .reports_list li { margin-right: 2%; width: 49%; text-align: center; }
	.reports .reports_list li:nth-child(2n+2) { margin-right: 0; }
	.reports .reports_list li h5 { margin-bottom: 2rem; }
	.reports .reports_list li a.img { height: 17rem; }
	.pagination li a { width: 2rem; height: 2rem; }
	.pagination li a.page-link { margin: 0 0.3rem; line-height: 2rem; }
	.identity .signatures ul { -ms-flex-flow: row wrap; flex-wrap:wrap; -webkit-flex-wrap: wrap; }
	.identity .signatures .container ul li { margin-bottom: 1.5rem; width: 49%; }
	.identity .signatures .container ul li:nth-child(3),
	.identity .signatures .container ul li:nth-child(4) { margin-bottom: 0; }
	.identity .signatures .container ul li .logo_down a.logo_ai { padding-left: 2.3rem; background-position: 70% 42%;background-size: 12px; }
	.identity .signatures .container ul li .logo_down a { background-position: 76% 42%; background-size: 12px; line-height: 2rem; }
	.facilities ul li { display: block; }
	.facilities ul li .img { width: 100%; height: 15.5rem; }
	.facilities ul li .facilities_txt { width: 100%; }
	.facilities ul li .facilities_txt .box_link { margin-top: 1.5rem !important; }
	.sub_visual_wrap .lnb_wrap .container .useful_lnb h2 { height: 100%; }
	.sub_visual_wrap .lnb_wrap .container .useful_lnb h2 a { display:flex; align-items: center; padding-right: 2rem; line-height: 1.5em; }
	.checkbox_div { display:block; }
	.checkbox_div > label { margin-right: 0; }
	.checkbox_div .other_checkbox ul li { margin-top: 0.5rem !important; width: 50%; }
	.checkbox_div input[type="checkbox"] + label { padding-left: 2.5rem; height: 1.8rem; }
	.checkbox_div input[type="checkbox"] + label br { display: none; }
	.art_forms { margin-bottom: 3rem; padding-top: 0; padding-bottom: 1rem; background-color:#fafafa; }
	.other_checkbox { width: 100%; }
	.website_list .list_wrap .website .website_title { display: block; text-align: right; }
	.website_list .list_wrap .website .website_title h6 { text-align: left; }
	.website_list .list_wrap .website .website_title a { display:inline-block; margin-top: 1rem; padding: 0 1rem; width: auto; }
	.website_list .list_wrap .website .hashtag ul { flex-wrap:wrap; padding: 1rem; height: auto; }
	.website_list .list_wrap .website .hashtag ul li { margin-right: 1.5rem; line-height: 2em; }
	.website_list > p { line-height: 1.5em; }
	.contact .map { height: 10rem; }
	.contact > ul { margin-top: 1rem; margin-bottom: 2rem; padding: 2rem 1rem; }
	.contact > ul li p { line-height: 1.5em; }
	.inquiry { padding: 2.5rem 1rem; }
	.inquiry .inquiry_input { width: 100%; }
  .list_top { display: flex; gap: .5rem; margin-block: 2rem 1rem; }
  .list_top .search_keyword { flex-grow: 1; }
	.program108_main .program108_list p { line-height: 1.5em; }
	.program108_main .program108_list ul { margin-top: 1rem; }
	.program108_main .program108_list ul li { padding-block: 0 5rem; width: 100%; min-height: 20rem; }
	.program108_main .program108_list ul li:not(:nth-child(-n+1)) { margin-top: 1rem; }
	.program108_main .program108_list ul li .img { height: 7rem; }
	.program108_main .program108_list ul li .img img { height: 100%; }
	.program108_main .program108_list ul li a { line-height: 4rem; }
  .program108_main .program108_list ul li .support_list .head { margin-bottom: 2rem; padding-top: 2.5rem; }
  .program108_main .program108_list ul li .support_list .head:before { background: none; backdrop-filter: grayscale(0) blur(2px); }
  .program108_main .program108_list ul li .support_list .support_name { color: #fff; }
  .program108_main .program108_list ul li .support_list .support_program { color: #fff; }
	.program108_main .program108_list ul li .support_list .support_program { margin-top: 0; }
	.program108_main .program108_list ul li .support_list { display: flex;flex-direction: column; }
	.program108_main .program108_list ul li .support_list .visual_art,
	.program108_main .program108_list ul li .support_list .theater,
	.program108_main .program108_list ul li .support_list .literature,
	.program108_main .program108_list ul li .support_list .music,
	.program108_main .program108_list ul li .support_list .dance { margin-bottom: 1.25rem; border-color: #fff; color: #fff; font-size: 0.875rem;line-height: 20px; }
	.araon_visual { margin-bottom: 4rem; padding-top: 4.5rem; padding-bottom: 4rem; height: auto; }
	.araon_visual .araon_txt h2,
	.araon_visual .araon_txt h2 span { font-size: 1.7rem; }
	.araon_visual .araon_txt .square { margin-bottom: 1rem; padding: 1rem; width: 4rem; height: 4rem; font-size: 0.875rem; word-break: keep-all; }
	.araon_swiper .swiper-wrapper .swiper-slide .slide_wrap { align-items:center; }
	.bt1 { padding-top: 2rem; }
	.aron_number { margin-top: 1rem; margin-bottom: 2rem; }
	.introduction .txt p { padding-bottom: 1rem; }
	.introduction .txt h2 { margin-top: 2rem; }
	.introduction .txt h2 { margin-bottom: 1rem; font-size: 1.3rem; font-weight: 500; }
	.introduction .txt > span {margin-bottom: 1rem; font-size: 1.3rem; }
	.black_container { padding-top: 3rem; }
	.last_5 { margin-bottom: 3rem !important; }
	.black_bic_txt { font-size: 1rem; }
	.black_right { padding-left: 0; }
	.cookies { padding: 1.5rem 1rem; }
	.cookies div { display: block; }
	.cookies div p { margin-bottom: 0.5rem; width: 100%; }
	.mini_table { table-layout: fixed; }
	.mini_table tr td { padding: 0.8rem; word-break:break-all; }
	.pdf_down tr td p { word-break:break-all; }
	.pro110_ul li div span { padding-top: 5px; }
	.program111_main .map_box h5 { margin-bottom: 0; }
	.joint_list { margin-top: 1rem; }
	.joint_list ul li { margin-bottom: 1rem; }
	.joint_list ul li > p { padding: 1.5rem 0; padding-left: 5rem; background-position-x: 1.5rem !important; background-size: 30px !important; font-size: 1rem; }
	.joint_list ul li > p::before,
	.joint_list ul li.on > p::before { top: 50% !important; right: 1.5rem; background-size: 60%; }
	.program111_main .map_box p { font-size: 2rem; }
	.partner_tab > ul li { display:flex; justify-content: center; align-items: center; padding:1rem 0; }
	.partner_list ul li > div.name div span { margin-bottom: 3px; font-size: 0.875rem; line-height: 20px; }
	.partner_list ul li > div.name { padding: 1rem 0; padding-right: 3rem; padding-left: 5rem; background-position-x: 1.5rem !important; background-size: 30px !important; font-size: 1rem; }
	.partner_list ul li > div.name::before,
	.partner_list ul li.on > div.name::before { top: 50% !important; right: 1.5rem; background-size: 60%; }
	.partner_list ul li > div.name div p { font-size: 1rem; line-height: 1.5em; }
	.partner_list ul li > div .table_td tr td div p { padding: 0.3rem 0; line-height: 1.5em; }
	.program109_main .sub_title2 br { display: none; }
	.program_102 .sub_title2,
	.program_102 > p { padding-right: 1rem; padding-left: 1rem; }
	.program_102_list li .txt p, .program_102_3 .txt p { line-height: 1.5em; }
	.program_102_list li .txt div { display: block; }
	.program_102_list li .txt div a + a,
	.program_102_list li .txt div a { margin-top: 1rem; padding: 0.5rem;height: auto; font-size: 1rem; font-weight: 500;line-height: 1; }
	.program_102_list li .txt > a, .program_102_3 .txt > a {padding: 0.5rem;height: auto; font-size: 1rem; font-weight: 500; line-height:1; }
	.program_102_3 { padding: 2rem 1rem; }
	.sub_visual_wrap .sub_visual { padding-right: 1rem; padding-left: 1rem; }
	.araon_swiper { padding: 0.5rem 0; }
	.araon_visual { padding-top:  7rem; padding-right: 1rem; padding-left: 1rem; padding-bottom: 14rem; }
	.whom_lnb { top: 23rem; }
	.araon_visual .araon_txt span { font-size: 1.7rem; line-height: 1.2em; }
	.aron_img ul { display: block; }
	.aron_img ul li,
	.aron_img_two ul li:where(:nth-child(4n+1),:nth-child(4n)) { width: 100%; }
	.aron_img_two ul li img,
	.aron_img_two ul li:where(:nth-child(4n+1),:nth-child(4n)) img { width: auto; aspect-ratio: unset; }
	.aron_img .img.flex_box img { width: 50%; height: 7rem; }
	.aron_black_cont .aron_img .img.flex_box img { height: 7rem; }
	.aron_img .img img { max-width: 100%; height: 10rem; }
	.aron_black_cont .aron_img .img img { height: auto; }
	.table_td104 { margin-top: 1rem; table-layout: fixed; }
	.over_x { overflow-x: scroll; }
	.tab { margin-top: 2rem; }
	.scroll_table { min-width:500px; }
	.person_ul { padding-top: 2rem; }
	p,
	.pro110_ul li div p,
	.sub_wrap .sub_txt { line-height: 1.5em; }
	p { font-size: 0.875rem; }
	.person_ul li div h5 { font-size: 1.2rem; }
	 .person_ul li div p.bl { line-height: 1.5em; }
	 .person_ul li div p.bl::before { top: 7px; }
	.black_bic_txt p { font-size: 1rem; }
	.website_list .use_table tr td:nth-child(1) { margin-bottom: 0; padding-bottom: 0.3rem; width: 100%; box-sizing: border-box; }
	.website_list .use_table tr td:nth-child(2) { position:static; margin-bottom: 0.5rem; padding-top: 0.5rem; text-align: left; }
	.website_list .use_table tr td:nth-child(2) a { display:inline-block; padding: 0 1rem; width: auto; font-size: 0.875rem ; line-height: 2rem; }
	.website_list .use_table tr td:nth-child(4) { margin-bottom: 2rem; padding: 0 1.25rem 1.5rem 1.25rem; line-height: 1.5em; }
	.website_list .use_table tr td:nth-child(3) { float:none; padding-bottom: 0; line-height: 1.5em; }
	.exchange_program ul li div p { line-height: 1.5em; }
	.contact_us { overflow: hidden; }
	.aron_black_cont { padding-bottom: 3rem; }
	.inquiry .inquiry_input { overflow: hidden; }
	.inquiry { background-position: 38%; }
	.inquiry a { margin-top: 1.5rem; }
	.sub_wrap p { word-break: break-all; }
	.mv_txt p + p { font-size: 2rem; line-height: 1.2em; }
	.click_before_p, .click_before_p.db { font-size: 1rem; line-height: 1.5em; }
	.joint_img div { margin-bottom: 0.5rem; height: 12rem; }
	.program111_main .map_box { margin-top: 2rem; padding: 2rem 1rem; }
	.program111_main .map_box .map_bg { margin-top: 0; width: 320px; max-width:320px; height: 18rem; background-size: 100% auto !important; }
	.program111_main .map_box .map_bg.pole { background-position: 0 48%; }
	.map_popup p { margin-bottom: 0; }
	.map_popup p + p { margin-bottom: 0.5rem; padding-bottom: 0.5rem; line-height: 1.3em; }
	.tab1_list, .select_residency ul li { padding:3px 0 3px 9px; }
	.select_country p { margin-bottom: 0; }
	.exchange_program .siteLink { /*margin-top: 3rem;*/ }
	.exchange_program .siteLink li { width: 50%; }
	.siteLink li > a { background-size: 10px; line-height: 35px; }
  .partners_link li a { background-size: 10px; }
	.mv_div { height: 12.5rem; }
	.before_map.north_bg { background:url(../images/m-namerica.png) no-repeat; }
	.before_map.asia_bg { background: url(../images/m-asia.png) no-repeat ; }
	.before_map.europe_bg { background: url(../images/m-europe.png) no-repeat ; }
	.before_map.oceania_bg { background: url(../images/m-oceania.png) no-repeat ; }
	.main_whom { padding: 4.5rem 1rem; height: 46rem; }
	.main_whom .container .circle.lee {top: 18%; margin-left: -5rem; width: 10rem; height: 10rem; }
	.main_whom .container .circle.kim { left: 1%; padding: 0 1rem; width: 7rem; height: 7rem; }
	.main_whom .container .circle.kang { margin-left: -5rem; width: 9rem; height: 9rem; }
	.main_whom .container .circle.bae { margin-left: -13rem; width: 10rem; height: 10rem; }
	.main_whom .container .circle.kwon { top: 52%; width: 8rem; height: 8rem; }
	.main_whom .container .circle.choi { left: 61%; width: 10rem; height: 10rem; }
	.main_whom .container .circle h3 a { font-size: 1.1rem; }
	.main_whom .container .circle p { margin-bottom: 0; }
	.map_bg .asia { top: 25px; left: 42px; width: 124px; height: 132px; }
	.map_bg .oceania { left: 123px; bottom: 25px; width: 59px; height: 59px; }
	.map_bg .north { top: 22px; left: 177px; width: 143px; height: 119px; }
	.map_bg .europe { top: 29px; left: 7px; width: 159px; height: 80px; }
	.map_box .bg_ovx { overflow: hidden; }
	.kr_arko_link { background-position-x: 60%;background-size: 10px; }
	.kr_arko_vision { background: url(../images/ic-enter.png) no-repeat 37% center;background-size: 10px; }
	.kr_arko_History { background: url(../images/ic-enter.png) no-repeat 24% center;background-size: 10px; }
	.kr_arko_Council,
	.kr_arko_Organization,
	.kr_arko_Visual { background: url(../images/ic-enter.png) no-repeat 28% center;background-size: 10px; }
	.kr_arko_Facilities { background: url(../images/ic-enter.png) no-repeat 33% center;background-size: 10px; }
	.top_button { background-size: 1.5rem; }
	.point .close, .point2 .close { right: 1rem; width: 12px; height: 12px; background-size: 100% auto; }

  .exchange_index_list ul {
    --num: 1; }
  .exchange_index_list a { 
    height: 160px; }
	.main_section2 ul li { 
		width: 100%; }
	.flexible_tab_area {
		flex-direction: column; }
	.flexible_tab_area .tabs_nav {
		width: 100%; }
	.flexible_tab_area .tabs_nav ul {
		display: flex;
		flex-wrap: wrap; }
	.flexible_tab_area .tabs_nav ul li {
		width: 33.333%; }
	.flexible_tab_area .tabs_nav ul li button span {
		font-size: .9375rem; }
	.flexible_tab_area .tabs_nav ul li button strong {
		font-size: 1rem; }

	.file_download_area ul li {
		flex-direction: column;
		align-items: flex-start;
		min-height: 0; }
	.file_download_area ul li p {
		width: 100%; }
	.file_download_area ul li a {
		flex: none; }

}