@charset "utf-8"; /* CSS Document */
.box0 { padding:0 var(--pgPD) } 
.boxSub { width:1280px; margin:0 auto; max-width:94% } 
.box1 { width:1200px; margin:0 auto; max-width:94% } 
.box2 { padding:0 calc(var(--pgPD) * 2) } 
.box3 { padding:0 calc(var(--pgPD) * 5) } 
.box4 { padding:0 calc(var(--pgPD) * 4) } 

.gnb li.m_hide { display:none !important; } 
body:not(.pop) { display:flex; flex-direction:column; min-height:100dvh } 


#header { position: fixed; left:0; top:0; width:100%; z-index:1000; background:#fff; --c1:rgba(0,0,0,.1); --c2: var(--siteC); --c3:#888; --c4:#fff; --c5:#fff } 
#header .top_wrap { position:relative } 
#header .top_wrap .wrapF,
#header .top_wrap .gnb_wrap .dp1 { height:var(--headerH) } 
.headerT { padding-top:var(--headerH) } 
#header .top_wrap .wrapF { display:flex; align-items:center; gap:0 3vw } 
#header .top_wrap .wrapF > * { position:relative; z-index:2 } 
#header .top_wrap .logo > a { display:block; height:2.625em; overflow:hidden } 
#header .top_wrap .logo > a .in { display:block; height:100%; transition:.3s } 
#header .top_wrap .logo > a img { height:100%; display:block } 
#header .top_wrap .etc_wrap { display:flex; align-items:center; gap:4vmin } 
#header .top_wrap .etc_wrap .btnInc { width:3.25em; height:3.25em; display:flex; align-items:center; justify-content:center; border-radius:50% } 
#header .top_wrap .etc_wrap .btnInc .ico { font-size:1.75em } 
#header .top_wrap .etc_wrap .allBtn { position:relative; border:1px solid rgba(255,255,255,.5); box-shadow:0 0 1em rgba(0,0,0,.1) } 
#header .top_wrap .etc_wrap .mem_wrap { display:flex; gap:2em; align-items:center } 
#header .top_wrap .etc_wrap .mem_wrap > li > a { display:flex; gap:.25em; align-items:center; position:relative; color:var(--c3) } 
#header .top_wrap .etc_wrap .mem_wrap > li > a .t1 { font-size:.938em; font-weight:500 } 
#header .top_wrap .etc_wrap .mem_wrap > li.point > a { color:var(--c2) } 
#header .top_wrap .etc_wrap .mem_wrap > li:not(:first-child) > a:before { content:""; position:absolute; left:-1em; top:50%; transform:translate(0,-50%); width:1px; height:70%; background:var(--c1) } 
#header .top_wrap .etc_wrap .lang_wrap { position:relative; color:var(--c3) } 
#header .top_wrap .etc_wrap .lang_wrap .langBtn { display:flex; align-items:center; gap:.25em; border:1px solid var(--c1); border-radius:.25em; height:2em; padding:0 .5em } 
#header .top_wrap .etc_wrap .lang_wrap .langBtn .t1 { font-weight:700; font-size:.813em } 
#header .top_wrap .etc_wrap .lang_wrap .langBtn .xi { font-size:1em } 
#header .top_wrap .etc_wrap .lang_wrap .langBtn .arrow { transition:.3s } 
#header .top_wrap .etc_wrap .lang_wrap .list { position:absolute; left:0; top:100%; width:100%; box-sizing:border-box; border:1px solid var(--c1); border-top:none; border-radius:0 0 .25em .25em; padding:.5em 1em; padding-top:0; visibility:hidden; opacity:0; display:flex; flex-direction:column; gap:.25em; background:var(--c4) } 
#header .top_wrap .etc_wrap .lang_wrap .list > li > a { display:flex; align-items:center; gap:.5em; height:1.5em; box-sizing:border-box; padding:0 .5em 0 .75em; overflow:hidden } 
#header .top_wrap .etc_wrap .lang_wrap .list > li > a .t1 { font-weight:700; font-size:.813em } 
#header .top_wrap .etc_wrap .lang_wrap .list > li > a .arrow { font-size:1em; margin-left:auto } 
#header .top_wrap .etc_wrap .lang_wrap .list > li > a .arrow:before { content:"\e907" } 
#header .top_wrap .etc_wrap .lang_wrap .list > li.on { order:-1 } 
#header .top_wrap .etc_wrap .lang_wrap .list > li.on > a { background:var(--c2); border-radius:1em; color:var(--c5); } 
#header .top_wrap .etc_wrap .lang_wrap .list > li.on > a .arrow:before { content:"\e92b" } 
#header .top_wrap .etc_wrap .lang_wrap .list > li:not(.on) > a .arrow { opacity:0; transform:translateX(50%) } 
#header .top_wrap .etc_wrap .lang_wrap .list > li:not(.on):hover > a .arrow { opacity:1; transform:translateX(0); transition:.3s } 
#header .top_wrap .etc_wrap .lang_wrap.on .langBtn { border-bottom-color:transparent; border-bottom-left-radius:0; border-bottom-left-radius:0 } 
#header .top_wrap .etc_wrap .lang_wrap.on .langBtn .arrow { transform:rotate(180deg) } 
#header .top_wrap .etc_wrap .lang_wrap.on .list { visibility:visible; opacity:1; transition:.3s } 

html:not(.allOn) #header .top_wrap .gnb_wrap { display:flex; align-items:center; flex:1; min-width:0; justify-content:center; height:100%; z-index:1; max-width:100vmin; margin:0 auto } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb { position:absolute; left:50%; transform:translateX(-50%); top:0; width:100%; justify-content:space-around; box-sizing:border-box; transition:padding .3s } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb a { display:flex } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li { position:relative; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 { display:flex; align-items:center; justify-content:center } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .tt { font-weight:600; font-size:1.1875em } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li:is(:hover, .on) .dp1 { color:var(--siteC) } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li:is(:hover, .on) .dp1 .va { position:relative } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li.on .dp1 .va:after { content:""; position:absolute; left:100%; top:0; transform:scale(.5) } 

html.main:not(.scroll):not(.allOn) #header { background:none } 
html.main:not(.scroll):not(.allOn) #header .top_wrap .etc_wrap .allBtn { box-shadow:none; color:var(--siteC) } 

html:is(.main:not(.scroll, .allOn)) #header { color:#fff; --c1:rgba(255,255,255,.5); --c2:#fff; --c3:#fff; --c4:transparent; --c5:var(--siteC) } 
html:is(.main:not(.scroll, .allOn)) #header .top_wrap .logo .in,
html:is(.main:not(.scroll, .allOn)) #header .top_wrap .etc_wrap .allBtn,
html:is(.main:not(.scroll, .allOn)) #header .top_wrap .gnb_wrap .gnb > li .dp1,
html:is(.main:not(.scroll, .allOn)) #header .top_wrap .gnb_wrap .gnb > li .dp1 .va:after { filter:var(--whiten) } 

/* new */
#header .top_wrap .gnb_wrap .gnb > li:hover .dp2 { opacity:1; visibility: visible; } 
#header .top_wrap .gnb_wrap .gnb > li .dp1.layer { display: none; } 
#header .top_wrap .gnb_wrap .gnb > li .dp2 { position: absolute; top: calc(100px - 30px); padding: 1rem 0; display: flex; flex-direction: column; left: 50%; transform: translateX(-50%); z-index: 99; width: 15rem; text-align: left; opacity: 0; visibility: hidden; } 
#header .top_wrap .gnb_wrap .gnb > li .dp2:before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; background: #fff; box-shadow: 0.5em 0.5em 2em rgba(0, 0, 0, 0.1); transition: all 0.2s cubic-bezier(0.4, 0, 1, 1); border-radius: 1em; } 
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li { position: relative; padding: .5rem 1.65rem; text-align: left !important; } 

#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a { position:relative; display: inline-block; text-align: left !important; } 
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a > .va > .tt { position:relative; margin-bottom: .15em; font-weight: 600; font-size: 1rem; color: rgba(0,0,0, .3); transition: .2s ease-in-out; } 
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li.on > a > .va > .tt,
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a > .va > .tt:hover { color: var(--siteC2); } 
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a > .va > .tt:before { position: absolute; content: attr(data-label); top: 0; left: 0; width: 0; height: 100%; color: var(--siteC2); white-space: nowrap; transition: all 0.2s ease-in-out; overflow: hidden; z-index: 9; } 
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a > .va > .tt:hover:before { width: 100%; } 
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a > .va > .tt { } 

#header .top_wrap .gnb_wrap .gnb > li .dp3 { display: block; padding: .5em .75em; background: #f5f5f5; border-radius: 8px; } 
#header .top_wrap .gnb_wrap .gnb > li .dp3 > li > a { position:relative; padding-left: .75em; color: #888; transition: .2s ease; } 
#header .top_wrap .gnb_wrap .gnb > li .dp3 > li > a:before { position: absolute; left: 0; content: '-'; } 
#header .top_wrap .gnb_wrap .gnb > li .dp3 > li > a > .va > .tt { font-size: .867em; font-weight: 400; } 
#header .top_wrap .gnb_wrap .gnb > li .dp3 > li > a:hover { color: var(--siteC2); } 


.scroll.up #header { box-shadow:0 1em 1em rgba(0,0,0,.1) } 

