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

.wIn_mob{ display: none;}

.gnb li.m_hide,
.gnb li.m_search { display:none } 
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) } 
#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 { display:flex; align-items:center; gap:1em } 
#header .top_wrap .logo > a { display:block; height:3.75em; 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:.5em } 
#header .top_wrap .etc_wrap .btnInc { width:3em; height:3em; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#f5f5f5 } 
#header .top_wrap .etc_wrap .btnInc .ico { font-size:1.25em } 
#header .top_wrap .etc_wrap .searchBtn { background:#333; color:#fff } 
#header .top_wrap .etc_wrap .allBtn { position:relative; background:#fff; 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; align-items:center; border-radius:2em; background:var(--siteC); margin:0 .5em } 
#header .top_wrap .etc_wrap .mem_wrap > li > a { display:flex; gap:.25em; align-items:center; position:relative; height:2.75em; padding:0 1em; background:var(--siteC); color:#fff; box-sizing:border-box; border:2px solid transparent; border-radius:2em; transition:.3s } 
#header .top_wrap .etc_wrap .mem_wrap > li > a .t1 { font-size:.938em; font-weight:500 } 
#header .top_wrap .etc_wrap .mem_wrap > li:not(:first-child) > a:before { content:""; position:absolute; left:0; top:50%; transform:translate(-100%,-50%); width:1px; height:40%; background:rgba(255,255,255,.5) } 
#header .top_wrap .etc_wrap .mem_wrap > li:hover > a { background:#fff; border-color:var(--siteC); color:var(--siteC) } 
#header .top_wrap .etc_wrap .mem_wrap > li:hover > a:before,
#header .top_wrap .etc_wrap .mem_wrap > li:hover + li > a:before { opacity:0 } 
#header .top_wrap .etc_wrap .lang_wrap { position:relative; color:#888 } 
#header .top_wrap .etc_wrap .lang_wrap .st { 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 .st .t1 { flex:1 1 0%; min-width:3em; font-weight:700; font-size:.813em } 
#header .top_wrap .etc_wrap .lang_wrap .st .xi { font-size:1em } 
#header .top_wrap .etc_wrap .lang_wrap .st .arrow { transition:.3s } 
#header .top_wrap .etc_wrap .lang_wrap .st .arrow:before { content:"\e941" } 
#header .top_wrap .etc_wrap .lang_wrap .st .ico:before { content:"\e9d1" } 
#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; visibility:hidden; opacity:0; display:flex; flex-direction:column; background:#fff; overflow:hidden } 
#header .top_wrap .etc_wrap .lang_wrap .list .st { border-radius:0; border-color:transparent; border-top-color:var(--c1) } 
#header .top_wrap .etc_wrap .lang_wrap .list .st .arrow { opacity:0; transform:translateX(100%); transition:.3s } 
#header .top_wrap .etc_wrap .lang_wrap .list .st .arrow:before { content:"\e907" } 
#header .top_wrap .etc_wrap .lang_wrap .list .st .t1 { padding-left:.75em } 
#header .top_wrap .etc_wrap .lang_wrap .list > li.on { display:none } 
#header .top_wrap .etc_wrap .lang_wrap.on { --c1:#888 } 
#header .top_wrap .etc_wrap .lang_wrap.on .langBtn { border-bottom-color:transparent; border-bottom-left-radius:0; border-bottom-right-radius:0; color:var(--c1) } 
#header .top_wrap .etc_wrap .lang_wrap.on .langBtn .arrow { transform:rotate(180deg) } 
#header .top_wrap .etc_wrap .lang_wrap.on .langBtn .ico:before { content:"\e92b" } 
#header .top_wrap .etc_wrap .lang_wrap.on .list { visibility:visible; opacity:1; transition:.3s } 
#header .top_wrap .etc_wrap .lang_wrap.on .list .st:hover { background:var(--c1); color:#fff } 
#header .top_wrap .etc_wrap .lang_wrap.on .list .st:hover .arrow { transform:translateX(0); opacity:1 } 

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:80vmin; 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; flex:1 1 0%; min-width:0 } 
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 .va { position:relative } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .va:after { content:""; position:absolute; transform:translate(150%, -50%); right:0; top:0; width:.375em; height:.375em; border-radius:50%; background:var(--siteC); opacity:0; transition:.3s } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .tt { font-weight:500; font-size:1.25em } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 { position:absolute; left:50%; top:100%; background:#fff; border-radius:0 0 1em 1em; width:10em; transform:translateX(-50%); flex-direction:column; box-shadow:0 1em 1em rgba(0,0,0,.1); padding:.5em; padding-top:0; gap:.125em; transition:.3s } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li:not(:hover) .dp2 { opacity:0; visibility:hidden; margin-top:-.5em } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a { padding:.5em; border-radius:.25em; overflow:hidden; position:relative; opacity:.7; justify-content:center; text-align:center } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a:before { content:""; position:absolute; inset:0; background:var(--siteC); opacity:0 } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a .va { position:relative; font-weight:500 } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li:hover > a { color:var(--siteC); opacity:1 } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li:hover > a:before { opacity:.05 } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp3 { display:none } 
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:after { opacity:1 } 

.allOn { overflow-y:hidden } 
.allOn #header { height:100vh; background:rgba(0,0,0,.5); backdrop-filter:blur(1em); overflow-y:scroll; 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 { order:1; flex:1; min-height:0; width:100%; display:flex; align-items:center; box-sizing:border-box; padding-bottom:var(--headerH); position:relative } 
.allOn #header .top_wrap .gnb_wrap .gnb { width:100%; max-height:100% } 
.allOn #header .top_wrap .gnb_wrap .gnb > li { flex:1; padding-bottom:calc(var(--headerH) / 2) } 
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp1 { height:calc(var(--headerH) * 1.5) } 
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp1 .tt { font-size:1.75em; font-weight:700 } 
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2 { flex-direction:column; gap:1em } 
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a .tt { opacity:.7; font-weight:700; font-size:1.063em } 
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a:hover .tt { opacity:1 } 
.allOn #header .top_wrap .gnb_wrap .gnb > li.m_guide { display:block; position:absolute; right:0; bottom:0; font-size:.875em } 
.allOn #header .top_wrap .gnb_wrap .gnb > li.m_guide .dp1 { display:none } 

#quick { position: fixed; left:0em; top:0; --qLW : 4.5em; width:var(--qLW); padding-bottom:1em; height:100%; box-sizing:border-box; z-index:999; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:1em } 
#quick .link { display:flex; flex-direction:column; align-items:center; width:100% } 
#quick .link > li { width:100% } 
#quick .link > li .st { color:#fff; padding:1.5em .5em; display:flex; writing-mode: vertical-lr; align-items:center; text-align:center; gap:.5em; box-shadow:-2em 0 2em rgba(0,0,0,.1); position:relative; box-sizing:border-box; width:calc(var(--qLW) - 1em); transition:.3s } 
#quick .link > li .st.c1 { --c:#5170dd; background:var(--c) } 
#quick .link > li .st.c2 { --c:#111d3c; background:var(--c) } 
#quick .link > li .st .t1 { font-weight:700; font-size:1.063em; letter-spacing:-.05em; word-spacing:.5em } 
#quick .link > li .st .more { padding:.25em; background:inherit; width:2em; display:flex; align-items:center; writing-mode: vertical-lr; gap:.5em; padding:.75em 0; border-radius:2em; box-sizing:border-box; justify-content:center; margin-top:.5em; border:1px solid rgba(255,255,255,.5); transition:.3s } 
#quick .link > li .st .more ~ .more { margin-top:0 } 
#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:.813em } 
#quick .link > li .st .corner { --cc:var(--c); left:0; font-size:2em } 
#quick .link > li .st .corner.p1 { bottom:100%; transform:rotate(90deg) } 
#quick .link > li .st .corner.p2 { top:100%; transform:rotate(180deg) } 
#quick .link > li:first-child .st { border-top-right-radius:1em } 
#quick .link > li:last-child .st { border-bottom-right-radius:1em } 
#quick .link > li:not(:first-child) .st .corner.p1,
#quick .link > li:not(:last-child) .st .corner.p2 { display:none } 
#quick .link > li .st:hover { width:100%; border-radius:0 1em 1em 0 } 
#quick .link > li .st:hover .more { border-color:transparent; background:#fff; color:#111 } 

#quick:not(:has(.link)) .goTop { position:fixed; right:1em; bottom:1em } 
.goTop { width:3em; border-radius:50%; aspect-ratio:1 / 1; background:#fff; box-shadow:0 0 2em rgba(0,0,0,.2); box-sizing:border-box; border:1px solid rgba(255,255,255,.2); display:flex; align-items:center; justIfy-content:center; color:var(--siteC); opacity:0; visibility:hidden; transform:translateY(1em); transition:.3s } 
.goTop .xi { transition:.3s } 
.scroll .goTop { opacity:1; visibility:visible; transform:translateY(0) } 
.goTop:hover .xi { transform:translateY(-20%) } 

#footer { padding:6vmin 0 6vmin 0; border-top:1px solid rgba(0,0,0,.05); box-shadow:0 -2em 3em rgba(0,0,0,.1); position:relative; border-radius:0 15vmin 0 0; overflow:hidden } 
#footer .wrapF { display:flex; gap:2em; position:relative; flex-direction:column; } 
#footer .logo_wrap { display:flex; align-items:center; gap:4em } 
#footer .logo { height:3.5em } 
#footer .logo img { height:100% } 
#footer .menu { display:flex; align-items:center; gap:2em; margin-left:auto } 
#footer .menu > li > a { position:relative; display:flex; gap:.5em; align-items:center; font-weight:500 } 
#footer .menu > li:not(:first-child) > a:before { content:""; position:absolute; left:-1em; top:50%; height:70%; background:#ddd; width:1px; transform:translateY(-50%) } 
#footer .menu > li > a.point { font-weight:700; color:var(--siteC); opacity:1 } 
#footer .info_wrap { display:flex } 
#footer .info { flex:1 1 0%; min-width:0; overflow:hidden } 
#footer .info > li { float:left; margin-right:2em; margin-bottom:.375em; 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.point.c1 { color:var(--siteC) } 
#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 .site_wrap { width:12em; position:relative } 
#footer .site_wrap .siteBtn { display:flex; align-items:center; padding:.5em 1.5em; transition:.3s; border:1px solid rgba(255,255,255,.2) } 
#footer .site_wrap .siteBtn .arrow { margin-left:auto; transition:.3s } 
#footer .site_wrap .siteBtn .tt { font-size:.938em; font-weight:700 } 
#footer .site_wrap .list { position:absolute; left:0; bottom:100%; width:100%; background:inherit; visibility:hidden; opacity:0; transform:translateY(1em); transition:.3s; background:var(--fBg); box-sizing:border-box; border:1px solid rgba(255,255,255,.2); border-bottom:none } 
#footer .site_wrap .list > li > a { display:block; padding:.75em 1.5em; padding-right:3em; border-bottom:1px solid rgba(255,255,255,.1); position:relative; transition:.3s } 
#footer .site_wrap .list > li > a:after { content:"\e980"; font-family:xeicon; position:absolute; right:1em; top:50%; transform:translateY(-50%); opacity:0; transition:.3s } 
#footer .site_wrap .list > li > a:hover { background:rgba(0,0,0,.2) } 
#footer .site_wrap .list > li > a:hover:after { opacity:1 } 
#footer .site_wrap .list > li > a .t1 { font-size:.875em } 
#footer .site_wrap .siteBtn:hover,
#footer .site_wrap.on .siteBtn { background:rgba(0,0,0,.2) } 
#footer .site_wrap.on .siteBtn .arrow { transform:rotate(180deg) } 
#footer .site_wrap.on .list { visibility:visible; opacity:1; transform:translateY(0) } 

.sns_st { display:flex; gap:.5em } 
.sns_st > li > a { display:flex; align-items:center; justify-content:center; width:2.5em; height:2.5em; border-radius:50%; transition:.3s; background:rgba(255,255,255,.2) } 
.sns_st > li > a .xi { font-size:1.125em } 
.sns_st > li > a img { height:1.125em } 
.sns_st > li > a:hover { background:#111; color:#fff } 
.sns_st > li > a:hover img { filter:brightness(0) invert(1) } 

#contents { flex:1 1 0%; min-height:0; box-sizing:border-box } 
#contents .sub_top_wrap { height:50vh; position:relative } 
#contents .sub_top_wrap .wrapBg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:#f1f1f1; overflow:hidden } 
#contents .sub_top_wrap .wrapBg .bg { height:100%; background-size:100% auto; position:relative } 
#contents .sub_top_wrap .wrapBg .bg:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.2 } 
#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; padding-top:var(--headerH); 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 { height:100%; display:flex; flex-direction:column; align-items:center; text-align:center; justify-content:center; color:#fff; line-height:1; gap:1.5em; box-sizing:border-box; padding-top:1em } 
#contents .sub_top_wrap .subTit .t1 { font-size:5.5vmin; font-weight:700; color:transparent; -webkit-text-stroke: 1px #fff } 
#contents .sub_top_wrap .subTit .t2 { font-size:1.25em; font-family:var(--fSerif); word-spacing:.2em; letter-spacing:.05em; line-height:1.5 } 
#contents .sub_top_wrap .subTab { position:relative; --tabC:rgba(255,255,255,.3) } 
#contents .sub_top_wrap .subTab .wrapF { display:flex; justify-content:center } 
#contents .sub_top_wrap .subTab .inF { display:flex; justify-content:center; position:relative } 
#contents .sub_top_wrap .subTab:has( .dp2 > li.on:first-child) .corner.p1 svg path,
#contents .sub_top_wrap .subTab:has( .dp2 > li.on:last-child) .corner.p2 svg path { fill:white } 
#contents .sub_top_wrap .subTab .corner { bottom:0; width:1.5em } 
#contents .sub_top_wrap .subTab .corner svg path { fill:var(--tabC) } 
#contents .sub_top_wrap .subTab .corner.p1 { right:100% } 
#contents .sub_top_wrap .subTab .corner.p2 { left:100%; bottom:0; transform:rotateY(180deg) } 
#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:inline-flex; justify-content:center; flex-wrap:wrap; overflow:hidden; border-radius:1em 1em 0 0 } 
#contents .sub_top_wrap .subTab .gnb > li .dp2 > li { position:relative; flex:1; min-width:0; width:30vmin; max-width:30vmin } 
#contents .sub_top_wrap .subTab .gnb > li .dp2 > li > a { height:4em; display:flex; align-items:center; justify-content:center; color:#fff; box-sizing:border-box; background:var(--tabC); position:relative } 
#contents .sub_top_wrap .subTab .gnb > li .dp2 > li > a:before { content:""; position:absolute; left:-1px; top:50%; height:30%; transform:translateY(-50%); background:#fff; width:1px; opacity:.2 } 
#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.125em; font-weight:700 } 
#contents .sub_top_wrap .subTab .gnb > li .dp2 > li > a .va .arrow { position:absolute; right:0; top:50%; transform:translateY(-50%); overflow:hidden; font-size:0; transition:.3s } 
#contents .sub_top_wrap .subTab .gnb > li .dp2 > li > a .va .arrow:before { content:"\e942" } 
#contents .sub_top_wrap .subTab .gnb > li .dp2 > li:not(.on):hover .tt { text-decoration:underline; text-underline-offset:.25em; text-decoration-thickness: 2px; } 
#contents .sub_top_wrap .subTab .gnb > li .dp2 > li.on > a { background:#fff; color:var(--siteC) } 
#contents .sub_top_wrap .subTab .gnb > li .dp2 > li.on > a .va { opacity:1; transform:translateX(0); padding-right:1.5em } 
#contents .sub_top_wrap .subTab .gnb > li .dp2 > li.on > a .va .arrow { font-size:1.25em } 
#contents .sub_top_wrap .subTab .gnb > li .dp3 { display:none } 

#contents .sub_tit_wrap { padding:4.5vmin 0; border-bottom:1px solid #eee } 
#contents .sub_tit_wrap .wrapF { display:flex; display:flex; flex-direction:column; gap:3vmin; align-items:center } 
#contents .sub_tit_wrap .titW { flex:1; min-width:0 } 
#contents .sub_tit_wrap .titW .t1 { font-weight:500; font-size:2.75em } 
#contents .sub_tit_wrap .nav { display:flex; align-items:center } 
#contents .sub_tit_wrap .nav { display:inline-flex; align-items:center; gap:0 1em } 
#contents .sub_tit_wrap .nav > li { color:#666 } 
#contents .sub_tit_wrap .nav > li:not(.home):before { content:"\e940"; font-family:xeicon; margin-right:.5em; font-size:.938em } 
#contents .sub_tit_wrap .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 } 
#contents .sub_tit_wrap .nav > li.home > a .xi { font-size:.875em } 

#contents .sub_top_wrap .wrapBg .bg:not(.vod_wrap) { background-position:50% 30%; transition:background-position 3s ease-out; } 
#contents .sub_top_wrap .wrapBg .bg.on:not(.vod_wrap) { background-position:50% 60%; background-size: cover; background-repeat: no-repeat;} 

#contents .doc { padding:6vmin 0 20vmin 0 } 
#contents .doc.grd-bg { background: #f4f4f4; } 
.dp1_member #contents .doc { padding: 16vmin 0 20vmin 0; } 
.dp1_member.dp3_fin #contents .doc {padding: 25vmin 0 20vmin 0;}

.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 } 

.sns_st { display:flex; gap:.5em } 
.sns_st > li > a { display:flex; align-items:center; justify-content:center; width:2.5em; height:2.5em; border-radius:50%; transition:.3s } 
.sns_st > li > a .xi { font-size:1.125em } 
.sns_st > li > a img { height:1.125em } 
.sns_st > li > a:hover { background:#111; color:#fff } 
.sns_st > li > a:hover img { filter:brightness(0) invert(1) } 
.sns_st > li > a.kc img { height:1.438em } 

/**/
.mainBox { padding:5vmin 0; position:relative } 
.mainBox.p0 { padding:0 } 
.mainBox.p1 { padding:8vmin 0 } 
.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 5%; position:relative } 
.mainBox .wrapF .vc { justify-content:center } 
.mainBox .wrapF.dRow { flex-direction:row } 
.mainBox .wrapF.dRow.g0 { gap:0 } 
.mainBox .wrapF.dRow.g1 { column-gap:5% } 
.mainBox .wrapF.dRow.vt { align-items:flex-start } 
.mainBox .wrapF.dRow.vc { align-items:center } 
.mainBox .wrapF.dRow .grow { flex:1 1 0%; min-width:0 } 
.mainBox .wrapObj { position:absolute; right:10%; top:40%; width:40%; aspect-ratio:1 / 1; background:linear-gradient(0deg, var(--siteC4), var(--siteC) 50%); opacity:.2; animation: mainBoxAni 10s linear infinite; filter: blur(5em); } 
@keyframes mainBoxAni {50% { transform:rotate(180deg) skew(20deg); } 
100% { transform:rotate(360deg) skew(0deg); } 
 }

.mainTit { display:flex; flex-direction:column; align-items:flex-start; gap:.75em; padding:0 .25em } 
.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:1.75em; font-weight:600 } 
.mainTit .tit2 { font-size:2em; font-family:var(--fSerif); word-spacing:.1em } 
.mainTit .tit2.s1 { font-size:2.5em } 
.mainTit .c1 { color:var(--siteC) } 
.mainTit .tt1 { opacity:.7 } 
.mainTit .mgL { margin-left:auto } 
.mainTit.white { color:#fff } 
.mainTit .more { margin-top:.5em; font-size:.938em; height:2em; border-radius:2em; background:#111; color:#fff; padding:0 1em; display:flex; align-items:center; gap:1em; transition:.3s } 
.mainTit .more .arr { margin-left:auto; font-size:1em } 
.mainTit .more .arr:before { content:"\e907" } 
.mainTit .more:hover { background:var(--siteC) } 
.mainTitW { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:.5em } 

.mainMore { display:flex; align-items:center; gap:.25em; --c:rgba(0,0,0,.1) } 
.mainMore .arrow { width:2em; height:2em; margin-left:1em; background:var(--c); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1em; transition:.3s } 
.mainMore .arrow:before { content:"\e93f"; font-size:1.5em } 
.mainMore .ico.s1 { font-size:1.5em } 
.mainMoreW:hover .mainMore .arrow,
.mainMore:hover .arrow { transform:translateX(20%); background:var(--siteC); transition:.3s } 

.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.375em; } 
.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) } 

