@charset "utf-8"; /* CSS Document */
.box0 { padding: 0 2.5vw; } 
.box1 { width: 1620px; max-width:92%; margin:0 auto; } 
.box2 { width: 1280px; max-width:94%; margin:0 auto; } 

.pcHide { display:none !important; } 
.moHide { } 

.dwrap { position:relative; width:2000px; left:50%; top:0; margin-left:-1000px } 
.dwrap img { display:block } 

.gnb > li.m_search,
.gnb > li.m_mypage,
.gnb > li.m_policy,
.gnb > li.m_member { display:none; } 

body.main { background: var(--siteC) } 

/* 버튼 기본 스타일 초기화 */
button { background-color: transparent; border: none; padding: 0; margin: 0; font: inherit; color: inherit; cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; } 

/*header*/
.main #header { position:fixed; top:0; left:0; width:100%; background: var(--siteC)!important; transition: transform .5s, background-color .5s; z-index:999998; color : #fff!important; } 
#header { position:fixed; top:0; left:0; width:100%; background: #fff; transition: transform .5s, background-color .5s; z-index:999998; color : #000; } 
#header .gnbH,
#header .gnb_wrap .gnb > li .dp1 { height: var(--headH); } 
#header .menu_wrap .inner { align-items : center } 
#header .menu_wrap .logo { } 
#header .menu_wrap .logo img { height: 65px; object-fit: contain; } 

#header .gnb_wrap { position: static; } 
#header .gnb_wrap > .gnb { position: static; display: flex; justify-content: center; } 
#header .gnb_wrap > .gnb > li { position: static; } 
#header .gnb_wrap > .gnb > li .dp1 { position: relative; z-index: 2; padding: 0 1.75em; min-width: 11.5em; height: 100px; display: flex; align-items: center; justify-content: center; } 
#header .gnb_wrap > .gnb > li .dp1 .tt { font-size: 1.15em; font-weight: 700; } 
#header .gnb_wrap > .gnb > li.on .dp1 { color: var(--siteC2); } 
#header .gnb_wrap > .gnb > li:hover .dp1 { color: var(--siteC2); } 

#header .gnb_wrap > .gnb > li .dp2 { position: absolute; top: 100px; left: 0; width: 100vw; height: auto; padding: 0; display: flex; flex-direction: row; justify-content: center; align-items: stretch; z-index: 99; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; } 
#header .gnb_wrap > .gnb > li .dp2:before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; background: var(--siteC, #1b2a4a); box-shadow: 0 0.5em 1.5em rgba(0, 0, 0, 0.15); transition: all 0.2s ease; } 
#header .gnb_wrap > .gnb > li .dp2:after { display: none; } 
#header .gnb_wrap > .gnb > li .dp2 > li { position: relative; flex: 1; max-width: 200px; text-align: center; border-right: 0.0625rem solid rgba(255, 255, 255, 0.1); } 
#header .gnb_wrap > .gnb > li .dp2 > li:first-child { border-left: 0.0625rem solid rgba(255, 255, 255, 0.1); } 

body:not(.main) #header .gnb_wrap > .gnb > li .dp2 { position: absolute; top: 100px; left: 0; width: 100vw; opacity: 0; visibility: hidden; } 
body:not(.main) #header .gnb_wrap > .gnb > li.on .dp2 { opacity: 1; visibility: visible; } 

#header .gnb_wrap > .gnb > li .dp2 > li > a { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 60px; padding: 0 1em; text-align: center; box-sizing: border-box; transition: all 0.2s ease; } 
#header .gnb_wrap > .gnb > li .dp2 > li > a > .va > .tt, #header .gnb_wrap > .gnb > li .dp2 > li > a > .tt { position: relative; margin-bottom: 0; font-weight: 600; font-size: 0.95rem; color: rgba(255, 255, 255, 0.7); transition: 0.2s ease-in-out; } 
#header .gnb_wrap > .gnb > li .dp2 > li.on > a > .va > .tt, #header .gnb_wrap > .gnb > li .dp2 > li.on > a > .tt, #header .gnb_wrap > .gnb > li .dp2 > li > a:hover > .va > .tt, #header .gnb_wrap > .gnb > li .dp2 > li > a:hover > .tt { color: #ffffff; } 

#header .gnb_wrap > .gnb > li .dp2 > li > a:hover { background: rgba(255, 255, 255, 0.08); } 
#header .gnb_wrap > .gnb > li .dp2 > li > a:hover:after, #header .gnb_wrap > .gnb > li .dp2 > li.on > a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: var(--siteC2, #00bfa5); } 

#header .gnb_wrap > .gnb > li:hover .dp2 { opacity: 1; visibility: visible; } 

#header .gnb_wrap > .gnb > li .dp3 { display: none; } 

#header .all_wrap { width:3.875em; } 
#header .all_wrap .btn_all { position:relative; } 
#header .all_wrap .btn_all .btn_in { position:relative; display:block; width:1.625em; height:1.25em; } 
.main #header .all_wrap .btn_all .ham,
.main #header .all_wrap .btn_all .ham:before,
.main #header .all_wrap .btn_all .ham:after { display:block; width:100%; height:2px; background:#fff; transition:.2s; } 
#header .all_wrap .btn_all .ham,
#header .all_wrap .btn_all .ham:before,
#header .all_wrap .btn_all .ham:after { display:block; width:100%; height:2px; background:#000; transition:.2s; } 
#header .all_wrap .btn_all .ham:before,
#header .all_wrap .btn_all .ham:after { content:""; position:absolute; right:0; } 
#header .all_wrap .btn_all .ham:before { top:calc(50% - 1px); } 
#header .all_wrap .btn_all .ham:after { top:calc(100% - 2px); } 
#header .all_wrap .btn_all:hover .ham:before { width:80%; } 
#header .all_wrap .btn_all:hover .ham:after { width:90%; } 

#header.allOpen .all_wrap .btn_all { position:fixed; top:2em; right:3em; z-index:999; background:transparent; border-color:transparent; } 
#header.allOpen .all_wrap .btn_all .btn_in { width:3em; height:3em; } 
#header.allOpen .all_wrap .btn_all .ham { background:transparent; transition:0s; } 
#header.allOpen .all_wrap .btn_all .ham:before,
#header.allOpen .all_wrap .btn_all .ham:after { width:100% !important; top:50% !important; background:#fff; } 
#header.allOpen .all_wrap .btn_all .ham:before { transform:rotate(45deg); } 
#header.allOpen .all_wrap .btn_all .ham:after { transform:rotate(-45deg); } 

#header .all_wrap .all { position:fixed; z-index:-1; top:0; left:0; width:100vw; height:100vh; visibility:hidden; opacity:0; transition:all .3s; } 
#header .all_wrap .all .wrap_bg { position:absolute; top:0; left:0; width:inherit; height:inherit; background:var(--siteC); transform:translateX(100%); transition:all .3s; } 
#header .all_wrap .all .wrap_in { position:absolute; top:0; left:0; width:inherit; height:inherit; opacity:0; transition:opacity .3s ease 0s; } 
#header .all_wrap .all .wrap_in .all_scroll { height:inherit; } 
#header .all_wrap .all .allconWrap { padding:6em 0; color:#fff; opacity:0; transform:translateY(8em); transition:all .8s; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb { flex-wrap:wrap; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb .flex { display:block; text-align:left !important; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li { flex:1 1 25%; max-width: 25%; display:block; padding:2em 2.5em; border:solid rgba(255,255,255,.15); border-width:0 1px 0 0; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li:nth-child(4n) { border-right: none; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li a { position:relative; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li ul { padding:1em 0 1.75em; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li ul li a { padding:.5em 0; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp1 { margin-bottom:1.5em; font-weight:600; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp1:before { content:""; display:block; position:absolute; top:0; left:0; width:1.375em; height:.375em; background:var(--siteC2); border-radius:6em; transform:rotate(-45deg) translate(-.5em, -1.125em); } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp1 .tt { font-size:1.438em; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li > a { font-weight:500; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li > a .tt { font-size:1.063em; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li > a { padding-left:.875em; opacity:.6; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li > a:before { content:""; display:block; position:absolute; left:0; top:.875em; width:5px; height:2px; background:#fff; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li > a .tt { font-size:.938em; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li:hover > a { color: var(--siteC2); font-weight:700; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li:hover > a .tt { text-decoration:underline; } 

#header .all_wrap .all .allconWrap .all_gnb .gnb > li.m_search,
#header .all_wrap .all .allconWrap .all_gnb .gnb > li.m_policy { display:none; } 
#header.allOpen { z-index:999; } 
#header.allOpen .all_wrap .all { visibility:visible; z-index:99; opacity:1; } 
#header.allOpen .all_wrap .all .wrap_bg { transform:translateX(0); } 
#header.allOpen .all_wrap .all .wrap_in { opacity:1; transition-delay:.5s; } 
#header.allOpen .all_wrap .all .allconWrap { opacity:1; transform:translateY(0); transition-delay:.5s; } 

#header.gnbOpen .menu_wrap { background:#fff } 
.main #header.gnbOpen .menu_wrap { background:var(--siteC)!important; } 
#header.gnbOpen .menu_wrap .logo .in { transform:translateY(0) } 
#header.gnbOpen .gnb_wrap > .gnb > li .dp1:hover .tt { color:var(--siteC2)!important; } 
.main #header.gnbOpen .gnb_wrap > .gnb > li .dp1:hover .tt { color:var(--siteC2)!important; } 
#header .all_wrap .all .all_scroll { height: 100%; overflow-y: auto; box-sizing: border-box; } 
#header .all_wrap .all .wrap_in { height: 100vh; overflow: hidden; } 

/*footer*/
.main #footer { background: var(--siteC); padding: 4em 0 5em 0; color: #fff; border-top: solid 0.6px #333; } 
#footer { background: #f1f1f1; padding: 4em 0 5em 0; color: #000 } 
#footer .menu_wrap { width: 50%; text-align: left; } 
#footer .menu_wrap .inner { display: flex; flex-direction: column; gap: 2em; } 
#footer .menu_wrap .menu { } 
#footer .menu_wrap .menu > li > .in { position:relative; padding:.5em 1.5em; } 
#footer .menu_wrap .menu > li > .in:after { content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:.75em; background:rgba(0,0,0,.2); transform:translateY(-50%); } 
#footer .menu_wrap .menu > li:first-child > .in { padding-left:0; } 
#footer .menu_wrap .menu > li:last-child > .in { padding-right:0; } 
#footer .menu_wrap .menu > li:last-child > .in:after { display:none; } 
.main #footer .menu_wrap .menu > li > .in .tt { font-size: var(--font-size-sm); font-weight:500; color: #fff; } 
#footer .menu_wrap .menu > li > .in .tt { font-size: var(--font-size-sm); font-weight:500; color: #000; } 
#footer .menu_wrap .menu > li > .in .xi { font-size: var(--font-size-sm); padding-left:.375em; } 
#footer .menu_wrap .menu > li > .in[href]:hover .tt { text-decoration:underline; } 

#footer .menu_wrap .family { position:relative; } 
#footer .menu_wrap .family .btn { padding: 0 1.25em; box-sizing: border-box; background: #fff; height:3.125em; border: 1px solid var(--color-black); } 
#footer .menu_wrap .family .btn .tt { font-size:.938em; font-weight:500; } 
#footer .menu_wrap .family .btn .xi { font-size:.938em; margin-left:5em; } 
#footer .menu_wrap .family .btn .xi:before { display:block; transition:.3s; } 
#footer .menu_wrap .family .family_con { position:absolute; left:0; bottom:100%; width:100%; max-height:20em; padding: .5em 1em; background:#111; border:solid rgba(255,255,255,.3); border-width:1px 1px 0 1px; box-sizing:border-box; display:none; } 
#footer .menu_wrap .family .family_con .list > li .in { display:block; padding:.5em 0; } 
#footer .menu_wrap .family .family_con .list > li .in .tt { font-size: var(--font-size-sm); color: #fff; } 
#footer .menu_wrap .family .family_con .list > li .in:hover .tt { text-decoration:underline; } 

#footer .menu_wrap .family.on .btn { } 
#footer .menu_wrap .family.on .btn .xi:before { transform:rotate(180deg); } 
#footer .menu_wrap .family.on .family_con { display:block; } 

#footer .info_wrap { display: flex; justify-content: space-between; } 
#footer .info_wrap .info { flex: 1; } 
#footer .info_wrap .inner { display: flex; flex-direction: row; gap : 2rem; justify-content: end } 
#footer .info_wrap .info .list { } 
#footer .info_wrap .info .list > li { flex:1 1 100%; padding:.375em 1.75em .375em 0; } 
.main #footer .info_wrap .info .list > li .tt { font-size: var(--font-size-sm-1); font-weight: 400; opacity:.8; color: #fff } 
#footer .info_wrap .info .list > li .tt { font-size: var(--font-size-sm-1); font-weight: 400; opacity:.8; color: #000 } 
#footer .info_wrap .info .copy { margin-top: var(--space-2); } 
.main #footer .info_wrap .info .copy .tt { font-size:.813em; text-transform:uppercase; opacity:.4; color: #fff; } 
#footer .info_wrap .info .copy .tt { font-size:.813em; text-transform:uppercase; opacity:.4; color: #000; } 
#footer .info_wrap .inner .logo { margin-bottom: var(--space-2); } 
#footer .info_wrap .inner .logo > img { height: 60px; object-fit: contain; } 

#footer .partner_wrap .inner { display:flex; flex-flow: row nowrap; gap: 2rem; margin-top: 2rem; } 
#footer .partner_wrap .inner .partner { height:3em; display:flex; flex-direction: row; gap : 1em; align-items: center; } 
.main #footer .partner_wrap .inner .partner { filter: brightness(0) invert(1); } 
#footer .partner_wrap .inner .partner .img { height: 100%; width: auto; } 
#footer .partner_wrap .inner .partner .txt { font-size: var(--font-size-sm-1); font-weight: 400; opacity:.8; margin-left: .5rem; } 
#footer .partner_wrap .inner .partner .img img { height: 100%; width: auto; } 