.allOn { overflow-y:hidden } 
.allOn #header { height:100vh; overflow-y:scroll; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: white transparent } 
.allOn #header .top_wrap .etc_wrap .allBtn .line { position: absolute; left:50%; top:50%; width:90% } 
.allOn #header .top_wrap .etc_wrap .allBtn .line.e1 { transform:translate(-50%, -50%) rotate(45deg) } 
.allOn #header .top_wrap .etc_wrap .allBtn .line.e2 { transform:translate(-50%, -50%) rotate(-45deg) } 
.allOn #header .top_wrap { height:100% } 
.allOn #header .top_wrap .wrapF { flex-direction:column; height:100%; align-items:flex-start; position:relative; box-sizing:border-box; } 
.allOn #header .top_wrap .logo,
.allOn #header .top_wrap .etc_wrap { height:var(--headerH); display:flex; align-items:center } 
.allOn #header .top_wrap .logo { position:absolute; left:var(--sitePD); top:0 } 
.allOn #header .top_wrap .etc_wrap { margin-left:auto } 
.allOn #header .top_wrap .gnb_wrap { width: 1400px; margin: 0 auto; max-width: 94%; order:1; flex:1; min-height:0; display:flex; box-sizing:border-box; padding:2em 0; position:relative; } 
.allOn #header .top_wrap .gnb_wrap .gnb { flex:1 1 0%; min-width:0; max-height:100%; flex-direction:column; justify-content: center; } 
.allOn #header .top_wrap .gnb_wrap .gnb > li { display: flex; gap: 1.5em; border-bottom: 1px solid #ddd; padding: 2em 0; } 
.allOn #header .top_wrap .gnb_wrap .gnb > li:last-of-type { margin-bottom: 0; } 
.allOn #header .top_wrap .gnb_wrap .gnb > li:first-of-type { border-top: 1px solid #ddd; } 
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp1 { width: 13em; min-width: 13em; height:auto; position:relative } 
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp1:before { content:""; position:absolute; left:0; top:0; border-left:4px solid transparent; height:100% } 
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp1 .tt { font-size:1.415em; font-weight:700; color: var(--siteC); } 
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2 { /* flex-direction:column; */ gap:1em; } 
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2 .va_wrap { text-align: left; } 
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp3 { display: none; } 
.allOn #header .top_wrap .etc_wrap .allBtn .line.e3 { display: none; } 
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a .tt { opacity:.7; font-weight:600; font-size:1.063em; color: #111; transition: none; } 
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a:hover .tt { opacity:1; text-decoration: underline; } 

.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2 { top: 5px; box-shadow: none; display: flex; flex-wrap: wrap; gap: 2em; transition: none; z-index: 99; text-align: left; position: relative; visibility: visible; opacity: 1; top: unset; width: auto; left: 0; padding: 0; transition: none; transform: translateX(0); flex-direction: inherit; background: transparent; flex: 1; } 
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2:before { display: none; } 
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2 > li { padding: 0; height: fit-content; } 
.allOn #header .top_wrap .gnb_wrap .gnb > li.m_guide { display:block !important; position:absolute; right:0; bottom:4em; font-size:.875em; padding-bottom: 0; margin-bottom: 0; border-bottom: none; } 
.allOn #header .top_wrap .gnb_wrap .gnb > li.m_guide .dp1 { display:none } 
.allOn #header .top_wrap .etc_wrap .btnInc .ico:before { content: '\e921'; } 



#quick { position: fixed; right:0em; top:0; --qLW : 6em; width:var(--qLW); height:100%; box-sizing:border-box; padding-top:var(--headerH); z-index:999; display:flex; flex-direction:column; justify-content:center } 
#quick .link { display:flex; flex-direction:column; gap:.5em; padding-right:.5em } 
#quick .link > li .st { position:relative; border-radius:var(--qLW); color:#fff; padding:calc(var(--qLW) / 3) .5em; display:flex; flex-direction:column; align-items:center; text-align:center; gap:.5em; box-shadow:-2em 0 2em rgba(0,0,0,.1); overflow: hidden;} 
#quick .link > li .st:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .515); content: '';}
/* #quick .link > li .st.c1 { background:#0A2D33 } 
#quick .link > li .st.c2 { background:#227bc0 }  */
#quick .link > li .st .t1 { position:relative; font-family:var(--fSerif); font-size:1.5em } 
#quick .link > li .st .t2 { position:relative; font-size:.875em; line-height:1.1; opacity:1 } 
#quick .link > li .st .more { position:relative; padding:.25em; background:inherit; display:flex; align-items:center; gap:.25em; border-radius:1em; box-sizing:border-box; width:100%; justify-content:center; margin-top:1em; border:1px solid rgba(255,255,255,.5); transition:.3s } 
#quick .link > li .st .more .arrow:before { content:"\e980" } 
#quick .link > li .st .more .arrow { font-size:1em } 
#quick .link > li .st .more .tt { font-weight:700; font-size:.75em } 
#quick .link > li .st.c1 .more{ background:#0A2D33}
#quick .link > li .st.c2 .more{ background:#227bc0}
#quick .link > li .st:hover .more { border-color:transparent } 
#quick .link > li .st.c1:hover .more { background:#46B559 } 
#quick .link > li .st.c2:hover .more { background: #036 } 


#footer { position:relative; padding:5em 0 4em 0; background:#201b18; color:#fff; border-top:1px solid rgba(0,0,0,.05) } 
#footer .goTop { position:fixed; right:1em; bottom:1em; border-radius:50%; width:3.5em; aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; text-align:center; background: inherit; color:#fff; border:1px solid rgba(255,255,255,.2); box-shadow:0 0 1em rgba(0,0,0,.1); opacity:0; transform:translateY(100%); transition:.5s; z-index: 9999; } 
#footer .goTop .xi { font-size:1.5em; transition:.3s } 
#footer .goTop:hover .xi { transform:translateY(-.25em) } 
.scroll #footer .goTop { opacity:1; transform:translateY(0) } 


#footer { padding:4.1em 0 7em 0; background:#101a40; color:#fff; border-top:1px solid rgba(0,0,0,.05) } 
#footer .wrapF { display:flex; gap:4em } 
#footer .logo { height:2.5em; filter:var(--whiten); transform:translateY(-.5em) } 
#footer .logo img { height:100% } 
#footer .menu { display:flex; flex-direction:column; align-items:flex-end; gap:1em } 
#footer .menu > li > a { position:relative; display:flex; gap:.5em; align-items:center; opacity:.8 } 
#footer .menu > li > a:after { content:"\e909"; font-family:xeicon; transform:rotate(45deg) } 
#footer .menu > li > a.point { font-weight:700; color:#b4c4ff; opacity:1 } 
#footer .info { flex:1 1 0%; min-width:0; overflow:hidden } 
#footer .info > li { float:left; margin-right:2em; margin-bottom:.55em; position:relative; opacity:.8; font-size:.938em } 
#footer .info > li:after { content:""; position:absolute; left:-1em; top:50%; width:1px; height:70%; background:rgba(255,255,255,.2); transform:translate(0,-50%) } 
#footer .info > li.point { opacity:1; font-weight:700 } 
#footer .info > li.br { clear:left } 
#footer .info > li.copyright { font-size:.813em; opacity:.5; text-transform:uppercase; margin-top:1em } 
#footer .info:after { content:""; display:block; clear:both } 
#footer .sns_menu { margin-top: 2rem; } 
.sns_st { display:flex; align-items:center; gap:.5em; justify-content: end; } 
.sns_st > li > a { width:2.5em; height:2.5em; color: #111; background:#f1f1f1; display:flex; align-items:center; justify-content:center; border-radius:50% } 
.sns_st > li > a .xi,
.sns_st > li > a img { opacity:.5 } 
.sns_st > li > a .xi { font-size:1.25em } 
.sns_st > li > a img { height:40% } 
.sns_st > li > a { color:#fff; transition:.3s } 
.sns_st > li > a .xi,
.sns_st > li > a img { opacity:1 } 
.sns_st > li > a img { filter:brightness(0) invert(1) } 
.sns_st > li > a.fb { background:#395398 } 
.sns_st > li > a.in { background:#a9309d } 
.sns_st > li > a.yt { background:#f70000 } 
.sns_st > li > a.tt { background:#111 } 
.sns_st > li > a.nb { background:#29a139 } 

.ch .sns_st > li > a .xi,
.ch .sns_st > li > a img { opacity: 1; filter: brightness(0) invert(1); } 
.ch .sns_st > li > a.fb { background:#395398 } 
.ch .sns_st > li > a.in { background:#a9309d } 
.ch .sns_st > li > a.yt { background:#f70000 } 
.ch .sns_st > li > a.tt { background:#111 } 
.ch .sns_st > li > a.nb { background:#29a139 } 


#contents { flex:1 1 0%; min-height:0; box-sizing:border-box } 
#contents .sub_top_wrap { height:calc(var(--vh, 1dvh) * 46); position:relative; border-radius: 1em; margin: 1.5em; margin-top: 5em; box-sizing: border-box; } 
#contents .sub_top_wrap .wrapBg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:#f1f1f1; overflow: hidden; border-radius: 1em; } 
#contents .sub_top_wrap .wrapBg .bg { height:100%; background-size: cover; position:relative } 
#contents .sub_top_wrap .wrapBg .bg:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.3 } 
#contents .sub_top_wrap .wrapBg .bg.vod_wrap:after { opacity:.4 } 
#contents .sub_top_wrap .wrapCon { display:flex; height:100%; flex-direction:column; position:relative; box-sizing:border-box } 
#contents .sub_top_wrap .wrapF { } 
#contents .sub_top_wrap .subTit { flex:1; min-height:0; justify-content:center; display:flex; align-items:center } 
#contents .sub_top_wrap .subTit .wrapF { margin-bottom: 2em; height:100%; display:flex; flex-direction:column; align-items:center; text-align:center; justify-content:center; color:#fff; line-height:1; gap:1.3em; box-sizing:border-box; padding:1em; position:relative; } 
#contents .sub_top_wrap .subTit .t1 { font-size:5.4vmin; font-weight:700; } 
#contents .sub_top_wrap .subTit .t2 { font-size:1.5em; font-family:var(--fSerif) } 
/* #contents .sub_top_wrap .subTab { position: absolute; left:0; top:100%; width:100%; transform:translateY(-50%) } */
#contents .sub_top_wrap .subTab { } 
#contents .sub_top_wrap .subTab .wrapF { position:relative } 
/* #contents .sub_top_wrap .subTab .gnb { background: rgba(0,0,0, .315); backdrop-filter: blur(3px); border-radius:10em; } */
#contents .sub_top_wrap .subTab .gnb > li { } 
#contents .sub_top_wrap .subTab .gnb > li.on { display:flex !important; justify-content:center; width:100% } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 { display:flex; justify-content:center; background: rgb(0 0 0 / .15); backdrop-filter: blur(5px); border-radius: .5em .5em 0 0; } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li { position:relative } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a { height:4.5em; display:flex; align-items:center; justify-content:center; color:#fff; box-sizing:border-box; position:relative; padding:0 1.75em } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li:not(:last-child) > a:before { content:""; position:absolute; right:0; top:50%; height:30%; transform:translateY(-50%); background:#fff; width:1px; opacity:.3 } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a .va { display:flex; align-items:center; line-height:1.1; position:relative; transition:.3s; word-break:keep-all; text-align:center } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a .va .tt { font-size:1.063em; font-weight:700; opacity:.6 } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li:is(.on, :hover) > a .tt { opacity:1; transition:.3s } 
#contents .sub_top_wrap .subTab .dot { position: absolute; transform:translate(-50%, -50%); transition: .3s } 
#contents .sub_top_wrap .subTab .dot,
#header .gnb_wrap .gnb > li .dp1 .va:after { width:.75em; aspect-ratio:1/1; background: var(--siteC2); border-radius: 50%; } 

#contents .sub_tit_wrap { padding: 1vmin 0 2.5vmin 0; border-bottom: 1px solid #f1f1f1; } 
#contents .sub_tit_wrap .wrapF { display:flex; display:flex; gap:2vmin; align-items:center; } 
#contents .sub_tit_wrap .titW { flex:1; min-width:0 } 
#contents .sub_tit_wrap .titW .t1 { font-weight:700; font-size:2.515em } 
.nav { display:flex; align-items:center } 
.nav { display:inline-flex; align-items:center; gap:0 1em } 
.nav > li { color:#333 } 
.nav > li:not(.home):before { content:"\e940"; font-family:xeicon; margin-right:.5em; font-size:.938em } 
.nav > li.home > a { width:1.5em; height:1.5em; border-radius:50%; background:var(--siteC); color:#fff; display:flex; align-items:center; justify-content:center } 
.nav > li.home > a .xi { font-size:.875em } 

#contents .sub_top_wrap .wrapBg .bg:not(.vod_wrap) { background-position:center 30%; transition:3s } 
#contents .sub_top_wrap.on .wrapBg .bg:not(.vod_wrap) { background-position:center center } 

#contents .sub_page_menu { position: absolute; bottom: 1.5em; left: 50%; transform: translateX(-50%); text-align:center; z-index: 11; } 
#contents .sub_page_menu .menu_wrap { width: fit-content; margin: 0 auto; gap: .5em; } 
#contents .sub_page_menu .gnb { display:block; } 
#contents .sub_page_menu .wrapH { display: flex; align-items: center; height:4rem; text-align: left; margin-right:-1px; } 
#contents .sub_page_menu .home { position:relative; } 
#contents .sub_page_menu .home .in { display: flex; align-items: center; justify-content: center; background:var(--siteC2); border-color:var(--siteC2); width:4rem; border-radius: 50%; transition:.2s; } 
#contents .sub_page_menu .home .in .xi { font-size: 1.315em; color: #fff; } 
#contents .sub_page_menu .drop_menu { position:relative; } 
#contents .sub_page_menu .drop_menu .drop_tit { background: rgba(0,0,0, .125); border-radius: 100em; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255, .15); color: #fff; justify-content: space-between; gap:0 2rem; padding:0 2em 0 2em; min-width:16em; transition:.2s; } 
#contents .sub_page_menu div:last-of-type .drop_tit { border-right: none; } 
#contents .sub_page_menu .drop_menu .drop_tit .tt { font-size: 1em; font-weight: 600; } 
#contents .sub_page_menu .drop_menu .drop_tit .arrow { transition:.2s; } 
#contents .sub_page_menu .drop_menu .drop_tit .arrow:before { content:"\e942"; } 
#contents .sub_page_menu .drop_menu ul { display:block; } 
#contents .sub_page_menu .drop_menu .gnb { position:absolute; text-align: left; top: calc(100% + .5em); left:0; padding: 1.5rem 1rem; border-radius: 1em; width:100%; background: #fff; box-sizing: border-box; border: 1px solid var(--siteC); display:none; overflow: hidden;} 
#contents .sub_page_menu .drop_menu .gnb a.flex { display:block; text-align:left !important; } 
#contents .sub_page_menu .drop_menu .gnb li { } 
#contents .sub_page_menu .drop_menu .gnb li > a { width: 100%; padding:.625rem 1rem; box-sizing: border-box; font-weight:400; transition:.2s; } 
#contents .sub_page_menu .drop_menu .gnb li > a .tt { font-size: .963em; } 
#contents .sub_page_menu .drop_menu .gnb li > a:hover { background: #f7f7f7; } 
#contents .sub_page_menu .drop_menu .gnb li.act > a,
#contents .sub_page_menu .drop_menu .gnb li.on > a { color: var(--siteC); background: #f7f7f7; } 
#contents .sub_page_menu .drop_menu .gnb li.on > a { font-weight:600; } 
#contents .sub_page_menu .home:hover,
#contents .sub_page_menu .drop_menu:hover,
#contents .sub_page_menu .drop_menu.on { z-index:2; } 
#contents .sub_page_menu .drop_menu:hover .drop_tit { color: #fff; } 
#contents .sub_page_menu .drop_menu.on .drop_tit { background:var(--siteC); color: #fff; } 
#contents .sub_page_menu .drop_menu.on .drop_tit .arrow { transform:rotate(-180deg); } 
#contents .sub_page_menu .drop_menu.on .gnb { display:block; } 
#contents .sub_page_menu .drop_menu.dp2on .dp3 { display: none; } 

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

#contents .doc { padding:6vmin 0 20vmin 0 } 
#contents .doc.pb0 { padding-bottom: 0; } 

#contents .sub_tab { margin-top:3rem;} 
#contents .sub_tab .gnb > li .dp2 > li,
#contents .sub_tab .gnb > li{ width: 100%;}
#contents .sub_tab .gnb > li .dp3{ display: flex; justify-content: center; gap: .5em; width: 100%;}
#contents .sub_tab .gnb > li .dp3 > li { flex: 1;} 
#contents .sub_tab .gnb > li .dp3 > li > a { display:flex; justify-content:center; align-items:center; height:3.65em; border-radius: 5px; background: #f5f5f5; padding:.5em; color:#777; font-weight: 400; position:relative; box-sizing:border-box; } 
#contents .sub_tab .gnb > li .dp3 > li > a .va > .tt{ font-size: 1.063em; font-weight: 500;}
#contents .sub_tab .gnb > li .dp3 > li.on > a{ background: var(--siteC); color: #fff;}
#contents .sub_tab .gnb > li .dp3 > li.on > a .va > .tt{ font-weight: 600;}

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


.page-wrapper { } 
.page-wrapper .page-con { padding-bottom: 4em; } 
.page-wrapper .page-con:last-of-type { padding-bottom: 0; } 

 /* */
.page_basic_tit { margin-bottom: 1em; padding-left: 1em; } 
.page_basic_tit>.t1 { position: relative; font-size: 1.313em; line-height: 1; font-weight: 700; } 
.page_basic_tit>.t1:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -.8em; width: .3em; height: 1em; background: var(--siteC); border-radius: 1px; } 

/**/
.mainBox { padding:6.5vmin 0; position:relative } 
.mainBox.p1 { padding-top:calc(var(--visualConH) / 2 + var(--visualScrollH)) } 
.mainBox.p2 { padding:5vmin 0 } 
.mainBox.bg1 { background:#f5f5f5 } 
.mainBox.bg2 { background:linear-gradient(0deg, transparent, #edf2fd) } 
.mainBox.bg3 { background:rgba(255,255,255,.2); border-top-left-radius:10em; box-shadow:0 -2em 3em rgba(0,0,0,.1) } 
.mainBox .wrapBg { position:absolute; left:0; top:0; width:100%; height:100% } 
.mainBox .wrapBg:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.7 } 
.mainBox .wrapF { display:flex; flex-direction:column; gap:2em 6vmin; position:relative } 
.mainBox .wrapF.g1 { column-gap:12vmin } 
.mainBox .wrapF.dRow { flex-direction:row } 
.mainBox .wrapF.dRow.vc { align-items:center } 
.mainBox .wrapF.dRow .grow { flex:1 1 0%; min-width:0 } 
.mainBox .wrapObj { position:absolute; left:0%; top:0%; width:30%; aspect-ratio: 1 / 1; background:linear-gradient(0deg, #40b5f8, var(--siteC)); opacity:.2; animation: mainBoxAni 10s linear infinite; } 
@keyframes mainBoxAni { 
 0% { transform: rotate(0deg); filter:hue-rotate(0deg) blur(5em); } 
 33% { transform: rotate(180deg); filter : hue-rotate(240deg) blur(5em); } 
66% { transform: rotate(240deg); filter : hue-rotate(240deg) blur(5em); } 
 100% { transform: rotate(360deg); filter : hue-rotate(360deg) blur(5em); } 
 }

.mainTit { display:flex; flex-direction:column; align-items:flex-start; gap:1.5em } 
.mainTit.ac { align-items:center; text-align:center } 
.mainTit.ar { align-items:flex-end; text-align:right } 
.mainTit.g0 { gap:0 } 
.mainTit .wIn { display:flex; flex-direction:column; gap:1.5em; } 
.mainTit .tit1 { font-size:2em; font-weight:600; letter-spacing:-.05em; word-spacing:.1em } 
.mainTit .tit2 { font-size:2.25em; font-family:var(--fSerif); word-spacing:.1em } 
.mainTit .c1 { color:var(--siteC) } 
.mainTit .tt1 { font-size:1.625em; line-height:1.6 } 
.mainTit .mgL { margin-left:auto } 
.mainTit.white { color:#fff } 
.mainTit .mainMore { margin:4em 0 0 0 } 
.mainTitW { display:flex; justify-content:space-between; align-items:center; margin-bottom:1em } 

.mainMore { display:flex; align-items:center; gap:.5em; color:var(--siteC) } 
.mainMore .t1 { font-weight:700 } 
.mainMore .arrow { transition:.3s } 
.mainMore .arrow:before { content:"\e93f" } 
.mainMore:hover .arrow { transform:translateX(50%) } 
.mainMore:hover .t1 { text-decoration:underline; text-underline-offset:.25em } 
.mainMore.white { color:#fff } 

.tabSt { display:flex; --tGap:3em; gap:var(--tGap); align-items:center } 
.tabSt > li > .in { position:relative; background:none; border:none; opacity:.4; padding:0 1em } 
.tabSt > li > .in .t1 { font-weight:700; font-size:1.5em; } 
.tabSt > li:not(:last-child) > .in:after { content:""; position:absolute; right:calc(var(--tGap) / 2 * -1); top:50%; width:1px; height:80%; background:rgba(0,0,0,.15); transform:translate(0,-50%) } 
.tabSt > li > .in.on,
.tabSt > li:hover > .in { opacity:1 } 
.tabSt > li > .in.on:before { content:""; position:absolute; left:100%; top:0; transform:translate(-100%, 0); width:.375em; height:.375em; border-radius:50%; background:var(--siteC2) } 

.vod_wrap { position:relative; height:100% } 
.vod_wrap .vod { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover } 
.vod_wrap .layer { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.2 } 
.vod_wrap .layer.gra { background: linear-gradient(0deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 80%, rgba(0,0,0,.3) 100%); } 
.vod_wrap .layer.c1 { background:var(--siteC); opacity:.3; mix-blend-mode:difference } 

.main #contents { --visualConHbase:12em; --visualConH : var(--visualConHbase); --visualScrollH : 4em; } 
.visualSlide_wrap { position:relative; box-sizing:border-box; --vH : 100svh; height:calc(var(--vH) - (var(--visualConH) / 2) - var(--visualScrollH)) } 
.visualSlide { height:100% } 
.visualSlide .swiper-slide { position: relative; overflow:hidden; height:100%; transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1); background:#fff } 
.visualSlide .swiper-slide .bg { position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.1) } 
.visualSlide .swiper-slide .vod_wrap { position:absolute; left:0; top:0; width:100%; height:100%; } 
.visualSlide .swiper-slide .vod_wrap:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.2 } 
.visualSlide .swiper-slide.swiper-slide-active .bg,
.visualSlide .swiper-slide.swiper-slide-prev .bg,
.visualSlide .swiper-slide.swiper-slide-duplicate-active .bg { transition:7s; transform:scale(1) rotate(.001deg) } 

.visualSlide_wrap .slogan { position:absolute; width:100%; height:100%; left:0; top:0; color:#fff; z-index:10; box-sizing:border-box; padding-bottom:var(--visualConH); padding-top: calc(var(--headerH) + 3em) } 
.visualSlide_wrap .slogan .wIn { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:1em; height:100%; box-sizing:border-box } 
.visualSlide_wrap .slogan .t1 { font-size:4vmin; text-align: center;} 
.visualSlide_wrap .slogan .t2 { font-size:8vmin; font-weight:700 } 

.visualSlide_wrap .visualCon { position:absolute; left:0; top:100%; width:100%; z-index:1; transform:translateY(calc(var(--visualConH) / 2 * -1)) } 
.mainLink { height:var(--visualConH); border-radius:var(--visualConH); background:#fff; box-shadow:0 1em 3em rgba(0,0,0,.1); z-index:1; display:flex; justify-content:center; align-items:center; box-sizing:border-box; --p:1.5em; padding:var(--p); gap:1em } 
.mainLink > li { flex:1 1 0%; min-width:0; max-width:33.33% } 
.mainLink > li .in { display:flex; align-items:center; gap:1em; border-radius:calc(var(--visualConH) - var(--p) * 2); } 
.mainLink > li .in .img { width:calc(var(--visualConH) - var(--p) * 2); border-radius:50%; overflow:hidden } 
.mainLink > li .in .con { flex:1 1 0%; min-width:0; display:flex; flex-direction:column; gap:.2em } 
.mainLink > li .in .con .tit { font-size:1.375em; font-weight:700 } 
.mainLink > li .in .con .tt { opacity:.6; font-size: 1.125em } 
.mainLink > li .in:hover { background:var(--siteC); transition:.3s; color:#fff } 
.mainLink > li:nth-child(even) .in:hover { background:var(--siteC2) } 
.mainLink > li .in:hover .img .resize { transform:scale(1.1); transition:.5s } 
.mainLink > li .in:hover .more { color:#fff } 

.visualSlide_wrap .controlW { position:absolute; bottom:calc(var(--visualConH) / 2 + 1em); z-index:10; width:100% } 
.visualSlide_wrap .controlW .wrapIn { display:flex; align-items:flex-end; justify-content:center } 

.mainScroll { position:relative; z-index:1; height:var(--visualScrollH); display:flex; gap:.25em; align-items:center; justify-content:center; color:var(--siteC); transition:.3s } 
.mainScroll .in { display:flex; align-items:center; justify-content:center; text-align:center; box-sizing:border-box; height:100% } 
.mainScroll .in .ico1 { font-size:2em; margin-right:-.25em } 
.mainScroll .tt { font-size:.875em; font-weight:900 } 
.scroll .mainScroll { opacity:0; visibility:hidden } 

.mainWrap { overflow:hidden } 

.mainPop { width:24em } 
.mainPop .swiper-slide { border-radius:1em; } 
/* .mainPop .swiper-slide .cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background: transparent; } */
.mainPop .swiper-slide.swiper-slide-active { z-index: 10; } 
.mainPop .swiper-slide a { position: relative; display: block; z-index: 99; } 
.mainPop .bg { position:relative; background:linear-gradient(45deg, #fff, #eee, #fff); box-shadow:0 0 3em rgba(0,0,0,.1); border-radius:inherit; overflow:hidden } 
.mainPop .bg .resize { } 
.mainPop .bg .bgfix { background-size:100% auto; background-position-y:0% } 



.mainAcademic { display:flex; flex-direction:column; } 
.mainAcademic .swiper { height:100% } 
.mainAcademic .bg { height:100%; position: relative; } 
.mainAcademic .bg::before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(0deg,rgba(0, 0, 0, .815) 0%, rgba(0, 0, 0, 0) 55%); } 
.mainAcademic .academicSt { padding-right: 4em; } 
.mainAcademic .academicSt .imgW { position: relative; width: 30%; flex-shrink: 0; } 
.mainAcademic .academicSt .imgW .txt_wrap { position: absolute; left: 0; bottom: 0; width: 100%; padding: 1.5rem; box-sizing: border-box; overflow: hidden; } 
.mainAcademic .academicSt .imgW .txt_wrap .t1 { font-size: 1.25em; max-width: 100%; font-weight: 700; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } 
.mainAcademic .academicSt .imgW .txt_wrap .t2 { font-weight: 500; font-size: 1em; margin-top: 0.3em; opacity: 0.8; } 

.eventSlide_Wrapper { --slideG: .5em; } 
.eventSlide li { width: 50%; } 
.eventSlide li .in { display: block; margin: 0 var(--slideG); background: #fff; border-radius: 1em; color: #111; box-shadow: 0 0 1em rgba(0,0,0,.15); } 
.eventSlide li .in .topT { padding: 1.5rem 0 .8rem; margin:1.2rem; border-bottom: 1px dashed #ddd; box-sizing: border-box; display: flex; gap: .5em; flex-shrink: 0; align-items: center; } 
.eventSlide li .in .topT .stat { padding: .3rem 1rem; box-sizing: border-box; color: #1c8f52; background: #eef8f2; font-weight: 500; border-radius: 100em; } 
.eventSlide li .in .topT .date { font-size: 1.125em; font-weight: 700; } 
.eventSlide li .in .bottomT { padding: .3rem 1.8rem 2rem; } 
.eventSlide li .in .bottomT .cate { font-weight: 700; color: #666; font-size: 1.125em; margin-bottom: 0.5em; } 
.eventSlide li .in .bottomT .tit { font-size: 1.25em; font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 1em; } 
.eventSlide li .in .bottomT .tt { font-size: 1em; color: #666; font-weight: 500; } 
.eventSlide_Wrapper { width:70%; } 
.eventSlide_Wrapper .prev,
.eventSlide_Wrapper .next { display: block; width: 3rem; height: 3rem; background: #fff; color: #333; text-align: center; line-height: 3rem; text-align: center; border-radius: 100em; } 

.mainBoard { position:relative } 
.mainBoard .wTit { display:flex; } 
.mainBoard .grow { flex:1 1 0%; min-width:0 } 
.mainBoard .swiper { flex:1 1 0%; min-width:0 } 

.mainBoxSt { position:relative; height:100%; box-sizing:border-box; padding:2.5em; border-radius:2em; background:rgba(255,255,255,.5); box-shadow:0 1em 3em rgba(0,0,0,.1); border:1px solid #fff; display:flex; flex-direction:column; gap:1.5em; overflow:hidden } 

.mainNewsletter { width:28em } 
.mainNewsletter .newsletterSt,
.mainNewsletter .newsletterSt .imgW,
.mainNewsletter .newsletterSt .imgW .bg { height:100% } 

.mainBasicSlideW { --slideG: .5em; filter:drop-shadow(0 0 1em rgba(0,0,0,.1)); margin:0 calc(var(--slideG) * -1) } 
.mainBasicSlideW .swiper-slide { width:33.33% } 
.mainBasicSlideW .swiper-slide > div { margin:0 var(--slideG) } 
.mainBasicSlideW.gallery { } 
.mainBasicSlideW.gallery .swiper { /* overflow:visible */ } 
.mainBasicSlideW.gallery .swiper-wrapper { align-items:center } 
.mainBasicSlideW.gallery .swiper-slide { width:calc((100% - 5rem) / 5) /* 20em */; } 
.mainBasicSlideW.gallery .swiper-slide.swiper-slide-active { width:25em } 
.mainBasicSlideW.gallery .swiper-slide .conW { transform:translateY(100%) } 
.mainBasicSlideW.gallery .swiper-slide:hover .conW { transform:translateY(0); transition:.5s } 
.mainBasicSlideW.partner1 .swiper-slide { width: calc(100% / 7); } 
.mainBasicSlideW.partner1 .swiper-wrapper{ transition-timing-function: linear !important;}

.main_vision_wrap { max-width: 55%; width: 55%; display: flex; gap: 4em; background: rgba(254, 61, 31, 0.8); border-radius: 1em; padding: 2.5rem; box-sizing: border-box; align-items: flex-start; margin-top: 1.3em; } 
.main_vision_wrap li { display: flex; flex-direction: column; justify-content: center; align-items: center; flex:1; gap: .5em; } 
.main_vision_wrap li .img_wrap { } 
.main_vision_wrap li .img_wrap img { height: 5.5rem; filter: var(--whiten); } 
.main_vision_wrap li .txt_wrap { text-align: center; } 
.main_vision_wrap li .txt_wrap .t1 { font-size: 1.25em; font-weight: 400; margin-bottom: 0.5em; } 
.main_vision_wrap li .txt_wrap .tt { font-size: 1.125em; } 

.partnerW { border-top:1px solid #eee; background:#fff } 
.partnerW .wrapF { height:6em; gap:2em; display:flex; align-items:center } 
.partnerW .partnerSlideW { flex:1 1 0%; min-width:0 } 
.partnerW .titW .t1 { font-weight:700; font-size:1.25em } 
.partnerSlideW .swiper-slide { width:14.28% } 

.event_detailA .eventPageTit { text-align: center; font-size: 2.25em; font-weight: 700; margin-bottom: 1em; } 

.login_wrap { position: relative; width:540px; max-width: 92%; margin:0 auto; box-sizing:border-box; z-index: 2; } 
.login_wrap.w1 { width:600px; max-width: 85%; margin: 0 auto; } 
.login_wrap.w2 { width:780px; max-width: 94%; margin: 0 auto; } 
.login_wrap.w3 { width:1000px; max-width: 94%; margin: 0 auto; } 
.login_wrap.st1 { padding:3rem 2.5rem; background: var(--color-bg-1); border-radius: .8em; } 
.login_wrap .join_sec { display:flex; justify-content:space-between; flex-wrap:wrap } 
.login_wrap .join_sec > li { width: 100%; } 
.login_wrap .join_sec > li.w100 { width:100% } 
.login_wrap .join_sec .table_form > li { padding-top:0; } 

.loginTop { position: relative; display: flex; align-items: center; height: 50vh; width: 100%; } 
.loginTop:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .215); content: ''; } 
.loginTop .loginTop_info { position:relative; text-align: center; margin-bottom: 1.6em; } 
.loginTop .loginTop_info .tit { font-size: 6vmin; font-weight: 500; color: #fff; } 
.loginTop .loginTop_info .desc { font-size: 1.15em; margin-top: .75em; color: rgba(255,255,255, .815); } 

.login_Container { position: relative; min-height: 36rem; } 
.login_Container .loginPage { position: absolute; top: -10rem; left: 50%; transform: translateX(-50%); background: #fff; padding: 3.5rem 4rem; border-radius: .8em; box-shadow: 0 6px 14px rgba(130, 150, 185, 0.09), 0 16px 32px rgba(130, 150, 185, 0.11); } 
.login_wrap .loginForm_wrap { } 
.login_wrap .loginForm_wrap > li { margin-bottom: 1.6em; } 
.login_wrap .loginForm_wrap > li:last-of-type { margin-bottom: 0; } 
.login_wrap .loginForm_wrap > li > .wrap_in { } 
.login_wrap .loginForm_wrap > li > .wrap_in > .tit { font-size: .963em; color: #272727; font-weight: 600; margin-bottom: .4em; } 
.loginMark .logo { display:flex; align-items:center; gap:1em; justify-content: center; margin-bottom: 3.2em; } 
.loginMark .logo > div { display:block; height:3.5em; overflow:hidden } 
.loginMark .logo > div .in { display:block; height:100%; transition:.3s } 
.loginMark .logo > div img { height:100%; display:block } 

.login_tab { display:flex; padding:0 1px 0 0; margin-bottom:2em; } 
.login_tab > li { flex:1 1 1%; } 
.login_tab > li > a { display:flex; align-items:center; justify-content:center; box-sizing:border-box; position:relative; height:3.5em; border:1px solid rgba(0,0,0,.1); color:rgba(0,0,0,.7); background:#fff; margin:0 -1px -1px 0 } 
.login_tab > li:first-child > a { border-radius:.35rem 0 0 .35rem; } 
.login_tab > li:last-child > a { border-radius:0 .35rem .35rem 0; } 
.login_tab > li > a .t1 { font-weight:500; font-size: var(--font-size-md-1); } 
.login_tab > li > a.on { background:var(--siteC2); border-color:transparent; color:#fff } 
.login_tab > li > a.on:after { content:""; position:absolute; left:50%; transform:translate(-50%, 50%) rotate(45deg); bottom:-1px; width:.75em; height:.75em; background:#fff } 

.layer_inp { display:block; position:relative } 
.layer_inp .inp:focus { z-index:1 } 
.layer_inp .inp { border:1px solid #ddd; margin-bottom:-1px; padding:1rem; padding-left:4rem; height:3.75em; box-sizing:border-box; width:100%; position:relative; font-weight:500; font-size: .963em; } 
.layer_inp select.inp { padding-left:3.75rem } 
.layer_inp select.inp optgroup,
.layer_inp select.inp option { font-weight:400; } 
.layer_inp:first-of-type .inp { border-top-left-radius:.35rem; border-top-right-radius:.35rem } 
.layer_inp:last-of-type .inp { border-bottom-left-radius:.35rem; border-bottom-right-radius:.35rem } 
.layer_inp .tt { position:absolute; left:4.25em; right:0; top:0; height:100%; display:flex; align-items:center; box-sizing:border-box; padding-right: .5em; z-index:2; color:#999; font-weight:500 } 
.layer_inp .tt > i { font-size: .945em; } 
.layer_inp .ico { font-size:1em; position:absolute; left:0; top:0; width:3.75em; color: var(--siteC); height:100%; display:flex; align-items:center; justify-content:center; z-index:2 } 
.layer_inp .ico:before { font-size:1.5em } 
.layer_inp .inp:focus { border-color:var(--siteC); outline:none } 
.layer_inp .inp:valid ~ .tt,
.layer_inp .inp:focus ~ .tt { right:auto; width:auto; height:1em; transform:translateY(-50%); backdrop-filter:blur(1em); color:var(--siteC) } 
.layer_inp .inp:valid ~ .tt > i,
.layer_inp .inp:focus ~ .tt > i { font-size:.675em; padding-left: .5em; } 

.login_wrap > .loginInnerT { text-align: center; font-size: 2.25rem; font-weight: 700; margin-bottom: 1rem; } 
.login_wrap .logoMark { display: flex; align-items: center; justify-content: center; margin-bottom: var(--space-5); } 
.login_wrap .logoMark > img { height: 3rem; object-fit: contain; } 
.login_wrap .login { display:flex; flex-direction:column } 
.login_wrap .login > * { width:100%; box-sizing:border-box } 
.login_wrap .btn { height: 3.5rem; border-radius: .4em; border:1px solid transparent; font-weight:600; font-size: .963em; } 
.login_wrap .btn .xi { font-size:1em; margin-right:.25em } 
.login_wrap .btn.c1 { background:var(--siteC); color:#fff } 
.login_wrap .btn.c2 { background:#000; color:#fff } 
.login_wrap .btn.c3 { background:var(--siteC); border:none; color:#fff } 
.login_wrap .btn.c4 { border: 1px solid var(--siteC); color: var(--siteC); background: #fff; } 
.login_wrap .btn.s1 { font-size:1.063em } 
.login_wrap .check_wrap { padding: 1rem 0 1.5rem 0; } 
.login_wrap .check_wrap .label_st { display: flex; align-items: center; gap: .25rem; color: #666; } 
.login_wrap .check_wrap .label_st > .tt { font-size: .945em; } 
.login_wrap .check_wrap .label_st .xi { width: 1.063em; height: 1.063em; min-width: 1.063em; min-height: 1.063em; } 
.login_wrap .check_wrap + .page_btn { margin-top:0; } 
.login_wrap .page_btn { margin-top:2em; gap:.5em; } 
.login_wrap .inp_flex { display:flex; gap:1em; } 
.login_wrap .inp_flex .inp_wrap { flex:1 1 0%; min-width:0; } 
.login_wrap .inp_flex .page_btn { width:9em; margin-top:0 } 
.login_wrap .inp_flex .page_btn .btn { height:100% } 
.login_wrap .link_wrap { padding:2em 0; } 
.login_wrap .link_wrap:last-child { padding-bottom:0; } 
.login_wrap .link_wrap li { display: inline-block; position: relative; padding: 0 1.5em; } 
.login_wrap .link_wrap li a { font-size: .963em; color: #888; font-weight: 500; display: inline-block; } 
.login_wrap .link_wrap li + li:before { content:""; position:absolute; left:0; top:50%; width:1px; height:1em; background:#000; opacity:.15; transform:translateY(-50%); } 
.login_wrap .link_wrap li a.point { color: var(--siteC); font-weight:600; } 
.login_wrap .link_wrap li a:hover { text-decoration:underline; } 
.login_wrap .sns_tit { overflow:hidden; margin:2em 0; text-align:center; } 
.login_wrap .sns_tit .in { position:relative; display:inline-block; padding:0 1em; font-size:1.1em; font-weight:600; color:#777 } 
.login_wrap .sns_tit .in:before,
.login_wrap .sns_tit .in:after { content:""; position:absolute; top:50%; width:1000px; height:1px; background:#ddd; } 
.login_wrap .sns_tit .in:before { right:100%; } 
.login_wrap .sns_tit .in:after { left:100%; } 
.login_wrap .sns_login { display:flex; flex-wrap:wrap; align-items:center; gap:.5em; padding: 0 5em; } 
.login_wrap .sns_login > li { flex:1; } 
.login_wrap .sns_login > li .in { height:3.5em; gap:.75em; } 
.login_wrap .sns_login > li .in .ico { font-size:1.500em; } 
.login_wrap .sns_login > li .in .tt { font-size:1.063em; font-weight:500; } 
.login_wrap .sns_login > li.nv .in { background:var(--snsNv); color:#fff; } 
.login_wrap .sns_login > li.ka .in { background:var(--snsKa); } 
.login_wrap .innerCover { padding: 0 7rem; } 

.prod_table_st { border-top: 1px solid #ddd; letter-spacing: -0.03em; } 
.prod_table_st th,
.prod_table_st td { padding: .35em .5em; border-bottom: 1px solid #e5e5e5; /* border-right: 1px solid #e5e5e5; */ background: #fff; } 
.prod_table_st .tt.s1 { font-size: 1.05em; font-weight: 700; } 
.prod_table_st td:last-of-type,
.prod_table_st th:last-of-type { border-right: none; } 
.prod_table_st th { background: #f4f8ff; font-weight: 600; font-size: 1em; } 
.prod_table_st.tH1 th { height: 3em; } 
.prod_table_st td { color: #333; font-weight: 500; padding: .75em 1.5em; } 
.prod_table_st td > strong { color: var(--siteC); font-weight: 600; } 
.prod_table_st th.br,
.prod_table_st td.br { border-right: 1px solid #e5e5e5; } 
.prod_table_st tr:nth-child(2n) td { background: #f7f7f7; } 
.prod_table_st~div.no_con { border-top: none; } 
.prod_table_st td.Bcp { font-weight: 600; } 
.prod_table_st th.tdG,
.prod_table_st td.tdG { background: #2c2f36 !important; color: #fff; padding: .75em 2em; font-weight: 600; font-size: 1em; } 
.prod_table_st .tableList { text-align: left; } 
.prod_table_st .tableList > li { color: #333; margin-bottom: .5em; } 
.prod_table_st .tableList > li:last-of-type { margin-bottom: 0em; } 

.prod_table_st .m_tbody { display: none; } 
.prod_table_st.s1 { font-size: 1.125em; } 

.fin_box { border-radius: .4em; padding:3rem; text-align:center; word-break:keep-all; box-shadow: 0 4px 20px rgba(15, 23, 42, 0.08); } 
.fin_box .fin { display:inline-flex; align-items:center; gap:1rem; margin:.5rem 0; } 
.fin_box .fin * { line-height:normal !important; } 
.fin_box .xIco { margin-bottom:1em; color: var(--siteC); } 
.fin_box .xIco .xi { font-size:1.750rem; } 
.fin_box .tit { font-size: 1.215em; font-weight:600; margin-bottom: .4em; } 
.fin_box .tit.s1 { font-size:1.375rem } 
.fin_box .tt1 { line-height:1.5; font-size: .963em; color: #666; } 
.fin_box .tt2 { font-size:1.250em; font-weight:500; } 
.fin_box .tt_point { font-size:1.750rem; color:var(--siteC2); font-weight:700; } 
.fin_box .tt_no { display:inline-flex; align-items:center; gap:1rem; margin-top:1rem; height:3rem; padding:0 2em; background:var(--siteC2); border-radius:6em; color:#fff; } 
.fin_box .tt_no .no { font-size:1.250rem; font-weight:600; } 
.fin_box .fs:not(:last-child):after { content:"," } 
.fin_box .finTop { margin-bottom: 1.6em; } 

.agree_box:not(.page_box) { border:10px solid #eee; padding:1.5em 1.75em; } 
.agree_box p { padding:.375em 0; } 
.agree_box strong,
.agree_box b { font-weight:600; color:#000; } 
.agree_box.tt1 { color:#555; line-height:1.5 } 
.agree_box.tt2 { color:#555; font-size:1rem; line-height:1.5 } 
.agree_box.tt2 strong,
.agree_box.tt2 b { font-size:1.125rem; } 
.agree_box.h1 { height:18em; } 

.agree_box ol { padding:.375em 0; } 
.agree_box ol > li { padding-left:.875em; text-indent:-.875em; } 

.btn_vf { padding:2em; border:1px solid #ddd; border-radius:.5em; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; min-height:8em; transition:.3s } 
.btn_vf .ico { width:8em; height:8em; border:3px dotted var(--crGray); border-radius:50%; display:flex; flex-direction:column; justify-content:center; margin-bottom:1.5em } 
.btn_vf .ico img { height:45% } 
.btn_vf .t1 { font-weight:700; font-size:var(--font-size-md-1) } 
.btn_vf .t2 { color:#666; margin-top:.5em } 
.btn_vf .st { padding:.75em .5em; background:var(--crGrad1); width:100%; max-width:12em; border-radius:.5em; box-sizing:border-box; font-size:1.125rem; font-weight:500; color:#fff; margin-top:1.5em } 
.btn_vf:hover,
.btn_vf:focus { border-color:var(--siteC2); box-shadow:0 0 1em rgba(0,0,0,.1) } 

.newTag { position: relative; } 
.newTag::before { content: 'N'; display: flex; justify-content: center; align-items: center; width: 1rem; height: 1rem; padding: .3em; border-radius: 50%; background: tomato; font-weight: 600; font-size: .875em; color:#fff; position: absolute; right: -.6rem; top: -.6rem; zoom: .8; } 

/*** sub_member ***/
.step_tit { text-align:center; } 
.step_tit .t1 { font-size: 2.815rem; font-weight:600; } 
.step_tit .t2 { font-size: 1.125rem; margin-top:1.25em; } 

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

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

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

.join_choice { gap: .5em; } 
.join_choice .in { display: block; width: 50%; text-align: center; border: 1px solid #ddd; padding: 1rem; cursor: pointer; background: #f9f9f9; border-radius: .5em; transition: .2s ease; } 
.join_choice .in:hover { background: #ebebf3; border: 1px solid var(--siteC); } 
.join_choice .in > span { font-size: .963em; font-weight: 600; margin-top: .5rem; } 
.join_choice .in .xi { display: block; border: 1px solid #ddd; background: #fff; width: 2em; height: 2em; line-height: 2em; border-radius: 50%; margin: 0 auto; margin-bottom: .5em; color: var(--siteC); font-size: 1.615rem; } 
.join_choice .in:nth-child(1) .xi::before { content: "\e9f4"; } 
.join_choice .in:nth-child(2) .xi::before { content: "\eb60"; } 
.join_choice .in.on { background: var(--siteC); } 
.join_choice .in.on > span { color: #fff; } 

.form_wrapper { } 
.form_wrapper > .item { padding-bottom: 2.5em; } 
.form_wrapper > .item:last-of-type { padding-bottom: 0; } 
.form_wrapper > .item > .formT { font-size: 1.215em; font-weight: 700; margin-bottom: .8em; } 
.form_wrapper > .item .mem_terms_wrap .tit { font-size: 1.215em; } 
.form_wrapper > .item .agree { font-size: .945em; } 

.form_wrapper .subTitWrap { display: flex; align-items: center; gap: .6rem; margin-bottom: .8em; } 
.form_wrapper .subTitWrap .subTit { font-size: 1.215em; font-weight: 700; color: var(--siteC); } 
.form_wrapper .subTitWrap .tt { font-size: .876em; font-weight: 500; color: #999; } 

/*join*/
.form_wrap { width: 100%; } 
.form_wrap .form { margin: 0; padding: 0; list-style: none; background: #fff; border: 1px solid #ddd; border-radius: .8em; overflow: hidden; box-shadow: 0 4px 20px rgba(15, 23, 42, 0.08); } 
.form_wrap .form>li { margin: 0; padding: 0; background: #fff; border-bottom: 1px solid #ddd; } 
.form_wrap .form>li:last-of-type { border-bottom: none; } 
.form_wrap .form>li .inp_wrap { width: 100%; } 
.form_wrap .form>li .inp_wrap .inpDiv,
.form_wrap .form>li .inp_wrap .con { position:relative; display: flex; align-items: center; min-height: 60px; padding: 0 24px; gap: 16px; } 
.form_wrap .form>li .inp_wrap .con .retime { font-size: .915em; color: #888; font-weight: 400; } 
.form_wrap .form>li .inp_wrap .info_wrap { padding: 0 10px; padding-bottom: .75rem; box-sizing: border-box; } 
.form_wrap .form>li .inp_wrap .info { padding: .5rem .75rem; border-radius: 3px; background: #ecf3f9; display: flex; align-items: start; gap: .25rem; } 
.form_wrap .form>li .inp_wrap .info > .xi { color: var(--siteC); font-size: 1.15em; } 
.form_wrap .form>li .inp_wrap .info > .desc { position:relative; top: 4px; font-size: .8rem; color: #888; font-weight: 400; } 
.form_wrap .form>li .inp_wrap .info_wrap.errorT .info { background: #fdf6f6; } 
.form_wrap .form>li .inp_wrap .info_wrap.errorT .info > .xi { color: var(--siteCerr); } 
.form_wrap .form>li .inp_wrap .info_wrap.errorT .info > .desc { color: var(--siteCerr); font-weight: 500; opacity: .876; } 
.form_wrap .form>li:last-child .inp_wrap .con:last-child { border-bottom: 0; } 
.form_wrap .form .tit { flex-shrink: 0; width: 100px; margin: 0; font-size: .945em; font-weight: 600; line-height: 1.4; color: #666; } 
.form_wrap .form .label_wrap { } 
.form_wrap .form .label_wrap .label_st { font-size: .945em; } 
.form_wrap .form .label_wrap .label_st span { font-weight: 500; } 
.form_wrap .form .label_wrap .label_st .xi { min-width: 1.25em; min-height: 1.25em; } 
.form_wrap .form .addBtn { height: 2rem; padding: 0 1rem; box-sizing: border-box; color: #fff; background: var(--siteC); border: none; display: flex; align-items: center; justify-content: center; border-radius: 100px; } 
.form_wrap .form .addBtn>p { font-size: .8rem; font-weight: 600; line-height: 1; } 
.form_wrap .form .input_st { flex: 1; min-width: 0; width: 100%; padding: 0; margin: 0; border: 0; border-radius: 0; outline: 0; box-shadow: none; font-size: 15px; line-height: 1.5; color: #333; } 
.form_wrap .form .input_st::placeholder { color: #b6bcc5; } 
.form_wrap .form .input_st:focus { outline: none; box-shadow: none; } 
.form_wrap .form .con > .xi { flex-shrink: 0; margin-left: auto; font-size: 20px; line-height: 1; color: #c7ccd3; transition: color .2s ease; } 
.form_wrap .form .con:focus-within { background: #fcfdff; } 
.form_wrap .form .con:focus-within .xi { color: #7d9fd7; } 

.form_wrap .form>li .inp_wrap .inpDivWrap { padding-bottom: 1.5em; } 
.form_wrap .form>li .inp_wrap .inpDiv { gap: 6px; min-height: auto; margin-bottom: .5em; } 
.form_wrap .form>li .inp_wrap .inpDiv:last-of-type { margin-bottom: 0; } 
.form_wrap .form>li .inp_wrap .inpDiv input { border: 1px solid #ddd; border-radius: .25em; padding: 0 .5em; box-sizing: border-box; } 
.form_wrap .form>li .inp_wrap .inpDiv select.input_st { border: 1px solid #ddd; color: #111; padding: .5em .75em; padding-right: 2.5em; box-sizing: border-box; border-radius: .25em; font-weight: 500; position: relative; } 

/* .form_wrap .form .error-container .errorT { position: absolute; right: 3.25em; top: 0em; display: flex; background: var(--siteCerr); color: #fff; padding: .25em .5em; box-sizing: border-box; align-items: center; justify-content: center; border-radius: 5px; } */
.form_wrap .form .error-container .errorT > p { font-size: .815em; font-weight: 600; color: var(--siteCerr); } 
/* .form_wrap .form .error-container .errorT:before { position: absolute; right: .5em; bottom: -.6em; font-family: 'xeicon'; content: '\e936'; color: var(--siteCerr); font-size: 1.315em; line-height: 1; } */

/* 서브 공통 */
.page_tit { margin:0 0 1.25em 0 } 
.page_tit.c_white { color: #fff; } 
.page_tit.m0 { margin-bottom:0; } 
.page_tit.m1 { margin-bottom:2.25em; } 
.page_tit.m2 { margin-bottom: 1em; } 
.page_tit .tt { } 
.page_tit .tt * { vertical-align:baseline; } 
.page_tit .tt .info-tt { color: #888; font-size: 0.875rem; margin-top: 5px; } 
.page_tit .t0 { font-size: 3.215em; font-weight: 700; line-height: 1.2; text-transform: uppercase; } 
.page_tit .t0.en { font-weight: 400; text-transform: none; } 
.page_tit .t1 { font-size: 2.515em; font-weight: 700; line-height: 1.3; } 
.page_tit .t2 { margin:.75em 0; color:#555666; font-size:1.063em; line-height: 1.4; } 
.page_tit .t2:first-child { margin-top:0; } 
.page_tit .t3 { font-weight:700; font-size:1em; margin-bottom: 1em; text-transform: uppercase; } 
.page_tit .t3.en { font-weight: 400; color: var(--siteC); font-family:var(--fSerif) } 
.page_tit .t4 { font-weight:700; font-size:2em; line-height: 1.3; } 
.page_tit .t5 { font-weight:600; font-size:1.415em; text-transform: uppercase; } 
.page_tit .t6 { font-weight:500; font-size:.938em; } 
.page_tit .t7 { font-weight:500; font-size:1.063em; } 
.page_tit .t8 { font-weight:500; font-size:1.188em; color:#666; } 
.page_tit .t9 { font-size:1.75em; } 
.page_tit .t10 { font-size:1.88em; } 
.page_tit:last-child { margin-bottom:0 !important; } 

.page_con { padding: 4em 0; } 
.page_con + .page_con { } 
.page_con.bg1 { background: #f1f1f1; } 
.page_con.p1 { padding: 5rem 0 20vmin; } 

/**/
.descList { } 
.descList > li { font-size: 1.125rem; line-height: 1.6; margin-bottom: 1.5rem; color: #373737; } 
.descList > li > i { color: var(--siteC); font-weight: 500; } 
.descList > li:last-of-type { margin-bottom: 0; } 


/*인사말*/
.greetingSection { width: 100%; } 
.greetingSection .greetingInner { width: 100%; max-width: 80em; margin: 0 auto; } 
.greetingSection .greetingVisual { position: relative; overflow: hidden; border-radius: 2.5em 2.5em 0 0; padding: 2.5em 6em; box-sizing: border-box; } 
.greetingSection .greetingVisual .greetingInner { display: flex; align-items: center; justify-content: space-between; } 
.greetingSection .greetingVisual .greetingInner .profileImg { width: 11em; border-radius: .5em; height: 14em; overflow: hidden; } 
.greetingSection .greetingVisual .greetingInner .profileImg > img { width: 100%; height: 100%; object-fit: cover; } 
.greetingSection .greetingTitleWrap { position: relative; } 
.greetingSection .greetingTitle { margin: 0; font-size: 2em; font-weight: 700; line-height: 1.45; color: #fff; } 
.greetingSection .greetingTitle.t2 { margin-top: .5em; } 
.greetingSection .greetingTitle > .name { font-size: 1.415em; letter-spacing: 5px; font-weight: 700; line-height: 1; } 
.greetingSection .greetingContent { padding: 3.5em 4.5em; } 
.greetingSection .greetingContent .greetingInner > .ceoWrap { display: flex; gap: 1em; align-items: end; flex-direction: column; margin-top: 2.5em; } 
.greetingSection .greetingContent .greetingInner > .ceoWrap > .date { font-size: 1.15em; font-weight: 400; color: #666; } 
.greetingSection .greetingContent .greetingInner > .ceoWrap > .owner { font-size: 1.415em; font-weight: 600; } 
.greetingSection .greetingContent .greetingInner > .ceoWrap > .owner > .name { margin-left: .25em; font-size: 1.415em; font-weight: 700; letter-spacing: 4px; } 
.greetingSection .greetingTxt { margin: 0; font-size: 1.215em; line-height: 2; word-break: keep-all; color: #444; } 
.greetingSection .greetingTxt+.greetingTxt { margin-top: 2em; } 
.greetingWrapper .greetingBtm .greeDiv { padding: 2.5em; box-sizing: border-box; border-top: 1px solid var(--siteLine); border-bottom: 1px solid var(--siteLine); } 

.greetingWrapper .descList > li > i { display: block; } 

/* 한국간호과학회 */
.topBanner { position: relative; border-radius: 1rem 1rem 0 0; overflow: hidden; } 
.topBanner::before { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; background: rgb(0, 0, 0, 0.2); z-index: 2; } 
.topBanner .img_wrap { width: 100%; height: 18rem; overflow: hidden; } 
.topBanner .img_wrap img { display: block; width: 100%; object-fit: contain; } 
.topBanner .txt_wrap { position: absolute; left: 50%; top: 50%; z-index: 10; transform: translate(-50%, -50%); text-align: center; color: #fff; width: 100%; filter: drop-shadow(2px 4px 30px #111); } 
.topBanner .txt_wrap .s_tit { font-size: 1.125rem; font-weight: 700; margin-bottom: 1.5rem; letter-spacing: 2px; position: relative; padding-bottom: 1.5rem; } 
.topBanner .txt_wrap .s_tit::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 18rem; height: 1px; background: #fff; } 
.topBanner .txt_wrap .tit { font-size: 3rem; font-weight: 700; margin-top: 0.2rem; } 
.topBanner .txt_wrap .t1 { font-size: 1.38rem; letter-spacing: 6px; } 

.overContainer { background-image: url(../images/sub/overview_back_img.jpg); background-repeat: no-repeat; background-size: cover; padding: 3rem 5rem 6rem; } 
.overContainer > .boxSub { box-shadow: 0px 0px 60px rgba(17, 17, 17, 0.25); border-radius: 1rem; } 
.overContainer .topBanner { position: relative; z-index: 10; } 


.overview_txt { padding: 6rem 4.5rem 6rem; box-sizing: border-box; width: 100%; background: #fff; border-radius: 0 0 1rem 1rem; margin-top: -2rem; } 
.overview_txt .overview_icon { display: flex; background: #f1f1f1; gap: 4rem; border-radius: 100rem; padding: 4rem; box-sizing: border-box; } 
.overview_txt .overview_icon .conW { flex: 1; position: relative; display: flex; align-items: center; justify-content: space-between; gap: 0; box-sizing: border-box; } 
.overview_txt .overview_icon .conW::before { position: absolute; content: ''; right: -2rem; top: 50%; transform: translateY(-50%); width: 1px; height: 100%; background: #ccc; } 
.overview_txt .overview_icon .conW:last-child:before { display: none; } 
.overview_txt .overview_icon .conW .left_wrap { display: flex; flex-direction: column; gap: 1rem; } 
.overview_txt .overview_icon .conW .left_wrap .tit { font-size: 1.25rem; font-weight: 700; color: var(--siteC); } 
.overview_txt .overview_icon .conW .left_wrap .bottom_tt { display: flex; align-items: end; gap: .5rem; } 
.overview_txt .overview_icon .conW .left_wrap .bottom_tt .num { font-size: 2.63rem; font-weight: 800; transition: 3s; } 
.overview_txt .overview_icon .conW .left_wrap .bottom_tt .tt { font-size: 1.125rem; font-weight: 500; margin-bottom: 0.5rem; } 

.overview_txt .overview_info { margin-top: 3.5rem; text-align: center; } 
.overview_txt .overview_info .t1 { font-size: 1.75rem; margin-bottom: 1.7rem; font-weight: 700; line-height: 1.5; display: inline; background: linear-gradient(transparent 70%, rgb(255 141 59 / 30%) 0); box-decoration-break: clone; -webkit-box-decoration-break: clone; } 
.overview_txt .overview_info .t2 { font-size: 1.125rem; line-height: 1.5; margin-bottom: 1.2rem; color: #333; font-weight: 500; } 

.pointList { display: flex; gap: 1.5rem; flex-wrap: wrap; align-items:stretch; } 
.pointList > li { width: calc((100% - 3rem) / 2); display: flex; } 
.pointList > li .in { width: 100%; min-height: 18rem; box-sizing: border-box; border-radius: .5rem; display: flex; border-radius: 1rem; border: 1px solid #ddd; overflow: hidden; } 
.pointList > li .img_wrap { background: #f5f5f5; width: 32%; display: flex; align-items: center; justify-content: center; transition: background-color 0.5s ease-in-out; } 
.pointList > li .img_wrap img.white_img { display: none; } 
.pointList > li.circle_item.on .in { border: 3px solid var(--siteC2); } 
.pointList > li.circle_item.on .img_wrap { background: var(--siteC2); } 
.pointList > li.circle_item.on .img_wrap img:not(.white_img) { display: none; } 
.pointList > li.circle_item.on .img_wrap img.white_img { display: block; } 
.pointList > li .img_wrap img { height: 5.7rem; display: block; } 
.pointList > li .txt_wrap { width: 68%; background: #fff; padding: 2.4rem 2rem; box-sizing: border-box; } 
.pointList > li .txt_wrap .s_tit { font-size: 1.125rem; font-weight: 800; color: var(--siteC2); margin-bottom: .4rem; } 
.pointList > li .txt_wrap .tit { font-size: 1.5rem; font-weight: 700; margin-bottom: 1.2rem; } 
.pointList > li .txt_wrap .tt { font-size: 1.125rem; color: #333; font-weight: 500; line-height: 1.5; } 

/* 
.pointList > li .dotList { padding: 1.5rem 1.6rem; position: relative; box-sizing: border-box; border-radius: 0 0 .5rem .5rem; background: var(--siteC); margin-top: -0.3rem; } 
.pointList > li .dotList::before { position: absolute; content: ''; width: 1.5em; height: 1.5em; left: 49%; top: -0.9rem; z-index: 10; transform: rotate(45deg) translate(-50%, 0); transform-origin: left bottom; background: var(--siteC); margin-bottom: -2px; } 
.pointList > li .dotList li { color: #fff; } 
.pointList > li .dotList li::before { background: #fff; } 
 */

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

.dotList.st1 > li:not(.tit) { padding-left: 2rem; } 
.dotList.st1 > li:not(.tit)::before { left: 1.2rem; } 
.dotList.dot2 > li:before { position: absolute; left: 0; top: 10px; width: 5px; height: 5px; border-radius: 100px; background: var(--siteC2); content: ''; } 
.dotList.dot2.s2 > li:before { top: 8px; } 
.dotList > li:last-of-type { margin-bottom: 0; } 

/**/
.overview_Wrapper .listOver { list-style: none; padding: 0; margin: 1.5em 0 0 0; display: flex; gap: 1em; } 
.overview_Wrapper .listOver li { flex: 1; background-color: #f2f3f7; border-radius: 0.6em; padding: 2.5em; box-sizing: border-box; } 
.overview_Wrapper .listOver li .wIn { display: flex; flex-direction: column; justify-content: space-between; } 
.overview_Wrapper .listOver li .wIn .numCon { } 
.overview_Wrapper .listOver li .wIn .numCon > .tit { font-size: 1.715em; font-weight: 700; } 
.overview_Wrapper .listOver li .wIn .numCon > .desc { font-size: .915em; margin-top: .35em; color: #666; } 
.overview_Wrapper .listOver li .wIn .tt { margin-top: 2em; margin-left: auto; } 
.overview_Wrapper .listOver li .wIn .tt > .no { font-size: 2.75em; font-weight: 700; color: var(--siteC); line-height: 1; } 
.overview_Wrapper .listOver li .wIn .tt > .no > .kn { font-size: .5em; margin-left: .15em; } 

.overview_Wrapper .overviewTop > .topCon { display: flex; align-items: end; justify-content: space-between; margin-bottom: 2.5em; } 
.overview_Wrapper .overviewTop > .topCon > .tit { font-size: 2.315em; font-weight: 700; line-height: 1.3; } 
.overview_Wrapper .overviewTop > .topCon > .desc { font-size: 1.15em; font-weight: 400; color: #666; line-height: 1.4; } 
.overview_Wrapper .overviewTop > .imgWide { position:relative; width: 100%; height: 28em; border-radius: 1em; overflow: hidden; } 
.overview_Wrapper .overviewTop > .imgWide > img { width: 100%; height: 100%; object-fit: cover; } 

.overview_Wrapper .overIntro { display: flex; gap: 6em; } 
.overview_Wrapper .overIntro > .item { display: flex; flex-direction: column; gap: 3em; width: calc((100% - 3em) / 2); } 
.overview_Wrapper .overIntro > .item > .infoWrap { } 
.overview_Wrapper .overIntro > .item > .imgCon { width: 100%; height: 38em; border-radius: 1em; overflow: hidden; } 
.overview_Wrapper .overIntro > .item > .imgCon > img { width: 100%; height: 100%; object-fit: cover; } 

.overview_Wrapper .overBu { } 
.overview_Wrapper .overBu .Bulist { display: flex; gap: 1.5em; flex-wrap: wrap; } 
.overview_Wrapper .overBu .Bulist > li { display: flex; width: calc((100% - 3em) / 3); } 
.overview_Wrapper .overBu .Bulist > li > .con { display: flex; height: 21.5em; flex-direction: column; justify-content: space-between; border-radius: .5em; overflow: hidden; width: 100%; flex: 1; padding: 2.5em; box-sizing: border-box; background: #f2f3f7; transition: .3s ease; } 
.overview_Wrapper .overBu .Bulist > li > .con.fic { background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; } 
.overview_Wrapper .overBu .Bulist > li > .con .buTop { } 
.overview_Wrapper .overBu .Bulist > li > .con .buTop > .icon { margin-bottom: 1em; } 
.overview_Wrapper .overBu .Bulist > li > .con .buTop > .icon > img { height: 3.5em; object-fit: contain; transition: .3s ease; } 
.overview_Wrapper .overBu .Bulist > li > .con .buTop > .tit { font-size: 1.515em; font-weight: 700; transition: .3s ease; } 
.overview_Wrapper .overBu .Bulist > li > .con .buBtm { } 
.overview_Wrapper .overBu .Bulist > li > .con .buBtm > .page_dot_list.s1 > li { color: #666; margin-bottom: .3em; transition: .3s ease; } 

.overview_Wrapper .overBu .Bulist > li > .con:not(.fic):hover { background: var(--siteC2); } 
.overview_Wrapper .overBu .Bulist > li > .con:not(.fic):hover .buTop > .tit { color: #fff; } 
.overview_Wrapper .overBu .Bulist > li > .con:not(.fic):hover .buBtm > .page_dot_list.s1 > li { color: #fff; } 
.overview_Wrapper .overBu .Bulist > li > .con:not(.fic):hover .buTop > .icon > img { filter: var(--whiten); } 

/* 조직도 */
.chart-container { padding: 0 2rem; box-sizing: border-box; } 
.node { display: flex; align-items: center; justify-content: center; font-size: 1.125rem; font-weight: bold; border-radius: 0.3rem; box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.05); z-index: 2; position: relative; } 
.tier-1 { display: flex; justify-content: space-between; align-items: center; position: relative; margin-bottom: 2rem; } 
.tier-1::after { content: ''; position: absolute; bottom: -2rem; left: 50%; transform: translateX(-50%); width: 0.0625rem; height: 2rem; background-color: #e0e0e0; } 
.special-comm { background-color: var(--siteC2); color: #ffffff; width: 16rem; height: 4rem; position: relative; z-index: 10; } 
.special-comm::before { position: absolute; content: ''; top: 4rem; left: 50%; transform: translateX(-50%); background: #e0e0e0; width: 0.0625rem; height: 7rem; z-index: -1; } 
.auditor { background-color: var(--siteC2); color: #ffffff; width: 16rem; height: 4rem; position: relative; } 
.auditor::before { position: absolute; content: ''; top: 4rem; left: 50%; transform: translateX(-50%); background: #e0e0e0; width: 0.0625rem; height: 7rem; z-index: -1; } 

.president { background-color: var(--siteC); color: #ffffff; width: 11rem; height: 11rem; border-radius: 50%; font-size: 1.2rem; margin: 0 auto; overflow: hidden; position: relative; border: 18px solid rgb(202 208 241); box-sizing: border-box; } 
.tier-2-container { position: relative; margin-bottom: 3.5rem; } 

.tier-2-container::before { content: ''; position: absolute; bottom: 35%; left: 10rem; right: 10rem; height: 0.0625rem; background-color: #e0e0e0; } 
.tier-2-container::after { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0.0625rem; height: 16rem; background-color: #e0e0e0; } 
.tier-2 { display: flex; justify-content: space-between; align-items: center; padding-top: 1.5rem; /* 선과 노드 사이 여백 */ } 
.member-society { border: 1px solid var(--siteC2); z-index: unset; background: #fff; color: var(--siteC2); width: 16rem; height: 4rem; position: relative; } 
.member-society::before { position: absolute; content: ''; left: 50%; top: 0; transform: translateX(-50%); background: #e0e0e0; width: 0.0625rem; height: 16rem; z-index: -1; } 
.vice-president { border: 1px solid var(--siteC2); z-index: unset; color: var(--siteC2); background: #fff; width: 16rem; height: 4rem; position: relative; } 
.vice-president::before { position: absolute; content: ''; left: 50%; top: 0; transform: translateX(-50%); background: #e0e0e0; width: 0.0625rem; height: 16rem; z-index: -1; } 

.main-grid { display: grid; grid-template-columns: 16rem 1fr 16rem; gap: 2rem; position: relative; } 
.grid-column { display: flex; flex-direction: column; gap: 0.8rem; position: relative; } 
.sub-node { background-color: #fff; border: 1px solid var(--siteC); color: var(--siteC); height: 3.5rem; font-size: 1.125rem; font-weight: 500; position: relative; } 
.left-column::before, .right-column::before { content: ''; position: absolute; top: 0; bottom: 1.75rem; width: 0.0625rem; background-color: #e0e0e0; } 
.left-column::before { left: 50%; transform: translateX(-50%); } 
.right-column::before { left: 50%; transform: translateX(-50%); } 
.center-column { justify-content: flex-start; gap: 1rem; } 
.director { width: 16rem; height: 4rem; margin: 0 auto; color: #ffffff; } 
.director.general { background-color: #333; } 
.director.secretary { background-color: #666; } 

/* 찾아오시는 길 */
.root_daum_roughmap { width: 100% !important; } 
.root_daum_roughmap .cont,
.root_daum_roughmap .wrap_controllers { display: none; } 
.map_Wrapper { overflow: hidden; border-radius: 1em; } 
.map_Wrapper .map { position:relative; overflow: hidden; } 
.map_Wrapper .map:before { /* position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255, 0); content: ''; z-index: 2; */ } 

.map_Wrapper .mapInfoWrap { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 2em; padding: 3.5em; box-sizing: border-box; background: var(--siteC); align-items: flex-end; } 
.map_Wrapper .mapInfoWrap .leftInfo { width: 100%; } 
.map_Wrapper .mapInfoWrap .leftInfo > .tit { font-size: 2.15em; font-weight: 700; color: #fff; margin-bottom: 1em; } 
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo { display: flex; flex-wrap: wrap; gap: 0.7em 1em; } 
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li { } 
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li.br { width: 100%; } 
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li > .con { display: flex; gap: .25em; font-size: 1.063em; } 
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li > .con > .xi { position: relative; top: -.2em; color: #fff; font-size: 1.515em; } 
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li > .con > .titCon { display: flex; gap: .75em; } 
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li > .con > .titCon > .tit { font-weight: 700; line-height: 1.4; color: #fff; } 
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li > .con > .titCon > .txt { font-weight: 400; line-height: 1.4; color: rgba(255,255,255, .7); } 
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li > .con > .titCon > .txt .tt:first-child { margin-right: 1em; padding-right: 1em; border-right: 1px solid rgba(255, 255, 255, 0.15); } 

.map_Wrapper .mapInfoWrap .rightInfo { width: 100%; } 
.map_Wrapper .mapInfoWrap .rightInfo .flex_box { } 
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen { height: 100%; } 
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen > li { display: flex; } 
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen > li > .in { position:relative; display: flex; justify-content: space-between; flex: 1; border-bottom: 2px solid #fff; padding: 0 0 1em; box-sizing: border-box; transition: .3s; margin-left: 1.5em !important; gap: 4rem; } 
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen > li > .in > .tt { font-size: 1.215em; line-height: 1.4; color: #fff; } 
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen > li > .in > .xi { color: #fff; margin-right: 0.5em; transition: .2s; } 
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen > li > .in:hover { border-color: var(--siteC2); } 

.location_galleryWrap { position:relative; left: 12.6%; } 
.location_gallery .img_con { width: 100%; height: 80vh; border-radius: 1em; overflow: hidden; } 
.location_gallery .img_con > img { width: 100%; height: 100%; object-fit: cover; } 

.location_info { } 
.location_info .page_tt { width: 30%; } 
.location_info .img_wrap { height: 30em; border-radius: 0.5em; overflow: hidden; border: 4px solid var(--siteC); box-sizing: border-box; } 

.map_info3 { width: 70%; } 
.map_info3 .info_list { } 
.map_info3 .info_list > li { padding:2em 2em; border-bottom:1px solid #ddd; } 
.map_info3 .info_list > li .wrap_tit { width:15em; } 
.map_info3 .info_list > li .wrap_con { flex:1; padding-left:1.5em; } 
.map_info3 .info_list > li .wrap_tit .tit { padding:.5em 0; color:#222; } 
.map_info3 .info_list > li .wrap_tit .tit .tt { font-weight:500; } 
.map_info3 .info_list > li .wrap_tit .tit .t1 { font-size:1.375em; } 
.map_info3 .info_list > li .wrap_tit .tit .t2 { } 
.map_info3 .info_list > li .wrap_tit .tit .xi { font-size:1.500em; padding-right:.25em; } 
.map_info3 .info_list > li .wrap_con .txt { padding:.5em 0; } 
.map_info3 .info_list > li .wrap_con .list { margin-bottom: 1.5em; padding-bottom: 1em; border-bottom: 1px solid #ddd; } 
.map_info3 .info_list > li .wrap_con .list:last-child { margin: 0; padding: 0; border: none; } 
.map_info3 .info_list > li .wrap_con .list.borderNone { margin: 0; padding: 0; border: none; } 
.map_info3 .info_list > li .wrap_con .list.busList1 { padding-right: 6em; } 
.map_info3 .info_list > li .wrap_con .txt .tt { color:#333; line-height:1.6; font-size: 1.125em; } 
.map_info3 .info_list > li .wrap_con .txt .tt.dot { position: relative; padding-left: 0.6em; } 
.map_info3 .info_list > li .wrap_con .txt .tt.dot::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #111; position: absolute; left: 0; top: 11px; } 
.map_info3 .info_list > li .wrap_con .txt .t2 { font-size:1.25em; } 


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

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

/* tab */
.sub-tab .tab_idx { background:url(../images/sub2/sub2_2_tabline.jpg) repeat-x left 46px; background: #f1f1f1; display:flex; align-items: center; width: 100%; box-sizing: border-box; border-radius: .5em; overflow: hidden; } 
.sub-tab .tab_idx > li { position: relative; text-align: center; padding:1em 2em; border-radius: .5em; /* background: #f1f1f1; */box-sizing: border-box; font-size:1.19em; font-weight: 600; color:#333; cursor:pointer; flex:1; transition:.3s; } 
.sub-tab .tab_idx > li.tab1 { padding:14px 28px; } 
.sub-tab .tab_idx > li.tab2 { padding:14px 28px; } 
.sub-tab .tab_idx > li.tab3 { padding:14px 28px; } 
.sub-tab .tab_idx > li.tab4 { padding:14px 28px; } 
.sub-tab .tab_idx > li.tab5 { padding:14px 28px; } 
.sub-tab .tab_idx > li.tab6 { padding:14px 27px 14px 28px; } 

.sub-tab .tab_idx > li:hover { background:#f9f9fb; } 
.sub-tab .tab_idx > li.on { color: #fff; background: var(--siteC); font-weight:700; /* box-shadow: 0 11px 16px rgba(0, 0, 0, 0.12); */ } 

.con_idx { position: relative; } 
.con_idx > .idx { position: absolute; left: 0; top: 0; width: 100%; height: 0; visibility: hidden; opacity: 0; pointer-events: none; display: none; } 
.con_idx > .idx.on { position: relative; height: auto; visibility: visible; opacity: 1; pointer-events: auto; display: block; } 

/* former_wrap */
.former_wrap { display: flex; } 
.former_wrap .year { display: flex; gap: .3em; font-size: 2.5em; font-weight: 700; flex-shrink: 0; } 
.former_wrap .former_list { display: flex; flex-wrap: wrap; gap: 3em 1.5em; } 
.former_wrap .former_list > li { overflow: hidden; position: relative; width: calc((100% - 1.5em) / 2); border-radius: .5em; border: 1px solid var(--siteLine); display: flex; background: #f5f5f5; gap: 2.25em; box-sizing: border-box; } 
.former_wrap .former_list > li::before { position: absolute; content: ''; background-image: url(../images/inc/logoMark.png); right: -0.2em; bottom: -1.5em; background-repeat: no-repeat; width: 9em; height: 9em; background-size: contain; opacity: .065; } 
.former_wrap .former_list > li .img_wrap { min-width: 11em; width: 11em; } 
.former_wrap .former_list > li .img_wrap img { display: block; width: 100%; height: 14em; object-fit: cover; } 
.former_wrap .former_list > li .txt_wrap { display: flex; flex-direction: column; justify-content: space-between; width: 100%; padding: 2em 0 1em 0;; box-sizing: border-box; } 
.former_wrap .former_list > li .txt_wrap .s_tit { font-size: 1.15em; font-weight: 600; color: var(--siteC); } 
.former_wrap .former_list > li .txt_wrap .tit { font-size: 2em; margin-top: 0.2em; font-weight: 700; } 
.former_wrap .former_list > li .txt_wrap .t1 { display: flex; font-size: 1em; font-weight: 400; color: #555; margin-top: .5em; } 
.former_wrap .former_list > li .txt_wrap .t1 > i { color: #111; font-weight: 600; margin-right: .5em; } 

.former_wrap .former_list > li.c1 { background: var(--siteC); border-color: var(--siteC); } 
.former_wrap .former_list > li.c1 .txt_wrap .s_tit,
.former_wrap .former_list > li.c1 .txt_wrap .t1,
.former_wrap .former_list > li.c1 .txt_wrap .tit { color: #fff; } 
.former_wrap .former_list > li.c1::before { filter: var(--whiten); opacity: 0.25; } 
.former_wrap .former_list > li.c1 .txt_wrap .t1 > i { color: #fff; } 

/*인사말*/
.greetingWrapper { } 
.greetingWrapper .greetingTop { } 
.greetingWrapper .greetingMid { margin: 3.5em 0; } 
.greetingWrapper .greetingMid .innerBox { position: relative; z-index: 10; background: #F5F5F5; border-radius: 30em; display: flex; align-items: center; justify-content: space-between; padding: 6em 12em 6em; box-sizing: border-box; } 
.greetingWrapper .greetingMid .imgBox { position: absolute; bottom: 0; right: 30%; height: 100%;} 
.greetingWrapper .greetingMid .innerBox .markImg { position: absolute; left: 21%; bottom: 0em; height: 18em; } 
.greetingWrapper .greetingMid .innerBox .markImg > img { width: 100%; height: 100%; object-fit: contain; opacity: .06; } 
.greetingWrapper .greetingMid .imgBox > img { width: 100%; height: 100%; object-fit: contain; } 
.greetingWrapper .greetingMid .innerBox .subT { position:relative; z-index: 2; } 
.greetingWrapper .greetingMid .innerBox .subT > .tit { font-size: 1.815em; font-weight: 700; letter-spacing: -0.025em; } 
.greetingWrapper .greetingMid .innerBox .subT > .txt { font-size: 1.715em; font-weight: 700; letter-spacing: -0.025em; margin-top: .5em; } 
.greetingWrapper .greetingMid .innerBox .subT > .txt > i { color: var(--siteC); } 
.greetingWrapper .greetingMid .innerBox .nameCon { display: flex; flex-direction: column; gap: .25em; } 
.greetingWrapper .greetingMid .innerBox .nameCon > .tt { font-size: 1.215em; font-weight: 600; } 
.greetingWrapper .greetingMid .innerBox .nameCon > .name { font-size: 2em; letter-spacing: 5px; font-weight: 800; line-height: 1; margin-top: .25em; } 

/*SUB REGULATOIN*/
.agTitBox { } 
.agTitBox .TitBoxCon { margin-bottom: 2.25em; } 
.agTitBox .TitBoxCon:last-of-type { margin-bottom: 0em; } 
.agTitBox .TitBoxCon > .tit { display: flex; align-items: center; font-size: 1.15em; font-weight: 700; color: var(--siteC); margin-bottom: .75em; } 
.agTitBox .TitBoxCon > .tit > .xi { margin-right: .25em; } 
.agTitBox .TitBoxCon .descWrap,
.agTitBox .TitBoxCon .page_Num_list { padding-left: 1.9em; } 
.agTitBox .TitBoxCon > .NumTwo > .page_Num_list,
.agTitBox .TitBoxCon > .page_Num_list { margin-top: 12px; } 
.agTitBox .TitBoxCon .descWrap.plN { padding-left: 0em; } 
.agTitBox .TitBoxCon .NumTwo { margin-bottom: 1em; } 
.agTitBox .TitBoxCon .NumTwo:last-of-type { margin-bottom: 0em; } 

.agTitBox .TitBoxCon .descWrap .ttWrap.divi > .tt { display: flex; gap: .25em; } 
.agTitBox .TitBoxCon .descWrap .ttWrap.divi > .tt > i { } 
.agTitBox .TitBoxCon .descWrap .ttWrap.divi > .tt > span { flex: 1; }

.TopLineB { position:relative; padding: 2em; box-sizing: border-box; border: 1px solid #ddd; border-radius: .5em 0 .5em .5em; } 
.TopLineB:before { position: absolute; top: -1px; right: 0; width: 5%; height: 2px; background: var(--siteC); content: ''; } 
.TopLineB.gray { background: #f7f7f7; } 
.TopLineB.boxInner { padding: 1.5em; margin-top: 10px; } 
.descWrap { } 
.descWrap.fx { display: flex; gap: 1em; } 
.descWrap .tt { font-size: 1.063em; line-height: 1.4; color: #444; margin-bottom: .75em; } 
.descWrap .tt:last-of-type { margin-bottom: 0em; } 

.descWrap.s1 .tt { font-size: .95em; margin-bottom: .25em; } 
.descWrap.mb2 .tt { margin-bottom: 1.5em; } 

.linkA { color: var(--siteC); font-weight: 600; } 

.pageTit { margin-bottom: .75em; } 
.pageTit > .tt { font-size: 1.715em; font-weight: 700; line-height: 1.4; } 


/*SUB RULE*/
.page_Navcontainer { } 
.page_Navcontainer .Navdiv { } 
.page_Navcontainer .Navdiv > .subNavcon { } 
.page_Navcontainer .Navdiv > .subInfoWrap { flex: 1; word-break: keep-all; } 
.page_Navcontainer .Navdiv > .subInfoWrap .linkScroll { margin-bottom: 6em; } 
.page_Navcontainer .Navdiv > .subInfoWrap .linkScroll:last-of-type { margin-bottom: 0em; } 
.page_Navcontainer .Navdiv > .subInfoWrap .linkScroll .pageTit { align-items: center; gap: .75em; } 
.page_Navcontainer .Navdiv > .subInfoWrap .linkScroll .pageTit .goTop { display: flex; width: 2.5em; height: 2.5em; border:1px solid var(--siteC); color: #fff; border-radius: .25em; background: var(--siteC); align-items: center; justify-content: center; } 
.page_Navcontainer .Navdiv > .subInfoWrap .amendment { display: flex; gap: .5em .75em; flex-wrap: wrap; margin-bottom: 2.5em; text-align: right; } 
.page_Navcontainer .Navdiv > .subInfoWrap .amendment > li { font-size: .815em; color: #888; margin-bottom: .15em; } 


.subNavcon .linkNavWrap { } 
.NavTab { display: flex; border-radius: .5em; overflow: hidden; border: 1px solid #ddd; margin-bottom: 2.5em; } 
.NavTab > li { width: 20%; } 
.NavTab > li > a { font-size: 1em; text-align: center; width: 100%; box-sizing: border-box; letter-spacing: -1px; color: #000; border-bottom: 1px solid #ddd; font-weight: 600; display: inline-block; border-right: 1px solid #ddd; padding: 16px 20px; transition: .3s; } 
.NavTab > li:nth-last-child(-n+2) > a { border-bottom: none; } 
.NavTab > li:nth-child(5n) > a { border-right: none; } 
.NavTab > li > a:hover,
.NavTab > li > a.on { background: var(--siteC); color: #fff; } 

.titleFlex { display: flex; align-items: center; justify-content: space-between; margin-bottom: .75em; } 

.ThickLineB { padding: 2em; box-sizing: border-box; border: 8px solid #f1f1f1; border-radius: .25em; background: #fff; } 
.ThickLineB > .txt { font-size: 1.15em; line-height: 1.4; font-weight: 600; margin-bottom: 1em; color: #333; } 
.ThickLineB table { margin-top: 1em; } 

.page_Num_list { counter-reset: item; } 
.page_Num_list > li { position:relative; padding-left: 1.8em; margin-bottom: 1em; font-size: 1.063em; line-height: 1.4; color: #444; } 
.page_Num_list > li:last-of-type { margin-bottom: 0em; } 
.page_Num_list > li:after { position: absolute; top: 0; left: 0; display: flex; align-items: center; z-index: 0; justify-content: center; width: 1.25em; height: 1.25em; border-radius: .2em; background: var(--crGrad2); color: #fff; content: ''; } 
.page_Num_list > li:before { position: absolute; left: 0; width: 1.8em; height: 1.8em; align-items: center; display: flex; justify-content: center; counter-increment: item; color: #fff; content: counter(item); z-index: 1; font-size: .7em; font-weight: 600; } 

.page_txt_list { } 
.page_txt_list > li { margin-bottom: .5em; } 
.page_txt_list > li:last-of-type { margin-bottom: 0em; } 
.page_txt_list > li > .con { display: flex; gap: .75em; } 
.page_txt_list > li > .con > .tNum { width: 4em; min-width: 4em; display: flex; align-items: center; justify-content: center; height: 1.8em; background: var(--siteC); color: #fff; border-radius: .25em; } 
.page_txt_list > li > .con > .tNum > .tt { font-size: .9em; font-weight: 600; } 
.page_txt_list > li > .con > .tt { position:relative; top: 3px; font-size: 1.063em; line-height: 1.4; color: #444; } 

/*ci*/
.ci_container { } 
.ci_container .cItem { padding-bottom: 5em; margin-bottom: 5em; border-bottom: 1px solid var(--siteLine); } 
.ci_container .cItem:last-of-type { border-bottom: none; margin-bottom: 0; } 

.ci_container .ciSec_1 { } 
.ci_container .ciSec_1 .bgImg { display: flex; align-items: center; justify-content: center; border: 1px solid #ddd; width: 100%; height: 24em; text-align: center; } 
.ci_container .ciSec_1 .bgImg > img { width: 50%; object-fit: contain; } 

.ci_container .ciTitCon { display: flex; align-items: center; gap: .5em; margin-bottom: 1.25em; } 
.ci_container .ciTitCon > .round { position:relative; width: 24px; height: 24px; border-radius: 50%; background: var(--siteC2); } 
.ci_container .ciTitCon > .round:before { position: absolute; width: 12px; height: 12px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 50%; content: ''; } 
.ci_container .ciTitCon > .ciTit { font-size: 1.715em; font-weight: 700; } 
.ci_container .logoList { display: flex; gap: 1.5em; } 
.ci_container .logoList > li { flex: 1; } 
.ci_container .logoList > li > .con { display: flex; align-items: center; justify-content: center; width: 100%; border: 1px solid #ddd; height: 10.5em; } 
.ci_container .logoList > li > .con > img { width: 70%; height: 70%; object-fit: contain; } 
.ci_container .cidownBtn { display: flex; } 
.ci_container .cidownBtn > li { width: 50%; } 
.ci_container .cidownBtn > li > .btn { display: flex; align-items: center; justify-content: center; gap: .25em; height: 2.5em; padding: 0 .5em; box-sizing: border-box; background: var(--siteC); color: #fff; } 
.ci_container .cidownBtn > li > .btn > .tt { font-size: .915em; } 
.ci_container .cidownBtn > li:last-of-type > .btn { background: var(--siteC2); } 

.ci_container .ciSec_3 { } 
.ci_container .ciSec_3 .innerCon .item { display: flex; align-items: center; gap: 2em; margin-bottom: 2em; } 
.ci_container .ciSec_3 .innerCon .item:last-of-type { margin-bottom: 0; } 
.ci_container .ciSec_3 .innerCon .item > .logo { min-width: 10em; width: 10em; height: 10em; display: flex; align-items: center; justify-content: center; } 
.ci_container .ciSec_3 .innerCon .item > .logo > img { width: 100%; height: 70%; object-fit: contain; } 
.ci_container .ciSec_3 .innerCon .item > .desc { flex: 1; font-size: 1.063em; line-height: 1.5; color: #444; } 
.ci_container .ciSec_3 .innerCon .item > .year { position:relative; padding-left: 5.5em; margin-right: 1.25em; } 
.ci_container .ciSec_3 .innerCon .item > .year:before { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 2.5em; height: 1px; background: #ddd; content: ''; } 
.ci_container .ciSec_3 .innerCon .item > .year:after { position: absolute; top: 50%; transform: translateY(-50%); left: 2.5em; width: 10px; height: 10px; border-radius: 50%; background: #fff; border: 4px solid var(--siteC); content: ''; } 
.ci_container .ciSec_3 .innerCon .item > .year > .tt { position:relative; width: 3em; font-size: 2em; font-weight: 700; line-height: 1; } 
.ci_container .ciSec_3 .innerCon { position: relative; } 
.ci_container .ciSec_3 .innerCon:before { position: absolute; top: 0; width: 1px; height: 100%; background: #ddd; content: ''; } 

.ci_container .ciDiv { display: flex; align-items: start; gap: 2em; } 
.ci_container .ciDiv .ciTitCon { width: 45%; } 
.ci_container .ciDiv .innerCon { width: 55%; } 
.ci_container .ciColor { display: flex; gap: 3em; } 
.ci_container .ciColor > li { width: calc((100% - 3em) / 2); } 
.ci_container .ciColor > li > .inner { display: flex; align-items: center; gap: 2em; } 
.ci_container .ciColor > li > .inner > .colorBox { width: 6em; min-width: 6em; height: 7em; clip-path: polygon(40% 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 40%); background: var(--siteC2); } 
.ci_container .ciColor > li > .inner > .colorBox.ty2 { background: var(--siteC); } 
.ci_container .ciColor > li > .inner > .info { } 
.ci_container .ciColor > li > .inner > .info > .name { font-size: 1.15em; font-weight: 600; } 
.ci_container .ciColor > li > .inner > .info > .cmas { color: #444; margin-top: .75em; } 
.ci_container .ciColor > li > .inner > .info > .color { color: #444; } 

.ci_container .ciSec_5 { } 
.ci_container .ciSec_5 .caseImg { display: flex; align-items: center; gap: 2em; padding: 2em; box-sizing: border-box; border-radius: .5em; background: #f5f5f5; } 
.ci_container .ciSec_5 .caseImg > li { width: calc((100% - 4em) / 3); } 
.ci_container .ciSec_5 .caseImg > li > .con { } 
.ci_container .ciSec_5 .caseImg > li > .con > img { width: 100%; height: 100%; object-fit: contain; } 

.guideBoxT { background: rgb(245, 246, 250); border: 1px solid #ebebeb; padding: 2.5em 4em; border-radius: .5em; } 
.guideBoxT > .tit { text-align: center; font-size: 1.515em; font-weight: 700; } 
.guideBoxT > .tit > i { color: var(--siteC); } 
.guideBoxT > .infoIcon { text-align: center; margin-bottom: .5em; } 
.guideBoxT > .infoIcon > .xi { font-size: 2.5em; color: var(--siteC); } 
.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 { position:relative; top: 2px; font-size: 1.063em; line-height: 1.4; font-weight: 400; } 
.chekList > li > .con > .tt > .tx { font-size: .963em; color: #444; } 
.chekList > li > .con > .tt > .rd { color: #db0000; font-weight: 500; } 
.chekList > li > .con > .xi { position:relative; top: 0px; color: var(--siteC); } 

.pageWrapper { } 
.pageWrapper .pageCon { padding-bottom: 5em; } 
.pageWrapper .pageCon:last-of-type { padding-bottom: 0; } 
.pageWrapper .pageCon.pt { padding-top: 5em; } 
.pageWrapper .pageCon.pb { padding-bottom: 5em; } 
.pageWrapper .pageCon.pOri { padding: 5em 0; } 
.pageWrapper .pageCon.bg1 { background: #f5f5f5; } 

/*회비납부*/
.fee-container { width: 100%; box-sizing: border-box; } 
.fee-container .fee-card-label { display: block; margin-bottom: 1rem; cursor: pointer; } 
.fee-container .blind-checkbox { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } 
.fee-container .fee-card { display: flex; align-items: center; justify-content: space-between; padding: 1.5em 2.5em; background-color: #f7f7f7; border: 1px solid #ddd; border-radius: .5em; transition: all 0.3s ease; color: #333333; } 
.fee-container .feeTotal { display: flex; align-items: baseline; gap: 2em; justify-content: end; padding-top: 2em; margin-top: 2em; border-top: 1px solid #ddd; } 
.fee-container .feeTotal>.total { font-size: 1.063em; font-weight: 400; color: #333; } 
.fee-container .feeTotal>.total>.num { font-size: 1.15em; font-weight: 600; color: var(--siteC); } 
.fee-container .feeTotal>.price { font-size: 1.15em; } 
.fee-container .feeTotal>.price>.num { font-size: 1.8em; font-weight: 700; line-height: 1; margin-right: .1em; } 
.fee-container .card-info { } 
.fee-container .card-tags { flex: 1; padding: 0 1em; } 
.fee-container .card-meta { display: flex; justify-content: start; gap: 4em; } 
.fee-container .category { display: block; color: var(--siteC); font-size: .938em; margin-bottom: 0.4em; font-weight: 500; } 
.fee-container .title { font-size: 1.315em; font-weight: 700; margin: 0; display: flex; align-items: center; gap: 0.3em; } 
.fee-container .badge { background: #333; color: #fff; font-size: 0.6em; width: 1.4em; height: 1.4em; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: bold; } 
.fee-container .title-sub { display: block; color: #999999; font-size: 0.915em; margin-bottom: 0.6em; } 
.fee-container .tags { display: flex; gap: 0.4em; } 
.fee-container .tag { background-color: #f5f5f5; color: #666666; padding: 0.4em 0.8em; border-radius: 0.5em; font-size: 0.85em; font-weight: 500; } 
.fee-container .meta-item { text-align: left; display: flex; flex-direction: column; align-items: start; } 
.fee-container .meta-item .value { margin: 0; font-size: 1em; color: #333333; font-weight: 700; white-space: nowrap; } 
.fee-container .meta-item.period { min-width: 8em; } 
.fee-container .meta-item.price { min-width: 12em; } 
.fee-container .meta-item.price .value { text-align: right; } 
.fee-container .meta-item .value strong { font-size: 1.8em; font-weight: 700; line-height: 1; letter-spacing: -0.03em; margin-right: 0.05em; vertical-align: -0.05em; } 
.fee-container .blind-checkbox:checked+.fee-card { background-color: var(--siteC); color: #ffffff; } 
.fee-container .blind-checkbox:checked+.fee-card .category { color: #b3beff; } 
.fee-container .blind-checkbox:checked+.fee-card .title-sub { color: #b3beff; } 
.fee-container .blind-checkbox:checked+.fee-card .badge { background: #fff; color: #4353ff; } 
.fee-container .blind-checkbox:checked+.fee-card .tag { background-color: rgba(255, 255, 255, 0.15); color: #ffffff; } 
.fee-container .blind-checkbox:checked+.fee-card .meta-item .value { color: #ffffff; } 
.fee-container .blind-checkbox:checked+.fee-card .meta-item .value strong { color: #ffffff; } 

.fee-container.ty1 .fee-card { padding: .75em 2.5em; } 
.fee-container.ty1 .meta-item { flex-direction: unset; align-items: center; gap: 1em; } 
.fee-container.ty1 .title-sub { margin-bottom: 0; } 

/**/
.payProcess { display: flex; align-items: center; gap: 2em; } 
.payProcess > li { position:relative; color: #444; } 
.payProcess > li:before { position: absolute; right: -1.4em; top: 50%; transform: translateY(-50%); font-family: 'xeicon'; content: '\e90b'; } 
.payProcess > li:last-of-type:before { display: none; } 
.payProcess > li.point { color: var(--siteC); font-weight: 600; } 
.payProcess > li.point:before { font-weight: 400; color: #444; } 

/**/
 .grayBox { padding: 1.5em; box-sizing: border-box; background: #f7f7f7; border-radius: .25em; } 
 .grayBox.ty1 { padding: 2.5em; border-radius: 1em; } 
 .grayBox.wh { background: #fff; } 
.page_dot_list { padding: 0 1.25em; margin-top: 1.25em; } 
.page_dot_list.pN { padding: 0em; } 
.page_dot_list.mt0 { margin-top: 0em; } 
.page_dot_list.pN > li:before { display: none; } 
.page_dot_list > li { position: relative; margin-bottom: .25em; font-size: .915em; color: #272727; } 
.page_dot_list > li > .con { display: flex; } 
.page_dot_list > li:before { position: absolute; left: -15px; top: -1px; content: '-'; } 
.page_dot_list > li:last-of-type { margin-bottom: 0em !important; } 

.page_dot_list.s1 > li { font-size: 1em; margin-bottom: .6em; line-height: 1.5; } 
.page_dot_list.s2 > li { font-size: 1.063em; margin-bottom: 1em; line-height: 1.6; } 

/**/
.myinfoWrap { position:relative; margin-bottom: 2.25em; border-radius: 0 0 1em 1em; border: 1px solid #ddd; overflow: hidden; } 
.myinfoWrap .logoMark { position: absolute; right: 0em; top: -3em; width: 50%; pointer-events: none; } 
.myinfoWrap .logoMark > img { width: 100%; height: 100%; object-fit: contain; opacity: .04 } 
.myinfoWrap .infoTopCon { padding: 2em; box-sizing: border-box; } 
.myinfoWrap:before { position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: var(--siteC); content: ''; } 
.myinfoWrap .infoTop { display: flex; justify-content: space-between; align-items: end; box-sizing: border-box; background: #fff; } 
.myinfoWrap .infoTop .myin { } 
.myinfoWrap .infoTop .myin > .memNum { font-size: .915em; font-weight: 400; margin-bottom: .35em; color: #666; } 
.myinfoWrap .infoTop .myin > .name { display: flex; align-items: end; font-size: 1.715em; font-weight: 600; } 
.myinfoWrap .infoTop .myin > .name > .tt { font-size: .915em; font-weight: 300; margin-left: .15em; } 
.myinfoWrap .infoBtm { margin-top: 3.5em; } 
.myinfoWrap .infoBtm .infoList { display: flex; gap: 2em; } 
.myinfoWrap .infoBtm .infoList > li { position:relative; flex: 1; } 
.myinfoWrap .infoBtm .infoList > li:before { position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 90%; background: #ddd; content: ''; } 
.myinfoWrap .infoBtm .infoList > li:last-of-type:before { display: none; } 
.myinfoWrap .infoBtm .infoList > li > .con { } 
.myinfoWrap .infoBtm .infoList > li > .con > .txt { font-size: .915em; color: #666; line-height: 1; margin-bottom: .75em; } 
.myinfoWrap .infoBtm .infoList > li > .con > .tit { font-size: 1.15em; font-weight: 600; } 
.myinfoWrap .infoBtm .infoList > li > .con > .tit.point1 { color: var(--siteC2); } 
.myinfoWrap .infoBtm .infoList > li > .con > .tit.point2 { color: var(--siteC); } 

/**/
.feeguideImg { width: 100%; height: 22.5em; border-radius: 1em; overflow: hidden; margin-bottom: 2.5em; } 
.feeguideImg > img { width: 100%; height: 100%; object-fit: cover; } 

/**/
.journalWrapper { } 
.journalWrapper .journalImg { position: relative; padding: 3em 6em; box-sizing: border-box; border-radius: 1em; overflow: hidden; margin-bottom: 1.5em; } 
.journalWrapper .journalImg:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(0, 135, 111, 1) 10%, rgba(255, 255, 255, 0) 70%); content: ''; } 
.journalWrapper .journalImg.b1:before { background: linear-gradient(90deg, rgb(0 110 135) 10%, rgba(255, 255, 255, 0) 70%); } 
.journalWrapper .journalImg>.inner { position: relative; z-index: 2; } 
.journalWrapper .journalImg>.inner>.en { font-size: 1.315em; font-weight: 600; color: #78ffe0; margin-bottom: .25em; } 
.journalWrapper .journalImg.b1>.inner>.en { color: #78ccff; } 
.journalWrapper .journalImg>.inner>.tit { font-size: 2.815em; font-weight: 800; color: #fff; } 
.journalWrapper .journalImg>.inner>.desc { font-size: 1.15em; line-height: 1.5; color: #fff; margin-top: 1.35em; } 
.journalWrapper .journalcopy { margin-top: 1em; } 
.journalWrapper .journalcopy>.tt { font-size: .815em; color: #999; font-weight: 400; } 

/**/
.visionWrapper { } 
.visionWrapper .vimi { display: flex; align-items: center; gap: 2em; flex-direction: column;} 
.visionWrapper .vimi > .item { position:relative; width: 100%; border-radius: 1em; overflow: hidden; padding: 4em; box-sizing: border-box; } 
.visionWrapper .vimi > .item:before { position: absolute; bottom: 0; left: 0; background: linear-gradient(0deg,rgba(0, 0, 0, .45) 35%, rgba(255, 255, 255, 0) 100%); width: 100%; height: 100%; content: ''; } 
.visionWrapper .vimi > .item > .inner { position:relative; display: flex; flex-direction: column; justify-content: end; height: 100%; z-index: 2; text-align: center;} 
.visionWrapper .vimi > .item > .inner > .tit { font-size: 2.415em; color: #fff; } 
.visionWrapper .vimi > .item > .inner > .txt { font-size: 1.315em; line-height: 1.5; color: #fff; margin-top: 1em; } 

.visionWrapper .valueDiv { display: flex; gap: 1.5em; } 
.visionWrapper .valueDiv > li { display: flex; width: calc((100% - 4.5em) / 4); } 
.visionWrapper .valueDiv > li > .con { flex: 1; padding: 2em; box-sizing: border-box; background: #f2f3f7; border-radius: .5em;} 
.visionWrapper .valueDiv > li > .con > .enT { display: flex; align-items: center; justify-content: center; color: #fff; margin: 0 auto; width: 4em; height: 4em; border-radius: 50%; } 
.visionWrapper .valueDiv > li:nth-child(1) > .con > .enT{ background: var(--siteC2);}
.visionWrapper .valueDiv > li:nth-child(2) > .con > .enT{ background: #64c0cf;}
.visionWrapper .valueDiv > li:nth-child(3) > .con > .enT{ background: var(--siteC);}
.visionWrapper .valueDiv > li:nth-child(4) > .con > .enT{ background: #d771a0;}
.visionWrapper .valueDiv > li > .con > .enT > .tt { font-size: 2.15em; font-weight: 600; } 
.visionWrapper .valueDiv > li > .con > .vBox { } 
.visionWrapper .valueDiv > li > .con > .vBox > .tt { font-size: 1.315em; font-weight: 400; text-align: center; margin: 1em 0 1.25em 0; height: 3em; display: flex; align-items: center; justify-content: center; } 
.visionWrapper .valueDiv > li > .con > .vBox > .line { position: relative; width: 100%; height: 1px; background: #111;} 
.visionWrapper .valueDiv > li > .con > .vBox > .line > .dot { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1em; height: 1em; background: var(--siteC); border-radius: 50%; } 
.visionWrapper .valueDiv > li > .con > .vBox > .line > .dot:before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1.6em; height: 1.6em; border: 1px solid #111; border-radius: 50%; content: ''; } 
.visionWrapper .valueDiv > li > .con > .vBox > .desc { font-size: 1.063em; margin-top: 2em; line-height: 1.4;} 
.visionWrapper .valueDiv > li > .con > .vBox > .desc > i { display: block; margin-bottom: .5em;} 
.visionWrapper .pageCon { position:relative; } 
.visionWrapper .pageCon.bf:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .615); content: ''; } 
.visionWrapper .pageCon .boxSub { position: relative; z-index: 2; } 

.visionWrapper .coreWrapper { } 
.visionWrapper .coreWrapper .coreList { display: flex; flex-wrap: wrap; } 
.visionWrapper .coreWrapper .coreList > li { position: relative; width: 25%; background: #f5f5f5; } 
.visionWrapper .coreWrapper .coreList > li:first-child { border-radius: 2em 0 0 2em; } 
.visionWrapper .coreWrapper .coreList > li:last-of-type { border-radius: 0 2em 2em 0; } 
.visionWrapper .coreWrapper .coreList > li > .con { position: relative; width: 100%; height: 100%; z-index: 1; padding: 5em 3em 10em; box-sizing: border-box; text-align: center; transition: all 0.25s ease; border-radius: 2em; } 
.visionWrapper .coreWrapper .coreList > li > .con > .icon { width: 7em; height: 5em; margin: 0 auto; } 
.visionWrapper .coreWrapper .coreList > li > .con > .icon > img { width: 100%; height: 100%; object-fit: contain; transition: all 0.25s ease; } 
.visionWrapper .coreWrapper .coreList > li > .con > .mid { text-align: center; margin-top: 2em; } 
.visionWrapper .coreWrapper .coreList > li > .con > .mid > .en { font-size: 1.415em; font-weight: 400; } 
.visionWrapper .coreWrapper .coreList > li > .con > .mid > .tt { font-size: 1.063em; font-weight: 400; color: #666; margin-top: .25em; } 
.visionWrapper .coreWrapper .coreList > li > .con > .lgEn { position: absolute; left: 50%; transform: translateX(-50%); transition: all 0.25s ease; color: var(--siteC2); opacity: .215; bottom: .75em; font-weight: 700; font-size: 4em; text-transform: uppercase; } 

.visionWrapper .coreWrapper .coreList > li.on > .con { background: var(--siteC2); } 
.visionWrapper .coreWrapper .coreList > li.on > .con > .lgEn { opacity: 1; color: #fff; } 
.visionWrapper .coreWrapper .coreList > li.on > .con > .mid > .tt,
.visionWrapper .coreWrapper .coreList > li.on > .con > .mid > .en { color: #fff; } 
.visionWrapper .coreWrapper .coreList > li.on > .con > .icon > img { filter: var(--whiten); } 

/**/
.posterList { display: flex; flex-wrap: wrap; gap: 4em 2em; margin-top: 3.5em; } 
.posterList > li { width: calc((100% - 2em) / 2); } 
.posterList > li > .con { width: 100%; height: 100%; } 
.posterList > li > .con > img { width: 100%; height: 100%; } 


/**/
.boardViewWrap { } 
.boardViewWrap .boardViewDataT { padding-bottom: 4em; border-bottom: 1px dashed #ddd; margin-bottom: 4em; } 
.boardViewWrap .boardViewDataT:last-of-type { padding-bottom: 0em; margin-bottom: 0em; border-bottom: none; } 
/**/
.vod_wrap { position:relative; padding-bottom:56.25% } 
.vod_wrap .vod { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover } 

#boardV { scroll-margin-top:var(--headerH) } 

.boardViewDataT { display:flex; gap:4em } 
.boardViewDataT.g1 { gap:6em } 
.boardViewDataT .img_wrap { width:70% } 
.boardViewDataT .img_wrap.w1 { width:30% } 
.boardViewDataT .img_wrap .dataImg { padding:3em; box-sizing:border-box; border:1px solid #ddd; border-radius:1em } 
.boardViewDataT .con_wrap { flex:1; min-width:0; display:flex; flex-direction:column; gap:3em; line-height:1.2 } 
.boardViewDataT .con_wrap .titW .cate { font-weight:600; color:var(--siteC2); font-size:1.125em } 
.boardViewDataT .con_wrap .titW .cate2 { font-weight:700; color:var(--siteC2); font-size:1.5em } 
.boardViewDataT .con_wrap .titW .cate2:after { content:""; display:block; width:1px; height:2em; background:var(--siteC2); margin:1em 0 0 .5em } 
.boardViewDataT .con_wrap .titW .tit { padding:1em 0 1.5em 0; border-bottom:1px solid #111 } 
.boardViewDataT .con_wrap .titW .tit .t1 { font-weight:700; font-size:2.5em; word-break:keep-all } 
.boardViewDataT .con_wrap .infoW { display:flex; flex-direction:column; gap:1em } 
.boardViewDataT .con_wrap .infoW > li { display:flex; gap:1.5em } 
.boardViewDataT .con_wrap .infoW > li.col { flex-direction:column } 
.boardViewDataT .con_wrap .infoW > li .tit { width:8em; position:relative; box-sizing:border-box; display:flex; gap:.5em } 
.boardViewDataT .con_wrap .infoW > li .tit:before { content:""; width:1em; height:1em; border:3px solid var(--siteC); box-sizing:border-box; border-radius:50%; font-size:.75em; transform:translate(0, 40%) } 
.boardViewDataT .con_wrap .infoW > li .tit .t1 { font-weight:700; font-size:1.125em } 
.boardViewDataT .con_wrap .infoW > li .tt { flex:1; min-width:0 } 
.boardViewDataT .con_wrap .infoW > li .tt .t1 { font-weight:500; color:#666 } 
.boardViewDataT .con_wrap .mentW { border-top:1px dashed #ccc; padding-top:2em } 
.boardViewDataT .con_wrap .btnW { display:flex; gap:.5em } 
.boardViewDataT .con_wrap .btnW.mg { justify-content:flex-end; margin:auto 0 0 auto } 

.dataImg { background:#f0f0f0 } 
/* .dataImg .bgfix { background-size:contain }  */
.dataImg.st1 { background:#fff; border:none; box-shadow:0 0 2em 1em rgba(0,0,0,.1); border-radius:1em; overflow:hidden } 

.ttMent { font-size:1.125em; font-weight:500; line-height:1.5 } 

.boardViewRelated { overflow:hidden; border-radius:1em; border:1px solid var(--siteC3) } 
.boardViewRelated .tit_wrap { background:var(--siteC3); height:4em; display:flex; align-items:center; box-sizing:border-box; padding:0 2em; color:#fff } 
.boardViewRelated .tit_wrap .t1 { font-weight:700; font-size:1.5em } 
.boardViewRelated .tit_wrap .t1.s1 { font-size:1.375em } 
.boardViewRelated .list_wrap { padding:2em } 

.boardDataViewPop { display:flex; color:#fff; height:100% } 
.boardDataViewPop .leftW { width:20em; position: relative; } 
.boardDataViewPop .leftW .wrapSt { overflow-y: scroll !important; } 
.boardDataViewPop .wrapInc { height:100%; box-sizing:border-box; padding:1em } 
.boardDataViewPop .wrapSt { border:1px solid rgba(255,255,255,.1); background:#111; border-radius:1em; box-shadow:0 0 1em rgba(0,0,0,1); box-sizing:border-box; height:100%; overflow: hidden; } 
.boardDataViewPop .rightW { flex:1; min-width:0 } 
.boardDataViewPop .rightW .viewW { height:calc(100% - var(--popthumbH)) } 
.boardDataViewPop .rightW .viewW.h100 { height:100% } 
.boardDataViewPop .rightW .viewW .wrapSt { box-sizing:border-box; padding:1em; overflow-y: scroll;} 
.boardDataViewPop .rightW .viewW .wrapSt .objC { width: 60%; margin: 0 auto; } 
.boardDataViewPop .rightW .viewW .objC img,
.boardDataViewPop .rightW .viewW .objC video,
.boardDataViewPop .rightW .viewW .objC iframe { max-height:100%; object-fit:contain } 
.boardDataViewPop .rightW .viewW .objC iframe { width:100%; height:100% } 
.boardDataViewPop .rightW .viewW.scrollst{ scrollbar-color: var(--siteC2) transparent !important;}
.boardDataViewPop .rightW .thumbW { height:var(--popthumbH); box-sizing:border-box; padding-top:1em } 
.boardDataViewPop .rightW .thumbW .wrapSt { display:flex; align-items:center; padding:0 5em; box-sizing:border-box; } 
.boardDataViewPop .thumbSlide { margin:0; flex:1; min-width:0 } 
.boardDataViewPop .thumbSlide .el { width:10em } 
.boardDataViewPop .thumbSlide .el .dataImg { background:none; border:2px solid rgba(255,255,255,.5); opacity:.5 } 
.boardDataViewPop .thumbSlide .el:hover .dataImg,
.boardDataViewPop .thumbSlide .el.swiper-slide-active .dataImg { opacity:1; transition:.3s } 
.boardDataViewPop .thumbSlide .el.swiper-slide-active .dataImg { border-color:#fff } 
.boardDataViewPop .file_info .inPd { padding:1.5em } 
.boardDataViewPop .file_info .titW { background:#900; display:flex; flex-direction:column; gap:.5em } 
.boardDataViewPop .file_info .titW .t1 { font-size:.938em } 
.boardDataViewPop .file_info .titW .t2 { font-weight:700; font-size:1.063em } 
.boardDataViewPop .file_info .info { } 
.boardDataViewPop .file_info .info > li { border-bottom:1px solid rgba(255,255,255,.2); display:flex; flex-direction:column; padding:1em 0; gap:.5em } 
.boardDataViewPop .file_info .info > li .tit { font-weight:700; font-size:1.063em } 
.boardDataViewPop .file_info .info > li .tt { opacity:.8 } 

/**/
.wrap_idx { } 
.wrap_idx .sub-tab { display: flex; margin-bottom: 3em; } 
.wrap_idx .sub-tab.pd_w { padding-bottom: 3em; } 
.wrap_idx .sub-tab>li { position: relative; margin-left: -1px; cursor: pointer; height: 100%; display: flex; height: 3em; align-items: center; justify-content: center; flex: 1; font-size: 1.15em; font-weight: 700; } 
.wrap_idx .sub-tab>li { flex: 1 1 20%; max-width: 20%; } 
.wrap_idx .sub-tab>li:nth-child(n+3)>.tab_btn { } 
.wrap_idx .sub-tab>li>.tab_btn { padding: 0 1vw; box-sizing: border-box; display: flex; background: #fff; align-items: center; justify-content: center; width: 100%; height: 100%; border: 1px solid #ddd; color: #444; transition: .3s; } 
.wrap_idx .sub-tab>li.on>.tab_btn { background-color: var(--siteC); border: 1px solid var(--siteC); color: #fff; } 
.wrap_idx .sub-tab.w2>li { flex: 1 1 10%; max-width: 10%; height: 2.5em; } 

/**/
.subguideBox { display: flex; gap: 2em; } 
.subguideBox > li { display: flex; width: calc((100% - 2em) / 2); } 
.subguideBox > li > .con { position: relative; flex: 1; display: block; border-radius: 1em; background: #fff; align-items: stretch; box-sizing: border-box; } 
.subguideBox > li > .con .titCn { display: flex; align-items: center; gap: .75em; padding: 1.35em 2em; box-sizing: border-box; border-bottom: 1px solid #ddd; } 
.subguideBox > li > .con .titCn > .icon { display: flex; align-items: center; justify-content: center; width: 2.4em; height: 2.4em; border-radius: 8px; background: var(--siteC); } 
.subguideBox > li > .con .titCn > .icon > .xi { color: #fff; } 
.subguideBox > li > .con .titCn > .tt { font-size: 1.415em; font-weight: 700; color: var(--siteC); } 
.subguideBox > li > .con .page_dot_list { padding: 1.5em 3.25em; box-sizing: border-box; } 


.swiper-effect-cube .swiper-slide button,
.swiper-effect-cube .swiper-slide a { pointer-events: none; } 
/* 활성화된 슬라이드의 버튼만 클릭 허용 */
.swiper-effect-cube .swiper-slide-active button,
.swiper-effect-cube .swiper-slide-active a { pointer-events: auto !important; }