@charset "utf-8"; /* CSS Document */
.box0 { width: var(--container-ultra-xxxxl); margin: 0 auto; max-width: 94%; } 
.box1 { width: var(--container-ultra-xl); margin: 0 auto; max-width: 90%; } 
.boxSub { width: var(--container-ultra-xxl); margin: 0 auto; max-width: 92%; } 
.box_full { width:100vw; } 

.PC { display:block } 
.PHONE { display:none; } 
.logo_2{display: none;}
.mob{display:none;}

.gnb li.m_hide { display:none !important; } 
.gnb .layer { display:none !important; } 
body:not(.pop) { display:flex; flex-direction:column; min-height:100dvh; min-height:calc(var(--vh, 1dvh) * 100) } 

.goTop { width: 2.5em; line-height: 2.5em; text-align: center; background: #ccc; color: var(--color-point); display: flex; align-items: center; justify-content: center ;}
.goTop .xi { font-size: 1em}
.goTop:hover {background: #fff ;}


#header { position:fixed; top:0; left:0; width:100%; background: #fff; transition: background-color var(--ani-1); z-index:999; } 
#header:before { position: absolute; top: var(--headH); width: 100%; height: 1px; background: #CDD1D5; opacity: 0; transition: .3s ease; content: ''; z-index: 1; } 
.sub #header:before { opacity: 1; } 
#header .top_wrap { position:relative; overflow: hidden; } 
html:not(.allOn) .top_wrap .gnb_wrap { position: relative; height: var(--headH); transition: height .45s var(--ani-2); overflow: hidden; } 
#header .top_wrap .logo { height: var(--headH); display: flex; align-items: center; max-width: 16em;} 
#header .top_wrap .logo > a { height: 100% ; display:block; position:relative;} 
#header .top_wrap .logo > a i {height: 100% ; }
#header .top_wrap .logo > a img { height: 100%;  object-fit: contain; } 
#header .top_wrap .logo .in { transform:translateY(0); display:flex; flex-direction: row; gap: 0rem; align-items: center; justify-content: center; }
#header .top_wrap .logo .in .right {display: flex; flex-direction: column; gap: .2rem; align-items: start; justify-content: center; font-size: 1.4rem; font-weight: 600;}
#header .top_wrap .logo .in .right .site_name_en { font-size: var(--font-size-xs); font-weight: 400; opacity: .7; }

html:not(.allOn) .top_wrap .gnb_wrap { } 
html:not(.allOn) .top_wrap .gnb > li { overflow:hidden; box-sizing: border-box;  max-width: 11rem; } 

html:not(.allOn) .top_wrap .gnb > li .dp1 { position:relative; display: flex; align-items: center; justify-content: center; height: var(--headH); padding: 0 2.5rem; } 
html:not(.allOn) .top_wrap .gnb > li .dp1 .va { display: flex; align-items: center; gap: .5rem; } 
html:not(.allOn) .top_wrap .gnb > li .dp1 .tt { font-size: var(--font-size-md-1); text-align: center; font-weight:700; text-transform:uppercase; } 
html:not(.allOn) .top_wrap .gnb > li .dp1:after { content: ''; display: block; width: 100%; height: 1px; filter: brightness(0); background: url(../images/inc/gnb_line.png) no-repeat center center; left: 0; position: absolute; bottom: 0; transform: scaleX(0); transition: 0.5s; } 
html:not(.allOn) .top_wrap .gnb > li.act .dp1:after,
html:not(.allOn) .top_wrap .gnb > li.on .dp1:after { opacity:1; transform:scaleX(1); } 

html:not(.allOn) .top_wrap .gnbImg:hover > img { transform: scale(1.05); } 

html:not(.allOn) .top_wrap .gnb > li .dp2 { display: block; margin: 0 auto; padding: 1.6rem .5rem 1.6rem .5rem; } 
html:not(.allOn) .top_wrap .gnb > li .dp2 > li { } 
html:not(.allOn) .top_wrap .gnb > li .dp2 > li { position: relative; padding: .7rem .25rem; text-align: center; } 

html:not(.allOn) .top_wrap .gnb > li .dp2 > li > a { position:relative; display: inline-block; } 
html:not(.allOn) .top_wrap .gnb > li .dp2 > li > a > .va > .tt { position:relative; font-weight: 500; font-size: var(--font-size-sm); transition: .3s;  color: #333} 
html:not(.allOn) .top_wrap .gnb > li.on .dp2 > li.on > a > .va > .tt,
html:not(.allOn) .top_wrap .gnb > li .dp2 > li > a > .va > .tt:hover { color: var(--color-point); text-decoration: underline; } 

html:not(.allOn) #header .top_wrap .etc_wrap { display: flex; gap: 4rem; align-items: center;} 

#header .etcLinkWrpper { display: flex; gap: 2rem; align-items: center; height: var(--headH); } 
#header .etcLinkWrpper > li { position:relative; } 
#header .etcLinkWrpper > li:before { position: absolute; right: -1rem; top: 50%; width: 1px; transform: translateY(-50%); height: .75rem; background: #ddd; content: ''; } 
#header .etcLinkWrpper > li:last-of-type:before { display: none; } 
#header .etcLinkWrpper > li .etcTit { font-size: var(--font-size-base); font-weight: 700; } 
#header .etcLinkWrpper > li:first-child .etcTit {font-size: var(--font-size-md)}

#header .etcLinkWrpper .mem_wrap {display: flex; flex-direction: row; align-items: center; justify-content: center; gap:2em }
#header .etcLinkWrpper .mem_wrap .point > a {display: flex; flex-direction: row; gap: .5em; align-items: center; justify-content: center; }
#header .etcLinkWrpper .mem_wrap .point > a .t1 {font-size: var(--font-size-base); font-weight: 700;}
#header .etcLinkWrpper .mem_wrap .mypage {position: relative;}
#header .etcLinkWrpper .mem_wrap .mypage:before { position: absolute; right: -1rem; top: 50%; width: 1px; transform: translateY(-50%); height: .75rem; background: #ddd; content: ''; } 


#header .trans_wrap .transW { position: relative; } 
#header .trans_wrap .transW .trans_btn { position: relative; z-index: 1; display: flex; align-items: center; gap: .2rem; pointer-events: none; } 
#header .trans_wrap .transW .trans_btn > .xi { font-size: var(--font-size-base); } 
#header .trans_wrap .transW #google_translate_element { position: absolute; inset: 0; z-index: 2; overflow: hidden; opacity: 0; pointer-events: auto; } 
#header .trans_wrap .transW #google_translate_element > div,
#header .trans_wrap .transW #google_translate_element .goog-te-gadget { width: 100%; height: 100%; } 

#header .trans_wrap .transW #google_translate_element .goog-te-combo { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0 !important; cursor: pointer;  } 

#header .menu_wrap { display: flex; align-items: center; gap: var(--gap-xl); height: var(--headH); } 
#header .menu_wrap .menu { display: flex; align-items: center; gap: 1.4rem; justify-content: center; height: 2.5rem; /* padding: 0 .75rem; box-sizing: border-box; border-radius: var(--radius-sm); background: var(--color-gray-2); border: 1px solid var(--gray-line); */ } 
#header .menu_wrap .menu > li { position:relative; display: flex; align-items: center; justify-content: center; } 
#header .menu_wrap .menu > li:before { position: absolute; right: -.8rem; top: 50%; transform: translateY(-50%); width: 1px; height: 12px; background: var(--gray-line); content: ''; } 
#header .menu_wrap .menu > li:last-of-type:before { display: none; } 
#header .menu_wrap .menu > li.allB { } 
#header .menu_wrap .menu > li > a { display: flex; align-items: center; gap: .25rem; color: var(--color-black-4) } 
#header .menu_wrap .menu > li > a > .xi { font-size: var(--font-size-sm-1); } 
#header .menu_wrap .menu > li > a > .tt { font-size: var(--font-size-xs); } 
#header .menu_wrap .menu > li > a:hover > .tt { text-decoration: underline; } 
#header .menu_wrap .menu > li > .all .all_btn { position:relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } 

#header .all { width: 100%; } 
#header .all_btn { width: 2.25rem; height: 2.85rem; display: flex; align-items: center; justify-content: center; } 
#header .all_btn > .in { position:relative; width: 100%; height: 1.2rem; display: block; } 
#header .all_btn .ham,
#header .all_btn .ham:before,
#header .all_btn .ham:after { display:block; width:100%; height: 2px; border-radius: 5px; background: var(--color-black); transition:.2s, background 0s; } 
#header .all_btn .ham:before,
#header .all_btn .ham:after { content:""; position:absolute; right:0; } 
#header .all_btn .ham:before { top:calc(50% - 1px); width: 100%; } 
#header .all_btn .ham:after { top:calc(100% - 2px); left: 0; width:60%; } 
#header .all .all_btn .ham { width: 60%; margin: 0 0 0 auto; } 
#header .all:hover .all_btn .ham:before { width: 100%; } 

#header .lang_wrap .lang { position: relative; } 
#header .lang_wrap .lang .lang_btn { display: flex; align-items: center; justify-content: center; height: 36px; border: 1px solid #fff; border-radius: 100px; padding: 0 1rem; color: #fff; } 
#header .lang_wrap .lang .lang_btn .tt { font-size: var(--font-size-xs); } 
#header .lang_wrap .lang .lang_btn .xi { font-size: var(--font-size-sm); margin-left: var(--space-1); } 
#header .lang_wrap .lang .drop { position: absolute; top: calc(100% + 0.5rem); left: 0; width: 100%; height: 0; transition: 0.3s; overflow: hidden; background: rgba(255, 255, 255, .2); border-radius: 5px; } 
#header.active .lang_wrap.on .lang .drop,
#header.allOn .lang_wrap.on .lang .drop { background: var(--crWhite); border: 1px solid #eee; } 
#header .lang_wrap.on .lang .drop { height: fit-content; } 
#header .lang_wrap .lang .drop > li { border-top: 1px solid rgba(0,0,0, .0615); } 
#header .lang_wrap .lang .drop > li:first-of-type { border-top: none; } 
#header .lang_wrap .lang .drop > li > a { padding: 0.5rem; display: block; transition: .3s ease; } 
#header .lang_wrap .lang .drop > li > a:hover { color: var(--color-point2); } 
#header .lang_wrap .lang .drop > li > a .tt { font-size: var(--font-size-xs); } 

#header.allOn:before { opacity: 1; } 
#header.allOn .top_wrap .gnb > li { } 


html:not(.scroll):not(.sub) #header:not(.allOn) { background: transparent; } 
html:not(.scroll):not(.sub) #header:not(.allOn) .top_wrap .gnb > li .dp2 { display: none; } 
html:not(.scroll):not(.sub) #header:not(.allOn) .top_wrap .logo > a img { /* filter: var(--crWhitefil);  */} 
html:not(.scroll):not(.sub) #header:not(.allOn) .top_wrap { color: #fff; } 
html:not(.scroll):not(.sub) #header:not(.allOn) .all_btn .ham,
html:not(.scroll):not(.sub) #header:not(.allOn) .all_btn .ham:before,
html:not(.scroll):not(.sub) #header:not(.allOn) .all_btn .ham:after { background: #fff; } 
html:not(.scroll):not(.sub) #header:not(.allOn) .menu_wrap .menu > li > a { color: #fff; } 

/* 기본 상태에서는 화이트 로고는 숨기고 기본 로고를 보여줌 */
.logo .logo_white { display: none; }
.logo .logo_default { display: block; }

/* 메인페이지 최상단(transparent 상태)일 때 흰색 로고로 스위치 */
html:not(.scroll):not(.sub) #header:not(.allOn) .top_wrap .logo .logo_default { display: none; }
html:not(.scroll):not(.sub) #header:not(.allOn) .top_wrap .logo .logo_white { display: block; }


.allOn{ overflow:hidden}
.allOn body{ overflow-y:scroll; scrollbar-width: thin;}
.allOn #header{ height:100vh; position: fixed; box-sizing:border-box; overflow-y: scroll; scrollbar-width: thin; scrollbar-color: var(--color-point); background:#fff !important;}
.allOn #header .top_wrap .wrapH{position: relative;}
.allOn #header .top_wrap .wrapH,
.allOn #header .top_wrap .wrapF{ height:100%;}
.allOn #header .top_wrap .logo{ display:flex; align-items:center}
.allOn #header .top_wrap .logo,
.allOn #header .top_wrap .etc_wrap{ height:var(--headH)}
.allOn #header .top_wrap{ background:none; overflow: unset; color: var(--color-point) !important;}
.allOn #header .top_wrap .wrapF{ flex-wrap:wrap; align-items:flex-start; gap:5vmin; box-sizing:border-box}
.allOn #header .gnb_wrap{ flex:0 0 auto; min-height:0; width:100%; margin-left:0; order:10; position: absolute; top: var(--headH);}
.allOn #header .gnb_wrap .gnb{ flex-wrap:wrap; gap:1em; align-items:flex-start}
.allOn #header .gnb_wrap .gnb a{ text-align:left; display:flex; box-sizing:border-box; line-height:1.2; word-break:keep-all}
.allOn #header .gnb_wrap .gnb a .va{ display:flex; align-items:center; gap:1em}
.allOn #header .gnb_wrap .gnb a .va .arrow{ font-size:1em; position:absolute; right:.5em; top:50%; transform:translateY(-50%); margin-right:-1em; opacity:0; transition:.3s}
.allOn #header .gnb_wrap .gnb a .va .arrow:before{ content:"\e93e";}
.allOn #header .gnb_wrap .gnb > li{ box-sizing:border-box; flex:1}
.allOn #header .gnb_wrap .gnb > li .dp1{ height:5em; align-items:flex-end; justify-content:center; text-align:center; margin-bottom:2em;}
.allOn #header .gnb_wrap .gnb > li:hover .dp1{ color:var(--color-point)}
.allOn #header .gnb_wrap .gnb > li .dp1:hover:after{ opacity:1}
.allOn #header .gnb_wrap .gnb > li .dp1 .arrow{ display:none}
.allOn #header .gnb_wrap .gnb > li .dp1 .tt{ font-size:1.5em; font-weight:700; position:relative}
.allOn #header .gnb_wrap .gnb > li .dp2{ gap:.5em; flex-direction:column; display: flex !important; }
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a{ height:3.25em; align-items:center; padding:0 1em; border:1px solid #ddd; color:#555; position:relative; overflow:hidden; background:#f7f7f7; border-radius:.5em}
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a .tt{ font-weight:700}
.allOn #header .gnb_wrap .gnb > li .dp2 > li:hover > a{ box-shadow:0 0 1em rgba(0,0,0,.1); color:#111; border-color:var(--color-point)}
.allOn #header .gnb_wrap .gnb > li .dp2 > li:hover > a .arrow{ margin-right:0; opacity:1}
.allOn #header .gnb_wrap .gnb > li .dp2 > li .dp3 { display:none}
.allOn #header .gnb_wrap .gnb > li.m_guide{position:absolute; right:0; bottom:0; width:auto;display:block !important}
.allOn #header .gnb_wrap .gnb > li.m_guide .dp1{display:none}
.allOn #header .gnb_wrap .gnb > li.m_guide .dp2{display:flex;flex-direction:row}
.allOn #header .gnb_wrap .gnb > li.m_guide .dp2 > li > a{height:auto;border:none;padding:0 1em;opacity:.7;background:none}
.allOn #header .gnb_wrap .gnb > li.m_guide .dp2 > li > a:after{margin-right:0}
.allOn #header .gnb_wrap .gnb > li.m_guide .dp2 > li > a:hover{box-shadow:none;opacity:1}
.allOn #header .top_wrap .etc_wrap{ z-index:3; margin-left:auto; display: flex; gap: 4em;}
.allOn #header .all_wrap .allBtn{ background:var(--color-point); color:#fff; border-color:transparent; box-shadow:none}
.allOn #header .all_wrap .allBtn .ico:before{ content:"\e921"}
.allOn #header .all .all_btn .ham,
.allOn #header .all_btn .ham:before,
.allOn #header .all_btn .ham:after{ background: var(--color-point);}
.allOn #header:after{ content:""; position:absolute; right:0; top:0; width:100%; height:100%; background:var(--color-point); z-index:2;  animation: headerAllAni 1s forwards}
.allOn #header:before{animation: headerAllAni2 1s forwards .5s; transform:translateX(100%);}
@keyframes headerAllAni{
100% { width:0}
}
@keyframes headerAllAni2{
100% { transform:translateX(0)}
}
.allOn #header .all_btn .ham { background:transparent !important; }
.allOn #header .all_btn .ham:before,
.allOn #header .all_btn .ham:after { width:100% !important; top:50% !important; background:var(--color-point) !important; }
.allOn #header .all_btn .ham:before { transform:rotate(45deg); }
.allOn #header .all_btn .ham:after { transform:rotate(-45deg); }

.dp1on .gnb .dp2 { display:none!important } 
.dp2on .gnb > li,
.dp2on .gnb > li .dp1,
.dp2on .gnb > li .dp3 { display:none!important } 
.dp2on .gnb > li.on { display:block!important } 
.dp3on .gnb > li,
.dp3on .gnb > li .dp1,
.dp3on .gnb > li .dp2 > li,
.dp3on .gnb > li .dp2 > li > a { display:none!important } 
.dp3on .gnb > li.on,
.dp3on .gnb > li .dp2 > li.on { display:block!important } 


/*quick*/
#quick_new { position:fixed; z-index:100; bottom:2rem; right:1.5vw; text-align:right; overflow: hidden; transform: translateY(0); transition: .5s var(--ani-1); filter: drop-shadow(0 3.2px 19.2px rgba(0, 0, 0, 0.16)); -webkit-filter: drop-shadow(0 3.2px 19.2px rgba(0, 0, 0, 0.16)); } 
html.main:not(.scroll) #quick_new { opacity: 0; } 
html:not(.scroll) #quick_new > li { transform: translateY(4rem); } 
#quick_new .quick_wrap { position:relative; display: inline-flex; width:4.85rem; min-height: 4rem; box-sizing:border-box; transition:width .3s; padding: .85rem 0 .75rem 0; border-radius: var(--radius-sm); box-sizing: border-box; } 
#quick_new .quick_wrap > .in { position:relative; display: flex; flex-direction: column; } 
#quick_new .quick_wrap > .in .tt { font-weight: 800; font-size: var(--font-size-xs); line-height: 1; letter-spacing: -1px; } 
#quick_new > li { margin-bottom: .5rem; transition: .5s var(--ani-1); } 
#quick_new > li:last-of-type { margin-bottom: 0; } 
#quick_new > li .quick_wrap .quick_icon { text-align:center; font-size: var(--font-size-xxxs); margin-bottom: .0876rem; } 
#quick_new > li .quick_wrap .quick_icon > .xi { line-height: 1; } 
#quick_new > li .quick_wrap .icon { } 
#quick_new > li .quick_wrap .icon > img { width: 30px; height: 35px; object-fit: contain; } 
#quick_new > li .quick_wrap.inquiry .icon { filter: var(--crWhitefil); } 
#quick_new.top { bottom: 320px; padding-bottom: .5em; } 

#quick_new > li .goTop { color:#fff; background: var(--color-black-2); transition: .5s var(--ani-1); } 
#quick_new > li .inquiry { color: #fff; background: var(--color-point2); } 
#quick_new > li .faq { background: #fff; color: var(--color-black); } 

/*all*/
.vod_wrap { position:relative; width: 100%; height: 100%; } 
.vod_wrap .vod { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover } 

.smRound { width: 2rem; height: 2rem; border-radius: 50%; background: var(--color-point); display: flex; align-items: center; justify-content: center; } 
.smRound > .xi { transform: rotate(-45deg); font-size: var(--font-size-sm); color: #fff; transition: .3s ease; } 

.smRound.s1 { width: 2.5rem; height: 2.5rem; } 

.vod_wrap { position:relative; width: 100%; height: 100%; } 
.vod_wrap .vod { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover } 

.visualSlide_wrap { position: relative; height:calc(var(--vh, 1vh) * 100); background: #111; } 
.visualSlide_wrap:before { content: ""; position: absolute; width: 100%; height: 8rem; left: 0; top: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); z-index: 5; } 
.visualSlide { position: relative; height: 100%; } 
.visualSlide .swiper-wrapper > .el { background: #000; } 
.visualSlide .swiper-wrapper > .el:after { content: ""; width: 100%; height: 30%; position: absolute; left: 0; bottom: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 70%); z-index: 5; } 
.visualSlide .swiper-wrapper > .el .bg { position:absolute; left:0; top:0; width:100%; height:100%; } 
.visualSlide .swiper-wrapper > .el .bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%;/*  background: radial-gradient(circle, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .415) 100%); */ content: ''; } 
.visualSlide .swiper-wrapper > .el .bg > img { height: 100%; object-fit: cover; width: 100%; } 
.visualSlide .swiper-wrapper > .el .vod_wrap { position: relative; } 
.visualSlide .swiper-wrapper > .el .vod_wrap:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .415) 100%); content: ''; z-index: 1; } 
.visualSlide .slogan_wrap { position: absolute; bottom: 10rem; text-align: left; width: 100%; z-index: 9; } 
.visualSlide .slogan_wrap .slogan .title { } 
.visualSlide .slogan_wrap .slogan .title > .t1 { font-size: var(--font-size-xxl-2); line-height: 1.4; font-weight: 700; color: #fff; transition: 1.4s ease; text-shadow: 0 0 .5rem rgba(0, 0, 0, .7) } 
.visualSlide .slogan_wrap .slogan .title > .t2{ font-size: var(--font-size-lg-1); font-weight: 400; color: #fff; margin-top: var(--space-2);}
.visualSlide .el.swiper-slide-active .bg { transform: scale(1); } 

/* 영어 */
html[lang="en"] .visualSlide .swiper-wrapper .swiper-slide:nth-child(2) .slogan_wrap .slogan .title > .t1 { font-size: var(--font-size-lg-2); width: 50%!important; } 
/*  */

.visualSlide .swiper-wrapper > .el.world-map-slide { position: relative; overflow: hidden; }
.visualSlide .swiper-wrapper > .el.world-map-slide .worldmap-layer { position: absolute; inset: 0; background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0.9; z-index: 6; pointer-events: none; }
.visualSlide .swiper-wrapper > .el.world-map-slide .floating-logos-layer { position: absolute; inset: 0; z-index: 7; pointer-events: none; }
.visualSlide .swiper-wrapper > .el.world-map-slide .f-logo { position: absolute; width: 20em; height:20em; background-size: contain; background-repeat: no-repeat; background-image: url(../images/main/logo_symbol.png); }
.visualSlide .swiper-wrapper > .el.world-map-slide .f-logo.l1 { top: 20%; left: 15%; animation: floatItem 6s ease-in-out infinite; }
.visualSlide .swiper-wrapper > .el.world-map-slide .f-logo.l2 { top: 60%; right: 20%; animation: floatItem 8s ease-in-out infinite 1s; }
.visualSlide .swiper-wrapper > .el.world-map-slide .f-logo.l3 { top: 30%; right: 30%; animation: floatItem 7s ease-in-out infinite 2s; }
@keyframes floatItem { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-15px) rotate(5deg); } }
.visualSlide .swiper-wrapper > .el.world-map-slide .korea-marker-wrap { position: absolute; top: 45%; left: 76%; transform: translate(-50%, -50%); z-index: 8; display: flex; align-items: center; justify-content: center; }
.visualSlide .swiper-wrapper > .el.world-map-slide .pulse-ring { position: absolute; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.6); animation: pulseEffect 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
@keyframes pulseEffect { 0% { transform: scale(0.8); opacity: 1; } 100% { transform: scale(2.4); opacity: 0; } }
.visualSlide .swiper-wrapper > .el.world-map-slide .marker-logo { position: relative; width: 7rem; height: 7rem; background-size: contain; background-repeat: no-repeat; background-position: center; animation: pulseLogo 2s ease-in-out infinite; z-index: 9; }
@keyframes pulseLogo { 0%, 100% { transform: scale(0.3); } 50% { transform: scale(1.2); } }
.visualSlide .swiper-wrapper > .el.world-map-slide .slogan_wrap { z-index: 10; }

.visualSlide_wrap .visualSlide_control { position: absolute; bottom: 5rem; left: 50%; transform: translateX(-50%); width: 100%; z-index: 2; } 
.visualSlide_wrap .visualSlide_control > div { gap: .35rem; } 
.visualSlide_wrap .visualSlide_control .swiper-pagination-progressbar { position:relative; width: 20%; background: rgba(255,255,255, .215); margin-right: var(--space-4); } 
.visualSlide_wrap .visualSlide_control .swiper-pagination-progressbar-fill { background: #fff; } 

.nav { display:flex; align-items:center } 
.nav { display:inline-flex; align-items:center; gap:0 .5em } 
.nav > li { color:#333 } 
.nav > li:not(.home):before { content:"\e940"; font-family:xeicon; margin-right:.2em; font-size:.938em } 
.nav > li.home > a { width:1.5em; height:1.5em; border-radius:50%; background:var(--color-point); color:#fff; display:flex; align-items:center; justify-content:center } 
.nav > li.home > a .xi { font-size:.875em } 

/*quick*/
#quick { position: fixed; z-index: 999; top: 45%; right: 0; transform: translateY(-50%); transition: .35s; } 
#quick .quick_wrap { } 
#quick .quick_wrap > li { position: relative; width: 5.5em; height: 5.5em; } 
#quick .quick_wrap > li:last-of-type { border-bottom: none; } 
#quick .quick_wrap .inner { position: absolute; top: 0; right: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: .435em; font-size: var(--font-size-sm-1); font-weight: 600; color: #fff; background: var(--color-point); overflow: hidden; white-space: nowrap; transition:width .3s ease, background .3s ease; } 
#quick .quick_wrap .inner:hover { width: 6.5em; background: var(--color-point2); } 
#quick .quick_wrap .inner > .icon { width: 1.4em; height: 26px; flex-shrink: 0; } 
#quick .quick_wrap .inner > .icon > img { width: 100%; height: 100%; object-fit: contain; filter: var(--crWhitefil); } 
#quick .quick_wrap .inner > .tt { } 

/*main tit*/
.main_tit { position:relative; margin-bottom: var(--space-6); } 
.main_tit.white > * { color: #fff !important; } 
.main_tit.white .line { background: #fff !important; } 
.main_tit.mb0 { margin-bottom: 0; } 
.main_tit .cate { font-size: var(--font-size-md); font-weight: 500; margin-bottom: var(--space-4); color: var(--color-point2); } 
.main_tit.white .cate { color: #fff; } 
.main_tit .t1 { font-size: var(--font-size-xxl); line-height: 1; font-weight: 700; } 
.main_tit .t1.en { font-weight: 800; } 
.main_tit .t2 { font-size: var(--font-size-xl); font-weight: 700; } 
.main_tit .t3 { position:relative; display: inline-flex; gap: var(--gap-md); align-items: center; margin-bottom: var(--space-4); font-size: var(--font-size-base); font-weight: 700; color: var(--color-point); } 
.main_tit .t3.en { font-weight: 600; } 
.main_tit .t3 .line { width: 4rem; height: 2px; background: var(--color-point); } 
.main_tit .t4 { font-size: var(--font-size-md-1); line-height: var(--line-height-loose); margin-top: var(--space-4); color: var(--color-black-4); } 

.main_tit .t5 { font-size: var(--font-size-md-1); line-height: var(--line-height-loose); color: var(--color-black-6); margin-top: var(--space-3) } 

/*main box*/
.main_topCon { margin-bottom: var(--space-6); align-items: end; } 
.main_box { padding: 4rem 0; } 
.main_box.p2 { padding: 3rem 0; } 
.main_box.pt { padding-top: 0; } 
.main_box.pb { padding-bottom: 0; } 
.main_box.pN { padding: 0; } 

/*roundmore*/
.roundMore { display: flex; align-items: center; justify-content: center; width: 3.75rem; height: 3.75rem; border-radius: var(--radius-pill); background: var(--color-point); color: #fff; } 
.roundMore > .xi { transform: rotate(-45deg); } 

/*linemore*/
.lineMore { position:relative; } 
.lineMore:before { position: absolute; bottom: 0; width: 100%; height: 2px; content: ''; transition: .3s var(--ani-1); } 
.lineMore > .tt { font-size: var(--font-size-base); font-weight: 700; padding-bottom: .75rem; transition: .3s var(--ani-1); } 
.lineMore.btn_white { color: #fff; } 
.lineMore.btn_white:before { background: #fff; } 
.lineMore.btn_white:hover { color: var(--color-point2); } 
.lineMore.btn_white:hover:before { background: var(--color-point2); } 

/*blur more*/
.blurBoxArrow { display: flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border-radius: var(--radius-pill); background: #fff; transition: .3s var(--ani-1); } 
.blurBoxArrow > .xi { transform: rotate(-45deg); } 
.blurBoxArrow:hover { background: var(--color-point); color: #fff; } 

.mainTop { display: flex; align-items: end; justify-content: space-between; gap: 10rem; margin-bottom: var(--space-6); } 

/*sec_about*/

/*footer*/
#footer { background:var(--color-black); padding-top: 3.5rem; } 
#footer .footerWrapper { } 
#footer .footerWrapper .footerTop { display: flex; gap: 2rem; } 
#footer .footerWrapper .footerTop .leftInfo { width: 60%; display: flex; align-items: start; gap: 1.5rem; } 
#footer .footerWrapper .footerTop .leftInfo > .logoCon { margin-bottom: 2.5rem; width: 70% } 
#footer .footerWrapper .footerTop .leftInfo > .logoCon img { height: 60px; object-fit: contain; /* filter: var(--crWhitefil);  */} 

#footer .footerWrapper .footerTop .leftInfo > .logoCon .in { transform:translateY(0); display:flex; flex-direction: row; gap: 0rem; align-items: center; justify-content: center; width: 100% }
#footer .footerWrapper .footerTop .leftInfo > .logoCon .in .right {display: flex; flex-direction: column; gap: .2rem; align-items: start; justify-content: center; font-size: 1.15rem; font-weight: 600; color: #fff;}
#footer .footerWrapper .footerTop .leftInfo > .logoCon .in .right .site_name_en { font-size: var(--font-size-xxs); font-weight: 400; opacity: .7; }

/* #footer .footerWrapper .footerTop .leftInfo > .logoCon .in { transform:translateY(0); display:flex; flex-direction: row; gap: .2rem; align-items: center; justify-content: center; width: 100% }
#footer .footerWrapper .footerTop .leftInfo > .logoCon .in .right {display: flex; flex-direction: column; gap: 0; align-items: start; justify-content: center; font-size: 1rem; font-weight: 600; color: #fff;}
#footer .footerWrapper .footerTop .leftInfo > .logoCon .in .right .site_name_en { font-size: 0.7rem ; font-weight: 400; opacity: .7; }
 */


#footer .footerWrapper .footerTop .leftInfo > .info { display: flex; gap: .5em; flex-wrap: wrap; } 
#footer .footerWrapper .footerTop .leftInfo > .info > li { position: relative; font-size: var(--font-size-sm); color: rgba(255,255,255, .6); } 
#footer .footerWrapper .footerTop .leftInfo > .info > li.br { flex: 1 1 100%; } 
#footer .footerWrapper .footerTop .rightInfo { width: 40%; display: flex; flex-direction: column; gap: 1.5rem; align-items: end; justify-content: space-between ;} 
#footer .footerWrapper .footerTop .rightInfo > .gnb { display: flex; gap: 4em; } 
#footer .footerWrapper .footerTop .rightInfo > .gnb > li { } 
#footer .footerWrapper .footerTop .rightInfo > .gnb > li > a.layer { display: none; } 
#footer .footerWrapper .footerTop .rightInfo > .gnb > li > a { margin-bottom: 1em; font-size: .938em; opacity: .8; font-weight: 600; text-align: left !important; } 
#footer .footerWrapper .footerTop .rightInfo > .gnb .dp2 { display: flex; flex-direction: column; gap: .5em; } 
#footer .footerWrapper .footerTop .rightInfo > .gnb .dp2 > li { } 
#footer .footerWrapper .footerTop .rightInfo > .gnb .dp2 > li > a { font-size: 1em; font-weight: 400; } 
#footer .footerWrapper .footerBtm { padding: 1.5rem 0; margin-top: 1.5rem; border-top: 1px solid rgba(255,255,255, .1); } 
#footer .footerWrapper .footerBtm .copyright { } 
#footer .footerWrapper .footerBtm .copyright > .tt { font-size: var(--font-size-xs); color: #fff; opacity: .6; font-weight: 400; text-transform: uppercase; } 

#footer .menu { } 
#footer .menu > li > .in { color: #fff; } 
#footer .menu > li:not(:last-child) > .in:after { content:""; margin:0 1.25em; width: 4px; height: 4px; border-radius: 50%; background:#fff; opacity:.3; } 
#footer .menu > li > .in .tt { font-size:1.000em; } 
#footer .menu > li > .in.point { font-weight:600; } 
#footer .menu > li > .in:hover { text-decoration:underline; } 

#footer .iconLink { display: flex; gap: .5rem; margin-right: 3px; } 
#footer .iconLink .iconItem { display: flex; align-items: center; justify-content: center; height: 7.5rem; padding: 0 1.315rem; box-sizing: border-box; transition: .3s ease; border: 1px solid rgba(255,255,255, .4); border-radius: 5px; } 
#footer .iconLink .iconItem > .in { } 
#footer .iconLink .iconItem > .in > .ico { text-align: center; } 
#footer .iconLink .iconItem > .in > .ico > img { height: 30px; filter: var(--crWhitefil); opacity: .4; object-fit: contain; transition: .3s ease; } 
#footer .iconLink .iconItem > .in > .tt { font-size: var(--font-size-sm); font-weight: 500; margin-top: .5rem; opacity: .4; color: #fff; transition: .3s ease; } 

#footer .iconLink .iconItem:hover { border: 1px solid #fff; } 
#footer .iconLink .iconItem:hover > .in > .tt,
#footer .iconLink .iconItem:hover > .in > .ico > img { opacity: 1; } 

#footer .site_wrap { position:relative; z-index:1; border-radius: 3px; z-index: 99; } 
#footer .site_wrap .btn { display:block; padding: .65rem; background: #fff; font-size: 1.063em; padding-right:3em; width: 6.5rem; position:relative; border-left: 1px solid rgba(255,255,255, .215); border-right: 1px solid rgba(255,255,255, .215); } 
#footer .site_wrap .btn .xi { position:absolute; text-align:center; top:50%; line-height:1em; margin-top:-.5em; right: 1.25rem; transition:.3s; font-size:1em } 
#footer .site_wrap .btn .tt { font-weight:600; font-size: .965em; } 
#footer .site_wrap .siteBtn { font-weight:500; } 
#footer .site_wrap .list { position:absolute; bottom:100%; overflow: hidden; width:100%; transition:.3s; opacity:0; visibility:hidden } 
#footer .site_wrap .list .btn { overflow:hidden; border-bottom: none; } 
#footer .site_wrap .list .btn .xi { right:-2em } 
#footer .site_wrap .list .btn .xi:before { transform:scale(.75) } 
#footer .site_wrap .list .btn:hover { background: var(--color-black-3); color: #fff; } 
#footer .site_wrap .list .btn:hover .xi { right:0 } 
#footer .site_wrap.on .list { opacity:1; visibility:visible } 


/*contents*/

#contents .sub_visual { position: relative; overflow: hidden; width: 100%; height: calc(var(--headH) + 20rem); padding-top: var(--headH); box-sizing: border-box; } 
#contents .sub_visual .wrap_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; padding-top: var(--headH); } 
#contents .sub_visual .wrap_bg::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.1); } 
#contents .sub_visual .wrap_con { position: relative; z-index: 2; width: 100%; height: 100%; max-width: 1400px; margin: 0 auto;  box-sizing: border-box; } 
#contents .sub_visual .slogan_wrap { display: flex; flex-direction: column; justify-content: center; height: 100%; } 
#contents .sub_visual .slogan .t1 { font-size: 3rem; font-weight: 700; color: #fff; letter-spacing: -1px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }

.wrap_bg{background-image:var(--pc-bg);}
.dp2_notice #contents .sub_visual .wrap_bg::after,
.dp2_newsletter #contents .sub_visual .wrap_bg::after {display: none;}


#contents .sub_con_wrap { margin-top: 3rem; gap: 5rem; align-items: flex-start } 
#contents .sub_con_wrap .sub_conarea { width: 100%; } 
#contents .sub_con_wrap .sub_conarea .sub_con_tit{display: flex; justify-content: space-between; margin-bottom: 1.5rem; padding-bottom: 0.4rem; border-bottom: 1px solid #ddd;}
#contents .sub_con_wrap .sub_conarea .sub_con_tit .inner { padding-bottom: 0.5em; } 
#contents .sub_con_wrap .sub_conarea .sub_con_tit .inner .con_tit .tt { font-size: var(--font-size-xl); font-weight: 700; } 
#contents .sub_con_wrap .sub_lnb { min-width: 17rem; max-width: 14rem; } 
#contents .sub_con_wrap .sub_lnb .tit { position: relative; padding-bottom: 1.5em; border-bottom: 4px solid #e4e4e4; } 
#contents .sub_con_wrap .sub_lnb .tit:before { position: absolute; left: 0; bottom: -4px; height: 4px; width: 4em; clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%); background: var(--color-point); content: ''; z-index: 2; } 
#contents .sub_con_wrap .sub_lnb .tit:after { position: absolute; left: 0; bottom: -4px; height: 4px; width: 8em; clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%); background: var(--color-point2); content: ''; } 
#contents .sub_con_wrap .sub_lnb .tit .t1 { font-size: 2em; font-weight: 700; position: relative } 
#contents .sub_con_wrap .sub_lnb .gnb>li { width: 100%; flex-direction: column; } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2 { display: block } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2 a { text-align: left; line-height: 1.2 } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li { position: relative } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li>a { position: relative; border-bottom: 1px solid #ddd; justify-content: left; width: 100%; } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li.on>a { color: var(--color-point); transition: .1s; } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li>a .va:hover { color: var(--color-point); transition: .1s; } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li>a:before { display: none } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li a:before { display: none } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li .va { display: flex; width: 100%; text-align: left; } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li .arrow { width: 1.5em; padding-top: .125em; margin-left: auto; text-align: center; font-size: .875em; opacity: .5 } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li>a .va { font-size: var(--font-size-base); font-weight: 700; padding: 1.063em .5em; box-sizing: border-box; } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li>a .tt { flex: 1 1 0%; min-width: 0; text-align: left; } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li.more>.layer { display: block } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li.more>a .arrow:before { content: "\e942" } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li>a .arrow:before { content: "\e93f" } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li>a.layer .close { display: none } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li.on>a.layer .open { display: none } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li.on>a.layer .close { display: inline-block } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2 li.act>a .arrow,
#contents .sub_con_wrap .sub_lnb .gnb .dp2 li.on>a .arrow { opacity: 1 } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li .dp3 { background: #f5f5f5; border-bottom: 1px solid #ddd; padding: 1.25em; flex-direction: column; } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li .dp3>li { position: relative; } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li .dp3>li>a { color: #555; margin-bottom: .6em; font-size: .9em; } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li .dp3>li:last-of-type>a { margin-bottom: 0em; } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li .dp3>li.act>a,
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li .dp3>li.on>a { color: #111; font-weight: 500 } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li .dp3>li.act>a .tt,
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li .dp3>li.on>a .tt { text-decoration: underline } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li .dp3>li>a .va { padding: .375em 1em; padding-right: .5em } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li .dp3>li.on>a .arrow:before { content: "\e907" } 
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li.on .dp3 { display: block !important } 
#contents .sub_tit { margin-bottom: 3em; padding: 14em 0 1.5em 0 } 
#contents .sub_tit .t1 { font-weight: 700; font-size: 2.125em } 
#contents .sub_con_wrap .sub_lnb { padding-bottom: 10vmin; } 

#contents .doc { padding: 0 0 15vmin 0; } 
#contents .doc.pb0 { padding-bottom: 0; } 
#contents .doc.bg1{background: var(--color-bg-2); }

/* sub 공통 */
.pageCon.p1 { padding: 3.5rem 0; } 
.pageCon.p2 { padding: 4rem 0 6rem; } 
.pageCon.p3 { padding: 5rem 0 5rem; } 
.pageCon.bg1 { background: var(--color-bg-4); } 

.pageConBox + .pageConBox { margin-top: var(--space-6); } 

.page_tit { margin-bottom: var(--space-6); } 
.page_tit .tt { font-size: var(--font-size-base); line-height: var(--line-height-normal); } 
.page_tit .t1 { font-size: var(--font-size-xl-1); line-height: 1.4; font-weight: 700; } 
.page_tit .t2 { font-size: var(--font-size-lg); } 
.page_tit .t3 { font-size: var(--font-size-base); font-weight: 600; color: var(--color-point2); } 
.page_tit .t4 { font-size: var(--font-size-md-1); } 
.page_tit .t5 { font-size: var(--font-size-lg-2); } 
.page_tit .t6 {font-size: var(--font-size-xl); }
.page_tit .dot { padding-left: 1rem; position: relative; line-height: var(--line-height-normal); } 
.page_tit .dot::before { content: ''; position: absolute; width: 5px; height: 70%; left: 0; top: 50%; transform: translateY(-48%); background: var(--color-point3); } 
.page_tit .dot.st2 { padding-left: 1.7rem; } 
.page_tit .dot.st2::before { position: absolute; font-size: 1.45rem; left: 0px; top: -2px; color: var(--color-point); content: '\e92d'; font-family: 'xeicon'; background: none; height: auto; transform: translateY(0); } 
.page_tit .dot.st3 { padding-left: 1.9rem; } 
.page_tit .dot.st3::before { position: absolute; font-size: 1.45rem; left: 0px; top: -2px; color: var(--color-point); content: '\e933'; font-family: 'xeicon'; background: none; height: auto; transform: translate(0.7rem, -.6rem) rotate(90deg); } 
.page_tit .small { font-size: var(--font-size-md-1); color: var(--color-black-7); font-weight: 600; } 
.page_tit.dot1{position: relative; padding-left: 2rem;}
.page_tit.dot1::before{position: absolute; content: ''; left: 0; top: 12px; width: 1.4rem; height: 1.4rem; background: linear-gradient(180deg, rgba(1, 19, 81, 1) 0%, rgb(0 158 219) 100%); box-sizing: border-box; border-radius: 100em;}
.page_tit.dot1::after{position: absolute; content: ''; left: 6.4px; top: 18px; width: .6rem; height: .6rem; background: #fff; border-radius: 100em;}


.page_btn_wrap { gap: 0.5rem; } 
.page_btn_wrap .btn { width: 5.2rem; height:5.2rem; border-radius: var(--radius-sm); display: flex; flex-direction: column; justify-content: center; align-items: center; border: 2px solid; } 
.page_btn_wrap .btn .icon { font-size: var(--font-size-md); } 
.page_btn_wrap .btn .tt { font-size: var(--font-size-xs); } 
.page_btn_wrap .c1 { background: #fff; color: var(--color-point3); border-color: #ddd; } 
.page_btn_wrap .c2 { background: var(--color-point3); color: #fff; border-color: var(--color-point3); } 

.linkGo { display: flex; align-items: center; gap: .5rem; } 
.linkGo > .tt { font-size: var(--font-size-md-1); font-weight: 600; line-height: 1; } 
.linkGo > .xi { font-size: var(--font-size-md-1); line-height: 1; transition: var(--ani-1); } 
.linkGo:hover > .xi { transform: translateX(.3rem); } 
.linkGo:hover > .tt { text-decoration: underline; } 


/*** sub_member ***/
.step_tit { text-align:center; } 
.step_tit .t1 { font-size: var(--font-size-lg-2); font-weight:800; } 
.step_tit .t2 { font-size: var(--font-size-base); margin-top:1.25em; } 

.step_st { display:flex; justify-content:center; gap:0 5rem; margin:2.5rem 0 3rem 0; word-break:keep-all; counter-reset:stepIdx; } 
.step_st:first-child { margin-top:0; } 
.step_st > li { width:6.5em; counter-increment:stepIdx; } 
.step_st > li .ico { position:relative } 
.step_st > li:not(:last-child) .ico:before { content:""; position:absolute; left:100%; top:50%; width:5em; height:1px; background:#ddd } 
.step_st > li .ico .xi { position:relative; font-size:1em; width:1.875em; height:1.875em; margin:0 auto; display:flex; align-items:center; justify-content:center; color:#fff; background:#ccc; border-radius:50% } 
.step_st > li .ico .xi:before { content:counter(stepIdx); } 
.step_st > li .tt { margin-top:.75em; text-align:center; font-size:1.063em; color:#666; font-weight:500; line-height:1.3; } 
.step_st > li.on .tt { font-weight:600; color:var(--color-point2) } 
.step_st > li.on .ico .xi,
.step_st > li.on .ico:before { background:var(--color-point2); } 
.step_st > li.on .ico .xi:before { content:"\e928" } 
.step_st > li.on .ico .xi:after { content:""; position:absolute; top:-.25em; bottom:-.25em; left:-.25em; right:-.25em; border:2px dotted var(--color-point2); border-radius:50%; opacity:.4; } 
.step_st > li:not(.on) .ico .xi:before { font-family:var(--fontBase); font-size:.875em; font-weight:700; } 

/*member style*/
.form_wrap .form_tit{ border-bottom:1px solid #111; padding:.75em 0}
.form_wrap .form_tit.bd0{ border-bottom:none}
.form_wrap .form_tit .t1{ font-weight:700; font-size:1.313em}
.form_wrap .form_tit .t2{ font-weight:700; font-size:1.625em}
.form_wrap .form_tit .t3{ font-weight:500; font-size:1.125em}
.form_wrap .form_tit .t4{ font-weight:500; font-size:1em}
.form_wrap .form_con{ padding:1.5em 0}
.form_st > li{ border-bottom:1px solid #ddd; padding:.75em 0}
.form_st > li:first-child{ border-top:1px solid #111}
.form_wrap .form_tit + .form_st > li:first-child{ border-top:none}
.form_st.noline > li{ border-bottom:none; border-top:none}
.form_st.noline > li:first-child{ padding-top:0}
.form_st > li.bd0{ border-bottom:none}
.form_lab{ display:flex; align-items:center}
.form_lab .lab_tit,
.form_lab .lab_con{ min-height:3em; box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center;width:60em;}
.form_st.h1 .lab_tit,
.form_st.h1 .lab_con{ min-height:2em}
.form_lab .lab_tit{ width:9em; margin:0 2em 0 .5em; gap:.5em 0}
.form_lab .tit1{ font-weight:600; font-size:1.063em}
.form_lab .tit2{ font-weight:600; font-size:.938em; line-height:1.2}
.form_lab .lab_con{ flex:1 1 0%; min-width:0; gap:.25em; font-weight:500}
.form_lab .lab_con.gap1{ gap:.5em 1em}
.form_lab .lab_con:not(.flex) > *{ flex:1 1 0%; min-width:0}
.form_lab .lab_con.label_wrap > *{ flex: unset; flex-wrap: wrap;}
.form_lab .lab_con .inp_tt{ flex:0 0 auto; font-size:.938em; color:#666; font-weight:400}
.form_lab .lab_con .input_st{ width:100%}
.form_lab .lab_con .input_st.grow{ flex:1 1 0%; min-width:0; width:auto}
.form_lab .lab_con .line{ padding-top:.75em; margin-top:.75em; border-top:1px solid #ddd}
.form_lab .lab_con .w1{ flex:0 0 auto; width:3em}
.form_lab .lab_con .w2{ flex:0 0 auto; width:9em}
.form_lab .lab_con .w50{ flex:0 0 auto; width:50%}
.form_lab .lab_con .w10{ flex:0 0 auto; width:10%}
.form_lab .lab_con .w100{ flex:0 0 auto; width:100%}
.form_lab .lab_con .w_auto{ flex:0 0 auto; width:auto}
.form_lab .lab_con .max1{ max-width:20.25em}
.form_lab .lab_con .max2{ max-width:10em}
.form_lab .lab_con .max3{ max-width:32em}
.form_lab .lab_con .max4{ max-width:6em}
.form_lab .lab_con .max5{ max-width:8em}
.form_lab .lab_con .min1{ min-width:23.5em}
.form_lab .lab_con .retime{ font-size: .915em; color: #888; font-weight: 400; } 

.form_lab .altW{ width:100%; box-sizing:border-box;}
.form_lab .altW .tit{ display:flex; align-items:center; gap:.25em}
.form_lab .altW .tit .xi:before{content:"\e97e"; color:#888}

.form_wrap.st1{ }
.form_wrap.st1 .form_st{ border:1px solid #ddd; border-radius:1em; padding:1em 2em}
.form_wrap.st1 .form_st > li{ border-top:none; padding:.625em 0}
.form_wrap.st1 .form_st > li:last-child{border-bottom:none;}
.form_wrap.st1 .form_lab{ align-items:flex-start}
.form_wrap.st1 .form_lab .lab_tit{ justify-content:flex-end; position:relative; padding-right:1em; margin-right:1em; width:6em}
.form_wrap.st1 .form_lab .lab_tit:after{ content:""; position:absolute; right:0; width:1px; top:.25em; height:1em; background:#ddd}
.form_wrap.st1 .form_lab .lab_tit,
.form_wrap.st1 .form_lab .lab_con{ min-height:1em}
.form_wrap.st1 .form_lab .lab_con{ padding-top:.063em}

.form_wrap.st2{ border-radius:1em; padding:1em 2em; box-shadow:0 0 1em rgba(0,0,0,.1)}
.form_wrap.st2 .form_st > li:last-child{ border-bottom:none}

.form_wrap.st3{ padding:0 1em}
.form_wrap.st3 .form_tit{ border-color:transparent; padding:1em 0 .5em 0}
.form_wrap.st3 .form_st > li{ padding:0; padding-bottom:1.5em; border-color:#111}
.form_wrap.st3 .form_st:last-child > li{ border-bottom:none}

.form_wrap.st4 .form_lab{ padding:0 2em; box-sizing:border-box}
.form_wrap.st4 .form_st > li:first-child{ border-top:none}
.form_wrap.st4 .form_st > li:last-child{ border-bottom:none} 

.agree_wrap{ box-shadow:0 0 1em rgba(0,0,0,.1); padding:2em; color:#666}

/*member table*/
.table_form_wrap { } 
.table_form_wrap .form_tit { } 
.table_form_wrap .form_tit .t1 { font-weight:700; font-size:1.375em } 
.table_form_wrap .form_tit .t2 { font-weight:700; font-size:1.625em } 
.table_form_wrap .form_tit .t3 { font-weight:500; font-size:1.125em } 
.table_form > li { border-bottom:1px solid #ddd; padding:.75em 0 } 
.table_form > li:first-child { border-top:1px solid #111 } 
.table_form > li.bd0 { border-bottom:none !important } 
.table_form > li.bd1 { border-top:none !important } 
.table_form > li.p1 { padding:1.5em 0; } 
.table_form .wrap_in { display:flex; align-items:center } 
.table_form .wrap_in .tit_wrap,
.table_form .wrap_in .con_wrap { min-height:3em; box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center; } 
.table_form .wrap_in .tit_wrap { width:10rem; gap:.5em 0; padding:0 1.25em; } 
.table_form .wrap_in .tit1 { font-size:1.125em; font-weight:600; } 
.table_form .wrap_in .tit2 { font-size:1.063em; font-weight:600; } 
.table_form .wrap_in .tit3 { font-size:1.000em; font-weight:500; line-height:1.2; } 
.table_form .wrap_in .con_wrap { flex:1 1 0%; min-width:0; gap:.25em; font-size:1.063em; } 
.table_form .wrap_in .con_wrap > * { flex:1 1 0%; min-width:0 } 
.table_form .wrap_in .con_wrap .inp_tt { flex:0 0 auto; font-size:.938em; color:#666; } 
.table_form .wrap_in .con_wrap .input_st { width:100% } 
.table_form .wrap_in .con_wrap .input_st[type=radio] { width: auto; height: auto; } 
.table_form .wrap_in .con_wrap .line { padding-top:.75em; margin-top:.75em; border-top:1px solid #ddd } 
.table_form .wrap_in .con_wrap .w1 { flex:0 0 auto; width:3em } 
.table_form .wrap_in .con_wrap .w2 { flex:0 0 auto; width:9em } 
.table_form .wrap_in .con_wrap .w50 { flex:0 0 auto; width:50% } 
.table_form .wrap_in .con_wrap .w100 { flex:0 0 auto; width:100% } 
.table_form .wrap_in .con_wrap .w_auto { flex:0 0 auto } 
.table_form .wrap_in .con_wrap .max1 { max-width:27em } 
.table_form .wrap_in .con_wrap .max2 { max-width:8.375em } 
.table_form .wrap_in .con_wrap .max3 { max-width:23.5em } 
.table_form .wrap_in .con_wrap .min1 { min-width:23.5em } 

.table_form .wrap_in.col { flex-direction:column } 
.table_form .wrap_in.col > * { flex:0 0 auto; width:100% } 
.table_form .wrap_in.col .tit_wrap { padding:0 0; } 

/* 공통 탭 메뉴 스타일 */
.con_idx { position: relative } 
.con_idx > .idx { position: absolute; left: 0; top: 0; width: 100%; visibility: hidden; filter: alpha(opacity=0); opacity: 0; } 
.con_idx > .idx.on { position: relative; visibility: visible; filter: alpha(opacity=100); opacity: 1; } 

.sub_tab { } 
.sub_tab .tab_btn { background: var(--color-bg-2); border-radius: 100rem; padding: 0.5rem; box-sizing: border-box; gap: 0.5em; width: fit-content; margin: 0 auto; } 
.sub_tab .tab_btn li { cursor: pointer; } 
.sub_tab .tab_btn li.on .tt { background: var(--color-point2); color: #fff; } 
.sub_tab .tab_btn li .tt { padding: .7rem 2rem; background: #fff; color: var(--color-point2); font-weight: 700; font-size: var(--font-size-md-1); border-radius: 100rem; } 

.page_tab .tab_idx { display:flex; align-items: center; width: 100%; box-sizing: border-box; } 
.page_tab .tab_idx > li { position: relative; text-align: center; padding: 1rem 2rem; box-sizing: border-box; font-size: var(--font-size-base); font-weight: 600; color: #666; cursor: pointer; flex: 1; transition: .3s; background: #f1f1f1; } 
.page_tab .tab_idx > li:hover { background:#f9f9fb; } 
.page_tab .tab_idx > li::before { position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); height: 50%; width: 1px; background: #ccc; } 
.page_tab .tab_idx > li.on { color: #fff; font-weight: 700; background: #fff; background: var(--color-point3); } 
.page_tab .tab_idx > li.on::before,
.page_tab .tab_idx > li:first-child::before { display: none; } 

/*sec_link*/
#sec_link .link_container { position:relative; display: flex; justify-content: space-between; align-items: center; gap: 2.5rem; background: var(--color-point); overflow: hidden; } 
#sec_link .link_container:before { position: absolute; left: -10vw; top: 50%; transform: translateY(-50%); width: 20vw; height: 20vw; border-radius: var(--radius-pill); background: var(--color-point2); opacity: .1; content: ''; } 
#sec_link .link_container:after { position: absolute; left: -18vw; top: 50%; transform: translateY(-50%); width: 36vw; height: 36vw; border-radius: var(--radius-pill); background: var(--color-point2); opacity: .0615; content: ''; } 
#sec_link .link_container .leftBox { position:relative; width: 30%; padding-left: 3.5rem; box-sizing: border-box; z-index: 2; } 
#sec_link .link_container .leftBox > .tit { font-size: var(--font-size-lg-2); font-weight: 700; color: #fff; } 
#sec_link .link_container .leftBox > .tit > i { font-weight: 300; } 
#sec_link .link_container .leftBox > .desc { font-size: var(--font-size-sm); color: #fff; font-weight: 400; margin-top: var(--space-1); } 
#sec_link .linkBoxList { width:70%; display: flex; flex-wrap: wrap; } 
#sec_link .linkBoxList > li { flex: 1; } 
#sec_link .linkBoxList > li > .inner { display: block; background: var(--color-point); border-right: 1px solid rgba(255,255,255, .1); padding: 3.125rem 2.65rem; transition: var(--ani-1); } 
#sec_link .linkBoxList > li > .inner > .tx { font-size: var(--font-size-sm-1); font-weight: 400; color: #fff; } 
#sec_link .linkBoxList > li > .inner > .tt { font-size: var(--font-size-lg-1); margin-top: var(--space-2); font-weight: 700; color: #fff; line-height: 1; } 
#sec_link .linkBoxList > li:last-of-type > .inner { border-right: none; } 
#sec_link .linkBoxList > li:first-of-type > .inner { border-left: 1px solid rgba(255,255,255, .1); } 
#sec_link .linkBoxList > li > .inner:hover { background: var(--color-point2); } 

/*sec_notice*/
#sec_notice .control { display: flex; gap: .35rem; margin-top: var(--space-5); } 
#sec_notice .control .progress-container { display: flex; align-items: center; gap: 3em; width: 100%; margin-right: var(--space-4); } 
#sec_notice .control .progress-container .progress-bar { position: relative; bottom: 0; width: 100%; height: 2px; background: rgba(0, 0, 0, .15); } 
#sec_notice .control .progress-container .swiper-pagination-progressbar-fill { background: var(--color-black); } 
#sec_notice .noticeSlide { } 
#sec_notice .noticeSlide .noticeSt { display: block; height: 23.5rem; padding: 2rem; box-sizing: border-box; cursor: pointer; border: 1px solid var(--color-black-12); transition: var(--ani-1) } 
#sec_notice .noticeSlide .noticeSt .conW { position: relative; height: 100%; } 
#sec_notice .noticeSlide .noticeSt .conW .titW { margin-top: var(--space-3); } 
#sec_notice .noticeSlide .noticeSt .conW .titW>.t1 { font-size: var(--font-size-lg-1); font-weight: 600; height: 4.5rem; transition: var(--ani-1) } 
#sec_notice .noticeSlide .noticeSt .conW .titW>.desc { font-size: var(--font-size-sm); margin-top: var(--space-3); line-height: var(--line-height-normal); color: var(--color-black-8); transition: var(--ani-1) } 
#sec_notice .noticeSlide .noticeSt .conW .info { position: absolute; left: 0rem; bottom: 0rem; } 
#sec_notice .noticeSlide .noticeSt .conW .info>li { margin-bottom: var(--space-1); } 
#sec_notice .noticeSlide .noticeSt .conW .info>li:last-of-type { margin-bottom: 0; } 
#sec_notice .noticeSlide .noticeSt .conW .info>li>.in { display: flex; gap: .6em; align-items: start; } 
#sec_notice .noticeSlide .noticeSt .conW .info>li>.in>.icon { display: flex; align-items: center; justify-content: center; width: 1em; min-width: 1em; } 
#sec_notice .noticeSlide .noticeSt .conW .info>li>.in>.icon>img { height: 18px; object-fit: contain; } 
#sec_notice .noticeSlide .noticeSt .conW .info>li>.in>.tt { font-size: var(--font-size-sm-1); font-weight: 300; color: var(--color-black-8); transition: var(--ani-1) } 

#sec_notice .noticeSlide .noticeSt:hover { background: var(--color-point); border: 1px solid var(--color-point); } 
#sec_notice .noticeSlide .noticeSt:hover .conW .titW>.t1 { color: #fff; } 
#sec_notice .noticeSlide .noticeSt:hover .conW .info>li>.in>.tt,
#sec_notice .noticeSlide .noticeSt:hover .conW .titW>.desc { color: rgba(255,255,255, .965); } 
#sec_notice .noticeSlide .noticeSt:hover .conW .statusList > li > .con.ty1 { background: #fff; color: var(--color-point); } 

#sec_notice .notiBtn { position:relative; display: flex; gap: .5rem; } 
#sec_notice .notiBtn > li { position:relative; } 
/* #sec_notice .notiBtn > li:before { position: absolute; right: -1.25rem; top: 50%; transform: translateY(-50%); color: #ddd; content: '/'; } */
#sec_notice .notiBtn > li:last-of-type:before { display: none; } 
#sec_notice .notiBtn > li > .con { display: flex; align-items: center; justify-content: center; height: 3rem; padding: 0 1.5rem; border: 1px solid #ddd; border-radius: var(--radius-pill); transition: var(--ani-1) } 
#sec_notice .notiBtn > li > .con > .tt { font-size: var(--font-size-md-1); font-weight: 700; opacity: .385; cursor: pointer; transition: var(--ani-1) } 
#sec_notice .notiBtn > li.on > .con > .tt { color: #fff; opacity: 1; } 
#sec_notice .notiBtn > li.on > .con { background: var(--color-point); border: 1px solid var(--color-point); } 

.statusList { display: flex; gap: .5em; } 
.statusList > li { } 
.statusList > li > .con { min-width: 94px; height: 32px; border-radius: var(--radius-pill); display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box; transition: var(--ani-1) } 
.statusList > li > .con > .tt { font-size: var(--font-size-sm-1); line-height: 1; font-weight: 500; } 
.statusList > li > .con.ty1 { background: var(--color-point); color: #fff; } 


#sec_08 { position: relative; background: #fff; color: #111; padding: 6rem 0; } 
#sec_08 .noticeLayout { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); align-items: start; } 
#sec_08 .noticeLeft, #sec_08 .noticeRight { min-width: 0; } 
#sec_08 .control { display: flex; gap: .35rem; margin-top: var(--space-5); align-items: center; } 
#sec_08 .control .progress-container { display: flex; align-items: center; width: 100%; margin-right: var(--space-4); }
#sec_08 .control .progress-container .custom-progress-bar { position: relative; width: 100%; height: 2px; background: rgba(0, 0, 0, 0.15); overflow: hidden; }
#sec_08 .control .progress-container .custom-progress-bar .fill { display: block; height: 100%; background: var(--color-black, #111); width: 0%; transition: width 0.3s ease; }
#sec_08 .noticeLeft .activitySlide { width: 100%; overflow: hidden; height: 24rem}
#sec_08 .swiper-slide {overflow: hidden ; border-radius: 12px} 
#sec_08 .swiper-slide img {height: stretch ; displaY: block; }
#sec_08 .noticeLeft .activitySlide .activitySt { display: block; position: relative; cursor: pointer; border-radius: 0;  background: #fff; transition: var(--ani-1); overflow: hidden; box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.05); } 
#sec_08 .noticeLeft .activitySlide .activitySt .imgW { position: relative; width: 100%; height: 24rem; overflow: hidden; } 
#sec_08 .noticeLeft .activitySlide .activitySt .imgW::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.0) 50%, transparent 100%); z-index: 1; transition: var(--ani-1); } 
#sec_08 .noticeLeft .activitySlide .activitySt .imgW > img { width: 100%; height: 100%; object-fit: cover; transition: var(--ani-1); } 
#sec_08 .noticeLeft .activitySlide .activitySt .conW { position: absolute; left: 0; bottom: 0; width: 100%; padding: 2.2rem; box-sizing: border-box; z-index: 2; transition: var(--ani-1); } 
#sec_08 .noticeLeft .activitySlide .activitySt .conW > .t1 { font-size: var(--font-size-lg); font-weight: 700; color: #fff; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition: var(--ani-1); letter-spacing: -0.5px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); } 
#sec_08 .noticeLeft .activitySlide .activitySt .conW > .date { font-size: var(--font-size-md-1); font-weight: 400; color: rgba(255, 255, 255, 0.85); margin-top: var(--space-2); transition: var(--ani-1); font-family: monospace; } 
#sec_08 .noticeLeft .activitySlide .activitySt:hover { border-color: var(--color-point, #0055ff); } 
#sec_08 .noticeLeft .activitySlide_control {margin-top: 1.5rem; position: relative; z-index: 10;}
#sec_08 .noticeLeft .activitySlide .activitySt:hover .imgW > img { transform: scale(1.05); } 
#sec_08 .noticeLeft .activitySlide .activitySt:hover .imgW::after { background: linear-gradient(to top, var(--color-point, #0055ff) 0%, rgba(0, 0, 0, 0) 60%); opacity: 0.9; } 
#sec_08 .noticeRight .mainTop .moreBtn { font-size: var(--font-size-sm); font-weight: 600; color: #666; transition: var(--ani-1); text-transform: uppercase; letter-spacing: 1px; } 
#sec_08 .noticeRight .mainTop .moreBtn:hover { color: var(--color-point2); } 
#sec_08 .noticeRight .noticeList { display: flex; flex-direction: column; gap: var(--space-2); } 
#sec_08 .noticeRight .noticeList > li { border-bottom: 1px solid #e5e5e5; } 
#sec_08 .noticeRight .noticeList > li:last-of-type { border-bottom: none; } 
#sec_08 .noticeRight .noticeList > li > .item { display: flex; justify-content: space-between; align-items: center; padding: 1.3rem 0; box-sizing: border-box; cursor: pointer; transition: var(--ani-1); } 
#sec_08 .noticeRight .noticeList > li > .item > .tt { font-size: var(--font-size-md); font-weight: 500; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 75%; transition: var(--ani-1); } 
#sec_08 .noticeRight .noticeList > li > .item > .date { font-size: var(--font-size-sm-1); font-weight: 400; color: #888; transition: var(--ani-1);; } 
#sec_08 .noticeRight .noticeList > li > .item:hover > .tt { color: var(--color-point2); } 


@media (max-width: 1024px) {
#sec_08 .noticeLayout { grid-template-columns: 1fr; gap: var(--space-7); } 
}

#sec_08 .notice_card_box {width: 100%; background: #fff; overflow: hidden; }
#sec_08 .notice_card_box .notice_header {display: flex; justify-content: space-between; align-items: center; padding: 1.5rem 2rem; border-bottom: 1px solid #eef0f2;}
#sec_08 .notice_card_box .notice_header .tab_group {display: flex; align-items: center; gap: 1rem;}
#sec_08 .notice_card_box .notice_header .tab_btn {background: none; border: none; font-size: 1.15rem; font-weight: 700; color: #b5bcbd; cursor: pointer; padding: 0; transition: 0.2s;}
#sec_08 .notice_card_box .notice_header .tab_btn.active {color: #111;}
#sec_08 .notice_card_box .notice_header .dot {color: #d1d5db; font-size: 1.2rem;}
#sec_08 .notice_card_box .notice_header .more_btn {display: flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; background: #9ca3af; color: #fff; border-radius: 50%; font-size: 1.3rem; font-weight: 600; text-decoration: none; transition: 0.2s;}
#sec_08 .notice_card_box .notice_header .more_btn:hover {background: #4b5563;}
#sec_08 .notice_card_box .notice_body {padding: 1.8rem 2rem; border: 1px solid #e1e4e6; border-radius: 12px; }
#sec_08 .notice_card_box .featured_post {background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 1.25rem; margin-bottom: 1.5rem; transition: 0.2s;}
#sec_08 .notice_card_box .featured_post:hover {border-color: var(--color-point2);}
#sec_08 .notice_card_box .featured_link {display: flex; align-items: center; gap: 1.25rem; text-decoration: none;}
#sec_08 .notice_card_box .date_badge {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 4.5rem; height: 4.5rem; background: var(--color-point2); color: #fff; border-radius: 6px; flex-shrink: 0;}
#sec_08 .notice_card_box .date_badge .day {font-size: 1.5rem; font-weight: 700; line-height: 1.1;}
#sec_08 .notice_card_box .date_badge .year {font-size: 0.75rem; font-weight: 400; opacity: 0.9; margin-top: 0.2rem;}
#sec_08 .notice_card_box .text_wrap {overflow: hidden;}
#sec_08 .notice_card_box .text_wrap .title {font-size: 1.05rem; font-weight: 700; color: #111; margin-bottom: 0.35rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#sec_08 .notice_card_box .text_wrap .desc {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.9rem; color: #6b7280; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#sec_08 .notice_card_box .divider {width: 100%; height: 1px; border-bottom: 1px dashed #d1d5db; margin-bottom: 0.5rem;}
#sec_08 .notice_card_box .sub_notice_list {display: flex; flex-direction: column; list-style: none; padding: 0; margin: 0;}
#sec_08 .notice_card_box .sub_notice_list > li {border-bottom: 1px solid #f3f4f6;}
#sec_08 .notice_card_box .sub_notice_list > li:last-child {border-bottom: none;}
#sec_08 .notice_card_box .sub_notice_list .item_link {display: flex; justify-content: space-between; align-items: center; padding: 1rem 0; text-decoration: none;}
#sec_08 .notice_card_box .sub_notice_list .title {font-size: 0.95rem; font-weight: 400; color: #374151; position: relative; padding-left: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 75%;}
#sec_08 .notice_card_box .sub_notice_list .title::before {content: "•"; position: absolute; left: 0; color: var(--color-point2); font-weight: bold;}
#sec_08 .notice_card_box .sub_notice_list .date {font-size: 0.85rem; color: #9ca3af; }
#sec_08 .notice_card_box .sub_notice_list .item_link:hover .title {color: var(--color-point2); font-weight: 500;}


#sec_09 .mainTop {justify-content: center ;}
#sec_09 { position: relative; overflow: hidden; padding: 7rem 0; background-image: url('../images/main/partner_bg.png'); background-size: cover; background-position: center center; background-attachment: fixed; } 
#sec_09 .main_tit {color: #fff ; z-index: 2;}
#sec_09::before { content: ''; position: absolute; inset: 0; background: rgba(8, 30, 73, 0.6) ; z-index: 1; } 
#sec_09 .box0, #sec_09 .marqueeContainer { position: relative; z-index: 2; } 
#sec_09 .marqueeContainer { display: flex; flex-direction: column; gap: var(--space-5, 2rem); width: 100%; align-items: center; } 
#sec_09 .marqueeRow { display: flex; width: 100%; justify-content: center; position: relative; } 
#sec_09 .marqueeTrack { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); width:80%; gap: 1.5rem; will-change: auto; } 
#sec_09 .marqueeGroup { display: contents; } 
#sec_09 .partnersSt { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 18 / 7;  box-sizing: border-box; background: #fff; border: none; border-radius: 0; box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.15); transition: var(--ani-1, 0.3s ease); border-radius: 0.2rem; overflow: hidden ; } 
#sec_09 .partnersSt .imgW { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0 1rem;} 
#sec_09 .partnersSt .imgW.black {filter: brightness(0) invert(0); }
#sec_09 .partnersSt .imgW > img { max-width: 100%; max-height: 100%; object-fit: contain; filter: grayscale(0%); opacity: 1; transition: var(--ani-1, 0.3s ease); } 
#sec_09 .partnersSt .imgW.noimg > p {color: #aaa; font-size: .9rem; font-weight: 600; text-align: center;}
#sec_09 .partnersSt:hover { transform: translateY(-0.4rem); box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.25); background: #fff; border-color: transparent; } 
#sec_09 .partnersSt:hover .imgW > img { filter: grayscale(0%); opacity: 1; } 


@media (max-width: 1024px) {
#sec_09 .marqueeTrack { grid-template-columns: repeat(4, minmax(0, 1fr)); } 
}
@media (max-width: 768px) {
#sec_09 .marqueeTrack { grid-template-columns: repeat(3, minmax(0, 1fr)); } 
}


#sec_10 .shortcutLayout { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6, 2rem); width: 100%; } 
#sec_10 .shortcutSt { display: block; position: relative; width: 100%; height: 24rem; border-radius: 0; overflow: hidden; cursor: pointer; border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: none; transition: var(--ani-1, 0.3s ease); } 
#sec_10 .shortcutSt .imgW {border-radius: 12px ; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } 
#sec_10 .shortcutSt .imgW::after { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.45); z-index: 1; transition: var(--ani-1, 0.3s ease); } 
#sec_10 .shortcutSt .imgW > img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; filter: brightness(0.95); } 
#sec_10 .shortcutSt .conW {  position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding: 2.5rem; box-sizing: border-box; text-align: center; gap: 1.5rem; } 
#sec_10 .shortcutSt .conW .textGroup { display: flex; flex-direction: column; gap: var(--space-1, 0.4rem); align-items: center; } 
#sec_10 .shortcutSt .conW .textGroup .mainTitle { font-size: 2.2rem; font-weight: 700; color: #fff; line-height: 1.3; letter-spacing: -0.5px; text-shadow: 0 2px 4px rgba(0,0,0,0.4); } 
#sec_10 .shortcutSt .conW .textGroup .subTitle { display: none; } 
#sec_10 .shortcutSt .conW .moreBtn { display: inline-flex; align-items: center; justify-content: center; width: 11rem; height: 3.6rem; border: 1px solid rgba(255, 255, 255, 0.8); font-size: var(--font-size-sm); font-weight: 600; color: #fff; background: transparent; border-radius: 0; transition: var(--ani-1, 0.3s ease); letter-spacing: 1px; } 
#sec_10 .shortcutSt .conW .moreBtn .arrowIcon { display: none; } 
#sec_10 .shortcutSt:hover .conW .moreBtn { background: var(--color-point, #0055ff); border-color: var(--color-point, #0055ff); color: #fff; } 
#sec_10 .shortcutSt:hover { transform: none; border-color: rgba(255, 255, 255, 0.5); box-shadow: none; } 
#sec_10 .shortcutSt:hover .imgW > img { transform: scale(1.03); } 
#sec_10 .shortcutSt:hover .imgW::after { background: rgba(0, 0, 0, 0.55); } 
@media (max-width: 1024px) {
#sec_10 .shortcutLayout { grid-template-columns: 1fr; gap: var(--space-4, 1.5rem); } 
#sec_10 .shortcutSt { height: 20rem; } 
}


#sec_newsletter {  background: #f9fafb; }
#sec_newsletter .newsletterLayout { width: 100%; margin: 0 auto;}
#sec_newsletter .mainTop { display: flex; justify-content: center; align-items: flex-end; margin-bottom: 40px; }
#sec_newsletter .main_tit {margin: 0; text-align: center; }
#sec_newsletter .main_tit .t2 { font-size: 1.1rem; font-weight: 400; color: #666; margin-top: 10px; }
#sec_newsletter .moreBtn { display: inline-flex; align-items: center; justify-content: center; width: 11rem; height: 3.6rem; border: 1px solid #d1d5db; font-size: var(--font-size-sm, 0.9rem); font-weight: 600; color: #333; background: transparent; border-radius: 0; transition: var(--ani-1, 0.3s ease); letter-spacing: 1px; text-decoration: none; }
#sec_newsletter .moreBtn:hover { background: var(--color-point, #0055ff); border-color: var(--color-point, #0055ff); color: #fff; }#sec_newsletter .newsletterContent { display: flex; gap: 24px; }
#sec_newsletter .nlCard { flex: 1; background: #fff; border-radius: 12px; overflow: hidden; border: 1px solid #eaeaea; cursor: pointer; transition: transform 0.3s, box-shadow 0.3s; }
#sec_newsletter .nlCard:hover { transform: translateY(-8px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08); }
#sec_newsletter .nlCard .imgW { width: 100%; height: 330px; overflow: hidden; background: #eee; }
#sec_newsletter .nlCard .imgW img { width: 100%; height: 100%; object-fit: contain; transition: transform 0.4s; }
#sec_newsletter .nlCard:hover .imgW img { transform: scale(1.05); }
#sec_newsletter .nlCard .txtW { padding: 24px; border-top: 1px solid #eaeaea; }
#sec_newsletter .nlCard .txtW .date { display: inline-block; font-size: 13px; font-weight: 500; color: #888; margin-bottom: 8px; }
#sec_newsletter .nlCard .txtW .tit {word-break: break-all; font-size: 18px; font-weight: 700; color: #111; line-height: 1.4; /* margin-bottom: 12px; */ display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
#sec_newsletter .nlCard .txtW .desc { font-size: 14px; font-weight: 400; color: #666; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/*sec_about*/
#sec_about { position:relative; } 
#sec_about:before { position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; background: #3b3944; opacity: .765; content: ''; } 
#sec_about .intro_Wrap { position:relative; text-align: center; } 
#sec_about .intro_Wrap > .tit { font-family: var(--ff1); font-size: var(--font-size-xl); font-weight: 300; color: #fff; margin-bottom: var(--space-4); } 
#sec_about .intro_Wrap > .tit > i { color: var(--color-point2); } 
#sec_about .intro_Wrap .introDesc { } 
#sec_about .intro_Wrap .introDesc > li { font-size: var(--font-size-base); color: rgba(255,255,255, .715); line-height: var(--line-height-loose); font-weight: 400; margin-bottom: var(--space-2); } 
#sec_about .intro_Wrap .introDesc > li:last-of-type { margin-bottom: 0; } 

/*sec_news*/
#sec_news { } 
#sec_news .newsList { display: flex; gap: 1rem; } 
#sec_news .newsList > li { width: calc((100% - 3rem) / 3); } 
#sec_news .newsList > li > .inner { display: block; } 
#sec_news .newsList > li > .inner > .imgCon { position:relative; width: 100%; } 
#sec_news .newsList > li > .inner > .imgCon > img { width: 100%; height: 100%; aspect-ratio: 16 / 9; object-fit: cover; } 
#sec_news .newsList > li > .inner > .info { margin-top: var(--space-2); } 
#sec_news .newsList > li > .inner > .info > .tit { font-size: var(--font-size-md); font-weight: 600; line-height: 1.5; } 
#sec_news .newsList > li > .inner > .info > .date { margin-top: var(--space-2); font-size: var(--font-size-sm); color: var(--color-black-8); font-weight: 400; } 

#sec_news .videoList { display: flex; gap: 1.5rem; margin-bottom: var(--space-5); } 
#sec_news .videoList > li { width: calc((100% - 3rem) / 3); } 
#sec_news .videoList > li > .inner { position:relative; display: block; } 
#sec_news .videoList > li > .inner .info { padding: 2rem; border: 1px solid #ddd; } 
#sec_news .videoList > li > .inner .info > .tit { font-size: var(--font-size-lg-1); font-weight: 600; } 
#sec_news .videoList > li > .inner .info > .date { margin-top: var(--space-2); font-size: var(--font-size-sm); color: var(--color-black-8); } 
#sec_news .videoList > li > .inner .someImg { position:relative; } 
#sec_news .videoList > li > .inner .someImg > img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; } 
#sec_news .videoList > li > .inner .someImg .watch { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); transform-origin: center center; display: inline-flex; align-items: center; justify-content: center; width: 3.6rem; height: 3.6rem; border-radius: var(--radius-pill); box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1), inset 0px 0px 9.5px rgba(255, 255, 255, 0.15); background: #fff; box-sizing: border-box; z-index: 50; color: #fff; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); } 
#sec_news .videoList > li > .inner .xi { font-size: var(--font-size-lg-2); color: var(--color-point); transform: rotate(90deg); } 

#sec_news .newsList > li > .inner:hover > .info > .tit,
#sec_news .videoList > li > .inner:hover .info > .tit { text-decoration: underline; } 

/*sec_partner*/
.partnerW { border-top:1px solid #eee; background:#fff } 
.partnerW .wrapF { height:6em; gap:2em; display:flex; align-items:center } 
.partnerW .partnerSlideW { flex:1 1 0%; min-width:0 } 
.partnerW .titW .t1 { font-weight:700; font-size:1.25em } 
.partnerW .swiperControl { gap: .215rem; } 
.partnerSlideW .swiper-slide { width: 16.66% } 
.partnerSlideW .gallSt .imgW img { max-height: 75px; } 

#sec_video {position: relative; padding: 4rem 0 0 0; /* background: #e5e5e5; */ color: #000; overflow: hidden;}
#sec_video .video_content_wrap {max-width: 1000px; margin: 0 auto; text-align: center;}
#sec_video .video_title_area {margin-bottom: 3rem;}
#sec_video .video_title_area .sub_tt {font-size: 1rem; font-weight: 600; color: var(--color-point2); letter-spacing: 0.15em; margin-bottom: 0.75rem; text-transform: uppercase;}
#sec_video .video_title_area .main_tt {font-size: 2.25rem; font-weight: 700; color: #000; letter-spacing: -0.02em;}
#sec_video .video_player_box {position: relative; width: 100%; border-radius: 16px; overflow: hidden; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4); background: #000;}
#sec_video .video_frame {position: relative; width: 100%; padding-top: 56.25%; /* 16:9 비율 유지 */ }
#sec_video .video_frame iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}

/* 연혁 */
.historyWrapper .inner { padding: 0 2em; } 
.historyWrapper .history { position:relative; padding:100px 0 200px; } 
.historyWrapper .history .linewrap { position: absolute; top: 0px; left:calc(150px + 330px - 80px); width:2px; height: 0%; background: var(--color-point); } 
.historyWrapper .history:after { display:block; content:""; width:1px; height: 98%; z-index:-1; border-left:2px dotted #ccc; position:absolute; left:calc(150px + 330px - 80px); top:0; } 
.historyWrapper .history > div { display:flex; justify-content:space-between; margin-bottom:50px; } 
.historyWrapper .history > div:last-child { margin-bottom:0; } 
.historyWrapper .history > div .decade { position:relative; width:200px; font-size:3em; color:#000; font-weight:700; } 
.historyWrapper .history > div .decade:before { display:block; content:""; width:15px; height:15px; box-sizing:border-box; border:2px solid #dcdcdc; border-radius:50%; background:#fff; position:absolute; left:100%; top:23px; z-index:10; } 
.historyWrapper .history > div .decade:after { display:block; content:""; width:190px; height:1px; box-sizing:border-box; background:#ddd; position:absolute; left:calc(100% + 10px); top: 30px; } 
.historyWrapper .history > div ul { position:relative; box-sizing:border-box; width:calc(100% - 200px); padding-top:18px; padding-left:280px; } 
.historyWrapper .history > div ul:before { display:block; content:""; width:15px; height:15px; box-sizing:border-box; border:2px solid #dcdcdc; border-radius:50%; background:#fff; position:absolute; left:193px; top:23px; z-index:10; } 
.historyWrapper .history > div ul:after { display:block; content:""; width:45px; height:45px; box-sizing:border-box; border-radius:50%; background:rgb(39 106 229 / 15%); position:absolute; left:178px; top:8px; z-index:9; transform:scale(0); transition:all 0.4 ease; } 
.historyWrapper .history > div ul.on:after { transform:scale(1); transform-origin:center center; transition:all 0.3s ease-in-out; } 
.historyWrapper .history > div ul.on:before { border:2px solid var(--color-point); transition:all 0.3s ease-in-out; } 
.historyWrapper .history > div ul li { margin-bottom:10px; font-size:1.125em; color:#666; position: relative; line-height: 1.6; } 
.historyWrapper .history > div ul li::before { position: absolute; content: ''; left: -.8em; top: 12px; width: 4px; height: 4px; border-radius: 100px; background: #666; } 
.historyWrapper .history > div ul li + li { margin-top: 20px; } 
.historyWrapper .history > div ul li:last-child { margin-bottom:0; } 
.historyWrapper .history > div ul li .in { display: flex; gap: 1em; } 
.historyWrapper .history > div ul li .year { font-weight: 800; color: var(--color-point); width: 4.5rem; flex-shrink: 0; } 
.historyWrapper .history > div ul li .img_wrap { width: 19em; height: 12em; border-radius: .5em; overflow: hidden; margin: 1em 0 2.5em; } 
.historyWrapper .history > div ul li .img_wrap img { object-fit: cover; width: 100%; height: 100%; display: block; } 

.historyWrapper .top_img { width: 100%; border-radius: 1em; overflow: hidden; height: 21em; position: relative; } 
.historyWrapper .top_img::before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); } 
.historyWrapper .top_img .img_wrap{ width: 100%; height: 100%;}
.historyWrapper .top_img .img_wrap img { width: 100%; height: 100%; display: block; object-fit: cover;} 
.historyWrapper .top_img .bg_tit { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; } 
.historyWrapper .top_img .bg_tit p { font-size: 2.5em; color: #fff; font-weight: 700; text-align: center; } 


/* 인사말 */
.greetingWrapper .greetingBanner{padding: 4rem 5rem; margin-top: 3rem; position: relative; box-sizing: border-box;  display: flex; justify-content: space-between; color: #fff; background: linear-gradient(324deg,rgba(0, 89, 166, 1) 0%, rgba(1, 19, 81, 1) 100%); border-radius: var(--radius-md);}
.greetingWrapper .greetingBanner::before{position: absolute; content: ''; background-image: url(../images/sub/icon/icon01.svg); background-repeat: no-repeat; width: 600px; height: 200px; background-size: 100% 300%; opacity: 0.1; filter: var(--crWhitefil); left: -5rem; bottom: -1rem;}
.greetingWrapper .greetingBanner .txt_wrap{}
.greetingWrapper .greetingBanner .txt_wrap .s_tit{font-size: var(--font-size-base); font-weight: 600; margin-bottom: var(--space-3);}
.greetingWrapper .greetingBanner .txt_wrap .t1{font-size: var(--font-size-xl); font-weight: 700; margin-bottom: var(--space-5);}
.greetingWrapper .greetingBanner .txt_wrap .t2{font-size: var(--font-size-md);}
.greetingWrapper .greetingBanner .txt_wrap .t2 .ceo{font-size: var(--font-size-lg-2); font-weight: 600; margin: 0 0.2em 0 0.5em; vertical-align: baseline;}
.greetingWrapper .greetingBanner .txt_wrap .t2 .ceo i{font-size: var(--font-size-md); margin-right: 0.6rem;}
.greetingWrapper .greetingBanner .img_wrap{position: absolute; right: 5rem; bottom: 0;}
.greetingWrapper .greetingBanner .img_wrap img{display: block; object-fit: contain; width: 370px;}

.greetingWrapper .greetingT{ padding: 3rem 5rem 0;}
.greetingWrapper .greetingT > .t1{ text-align: justify; word-break: break-word; font-size: var(--font-size-base); line-height: 1.5; margin-bottom: 1.6rem; color: #333;}
.greetingWrapper .greetingT .ceo_name{ font-size: var(--font-size-md); text-align: right; margin-right: 5rem;font-weight: 500; display: flex; align-items: center; justify-content: flex-end;}
.greetingWrapper .greetingT .ceo_name .t1{ margin-left: 1.8rem; font-weight: 600; font-size: var(--font-size-lg-1); margin-bottom: .1em; display: flex; align-items: center;}
.greetingWrapper .greetingT .ceo_name .t1 b{font-size: var(--font-size-lg-2); padding-right: -0.3rem; font-weight: 700; position: relative;}
.ceo_name .ceo_sign { height: 60px; vertical-align: middle; }

/*찾아오시는 길*/
.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .cont { display: none; } 
.locationContainer { } 
.locationContainer .loadmap { border-radius: 1rem; overflow: hidden; } 
.locationContainer .loadmap .root_daum_roughmap { width: 100%; } 
.locationContainer .loadmap .wrap_map { width: 100%; height: calc(var(--vh, 1vh) * 60) !important; } 
 
.locationContainer .mapInfoWrap { position: relative; margin-top: 1rem; border-radius: 1rem; z-index: 2; display: flex; gap: 2rem; padding: 3.5rem; box-sizing: border-box; background: var(--color-point); } 
.locationContainer .mapInfoWrap .leftInfo { width: 60%; } 
.locationContainer .mapInfoWrap .leftInfo > .tit { font-size: var(--font-size-lg-2); font-weight: 600; color: #fff; margin-bottom: 1.5rem; } 
.locationContainer .mapInfoWrap .leftInfo > .contactInfo { display: flex; flex-wrap: wrap; gap: 1rem; } 
.locationContainer .mapInfoWrap .leftInfo > .contactInfo > li { } 
.locationContainer .mapInfoWrap .leftInfo > .contactInfo > li.br { width: 100%; } 
.locationContainer .mapInfoWrap .leftInfo > .contactInfo > li > .con { display: flex; gap: .25em; font-size: var(--font-size-base); } 
.locationContainer .mapInfoWrap .leftInfo > .contactInfo > li > .con > .xi { position: relative; top: -.5rem; color: #fff; font-size: 1.515rem; } 
.locationContainer .mapInfoWrap .leftInfo > .contactInfo > li > .con > .titCon { display: flex; gap: .75rem; } 
.locationContainer .mapInfoWrap .leftInfo > .contactInfo > li > .con > .titCon > .tit { font-weight: 600; line-height: 1.4; color: #fff; } 
.locationContainer .mapInfoWrap .leftInfo > .contactInfo > li > .con > .titCon > .txt { font-weight: 400; line-height: 1.4; color: rgba(255,255,255, .7); } 

.locationContainer .mapInfoWrap .rightInfo { width: 40%; } 
.locationContainer .mapInfoWrap .rightInfo .flex_box { height: 100%; } 
.locationContainer .mapInfoWrap .rightInfo .mapOpen { height: 100%; } 
.locationContainer .mapInfoWrap .rightInfo .mapOpen > li { display: flex; } 
.locationContainer .mapInfoWrap .rightInfo .mapOpen > li > .in { position:relative; border-radius: .5rem; flex: 1; padding: 1.5rem; box-sizing: border-box; background: rgba(255,255,255, .3); transition: .3s; } 
.locationContainer .mapInfoWrap .rightInfo .mapOpen > li > .in > .tt { font-size: var(--font-size-base); font-weight: 600; line-height: 1.4; color: #fff; } 
.locationContainer .mapInfoWrap .rightInfo .mapOpen > li > .in > .plus { position: absolute; right: 1.5rem; bottom: 1.5rem; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; } 
.locationContainer .mapInfoWrap .rightInfo .mapOpen > li:first-of-type > .in:hover { background: #29a139; } 
.locationContainer .mapInfoWrap .rightInfo .mapOpen > li:last-of-type > .in:hover { background: #dfc432; } 


/* 조직도 */
.processWrapper { padding: 3.5rem; box-sizing: border-box; border: 1px solid #ddd; border-radius: 1rem; overflow: hidden; background: #f7f7f7; margin-top: 2rem; } 
.sub_org { display:flex; justify-content:center; position:relative } 
.sub_org:before { content:""; position:absolute; left:50%; bottom:100%; width:1px; height:2rem; background:#ccc; transform:translateY(-100%) } 
.sub_org.d1 { flex-direction:column; align-items:center; gap:4rem 0 } 
.sub_org li { flex:1 1 auto; min-width:0; max-width:100%; position:relative; display: flex; } 
.sub_org li:before { content:""; position:absolute; left:50%; bottom:100%; width:1px; height:2rem; background:#ccc } 
.sub_org li:after { top:100% } 
.sub_org .in { background: #fff; box-sizing:border-box; padding:.5rem; border:1px solid #ccc; position:relative; text-align:center; display:flex; align-items:center; justify-content:center; height:4rem; border-radius:.5rem } 
.sub_org .in:before,
.sub_org .in:after { content:""; position:absolute; left:50%; bottom:calc(100% + 2rem); width:calc(50% + 1rem); height:1px; background:#ccc } 
.sub_org .in:before { left:auto; right:50% } 
.sub_org .in .tt { line-height:1.1 } 
.sub_org li.a1 { width:100% } 
.sub_org li.a1 .in { position:absolute; right:0; left:50%; top:0; transform:translate(100%, -50%) } 
.sub_org li.a1 .in:before { content:""; position:absolute; right:calc(100% + 1px); top:50%; width:calc(100% + 1px); height:1px; background:#ccc; display:block !important } 
.sub_org.d2 { gap:0 1rem } 
.sub_org.d2 > li { display:flex; flex-direction:column; gap:4rem 0 } 
.sub_org.d2 > li:before { display: none; } 
.sub_org.d3 { gap:0 2rem } 
.sub_org.d3 > li { display:flex; flex-direction:column; gap:.5rem 0 } 

.sub_org.d3 > li .in { width:16rem; max-width:100%; } 
.sub_org.d4 { display:flex; flex-direction:column; gap:.5rem 0 } 
.sub_org.d4.height_max { flex: 1; } 
.sub_org.d1 > li:before { height:4rem } 
.sub_org.d4 > li:before { height:.5rem } 
.sub_org.d1:before,
.sub_org.d1 > li:first-child:before,
.sub_org.d1 > li:last-child:before,
.sub_org li:first-child > .in:before,
.sub_org li:last-child > .in:after,
.sub_org.d3 > li:after,
.sub_org.d4:before,
.sub_org.d1 > li > .in:before,
.sub_org.d1 > li > .in:after,
.sub_org.d4 > li > .in:before,
.sub_org.d4 > li > .in:after { display:none } 
.sub_org .in.w1.h1 { border-radius: 100%; border: 35px solid rgb(223 234 245); box-sizing: content-box; aspect-ratio: 1 / 1; } 
.sub_org .in.w1 { width:10rem } 
.sub_org .in.w2 { width:10rem } 
.sub_org .in.h1 { height:10rem } 
.sub_org .in.h2 { height:3rem; } 
.sub_org .in.h_auto { height:auto; padding: 1rem; justify-content: flex-start; flex: 1; align-items: flex-start; flex-direction: column; gap: .7em;} 
.sub_org .in.h_auto .tt { line-height: 1.6; padding: 0.5rem 1rem; box-sizing: border-box; background: #f5f5f5; border-radius: .5rem; text-align: left; display: flex; flex-direction: column; width: 100%; align-items: center;}
.sub_org .in.h_auto .tt > i{  text-align: center;} 
.sub_org .in.h_auto .tt > .position{font-size: var(--font-size-sm); color: var(--color-primary-hover); font-weight: 600;}
.sub_org .in.h_auto .tt > .s_tt{font-size: var(--font-size-sm-1); color: #666; padding-top: 0.5em; margin-top: 0.5em; border-top: 1px dashed #bbb; width: 100%;}
.sub_org .in.h_auto .tt.line{position: relative; margin-bottom: 1rem;}
.sub_org .in.h_auto .tt.line::after{position: absolute; content: ''; width: 114%; border-bottom: 1px dashed #bbb; bottom: -0.9rem;}
.sub_org .in.c1 { background:var(--color-point); color:#fff; border-color:transparnet; } 
.sub_org .in.c1.re { background:linear-gradient(324deg,rgba(0, 89, 166, 1) 0%, rgba(1, 19, 81, 1) 100%); color:#fff; box-shadow: 0px 0px 15px rgba(17, 17, 17, 0.35);  box-sizing: border-box;} 
.sub_org .in.c2 { background: var(--color-primary); color:#fff; border-color:transparent } 
.sub_org .in.c2.re { background:#fff; color:#0060ae; border-color: var(--color-point2); } 
.sub_org .in.c3{background: #333; color: #fff;}
.sub_org .in.c4{background: #555; color: #fff;}
.sub_org .in .t1 { font-weight:600; font-size: var(--font-size-lg) } 
.sub_org .in .t2 { font-weight:700; font-size:var(--font-size-md) } 
.sub_org .in .t3 { font-weight:500; font-size:var(--font-size-base) } 
.sub_org .in .t4 { font-weight:500 } 
.sub_org .in .tBox{ font-size: var(--font-size-sm); align-items: flex-start !important;}
.sub_org .in .tBox .line{padding-top: .5em; margin-top: 0.5em; height: 1px; width: 100%; border-top: 1px dashed #bbb;}

.sub_org.d1 > li:first-child > .sub_org.d2::before,
.sub_org.d1 > li:first-child > .sub_org.d2 li .sub_org.d3::before{display: none;}
.sub_org.d1 > li:first-child > .sub_org.d2 li .sub_org.d3 > li::before{display: none;}

.sub_org.d1 > li:first-child > .sub_org.d2 li .sub_org.d3 li .in:after,
.sub_org.d1 > li:first-child > .sub_org.d2 li .sub_org.d3 li .in::before{display: none;}

.sub_org.d3 > li { position: relative; }
.sub_org.d3 > li:first-child .sub_org.d4 > li::before{ content: ""; display: block; position: absolute; right: 0;  top: 50%; width: 100%; height: 1px; background-color: #ccc;}
/* .sub_org.d3 > li:not(:last-child)::after { content: ""; display: block; position: absolute; right: -2rem;top: 40%;    width: 2rem; height: 1px; background-color: #ccc; }  */
.sub_org.d3 > li:last-child .sub_org.d4 > li { position: relative; }
.sub_org.d3 > li:last-child .sub_org.d4 > li::before { content: ""; display: block; position: absolute; left: -2rem;  top: 50%; width: 2rem; height: 1px; background-color: #ccc; }


/* 테이블 스크롤 */
.scr_i { display: none; } 

/* 설립목적/취지 */
.purposeWrapper{margin-top: 1em;}
.journalIntro_bg{ position: relative;}
/* .journalIntro_bg .img_wrap{ border-radius: 1.5em; overflow: hidden; position: relative; height: 18em; }
.journalIntro_bg .img_wrap::before{position: absolute; content: ''; width: 100%; height: 100%;/*  background: rgb(17 17 17 / 10%) *; }
.journalIntro_bg .img_wrap img{display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; display: none;} */
.journalIntro_bg .txtW{position: relative; left: 50%; top:0; transform: translateX(-50%); text-align: center; background: #fafafa; width: 100%; padding: 3em; box-sizing: border-box; border-radius: 1.5em; border: 1px solid #ddd; overflow: hidden; height: auto;}
.journalIntro_bg .txtW .t1{font-size: var(--font-size-lg-2); font-weight: 700; padding-bottom: 0.7em; margin-bottom: 0.7em; position: relative; border-bottom: 1px dashed #ccc;}
.journalIntro_bg .txtW .t1::before{display:none; position: absolute; content: '학술지 소개'; padding: .6em 1.7em; background: var(--color-point); border-radius: 100em; font-size: 0.565em; font-weight: 500; color: #fff; left: 50%; top: -4em; transform: translateX(-50%);}
.journalIntro_bg .txtW .tt{font-size: var(--font-size-base); color: #555; font-weight: 500; line-height: 1.6;}

.journalIntro_txt{margin-top: 1em; padding: 0 6em 0 3em; box-sizing: border-box;}
.journalIntro_txt .tt{font-size: var(--font-size-base); font-weight: 500; color: #333; line-height: 1.55; margin-bottom: 1.5em;}
.journalIntro_txt .tt .c_point{font-size: var(--font-size-lg);}

/* 주요사업 */

.business_wrapper{background-color:#f3f5f8; overflow: hidden; width: 100%; height: 100%; padding: 5rem 6rem; box-sizing: border-box; margin-top: 0.5rem; border-radius: var(--radius-md); position: relative; z-index: -1; box-shadow: 0px 5px 15px rgba(37, 63, 142, 0.2);}
.business_wrapper::before{position: absolute; content: ''; width: 100%; height: 100%; /* background: rgba(0, 0, 0, 0.50); */ left: 0; top: 0; backdrop-filter: blur(3px); z-index: 1;}
.business_wrapper .gsClass{position: relative;position: relative; z-index: 2;}
.business_wrapper .page_tit{color:#000;}
.business_wrapper .business_con{display: flex; flex-wrap: wrap; gap: 6rem; position: relative; z-index: 2;}
.business_wrapper .business_con li{position: relative; width: calc((100% - 12rem) / 3); text-align: center; display: flex; flex-direction: column; align-items: center; color: #000;}
.business_wrapper .business_con li:nth-child(-n+3){padding-top: 3rem;}
.business_wrapper .business_con li:nth-child(n+4):nth-child(-n+6){padding-bottom: 3rem;}
.business_wrapper .business_con li::before{position: absolute; content: ''; right: -3rem; top: 0; width: 1px; height: calc(100% + 3rem); background: rgba(0, 0, 0, 0.5);}
.business_wrapper .business_con li::after{position: absolute; content: ''; left: 0; top: -3rem; width: calc(100% + 3rem); height: 1px; background: rgba(0, 0, 0, 0.5);}
.business_wrapper .business_con li:nth-child(3n):before,
.business_wrapper .business_con li:nth-child(-n+3)::after{display: none;}
.business_wrapper .business_con li:nth-child(n+4):nth-child(-n+5)::before{top: -3rem;}
.business_wrapper .business_con li:nth-child(n+5):nth-child(-n+6)::after{width: calc(100% + 6rem); left: -3rem;}
.business_wrapper .business_con li .img_wrap{height: 4.8rem; margin-bottom: 1.8rem;}
.business_wrapper .business_con li .img_wrap img{/* filter: var(--crWhitefil); */ object-fit: contain; width: 100%; height: 100%;}
.business_wrapper .business_con li .txt_wrap{display: flex; flex-direction: column; align-items: center; gap: 1.3rem;}
.business_wrapper .business_con li .txt_wrap .point{ font-size: var(--font-size-sm-1); line-height: var(--line-height-loose); border-radius: .2rem; padding: 0 0.6em; width: max-content; background: var(--color-primary); color: #fff;}
.business_wrapper .business_con li .txt_wrap .tt{font-size: var(--font-size-base); line-height: var(--line-height-normal);}

/* 서브 공통 */
.page_tt_con{padding: 4.5rem 0;}
.page_tt_con.p1{padding: 6rem 0;}
.page_tt_con:first-child{padding: 0;}
.page_tt_con + .page_tt_con{padding: 5rem 0 0;}

.tt_sec{}
.tt_sec + .tt_sec{ padding-top: 2.5rem;}
.tt_sec .inBox{padding-top: 1.5rem;}
.tt_sec .inBox + .inBox{ }

.page_sec{padding: 1rem 0; box-sizing: border-box;}

.ttBox{padding: 2.5rem 3rem; border-top: 3px solid var(--color-point); box-sizing: border-box; border-radius: 0 0 0 1.5rem; box-shadow: 0px 5px 15px rgba(37, 63, 142, 0.2);}
.ttBox > .tt{ font-size: var(--font-size-base); line-height: 1.5; font-weight: 500;}
.ttBox > .tt + .inner{margin-top: 1.5rem;}
.ttBox .inner{ background: var(--color-bg-1); padding: 1.8rem 2rem; box-sizing: border-box; border-radius: 1rem;}
.ttBox .inner .dotList{color: #333;}
.ttBox .dotList > li{margin-bottom: 0.8rem;}
.ttBox .dotList + .checkList{margin-top: var(--space-4);} 
.ttBox .checkList li{counter-increment: subListIdx; }
.ttBox .checkList li .con .numDot{line-height: 1.5;position: relative;}
.ttBox .checkList li .con .numDot::before{position: absolute; border-radius: .2rem; font-weight: 500; background: var(--color-point); color: #fff; width: 1.8rem; height: 1.6rem; text-align: center; line-height: 1.8em; content: counter(subListIdx); font-size: var(--font-size-sm-1); }
.checkList > li > .con .numDot + .tt{padding-left: 2em;}

/*  */
.dotList { }
.dotList > li { position: relative; padding-left: .8rem; font-size: var(--font-size-base); margin-bottom: .5rem; line-height: 1.55; font-weight: 500;}
.dotList > li:before { position: absolute; top: 12px; left: 0; width: 6px; height: 1px; background: #333; content: ''; }
.dotList > li.tit { font-size: var(--font-size-base); font-weight: 700; color: var(--color-point); margin-bottom: 0.2rem; }
.dotList > li.tit:before { top: 11px; width: 6px; height: 6px; background: #333; content: ''; }
.dotList > li:last-of-type { margin-bottom: 0; }
.dotList.s1 > li { font-size: var(--font-size-sm);  }
.dotList.s1 > li:before { top: 10px; }
.dotList.s2 > li { font-size: var(--font-size-md); }
.dotList.s2 > li:before { top: 15px; }
.dotList.c1 > li { color: #333; }

.dotList.st1 > li:not(.tit) { padding-left: 2rem; }
.dotList.st1 > li:not(.tit)::before { left: 1.2rem; }
.dotList.dot2 > li:before { position: absolute; left: 0; top: 10px; width: 5px; height: 5px; border-radius: 100px; background: var(--color-point); content: ''; } 
.dotList.dot2.s2 > li:before { top: 8px; } 
.dotList.dot3 > li{padding-left: 2rem;}
.dotList.dot3 > li:before {position: absolute; left: 0; top: -7px; color: var(--color-point); content: '\e92e'; font-family: 'xeicon'; background: none; font-size: 1.5em; } 
.dotList.dot3.s1 > li:before{top: -6px;}
.dotList.dot3.s2 > li:before { top: 8px; } 
.dotList > li:last-of-type { margin-bottom: 0; } 

/*  */
.checkList { box-sizing: border-box; border: 1px solid #ddd; padding: 1.5rem; background: #f7fbff; } 
.checkList > li { padding-bottom: .55rem; margin-bottom: .55rem; border-bottom: 1px dashed #ddd; } 
.checkList > li:last-of-type { padding: 0; margin: 0; border-bottom: none; } 
.checkList > li > .con { display: flex; gap: .5rem; align-items: start; } 
.checkList > li > .con > .xi { font-size: var(--font-size-md-1); color: var(--color-point); } 
.checkList > li > .con > .tt { position: relative; top: .15rem; font-size: var(--font-size-sm); } 

/*  */
.topBanner{margin-top: var(--space-2); position: relative; box-shadow: 8px 13px 30px 0px rgba(0, 0, 0, 0.2);border-radius: var(--radius-md); overflow: hidden;}
.topBanner::before{position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.45);}
.topBanner .img_wrap{ height: 22em;}
.topBanner .img_wrap img{display: block; object-position: center; width: 100%; height: 100%; object-fit: cover;}
.topBanner .txt_wrap{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  color: #fff; width: 100%; text-align: center;}
.topBanner .txt_wrap .t1{font-size: var(--font-size-xl); position: relative; font-weight: 600; margin-bottom: var(--space-4); padding-bottom: var(--space-4);}
.topBanner .txt_wrap .t1::before{position: absolute; content: '';/* opacity: .55;  */width: 8%; height: 2px; background: #fff; left: 50%; top: 5rem; transform: translateX(-50%);}
.topBanner .txt_wrap .tt{font-size: var(--font-size-md); line-height: var(--line-height-normal);}

/*  */
.more_btn{font-size: var(--font-size-md); display: flex; align-items: center; width: 18em; transition: 0.2s ease-in-out; color: #fff; justify-content: space-between; padding: 1rem 2.5rem; box-sizing: border-box; border-radius: 100em; background: var(--color-point);}
.more_btn.c1{background: var(--color-primary);}
.more_btn.c2{background: #111;}
.more_btn:hover{opacity: 0.7;}

/*  */
.flagWrapper{display: flex; flex-direction: column; align-items: center; gap: 2rem; padding: 3rem 0; box-sizing: border-box;} 
.flagWrapper + .flagWrapper{ border-top: 1px solid #ddd;}
.flagWrapper .boxC .flag{ padding: 1.5rem; background: var(--color-bg-2); box-sizing: border-box; border-radius: 0.5rem;}
.flagWrapper .boxC .flag .in{display: flex; gap: 1rem; background: #fff; padding: 2rem 0; box-sizing: border-box; border-radius: 0.5rem;}
.flagWrapper .topBox .flag .in{align-items: center; padding: 2rem 4rem;}
.flagWrapper .topBox .img_wrap{ border: 1px solid #ddd;}
.flagWrapper .topBox.st1 .img_wrap{ border: none;}
.flagWrapper .topBox .img_wrap img{ height: 4rem; display: block;}
.flagWrapper .topBox .txt_wrap{}
.flagWrapper .topBox .txt_wrap .t1{ font-size: var(--font-size-lg); font-weight: 700;}
.flagWrapper .line{width: 1px; height: 4.5em; background: #aaa;}
.flagWrapper .bottomBox{ width: 100%;}
.flagWrapper .bottomBox .flagList{display: flex; flex-wrap: wrap; gap: 2rem;}
.flagWrapper .bottomBox .flagList li{width: calc((100% - 4rem) / 3);}
.flagWrapper .bottomBox .flagList.w5 li{width: calc((100% - 8rem) / 4);}
.flagWrapper .bottomBox .flagList.w5 li .in .img_wrap img{height: 3.6rem;}
.flagWrapper .bottomBox .in{flex-direction: column; align-items: center;}
.flagWrapper .bottomBox .in .img_wrap{border: 1px solid #ddd;}
.flagWrapper .bottomBox .in .img_wrap img{ height: 6rem; display: block; object-fit: contain;}
.flagWrapper .bottomBox .in .txt_wrap{}
.flagWrapper .bottomBox .in .txt_wrap .t1{ font-size: var(--font-size-base); font-weight: 500;}

.membership_type{width: 100%; display: flex; gap: 6rem; padding: 4rem 5rem; border-radius: 4rem; box-sizing: border-box; background: var(--color-bg-2); }
.membership_type li{ width: calc((100% - 12rem) / 3); position: relative; display: flex; flex-direction: column; align-items: center; gap: 1.5rem;}
.membership_type li::before{position: absolute; content: ''; right: -3rem; top: 0; width: 1px; height: 100%; background: #ddd;}
.membership_type li:last-child::before{display: none;}
.membership_type li .img_wrap{width: 11rem; height: 11rem; box-shadow: 0 0 20px rgb(45 45 55 / 15%); display: flex; justify-content: center; align-items: center; border-radius: 100em; background: #fff;}
.membership_type li .img_wrap img{display: block; margin-bottom: 0.3rem;}
.membership_type li .t1{font-size: var(--font-size-md); font-weight: 600;}

/**/
.conTit{position: relative; margin-top: 3.5em;}
.conTit::before{position: absolute; content: ''; left: 50%; top: -3.5em; background: url(../images/sub/dott_img01.png) no-repeat; width: 2.6em; height: 2.4em; background-size: 95%; transform: translateX(-50%); opacity: .25;}

/*  */
.donate_wrap{ padding: 3.5rem 4rem; box-sizing: border-box; background: var(--color-bg-2);}
.donate_wrap .top_wrap{text-align: center;}
.donate_wrap .top_wrap .tit{font-size: var(--font-size-lg-2); position: relative; font-weight: 700; margin-bottom: 1.3rem; padding-bottom: 1.3rem;}
.donate_wrap .top_wrap .tit::before{position: absolute; content: ''; left: 50%; bottom: 2px; transform: translateX(-50%); width: 3rem; height: 2px; background: #888;}
.donate_wrap .top_wrap .tt{font-size: var(--font-size-md); color: var(--color-primary-hover); font-weight: 600;}
.donate_wrap .bottom_wrap{ padding: 2rem; margin-top: 2.5rem; box-sizing: border-box; background: #fff;}


.error-container .errorT { font-size: .815em; font-weight: 600; color: #F03; width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important; } 
.error-container .errorT span { vertical-align: text-bottom; }