/* policy */
.policy_box { width: 100%; max-width: 1200px; margin: 0 auto; background: #ffffff; padding: 2.5rem 0; box-sizing: border-box; font-size: 0.9375rem; color: #333333; line-height: 1.8; word-break: keep-all; } 
.policy_box h3, .policy_box h4 { color: #111111; font-weight: 700; margin-top: 2rem; margin-bottom: 0.75rem; } 
.policy_box h3 { font-size: 1.5rem; border-bottom: 0.125rem solid #111111; padding-bottom: 0.5rem; } 
.policy_box h4 { font-size: 1.125rem; } 
.policy_box p { margin: 0 0 1rem 0; color: #555555; } 
.policy_box p strong { color: #111111; font-weight: 700; } 
.policy_box ul { margin: 0 0 1rem 1.5rem; padding: 0; color: #555555; } 
.policy_box li { margin-bottom: 0.375rem; } 
/* */

.sub .family_wrap { border-top:1px solid #d4d5d8; } 
.family_wrap { padding:1.8em 0; border-top: 1px solid #e1e1e1; background: #f7f7f7; } 
.family_wrap .control { position:relative; width:10em; } 
.family_wrap .family { flex:1; min-width:0; } 
.family_wrap .control .arrow { } 
.family_wrap .control .arrow > li { display:inline-block; cursor:pointer; } 
.family_wrap .control .arrow > li .xi { color:#222; border:1px solid #d4d5d8; background: #fff; width:2em; line-height:2em; text-align:center; } 
.family_wrap .control .arrow > li:hover .xi { background:var(--siteC); color:#fff; transition:.3s; } 
.family_wrap .control .arrow .slick-hidden { display:inline-block; } 
.family_wrap .family .item > a { display:block; margin:0 .2em; border:1px solid #d4d5d8; padding:0 .813em; background: #fff; } 

/*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: 1.7em; 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 */
.main_hero_section { width: 100%; background: var(--siteC); box-sizing: border-box; height: calc(80vh - var(--headH)); margin-top: var(--headH); display: flex; flex-direction: column; } 
.hero_top_flex { display: flex; width: 100%; flex: 1; height: 100%; } 
.hero_media_area { position: relative; width: 75%; height: 100%; overflow: hidden; background: #111111; flex-shrink: 0; } 
.hero_video { position: absolute; top: 50%; left: 50%; width: 177.77777778vh; height: 56.25vw; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); border: none; display: block; pointer-events: none; } 
.hero_sidebar_area { width: 25%; background: url('../images/inc/poster_bg.png') no-repeat center center; background-size: cover; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; border-left: 0.0625rem solid rgba(255, 255, 255, 0.1); box-sizing: border-box; flex-shrink: 0; overflow: hidden; } 
/* 원본 .hero_media_area { position: relative; width: 75%; height: 100%; overflow: hidden; background: #111111; flex-shrink: 0; } 
.hero_video { width: 100%; height: 100%; border: none; object-fit: cover; display: block; } 
.hero_sidebar_area { width: 25%; background: url('../images/inc/poster_bg.png') no-repeat center center; background-size: cover; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; border-left: 0.0625rem solid rgba(255, 255, 255, 0.1); box-sizing: border-box; flex-shrink: 0; overflow: hidden; } */
.sidebar_content_wrap { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: start; padding: 3rem; box-sizing: border-box; position: relative; z-index: 2; } 
.poster_part1_wrap { width: 50%; max-width: 200px; margin-top: 1rem; } 
.poster_part1_wrap img { width: 100%; height: auto; display: block; } 
.poster_title_wrap { width: 100%; max-width: 320px; display: flex; flex-direction: column; gap: 0.75rem; margin: 5rem 0; } 
.poster_title_wrap img { width: 100%; height: auto; display: block; } 
.sidebar_btn_group { width: 100%; margin-bottom: 2rem; } 
.hero_link_btn { margin:0 auto; background-color: rgba(0, 0, 0, 0.4); display: flex; align-items: center; justify-content: center; width: 100%; padding: 1rem 1.5rem; border: 0.0625rem solid #ffffff; border-radius: 0.375rem; color: #ffffff; font-size: 1rem; font-weight: 700; text-decoration: none; transition: all 0.3s ease; box-sizing: border-box; backdrop-filter: blur(4px); } 
.hero_link_btn:hover { background: #ffffff; color: #000000; } 
.poster_part2_wrap { width: 100%; margin-bottom: 1rem; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 1rem; } 
.poster_part2_wrap img { width: 30%; height: auto; display: block; } 

.sidebar_logo_wrap { text-align: center; margin-bottom: 2.5rem; } 
.sidebar_logo { font-size: 2.25rem; font-weight: 800; color: #ffffff; letter-spacing: 0.05em; margin-bottom: 0.5rem; } 
.sidebar_logo_sub { font-size: 1rem; color: #aaaaaa; font-weight: 500; letter-spacing: 0.1em; } 
.hero_bottom_bar { width: 100%; background: var(--siteC2); padding: 1.75rem 2rem; text-align: center; } 
.hero_bottom_title { font-size: 1.5rem; font-weight: 800; color: #ffffff; margin: 0; letter-spacing: -0.02em; box-sizing: border-box; } 

.main_con { width: 100%; box-sizing: border-box; background: var(--siteC); color: #fff; } 
.main_con_header { width: 100%; border-top: 20px solid var(--siteC2); padding: 2.5rem 0; box-sizing: border-box; } 
.main_con_title { font-size: 2rem; font-weight: 800; color: #fff; margin-bottom: 0.75rem; letter-spacing: -0.02em; text-align: center; } 
.main_con_schedule { display: flex; gap: 1.5rem; flex-wrap: wrap; justify-content: center; align-items: center; } 
.main_con_schedule .t3 { font-size: 1rem; color: rgba(255, 255, 255, 0.9); display: flex; align-items: center; gap: 0.35rem; } 
.main_con_schedule .t3 i { color: #fff; } 
.main_con_body { width: 100%; padding: 2rem; box-sizing: border-box; } 
.visual_intro_tw { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 1rem; box-sizing: border-box; } 
.intro_sec_tit { font-size: 2rem; font-weight: 800; color: #fff; margin-bottom: 1.5rem; } 
.intro_info_bar { display: flex; gap: 2rem; flex-wrap: wrap; margin-bottom: 2rem; padding: 1.25rem 1.5rem; background: rgba(255, 255, 255, 0.05); border-left: 0.25rem solid var(--siteC2); border-radius: 0.375rem; } 
.intro_info_bar p { font-size: 1rem; color: #fff; display: flex; align-items: center; gap: 0.5rem; font-weight: 500; margin: 0; } 
.intro_info_bar p i { color: var(--siteC2); font-size: 1.125rem; } 
.visual_desc_box { background: transparent; padding: 0; border: none; } 
.visual_desc_box .main_catch { font-size: 1.4rem; font-weight: 700; color: var(--siteC2); margin-bottom: 1.25rem; } 
.visual_desc_box .sub_desc { font-size: 1.2rem; color: #cccccc; line-height: 1.8; word-break: keep-all; } 
.visual_desc_box .sub_desc br.mobile { display:none; } 
.main_con_body .img_wrap { padding: 2rem 0; /* background: rgba(255, 255, 255, 0.05); border-radius: 0.375rem; margin: 2rem 0; border: 0.625px solid rgba(255, 255, 255, 0.1); */ box-sizing: border-box; } 

.schedule_table_wrap { width: 100%; border-radius: 0.75rem; overflow: hidden; margin: 2rem 0; box-sizing: border-box; padding: 1.25rem; } 
.schedule_table_wrap .schedule_head { display: flex; gap: 1rem; margin-bottom: 1rem; } 
.schedule_table_wrap .tab_day { flex: 1; background: #0e3b43; color: #ffffff; font-weight: 700; font-size: 1.1rem; text-align: center; padding: 1rem 0; border-radius: 2rem; border: 0.0625rem solid var(--siteC2, #26B5B1); } 
.schedule_table_wrap .tab_day:nth-child(2) { background: #052f42; border-color: #00A0E9 } 
.schedule_table_wrap .tab_day .date { font-weight: 400; opacity: 0.9; } 
.schedule_table_wrap .schedule_body { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0.75rem; justify-content: space-between; } 
.schedule_table_wrap .content_group { display: flex; gap: 0.75rem; width: 49%; border-bottom: 0.0625rem solid rgba(38, 181, 177, 0.5); } 
.schedule_table_wrap .content_group.always_group { width: 100%; } 
.schedule_table_wrap .prog_item { flex: 1; color: #ffffff; font-weight: 600; font-size: 1rem; text-align: center; padding: 1.25rem 1rem; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } 
.schedule_table_wrap .always_group .prog_item { border: none; } 
.schedule_table_wrap .badge_always { display: inline-block; padding: 0.25rem 0.75rem; background: var(--siteC2, #26B5B1); color: #ffffff; font-weight: 700; font-size: 0.9rem; border-radius: 2rem; margin-right: 0.75rem; } 

@media (max-width: 768px){
 .schedule_table_wrap { padding: 0.75rem; } 
.schedule_table_wrap .schedule_head { display: none; } 
.schedule_table_wrap .schedule_body { display: flex; flex-direction: column; gap: 0; } 
.schedule_table_wrap .content_group { width: 100%; gap: 0.5rem; position: relative; padding-top: 2.75rem; } 
.schedule_table_wrap .content_group::before { position: absolute; top: 0; left: 0; width: 100%; padding: 0.75rem 0; background: #0e3b43; color: #ffffff; font-weight: 700; font-size: 0.95rem; text-align: center; border-radius: 999px; border: 0.0625rem solid var(--siteC2, #26B5B1); z-index: 1; } 
.schedule_table_wrap .content_group:nth-child(2)::before { background: #052f42; border-color: #00A0E9 } 
.schedule_table_wrap .content_group:first-child { border-bottom: none; } 

.schedule_table_wrap .day1_group::before { content: "Insight Day | 9. 16. 수"; } 
.schedule_table_wrap .day2_group::before { content: "Partnering Day | 9. 17. 목"; } 
.schedule_table_wrap .always_group { padding-top: 0; } 
.schedule_table_wrap .always_group::before { display: none; } 
.schedule_table_wrap .prog_item { width: 100%; padding: 1rem; } 
 }
@media (max-width: 500px){
 .schedule_table_wrap .prog_item { font-size: 0.8rem; padding : 1rem 0; } 
 }

/* zoom */
.m_zoom { position: relative; overflow: hidden; } 
.m_zoom img { width: 100%; height: auto; display: block; transition: transform 0.3s ease; } 

.m_zoom.archive:hover { position: relative; } 
.m_zoom.archive:hover .hover_box { opacity: 1; } 
.m_zoom.archive .hover_box { pointer-events: none; position:absolute; top:0; left:0; width: 100%; height : 100%; background: rgba(1, 19, 81, 0.4); display:flex; align-items: center; justify-content: center; opacity:0; } 
.m_zoom.archive .hover_box .zoom_btn { transition: all 0.2s ease; width: 2.75rem; height: 2.75rem; background-color: var(--color-point2, #26B5B1); color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.125rem; box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.15); transition: all 0.2s ease; text-decoration: none; } 


#detailImgModal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); z-index: 999999; display: none; align-items: center; justify-content: center; box-sizing: border-box; overflow: hidden; touch-action: none; } 
.detail_modal_inner { position: relative; width: 92%; height: 90%; border-radius: 0.5rem; overflow: hidden; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } 
.detail_modal_inner img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; cursor: grab; transform-origin: center center; transition: transform 0.05s linear; user-select: none; -webkit-touch-callout: none; z-index: 88 } 
.detail_modal_inner img:active { cursor: grabbing; } 
.detail_modal_close { position: absolute; top: 1rem; right: 1rem; width: 2.5rem; height: 2.5rem; background: rgb(38, 181, 177,0.3); color: #ffffff; border: none; border-radius: 50%; font-size: 1.25rem; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s ease; z-index: 99; } 
.detail_modal_close:hover { background: rgba(255, 255, 255, 0.4); } 
body.modal_open { position: fixed; width: 100%; left: 0; overflow: hidden; } 



/*contents*/
#contents { min-height:100vh; box-sizing:border-box; } 
.dp1_member #contents { padding-top:7.813em; } 
#contents .sub_page_top { position: relative; } 
#contents .sub_page_top:before { position: absolute; top: 0; left:0; width: 100%; height: 100%; background: rgba(0,0,0, .15); content: ''; z-index: 1; } 
#contents .sub_page_top.bg_introduce { background-image:url(../images/sub/sub_visual_introduce.jpg); } 
#contents .sub_page_top.bg_business { background-image:url(../images/sub/sub_visual_business.jpg); } 
#contents .sub_page_top.bg_award { background-image:url(../images/sub/sub_visual_award.jpg); } 
#contents .sub_page_top.bg_community { background-image:url(../images/sub/sub_visual_community.jpg); } 
#contents .sub_page_top.bg_search { background-image:url(../images/sub/sub_visual_search.jpg); } 
#contents .sub_page_top.bg_registration { background-image:url(../images/sub/sub_visual_registration.jpg); } 
#contents .sub_page_top.bg_application { background-image:url(../images/sub/sub_visual_application.jpg); } 
#contents .sub_page_top.bg_board { background-image:url(../images/sub/sub_visual_board.jpg); } 
#contents .sub_page_top.bg_mypage { background-image:url(../images/sub/sub_visual_mypage.jpg); } 
#contents .sub_page_top.bg_policy { background-image:url(../images/sub/sub_visual_policy.jpg); } 
#contents .sub_page_top.bg_archive { background-image:url(../images/sub/sub_visual_archive.jpg); } 
#contents .sub_page_top.bg_program { background-image:url(../images/sub/sub_visual_program.jpg); } 

#contents .sub_page_top .sub_tit_wrap { position:relative; height:23em; text-align:center; color:#fff; margin-top: var(--headH); z-index: 2; } 
#contents .sub_page_top .sub_tit_wrap .sub_tit { display:block; } 
#contents .sub_page_top .sub_tit_wrap .sub_tit .tt { font-size: var(--font-size-xxxl); font-weight:700; } 
#contents .sub_page_top .sub_tit_wrap .sub_txt { margin-top: 1em; } 
#contents .sub_page_top .sub_tit_wrap .sub_txt .tt { font-size: var(--font-size-base); font-weight:400; opacity:.715; } 
#contents .sub_page_top .sub_tit_wrap > .box1 { position: relative; top: -1.5em; } 

#contents .sub_page_menu { position: absolute; left: 0; bottom: 0; width: 100%; overflow:hidden; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(20px); z-index: 99; } 
#contents .sub_page_menu .gnb > li,
#contents .sub_page_menu .gnb > li .dp1,
#contents .sub_page_menu .gnb > li .dp3 { display:none; } 
#contents .sub_page_menu .gnb,
#contents .sub_page_menu .gnb > li.on { display:block; } 
#contents .sub_page_menu .gnb > li .dp2 { flex-wrap:wrap; padding-right:1px; } 
#contents .sub_page_menu .gnb > li .dp2 > li { flex:1; max-width:50% } 
#contents .sub_page_menu .gnb > li.m_mypage .dp2 > li { flex:1 1 25%; max-width:25%; } 
#contents .sub_page_menu .gnb > li.m_business .dp2 > li { flex:1 1 25%; max-width:25%; } 
#contents .sub_page_menu .gnb > li .dp2 > li > a { height:4em; padding:0 .25em; border:solid rgba(255,255,255,.05); border-width:0 1px 1px 1px; margin:0 -1px -1px 0; color:#fff; transition:.2s; } 
#contents .sub_page_menu .gnb > li .dp2 > li > a .tt { font-size:1.063em; font-weight:600; } 
#contents .sub_page_menu .gnb > li .dp2 > li:last-of-type > a { border-right: none; } 
#contents .sub_page_menu .gnb > li .dp2 > li:hover > a,
#contents .sub_page_menu .gnb > li .dp2 > li.on > a { background: #fff; color: var(--color-point); } 

#contents .sub_con_tit { padding:3em 0 2.25em 0; background:#f3f6f8; } 
#contents .sub_con_tit .con_tit { flex:1; position:relative; padding-left:.75em; } 
#contents .sub_con_tit .con_tit:before { content:""; display:block; position:absolute; top:0; left:0; width:1.375em; height:.5em; background:#323d8f; border-radius:6em; transform:rotate(-45deg) translate(-.375em, -.5em); } 
#contents .sub_con_tit .con_tit .tt { font-size:2.000em; color:#111; font-weight:600; } 
#contents .sub_con_tit .con_nav { padding:0 0 .5em 0; } 
#contents .sub_con_tit .con_nav > li { position:relative; padding:0 .5em 0 1em; color:#333; } 
#contents .sub_con_tit .con_nav > li:before { content:"\e93e"; font-family:xeicon; position:absolute; left:0; top:50%; transform:translateY(-50%); font-size:.750em; color:#aaa; } 
#contents .sub_con_tit .con_nav > li:first-child:before { display:none; } 
#contents .sub_con_tit .con_nav > li:first-child { padding:0 .25em 0 0; } 
#contents .sub_con_tit .con_nav > li:last-child { padding-right:0; } 
#contents .sub_con_tit .con_nav > li:last-child .tt { font-weight:700; } 
#contents .sub_con_tit .con_nav > li > * { display:block; } 
#contents .sub_con_tit .con_nav > li .home { margin-top:-.125em; } 
#contents .sub_con_tit .con_nav > li .home .xi { font-size:1em; color:#323d8f; } 
#contents .sub_con_tit .con_nav > li .home .xi:before { font-size:.938em; } 
#contents .sub_con_tit .con_nav > li .tt { font-size:.938em; } 

#contents .sub_con_tit.center { padding:2.5em 0 2em 0; } 
#contents .sub_con_tit.center .con_tit { margin-left:-.375em; } 
#contents .sub_con_tit.center > .inner { flex-direction:column; justify-content:center; } 
#contents .sub_con_tit.center .con_tit { flex:0 0 auto; } 
#contents .sub_con_tit.center .con_nav { padding:1em 0 0 0; } 

#contents .sub_con_menu { padding:1.875em 0 3.5em 0; } 
#contents .sub_con_menu .gnb > li,
#contents .sub_con_menu .gnb > li .dp1,
#contents .sub_con_menu .gnb > li .dp2 > li,
#contents .sub_con_menu .gnb > li .dp2 > li > a { display:none; } 
#contents .sub_con_menu .gnb,
#contents .sub_con_menu .gnb > li.on .dp2,
#contents .sub_con_menu .gnb > li.on,
#contents .sub_con_menu .gnb > li .dp2 > li.on { display:block; } 

#contents .sub_con_menu .gnb > li .dp3 { flex-wrap:wrap; margin:0 0 -.625em -.625em; } 
#contents .sub_con_menu .gnb > li .dp3 > li { flex:1 1 25%; max-width:25%; } 
#contents .sub_con_menu .gnb > li .dp3 > li > a { height:3.5em; margin:0 0 .625em .625em; padding:.5em .5em; background:#fff; border:1px solid #d4d5d8; border-radius:6px; color:#111; font-weight:600; transition:.2s; } 
#contents .sub_con_menu .gnb > li .dp3 > li:hover > a,
#contents .sub_con_menu .gnb > li .dp3 > li.on > a { border-color:#323d8f; box-shadow:0 3px .375em rgba(0,0,0,.1); color:#323d8f; } 
#contents .sub_con_menu .gnb > li .dp3 > li.on > a { font-weight:700; } 
#contents .sub_con_menu .gnb > li.m_mypage .dp2 > li.sm_print .dp3 > li,
#contents .sub_con_menu .gnb > li.m_mypage .dp2 > li.sm_eduList .dp3 > li { flex:1 1 33.33%; max-width:33.33%; } 
#contents .sub_con_menu .gnb > li.m_mypage .dp2 > li.sm_eduTime .dp3 > li > a { padding:.5em 1em; } 

#contents .sub_in_tit { } 

#contents .doc { margin-top: var(--headH); padding:3.5rem 0 8rem 0; } 
body:not(.main) #contents .doc { margin-top: calc(var(--headH) + 3rem); } 
#contents .sub_in_tit + .doc { padding-top:2.5rem; } 
#contents .doc.pb0 .page_con:last-child { padding-bottom:8rem; } 



.swiper_control { z-index: 10 } 
.swiper_control.pb { position:absolute; width:100%; left:0; bottom:.5em } 
.swiper_control.pm { position:absolute; width:100%; left:0; top:50% } 
.swiper_control .btn { display:inline-block; width:3em; line-height:3em; text-align:center; cursor:pointer; cursor: pointer; opacity:.5 } 
.swiper_control .btn:before { font-family:xeicon; font-size:1.5em } 
.swiper_control .btn.prev:before { content:"\e93d" } 
.swiper_control .btn.next:before { content:"\e940" } 
.swiper_control .btn.pause:before { content:"\ea3b" } 
.swiper_control .btn.play:before { content:"\ea3e" } 
.swiper_control .btn.play { display:none } 
.swiper_control .btn.st1 { border:1px solid #ddd; font-size:.875em } 
.swiper_control .btn.st2 { padding:1em } 
.swiper_control .btn.st2:hover { background:#0e2563; color:#fff } 
.swiper_control.white .btn.st1 { border-color:#fff } 
.swiper_control.pause .btn.play { display:block; opacity:1 } 
.swiper_control.pause .btn.pause { display:none } 
.swiper_control .btn:hover { opacity:1 } 
.swiper_control .total { font-size:.938em; padding:0 .5em } 
.swiper_control .total .this { font-weight:500 } 
.swiper_control .total .all { opacity:.5 } 
.swiper_control .total .all:before { content:"/"; margin:0 .25em } 
.swiper_control .paging { position:relative; margin-left: 1em; bottom:0 } 
.swiper_control .paging:first-child { margin-left:0 } 
.swiper_control .paging.swiper-pagination-progressbar { height:.125em; } 
.swiper_control .paging.swiper-pagination-progressbar > span { height:150%; top:auto; bottom:0 } 
.swiper_control .paging.st1 { display:flex; align-items:flex-end } 
.swiper_control .paging.st1 > span { position:relative; background:#aaa; opacity:1; height:2px; width:2em; margin:0; margin-top:2em; border-radius:0; position:relative; counter-increment: mainVIndex; transition:.3s } 
.swiper_control .paging.st1 > span:after { content:""; position:absolute; left:0; bottom:0; width:0; height:100%; background:#fff } 
.swiper_control .paging.st1 > span:before { content:"0" counter(mainVIndex); position:absolute; left:0; top:-2em; font-weight:600; font-size: .863em; opacity:.7 } 
.swiper_control .paging.st1 > span.swiper-pagination-bullet-active { width:6em } 
.swiper_control .paging.st1 > span.swiper-pagination-bullet-active:before { opacity:1 } 
.swiper_control .paging.st1 > span.swiper-pagination-bullet-active:after { width:100%; transition:5s; transition-delay:.5s; transition-timing-function:ease-out } 
.swiper_control.white { color:#fff } 
.swiper_control.white .paging > span { background:none } 

.visualSlider { height:calc(var(--vh, 1dvh) * 85); } 

.visualSlider_wrap.vh50 .slogan_wrap { padding-top: 6vh; } 

.visualSlider .el { position:relative; overflow:hidden; height: 100%; background:#fff; } 
.visualSlider .el:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .1); content: ''; z-index: 1; } 
.visualSlider .el .bg { position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.03); transition:1s; } 
.visualSlider_wrap { position:relative; margin-top: var(--headH); } 
.visualSlider_wrap .viInner { padding: 0 5.5vw; box-sizing: border-box; } 
.visualSlider .el.swiper-slide-active .bg,
.visualSlider .el.swiper-slide-duplicate-active .bg { transform:scale(1); opacity:1; transition:3s; } 
/* .visualSlider .el.swiper-slide-active .bg::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); pointer-events: none; } */
.visualSlider_wrap .control_wrap { position: absolute; bottom: 8em; left: 50%; transform: translateX(-50%); z-index: 2; } 
.visualSlider_wrap .swiper_control { } 

.visualLink { bottom: 0; left: 0; display: flex; align-items: center; width: 100%; z-index: 9; color : #fff; } 
.visualLink > li { flex: 1; } 
.visualLink > li > a { display: flex; align-items: center; gap: 1.25em; height: 6.5em; justify-content: center; transition: .3s ease; } 
.visualLink > li > a > .tt { font-size: 1.415em; font-weight: 600; line-height: 1; transition: .3s ease; } 
.visualLink > li > a > .icon > .xi { font-size: 1.8em; line-height: 1; transition: .3s ease; } 

.visualLink > li > a:hover { } 
.visualLink > li > a:hover > .icon > .xi,
.visualLink > li > a:hover > .tt { color: var(--color-point); } 

.slogan_wrap { position:absolute; top: 8em; left: 0; z-index:2; width:100%; } 
.slogan_wrap .inner { box-sizing: border-box; } 
.slogan_wrap .inner .tw { color:#fff; } 
.slogan_wrap .inner .tw .t1 { font-weight:500; font-size:0.625em; letter-spacing: .5em; margin-bottom: 1.25em; } 
.slogan_wrap .inner .tw .line { width:40px; height:2px; background:#fff; margin:1.375em auto; } 
.slogan_wrap .inner .tw .t2 { font-size: 3em; font-weight: 600; line-height: 1.1; } 
.slogan_wrap .inner .tw .t2 > i { color: var(--color-point2); } 
.slogan_wrap .inner .tw .t3 { font-size:1.215em; font-weight: 500; line-height: 1.6; } 
.slogan_wrap .inner .tw .t4 { font-size:1.8125em; font-weight:600; } 
.slogan_wrap .inner .tw .schedule { display:flex; flex-direction: row; gap:1em; } 
.slogan_wrap .inner .tw .schedule > p { display:flex; flex-direction: row; gap:.5em; align-items:center; } 

.visualSlider_wrap .control_wrap { box-sizing: border-box; } 
.visualSlider_wrap .swiper_control .btn { width: 2.6em; height: 2.6em; line-height: 2.6em; } 
.visualSlider_wrap .swiper_control .btn:before { font-size: 1.2em; } 
/* .visualSlider_wrap .swiper_control .flex { justify-content:end } */

.mainquickMenu_wrap { margin-top:60px; } 
.mainquickMenu_wrap .list { margin:0 0 0 -10px; } 
.mainquickMenu_wrap .list > li { flex:1 1 20%; max-width:20%; } 
.mainquickMenu_wrap .list > li .in { margin:0 0 0 10px; background:#fff; padding:1.5em 3em 1.5em 1.5em; border-radius:.5em; display:block; position:relative; min-height:9.5em; } 
.mainquickMenu_wrap .list > li .in .icon { position:absolute; right:1em; top:1em; content:""; } 
.mainquickMenu_wrap .list > li .in .icon .xi { font-size:1.5em; } 
.mainquickMenu_wrap .list > li .in .t1 { font-weight:700; font-size:1.188em; min-height:2.5em; } 
.mainquickMenu_wrap .list > li .in .t2 { color:#666; font-weight:400; font-size:.875em; padding-top:1.25em; } 
.mainquickMenu_wrap .list > li .in .icon2 { position:absolute; content:""; right:1em; bottom:1em; } 
.mainquickMenu_wrap .list > li .in .icon2 > img { width:3.125em } 
.mainquickMenu_wrap .list > li:hover .in .t1 { color:#323d8f; transition:.3s; } 
.mainquickMenu_wrap .list > li:hover .in .icon2 > img { transform:rotateY(180deg); transition:.3s; } 

.mainScroll { position:absolute; left:50%; bottom:1em; z-index:100; animation-name: downAni; animation-duration: 3s; animation-iteration-count: infinite; color:#fff; transform:translateX(-50%) } 
.mainScroll .xi { font-size:3.5em } 
.mainScroll .box0 { position:relative } 

/*main_btn*/
.main_more { display: inline-block; cursor: pointer; } 
.main_more.pd1 { padding-top:2.5em; } 
.main_more.pd2 { padding-top:4em; } 
.main_more > .more { text-align:center; display: flex; align-items: center; justify-content: center; padding: 0 1em; height: 3em; background:var(--siteC); border:1px solid var(--siteC); border-radius:.4em; font-weight: 600; color:#fff; transition: .2s; } 
.main_more > .more.f-s { font-size: .8em; } 
.main_more > .more > .tt { font-size: var(--font-size-xs); } 
.main_more > .more > .tt ~ .xi { margin-left:.5em; } 
.main_more > .more > .xi { font-size: var(--font-size-sm); transform: rotate(-45deg); position: relative; } 
.main_more.down > .more > .xi { transform: rotate(0); } 

.main_more.white > .more { background: none; border: 1px solid #ddd; color: var(--crBlack); } 
.main_more.white:hover > .more { background: var(--siteC); border: 1px solid var(--siteC); color: #fff; } 
.main_more.bgin > .more { background: none; color: #fff; border: 1px solid #fff; font-weight: 600; } 
.main_more.bgin > .more:hover { background: var(--siteC); border: 1px solid var(--siteC); color: #fff; } 

.main_more.bgC > .more { background: var(--siteC); border: 1px solid var(--siteC); color: #fff; } 
.main_more.bg2 > .more { background: var(--siteC2); } 

.guideBoxT { background: rgb(245, 246, 250); border: 1px solid #ebebeb; padding: 2.5em 4em; border-radius: var(--radius-md); } 
.guideBoxT > .tit { text-align: center; font-size: var(--font-size-lg-1); font-weight: 700; } 
.guideBoxT > .tit > i { color: var(--siteC); } 
.guideBoxT > .infoIcon { text-align: center; margin-bottom: .5em; } 
.guideBoxT > .infoIcon > .xi { font-size: var(--font-size-xl); color: var(--siteC2); } 
.guideBoxT > .line { width: 3vw; height: 2px; background: var(--siteC); margin: 1.5em auto; } 

.chekList { } 
.chekList > li { margin-bottom: 1em; } 
.chekList > li:last-of-type { margin-bottom: 0; } 
.chekList > li > .con { display: flex; gap: .5em; align-items: start; } 
.chekList > li > .con > .tt { font-size: var(--font-size-base); line-height: 1.4; font-weight: 400; } 
.chekList > li > .con > .tt > .rd { color: #db0000; font-weight: 500; } 
.chekList > li > .con > .xi { position:relative; top: 0px; color: var(--siteC); } 

#inquiryForm .formTit { margin-bottom: 1em; } 
#inquiryForm .formTit > .tt { font-size: var(--font-size-lg-2); font-weight: 700; } 
.formWrap { } 
.formWrap .form { display: flex; flex-wrap: wrap; gap:.5em; } 
.formWrap .form > li { position: relative; } 
.formWrap .form > li:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; content: ''; background: #fff; border-radius: 0.25rem; } 
.formWrap .form > li:not(.w100) { width:calc(50% - .25em); } 
.formWrap .form > li .inp_wrap { position:relative; } 
.formWrap .form > li .inp_wrap .tit,
.formWrap .form > li .inp_wrap .input_st:not(textarea) { height:4em; } 
.formWrap .form > li .inp_wrap .input_st[type=file] { padding-top: 1em; } 
.formWrap .form > li .inp_wrap .input_st::placeholder { color: #999; font-size: var(--font-size-sm); } 
.formWrap .form > li .inp_wrap .tit { position:absolute; display: flex; align-items: center; top:0; left:0; padding-left:1em; } 
.formWrap .form > li .inp_wrap .tit .tt { font-size: var(--font-size-sm); font-weight:600; } 
.formWrap .form > li .inp_wrap .input_st:not(textarea) { width:100%; padding-left:9em; } 
.formWrap .form > li .inp_wrap textarea.input_st { padding-top:4em; padding-left:1.5em; height:12em; } 
.formWrap .form > li .inp_wrap .input_st { display: flex; align-items: center; border:none; background: #f9f9f9; border: 1px solid #ddd; border-radius: .15em; outline: 2px solid transparent; transition: all .4s ease-in-out; } 
.formWrap .form > li .inp_wrap .input_st:focus { outline: 2px solid var(--siteC); } 
.formWrap .form > li .inp_wrap input:-webkit-autofill { box-shadow: 0 0 0 1000px rgba(255,255,255, .5) inset !important; background-color: transparent !important; } 

.formWrap .form > li .inp_wrap .div_field { display: flex; gap: .5em; flex-wrap: wrap; align-items: center; width: 100%; } 
.formWrap .form > li .inp_wrap .div_field .divC { display: flex; gap: .5em; width: 100%; } 
.formWrap .form > li .inp_wrap .div_field .input_st { flex: 1; } 
.formWrap .form > li .inp_wrap .div_field .input_st.find { padding: 0 1em; border-radius: .15em; } 
.formWrap .form > li .inp_wrap .div_field .input_st.find_input { } 
.formWrap .form > li .inp_wrap .div_field .input_st.inp { padding: 0 1em; } 
.formWrap .form > li .inp_wrap .div_field .find { background: var(--siteC); border: 1px solid var(--siteC); color: #fff; width: fit-content; } 
.formWrap .form > li .inp_wrap .div_field .hypen { text-align:center; font-weight: 600; font-size: var(--font-size-base); } 
.formWrap .form > li .inp_wrap .address_field .input_st { flex: unset; } 
.formWrap .form > li .inp_wrap .email_field .select-wrapper { width: 12rem; } 


/**/
.quickMenu_Wrap { display: grid; grid-template-columns: 2fr 3fr; gap: 2rem; } 
.quickMenu_Wrap .quickLeft { } 
.quickMenu_Wrap .quickLeft .quickBg { position: relative; height: 100%; padding: 2em; box-sizing: border-box; border-radius: var(--radius-md); overflow: hidden; } 
.quickMenu_Wrap .quickLeft .quickBg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .0515); content: ''; } 
.quickMenu_Wrap .quickLeft .quickBg > .inner { position:relative; z-index: 2; } 
.quickMenu_Wrap .quickLeft .quickBg > .inner > .tit { font-size: var(--font-size-lg-2); font-weight: 700; color: #fff; } 
.quickMenu_Wrap .quickLeft .quickBg > .inner > .tit > .num { } 
.quickMenu_Wrap .quickLeft .quickBg > .inner > .Dday { font-size: var(--font-size-xl); font-weight: 700; margin-top: .15em; color: #fff; } 
.quickMenu_Wrap .quickRight { display: grid; grid-template-rows: 1fr 2fr; gap: 2em; } 
.quickMenu_Wrap .quickRight .shWrap { } 
.quickMenu_Wrap .quickRight .shWrap .shForm { display: flex; gap: 1em; } 
.quickMenu_Wrap .quickRight .shTit { position: relative; top: .75em; text-align: center; font-size: var(--font-size-md); font-weight: 500; color: var(--siteC); } 
.quickMenu_Wrap .quickRight #mainSerchForm { position: relative; flex: 1; } 
.quickMenu_Wrap .quickRight #mainSerchForm .inp { height: 3.85em; box-sizing: border-box; background: #fff; box-shadow: 0 1em 1em rgba(0, 0, 0, .1); border: 3px solid var(--siteC); width: 100%; padding: 0 4em 0 1.5em; color: #7f7f7f; font-weight: 700; border-radius: .5em; overflow: hidden; } 
.quickMenu_Wrap .quickRight #mainSerchForm .btn { position: absolute; right: 0; top: 0; height: 3.85em; border-radius: 0 .5em .5em 0; width: 3.85em; background: var(--siteC); border: none; display: flex; align-items: center; justify-content: center; color: #fff; } 
.quickMenu_Wrap .quickRight #mainSerchForm .tag_wrap { position: relative; margin-top: 1em; } 
.quickMenu_Wrap .quickRight #mainSerchForm .tag_wrap .tag_list { display: flex; gap: .85em; } 
.quickMenu_Wrap .quickRight #mainSerchForm .tag_wrap .tag_list > li { color: var(--color-text-gray); line-height: 1; font-weight: 400; } 

.quickMenu_Wrap .quickRight .rightItem .quickList { display: flex; height: 100%; flex-wrap: wrap; border-radius: var(--radius-md); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li { display: flex; width: 33.33%; } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li > .inner { position:relative; flex: 1; padding: 1.5em; display: flex; align-items: center; gap: 1em; box-sizing: border-box; transition: .3s ease; } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li > .inner:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 50%; background: #ebebeb; content: ''; } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li:nth-child(1) > .inner,
.quickMenu_Wrap .quickRight .rightItem .quickList > li:nth-child(2) > .inner,
.quickMenu_Wrap .quickRight .rightItem .quickList > li:nth-child(3) > .inner { border-bottom: 1px solid #ebebeb; } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li:nth-child(3n) > .inner:after { display: none; } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li > .inner > .icon { width: 4em; text-align: center; } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li > .inner > .icon > img { width: 100%; height: 100%; object-fit: contain; } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li > .inner > .txt { font-size: var(--font-size-base); font-weight: 500; line-height: 1; } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li > .inner:hover { background: var(--color-back-1); } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li > .inner:hover > .txt { text-decoration: underline; color: var(--siteC); } 

.main_tit { margin-bottom: 1.25em; } 
.main_tit.fx { display: flex; gap: 1em; align-items: center; } 
.main_tit .t1 { font-size: var(--font-size-lg-2); font-weight: 700; line-height: 1; } 
.main_tit .t4 { font-size: var(--font-size-sm); color: var(--color-text-gray); } 


/*page tit*/
.page_tit { margin-bottom: var(--space-4); } 
.page_tit.line { margin-bottom: var(--space-2); padding-bottom: var(--space-2); border-bottom: 1px solid #ddd; } 
.page_tit.white { color: #fff; } 
.page_tit > .t1 { position:relative; font-size: var(--font-size-xl); font-weight: 500; } 
.page_tit > .t1.dot { display: inline-block; line-height: 1; } 
.page_tit > .t1.dot:before { position: absolute; right: -.5em; bottom: .1em; width: 10px; height: 10px; background: var(--color-point2); content: ''; } 
.page_tit > .t2 { font-size: var(--font-size-xl-1); font-weight: 700; } 
.page_tit > .t3 { font-size: var(--font-size-lg); font-weight: 700; } 

.mainTop { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-4); } 
.mainTop.line { padding-bottom: var(--space-2); margin-bottom: var(--space-4); border-bottom: 1px solid var(--color-black); } 


/*desc*/
.descWrap .tt { font-size: var(--font-size-base); line-height: var(--line-height-normal); margin-bottom: .25rem; color: var(--color-black-5); } 
.descWrap.mb2 .tt { margin-bottom: 1.5rem; } 

/**/
.statusList { display: flex; gap: .5em; } 
.statusList > li { } 
.statusList > li > .con { min-width: 60px; height: 24px; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box; } 
.statusList > li > .con > .tt { font-size: 14px; font-weight: 500; } 
.statusList > li > .con.ty1 { background: var(--color-point); color: #fff; } 
.statusList > li > .con.ty2 { background: #b2b1b7; color: #fff; } 
.statusList > li > .con.ty3 { background: #fff; border: 1px solid var(--color-point); color: var(--color-point); } 

/**/
.squareLink { display: flex; align-items: center; justify-content: center; width: 2.5em; height: 2.5em; background: var(--color-black); color: #fff; transition: .2s ease; } 
.squareLink:hover { background: var(--color-point2); box-shadow: 0 10px 20px rgba(0,0,0, .1); } 


/*main notice*/
#sec_notice { padding-top: 0; } 
#sec_notice .noticeWrapper { display: flex; gap: 2em; } 
#sec_notice .noticeWrapper .noticeItem { } 
#sec_notice .noticeWrapper .noticeItem.w1 { width: 65%; } 
#sec_notice .noticeWrapper .noticeItem.w2 { width: 35%; } 
#sec_notice .noticeWrapper .noticeItem .noticeBtn { border: 1px solid #e1e1e1; border-radius: .35em; overflow: hidden; } 
#sec_notice .noticeWrapper .noticeItem .noticeBtn > li { display: flex; background: #fff; align-items: center; cursor: pointer; justify-content: center; height: 3em; flex: 1; border-right: 1px solid #e1e1e1; transition: .3s ease; } 
#sec_notice .noticeWrapper .noticeItem .noticeBtn > li:last-of-type { border-right: none; max-width: 3em; } 
#sec_notice .noticeWrapper .noticeItem .noticeBtn > li > .tit { font-size: var(--font-size-sm); font-weight: 600; } 
#sec_notice .noticeWrapper .noticeItem .noticeBtn > li.on { background: var(--siteC); color: #fff; } 
#sec_notice .noticeWrapper .noticeItem .noticeList { display: flex; gap: 2em; flex-wrap: wrap; margin-top: 2.25em; } 
#sec_notice .noticeWrapper .noticeItem .noticeList > li { width: calc((100% - 2em) / 2); } 
#sec_notice .noticeWrapper .noticeItem .noticeList > li > .inner { } 
#sec_notice .noticeWrapper .noticeItem .noticeList > li > .inner > .tit { font-size: var(--font-size-md-1); font-weight: 600; line-height: 1.3; height: 2.5em; } 
#sec_notice .noticeWrapper .noticeItem .noticeList > li > .inner > .txt { font-size: var(--font-size-sm); line-height: 1.4; color: #333; margin-top: 1em; height:2.5em; } 
#sec_notice .noticeWrapper .noticeItem .noticeList > li > .inner > .infoD { display: flex; align-items: center; justify-content: space-between; font-size: var(--font-size-xs); color: var(--color-text-gray); font-weight: 400; margin-top: .5em; padding: 1em; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; margin-top: 2em; } 
#sec_notice .noticeWrapper .noticeItem .noticeList > li > .inner > .infoD .name_tag { } 
#sec_notice .noticeWrapper .noticeItem .noticeList > li > .inner > .infoD .dateC { display: flex; align-items: center; gap: .15em; } 
#sec_notice .noticeWrapper .noticeItem .noticeList > li > .inner:hover > .tit,
#sec_notice .noticeWrapper .noticeItem .noticeList > li > .inner:hover > .txt { text-decoration: underline; } 
#sec_notice .noticeWrapper .noticeItem .notiTop.fx { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25em; } 
#sec_notice .banner_wrap { position:relative; } 
#sec_notice .bannerSlide_wrap { position:relative; height: 100%; } 
#sec_notice .bannerSlide_wrap .bannerSlide { overflow:hidden; border-radius: var(--radius-md); } 
#sec_notice .bannerSlide_wrap .bannerSlide .banner_img { position:relative; height: 14.2vw; display: block; } 
#sec_notice .bannerSlide_wrap .bannerSlide .banner_img > img { width: 100%; height: 100%; object-fit: cover; } 
#sec_notice .cotrol_con { position:relative; top: .5rem; align-items: center; gap: .35rem; } 
#sec_notice .cotrol_con .swiperBtn { width: 1.5em; } 
#sec_notice .cotrol_con .swiperBtn:hover { background: transparent; color: var(--color-black); } 
#sec_notice .cotrol_con .paging { color: #ddd; font-weight: 700; font-size: var(--font-size-sm); margin-right: .5em; display: flex; gap: .35em; width: fit-content; } 
#sec_notice .cotrol_con .paging .swiper-pagination-current { color: var(--color-black); } 

/*main news*/
#sec_photo { background: rgb(245, 246, 250); } 
#sec_photo .newsWrapper { } 
#sec_photo .newsWrapper .newsList { } 
#sec_photo .newsWrapper .newsList > li { } 
#sec_photo .newsWrapper .newsList > li > .in { background: #fff; border-radius: var(--radius-md); overflow: hidden; } 
#sec_photo .newsWrapper .newsList > li > .in > .imgCon { width: 100%; height: 12.5vw; } 
#sec_photo .newsWrapper .newsList > li > .in > .imgCon > img { width: 100%; height:100%; object-fit: cover; } 
#sec_photo .newsWrapper .newsList > li > .in > .info { padding: 1.5em; box-sizing: border-box; } 
#sec_photo .newsWrapper .newsList > li > .in > .info > .tit { font-size: var(--font-size-md-1); font-weight: 600; } 
#sec_photo .newsWrapper .newsList > li > .in > .info > .txt { font-size: var(--font-size-sm); color: var(--color-text-gray); margin-top: 1em; line-height: 1.4; } 
#sec_photo .newsWrapper .newsList > li > .in > .info > .date { font-size: var(--font-size-sm); color: var(--color-text-gray); margin-top: 1em; } 

#sec_photo .newsWrapper .newsList > li > .in:hover > .info > .tit,
#sec_photo .newsWrapper .newsList > li > .in:hover > .info > .txt { text-decoration: underline; } 

.news_tag { display: flex; align-items: center; gap: .25rem; flex-wrap: wrap; margin-top: 1em; } 
.news_tag > li { display: flex; align-items: center; justify-content: center; border: 1px solid #ddd; height: 1.8rem; padding: 0 .5rem; border-radius: var(--radius-sm); box-sizing: border-box; background: #fbffff; } 
.news_tag > li > p { font-size: var(--font-size-xs); color: var(--siteC); font-weight: 500; } 

/*main link*/
#sec_smlink .linkContainer { display: flex; gap: 1em; } 
#sec_smlink .linkContainer > .linkItem { position: relative; width: 50%; border-radius: var(--radius-md); overflow: hidden; padding: 2.5rem; box-sizing: border-box; } 
#sec_smlink .linkContainer > .linkItem .titCon { position: relative; z-index: 2; } 
#sec_smlink .linkContainer > .linkItem .titCon .t1 { font-size: var(--font-size-lg); margin-bottom: .5em; font-weight: 700; color: #fff; } 
#sec_smlink .linkContainer > .linkItem .titCon .txt { font-size: var(--font-size-sm); font-weight: 600; color: #fff; line-height: 1.4; } 
#sec_smlink .linkContainer > .linkItem .titCon .smRound { margin-top: var(--space-3); } 
#sec_smlink .linkContainer > .linkItem .titCon:hover .smRound > .xi { transform: rotate(0); } 
#sec_smlink .linkContainer > .linkItem.b1 { background: var(--siteC); } 
#sec_smlink .linkContainer > .linkItem.b2 { } 
#sec_smlink .linkContainer > .linkItem.st1 { display: flex; align-items: center; justify-content: space-between; gap: var(--gap-xl); } 
#sec_smlink .linkContainer > .linkItem.st1 > .titCon { width: 50%; } 
#sec_smlink .linkContainer > .linkItem.st1 > .imgCon { width: 50%; text-align: center; } 
#sec_smlink .linkContainer > .linkItem.st1 > .imgCon > img { width: 100%; height: 8vw; object-fit: contain; } 
#sec_smlink .linkContainer > .linkItem.st1 > .bgImg { position: absolute; right: 0; bottom: 0; width: 80%; } 
#sec_smlink .linkContainer > .linkItem.st1 > .bgImg > img { width: 100%; height: 100%; object-fit: contain; filter: var(--crWhitefil); opacity: .0315; } 

#sec_smlink .linkContainer > .linkItem.st2:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .515); content: ''; } 
#sec_smlink .linkContainer > .linkItem.st2 .smRound { background: var(--siteC); } 

/*gallery*/
.board_gallery { display:flex; flex-wrap:wrap; gap:1em } 
.board_gallery > li { width: calc((100% - 3em) / 4); } 
.board_gallery > li .wrap_in { display:block; border-radius:.5em; overflow:hidden } 
.board_gallery > li .wrap_in .img_wrap { position:relative; display:block; border-radius:.5em; overflow:hidden } 
.board_gallery > li .wrap_in .img_wrap .ab { position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box } 
.board_gallery > li .wrap_in .con_wrap { display:block; padding-bottom: 2em; margin-top: 1.25em; display:flex; flex-direction:column; gap:.5em } 
.board_gallery > li .wrap_in .con_wrap .ten { text-transform: uppercase; font-size: var(--font-size-base); } 
.board_gallery > li .wrap_in .con_wrap .t1 { font-size: var(--font-size-base); font-weight:500 } 
.board_gallery > li .wrap_in .con_wrap .t2 { font-weight:500 } 
.board_gallery > li .wrap_in .con_wrap .date { font-weight: 500; font-size: var(--font-size-xs); color: #888; } 
.board_gallery > li .wrap_in:hover .con_wrap .t1 { text-decoration: underline; } 


/*media*/
.section_media { padding-bottom: 8.5em; } 
.section_media .mediaDiv { display:grid; grid-template-columns: 2.7fr 1.3fr; gap:4em; align-items:stretch; } 
.section_media .mediaDiv .mediaTab { display: flex; align-items: center; gap: 2.25em; flex-wrap: wrap; } 
.section_media .mediaDiv .mediaTab > li { } 
.section_media .mediaDiv .mediaTab > li > .tt { font-size: var(--font-size-md-1); font-weight: 400; color: var(--color-black-10); cursor: pointer; transition: .3s ease; } 
.section_media .mediaDiv .mediaTab > li.on > .tt { color: var(--color-black); } 
.section_media .mediaDiv .rightCon,
.section_media .mediaDiv .leftCon { display:flex; flex-direction:column; min-width:0; } 
.section_media .mediaDiv .leftCon .leftContainer { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:2em; align-items:stretch; height: 25.5em; } 
.section_media .mediaDiv .leftCon .leftContainer.noData { display: block; } 
.section_media .mediaDiv .rightCon .rightContainer { height: 25.5em; } 
.section_media .mediaDiv .leftCon .leftContainer .mediaFeatured > .cateDiv { position: absolute; left: 2em; top: 2em; z-index: 2; } 
.section_media .mediaDiv .leftCon .mediaFeatured { position:relative; display:block; height: 100%; overflow: hidden; } 
.section_media .mediaDiv .leftCon .mediaFeatured .thumb { height:100%; } 
.section_media .mediaDiv .leftCon .mediaFeatured .thumb img { width:100%; height:100%; object-fit:cover; transition:.45s; } 
.section_media .mediaDiv .leftCon .mediaFeatured::after { content:""; position:absolute; left:0; right:0; bottom:0; height:45%; background:linear-gradient(to top,rgba(0,0,0,.78), rgba(0,0,0,0)); } 
.section_media .mediaDiv .leftCon .mediaFeatured .info { position:absolute; left:2em; right:2em; bottom:2em; z-index:2; } 
.section_media .mediaDiv .leftCon .mediaFeatured .info .date { margin-top: 1em; color: #fff; font-size: var(--font-size-sm-1); } 
.section_media .mediaDiv .leftCon .mediaFeatured .tit { color:#fff; font-size:1.45em; line-height:1.45; font-weight:700; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } 
.section_media .mediaDiv .leftCon .mediaFeatured:hover img { transform:scale(1.05); } 
.section_media .mediaDiv .leftCon .mediaFeatured:hover .tit { text-decoration: underline; } 
.section_media .mediaDiv .mediaList { display:grid; grid-template-rows:repeat(3,1fr); gap:1.25em; height:100%; min-height:0; } 
.section_media .mediaDiv .mediaList li { padding-bottom: 1.25em; border-bottom: 1px solid var(--color-black); box-sizing: border-box; } 
.section_media .mediaDiv .mediaList li a { display:flex; gap:1.3em; align-items:center; height:100%; } 
.section_media .mediaDiv .mediaList .thumb { min-width: 10em; width: 10em; height: 6.8em; overflow: hidden; } 
.section_media .mediaDiv .mediaList .thumb img { display:block; width:100%; height:100%; object-fit:cover; transition:.35s; } 
.section_media .mediaDiv .mediaList .info { display:flex; flex-direction:column; justify-content:center; } 
.section_media .mediaDiv .mediaList .info .cateDiv { height: 1.6em; } 
.section_media .mediaDiv .mediaList .info .cateDiv > .tt { font-size: var(--font-size-xs); } 
.section_media .mediaDiv .mediaList .tit { font-size: var(--font-size-base); font-weight:600; line-height:1.45; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; } 
.section_media .mediaDiv .mediaList .desc { font-size: var(--font-size-sm); color: var(--color-black-6); line-height: 1.4; margin-top: .75em; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; } 
.section_media .mediaDiv .mediaList .date { font-size:.9em; color:#888; margin-top: .7em; } 
.section_media .mediaDiv .mediaList li:hover img { transform:scale(1.05); } 
.section_media .mediaDiv .mediaList li:hover .tit { color:var(--color-point); text-decoration: underline; } 
.section_media .mediaDiv .mediaList li:last-of-type { padding-bottom: 0; border-bottom: none; } 

.section_media .mediaDiv .mediaList.ty2 .tit { -webkit-line-clamp:1; } 

.cateDiv { height: 1.815em; display: inline-flex; width: fit-content; align-items: center; padding: 0 .25em; box-sizing: border-box; background: var(--color-point2); color: #fff; } 
.cateDiv > .tt { font-size: var(--font-size-xs); font-weight: 600; line-height: 1; } 

/*Registration*/
.section_registration .control { margin-top: var(--space-3); } 
.section_registration .control .progress-container { display: flex; align-items: center; gap: 3em; width: 100%; margin-right: var(--space-4); } 
.section_registration .control .progress-container .progress-bar { position: relative; bottom: 0; width: 100%; height: 1px; background: rgba(0, 0, 0, .15); } 
.section_registration .control .progress-container .swiper-pagination-progressbar-fill { background: var(--color-black); } 
.section_registration .registrationSlide { } 
.section_registration .registrationSlide .registrationSt { display: block; padding: 2em; box-sizing: border-box; background: #f7f7f7; cursor: pointer; border: 1px solid transparent; transition: .3s ease; } 
.section_registration .registrationSlide .registrationSt:hover { border: 1px solid var(--color-black); } 
.section_registration .registrationSlide .registrationSt .conW { } 
.section_registration .registrationSlide .registrationSt .conW .titW { margin-top: var(--space-3); } 
.section_registration .registrationSlide .registrationSt .conW .titW>.t1 { font-size: var(--font-size-base); font-weight: 600; } 
.section_registration .registrationSlide .registrationSt:hover .conW .titW>.t1 { text-decoration: underline; color: var(--color-point); } 
.section_registration .registrationSlide .registrationSt .conW .info { margin-top: var(--space-3); } 
.section_registration .registrationSlide .registrationSt .conW .info>li { margin-bottom: var(--space-1); } 
.section_registration .registrationSlide .registrationSt .conW .info>li:last-of-type { margin-bottom: 0; } 
.section_registration .registrationSlide .registrationSt .conW .info>li>.in { display: flex; gap: .6em; align-items: start; } 
.section_registration .registrationSlide .registrationSt .conW .info>li>.in>.icon { display: flex; align-items: center; justify-content: center; width: 1em; min-width: 1em; } 
.section_registration .registrationSlide .registrationSt .conW .info>li>.in>.icon>img { height: 18px; object-fit: contain; } 
.section_registration .registrationSlide .registrationSt .conW .info>li>.in>.tt { font-size: var(--font-size-sm-1); font-weight: 400; color: var(--color-black-10); } 

/*intro*/
.section_intro .introSlideWrap { position:relative; height:calc(var(--vh, 1dvh) * 40); } 
.section_intro .introSlideWrap .introSlide_control { position: absolute; top: 0; right: 0; z-index: 9; } 
.section_intro .introSlideWrap .introSlide_control:before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1px; height: 13px; background: #ddd; content: ''; z-index: 9999; } 
.section_intro .introSlideWrap .introSlide_control .swiperBtn { position:relative; background: #fff; } 
.section_intro .introSlideWrap .introSlide_control .swiperBtn.prev { } 
.section_intro .introSlideWrap .introSlide_control .swiperBtn:hover { color: var(--color-point); } 
.section_intro .introSlideWrap .txtWrap { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; padding: 0 5vw; box-sizing: border-box; z-index: 2; } 
.section_intro .introSlideWrap .txtWrap > .tt { font-size: var(--font-size-lg-2); font-weight: 400; line-height: 1.5; color: #fff; text-align: center; } 
.section_intro .introSlideWrap .txtWrap > .tt > i { font-weight: 700; } 
.section_intro .introSlide { height: 100%; } 
.section_intro .introSlide .el { position:relative; overflow:hidden; height: 100%; background:#fff; } 
.section_intro .introSlide .el:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); content: ''; z-index: 1; } 
.section_intro .introSlide .el .bg { position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.03); transition:1s; } 
.section_intro .introSlide .el.swiper-slide-active .bg,
.section_intro .introSlide .el.swiper-slide-duplicate-active .bg { transform:scale(1); opacity:1; transition:3s; } 



/* sub */
.sub_sec { /* margin-bottom: 4rem; border-bottom:1px solid #ddd; padding-bottom: 4rem; */ } 
.sub_sec:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; } 
.sub_sec h2 { font-size: 1.875rem; font-weight: 800; margin-bottom: 1.5rem; color: var(--color-black-2); display: flex; align-items: center; gap: 0.5rem; } 
.sub_sec h2::before { content: ""; display: inline-block; width: 0.375rem; height: 1.5rem; background: var(--color-point2); border-radius: 0.125rem; } 
.sub_visual { box-sizing: border-box; position: relative; width: 100%; min-height: 18rem; background: linear-gradient(135deg, var(--color-point) 0%, #03217b 100%); border-radius: 1.25rem; overflow: hidden; display: flex; align-items: flex-end; padding: 3.5rem; margin-bottom: 4rem; box-shadow: 0 1.25rem 2.5rem rgba(1, 19, 81, 0.2); } 
.sub_visual::before { content: ""; position: absolute; top: -50%; right: -20%; width: 35rem; height: 35rem; background: radial-gradient(circle, rgba(38, 181, 177, 0.2) 0%, rgba(1, 19, 81, 0) 70%); border-radius: 50%; pointer-events: none; } 
.sub_visual::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.375rem; background: linear-gradient(90deg, var(--color-point2), transparent); } 
.sub_visual .visual_txt { position: relative; z-index: 2; width: 100%; } 
.sub_visual .visual_txt span { margin-right: 0.5rem; display: inline-block; font-size: 0.9375rem; font-weight: 700; color: var(--color-point2); background: rgba(38, 181, 177, 0.2); padding: 0.375rem 1rem; border-radius: 2rem; margin-bottom: 1rem; letter-spacing: 0.05em; border: 0.0625rem solid var(--color-point2); } 
.sub_visual .visual_txt h3 { font-size: 2.75rem; font-weight: 800; color: #ffffff; line-height: 1.25; letter-spacing: -0.02em; text-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2); margin-bottom: 0.75rem; } 
.sub_visual .visual_txt .tit { font-size: 1.1rem; font-weight: 600; color: #EEE; line-height: 1.5; letter-spacing: -0.02em; margin-top: 0.5em; } 
.sub_visual .visual_txt .txt { font-size: 1rem; font-weight: 400; color: #cecece; line-height: 1.6; letter-spacing: -0.02em; margin-top: 0.5em; } 

.day2 .sub_visual .visual_txt span { color: #00A0E9; background:#08415c; border: 0.0625rem solid #00A0E9; } 
.day2 .sub_visual::after { background: linear-gradient(90deg, #00A0E9, transparent); } 
.day2 .sub_sec h2::before { background: #00A0E9; } 
.day2 .partner_item:hover, .day2 .partner_item.active { background: rgba(0, 160, 233, 0.1); border-color: #00A0E9; } 


.text_wrap { background: #ffffff; border: 0.0625rem solid #e5e5e5; border-radius: 0.75rem; padding: 2.5rem; box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.02); } 
.text_wrap .tit { font-size: 1.25rem; font-weight: 700; color: var(--color-black-4); margin-bottom: 0.75rem; } 
.text_wrap .txt { font-size: 1rem; color: var(--color-black-7); line-height: 1.7; } 
.notice_wrap { margin-top: 1rem; padding: 1.25rem 1.5rem; background: var(--color-back-1); border-left: 0.25rem solid var(--color-point2); border-radius: 0.375rem; } 
.notice_wrap p { font-size: 0.9375rem; color: var(--color-black-5); font-weight: 500; } 
.step_wrap { display: flex; gap: 1.25rem; align-items: stretch; } 
.step_wrap .step_card { flex: 1; background: #ffffff; border: 0.0625rem solid #e0e0e0; border-radius: 1rem; padding: 2.5rem 1.5rem; text-align: center; box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.02); transition: all 0.3s ease; } 
.step_wrap .step_card:hover { border-color: var(--color-point); transform: translateY(-0.25rem); box-shadow: 0 0.75rem 1.5rem rgba(1, 19, 81, 0.08); } 
.step_wrap .step_card .step_num { display: inline-block; font-size: 0.875rem; font-weight: 700; color: var(--color-point); background: var(--color-back-1); padding: 0.25rem 0.875rem; border-radius: 2rem; margin-bottom: 1rem; } 
.step_wrap .step_card .tit { font-size: 1.125rem; font-weight: 700; color: var(--color-black-4); margin-bottom: 0.75rem; } 
.step_wrap .step_card .txt { font-size: 0.938rem; color: var(--color-black-8); line-height: 1.5; } 
.step_wrap .step_arrow { display: flex; align-items: center; justify-content: center; color: var(--color-black-10); font-size: 1.5rem; } 
.agree_wrap { border: 0.0625rem solid #cccccc; border-radius: 0.75rem; height: 12.5rem; overflow-y: auto; padding: 1.5rem; background: #ffffff; font-size: 0.9375rem; color: var(--color-black-6); line-height: 1.7; } 
.agree_wrap .policy_box { padding: 0; } 
.policy_box h3, .policy_box h4 { margin-top: 0.5rem } 
.time_img_wrap { width: 100%; margin-bottom: 4em; } 
.time_img_wrap img { width: 100%; } 

.app_table_wrap { width: 100%; border-collapse: collapse; border-top: 0.125rem solid var(--color-point); border-bottom: 0.0625rem solid #cccccc; } 
.app_table_wrap th { background: var(--color-back-1); color: var(--color-black-5); font-weight: 700; font-size: 0.9375rem; text-align: left; padding: 1rem; border-bottom: 0.0625rem solid #e0e0e0; width: 15rem; } 
.app_table_wrap th .note { font-size: 0.8rem; font-weight: 400; color: #aaa; margin-top: 0.5em; } 
.app_table_wrap td { padding: 0.8rem; border-bottom: 0.0625rem solid #e0e0e0; font-size: 0.9375rem; color: var(--color-black-7); } 
.app_table_wrap input[type="text"], .app_table_wrap input[type="tel"], .app_table_wrap input[type="email"], .app_table_wrap input[type="password"], .app_table_wrap select { width: 100%; padding: 0.75rem 1rem; border: 0.0625rem solid #cccccc; border-radius: 0.375rem; font-size: 0.9375rem; font-family: inherit; background: #ffffff; box-sizing: border-box; } 
.app_table_wrap input:focus, .app_table_wrap select:focus { outline: none; border-color: var(--color-point); box-shadow: 0 0 0 0.1875rem rgba(1, 19, 81, 0.08); } 
.app_table_wrap.th_ac th { text-align: center; } 
.app_table_wrap.th_ac th.al { text-align: left; } 
.app_table_wrap.th_ac .border-r { border-right: 0.0625rem solid #e0e0e0; } 
.app_table_wrap td .note { color: #555; margin-top: .5em; font-size: 0.9em; } 



.intro_box { display: flex; gap: 2rem; align-items: center; background: #ffffff; border: 0.0625rem solid #e5e5e5; border-radius: 0.75rem; padding: 2.5rem; margin-bottom: 2rem; } 
.intro_box .intro_img { width: 40%; border-radius: 0.5rem; overflow: hidden; background: var(--color-back-1); aspect-ratio: 16/10; display: flex; align-items: center; justify-content: center; color: var(--color-black-10); font-weight: 600; } 
.intro_box .intro_txt { width: 60%; line-height: 1.7; } 
.intro_box .intro_txt .tit { font-size:1.3em; font-weight: 600; color: var(--color-point); } 
.intro_box .intro_txt .txt { font-size: 1em; } 
.timetable_wrap { width: 100%; border-collapse: collapse; border-top: 0.125rem solid var(--color-point); border-bottom: 0.0625rem solid #cccccc; margin-bottom: 2rem; } 
.timetable_wrap th { background: var(--color-back-1); color: var(--color-black-5); font-weight: 700; font-size: 0.9375rem; text-align: center; padding: 1rem; border-bottom: 0.0625rem solid #e0e0e0; } 
.timetable_wrap td { padding: 1rem; border-bottom: 0.0625rem solid #e0e0e0; font-size: 0.9375rem; color: var(--color-black-7); text-align: center; } 
.timetable_wrap td.time { font-weight: 700; color: var(--color-point); width: 15rem; background:var(--color-back-1); } 
.timetable_wrap td.desc { text-align: left; } 
.timetable_wrap .cate { margin-right: 1rem; display: inline-block; padding: 0.35rem 0.85rem; background: rgba(38, 181, 177, 0.1); color: var(--siteC2, #26B5B1); font-weight: 700; font-size: 0.875rem; border-radius: 2rem; border: 0.0625rem solid rgba(38, 181, 177, 0.3); } 

.timetable_wrap.d1 { width: 100%; border-collapse: collapse; border-bottom: 0.0625rem solid #cccccc; margin-bottom: 2rem; } 
.timetable_wrap.d1 th { background: rgba(38, 181, 177, 0.12); color: var(--siteC2, #26B5B1); font-weight: 700; font-size: 0.9375rem; text-align: center; padding: 1rem; border-bottom: 0.0625rem solid rgba(38, 181, 177, 0.2); border-top: 0.125rem solid var(--siteC2, #26B5B1); } 
.timetable_wrap.d1 th:first-child { background: rgba(0, 0, 0, 0.05); color: #000; border-right: 1px solid rgba(38, 181, 177, 0.2); border-top: 0.125rem solid rgba(0,0,0, 0.8); } 
.timetable_wrap.d1 td { padding: 1rem; border-bottom: 0.0625rem solid rgba(38, 181, 177, 0.2); border-right: 1px solid rgba(38, 181, 177, 0.2); font-size: 0.9375rem; color: var(--color-black-7); } 
.timetable_wrap.d1 td:last-child { border-right: none; } 
.timetable_wrap.d1 td.time { font-weight: 700; color: var(--color-point); width: 15rem; background: #ffffff; text-align: center; border-right: 0.0625rem solid #e0e0e0; } 
.timetable_wrap.d1 td.desc { text-align: left; } 
.timetable_wrap.d1 .cate { margin-right: 1rem; display: inline-block; padding: 0.35rem 0.85rem; background: rgba(38, 181, 177, 0.1); color: var(--siteC2, #26B5B1); font-weight: 700; font-size: 0.875rem; border-radius: 2rem; border: 0.0625rem solid rgba(38, 181, 177, 0.3); vertical-align: middle; } 
.timetable_wrap.d1 .note { display: inline-block; font-weight: 700; color: var(--siteC2, #26B5B1); font-size: 1rem; vertical-align: middle; } 
.timetable_wrap.d1 .speaker { display: block; margin-top: 0.35rem; font-size: 0.875rem; color: var(--color-black-5); } 


.speaker_grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); gap: 1.5rem; } 
.speaker_card { background: #ffffff; border: 0.0625rem solid #e0e0e0; border-radius: 0.75rem; overflow: hidden; box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.02); transition: all 0.3s ease; } 
.speaker_card:hover { border-color: var(--color-point); transform: translateY(-0.25rem); box-shadow: 0 0.75rem 1.5rem rgba(1, 19, 81, 0.08); } 
.speaker_card .speaker_img { width: 100%; height: 16rem; background: var(--color-back-1); display: flex; align-items: center; justify-content: center; color: var(--color-black-10); font-weight: 600; overflow: hidden; } 
.speaker_card .speaker_img img { width: 100%; height: 100%; object-fit: contain; } 
.speaker_card .speaker_info { padding: 1.5rem; display:flex; flex-direction: column; } 
.speaker_card .speaker_info > * { width: fit-content; } 
.speaker_card .speaker_info .badge { display: inline-block; font-size: 0.75rem; font-weight: 700; color: var(--color-point); background: var(--color-back-1); padding: 0.125rem 0.625rem; border-radius: 2rem; margin-bottom: 0.5rem; } 
.speaker_card .speaker_info h4 { font-size: 1.125rem; font-weight: 700; color: var(--color-black-4); margin-bottom: 0.5rem; } 
.speaker_card .speaker_info p { font-size: 0.875rem; color: var(--color-black-7); line-height: 1.5; } 
.speaker_card .speaker_info .hlight { position: relative; z-index: 1; display: inline; padding: 0 0.25em; } 
.speaker_card .speaker_info .hlight::before { content: ""; position: absolute; bottom: 0.1em; left: 0; width: 100%; height: 0.5em; background-color: var(--siteC2); z-index: -1; opacity: 0.25; border-radius: 0.125rem; } 

.partner_card_wrap { border: 0.0625rem solid #e0e0e0; width: 100%; background: var(--color-back-1, #f8f9fa); padding: 2.5rem; box-sizing: border-box; margin-bottom: 2rem; border-radius: 0.5rem; } 
.partner_header { margin-bottom: 1.25rem; text-align: left; } 
.partner_time { font-weight: 700; color: var(--color-point); font-size: 1.2rem; } 
.partner_dot { margin: 0 0.35rem; color: var(--color-black-5); } 
.partner_location { font-weight: 500; color: var(--color-black-5); font-size: 1rem; } 
.partner_title { font-size: 1rem; /* font-weight: 700; */color: var(--color-black-7); margin-top: .5rem; margin-bottom: 0; } 
.partner_grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; } 
.partner_item { display:flex; flex-direction: column; gap : .5em; background: #ffffff; border: 0.0625rem solid #e0e0e0; border-radius: 0.375rem; padding: 2rem 1rem; text-align: center; font-size: 1.2rem; font-weight: 700; color: var(--color-point); display: flex; align-items: center; justify-content: center; min-height: 3.5rem; box-sizing: border-box; transition: all 0.2s ease; cursor: pointer; } 
.partner_item:hover, .partner_item.active { background: rgb(38, 181, 177,0.2); color: var(--color-point); border-color: var(--color-point2); } 
.partner_item .detail { font-size: 0.8em; color: #555; font-weight: 400 } 

.program_content_wrap {display:flex; flex-direction: column; }
.program_content_wrap .note { font-size: 0.875rem; color: #777; margin-top :1rem; padding-left: .5rem; } 

.partner_content_wrap { margin-top: 1.5rem; position: relative; width: 100%; } 
.partner_content_box { display: none; width: 100%; background: #ffffff; border: 0.0625rem solid #e0e0e0; border-radius: 0.5rem; padding: 1.5rem; box-sizing: border-box; animation: fadeIn 0.3s ease-in-out; } 
.partner_content_box.active { display: block; } 
.partner_content_wrap .txt { font-size: 1rem; margin-bottom: 1.5rem; } 
.partner_content_box .note { font-size: 0.875rem; color: #777; margin-top :1rem; padding-left: .5rem; } 
.investor_tables_wrap { width: 100%; display: flex; gap: 2rem; box-sizing: border-box; } 
.investor_tables_wrap.single_table_wrap { display: block; } 
.investor_table { flex: 1; border-collapse: collapse; border-top: 0.125rem solid #00A0E9; border-bottom: 0.0625rem solid #cccccc; background: transparent; } 
.investor_tables_wrap.day1 .investor_table { border-top: 0.125rem solid var(--color-point2); }
.investor_tables_wrap.day1 .badge { margin-left: 1em ; display: inline-block; font-size: 0.75rem; font-weight: 700; color: var(--color-point2); background: var(--color-back-1); padding: 0.125rem 0.625rem; border-radius: 2rem; margin-bottom: 0.5rem; } 

.investor_table.full_width_table { width: 100%; } 
.investor_table th { background: rgba(0, 160, 233, 0.1); color: #00A0E9; font-weight: 700; font-size: 1rem; text-align: center; padding: 1rem 0.5rem; border-bottom: 0.0625rem solid rgba(38, 181, 177, 0.2); } 
.investor_tables_wrap.day1 .investor_table th {background: rgba(56, 245, 239, 0.1) ; color: var(--color-point2)}
.investor_tables_wrap.day1 .border_r {border-right: 0.0625rem solid #e0e0e0;}
.investor_tables_wrap.day1 td a:hover {color:var(--color-point2); }
.investor_table td { padding: 0.5rem; border-bottom: 0.0625rem solid #e0e0e0; font-size: 1rem; color: var(--color-black-7); text-align: center; background: transparent; vertical-align: middle; } 
.investor_table td.logo_td a { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; } 
.investor_table td.logo_td img { max-height: 3rem; width: auto; max-width: 10rem; object-fit: contain; display: block; } 
.investor_table td.logo_td img.no_hi { max-height: 5rem; } 
.investor_table a { transition: all 0.2s ease; } 
.investor_table a:hover { transform: scale(1.1); } 
.sub_txt_top { display: block; font-size: 1rem; color: #666666; margin-bottom: 0.4rem; font-weight: 500; } 
.day2 .sub_txt_top { color:#00A0E9 } 
.font_bold { font-weight: 700; color: var(--color-black-7, #333333); } 
.investor_table td.text_left { text-align: left; padding: 1rem 1.25rem; line-height: 1.6; word-break: keep-all; } 
.investor_table td.text_left div { position: relative; padding-left: 0.85rem; margin-bottom: 0.35rem; } 
.investor_table td.text_left div:last-child { margin-bottom: 0; } 
.investor_table td.text_left.dot { position: relative; padding-left: 1.25rem; } 
.investor_table td.text_left.dot::before { content: "·"; position: absolute; left: 0.35rem; top: -0.05rem; font-weight: 700; color: var(--color-black-7, #333333); } 
.investor_table td.text_left div.dot::before { content: "·"; position: absolute; left: 0; top: 0; font-weight: 700; color: var(--color-black-7, #333333); } 
.investor_table td.text_left div.dash { position: relative; padding-left: 1rem; margin-left: 0.75rem; margin-bottom: 0.35rem; } 
.investor_table td.text_left div.dash::before { content: "-"; position: absolute; left: 0; top: 0; font-weight: 700; color: var(--color-black-7, #333333); } 
.img_placeholder { width: 100%; min-height: 150px; display: flex; align-items: center; justify-content: center; background: #f4f6fc; border-radius: 0.375rem; overflow: hidden; } 
.img_placeholder img { width: 100%; height: auto; object-fit: contain; display: block; } 
.c_point { color: var(--color-point2); font-weight: 700; } 
.day2 .c_point { color: #00A0E9!important; } 
.investor_table td.font_bold { color: #00A0E9 } 

@media (max-width: 768px){
 .investor_tables_wrap { flex-direction: column; gap: 1.5rem; } 
.investor_table { width: 100%; } 
.investor_table td.text_left { text-align: left; font-size: 0.875rem; padding: 0.85rem; } 
 }
@keyframes fadeIn { 
 from { opacity: 0; transform: translateY(5px); } 
 to { opacity: 1; transform: translateY(0); } 
 }

/* 행사개요 */
.overview_box { margin-bottom: 2.5rem; } 
.overview_flex { display: flex; justify-content: space-between; align-items: flex-start; gap: 2.5rem; flex-wrap: wrap; } 
.overview_info_list { flex: 1; min-width: 280px; display: flex; flex-direction: column; gap: 0.8rem; list-style: none; padding: 0; margin: 0; } 
.overview_info_list li { font-size: 0.95rem; color: var(--color-black-7, #333); line-height: 1.6; } 
.overview_info_list li strong { font-weight: 700; color: var(--color-black-2, #111); } 
.overview_poster_box { width: 260px; max-width: 100%; border-radius: 0.5rem; overflow: hidden; border: 0.0625rem solid #e0e0e0; flex-shrink: 0; box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.05); } 
.overview_poster_box img { width: 100%; height: auto; display: block; } 
.table_center { text-align: center; } 
.table_center th, .table_center td { text-align: center; } 
.overview_table { margin-top: 0.5rem; } 

.overview_box { position: relative; overflow: hidden; margin-bottom: 2.5rem; background: #ffffff; } 
.overview_box::before { content: ""; position: absolute; bottom: -20%; left: -10%; width: 350px; height: 350px; background: radial-gradient(circle, rgba(38, 181, 177, 0.14) 0%, rgba(0, 20, 32, 0) 70%); border-radius: 40% 60% 60% 40% / 50% 40% 60% 50%; pointer-events: none; animation: overviewMorphLeft1 8s ease-in-out infinite alternate; } 
.overview_box::after { content: ""; position: absolute; bottom: 0%; left: 15%; width: 280px; height: 280px; background: radial-gradient(circle, rgba(38, 181, 177, 0.1) 0%, rgba(0, 20, 32, 0) 70%); border-radius: 60% 40% 50% 50% / 40% 60% 50% 60%; pointer-events: none; animation: overviewMorphLeft2 10s ease-in-out infinite alternate; } 
@keyframes overviewMorphLeft1 { 
 0% { transform: translate(0, 0) rotate(0deg) scale(1); } 100% { transform: translate(30px, -20px) rotate(15deg) scale(1.2); } 
 }
@keyframes overviewMorphLeft2 { 
 0% { transform: translate(0, 0) rotate(0deg) scale(1); } 100% { transform: translate(-20px, -40px) rotate(-20deg) scale(1.25); } 
 }

@media (max-width: 768px){
 .overview_flex { flex-direction: column-reverse; align-items: center; } .overview_poster_box { width: 100%; max-width: 240px; margin: 0 auto 1.5rem auto; } .overview_info_list { width: 100%; } 
 }

/* 오시는길 */
.way_wrap { display: flex; flex-direction: column; gap: 2rem; } 
.way_wrap .way_map_box { width: 100%; background: var(--color-back-1); border: 0.0625rem solid #e0e0e0; border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; color: var(--color-black-6, #555555); font-size: 1rem; font-weight: 500; overflow: hidden; } 
.way_wrap .way_info_box { background: var(--color-back-1, #f9f9f9); border: 0.0625rem solid #e0e0e0; border-radius: 0.75rem; padding: 2.5rem; display: flex; flex-direction: column; gap: 1.5rem; box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.02); } 
.way_wrap .way_info_item { display: flex; gap: 1.5rem; align-items: flex-start; } 
.way_wrap .way_info_item .label { display: flex; align-items: center; gap: 0.5rem; width: 6.5rem; font-size: 1rem; font-weight: 700; color: var(--color-black-2, #111111); flex-shrink: 0; } 
.way_wrap .way_info_item .label i { color: var(--color-point, #011351); font-size: 1.125rem; } 
.way_wrap .way_info_item .content { font-size: 1rem; color: var(--color-black-7, #333333); line-height: 1.6; display: flex; flex-direction: row; align-items: center; gap: 0.5rem; flex-wrap: wrap; } 
.way_wrap .subway_badge { display: inline-block; background: #D4003B; color: #ffffff; font-size: 0.8125rem; font-weight: 700; padding: 0.125rem 0.5rem; border-radius: 0.25rem; vertical-align: middle; } 
@media (max-width: 768px){
 .way_info_item { flex-direction: column; gap: 0.5rem; } .way_info_item .label { width: 100%; } 
 }

/* 사전등록 신청 페이지 */

.guide_intro { background: var(--color-point); border-radius: 0.75rem; padding: 2.5rem; color: #ffffff; margin-bottom: 2rem; position: relative; overflow: hidden; } 
.guide_intro::before { content: ""; position: absolute; top: -50%; right: -20%; width: 35rem; height: 35rem; background-image: radial-gradient(rgb(38, 181, 177,0.5) 0.1875rem, transparent 0.1875rem), radial-gradient(rgba(255, 255, 255, 0.2) 0.1875rem, transparent 0.1875rem); background-size: 2.5rem 2.5rem; background-position: 0 0, 1.25rem 1.25rem; border-radius: 50%; animation: guideIntroMotion 60s linear infinite; pointer-events: none; z-index: 1; } 
.guide_intro::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(1, 19, 81, 0.8) 80%, rgba(1, 19, 81, 0) 90%); pointer-events: none; z-index: 2; } 
.guide_intro h3 { position: relative; z-index: 3; font-size: 1.5rem; font-weight: 700; color: var(--color-point2); margin-bottom: 1rem; } 
.guide_intro p { position: relative; z-index: 3; font-size: 1rem; line-height: 1.7; color: rgba(255, 255, 255, 0.9); margin-bottom: 0.5rem; } 
.guide_intro p.sub_txt { position: relative; z-index: 3; font-size: 0.875rem; color: rgba(255, 255, 255, 0.7); margin-top: 1rem; margin-bottom: 0; } 
@keyframes guideIntroMotion { 
 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(1.05); } 100% { transform: rotate(360deg) scale(1); } 
 }
.guide_content_wrap { display: flex; gap: 2.5rem; align-items: center; } 
.guide_info_table { flex: 1; display: flex; flex-direction: column; gap: 1.25rem; } 
.guide_info_row { display: flex; align-items: flex-start; } 
.guide_info_row .label { width: 5rem; font-size: 1rem; font-weight: 700; color: var(--color-black-4); } 
.guide_info_row .value { flex: 1; font-size: 1rem; color: var(--color-black-6); line-height: 1.5; } 
.highlight { font-weight: 700; position:relative; padding: 0 0.5em; } 
.highlight::after { content: ""; display: inline-block; width: 100%; height: .7rem; background: var(--color-point2); position:absolute; bottom:.2em; left:0; z-index:-1; opacity:0.3 } 
.guide_info_row .value .sub { display: block; font-size: 0.875rem; color: var(--color-black-8); margin-top: 0.25rem; } 
.guide_img_box { width: 45%; border-radius: 0.75rem; overflow: hidden; border: 0.0625rem solid #e0e0e0; background: var(--color-back-1); aspect-ratio: 16/9; display: flex; align-items: center; justify-content: center; color: var(--color-black-10); font-weight: 600; } 
.guide_img_box img { width: 100%; height: 100%; object-fit: cover; } 
.btn_area { text-align: center; margin-top: 2.5rem; margin-bottom: 1.5rem; } 
.btn_primary { display: inline-block; background: var(--color-point); color: #ffffff; font-size: 1.125rem; font-weight: 700; padding: 1rem 3rem; border-radius: 0.5rem; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 0.5rem 1.5rem rgba(1, 19, 81, 0.2); } 
.btn_primary:hover { background: var(--color-point2); transform: translateY(-0.125rem); box-shadow: 0 0.75rem 2rem rgba(1, 19, 81, 0.3); } 
.btn_primary.c2 { background: var(--color-point2); color:#fff } 
.btn_primary.c2:hover { background: #fff; color:var(--color-point2) } 

.deadline_notice { text-align: center; font-size: 1.125rem; font-weight: 700; color: var(--color-black-4); } 
.deadline_notice span { margin-left: 0.5rem; position:relative; padding:0 .5em; } 
.deadline_notice span::after { content: ""; display: inline-block; width: 100%; height: .7rem; background: var(--color-point2); position:absolute; bottom:.2em; left:0; z-index:-1; opacity:0.3 } 


/* step 네비게이션 바 */
.step_progress_wrap { background: #ffffff; padding: 2.5rem 3rem; } 
.step_progress_bar { display: flex; justify-content: center; position: relative; width: 100%; gap: 3em; } 
.step_progress_bar::before { content: ""; position: absolute; top: 1.125rem; left: 50%; width: 40em; height: 0.25rem; background: #e0e0e0; z-index: 1; transform: translateX(-50%); } 
.step_node { width:7em; position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; text-align: center; background: #ffffff; padding: 0 0.5rem; } 
.step_node .node_circle { width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #e0e0e0; color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 0.9375rem; font-weight: 700; transition: all 0.3s ease; margin-bottom: 0.75rem; } 
.step_node.done .node_circle { background: var(--color-point); font-size: 0; } 
.step_node.done .node_circle::after { content: "✓"; font-size: 1.125rem; font-weight: 800; color: #ffffff; } 
.step_node.on .node_circle { background: var(--color-point2); box-shadow: 0 0 0 0.375rem rgb(38, 181, 177,0.3); color:var(--color-point) } 
.step_node .node_txt .title { display: block; font-size: 0.938rem; font-weight: 700; color: var(--color-black-8); margin-bottom: 0.25rem; } 
.step_node.on .node_txt .title { color: var(--color-point); } 
.step_node.done .node_txt .title { color: var(--color-black-4); } 
.step_node .node_txt .desc { display: block; font-size: 0.75rem; color: var(--color-black-10); font-weight: 500; } 
/* step1 */
.reg_group { margin-bottom: 3.5rem; } 
.reg_group:last-child { margin-bottom: 0; } 
.reg_group_header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 1.25rem; border-bottom: 0.1rem solid var(--color-black-10); padding-bottom: 0.75rem; } 
.reg_group_header h3 { font-size: 1.5rem; font-weight: 700; color: var(--color-black-2); } 
.reg_badge { display: flex; align-items: center; gap: 0.375rem; font-size: 1rem; font-weight: 700; } 
.reg_badge.free { color: #d63384; } 
.reg_badge.paid { color: var(--color-point); } 
.step_card_inner { background: #ffffff; border: 0.0625rem solid #e0e0e0; border-radius: 1rem; overflow: hidden; box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.02); transition: all 0.3s ease; flex: 1; display: flex; flex-direction: column; } 
.step_card_inner:hover { border-color: var(--color-point); transform: translateY(-0.25rem); box-shadow: 0 0.75rem 1.5rem rgba(1, 19, 81, 0.08); } 
.step_card_inner .step_top_box { padding: 1.75rem 1.5rem; border-bottom: 0.0625rem dashed #e0e0e0; background: var(--color-back-1); } 
.step_card_inner .step_top_box .step_num { display: inline-block; font-size: 1rem; font-weight: 800; color: var(--color-point); margin-bottom: 0.5rem; } 
.step_card_inner .step_top_box .tit { font-size: 1.125rem; font-weight: 700; color: var(--color-black-2); } 
.step_card_inner .step_btm_box { padding: 1.5rem; flex: 1; display: flex; align-items: center; background: #ffffff; } 
.step_card_inner .step_btm_box .txt { font-size: 0.9375rem; color: var(--color-black-7); line-height: 1.5; } 
.reg_desc { margin-top: 1rem; font-size: 0.9375rem; color: var(--color-black-6); line-height: 1.6; padding-left: 0.25rem; } 


/* step2 */
.agree_section { margin-bottom: 1.5rem; border: 0.0625rem solid #e0e0e0; border-radius: 1rem; padding: 2.5rem; box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.02); } 
.agree_section:last-of-type { margin-bottom: 2rem; } 
.all_agree_box { background: var(--color-back-1); border: 0.0625rem solid #d0d0d0; border-radius: 1rem; padding: 1.5rem 2rem; margin-bottom: 1.5rem; display: flex; align-items: center; justify-content: space-between; } 
.all_agree_box .tit { font-size: 1.125rem; font-weight: 700; color: var(--color-black-2); } 
.agree_header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; } 
.agree_header .agree_tit { font-size: 1.125rem; font-weight: 700; color: var(--color-black-2); } 
.agree_header .agree_tit span { color: #d63384; margin-right: 0.25rem; } 
.agree_header .agree_tit span.optional { color: var(--color-point); } 
.agree_checkbox { display: flex; align-items: center; gap: 0.5rem; font-size: 0.9375rem; font-weight: 700; color: var(--color-black-4); cursor: pointer; } 
.agree_checkbox input[type="checkbox"] { width: 1.125rem; height: 1.125rem; accent-color: var(--color-point); cursor: pointer; } 
.agree_sub_list { margin-top: 0.75rem; display: flex; flex-direction: column; gap: 0.375rem; padding-left: 0.25rem; } 
.agree_sub_list li { font-size: 0.9375rem; color: var(--color-black-6); position: relative; padding-left: 0.75rem; line-height: 1.5; width:fit-content; } 
.agree_sub_list li::before { content: "•"; position: absolute; left: 0; color: var(--color-point); } 
.agree_desc_box { margin-top: 1rem; padding: 1.25rem 1.5rem; background: var(--color-back-1); border-radius: 0.75rem; font-size: 0.9375rem; color: var(--color-black-6); line-height: 1.6; border: 0.0625rem solid #e8e8e8; } 
.btn_group_center { display: flex; justify-content: center; gap: 1rem; margin-top: 3rem; } 
.btn_secondary { display: inline-block; background: #ffffff; color: var(--color-black-4); font-size: 1.125rem; font-weight: 700; padding: 1rem 3rem; border-radius: 0.5rem; text-decoration: none; border: 0.0625rem solid #cccccc; transition: all 0.3s ease; text-align: center; } 
.btn_secondary:hover { background: #f5f5f5; border-color: var(--color-black-8); } 

/* step3 */
.app_container { width:70%; margin:0 auto; } 
.app_form_section { margin-bottom: 2.5rem; } 
.app_form_section h3 { font-size: 1.25rem; font-weight: 700; color: var(--color-black-2); margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; } 
.app_form_section h3::before { content: ""; display: inline-block; width: 0.375rem; height: 1.125rem; background: var(--color-point); border-radius: 0.125rem; } 
.app_form_section .ess_notice { font-size: 0.9rem; color: #555; margin-bottom: 1rem; } 
.btn_inline { height:stretch; display: inline-block; padding: 0.625rem 1.25rem; background: var(--color-point); color: #ffffff; font-size: 0.875rem; font-weight: 700; border-radius: 0.375rem; text-decoration: none; border: none; cursor: pointer; transition: all 0.3s ease; white-space: nowrap; } 
.btn_inline:hover { background: #03217b; } 
.checkbox_group_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem 1rem; } 
.checkbox_label { display: flex; align-items: center; gap: 0.5rem; font-size: 0.9375rem; color: var(--color-black-6); cursor: pointer; } 
.checkbox_label input[type="checkbox"] { width: 1.125rem; height: 1.125rem; min-width: 1.125rem; min-height: 1.125rem; accent-color: var(--color-point); cursor: pointer; flex-shrink: 0; box-sizing: border-box; } 
.radio_group_flex { display: flex; gap: 2rem; align-items: center; } 
.radio_label { display: flex; align-items: center; gap: 0.5rem; font-size: 0.9375rem; color: var(--color-black-6); cursor: pointer; } 
.radio_label input[type="radio"] { width: 1.125rem; height: 1.125rem; accent-color: var(--color-point); cursor: pointer; } 
.address_flex { display: flex; flex-direction: column; gap: 0.5rem; } 
.address_row { display: flex; gap: 0.5rem; } 

td:has(.btn_inline) { display: flex; align-items: center; gap: 0.5rem; } 
td:has(.btn_inline) input + button { } 
td:has(.btn_inline) button ~ input,
td:has(button.btn_inline) input:has(+ .btn_inline) { flex: 1; } 

.td_id { display:table-cell!important; } 
.td_id input { width:50%!important; } 
.td_id .btn_inline { width: 7em!important; height:3em; border-radius: 0.375rem!important; } 
.td_id #btn_chkid { margin: 0 .5em; } 
.td_id #btn_chkid:last-child { margin-top: .5em; } 
.app_table_wrap td #mail_pw { margin-top: .5em; } 


.first_th { border-top:0.125rem solid var(--color-point) } 
.app_table_wrap .xi { position:relative; } 
.app_table_wrap .xi .info-hide-box { position:absolute; display:none; left: 1.5em; top:50%; padding:1em; background:#555; color:#fff; font-size: 0.7em; border-radius: .5em; width:30em; z-index:10; } 
.app_table_wrap .xi:hover .info-hide-box { display:block; } 
.app_table_wrap input.etc { padding: .5rem; } 

/* step4 */
.success-box input { width: 100%; padding: 1rem; border: 0.0625rem solid #cccccc; border-radius: 0.375rem; font-size: 0.9375rem; font-family: inherit; background: #ffffff; box-sizing: border-box; } 


/* step5 - fin */
.success-box { background: var(--color-back-1, #f9f9f9); border: 0.0625rem solid #e0e0e0; border-radius: 0.75rem; padding: 3rem 2rem; text-align: center; width:70%; margin: 0 auto; box-sizing:border-box } 
.success-box .icon-success { width: 4.5rem; height: 4.5rem; background: var(--color-point, #011351); color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.25rem; margin: 0 auto 1.5rem; } 
.success-box .txt { font-size: 1rem; color: var(--color-black-6, #555555); margin-bottom: 0.75rem; line-height: 1.5; } 
.success-box .txt:first-of-type span { font-size: 1.25rem; font-weight: 700; color: var(--color-black-2, #111111); } 
.success-box .txt span.c1 { font-size: 1.25rem; font-weight: 700; color: var(--color-black-2, #111111); } 
.success_wrap .sub_container { width:70%; margin : 0 auto; } 
.success_wrap .sub_container .result_info_box { background:transparent; padding:0; border:none; box-shadow:none; } 
.qr_img_box { width: 6.25rem; height: 6.25rem; background: #f0f0f0; display: flex; align-items: center; justify-content: center; border: 0.0625rem solid #ddd; } 
.qr_img_box img { width: 100%; height: 100%; object-fit: contain; } 


/* 사전등록 확인 및 수정 */
.check_form_box { box-sizing:border-box; background: var(--color-back-1, #f9f9f9); border: 0.0625rem solid #e0e0e0; border-radius: 0.75rem; padding: 2.5rem; max-width: 37.5rem; margin: 0 auto 2.5rem; display: flex; flex-direction: column; gap: 1.25rem; } 
.check_form_box .input_group { display: flex; flex-direction: column; gap: 0.5rem; text-align: left; } 
.check_form_box .input_group label { font-size: 0.9375rem; font-weight: 700; color: var(--color-black-2, #111111); } 
.check_form_box input[type="text"], .check_form_box input[type="email"], .check_form_box input[type="password"] { box-sizing:border-box; width: 100%; padding: 0.875rem 1rem; border: 0.0625rem solid #cccccc; border-radius: 0.375rem; font-size: 0.9375rem; background: #ffffff; } 
.check_form_box input:focus { outline: none; border-color: var(--color-point, #011351); box-shadow: 0 0 0 0.1875rem rgba(1, 19, 81, 0.08); } 
.check_guide_txt { text-align: center; font-size: 0.9375rem; color: var(--color-black-6, #555555); margin-bottom: 2rem; line-height: 1.5; } 

.result_info_box { background: var(--color-back-1, #f9f9f9); border: 0.0625rem solid #e0e0e0; border-radius: 0.75rem; padding: 2.5rem; margin-bottom: 2rem; } 
.result_info_box h3 { font-size: 1.25rem; font-weight: 700; color: var(--color-black-2, #111111); margin-bottom: 1.25rem; display: flex; align-items: center; gap: 0.5rem; } 
.result_info_box h3::before { content: ""; display: inline-block; width: 0.375rem; height: 1.125rem; background: var(--color-point, #011351); border-radius: 0.125rem; } 
.result_info_table { width: 100%; border-collapse: collapse; border-top: 0.125rem solid var(--color-point, #011351); border-bottom: 0.0625rem solid #cccccc; background: #ffffff; } 
.result_info_table th { background: var(--color-back-1, #f9f9f9); color: var(--color-black-5, #444444); font-weight: 700; font-size: 0.9375rem; text-align: left; padding: 1.125rem 1.25rem; border-bottom: 0.0625rem solid #e0e0e0; width: 25%; } 
.result_info_table td { padding: 1.125rem 1.25rem; border-bottom: 0.0625rem solid #e0e0e0; font-size: 0.9375rem; color: var(--color-black-7, #333333); } 
.result_guide_txt { text-align: center; font-size: 0.9375rem; color: var(--color-black-6, #555555); margin-bottom: 2rem; line-height: 1.5; } 


/* 비즈 파트너링 */
.file_upload_box { display: flex; align-items: center; gap: 0.5rem; } 
.file_upload_box input[type="file"] { padding: 0.5rem; border: 0.0625rem solid #cccccc; border-radius: 0.375rem; width: 100%; max-width: 20rem; background: #ffffff; font-size: 0.875rem; } 
.file_guide_txt { display: block; font-size: 0.8125rem; color: #ff334b; margin-top: 0.375rem; line-height: 1.4; } 

.textarea_full { width: 100%; padding: 0.75rem 1rem; border: 0.0625rem solid #cccccc; border-radius: 0.375rem; font-size: 0.9375rem; background: #ffffff; resize: vertical; min-height: 5rem; } 
.textarea_full:focus, .file_upload_box input[type="file"]:focus { outline: none; border-color: var(--color-point, #011351); box-shadow: 0 0 0 0.1875rem rgba(1, 19, 81, 0.08); } 

.notice_box_bg { background: #fdfdfd; border: 0.0625rem solid #e0e0e0; border-radius: 0.375rem; padding: 1.25rem; font-size: 0.875rem; color: var(--color-black-6, #555555); line-height: 1.6; } 
.notice_box_bg ol { margin: 0; padding-left: 1.25rem; } 
.notice_box_bg li { margin-bottom: 0.375rem; } 
.notice_box_bg li:last-child { margin-bottom: 0; } 

/* 아카이브 */
[id^="event"] { display: none; } 
[id^="event"].active { display: block; } 

.intro_overview_wrap { display: flex; gap: 2rem; align-items: stretch; background: #ffffff; border: 0.0625rem solid #e5e5e5; border-radius: 0.75rem; padding: 2.5rem; margin-bottom: 2rem; box-sizing: border-box; } 

.achive_video_sec { height: 45rem; border-radius: 1rem; overflow: hidden; margin-bottom: 2rem; position: relative; width: 100%; } 
.achive_video_sec .swiper-wrapper { width: 100%; height: 100%; } 
.achive_video_sec .swiper-slide { width: 100%; height: 100%; } 
.achive_video_sec .video_box { height: 100%; width: 100%; } 
.achive_video_sec .hero_video { width: 100%; height: 100%; border: none; object-fit: cover; display: block; } 
.achive_video_sec .swiper-button-prev, .achive_video_sec .swiper-button-next { color: #ffffff; background: rgba(0, 0, 0, 0.4); width: 3rem; height: 3rem; border-radius: 50%; backdrop-filter: blur(4px); transition: all 0.3s ease; } 
.achive_video_sec .swiper-button-prev:hover, .achive_video_sec .swiper-button-next:hover { background: var(--siteC2, #26B5B1); color: #000000; } 
.achive_video_sec .swiper-button-prev::after, .achive_video_sec .swiper-button-next::after { font-size: 1.125rem; font-weight: 700; } 
.achive_video_sec .swiper-pagination-bullet { background: rgba(255, 255, 255, 0.5); opacity: 1; width: 0.625rem; height: 0.625rem; transition: all 0.3s ease; } 
.achive_video_sec .swiper-pagination-bullet-active { background: var(--siteC2, #26B5B1); width: 1.5rem; border-radius: 0.5rem; } 


.overview_info_box { width: 65%; display: flex; flex-direction: column; justify-content: center; } 
.overview_list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 1.25rem; } 
.overview_list li { display: flex; align-items: flex-start; gap: 1.5rem; } 
.overview_list .label { width: 6rem; font-size: 1rem; font-weight: 700; color: var(--color-black-2, #111111); flex-shrink: 0; } 
.overview_list .content { font-size: 0.9375rem; color: var(--color-black-7, #333333); line-height: 1.6; display: flex; flex-direction: column; gap: 0.25rem; } 
.overview_list .content .tit { font-size: 1.125rem; font-weight: 700; color: var(--color-point, #011351); } 
.overview_list .content .pro_list .tit { font-size:1em; color: #222; } 
.overview_list .content .txt { font-size: 0.9375rem; color: var(--color-black-6, #555555); margin: 0; } 
.overview_list .cert_wrap { display: flex; align-items: center; gap: 0.5rem; flex-direction:row; width:100% } 
.overview_list .cert_logo img { height: 1.5rem; width: auto; vertical-align: middle; } 
.overview_download_box { width: 35%; height: fit-content; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; background: var(--color-back-1, #f9f9f9); border: 0.0625rem solid #eaeaea; border-radius: 0.5rem; padding: 1.5rem; box-sizing: border-box; } 
.overview_download_box .intro_img { width: 100%; height:auto; border-radius: 0.375rem; overflow: hidden; background: #ffffff; border: 0.0625rem solid #e0e0e0; box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.04); } 
.overview_download_box .intro_img img { width: 100%; height: 100%; object-fit: cover; } 
.report_down_btn { width: 100%; max-width: 14rem; display: inline-flex; align-items: center; justify-content: center; gap: 0.35rem; padding: 0.75rem 1rem; background: var(--color-point, #011351); color: #ffffff; font-weight: 700; font-size: 0.875rem; border-radius: 0.375rem; text-decoration: none; transition: all 0.2s ease; box-sizing: border-box; } 
.report_down_btn:hover { background: #03217b; } 
.sub_tab_wrap { /* padding: 0 2rem; */ position: relative; width: 100%; margin-bottom: 1.5rem; box-sizing: border-box; display: flex; align-items: center; } 
.sub_tab_scroll { width: 100%; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; scroll-behavior: smooth; } 
.sub_tab_scroll::-webkit-scrollbar { display: none; } 
.sub_tab_menu { display: flex; gap: 0.5rem; list-style: none; padding: 0; margin: 0; width: 100%; flex-direction: row; flex-wrap : nowrap; } 
.sub_tab_menu li { width: 100%; } 
.sub_tab_menu li a { display: flex; align-items: center; justify-content: center; width: 100%; padding: 0.75rem 1.25rem; background: #ffffff; border: 0.0625rem solid #e0e0e0; border-radius: 0.5rem; font-size: 0.9375rem; font-weight: 700; color: var(--color-black-6, #555555); text-decoration: none; box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.02); transition: all 0.2s ease; box-sizing: border-box; text-align: center; white-space: nowrap; } 
.sub_tab_menu li a:hover { border-color: var(--color-point2); color: var(--color-point); background: rgba(56, 245, 239, 0.1); } 
.sub_tab_menu li a.active { background: rgba(56, 245, 239, 0.1); border-color: var(--color-point2); color: var(--color-point2); box-shadow: 0 0.25rem 0.75rem rgba(1, 19, 81, 0.2); } 
.tab_arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 2.25rem; height: 2.25rem; background: #ffffff; border: 0.0625rem solid #cccccc; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.1); color: #333; font-size: 1rem; transition: all 0.2s ease; } 
.tab_arrow:hover { background: var(--color-point); color: #fff; border-color: var(--color-point); } 
.tab_prev { left: -0.75rem; } 
.tab_next { right: -0.75rem; } 
.tab_prev,
.tab_next { display: none; } 

.archive_overview_wrap .overview_list table { width: 100%; border-collapse: collapse; border: 0.0625rem solid #ddd } 
.archive_overview_wrap .overview_list th,.archive_overview_wrap .overview_list td { padding: 0.5em 0.75em; border-bottom: 0.0625rem solid #ddd; text-align: left; vertical-align: middle; } 
.archive_overview_wrap .overview_list th { font-weight: 600; width: 20%; background-color:var(--color-back-1) } 
.archive_overview_wrap .overview_list td { font-weight: 400; width: 80%; } 
.archive_overview_wrap .overview_list tr:last-child th, .overview_list tr:last-child td { border-bottom: none; } 

.archive .board_top_flex { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; } 
.archive .total_count { font-size: 1rem; color: var(--color-black-7, #333333); } 
.archive .total_count strong { color: var(--color-point, #011351); } 
.archive .total_down_btn { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.5rem 1rem; font-size: 0.875rem; font-weight: 700; border-radius: 0.375rem; text-decoration: none; } 
.archive .board_gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; list-style: none; padding: 0; margin: 0; } 
.archive .board_gallery li { box-sizing: border-box; width:100%; } 
.archive .board_gallery .wrap_in { position: relative; display: block; border-radius: 0.5rem; overflow: hidden; border: 0.0625rem solid #e0e0e0; background: #ffffff; box-shadow: 0 0.125rem 0.375rem rgba(0,0,0,0.02); } 
.archive .board_gallery .img_wrap { overflow: hidden; position: relative; width: 100%; } 
.archive .board_gallery .wrap_in:hover .hoverBg { /* transform: scale(1.08); */ } 
.archive .hover_layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(1, 19, 81, 0.4); display: flex; align-items: center; justify-content: center; gap: 0.75rem; opacity: 0; transition: opacity 0.3s ease; z-index: 2; } 
.archive .board_gallery .wrap_in:hover .hover_layer { opacity: 1; } 
.archive .hover_layer a { width: 2.75rem; height: 2.75rem; background: #ffffff; color: var(--color-point, #011351); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.125rem; box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.15); transition: all 0.2s ease; text-decoration: none; } 
.archive .hover_layer a:hover { background: var(--color-point2); color: var(--color-point); transform: translateY(-0.125rem); } 
.archive .input_st.s1 { height:auto; font-size:1em; } 

.lightbox_popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } 
.lightbox_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); backdrop-filter: blur(0.25rem); } 
.lightbox_content { position: relative; z-index: 2; width: 90%; max-width: 50rem; max-height: 90vh; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; } 

.lightbox_img_box { width: 100%; max-height: 70vh; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 0.5rem; box-shadow: 0 1rem 2rem rgba(0,0,0,0.3); background: #000000; } 
.lightbox_img_box img { max-width: 100%; max-height: 70vh; object-fit: contain; display: block; } 

.lightbox_close { position: absolute; top: -2.5rem; right: 0; background: transparent; border: none; color: #ffffff; font-size: 1.75rem; cursor: pointer; transition: color 0.2s; } 
.lightbox_close:hover { color: var(--color-point2); } 

.lightbox_btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.2); border: none; color: #ffffff; width: 3rem; height: 3rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; cursor: pointer; transition: all 0.2s; z-index: 3; } 
.lightbox_btn:hover { background: #ffffff; color: var(--color-point, #011351); } 
.lightbox_btn.prev { left: -4rem; } 
.lightbox_btn.next { right: -4rem; } 

.lightbox_bottom { margin-top: 1.5rem; } 
.lightbox_bottom a { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.75rem 1.5rem; border-radius: 0.375rem; text-decoration: none; font-weight: 700; } 

@media (max-width: 768px){
 .lightbox_btn.prev { left: 0.5rem; } 
 .lightbox_btn.next { right: 0.5rem; } 
 }

@media (max-width: 1024px){
 .board_gallery { grid-template-columns: repeat(2, 1fr); gap: 1rem; } 
 }
@media (max-width: 480px){
 .board_gallery { grid-template-columns: 1fr; } 
 }

@media (max-width: 768px){
 .intro_overview_wrap { flex-direction: column; padding: 1.5rem; } 
 .overview_info_box, .overview_download_box { width: 100%; } 
 .overview_list li { flex-direction: column; gap: 0.25rem; } 
 .overview_list .label { width: 100%; } 
 }