.corner { position:absolute; width:1em; aspect-ratio:1/1; --cc:white } 
.corner svg { display:block } 
.corner svg path { fill:var(--cc) } 

.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:9em; --visualConH : var(--visualConHbase); --visualControlH:4em } 
.visualSlide_wrap { position:relative; box-sizing:border-box; aspect-ratio:5/2 } 
.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:var(--headerH) } 
.visualSlide_wrap .slogan .wIn { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:2em; height:100%; box-sizing:border-box; text-align:center } 
.visualSlide_wrap .slogan .wIn .in { display:flex; flex-direction:column; align-items:center; gap:.75em } 
.visualSlide_wrap .slogan .t1 { font-size:2.5vmin } 
.visualSlide_wrap .slogan .t2 { font-size:6.5vmin; font-weight:700 } 
.visualSlide_wrap .slogan .t3 { font-size:3vmin; line-height:1.5 } 
.visualSlide_wrap .slogan .t3 .el i{line-height: 1.5;}
.visualSlide_wrap .visualCon { position:absolute; left:0; bottom:0; width:100%; z-index:1; display:flex; align-items:flex-end; gap:4em; } 
.visualSlide_wrap .visualCon .scrollW { flex:1 1 0%; min-width:0; display:flex; justify-content:flex-end; padding:1em 0 } 
.visualSlide_wrap .visualCon .wIn { position:relative; width:calc(100% - 50vmin) } 
.visualSlide_wrap .visualCon .wIn .corner { width:3em } 
.visualSlide_wrap .visualCon .wIn .corner.p1 { right:100%; bottom:0 } 
.visualSlide_wrap .visualCon .wIn .corner.p2 { right:0; bottom:100% } 

.wIn_mob { width:100%; }

.wIn_mob .mainLink { display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:1em; padding:0; margin:0; }

.wIn_mob .mainLink > li { width:calc((100% - 4em) / 5); list-style:none; }

.wIn_mob .mainLink > li .in { width:100%; height:100%; }


.mainLink { --calcL:6; --calcG:.5em; height:var(--visualConH); border-radius:3em 0 0 0; background:#fff; box-shadow:0 -4em 4em rgba(0,0,0,.1); z-index:1; display:flex; align-items:center; box-sizing:border-box; padding:1.5em; padding-bottom:0; gap:1em } 
.mainLink > li { flex:1 1 0%; min-width:0; position:relative; border-radius:1em; height:100%; --hoverLineC:var(--siteC); --hoverLineW:.25em } 
.mainLink > li:before { content:""; position:absolute; inset: 0; background:var(--siteC); opacity:.1; border-radius:inherit } 
.mainLink > li:has(.w1) { flex-grow:1.5 } 
.mainLink > li .in[class*="c"] { --hoverLineC:#fff; color:var(--hoverLineC); } 
.mainLink > li .in[class*="c"]:before { opacity:1 } 
.mainLink > li .in.c1 { background:var(--siteC) } 
.mainLink > li .in.c2 { background:var(--siteC2) } 
.mainLink > li .in.c3 { background:var(--siteC3) } 
.mainLink > li .in.c4 { background:var(--siteC2) } 
.mainLink > li .in { position:relative; display: flex; gap:.8em; box-sizing:border-box; height:100%; border-radius:inherit } 
.mainLink > li .in .ico { font-size:2.5em; } 
.mainLink > li .in .tt { display:flex; align-items:center; gap:.5em } 
.mainLink > li .in .t1 { font-weight:500; font-size:1.38em } 
.mainLink > li .in .arrow { margin-left:-1.5em; opacity:0; font-size:1em; transition:.3s } 
.mainLink > li .in .arrow:before { content:"\e907"; display:block } 
.mainLink > li .in[target="_blank"] .arrow:before { content:"\e980"; transform:scale(.8) translate(-25%, -25%) } 
.mainLink > li .in:not([class*="c"]) .ico { opacity:.3; color:var(--siteC) } 
.mainLink > li .in:hover .arrow { margin-left:0; opacity:1 } 

.visualSlide_wrap .controlW { position:absolute; bottom:var(--visualConH); z-index:10; width:100% } 
.visualSlide_wrap .controlW .wrapIn { display:flex; align-items:center; justify-content:flex-end; height:var(--visualControlH) } 

.mainScroll { position:relative; z-index:1; display:flex; gap:.25em; align-items:center; justify-content:center; color:#fff; transition:.3s; opacity:.5 } 
.mainScroll .in { display:flex; align-items:center; justify-content:center; text-align:center; box-sizing:border-box; height:100% } 
.mainScroll .in .xi { font-size:1em } 
.mainScroll .in .ico1 { font-size:1.75em; margin-right:-.25em } 
.mainScroll .tt { font-size:.813em; font-weight:900 } 
.mainScroll:hover { transition:.3s; opacity:1 } 
.scroll .mainScroll { opacity:0; visibility:hidden } 

.mainWrap { overflow:hidden } 

.mainPop,
.mainBanner { width:35vmin; } 
.mainPop { display:flex; flex-direction:column } 
.mainPop .swiper { width:100% } 
.mainPop .swiper-slide { border-radius:1em } 
.mainPop .bg { background-color:#fff; box-shadow:0 0 3em rgba(0,0,0,.1); border-radius:1em; overflow:hidden } 
.mainPop .bg .bgfix { transform: translateZ(0); backface-visibility: hidden; } 

.mainJournal .swiper { width:100% } 
.mainJournal .swiper .swiper-slide { filter:drop-shadow(0 0 1em rgba(0,0,0,.1)) } 

.mainBanner { display:flex; flex-direction:column; gap:.5em } 
.mainBanner .grow { flex:1 1 0%; min-height:0 } 
.mainBanner .bB { position:relative; padding-right:6em } 
.mainBanner .bB .img { position:absolute; right:0; bottom:0; opacity:.1; font-size:5em } 
.mainBanner .bS { height:5em } 
.mainBanner .bS .mainMore { padding:0 2em; justify-content:flex-start; box-sizing:border-box; width:100% } 
.mainBanner .bS .mainMore .arrow { margin-left:auto } 
.mainBanner .search { height:100%; box-sizing:border-box } 

.mainBoard { position:relative; display:flex; flex-direction:column } 
.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; box-sizing:border-box; padding:2em; border-radius:2em; background:rgba(255,255,255,.5); box-shadow:0 1em 3em rgba(0,0,0,.1); border:1px solid rgba(255,255,255,.3); display:flex; flex-direction:column; gap:1.5em; overflow:hidden; height: 20em; flex: none !important; } 
.mainBoxSt.st1 { box-shadow: none; border-radius:1em } 
.mainBoxSt.st1:before { content:""; position:absolute; inset:0; } 
.mainBoxSt.c1:before { background:black; opacity:.05 } 
.mainBoxSt.c2:before { background:var(--siteC); opacity:.1 } 
.mainBoxSt.c3:before { background:green; opacity:.1 } 
.mainBoxSt.p0 { padding:0 } 
.mainBoxSt.p1 { padding:2em } 
.mainBoxSt > *:not(.hideT) { position:relative } 

.mainBasicSlideW { --slideG: .5em; filter:drop-shadow(0 0 1em rgba(0,0,0,.1)); margin:0 calc(var(--slideG) * -1) } 
.mainBasicSlideW .swiper-slide { width:50%; height:auto } 
.mainBasicSlideW .swiper-slide > div { margin:0 var(--slideG); box-sizing:border-box; height:100% } 

.mainBasicSlideW.partner1 .swiper-slide { width:14.28% } 

/*  */
.mainRegistration{ --slideG: .5em; width: 65%;}
.mainRegistrationSlide{padding: 2.5em 2em 1.5em; display: flex; flex-direction: column; position: relative; overflow: hidden; background: #fff; border-radius: 1em; box-sizing: border-box; height: 100%; box-shadow: 0px 0px 30px rgba(17, 17, 17, 0.15);}
.mainRegistration .swiper{width: 100%;}
.mainRegistration .swiper .el{width: 50%;}
.mainRegistration .swiper .el > div{margin: 0 var(--slideG); box-sizing: border-box; height: 100%;}
.mainRegistration .swiper .el{background: #fff; box-sizing: border-box; height: 100%; border-radius: 1em}
.mainRegistration .swiper .el .conWrap{}
.mainRegistration .swiper .el .conWrap .top{display: flex; gap: .6em; align-items: center; background: #f5f5f5; padding:1em 1.5em; box-sizing: border-box; border: 1px solid #ddd; border-radius: 1em 1em 0 0 ;}
.mainRegistration .swiper .el .conWrap .top .stat{ padding: 0.5em; background: #555; color: #fff; border-radius: 0.5em; white-space: nowrap;}
.mainRegistration .swiper .el .conWrap .top .stat.c1{background: #3aafa9;}
.mainRegistration .swiper .el .conWrap .top .stat.c2{background: #2b7a78;}
.mainRegistration .swiper .el .conWrap .top .date {font-size: 0.925em; display: flex; align-items: center; gap: 0.2em;}
.mainRegistration .swiper .el .conWrap .bottom{ border-radius: 0 0 1em 1em; padding: 1.5em; box-sizing: border-box; border: 1px solid #ddd; border-top: none;}
.mainRegistration .swiper .el .conWrap .bottom .txt_wrap{}
.mainRegistration .swiper .el .conWrap .bottom .txt_wrap .s_tit{ font-weight: 700; color: var(--siteC);}
.mainRegistration .swiper .el .conWrap .bottom .txt_wrap .tit{font-size: 1.25em; margin-top: 0.3em; font-weight: 600; margin-bottom: 1em;}
.mainRegistration .swiper .el .conWrap .bottom .txt_wrap .tt{font-size: 1.125em; color: #555; font-weight: 500; min-height: 1.7em;}

.mainRegistration .swiper .el .conWrap .bottom .btn{ margin-top: 2em; display: flex; justify-content: center; align-items: center;}

.mainRegistrationSlide .gallSt{border-radius: 0;}

.mainPagemenu .topMenu .in .tt{font-size: 1.25em; font-weight: 600; gap: 0.5em;}
.mainPagemenu .topMenu .in .icon_img{position: absolute; right: 2.4em; top: 8%; transform: translateY(-50%);}
.mainPagemenu .topMenu .in .icon_img img{width: 110px; height: 100%; object-fit: contain;}

.mainPagemenu{width: 35%;}
.mainPagemenu .topMenu .in{ background: var(--siteC); color: #fff; padding: 1.7em; position: relative; border-radius: .8em;}

.mainPagemenu .bottomMenu.link_con { display: flex; gap: 1em; flex: 1; margin-top: 1.5em;} 
.mainPagemenu .bottomMenu.link_con .inner{flex: 1; display: flex;}
.mainPagemenu .bottomMenu.link_con .link_banner { position: relative; display: block; width: 100%; overflow: hidden; flex: 1; border-radius: 1em;} 
.mainPagemenu .bottomMenu.link_con .link_banner:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(4, 43, 111, 0.4); content: ''; z-index: 1; } 
.mainPagemenu .bottomMenu.link_con .link_banner .img_con { width: 100%; height: 20em; } 
.mainPagemenu .bottomMenu.link_con .link_banner .img_con > img { transition: .3s; display: block; width: 100%; height: 100%; object-fit: cover;} 
.mainPagemenu .bottomMenu.link_con .link_banner .info_con { position: absolute; top: 3em; left: 2em; color: #fff; z-index: 2; } 
.mainPagemenu .bottomMenu.link_con .link_banner .info_con .tit { font-size: 1.25em; font-weight: 600; margin-bottom: .75em; } 
.mainPagemenu .bottomMenu.link_con .link_banner .info_con .txt { font-size: .94em; color: rgba(255,255,255,.8); font-weight: 500; width: 80%; line-height: 1.4;} 
.mainPagemenu .bottomMenu.link_con .link_banner .info_con .num_con { display: flex; gap: .5em; align-items: center; margin-top: .5em; color: #fff; } 
.mainPagemenu .bottomMenu.link_con .link_banner .info_con .num_con > .xi { width: 1.75em; height: 1.75em; display: flex; align-items: center; justify-content: center; border: .0625rem solid #fff; border-radius: 50%; font-size: 1.65em; } 
.mainPagemenu .bottomMenu.link_con .link_banner .info_con .num_con > .num { font-size: 1.85em; font-weight: 800; } 

.mainPagemenu .bottomMenu.link_con .link_banner .main_cir { position: absolute; bottom: 3em; right: 3em; color: #fff; z-index: 5; transition: .3s; } 
.mainPagemenu .bottomMenu.link_con .link_banner:hover .main_cir { background: #fff; color: var(--siteC); } 

.mainPagemenu .bottomMenu.link_con .link_banner:hover .img_con > img { transform: scale(1.15); } 




/*사전등록*/
.search_form_wrap { display: flex; padding: 1.5em 2em; margin-bottom: 3rem; box-sizing: border-box; justify-content: center; background: #f5f5f5; border-radius: .25em; } 
.search_form_wrap .wrap_in { display: flex; gap: .25em; } 
.search_form_wrap .board_search_wrap { margin-bottom: 0; font-size: 1em; } 
.search_form_wrap .board_search_wrap .right .input_st[type=text] { width: 20em; } 
.regisList_container { width: 100%; } 
.regisList_container .regisList { display: flex; flex-wrap: wrap; gap: 1.5em; padding: 0; margin: 0; list-style: none; } 
.regisList_container .regisList > li { width: calc((100% - 3em) / 3); box-sizing: border-box; } 
.regisList_container .regisList > li > .inner { display: block; text-decoration: none; background-color: #ffffff; border: 2px solid #f0f0f0; border-radius: 0.8em; box-shadow: 0 0.4em 1.2em rgba(0, 0, 0, 0.03); overflow: hidden; transition: .2s ease; } 
.regisList_container .regisList > li > .inner:hover { transform: translateY(-0.2em); border: 2px solid var(--siteC); box-shadow: 0 0.6em 1.6em rgba(0, 0, 0, 0.06); } 
.regisList_container .regisList > li > .inner > .topInfo { display: flex; align-items: center; gap: 1.2em; height: 4.5em; padding: 0 1.8em; box-sizing: border-box; background: #f5f5f5; border-bottom: 0.08em solid #f0f0f0; } 
.regisList_container .topInfo .typeCon { width: 4.8em; } 
.regisList_container .topInfo .type { display: inline-flex; align-items: center; justify-content: center; width: 3.5em; height: 2em; border-radius: 0.3em; box-sizing: border-box; } 
.regisList_container .topInfo .type.ty1 { background-color: #2b7a78; } 
.regisList_container .topInfo .type.ty2 { background-color: #3aafa9; } 
.regisList_container .topInfo .type.ty3 { background-color: #a8a8a8; } 
.regisList_container .topInfo .type .tt { color: #ffffff; font-size: 0.9em; font-weight: 600; margin: 0; } 
.regisList_container .topInfo .title { color: #222222; font-size: 1.1em; font-weight: 600; margin: 0; flex: 1; } 
.regisList_container .regisList > li > .inner > .btmInfo { padding: 2.2em 1.8em 1.8em 1.8em; box-sizing: border-box; } 
.regisList_container .regisList > li > .inner > .btmInfo > .con { display: flex; align-items: flex-start; gap: 1.5em; } 
.regisList_container .btmInfo .icon { display: flex; align-items: center; justify-content: center; width: 4.8em; height: 4.8em; border-radius: 50%; background-color: #f3f4f6; flex-shrink: 0; } 
.regisList_container .btmInfo .icon img { width: 2.2em; height: 2.2em; object-fit: contain; } 
.regisList_container .btmInfo .infoWrap { flex: 1; display: flex; flex-direction: column; gap: 0.5em; } 
.regisList_container .btmInfo .btn { display: flex; align-items: center; justify-content: center; margin-top: 1.2em; } 
.regisList_container .infoWrap .cate { color: var(--siteC); font-size: 1.063em; font-weight: 600; margin: 0; } 
.regisList_container .infoWrap .tit { color: #555555; font-size: 1em; line-height: 1.5; font-weight: 500; margin: 0 0 0.4em 0; } 
.regisList_container .infoWrap .dateCon { display: flex; align-items: center; gap: 0.5em; color: #777777; letter-spacing: -0.025em; } 
.regisList_container .infoWrap .dateCon i.xi-calendar-list { font-size: 1.1em; } 
.regisList_container .infoWrap .date { display: flex; align-items: center; gap: 0.3em; } 
.regisList_container .infoWrap .date .tt { font-size: 0.95em; margin: 0; font-weight: 500; } 
.regisList_container .infoWrap .date i { font-style: normal; font-size: 0.9em; color: #999999; } 

/*초록 접수*/
.form_container { } 
.form_container .formItem { display: flex; align-items: start; gap: 6em; margin-bottom: 4.5em; } 
.form_container .formItem .form_tit { width: 25%; } 
.form_container .formItem .form_tit > .tt { font-size: 1.815em; font-weight: 700; } 
.form_container .formItem .form_st { width: 75%; } 
.form_container .formItem .form_st > li:first-of-type { border-top: 3px solid var(--siteC); padding-top: 1em; } 
.form_container .formItem .form_st > li { border-bottom: none; } 
.form_container .formItem .form_st > li .lab_con { } 
.form_container .formItem .form_st > li .lab_con .input_st { border-radius: 0; border: 0; border-bottom: 1px solid #ddd; padding: .65em 0; } 

.topInfoList { display: flex; flex-direction: column; align-items: end; margin-bottom: 1.5em; } 
.topInfoList > li { } 
.topInfoList > li > .con { display: flex; align-items: start; gap: .25em; } 
.topInfoList > li > .con > .xi { position:relative; top: -4px; color: var(--siteC); } 
.topInfoList > li > .con > .tt { font-size: .938em; color: #666; } 

/*MEMBER*/
 .memIntro_con { } 
.memIntro_con .tt { margin-bottom: .5em; } 
.memIntro_con .tt:last-child { margin-bottom: 0; } 
.memIntro_con .t1 { text-align: center; line-height: 1.4; color: #666; font-size: 1.063em; font-weight: 400; } 
.memIntro_con .t1 > b { color: var(--siteC); } 
.memIntro_con .t2 { background: #fef2e8; text-align: center; padding: .5em; margin: 1em 0; font-weight: 500; } 
.memIntro_con .table_st { font-weight: 500; } 

.memIntro_con .page_dot_list { padding: 1em 1.8em; background: #f4f4f4; } 
.memIntro_con .page_dot_list.s1 > li { font-weight: 400; } 
.memIntro_con .page_dot_list.s1 > li:last-child { margin-bottom: unset; } 
.mem_step_wrap { margin-bottom: var(--space-6); text-align:center; } 
.mem_step_wrap .mem_step { counter-reset:listIdx; } 
.mem_step_wrap .mem_step > li { counter-increment:listIdx; } 
.mem_step_wrap .mem_step > li .icon_wrap { position:relative; padding:0 2em; } 
.mem_step_wrap .mem_step > li .icon_wrap:after { content:""; display:block; position:absolute; top:50%; right:0; width:4em; height:1px; background: #e8e8e8; transform:translateX(50%); } 
.mem_step_wrap .mem_step > li:last-child .icon_wrap:after { display:none; } 
.mem_step_wrap .mem_step > li .icon_wrap .icon { display: flex; width:5.75em; height:5.75em; justify-content: center; background: #f7f7f7; border:.25em solid #f7f7f7; border-radius:100%; } 
.mem_step_wrap .mem_step > li .icon_wrap .icon img { width:2.25em; } 
.mem_step_wrap .mem_step > li:not(.on) .icon_wrap .icon img { opacity:.5; } 
.mem_step_wrap .mem_step > li .con_wrap { gap:.5em; padding-top:.75em; } 
.mem_step_wrap .mem_step > li .con_wrap .num:before { content:counter(listIdx, decimal-leading-zero); } 
.mem_step_wrap .mem_step > li .con_wrap .tt { color:#ccc; font-weight:500; } 
.mem_step_wrap .mem_step > li .con_wrap .t1 { font-size:1.250em; font-weight:700; } 
.mem_step_wrap .mem_step > li .con_wrap .t2 { font-size:.938em; } 
.mem_step_wrap .mem_step > li.on .icon_wrap:after { background:var(--siteC); } 
.mem_step_wrap .mem_step > li.on .icon_wrap .icon { background:#fff; border-color:var(--siteC); } 
.mem_step_wrap .mem_step > li.on .con_wrap .t1 { color:var(--siteC); } 
.mem_step_wrap .mem_step > li.on .con_wrap .t2 { color:#000; } 

.mem_login_box { width:38em; max-width:100%; margin:0 auto; } 
.mem_join_box { width:50em; max-width:100%; margin:0 auto; } 
.mem_join_box.wd { width: 60em; } 

.mem_form_wrap { padding: 2.5rem 2.5rem; box-sizing: border-box; background: #f7f7f7; border-radius: 1em; } 
.mem_form_wrap .memfinInfo { text-align: center; padding: 4rem 0; } 
.mem_form_wrap .memfinInfo .t1 { font-size: var(--font-size-lg-2); font-weight: 700; line-height: 1.3; } 
.mem_form_wrap .memfinInfo .t1 > i { color: var(--siteC); } 
.mem_form_wrap .memfinInfo .t2 { font-size: 1.125em; font-weight: 400; color: #666; margin-top: var(--space-3); } 

.mem_form_wrap.id_fin .mem_form_inp {margin:2em 0;}
.mem_form_wrap.id_fin .mem_form_inp .inp2 {font-weight:700; font-size:1.25em; padding:0.5em 3em; border:1px solid #ddd; background-color:#fff; border-radius:0.5em;}
.mem_form_wrap.id_fin .mem_form_inp .wrap_in {justify-content:center; align-items:center;}
.mem_form_wrap.id_fin .mem_btn_wrap > li {display:flex; flex-direction:row; gap: 1em; }
.mem_form_wrap.id_fin .mem_btn_wrap > li .in {width:100%; margin-left:0;}
.mem_form_wrap.id_fin 


.memTit { margin-bottom: var(--space-4); text-align: center;} 
.memTit > .tt { font-size: var(--font-size-lg-2); font-weight: 700; } 
.memTit > .txt {font-size: 1em; margin-top:1em;}

.mem_form_inp { } 
.mem_form_inp > li > .meminfo_W { gap: 1.5em; } 
.mem_form_inp > li > .meminfo_W .meminfo_D { flex: 1 1 50%; } 
.mem_form_inp > li { margin-top:2.25em; } 
.mem_form_inp > li > .tit { font-size: 1em; font-weight:400; margin-bottom: var(--space-3);} 
.mem_form_inp > li .tdTit { font-size: 1.125em; font-weight: 600; margin-bottom: var(--space-2); } 
.mem_form_inp > li .in_txt { padding:.75em 0 1.25em 0; border-bottom:1px solid #e1e2e6; font-size:1.063em; color:#333; } 
.mem_form_inp > li .in_inp.flex .in_txt { flex:1; margin-right:.5em; } 
.mem_form_inp > li .in_icon { margin-bottom:2em; } 
.mem_form_inp > li .in_icon:last-child { border-bottom:0; } 
.mem_form_inp > li .in_icon > .icon { width:6em; height:6em; background:#f3f6f8; border-radius:50%; } 
.mem_form_inp > li .in_icon > .icon img { width:3em; } 
.mem_form_inp > li .check { padding-top:1em; border-top:1px dashed #ddd; } 

.mem_form_inp > li.inp_wrap { margin-top:.65em; } 
.mem_form_inp > li.inp_wrap.mg0 { margin-top:0; } 
.mem_form_inp > li.inp_wrap .tit { width:6rem; } 
.mem_form_inp > li.inp_wrap .inp { flex:1; } 
.mem_form_inp > li.inp_wrap > .wrap_in.flex { min-height:3em; } 

.mem_form_inp > li.cer_wrap { text-align:center; } 

.mem_form_inp > li:first-child { margin-top:0; } 

.mem_form_inp.st1 > li { padding-right:2em; } 
.mem_form_inp.st2.flex { gap:.313em; } 
.mem_form_inp.st2.flex.gp1 { gap:1em; } 
.mem_form_inp.st2.flex > li.inp_wrap .wrap_in.flex { gap:1em; } 
.mem_form_inp.st2.flex > li.inp_wrap .tit { } 

.mem_terms_wrap .all_check { padding:1em 0; border-bottom:1px dashed #bbb; font-size:1.125em; } 
.mem_terms_wrap > li:not(:first-child) { padding-top:2.5em; } 
.mem_terms_wrap .tit { margin-bottom:.75em; font-size:1.125em; } 
.mem_terms_wrap .tit * { vertical-align:baseline; } 

.mem_select_wrap { gap:2em; } 
.mem_select_wrap > li { flex:1; } 
.mem_select_wrap > li .inLabel { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; position:relative; gap:1em; padding:2em 2em; cursor:pointer; } 
.mem_select_wrap > li .inLabel > * { box-sizing:border-box; width:100%; margin:0 0; } 
.mem_select_wrap > li .inLabel .bg { position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; /*border:2px solid transparent; */ box-shadow:0 2px 1em rgba(0,0,0,.1); border-radius:1em; transition:.2s; } 
.mem_select_wrap > li .inLabel .bg ~ * { position:relative; } 
.mem_select_wrap > li .inLabel .in_icon > .icon { width:8em; height:8em; background:var(--crGray1); border-radius:50%; } 
.mem_select_wrap > li .inLabel .in_icon > .icon img { width:3.5em; } 
.mem_select_wrap > li .inLabel input { position:absolute; width:0; height:0; overflow:hidden; opacity:0; } 
.mem_select_wrap > li .inLabel input ~ .bg { border: 2px solid var(--siteC); } 
.mem_select_wrap > li .inLabel:hover input ~ .bg { background:var(--crGrad1); } 
.mem_select_wrap > li .inLabel:hover input ~ * .tt { color: #fff; } 
.mem_select_wrap > li .inLabel:hover .sub_more .btn { background: #fff; color: var(--siteC); font-weight: 600; } 

.mem_btn_wrap { margin-left:-.375em; text-align:center; } 
.mem_btn_wrap > li { flex:1; } 
.mem_btn_wrap > li .in { margin-left:.375em; } 

.mem_sns_wrap { margin-top:3.5em; text-align:center; } 
.mem_sns_wrap .mem_sns { } 
.mem_sns_wrap .mem_sns > li { width:20%; } 
.mem_sns_wrap .mem_sns > li .in { display:inline-block; } 
.mem_sns_wrap .mem_sns > li .in .icon { margin-bottom:.75em; width:4em; height:4em; border:1px solid #ddd; border-radius:100%; transition:.2s; } 
.mem_sns_wrap .mem_sns > li .in .icon .xi { font-size:2.250em; } 
.mem_sns_wrap .mem_sns > li .in .tt { font-size:.938em; color:#111; } 
.mem_sns_wrap .mem_sns > li .in.naver { color:#1ec800; } 
.mem_sns_wrap .mem_sns > li .in.kakao { color:#ffb400; } 
.mem_sns_wrap .mem_sns > li .in.google { color:#eb4f42; } 
.mem_sns_wrap .mem_sns > li .in.face { color:#046ee4; } 
.mem_sns_wrap .mem_sns > li .in:hover { color:#fff; } 
.mem_sns_wrap .mem_sns > li .in:hover .icon { background:#2f415b; border-color:#2f415b; } 

.mem_link_wrap { text-align:center; } 
.mem_link_wrap > li .in { position:relative; display:inline-block; padding:.5em 1.25em; } 
.mem_link_wrap > li .in:after { content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:1em; background:#ccc; transform:translateY(-50%); } 
.mem_link_wrap > li:last-child .in:after { display:none; } 
.mem_link_wrap > li .in .tt { font-size:1.063em; } 
.mem_link_wrap > li .in:hover .tt { text-decoration:underline; } 

.member_agree .agree { padding:2em; color:#444; line-height:1.8; border: 1px solid #ddd; border-top: 1px solid #111;} 
.member_agree .agree.H { padding:.5em 1em; border-top-width:1px; height:14em; background:#fff; font-size:.938em; overflow-y: scroll;} 
.member_agree .agree p { padding:.5em 0; } 
.member_agree .agree * { vertical-align:baseline; } 
.member_agree .agree strong { color:#000; font-weight:700; } 
.member_agree .check{ padding:1em 2em; border:1px solid #ddd; border-top:none; border-radius:0 0 5px 5px; text-align:right; background:#f9f9f9}
.member_agree h1{ color:#111; font-weight:600}
.mem_join_box .member_agree .check{ background: #fff;}

/* 학회지 */
.journal_top { gap: 3em; background: #f4f4f4; padding: 2em 3em; margin-bottom: 3em; } 
.journal_top .journal_img { width: 10%; } 
.journal_top .journal_img { height:10em; background-color:#ddd; border:1px solid #ccc; display:flex; justify-content:center; align-items:center } 
.journal_top .info_wrap { gap: 3em; } 
.journal_top .info { width: auto; } 
.journal_top .info.st2 { width: unset; flex: 1; } 
.journal_top .info .tit { font-size: 1.125em; font-weight: 700; margin-bottom: .5em; } 
.journal_top .info .tt { margin-bottom: .2em; font-size: .96em; position: relative; } 
/* .journal_top .info .tt.dot { position: relative; } 
.journal_top .info .tt.dot::before { position: absolute; top: 0; left: 0; content: ''; background: var(--siteC); width: 5px; height: 5px; border-radius: 50%; } */
.journal_top .info .tt:last-child { margin-bottom: unset; } 
.journal_top .info .tt.st1,
.journal_top .info .tt span { font-weight: 600; } 
.journal_top .info .tt span { display: inline-block; margin-right: .5em; } 

.journal_top .info .tt1 { font-size: 1.25em; font-weight: 700; margin-bottom: .5em; } 
.journal_top .info .tt2 { font-size: .96em; margin-bottom: .4em; position: relative; padding-left: 0.8em; } 
.journal_top .info .tt2:last-child { margin-bottom: unset; } 
.journal_top .info .tt2::before { position: absolute; content: ''; background: #000; width: 4px; height: 4px; border-radius: 50%; top: 7.5px; left: 0%; } 
.journal_top .info .tt3 { } 

.board_search { margin-bottom:1em; display:block!important; } 
.board_search .total { display:flex; align-items:center; } 
.board_search .total .ico { font-size:1em; width:2em; height:2em; border:1px solid #ddd; display:flex; align-items:center; justify-content:center; border-radius:50%; margin-right:.5em } 
.board_search .total .ico:before { content:"\e91c" } 
.board_search .total .t2 { font-weight:700; font-size:1.125em; color:var(--siteC); margin-left:.25em } 
.board_search .total .t3 { font-weight:700; font-size:1.25em; margin-right:.25em } 
.board_search .total .twrap > * { vertical-align:baseline } 
.board_search .search { display:flex; align-items:center; gap:0 .25em } 
.board_search .grow { flex:1 1 0%; min-width:0; display:flex } 
.board_search .grow.ac { justify-content:center } 
.board_search .search .btn { padding:0 1.5em } 
.board_search .search .btn .ico { font-size:1em } 
.board_search .search .btn .ico:before { content:"\e97a" } 
.board_search .search .inp .input_st { width:100% } 
.board_search .search .inp .input_st::placeholder {color:#aaa;}
.board_search .search .inp.w1 { flex:1 1 0%; min-width:0; max-width:30em } 
.board_search .search .inp.w2 { width:10em } 
.board_search.bg1 { background:#f5f5f5; padding:1.5em } 
.board_search.bg2 { background:var(--siteC); padding:.5em } 
.js0 { justify-content:start!important; } 
.js-space {justify-content:space-between!important; }
.js-start {justify-content:start!important; }
.js-end {justify-content:end!important; }
.js-center {justify-content:center!important; }
.ai-end {align-items:end!important;}
.ai-start {align-items:start!important;}
.ai-center {align-items:center!important;}
.gap-1 {gap:1em; }
.gap-2 {gap:2em; }

.board_search_detail { position:relative } 
.board_search_detail .wrap_tit { position:absolute; left:2em; top:0; padding:0 .75em; background:#fff; transform:translateY(-50%) } 
.board_search_detail .wrap_tit .t1 { font-weight:700; font-size:1.313em; color:var(--siteC) } 
.board_search_detail .wrap_con { border:1px solid var(--siteC); padding:1em 1.5em; border-radius:.5em } 
.board_search_detail .wrap_con .list { display:flex; flex-wrap:wrap; gap:0 4em } var(--siteC)
.board_search_detail .wrap_con .list > li { width:100% } 
.board_search_detail .wrap_con .list > li .in { display:flex; min-height:2em } 
.board_search_detail .wrap_con .list > li .in.vc { align-items:center } 
.board_search_detail .wrap_con .list > li:not(:first-child) { border-top:1px solid #ddd } 
.board_search_detail .wrap_con .list > li.st1 { border-top:none } 
.board_search_detail .wrap_con .list > li.st1 .in { padding-top:0 } 
.board_search_detail .wrap_con .list > li .in .tit { width:9em; position:relative; display:flex; align-items:center; box-sizing:border-box } 
.board_search_detail .wrap_con .list > li .in .tit.st2 { width:11em; } 
.board_search_detail .wrap_con .list > li .in .tit.p1 { padding-left:1em } 
.board_search_detail .wrap_con .list > li .in .tit .t1 { font-weight:500; font-size:1.125em } 
.board_search_detail .wrap_con .list > li .in .tit .t2 { font-weight:500 } 
.board_search_detail .wrap_con .list > li .in .tit .ico { font-size:1em; width:1.5em; text-align:center } 
.board_search_detail .wrap_con .list > li .in .con { flex:1 1 0%; min-width:0; padding:.125em 0 } 
.board_search_detail .wrap_con .list > li .in .con .t1 { font-size:1.063em } 
.board_search_detail .wrap_con .list > li.w1 { width:calc(50% - 2em) } 
.board_search_detail.st1 .wrap_con .list > li { border-bottom:none } 
.board_search_detail.st1 .wrap_con .list > li .in { padding:.375em 0 } 
.board_search_detail .board_search .search:nth-child(2){justify-content: start !important;}
.board_search_detail .board_search .search .btn{gap: .6em; padding: 0 2em;}

.search_list > li .wrap_in { padding:1.25em; border-bottom:1px dashed #ddd; display: flex; align-items: center !important; justify-content: space-between; flex-direction:row  } 
.search_list > li:first-child .wrap_in { border-top:1px dashed #ddd;} 
.search_list > li .wrap_in .warp_tit { display:flex; flex-direction:column; gap:.5em; } 
.search_list > li .wrap_in .wrap_btn { display:flex; flex-direction:column; gap:.5em; } 
.search_list > li .wrap_in .t1 { color:var(--siteC) } 
.search_list > li .wrap_in .t2 { font-size:1.125em; font-weight:500 } 
.search_list > li .wrap_in .t3 { color:#666 } 
.search_list > li .wrap_in a.input_st:hover,
.search_list > li .wrap_in a.input_st:focus { background-color:var(--siteC); color:#fff; text-decoration:none!important; } 
.search_list > li .wrap_in .point { vertical-align:top; font-weight:500; color:#F00 } 

.page_twrap2 { display:flex } 
.page_twrap2:not(:first-child) { margin-top:4em } 
.page_twrap2 .wrap_tit { border-top:1px solid #111; padding:1em 0; box-sizing:border-box; width:16em; margin-right:5em } 
.page_twrap2 .wrap_tit .t1 { font-weight:700; font-size:1.375em } 
.page_twrap2 .wrap_con { flex:1 1 0%; min-width:0; padding:1.25em 0; box-sizing:border-box } 
.page_twrap2 .wrap_con.bg { background: #f4f4f4; padding: 1.25em; } 

.journal_view_bott { } 
.journal_view_bott .tt { font-size: 1em; line-height: 1.6; } 
.journal_view_btn { gap: .5em; } 

.conList {gap:1em; display:flex; flex-direction:column;  }

.keywordList { gap:1em; } 
.keywordList > li {border-radius:999px; border:1px solid #ddd; background-color:#fff; padding:0.25em 0.5em; color:#555;}
.keywordList > li:before { content: "#"; margin-right: .2em; font-weight: 600; } 

.cate_wrap .cate_list {gap:.5em;}
.cate_list .cate {background-color:#aaa; border-radius:999px; font-size:var(--font-size-xxs); color:#fff; padding:0.25em 0.5em;}
/* .cate_list .cate1 {background-color:#eca241;}
.cate_list .cate2 {background-color:#3f9c3f;}
.cate_list .cate3 {background-color:#1f1f86;} */

.memGuide { padding: 2rem 2.5rem; box-sizing: border-box; border-radius: .5rem; background: #fff; } 
.memIntro_con { } 
.memIntro_con .tt { margin-bottom: .5em; } 
.memIntro_con .tt:last-child { margin-bottom: 0; } 
.memIntro_con .t1 { text-align: center; line-height: 1.4; font-size: 1em; font-weight: 500; } 
.memIntro_con .t2 { background: #fef2e8; text-align: center; padding: .5em; margin: 1em 0; font-weight: 500; } 
.memIntro_con .table_st { font-size: var(--font-size-xs); font-weight: 500; } 

.memIntro_con .page_dot_list { padding: 1.5rem 2.5rem; background: #f4f4f4; } 
.memIntro_con .page_dot_list.s1 > li { font-weight: 400; } 
.memIntro_con .page_dot_list.s1 > li:last-child { margin-bottom: unset; } 

.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; } 
.page_dot_list > li > .con { display: flex; } 
.page_dot_list > li > .txt { font-size: var(--font-size-sm-1); } 
.page_dot_list > li:before { position: absolute; left: -15px; top: -1px; content: '-'; } 

.mem_form_wrap .finish_wrap { text-align: center; } 
.mem_form_wrap .finish_wrap .tit { font-size: 1.760em; color: #111; font-weight: 700; letter-spacing: -1px; } 
.mem_form_wrap .finish_wrap .txt { padding: .4em 0; color: #888; } 
.mem_form_wrap .finish_wrap .join_fin { font-size: .938em; color: #3c3c3d; } 
.mem_form_wrap .finish_wrap .join_fin .th,
.mem_form_wrap .finish_wrap .join_fin .td { padding: .8em 1.5em; border: 1px solid #ddd; text-align: left; } 
.mem_form_wrap .finish_wrap .join_fin .th { width: 10em; background: #f5f5f5; } 
.mem_form_wrap .finish_wrap .join_fin .td { width: auto; letter-spacing: 0; background: #fff; } 
.mem_form_wrap .finish_wrap .join_fin .th .mem_icon { gap: .2em; font-size: 1.1em; font-weight: 600; } 

.member_wrap .form2 { margin-top: 1.5em; padding-top: 1.5em; border-top: 1px dashed #ccc; } 
.member_wrap .form2 .tit { font-size: 1.325em; margin-bottom: 1em; font-weight: 600; display: block; } 
.member_wrap .form2:first-child { margin-top: 0; padding-top: 0; border-top: none; } 
.member_wrap .form2 > li { margin-top: .4em; font-weight: 300; } 
.member_wrap .form2 > li:first-child { margin-top: 0; } 
.member_wrap .form2 .inp_wrap { color: #3c3c3d; } 
.member_wrap .form2 .inp_wrap select.input_st,
.member_wrap .form2 .inp_wrap input[type=text].input_st,
.member_wrap .form2 .inp_wrap input[type=password].input_st { background-color: transparent; } 
.member_wrap .form2 .inp_wrap input[disabled=disabled].input_st { background-color: #f5f5f5; } 
.member_wrap .form2 .check_wrap > * { /* display:inline-block; */
 zoom: 1; vertical-align: middle; flex-wrap: wrap; align-items: center; } 
.member_wrap .form2 .check_wrap .label_wrap { width: 100%; } 
.member_wrap .form2 .check_wrap .label_wrap > * { width: 33.33%; margin: .2em 0; } 
.member_wrap .form2 .check_wrap .tit { display: block; font-size: 1.125em; padding-bottom: 1em}
.member_wrap .form2 .check_wrap .tit.st2 { padding-bottom: 0; font-size: 1em; color: #333; } 
.member_wrap .form2 .check_wrap .check_ul { width: 100%; } 
.member_wrap .form2 .check_wrap .check_ul.st { background: #fff}
.member_wrap .form2 .check_wrap .check_ul.st > li { padding: 0}
.member_wrap .form2 .check_wrap .check_ul > li { width: 20%; } 
.check_ul > li .label_st .xi { font-size: 1em; } 
.member_wrap .form2 .check_wrap .check_ul > .last { flex: 0 1 100%; } 
.member_wrap .form2 .check_wrap .check_ul .last .w18 { width: 18.5em; } 
.member_wrap .form2 .ess { display: none; } 
.member_wrap .form2 .required .ess { display: inline-block; font-size: 1.85em; opacity: .85; } 
.member_wrap .form2 .field { position: relative; } 
.member_wrap .form2 .field .txt { position: absolute; top: 50%; left: 1rem; padding-bottom: 0.8rem; font-size: var(--font-size-sm-1); color: #999; font-weight: 500; transform: translate(0, -50%); transition: transform .2s ease-out; transform-origin: 0 0; } 
.member_wrap .form2 .field.on .txt { color: #69696b; transform: translate(-15%, -95%) scale(.7, .7); padding:0 1em; background: none;} 
.member_wrap .form2 .colr .col_w1 { width: 65.68%; margin-left: 1%; } 
.member_wrap .form2 .colr .col_w1:first-child { width: 66.66%; margin-left: 0; } 
.member_wrap .form2 .colr .col_w2 { width: 32.34%; margin-left: 1%; } 
.member_wrap .form2 .colr .col_w2:first-child { width: 33.32%; margin-left: 0; } 

.member_wrap .form2 .tit.input_st { background: #f5f5f5; } 
.member_wrap .form2 .check_st { position: relative; text-align: center; border-color: transparent; cursor: pointer; } 
.member_wrap .form2 .check_st .on { position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px; background: #fff; border: 1px solid #095282; border-radius: 5px; } 
.member_wrap .form2 .check_st .on ~ span { position: relative; color: #095282; } 
.member_wrap .form2 .check_st:hover input ~ .on,
.member_wrap .form2 .check_st input:checked ~ .on { background: #095282; } 
.member_wrap .form2 .check_st:hover input ~ .on ~ span,
.member_wrap .form2 .check_st input:checked ~ .on ~ span { color: #fff; } 
.member_wrap .form2 .check_st input[type=checkbox],
.member_wrap .form2 .check_st input[type=radio] { width: 0; height: 0; overflow: hidden; opacity: 0; } 



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

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


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


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

/* .select-wrapper { position:relative; } 
.select-wrapper:before { position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); font-size: 1.5rem; transition: all .4s ease-in-out; font-family: 'xeicon'; z-index: 2; color: var(--color-point2); content: '\e936' } 
.select-wrapper:focus-within::before { content: '\e930'; } 
 */

/* 연혁 */
.history_bgw {overflow:hidden; position:relative; margin:0 5em 3em 5em;}
.history_bgw .bg_w {position:absolute; left:0; top:0; width:100%; height:100%; background-position:center top; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
.history_bgw .txt_wrap {text-align:center; }
.history_bgw .txt_wrap .en {font-weight: 700;  padding-bottom:.5em; color:#fff; letter-spacing:5px; font-size:2.5em; }
.history_bgw .txt_wrap .kr {font-size:1.7em; color:#fff; font-weight:500;}
.history_bgw .line_wrap{ position:relative; height:15em;}
.history_bgw .line_wrap .line{ position:absolute; background:#fff; width:1px; height:1px; transition:1s; opacity:.5; display:none;}
.history_bgw .line_wrap .line.hor{ transition-delay:1s}
.history_bgw .line_wrap .line.top{ top:0}
.history_bgw .line_wrap .line.bot{ bottom:0}
.history_bgw .line_wrap .line.left{ left:0}
.history_bgw .line_wrap .line.right{ right:0}
.load .history_bgw .line_wrap {margin:2em 1.5em;}
.load .history_bgw .line_wrap .line.ver{ height:100%}
.load .history_bgw .line_wrap .line.hor{width:40%;}
.load .history_bgw .line_wrap .line{ display:block}

.history_wrap{ position:relative; overflow:hidden; padding:2em 0;}
.history_wrap:before,
.history_wrap .lineAni{ content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd}
.history_wrap .lineAni{ height:0; background:var(--siteC); transition:.3s}
.history_wrap .lineAni:before,
.history_wrap:after{ content:""; position:absolute; left:50%; top:0; margin-left:-.5em; width:1em; height:1em; background:#fff; border:.25em solid var(--siteC); border-radius:100%; box-sizing:border-box}
.history_wrap:after{ top:auto; bottom:0}
.history_wrap .history > li{ margin-top:4em}
.history_wrap .history > li:first-child{ margin-top:0}
.history_wrap .history > li .year{ width:50%; overflow:hidden; justify-content:flex-end}
.history_wrap .history > li .year .wrap_in{ position:relative; overflow:hidden; width:15em}
.history_wrap .history > li .year .tt{ display:inline-block; position:relative; padding:0 .5em; font-size:2.5em; font-weight: 600; color:var(--siteC); /* font-family: Georgia, "Times New Roman", Times, serif */}
.history_wrap .history > li .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:100%; border-top:2px dotted #aaa;}
/* .history_wrap .history > li .year .tt:after{ content:"'"; font-style:italic} */
.history_wrap .history > li .year .tt:after{ content:""; width: .5em; height: .5em; border-radius: 50%; background: var(--siteC); opacity: .2; position: absolute; right: 10px; top: 3px;}
.history_wrap .history > li .list{ width:50%; margin-top:1em}
.history_wrap .history > li .list > li{ margin-top:.5em}
.history_wrap .history > li .list > li:first-child{ margin-top:0}
.history_wrap .history > li .list .wrap_in{ padding:0 2em}
.history_wrap .history > li .list .wrap_in .img_wrap .resize {padding-bottom:45% !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r {text-align:right !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_l {text-align:left !important;}
.history_wrap .history > li .list .month{ flex:0 0 3em}
.history_wrap .history > li .list .month .tt{ color:#999; font-size:1.125em; /* font-family:Georgia, "Times New Roman", Times, serif; */}
.history_wrap .history > li .list .month .tt:after{ /* content:"월"; font-size:.813em; font-weight:500 */}
.history_wrap .history > li .list .detail > li{ margin-top:.5em}
.history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.history_wrap .history > li .list .detail .tt{ position:relative; padding:0 1.5em; margin-top:.125em; color:#333; line-height:1.7; font-weight:400; word-break: keep-all;}
.history_wrap .history > li .list .detail .tt:before{ content:""; position:absolute; left:0; top:9px; width:.75em; border-top:2px solid #ddd}
.history_wrap .history > li .list .detail .desc{width:calc(100% - 1.125em); margin:.5em 0 .5em 1.25em; padding:.8em; box-sizing: border-box; border: 1px solid #ddd; border-radius: .5em; font-size: .9375em; line-height: 1.5; color:#555;}
.history_wrap .history > li .list .img{ width: 100%; margin:1em 0; box-sizing: border-box;}
.history_wrap .history > li .list .img.img_l{ padding-left:4em; padding-right: 1em; text-align:left !important;}
.history_wrap .history > li .list .img.img_r{ padding-right: 4em; padding-left: 1em; text-align:right !important;}
.history_wrap .history > li .list .img img{}
.history_wrap .history > li:nth-child(2n) .year{ justify-content:flex-start; text-align:right}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ left:auto; right:100%}
.history_wrap .history > li:nth-child(2n) .list{ order:-1}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .list .month{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail{ order:-1}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ left:auto; right:0}

/* 임원 소개 */
.member-table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 15px; text-align: center; border:1px solid #ddd;}
.member-table thead { background-color: var(--siteC); color: #ffffff; border:1px solid var(--siteC)!important; z-index:9 }
.member-table th { font-weight: 600; padding: 14px 10px; border-bottom: 3px solid var(--siteC3); border-left:1px solid #5c9ad9;  }
.member-table th:first-child { border-left: none; }
.member-table .col-position { width: 25%; }
.member-table .col-name { width: 15%; }
.member-table .col-dept { width: 25%; }
.member-table .col-email { width: 35%; }
.member-table td { padding: 12px 10px; border-bottom: 1px solid #ddd; color: #333333; vertical-align: middle; border-left:1px solid #ddd; }
.member-table .sub-text { font-size: 12px; color: #7f8c8d; font-weight: normal; }
.member-table .email-link { color: #2980b9; text-decoration: none; font-weight: 500; }
.member-table .email-link:hover { text-decoration: underline; color: var(--siteC); }

/* 회칙 */
.pg_menu_list{ justify-content:flex-start; gap:1px; background-color:#ddd; align-items:flex-start; border-radius:1em; overflow:hidden; box-shadow:0 0 1em rgba(0,0,0,0.1); border:1px solid var(--siteC2); box-sizing: border-box  }
.pg_menu_list > li{ display:flex; width:calc((100% - 3px) / 4);  background:#fff;}
.pg_menu_list > li .in{ position:relative; z-index:1; flex:1; margin:0 -1px -1px 0; padding:1em .5em; text-align:center;}
.pg_menu_list > li:hover .in{ z-index:2; background:var(--siteC); color:#fff; transition:.2s;}
.pg_tit.com{ margin-bottom:1em; text-align:left; margin-top:2em; position:relative}
.pg_tit.com > .tt{ font-size:1.375em; color:#000; font-weight:600}
.pg_box{ padding:2em 2em; background:#fff; border:1px solid #ddd; box-sizing:border-box; border-radius:1em;}
.pg_box.st1{ border-top-width:2px; border-top-color:#333; min-height:inherit;}
.pg_box.st2{ background:#fcfcfc;}
.com_ethics_list > dt{ margin:1.5em 0 .7em 0; font-size:1.250em; color:#333; font-weight:600}
.com_ethics_list > dt:first-child{ margin-top:0;}
.com_ethics_list > dd{ font-size:1.063em; color:#555; line-height:1.6; font-family:notokrR}
.com_ethics_list{ font-size:.938em; color:#666; line-height:1.5;}
.com_ethics_list strong{ margin:2em 0 1em 0; font-size:1.125em; font-weight:500; color:#000;}

.com_ethics_list .memo_box .dotList{padding: 0 1.3em; margin-top: .5em;}
.com_ethics_list .memo_box .dotList li{margin-bottom: 0.2em;}

/* sub con */
.fade_up_item {opacity:0; transform:translateY(20%); transition:all .5s ease-out;} 
.fade_up_item.is_active {opacity: 1; transform: translateY(0);}

.conWrap {}
.conWrap.bg_img {padding:0 8em; border-radius:3em 0 ; /* background-color:#fafafa; */  background:url('./images/sub/greeting_bg06.png') no-repeat center / cover; /* box-shadow:0 0 2em rgba(0,0,0,0.05); */ }
.conWrap .con {}
.conWrap .con .img_wrap {overflow:hidden; border-radius:3em 0;}
.conWrap .con .img_wrap img {display:block; }
.conWrap .con .tit_wrap {}
.conWrap .con .txt_wrap {margin-top:var(--space-4)}
.conWrap .con .tit_wrap, 
.conWrap .con .txt_wrap {display:flex; flex-direction:column; gap:var(--space-3)}
.conWrap .con .tit_wrap p,
.conWrap .con .txt_wrap p {line-height:1.5; word-break:keep-all;}
.con .t1 {font-size:var(--font-size-lg); /* color:var(--siteC); */}
.left_dot {position:relative; z-index:88;}
.left_dot::before {content:''; width:1em; height:1em; background-color:rgb(30, 105, 182, 0.3); display:block; position:absolute; top:-.5em; left:-.5em; border-radius:50%; z-index:-1;}
.dot_s { display:flex; justify-content: flex-start; align-items:flex-start; gap: 0.25em; }
.dot_s::before {content:''; width:0.4em; height:0.4em; background-color:var(--siteC); display:block;  border-radius:50%; z-index:-1;}
.dot_t { display:flex; justify-content: flex-start; align-items:center; gap: 0.25em; }
.dot_t::before {content:''; width:5px; height:5px; background-color:#555; display:block;  border-radius:50%;}
.con .t2 {font-size:1.25em}
.con .t3 {font-size:1.125em; color:#333;}
.con .tBox_wrap {/* border-left:1px solid var(--siteC); padding-left:2em;margin:1em 0; */}
.con .tBox {margin-bottom:1em }
.con .tBox:last-child {margin-bottom:0!important;}
.con .tBox .tit {font-size:1.125em; font-weight:400; color:#fff; background-color:var(--siteC); width:fit-content; padding:0.1em 1em; margin-bottom:0.25em;}
.con .tBox .txt {font-size:1.125em; color:#000; margin-left:0.6em; }
.con .tBottom {width:100%; text-align:right; color:#000; font-weight:600; margin-top:1em;}
.con .tBottom .name {font-size:1.25em; }

.go_btn{display:inline-block; background:#5d5b58; padding:0 1em; height:3.2em; line-height:3.2em; color:#fff !important; margin-top:1.5em}
.go_btn > i{ font-size:.938em}
.go_btn > .xi{ padding-left:8px; font-size:1.063em}
.go_btn.st1{ border:1px solid #333; background:none; color:#333 !important; margin-top:0; height:2.8em; line-height:2.8em;}
.go_btn.st2{ margin:0; height:2em; line-height:2em; position:absolute; right:0; background:var(--siteC); border-radius:.5em; top:3px; font-size:.875em; cursor:pointer}

.flex.row {flex-direction:row; display:flex;}
.ceo_img img {width:100%; height:auto; display:block;}

/* all_btn */
#header .all_wrap .all{ position:fixed; right:0; top:0; width:100%; height:100vh; opacity:0; visibility:hidden; z-index:1; color:#333; flex-direction:column; background:rgba(0,0,0,.7);}
#header .all_wrap .all .wrap_bg{ position:relative; opacity:0}
#header .all_wrap .all .wrap_bg .btn{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:3em; line-height:3em; background:#fff; border-radius:50%; color:#1a4e87; text-align:center}
#header .all_wrap .all .wrap_con{ height:calc(100% - 5em); max-width:94%; min-width:90%; padding:1em 0 0 0; box-sizing:border-box; margin:0 auto; background:#fff; border-radius:2em 2em 0 0; transform:translateY(5em)}
#header .all_wrap .all .wrap_con .wrap_in{ height:100%; box-sizing:border-box; padding:0 2em}
#header .all_wrap .all .top{ padding:1em 0}
#header .all_wrap .all .top .logo{ gap:0 1.5em;}
#header .all_wrap .all .top .logo img{ height:3em;}
#header .all_wrap .all .top .logo .tt{ font-size:1.375em; color:#000; font-weight:700;}
#header .all_wrap .all .top .lang{ gap:0 2em}
#header .all_wrap .all .top .lang > li > a{ font-weight:700; font-size:1.125em; color:#999; padding:.25em}
#header .all_wrap .all .top .lang > li > a.on{ color:var(--siteC); position:relative}
#header .all_wrap .all .top .lang > li > a.on:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:.25em; background:var(--siteC); opacity:.2; z-index:-1}
#header .all_wrap .all .top .lang:hover{ opacity:1}
#header .all_wrap .all .bottom{ padding:1.5em 0; box-sizing:border-box}
#header .all_wrap .all .bottom .link{ gap:0 2em}
#header .all_wrap .all .bottom .link > li > a{ font-size:.938em; color:#666}
#header .all_wrap .all .bottom .link > li > a.point{ font-weight:500; color:var(--siteC)}
#header .all_wrap .all .bottom .link > li > a .xi{ font-size:1em; vertical-align:middle}
#header .all_wrap .all .bottom .link > li > a .t1{ font-weight:500}
#header .all_wrap .all .bottom .link > li > a:hover,
#header .all_wrap .all .bottom .link > li > a:focus{ text-decoration:underline}
#header .all_wrap .all .bottom .etc{ margin-top:2em}
#header .all_wrap .all .bottom .etc > li > a{ font-size:.938em; color:#777}
#header .all_wrap .all .menu{ position:relative}
#header .all_wrap .all .menu:before{ content:""; position:absolute; left:0; top:0; width:calc(100% - 1px); height:100%; z-index:-1; box-sizing:border-box; border:1px solid #eee; border-bottom-color:#ddd}
#header .all_wrap .all .gnb{ height:100%; position:relative}
#header .all_wrap .all .gnb ul{ display:block}
#header .all_wrap .all .gnb a{ text-align:left; position:relative; line-height:1.2}
#header .all_wrap .all .gnb li{ position:relative; flex:1 1 25%}
#header .all_wrap .all .gnb a .arrow{ position:absolute; right:.5em; opacity:.5; transition:.3s; font-size:1em}
#header .all_wrap .all .gnb a .arrow:before{ content:"\e907"; font-size:.75em}
#header .all_wrap .all .gnb li.more > a .arrow:before{ content:"\e943"; font-size:1em}
#header .all_wrap .all .gnb > li:not(.m_hide){ display:flex; flex-direction:column}
#header .all_wrap .all .gnb > li .dp1{ padding:0 1em; height:4em; background:var(--siteC); box-sizing:border-box; border-right:1px solid rgba(255,255,255,.2); color:#fff}
#header .all_wrap .all .gnb > li .dp1 .va{ font-size:1.25em; font-weight:700}
#header .all_wrap .all .gnb > li .dp1 .arrow{ top:50%; transform:translateY(-50%)}
#header .all_wrap .all .gnb > li .dp1:hover {background-color:var(--siteC3)}
#header .all_wrap .all .gnb > li .dp2{ flex:1 1 0%; min-height:0; border-left:1px solid transparent; border-right:1px solid #eee; border-bottom:1px solid #eee; padding:1em 0}
#header .all_wrap .all .gnb > li .dp2 > li > a{ padding:.5em 1em; padding-right:2em; font-weight:500; transition:.3s}
#header .all_wrap .all .gnb > li .dp2 > li > a .arrow{ right:.75em; top:.5em}
#header .all_wrap .all .gnb > li .dp2 > li.more > a .arrow:before{ content:"\e942"}
#header .all_wrap .all .gnb > li .dp2 > li.act > a .arrow{ opacity:1}
#header .all_wrap .all .gnb > li .dp2 > li.act > a .va .tt{ text-decoration:underline}
#header .all_wrap .all .gnb > li .dp3{ background:#f5f5f5; margin:0 .5em; border-radius:.5em; padding:.5em; margin-bottom:.5em}
#header .all_wrap .all .gnb > li .dp3 > li > a{ padding:.188em .5em; padding-left:.75em; color:#666; display:flex}
#header .all_wrap .all .gnb > li .dp3 > li > a:before{ content:"-"; position:absolute; left:0; top:.125em; width:auto; height:auto}
#header .all_wrap .all .gnb > li .dp3 > li > a .arrow{ display:none}
#header .all_wrap .all .gnb > li .dp3 > li > a .va{ font-size:.938em}
#header .all_wrap .all .gnb > li .dp3 > li.act > a{ color:var(--siteC); font-weight:500}
.gnb .layer{ display:none}

.allGnbOn{ overflow-y: hidden}
.allGnbOn body{ overflow-y: scroll}
.allGnbOn #header .top_wrap{ z-index:11}
.allGnbOn #header .all_wrap .all{ opacity:1; visibility:visible}
.allGnbOn #header .all_wrap .all .wrap_bg{ opacity:1; transition:.3s; transition-delay:.2s}
.allGnbOn #header .all_wrap .all .wrap_con{ transform:translateY(0); transition:.3s}

.va_wrap{display:block;text-align:center;white-space: nowrap;}
.va_wrap:before{ content:""; display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100%}
.va{display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-width:100%; height:auto; white-space:normal}
.va_wrap img{vertical-align:middle; display:inline-block; *display:inline; zoom:1; max-width:100%; max-height:100%}
.vm_tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-width:100%; height:auto; white-space:normal; box-sizing:border-box;}

/* overview 학회소개 */

.borBox {border:1px solid #ddd;  border-radius:1em; display:flex; justify-content:center; align-items:center;  }

.conWrap2 {}
.conWrap2 .conBox {margin-top:4em; padding-top:4em; border-top:1px solid #eee;}
.conWrap2 .conBox:first-child{margin-top:0!important; border-top:none!important; padding-top:0!important;}
.conWrap2 .conBox.s1 {gap:2em; align-items:center; justify-content:space-between;}
.conWrap2 .conBox .img_con {padding:2em; box-sizing:border-box;}
.conWrap2 .conBox .img_con img {}
.conWrap2 .conBox .txt_con {display:flex; flex-direction:column; gap:0.5em; box-sizing:border-box; align-items:flex-start; }
.conWrap2 .conBox .txt_con .t1 {font-size:1.125em; color:#555; }
.conWrap2 .conBox.s2 {text-align:center;}
.conWrap2 .conBox .tit_wrap {margin-bottom:4em;}
.conWrap2 .conBox .tit_wrap .tit_en {font-weight:700; font-size:1em; background-color:var(--siteC); color:#fff; padding:0.5em 2em; border-radius:999px; width:fit-content;margin:0 auto; margin-bottom:1em;}
.conWrap2 .conBox .tit_wrap .tit {font-size:var(--font-size-xl); }
.conWrap2 .conBox .card_con {}
.conWrap2 .conBox .card_con .card_wrap {gap:2em; }
.conWrap2 .conBox .card_con .card_wrap.d1 {justify-content:center;}
.conWrap2 .conBox .card_con .card_wrap .card { position:relative; border-radius:1em; box-sizing:border-box; padding:2em 1em; border-top:4px solid #999; background-color:#fff; box-shadow:0 0 1em rgba(0,0,0,0.1);}
.conWrap2 .conBox .card_con .card_wrap .card.act {border-top:4px solid var(--siteC); background-color:#f5faff;  }
.conWrap2 .conBox .card_con .card_wrap .card.act .top_wrap > .num {color: var(--siteC); }
.conWrap2 .conBox .card_con .card_wrap.d1 .card {width:calc((100% - 6em) / 4); min-height:15em; display:flex; flex-direction:column; justify-content: space-between;}
.conWrap2 .conBox .card_con .card_wrap .top_wrap {}
.conWrap2 .conBox .card_con .card_wrap .top_wrap .num {font-size:var(--font-size-xxl); font-weight:700; color:#999; width:fit-content; margin:0 auto;  }
.conWrap2 .conBox .card_con .card_wrap .top_wrap .num.left_dot::before { width:0.5em!important; height:0.5em!important; top:0!important; left:0!important;}
.conWrap2 .conBox .card_con .card_wrap .top_wrap .keyword {font-size:1.25em; font-weight:500; }
.conWrap2 .conBox .card_con .card_wrap .con_wrap {padding-bottom:0.5em;}
.conWrap2 .conBox .card_con .card_wrap .con_wrap .txt {color:#555; font-size:1.125em;}
.conWrap2 .conBox .card_con .card_wrap .card::after {display:none!important; content:""; display:block; width:2em; height:2em; position:absolute; right: -2em; top:50%; transform:translateY(-50%); background:url(../images/sub/icon/stat_minus_2.svg) no-repeat center / cover; filter:grayscale(100%);}
.conWrap2 .conBox .card_con .card_wrap .card:last-child::after {display:none;}

.card .num.left_dot::before {display: none;}
.card.act .num.left_dot::before {display: block;}

/* 회원가입 안내 */

.table_wrap { width: 100%; overflow-x: auto; margin: 20px 0; -webkit-overflow-scrolling: touch; }
.membership_table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.5; text-align: center; min-width: 500px; background-color:#fff; }
.membership_table thead th {border:1px solid #eee;  background-color: #f5faff; color: #333; font-weight: 700; padding: 16px 10px; border-top: 2px solid #222; border-bottom: 1px solid #ddd; }
.membership_table tbody th {background-color: #f5faff; color: #555; font-weight: 600; width: 25%; border:1px solid #eee }
.membership_table tbody td { color: #666; border:1px solid #eee }
.membership_table tbody th, .membership_table tbody td { padding: 18px 10px; border-bottom: 1px solid #eee; }
.membership_table .highlight {  color: var(--siteC); font-weight: 600; }
.membership_table thead th.highlight { color: var(--siteC); border-bottom: 2px solid var(--siteC); }
.membership_table td.disabled { color: #bbb; text-decoration: line-through; }
.membership_table .note { display: block; font-size: 12px; color: #888; margin-top: 4px; font-weight: 400; }

.pg_txt {font-size:1.125em; color:#555; line-height:1.6; margin:0 auto 2em; width:95%}
.conWrap2 .conBox .tit_wrap .tit.t3 {font-weight:600; font-size:var(--font-size-lg-2)!important;}
.conWrap2 .conBox .tit_wrap .tit.t3 .dot_s {display:inline-block; color:var(--siteC); position:relative}
.conWrap2 .conBox .tit_wrap .tit.t3 .dot_s::before {opacity:0.5; position:absolute; top:-0.2em; left: -0.2em;}
.conWrap2 .conBox.s3 {padding-top:0!important; border:none!important; }
.conWrap2 .conBox.s3 .tit_wrap {text-align:left; width:95%; margin:0 auto 2em!important;}

.com_ethics_list > dd a {color:var(--siteC); text-decoration: underline;}
.com_ethics_list > dd.bank {margin-bottom:0.5em; padding:0.5em 1em; border-radius:0.5em; background-color:#fff; border:1px solid var(--siteC); width:fit-content; font-weight:600; display:flex; flex-direction:row; align-items:center; gap:0.5em;  }
.com_ethics_list > dd.bank:hover {color:var(--siteC);  background-color:#f5faff;}
.copy_btn { cursor: pointer; display: inline-flex; align-items: center; gap: 6px; user-select: none; }
.copy_btn:hover { opacity: 0.8; }

.memo_box { margin-top: 1em; margin-bottom: 1em; padding: 1.5em; box-sizing: border-box; background: #f1f1f1; color: #333; }

.effectiveDate{ line-height: 1.75; font-weight: 700; color: #555; margin-top: 2em; padding: 0 1em; box-sizing: border-box;}

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

.sub_tab .tab_idx{ background:url(../images/sub2/sub2_2_tabline.jpg) repeat-x left 46px; display:flex; background: #f1f1f1; padding: 0.5em; box-sizing: border-box; border-radius: 100em; align-items: center; width: 100%; box-sizing: border-box; }
.sub_tab .tab_idx > li{position: relative; text-align: center; padding:1em 2em;  box-sizing: border-box; font-size:1.19em; font-weight: 600; color:#333; cursor:pointer; flex:1; transition:.3s; border-radius: 100em;}
.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);}

/*대쉬 텍스트*/
.dotList { } 
.dotList > li { position: relative; padding-left: 1em;  line-height: 1.5; margin-bottom: 0.5em; } 
.dotList.st1 > li{ margin-bottom: 0.3em;}
.dotList > li:before { position: absolute; top: 12px; left: 0; width: 6px; height: 1px; background: #333; content: ''; } 
.dotList.dot2 > li:before { position: absolute; left: 0; width: 5px; height: 5px; border-radius: 100px; background: #666; content: ''; } 
.dotList.dot2.s1 > li:before { top: 10px; } 

.dotList.c1 > li { color: #666; } 
.dotList.s1 > li { font-size: 1.125em;}

.dotList > li.tit { }
.dotList.s1 > li.tit { }
.dotList > li.tit:before { top: 10px; width: 5px; height: 5px; background: #333; content: ''; }
.dotList .warT{ padding-left: 1.5em; }
.dotList .warT::before{font-family: xeicon !important; top: -3px; left: 0; font-size: 1.25em; color: var(--siteCerr); content: '\e9aa'; background: none; width: auto; height: auto;}

/*  */
.agree_box { border-radius:.5em; border:1px solid #ddd; padding:1.5em; color:#666; font-size:.938em; line-height:1.4; background:#fff } 
.agree_box.st1 { border-radius:1em; padding:3em; font-size:1em; line-height:1.5 } 
.agree_box.h1 { height:8em; overflow-y: auto; } 
.agree_box.h2 { height:10em } 
.agree_box strong { color:#111; font-weight:700; font-size: 1.25em; margin: 1em 0 .5em; } 
.agree_box .nt{ margin: .85em 0 .25em 0; font-weight: 600; color: #222;}


/**/
.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: 800; line-height: 1.2; text-transform: uppercase; } 
.page_tit .t1 { font-size: 2.515em; font-weight: 800; line-height: 1.2; } 
.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:1.515em; text-transform: uppercase; } 
.page_tit .t4 { font-weight:700; font-size:2em; line-height: 1.3; } 
.page_tit .t5 { font-weight:600; font-size:1.188em; 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_tit.st1 { position: relative; padding-left: 1em; } 
.page_tit.st1::before { content: ''; position: absolute; left: 0; top: 3px; width: 5px; height: 87%; background: linear-gradient(180deg, var(--siteC3) 49%, #75412b 50%); } 

/*  */
.subTopBanner{display: flex; align-items: center; gap: 3rem; background: linear-gradient(90deg,rgba(9, 84, 158, 1) 48%, rgba(84, 170, 255, 1) 100%); border-radius: 1.5em; padding: 2.5rem 5rem; box-sizing: border-box; position: relative; overflow: hidden;}
.subTopBanner::before{content: ''; position: absolute; right: 0; bottom: -3em; background-image: url(../images/sub/pattern01.png); z-index: 1; width: 26%; height: 100%; background-position: bottom; background-size: 100%; background-repeat: no-repeat;  opacity: 0.4; filter: invert(83%) sepia(17%) saturate(465%) hue-rotate(178deg) brightness(102%) contrast(101%);}
.subTopBanner .imgCon{position: relative; z-index: 1; background: #fff; width: 17%; overflow:hidden;}
.subTopBanner .titBox{width: 73%;}
.subTopBanner .titBox .tit{font-size: 1.5em; font-weight: 700; color: #fff;}
.subTopBanner .titBox .txt { font-size: 1.125em; line-height: 1.75; transition: .3s ease; color: #fff; opacity: 0.8; margin-top: 1.5em;}
.subTopBanner .titBox .txt .dl_con{display: flex;}
.subTopBanner .titBox .txt .dl_con .dt{width: 8em;}
.subTopBanner .titBox .txt + .txt{ margin-top: 1em;}


.infoContainer { } 
.infoContainer .infoWrap { position:relative; display: flex; align-items: start; gap: 2rem; padding: 2.5rem 2.5rem; border-bottom: 1px solid #ddd; } 
.infoContainer .infoWrap:first-of-type { margin-top: 2.5rem; border-top: 1px solid #ddd; } 
.infoContainer .infoWrap:last-of-type { padding-bottom: 0; border-bottom: none; } 
.infoContainer .infoWrap:nth-child(2n){background: var(--color-bg-2); padding-bottom: 2.5em;}
.infoContainer .infoWrap:nth-child(2n) .checkList{background: #fff;}
.infoContainer .infoWrap:before { position: absolute; top: -1px; left: 0; width: 7rem; height: 3px; background: var(--siteC); content: ''; } 

.infoContainer .infoWrap .titCon { width: 23%; } 
.infoContainer .infoWrap .titCon > .tit { font-size: var(--font-size-lg); font-weight: 700;} 
.infoContainer .infoWrap .titCon > .logoCon { display: flex; align-items: center; text-align: center; margin-top: 1rem; } 
.infoContainer .infoWrap .titCon > .logoCon > img { height: 10rem; object-fit: contain; } 
.infoContainer .infoWrap .txtCon { width: 72%; } 

.descList { } 
.descList.line { padding: 2.5rem; border: 1px solid #e8e8e8; } 
.descList > li { font-size: 1em; line-height: 1.5; color: #444; margin-bottom: 1rem;} 
.descList > li:last-of-type { margin-bottom: 0; } 

.descList.dot > li { position:relative; padding-left: 1rem; } 
.descList.dot > li:before { position: absolute; left: 0; content: '-'; } 
.descList.s2 > li { font-size: 1em; line-height: 1.4; margin-bottom: .5rem; } 

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

.iconList{display: flex; gap: 1.5em; justify-content: space-between;}
.iconList li{flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1em; box-shadow: 0 20px 25px 0 rgba(0, 5, 18, 0.05); background: #fff; padding: 2.5em; border-radius: var(--radius-lg);}
.iconList li .txt_wrap{text-align: center;}
.iconList li .txt_wrap .tit{ font-size: 1.125em; font-weight: 500; margin-bottom: 0.5em;}
.iconList li .txt_wrap .tt{ font-size: 1em; color: var(--siteC); font-weight: 700;}

.iconList li .img_wrap{}
.iconList li .img_wrap img{height: 4rem;}

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

.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; width: 5px; height: 5px; border-radius: 100px; background: #666; content: ''; } 
.dotList.dot2.s2 > li:before { top: 8px; } 
.dotList > li:last-of-type { margin-bottom: 0; } 

.mainMore2 { display:flex; align-items:center; gap:1rem; color: var(--siteC); padding:0 2rem; height:3.25rem; border-radius:3rem; box-sizing:border-box; display:flex; align-items:center; border:2px solid var(--siteC); color:var(--siteC); transition:.3s ; background: #fff;} 
.mainMore2 .t1 { font-weight:700; position:relative; display:flex; gap:1rem; align-items:center; font-size:1em } 
.mainMore2 .t1:after { content:"\e907"; font-family:xeicon; transition:.3s } 
.mainMore2:hover { background:var(--siteC); color:#fff } 
.mainMore2:hover .t1:after { transform:translateX(50%) } 
.mainMore2.white { border-color:#fff; color:#fff } 
.mainMore2.c1 { border-color:#111; color:#111 } 
.mainMore2.st1 { height:4em; border-radius:.12rem } 
.mainMore2.st1 .t1 { font-size:1.125em } 

.sub_process_wrap { position:relative; background: rgb(56 71 155 / 5%); padding: 2.5rem; box-sizing: border-box; } 
.sub_process_wrap .line { position:absolute; background:#ddd } 
.sub_process_wrap .line1 { width:73.5%; height:5px; left:12.5%; top: calc(50% - 44px); transform: translateY(-50%); } 
.sub_process_wrap .line:after { content:""; position:absolute; background:#333 } 
.sub_process_wrap .line1:after { width:0; height:100%; left:0; top:0; transition:1.5s;} 
.load .sub_process_wrap .line1:after { width:100% } 

.sub_process { position:relative; } 
.sub_process > li { width:25%; } 
.sub_process.w2 > li { width:33.3%; } 
.scroll .sub_process > li { visibility:visible; opacity:1 } 
.sub_process > li .in { } 
/*.sub_process > li:first-child .in { margin: 0 0 4em 0em; } */
.sub_process > li .in .icon { display:block; margin:0 auto; width:5.2em; height:5.2em; text-align:center; border: 1px solid #ddd; background:#fff; font-size:1.5em; color:#000; border-radius:50%; box-shadow:0 0 .5em rgba(0,0,0,.1); position:relative; transition:.2s; } 
.sub_process > li .in .icon:hover { color: #333; border: 1px solid var(--siteC); transition:.2s; } 
.sub_process > li .in .icon img{height: 2.4em; transform: translateY(.3em);}
.sub_process > li:nth-child(4) .in .icon img{height: 3em; }
.sub_process > li .in .con { margin-top:1em; text-align:center; position: relative; } 
.sub_process > li .in .con .t1 { font-size: 1.125em; font-weight: 600; margin-top: .5em; color: var(--siteC); } 
.sub_process > li .in .con .t2 { color: #888; font-weight: 500; font-size: 1em; text-align: center; margin-top: 0.5em; } 
.sub_process > li .in .con .t3 { font-size: 0.96em; } 

/*  */
.page_step_box1{display: flex; flex-direction: column; gap: 1em; margin-top: .5em; flex-wrap: wrap;}
.page_step_box1 .in{padding: 1em; box-sizing: border-box; background: var(--siteBg2); border-radius: 0.6em; border: 3px dotted #ddd; align-items: flex-start;}
.page_step_box1 .in .tit{gap: 2.5em; margin-right: 1.5em; position: relative;}
.page_step_box1 .in .tit.ac::before{display: none;}
/* .page_step_box1 .in .tit::before{position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 50%; background: #ccc;} */
.page_step_box1 .in .tit .tt1{ width: 5.5rem; height: 5.5rem; background: var(--siteC); color: #fff; font-weight: 700; font-size: 1.125em; text-align: center; line-height: 5.5rem; border-radius: .5em;}
.page_step_box1 .in .tit .tt2{font-size: 1.19em; font-weight: 600; width: 10em;}
.page_step_box1 .in .tit .tt2 .c_blue{font-size: .89em;}
.page_step_box1 .in .tit .tt3{padding: 0.5em 0; font-weight: 700; }


.page_step_box1 .in .txt{padding-right: 1.5em; width: 100%;}
.page_step_box1 .in .txt .tt2{font-size: 1.125em; font-weight: 700; border-bottom: 1px solid #ccc; padding-bottom: 0.3em; margin-bottom: 0.5em;}
.page_step_box1 .in .txt .tx{font-weight: 500; position: relative; padding-left: 1em;}
.page_step_box1 .in .txt .tx::before{position: absolute; content: '-'; left: 0;}

.page_step_box1 > li{position: relative;}
.page_step_box1.st1  > li:before {left:calc(1em + 2em)}
.page_step_box1 > li:before{ content: ""; position: absolute; bottom: -3em; left: calc(1em + 2.8em); width: .375em; height: 6em;  height:8em; background:var(--siteC); opacity:.25;}
.page_step_box1 > li:last-child::before{display: none;}