@charset "utf-8"; /* CSS Document */
.box0 { width: var(--container-ultra-xxxl); margin: 0 auto; max-width: 94%; } 
.box1 { width: var(--container-xxl); margin: 0 auto; max-width: 92%; } 
.box2 { width: var(--container-xxl); margin: 0 auto; max-width: 92%; } 
.box3 { width: var(--container-lg); margin: 0 auto; max-width: 92%; } 
.dp1_conference .box3{width: var(--container-xxl);}
.box4 { width: var(--container-xl); margin: 0 auto; max-width: 92%; } 
.box5 { width: var(--container-xxl); margin: 0 auto; max-width: 92%; } 
.box6 { width: var(--container-ultra-xxl); margin: 0 auto; max-width: 94%; } 
.box_full { width:100vw; } 

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

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

.headerL { padding-left: var(--headQ); } 
.headerH,
#header .gnb_wrap .gnb > li .dp1 .va { height: var(--headH); } 

.portW { /*padding-top: var(--headAll); */ } 

.headM { background: var(--color-point); height: 2.5rem; display: flex; } 
.headM .link_h { } 
.headM .link_h .h_list > li { position:relative; padding-right: 1em; margin-right: 1em; } 
.headM .link_h .h_list > li:before { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width:1px; height: 10px; background: rgba(255,255,255, .45); content: ''; } 
.headM .link_h .h_list > li:first-of-type { padding-left: 1.15em; } 
.headM .link_h .h_list > li:last-of-type:before { content: none; } 
.headM .link_h .h_list > li > a { position: relative; padding: 0 .35em; max-width: 12.5em; } 
.headM .link_h .h_list > li:hover > a { text-decoration: underline !important; } 
.headM .link_h .h_list > li > a > span { font-size: .9em; color: #fff; font-weight: 500; max-width: 12.5em; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } 
.headM .link_h .h_list > li > a .object { position: absolute; left: -.6em; top: 60%; transform: translateY(-50%); margin-right: .4em; } 
.headM .link_h .h_list > li > a .object > img { filter: var(--whitefil); width: .8em; } 

.headM .mem_wrap { } 
.headM .mem_wrap .mem_list { gap: 1.25em; } 
.headM .mem_wrap .mem_list > li { } 
.headM .mem_wrap .mem_list > li > a { font-size: .85em; font-weight: 500; color: #fff; } 

#headerQ { position:fixed; left:0; top:0; height:100vh; z-index:1001; display:flex; width: var(--headQ); transition:width ease-in-out 0.5s } 
#headerQ .all_wrap { z-index:1 } 
#headerQ .quick_wrap { z-index:2 } 
#headerQ .fix_wrap { z-index:3 } 
#headerQ .quickBtn { z-index:4 } 
#headerQ .fix_wrap { order:-1; width: var(--headQ); height:100%; display:flex; align-items:center; flex-direction:column; gap:2em 0; box-sizing:border-box; background:#fff; position:relative } 
#headerQ .fix_wrap:before { content:""; position:absolute; width:1px; height:100%; top:0; right:0; background:rgba(0,0,0,.05) } 
#headerQ .allBtn_wrap { display: flex; align-items: center; justify-content: center; width: 100%; height: 5em; background: var(--color-point); } 

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

.etc_wrap { display: flex; align-items: center; gap: var(--gap-md); } 
.etc_wrap .labor_link { } 
.etc_wrap .labor_link .Alink { position:relative; padding: .5em 1em; background: var(--color-point); color: #fff; display: flex; align-items: center; gap: .5em; border-radius: .35em; } 
.etc_wrap .labor_link .Alink:before { position: absolute; right: -1.5em; top: 50%; transform: translateY(-50%); width: 1px; height: 20px; background: #ddd; content: ''; } 
.etc_wrap .labor_link .Alink > .xi { } 
.etc_wrap .labor_link .Alink > .tt { letter-spacing: -0.03em; font-size: .9em; font-weight: 500; } 


#headerQ .allBtn_wrap { } 
#headerQ .allBtn_wrap .all { } 
#headerQ .allBtn_wrap .allBtn { position:relative; display:block; width:2em; height: 1.2em; margin-bottom: 1em; } 
#headerQ .allBtn_wrap .allBtn .ham,
#headerQ .allBtn_wrap .allBtn .ham:before,
#headerQ .allBtn_wrap .allBtn .ham:after { display:block; width:100%; height:2px; background:#fff; transition: ease-out .2s; } 
#headerQ .allBtn_wrap .allBtn .ham { width: 50%; } 
#headerQ .allBtn_wrap .all .ham:before { width:50%; } 
#headerQ .allBtn_wrap .all .ham:after { width:80%; } 
#headerQ .allBtn_wrap .allBtn .ham:before,
#headerQ .allBtn_wrap .allBtn .ham:after { content:""; position:absolute; right:0; } 

#headerQ .allBtn_wrap .allBtn .ham:before { top:calc(50%); } 
#headerQ .allBtn_wrap .allBtn .ham:after { top:calc(100%); width: 50%; } 

#headerQ .allBtn_wrap .allBtn:hover .ham:after,
#headerQ .allBtn_wrap .allBtn:hover .ham { width: 100%; } 

#headerQ .allBtn .xi { font-size:2em } 
#headerQ .allBtn .xi:before { content:"\e91c" } 
#headerQ .allBtn > .menuT { display: flex; justify-content: center; font-size: .85em; text-transform: uppercase; font-weight: 400; padding-top: 2em; color: #fff; } 
#headerQ .all_wrap { width:100vw; height:100vh; background:var(--color-point); position:absolute; left:0; top:0; overflow-y:auto; visibility:hidden } 
#headerQ .all_wrap .bg { position:absolute; left:0; top:0; height: 100%; background:var(--color-point); width:100%; opacity:0; display:flex; align-items:center; justify-content:center; transition:.3s ease-in } 
#headerQ .all_wrap .bg .img { margin-top: 10vh; opacity:.1; filter:brightness(0) invert(1); width:20vw } 
#headerQ .all_wrap .wrap_in { position:relative; opacity:0; box-sizing:border-box; width:100%; height: 100vh; display:flex; align-items:center; justify-content:center; color:#fff } 
#headerQ .all_wrap .wrap_in .in { width:100%; height: 100svh; padding:6em 4em 4em; box-sizing:border-box; overflow-y: scroll; } 

#headerQ .all_wrap .wrap_in .all_top { } 
#headerQ .all_wrap .wrap_in .all_header { margin-bottom: 3em; } 
#headerQ .all_wrap .wrap_in .all_header .all_logo img { width: 20em; filter: grayscale(1) invert(1) brightness(2); } 
#headerQ .all_wrap .wrap_in .all_header .close_btn { width:4.5em; height:4.5em; background:rgba(0, 0, 0, .2); border-radius:50%; } 
#headerQ .all_wrap .wrap_in .all_header .close_btn .xi { font-size:1.875em; transition:.3s; } 
#headerQ .all_wrap .wrap_in .all_header .close_btn:hover .xi { transform:rotate(180deg); } 

#headerQ .all_wrap .wrap_in .all_top .all_mem { display: none; gap:.5em; margin-bottom: 2em; } 
#headerQ .all_wrap .wrap_in .all_top .all_mem .link { display: inline-flex; justify-content: center; align-items: center; height:2.75em; padding:0 2em; border:1px solid rgba(255,255,255,.3); border-radius:6em; transition:.2s; } 
#headerQ .all_wrap .wrap_in .all_top .all_mem .link .t1 { font-size:.938em; font-weight:500; } 
#headerQ .all_wrap .wrap_in .all_top .all_mem .link :hover { background:var(--color-point); border-color:var(--color-point); } 

#headerQ .all_wrap .wrap_in .gnb { gap:0 1em } 
#headerQ .all_wrap .wrap_in .gnb .flex { flex-direction:column } 
#headerQ .all_wrap .wrap_in .gnb > li { flex:1 1 1% } 
#headerQ .all_wrap .wrap_in .gnb > li .dp1 { display:flex; align-items:center; justify-content:center; height:4em; background:#fff; border-bottom-right-radius:0; color:var(--color-point) } 
#headerQ .all_wrap .wrap_in .gnb > li .dp1 .va { font-weight:700; font-size:1.125em } 
#headerQ .all_wrap .wrap_in .gnb > li .dp2 { gap:.5em 0 } 
#headerQ .all_wrap .wrap_in .gnb > li .dp2 a { line-height:1.1 } 
#headerQ .all_wrap .wrap_in .gnb > li .dp2 > li > a { background:rgba(255,255,255,.1); padding:.75em .5em } 


#headerQ .all_wrap .wrap_in .gnb > li.more > a.link { display: block; } 
#headerQ .all_wrap .wrap_in .gnb > li.more > .layer { display: none; } 
#headerQ .all_wrap .wrap_in .gnb > li > a .arrow { display: none; margin-left: .5em; font-size: 1em; } 
#headerQ .all_wrap .wrap_in .gnb > li.more > a .arrow:before { content:"\e913" } 
#headerQ .all_wrap .wrap_in .gnb > li.on > a .arrow:before { content:"\e93f" } 
#headerQ .all_wrap .wrap_in .gnb > li.on.more > a .arrow:before { content:"\e941" } 
#headerQ .all_wrap .wrap_in .gnb > li > a.layer .close { display:none } 
#headerQ .all_wrap .wrap_in .gnb > li.on > a.layer .open { display:none } 
#headerQ .all_wrap .wrap_in .gnb > li.on > a.layer .close { display:inline-block } 
#headerQ .all_wrap .wrap_in .gnb > li .dp2 > li.more > a.link { display: none; } 
#headerQ .all_wrap .wrap_in .gnb > li .dp2 > li.more > a.layer { display: block; } 
#headerQ .all_wrap .wrap_in .gnb > li .dp2 > li:not(.more) > a.layer { display: none; } 
#headerQ .all_wrap .wrap_in .gnb .dp2 > li > a .arrow { margin-left: .5em; font-size: 1em; } 
#headerQ .all_wrap .wrap_in .gnb .dp2 > li.more > a .arrow:before { content:"\e913" } 
#headerQ .all_wrap .wrap_in .gnb .dp2 > li.on > a .arrow:before { content:"\e93f" } 
#headerQ .all_wrap .wrap_in .gnb .dp2 > li.on.more > a .arrow:before { content:"\e941" } 
#headerQ .all_wrap .wrap_in .gnb > li .dp2 { display: block; } 
#headerQ .all_wrap .wrap_in .gnb > li.on .dp2 { display: block; } 

#headerQ .all_wrap .wrap_in .gnb > li .dp2 > li .dp3 { display: none; } 
#headerQ .all_wrap .wrap_in .gnb > li .dp2 > li.on .dp3 { display: block; } 
#headerQ .all_wrap .wrap_in .gnb > li .dp2 > li .dp3 { gap:.25em 0; padding:.75em 0; background:rgba(0,0,0,.1); border:1px solid rgba(255,255,255,.2) } 
#headerQ .all_wrap .wrap_in .gnb > li .dp2 > li .dp3 > li > a { text-align:left; padding:.25em .5em; padding-left:1.25em; position:relative } 
#headerQ .all_wrap .wrap_in .gnb > li .dp2 > li .dp3 > li > a:hover .va .tt { text-decoration:underline } 
#headerQ .all_wrap .wrap_in .gnb > li .dp2 > li .dp3 > li > a:before { content:"-"; position:absolute; left:.5em; top:.375em; width:auto; height:auto } 
#headerQ .all_wrap .wrap_in .gnb > li .dp2 > li .dp3 > li > a .va { font-size:.938em } 
#headerQ .all_wrap .wrap_in .gnb > li .dp2 > li .dp3 { display: none; } 
#headerQ .all_wrap .wrap_in .gnb > li .dp2 > li.on .dp3 { display: block; } 

#headerQ .all_wrap .wrap_in .gnb > li .dp2 > li:hover > a { background:#fff; color:var(--color-point); font-weight:600 } 
#headerQ .all_wrap .wrap_in .gnb > li .dp2 > li:hover .dp3 { background:rgba(0,0,0,.3) } 
#headerQ.allOn .allBtn .xi:before { content:"\e9af" } 
#headerQ.allOn .all_wrap { visibility: visible; } 
#headerQ.allOn .all_wrap .bg { opacity:1 } 
#headerQ.allOn .all_wrap .wrap_in { opacity:1; transition-delay:.3s } 
#headerQ .mem_wrap .logBtn { display:flex; flex-direction:column; align-items:center; gap:.5em 0 } 
#headerQ .mem_wrap .logBtn .ico { color:var(--color-point); font-size:1.6em } 
#headerQ .mem_wrap .logBtn .tt { writing-mode: vertical-lr; font-weight:600; font-size:1em; color:#999; word-spacing:.5em } 
#headerQ .mem_wrap .logBtn .tt .point { color:var(--color-point) } 
#headerQ .mem_wrap .logBtn .arrow { font-size:1em; color:var(--color-point); transition:.3s } 
#headerQ .mem_wrap .logBtn:hover .arrow { transform:translateY(1em) } 
#headerQ .goTop { margin-top:auto; margin-bottom:1em; width:3rem; line-height:3rem; text-align:center; background: linear-gradient(-225deg, var(--color-point) 0%, #0043b2 100%); color:#fff; box-shadow:0 0 1em rgba(0,0,0,.1); opacity:0; transform:translateY(100%); transition:.3s } 
#headerQ .goTop .xi { font-size:1.5em } 
.scroll #headerQ .goTop { opacity:1; transform:translateY(0) } 
#headerQ .quick_wrap { position:absolute; left:0; top:0; width:27em; height:100%; background:#fff; padding-bottom:2em; box-sizing:border-box; box-shadow:1em 0 1em rgba(0,0,0,.1); overflow:hidden; transform:translateX(-100%); transition:transform ease-in-out 0.5s; overflow-y:auto } 
#headerQ .quick_wrap .wrap_in { height:100%; box-sizing:border-box; gap:2em 0 } 
#headerQ .quick_wrap .logo { flex:0 0 auto } 
#headerQ .quick_wrap .link .list > li { width:33.33% } 
#headerQ .quick_wrap .link .list > li > a { display:block; text-align:center; box-sizing:border-box; padding:.5em .25em; position:relative; border-radius:.5em; border:1px solid transparent } 
#headerQ .quick_wrap .link .list > li > a .ico { height:3.5em; display:flex; align-items:center; justify-content:center } 
#headerQ .quick_wrap .link .list > li > a .ico img { height:90% } 
#headerQ .quick_wrap .link .list > li > a .t1 { display:block; margin-top:.5em; line-height:1.1; font-size:.938em } 
#headerQ .quick_wrap .link .list > li > a:hover { background:#f5f5f5 } 
#headerQ .quick_wrap .link .list > li > a:hover .t1 { font-weight:500 } 
#headerQ .quick_wrap .pop { margin-top:auto } 
#headerQ .quick_wrap .pop .control { margin-top:.5em } 
#headerQ .quick_wrap .main_tit { margin-bottom:1em } 
#headerQ .quickBtn { position:absolute; left:100%; bottom:45%; transform:translate(-50%, -50%); width:4em; line-height:4em; background:#f0f4ff; color:#074393; border-radius:50%; display:flex; align-items:center; justify-content:center } 
#headerQ .quickBtn .ico { transition:.3s } 
#headerQ .quickBtn .ico:before { content:"\e93e" } 
#headerQ.quickOn { width:32em; box-shadow:none } 
#headerQ.quickOn .quick_wrap { transform:translateX(5em) } 
#headerQ.quickOn .quickBtn .ico { transform:rotate(180deg) } 
#headerQ .quick_wrap .mem_wrap { justify-content: space-around; } 
#headerQ .quick_wrap .mem_wrap .link { border: 1px solid #f0f4ff; background:#f0f4ff; color: var(--color-point); border-radius: 5em; padding: 0.25em; margin: -1em 0; width: 7.5em; text-align: center; transition:.2s; } 
#headerQ .quick_wrap .mem_wrap .link:hover { border: 1px solid var(--color-point); background:var(--color-point); color: #fff; transition:.2s; } 


#header { position:fixed; left:0; top:0; width:100%; z-index:1000; box-sizing:border-box; transition: all .15s; } 
#header .wrap_in { gap:0 4em; flex-direction: column; } 
#header .wrap_in:before { position: absolute; bottom: 1px; left: 0; width: 100%; height: 1px; background: rgba(255,255,255, .15); content: ''; } 
html:not(.scroll):not(.dp1_member) #header:not(.gnbOpen) .wrap_in { color: #fff; } 

.logoW { display:block; width:15em } 
.logoW img { width:100% } 
#header .logo > a img { height:100%; filter:brightness(0) invert(1); display: block; } 
#header .gnb_wrap { } 
#header .gnb_wrap .gnb { justify-content:flex-end; width: 100%; } 
#header .gnb_wrap .gnb > li { position:relative; min-width: 12rem; padding: 0 1.5rem; box-sizing: border-box; justify-content: center; } 
#header .gnb_wrap .gnb > li:not(.m_hide) { display:flex } 
#header .gnb_wrap .gnb > li .dp1.layer { display: none; } 
#header .gnb_wrap .gnb > li .dp1 .va { position:relative; display:inline-flex; align-items:center; text-align: left; } 
#header .gnb_wrap .gnb > li .dp1 .va:after { content:""; position:absolute; left:50%; bottom:0; width:0; height:3px; background:#fff; transform:translateX(-50%); transition:.2s } 
#header .gnb_wrap .gnb > li .dp1 .tt { font-weight:600; font-size:1.215rem; transition: .2s; } 
#header .gnb_wrap .gnb > li .dp1 .va:before { font-family:xeicon; font-size:1.25rem } 
#header .gnb_wrap .gnb > li.act .dp1 .tt,
#header .gnb_wrap .gnb > li .dp1 .va:hover .tt { } 
#header .gnb_wrap .gnb > li .dp2 {position:absolute; padding: 1rem; box-sizing: border-box; display: block; top: 100%; left:50%; transform: translateX(-50%); width: 13rem;  visibility:hidden; opacity:0; z-index:-1 } 
/*
#header .gnb_wrap .gnb > li .dp2:before { content:attr(data-tit); width:25rem; background:#0043b2; box-sizing:border-box; padding:2rem 3rem; position:absolute; left:0; top:0; height:100%; color:#fff; font-weight:700; text-align:right; font-size:1.625rem } 
#header .gnb_wrap .gnb > li .dp2:after { content:""; position:absolute; left:17rem; width:9rem; height:9rem; bottom:0; right:0; background:url(../images/inc/logoS.svg) no-repeat; background-size:100% auto; opacity:.15; filter:brightness(0) invert(1) } 
*/
#header .gnb_wrap .gnb > li .dp2 > li { box-sizing:border-box;} 
#header .gnb_wrap .gnb > li .dp2 > li > a { width: 100%; padding: .45rem; text-align: center; box-sizing: border-box; border-bottom: 1px solid var(--gray-line-1);} 
#header .gnb_wrap .gnb > li .dp2 > li:last-of-type > a{ border-bottom: none;}
#header .gnb_wrap .gnb > li .dp2 > li > a:hover{ background: var(--color-gray-1);}
#header .gnb_wrap .gnb > li .dp2 > li > a:hover .va{ color: var(--color-point);}
#header .gnb_wrap .gnb > li .dp2 > li > a.layer { display: none; } 
#header .gnb_wrap .gnb > li .dp2 > li > a:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; border:1px solid #ddd; box-sizing:border-box; z-index: -1;} 
#header .gnb_wrap .gnb > li .dp2 > li:hover > a:before { transform:translate(.375rem, .375rem); opacity:1 } 
#header .gnb_wrap .gnb > li .dp2 > li > a .va { position:relative; font-weight: 500; text-align: center; z-index:1; font-size: var(--font-size-sm-1); transition: .3s ease;} 
#header .gnb_wrap .gnb > li .dp2 > li > a .va .tt { word-break: keep-all; } 
#header .gnb_wrap .gnb > li .dp2 > li .dp3 { display: none; } 
#header .gnb_wrap .gnb > li .dp2 > li:hover .dp3 { background:#f5f5f5 } 
#header .gnb_wrap .gnb > li .dp2 > li .dp3 > li > a { color:#666; text-align:left; padding:.25em 1.5em; position:relative } 
#header .gnb_wrap .gnb > li .dp2 > li .dp3 > li > a:before { content:""; position:absolute; left:.75em; top:.875em; width:.25em; height:.25em; background:#ddd } 
#header .gnb_wrap .gnb > li .dp2 > li .dp3 > li > a .va { font-size:1.125em } 
#header .gnb_wrap .gnb > li .dp2 > li .dp3 > li > a:hover { color:var(--color-point) } 
#header .gnb_wrap .gnb > li .dp2 > li .dp3 > li > a:hover:before { background:var(--color-point) } 

#header.gnbOpen .gnb_wrap .gnb > li.act .dp2 { opacity: 1; visibility: visible; z-index: 0; } 

#headerQ .fix_wrap .all_layer { position:fixed; top:0; left:0; width:100%; height:100vh; opacity:0; visibility:hidden; } 
#headerQ .fix_wrap .all_layer .all_close { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); opacity:0; } 
#headerQ .fix_wrap .all_layer .all_inner { position:absolute; top:0; left:0; width:32em; max-width:100%; height:100%; background:#fff; box-shadow:-1em 0 1em rgba(0,0,0,.1); transform:translateX(-100%); } 
#headerQ .fix_wrap .all_layer .all_inner > .wrap_in { gap:2em; padding:3em 3em; } 
#headerQ .fix_wrap .all_layer .all_inner > .mark { position: absolute; bottom: 0; right: 0; width: 16em; opacity: .15; } 
#headerQ .fix_wrap .all_layer .all_inner > .mark > img { width: 26.5em; } 

#headerQ .fix_wrap .all_layer .wrap_top a { transition:.2s; } 
#headerQ .fix_wrap .all_layer .wrap_top .all_logo { } 
#headerQ .fix_wrap .all_layer .wrap_top .all_logo .in { display:block; width:14.5em; } 
#headerQ .fix_wrap .all_layer .wrap_top .all_logo .in img { width:100%; } 
#headerQ .fix_wrap .all_layer .wrap_top .all_mem { gap:.5em; padding:2em 0 1em; } 
#headerQ .fix_wrap .all_layer .wrap_top .all_mem > li > a { width: 100%; height: 3.3rem; background: #f5f5f5; text-align: center; font-weight: 700; color: #111; display: flex; align-items: center; justify-content: center; border-radius: .5em; } 
#headerQ .fix_wrap .all_layer .wrap_top .all_mem > li { flex: 1; } 
#headerQ .fix_wrap .all_layer .wrap_top .all_mem > li .in .icon { position: absolute; left: .5em; } 
#headerQ .fix_wrap .all_layer .wrap_top .all_mem > li .in { position:relative; height:2.25em; padding:0 1em; border:1px solid var(--color-point); background:var(--color-point); color: #fff; border-radius:.25em; line-height:normal; align-items: center; justify-content: center; } 
#headerQ .fix_wrap .all_layer .wrap_top .all_mem > li .in .tt { font-size:.938em; font-weight:500; } 
#headerQ .fix_wrap .all_layer .wrap_top .all_mem > li .in:hover { } 
#headerQ .fix_wrap .all_layer .wrap_top .all_mem > li .in:hover .icon { color: #fff; } 

#headerQ .fix_wrap .all_layer .wrap_middle { } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb { flex-wrap:wrap; } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb > li { flex:1 1 100%; } 
/* #header .all_wrap .all_layer .wrap_middle .gnb > li.m_mypage { display:block; } */
#headerQ .fix_wrap .all_layer .wrap_middle .gnb ul.flex { display:block; } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb a { position:relative; justify-content:flex-start; text-align:left !important; font-weight:500; transition:.2s; } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb li > a.layer { display: none; } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb li.more > a.layer { display: block; } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb li.more { } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb li.more .dp2_wrap { display: none; } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb > li.more > a.link { display:none; } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb li.more > a.layer { display:flex !important; padding-right:2.5rem; display: block; } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb li.more > a .arrow { position:absolute; right:1rem; top:50%; transform:translateY(-50%); font-size:1rem; } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb li.more > a .arrow:before { content:"\e943"; font-size: var(--font-size-md); font-weight: 600; display:block; transition:.2s; } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb li.more > ul { display:none; } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb li.more.on .dp2_wrap{display: block;}
#headerQ .fix_wrap .all_layer .wrap_middle .gnb li.more.on > a .arrow:before { transform:rotate(-180deg); } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb li.more.on > ul { display:block; } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb ul { padding:1rem 1rem; } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb ul li > a { padding:.875rem .5rem; } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb ul li.more .arrow { right:.5rem; } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb > li { } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb > li .dp1 { height:4rem; line-height: 4rem; padding:0 1.5rem; border:solid #ddd; border-width:1px 0; margin-bottom:-1px; display: block;} 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt { font-size:var(--font-size-base); font-weight: 600; } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb > li.act .dp1,
#headerQ .fix_wrap .all_layer .wrap_middle .gnb > li.on .dp1 { background-color: var(--color-point); color:#fff; } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb .dp2 > li > a { padding-left:1.5rem; display: block; } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb .dp2 > li > a:before { content:""; position:absolute; left:.75rem; top:50%; width:.313rem; height:.313rem; background:var(--color-point); border-radius:50%; transform:translateY(-50%); } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb .dp2 > li > a .tt { font-size:var(--font-size-base); } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb .dp2 > li > a:hover { background: #f1f1f1; transition: .1s; } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb .dp2 > li.act > a { color:var(--color-point) } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb .dp2 > li.on > a { color:var(--color-point); font-weight:600; } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb .dp3 {  } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb .dp3 > li > a { color:#444; display: block; } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb .dp3 > li + li > a { border-top:1px dashed #ddd; } 
#headerQ .fix_wrap .all_layer .wrap_middle .gnb .dp3 > li.act > a .tt,
#headerQ .fix_wrap .all_layer .wrap_middle .gnb .dp3 > li.on > a .tt { text-decoration:underline; } 


.allGnbOn #header,
#header:hover { background: var(--crWhite); } 
.allGnbOn #header .logo > .in img,
.scroll #header .logo > .in img,
#header:hover .logo > .in img { filter: brightness(0); } 
.allGnbOn #header .gnb_wrap .gnb > li .dp1,
#header:hover .gnb_wrap .gnb > li .dp1 { color: #111; } 
.allGnbOn #header .gnb_wrap .gnb { display: none; } 

.allGnbOn { overflow-y:hidden } 
.allGnbOn body { overflow-y:scroll } 

.allGnbOn #headerQ .fix_wrap .all_btn { z-index:999; position:fixed; top:1em; right:2vw; width:2.5em; height:3em; filter: brightness(0) invert(0) !important; } 
.allGnbOn #headerQ .fix_wrap .all_btn .ham { background:transparent !important; transition:0s; } 
.allGnbOn #headerQ .fix_wrap .all_btn .ham:before,
.allGnbOn #headerQ .fix_wrap .all_btn .ham:after { width:100% !important; top:50% !important; height:2px; } 
.allGnbOn #headerQ .fix_wrap .all_btn .ham:before { transform:rotate(45deg); } 
.allGnbOn #headerQ .fix_wrap .all_btn .ham:after { transform:rotate(-45deg); } 
.allGnbOn #headerQ .fix_wrap .all_layer { z-index:99; opacity:1; visibility:visible; } 
.allGnbOn #headerQ .fix_wrap .all_layer .all_close { opacity:1; transition:.4s; } 
.allGnbOn #headerQ .fix_wrap .all_layer .closeBtn{ position: absolute; right: 1.5rem; top: .8rem;}
.allGnbOn #headerQ .fix_wrap .all_layer .closeBtn .xi{font-size: 2.4rem;}
.allGnbOn #headerQ .fix_wrap .all_layer .all_inner { transform:translateX(0); transition:.4s; } 


#header .headTop { position:relative; width: 100%; padding: 0 6rem; box-sizing: border-box; gap: 4em; align-items: center; box-sizing: border-box; } 
#header .headTop .logo { /*position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); */ } 

#header .mem_wrap { display:flex; align-items:center; gap:0 1.5em; } 
#header .mem_wrap > .link { display: flex; align-items: center; gap: .25rem; position:relative; } 
#header .mem_wrap > .link > .t1 { font-size: .95em; } 

#header .gnb_wrap .gnb > li.on .dp1 { font-weight:700 } 
#header .gnb_wrap .gnb > li.hover .dp1 { font-weight:700; color:var(--color-point) } 
#header .gnb_wrap .gnb > li.on .dp1 .va:after { width:90% } 
#header .gnb_wrap .gnb > li.hover .dp1 .va:after { width:90%; background:var(--color-point) } 
#header .gnb_wrap .gnb > li.hover .dp2 { visibility:visible; opacity:1; z-index: auto; } 
 
#header .gnb_menu { width: 100%; } 
#header.gnbOpen { background: #fff; } 
#header.gnbOpen .logo > a img { filter: none; } 

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

#contents .sub_tab{background:rgba(0,0,0,.35);}
#contents .sub_tab > .gnb{margin:0 auto;}
#contents .sub_tab .gnb > li{ width:100%}
#contents .sub_tab .gnb > li .dp2{ justify-content:center; padding-left:1px}
/* #contents .sub_tab .gnb > li .dp2:before {content:''; width:2000px; height:1px; background:#fff; position:absolute; opacity:.7} */
#contents .sub_tab .gnb > li .dp2 > li{ flex:1 1 100%; max-width:25%; position:relative}
#contents .sub_tab .gnb > li .dp2 > li > a{ display:block; color:#e5e5e5; padding: 1.4em 0; text-align: center;}
#contents .sub_tab .gnb > li .dp2 > li > a .va{ font-size:1.1em; font-weight:500;}
#contents .sub_tab .gnb > li .dp2 > li:hover > a{ color:#fff}
#contents .sub_tab .gnb > li .dp2 > li.on{ z-index:1; }
#contents .sub_tab .gnb > li .dp2 > li.on:before {content:''; width:100%; position:absolute; height:4px; background:#fff; top:-2px;}
#contents .sub_tab .gnb > li .dp2 > li.on > a{ color:#fff; border-color:transparent; position:relative;}
#contents .sub_tab .gnb > li .dp2 > li > a:before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:1em; background: rgb(255 255 255 / 50%); opacity:.7;}
#contents .sub_tab .gnb > li .dp2 > li:first-child > a:before{ display:none;}

#contents .sub_con_menu{ padding-top:1.875rem; padding-bottom: 1rem;}
#contents .sub_con_menu .gnb > li,
#contents .sub_con_menu .gnb > li .dp1,
#contents .sub_con_menu .gnb > li .dp2 > li,
#contents .sub_con_menu .gnb > li .dp2 > li > a{ display:none;}
#contents .sub_con_menu .gnb,
#contents .sub_con_menu .gnb > li .dp2,
#contents .sub_con_menu .gnb > li.on,
#contents .sub_con_menu .gnb > li .dp2 > li.on{ display: flex; justify-content: center;}
#contents .sub_con_menu .gnb > li .dp3{ background: var(--color-bg-2); padding: 0.5rem; gap: 0.5rem; box-sizing: border-box; border-radius: 100rem;}
#contents .sub_con_menu .gnb > li .dp3 > li{ flex: 0 1 auto; min-width: 16rem; text-align: center;}
#contents .sub_con_menu .gnb > li .dp3 > li:hover .va_wrap{background: var(--color-bg-2); }
#contents .sub_con_menu .gnb > li .dp3 > li .va_wrap{ display: block; color: #555; font-size: var(--font-size-md-1); font-weight: 600; padding: 1rem 0; transition: 0.2s ease-in-out; border-radius: 100rem;}
#contents .sub_con_menu .gnb > li .dp3 > li.on .va_wrap{ background: var(--color-point); color: #fff;}



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

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

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

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

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

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


.visualSlide_wrap { position: relative; height:calc(var(--vh, 1vh) * 52); background: #111; padding-left: var() } 
.visualSlide { position: relative; height: 100%; } 
.visualSlide .swiper-wrapper > .el { position:relative; background: #000; } 
.visualSlide .swiper-wrapper > .el .bg { position:absolute; left:0; top:0; width:100%; height:100%; } 
.visualSlide .swiper-wrapper > .el .bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .356); content: ''; } 
.visualSlide .swiper-wrapper > .el .bg > img { height: 100%; object-fit: cover; width: 100%; } 
.visualSlide .swiper-wrapper > .el .vod_wrap { position: relative; } 
.visualSlide .swiper-wrapper > .el .vod_wrap:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .415) 100%); content: ''; z-index: 1; } 
.visualSlide .slogan_wrap { position: absolute; top: 42%; transform: translateY(-50%); text-align: center; width: 100%; z-index: 2; } 
.visualSlide .slogan_wrap .slogan .title { overflow: hidden; } 
.visualSlide .slogan_wrap .slogan .title > .t1 { font-size: var(--font-size-xxl); line-height: 1.1; font-weight: 700; color: #fff; transform: translateY(100%); transition: .8s ease; /* transition-delay: .4s; */ } 
.visualSlide .slogan_wrap .slogan .title > .t1 > i { /* background: var(--color-gradient-1); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; */ color: var(--color-point2); } 
.visualSlide .slogan_wrap .slogan .txt_wrap { overflow: hidden; } 
.visualSlide .slogan_wrap .slogan .txt_wrap .desc { font-size: var(--font-size-lg-1); padding-bottom: var(--space-4); color: #fff; font-weight: 300; transform: translateY(100%); transition: .8s ease; } 
.visualSlide .slogan_wrap .slogan .btn_Wrap { transform: translateX(4rem); opacity: 0; filter: blur(5px); transition: 1s all 1s; } 
.visualSlide .el.swiper-slide-active .bg { } 

.load .visualSlide .slogan_wrap .slogan .title > .t1,
.load .visualSlide .slogan_wrap .slogan .txt_wrap .desc { transform: translateX(0); } 

.visualSlide_wrap .visualControl { position: absolute; top: 65%; transform: translateY(-50%); left: 0; width: 100%; z-index: 2; } 
.visualSlide_wrap .swiperControl .paging.dot { display: flex; align-items: center; gap: var(--gap-xs); } 
.visualSlide_wrap .swiperControl .paging.dot span { width: 20px; background: transparent; opacity: 1; } 

.circle-chart-container { position: relative; display: inline-block; } 
.circle-chart { transform: rotate(-90deg); } 
.circle-chart circle { transition: stroke-dashoffset 1s ease; } 
.circle-chart circle:first-child { stroke: #e6e6e6; } 

.circle-progress { stroke: #fff; stroke-dasharray: 75.398; stroke-dashoffset: 75.398; } 
.swiper-pagination-bullet-active .circle-progress { animation: fillCircle 8s linear forwards; } 

@keyframes fillCircle { 
 0% { stroke-dashoffset: 75.398; } 
100% { stroke-dashoffset: 0; } 
 }

.visualSlide_wrap .visualSlide_control { position: absolute; width: 100%; display: flex; justify-content: center; top: 50%; transform: translateY(-50%); z-index: 9; } 
.visualSlide_wrap .visualSlide_control .swiperControl { position: relative; margin: 0 auto; } 
.visualSlide_wrap .visualSlide_control .swiperControl .swiperBtn { background: transparent; border: none; opacity: .515; transition: .15s ease; } 
.visualSlide_wrap .visualSlide_control .swiperControl .swiperBtn:hover { opacity: 1; } 
.visualSlide_wrap .visualSlide_control .swiperControl .swiperBtn:before { font-size: var(--font-size-xxxl-1); } 
.visualSlide_wrap .visualSlide_control .swiperControl .swiperBtn.prev:before { content: '\e93d' } 
.visualSlide_wrap .visualSlide_control .swiperControl .swiperBtn.next:before { content: '\e940' } 
.visualSlide_wrap .visualSlide_paging { position: absolute; bottom:11rem; left: 50%; transform: translateX(-50%); z-index: 9; } 
.visualSlide_wrap .visualSlide_paging .swiperControl { margin: 0 auto; display: flex; align-items: center; justify-content: center; } 
.visualSlide_wrap .visualSlide_paging .swiperControl .paging { } 
.visualSlide_wrap .visualSlide_paging .swiperControl .paging .swiper-pagination-bullet { width: .6rem; height: .6rem; border-radius: var(--radius-pill); opacity: 1; border: 1px solid #fff; background: transparent; transition: .3s ease; } 
.visualSlide_wrap .visualSlide_paging .swiperControl .paging .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; } 

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

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

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

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

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

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

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

/*roundArrow*/
.roundArrow{ position:relative; width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-pill); background: var(--color-point); color: #fff; z-index: 10;}
.roundArrow.b1{ background: var(--color-black);}
.roundArrow > .xi{ transform: rotate(-45deg); transition: .3s ease;}
.roundArrow:hover > .xi{ transform: rotate(0deg);}

/*sec_quick*/
#sec_quick { position:absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 100%; z-index: 10;} 
#sec_quick:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;  opacity: .815; content: '';}
#sec_quick .main_quickBox { display: flex; align-items: center; gap: 6rem; position:relative; justify-content: center;} 
#sec_quick .main_quickBox .main_tit{ margin-bottom: var(--space-2);}
#sec_quick .main_quickBox .shForm{ width: 35%;}
#sec_quick .main_quickBox .quick_wrap{ width: 75%;}
#sec_quick .main_quickBox .quickList{ position:relative; display: flex; justify-content: center; gap: 1rem;}
#sec_quick .main_quickBox .quickList > li{ width: calc((100% - 4rem) / 5);}
#sec_quick .main_quickBox .quickList > li > .inner{ display: flex; align-items: center; flex-direction: column; gap: 1rem; padding: 1rem; background: #fff; border-radius: var(--radius-md); transition: .1s ease; background: rgb(255 255 255 / 25%); backdrop-filter: blur(5px);}
#sec_quick .main_quickBox .quickList > li > .inner > .icon{ display: flex; flex-direction: column; align-items: center; width: 79px; height: 40px;}
#sec_quick .main_quickBox .quickList > li > .inner > .icon > img{ height: 40px; object-fit: contain; display: block; }
#sec_quick .main_quickBox .quickList > li > .inner > .icon > img:nth-child(2){opacity: 0; transition: .3s ease; position: absolute;}
#sec_quick .main_quickBox .quickList > li > .inner > .tit{ font-size: var(--font-size-base); font-weight: 600; line-height: 1; transition: .3s ease; color: #fff;}
#sec_quick .main_quickBox .quickList > li > .inner:hover{ transform: translateY(-5px); background: #fff;}
#sec_quick .main_quickBox .quickList > li > .inner:hover > .tit{ color: var(--color-point); text-decoration: underline;}
#sec_quick .main_quickBox .quickList > li > .inner:hover > .icon > img:nth-child(2){opacity: 1;}
#sec_quick .main_quickBox .quickList > li > .inner:hover > .icon > img:nth-child(1){opacity: 0;}


#sec_quick .shWrap { } 
#sec_quick .shWrap .shForm { display: flex; gap: 1em; } 
#sec_quick .shTit { position: relative; top: .75em; text-align: center; font-size: var(--font-size-md); font-weight: 500; color: var(--color-point); } 
#sec_quick #mainSerchForm { position: relative; flex: 1; } 
#sec_quick #mainSerchForm .inp { height: 3.85em; box-sizing: border-box; background: #fff; box-shadow: 0 1rem 1rem rgba(0, 0, 0, .1); border: 3px solid var(--color-point); width: 100%; padding: 0 4em 0 1.5em; color: #7f7f7f; font-weight: 500; border-radius: .5em;} 
#sec_quick #mainSerchForm .btn { position: absolute; right: 0; top: 0; height: 3.85em; border-radius: 0 .5em .5em 0; width: 3.85em; background: var(--color-point); border: none; display: flex; align-items: center; justify-content: center; color: #fff; } 
#sec_quick #mainSerchForm .tag_wrap { position: relative; margin-top: 1em; } 
#sec_quick #mainSerchForm .tag_wrap .tag_list { display: flex; gap: .85em; } 
#sec_quick #mainSerchForm .tag_wrap .tag_list > li { color: rgba(255,255,255, .815); line-height: 1; font-weight: 400; } 

/* #sec_quick .main_quickCon{}
#sec_quick .main_quickCon .quickList{display: flex; justify-content: center; align-items: end;}
#sec_quick .main_quickCon .quickList li{ flex: 1; }
#sec_quick .main_quickCon .quickList li a{display: flex; align-items: center; gap: 1rem; justify-content: space-between; padding: 1rem 1.5rem; box-sizing: border-box; transition: 0.2s ease-in-out; color: #fff; background: rgb(255 255 255 / 25%); backdrop-filter: blur(5px);}
#sec_quick .main_quickCon .quickList li a .arrow{transition: 0.2s ease-in-out;}
#sec_quick .main_quickCon .quickList li a .tit{font-size: var(--font-size-base);}
#sec_quick .main_quickCon .quickList li:hover a{padding: 1.5rem 1.5rem; background:var(--color-point); box-shadow: 5px 0 30px rgba(17, 17, 17, 0.219);}
#sec_quick .main_quickCon .quickList li:hover a .arrow{transform: rotate(-45deg);} */


/*sec_member*/
.main .memBannerSlider_wrap { padding-left: var(--headQ); } 
.memBannerSlider_wrap { padding-top: 1.5rem; padding-bottom: 1.5rem; border-top:1px solid var(--gray-line-1); border-bottom: 1px solid var(--gray-line-1); } 
.memBannerSlider_wrap .inner { gap:1em 2em; } 
.memBannerSlider_wrap .tit_wrap { gap:0 2em; } 
.memBannerSlider_wrap .tit_wrap .tit { gap:1em; } 
.memBannerSlider_wrap .tit_wrap .tit .tt { font-size: var(--font-size-base); font-weight:600; } 
.memBannerSlider_wrap .tit_wrap .tit .xi { font-size:1.500em; color:var(--color-point); transition:.2s; } 
.memBannerSlider_wrap .tit_wrap .tit:hover { color:var(--color-point); } 
.memBannerSlider_wrap .tit_wrap .tit:hover .xi { transform:rotate(180deg); } 
.memBannerSlider { flex:1; padding-right:4px; } 
.memBannerSlider .el .in { height:4.25em; padding: .5rem 1rem; box-sizing: border-box; border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; border: 1px solid var(--gray-line-1); overflow:hidden; } 
.memBannerSlider .el .in > img { width: 100%; height: 45px; object-fit: contain; } 


.memBannerSlider_wrap .swiperControl.st1 .control { border:1px solid var(--gray-line-1); border-radius:6em; overflow:hidden; } 
.memBannerSlider_wrap .swiperControl.st1 .control .swiperBtn.btn { width:2em; height:2em; } 
.memBannerSlider_wrap .swiperControl.st1 .control .swiperBtn.btn:hover { background:var(--color-point); color:#fff; } 

/*sec_notice*/
#sec_notice { } 
#sec_notice .notiBtn { display: flex; gap: var(--gap-sm); } 
#sec_notice .notiBtn > li { } 
#sec_notice .notiBtn > li > .con { display: flex; align-items: center; height: 2.75rem; padding: 0 1.75rem; border: 1px solid var(--gray-line); border-radius: 100px; cursor: pointer; transition: .3s ease; } 
#sec_notice .notiBtn > li > .con > .tt { font-weight: 500; } 
#sec_notice .notiBtn > li.on > .con { background: var(--color-point); color: #fff; border: 1px solid var(--color-point); } 
#sec_notice .noticeList { display: flex; gap: 1.5rem; } 
#sec_notice .noticeList > .item { position:relative; width: calc((100% - 4.5rem) / 4); display: block; box-shadow: inset 0 0 0 1px var(--gray-line-1); overflow: hidden; border-radius: 0 var(--radius-posi) var(--radius-posi) var(--radius-posi); } 
#sec_notice .noticeList > .item > .imgCon { width: 100%; height: 15rem; border-radius: 0 0 var(--radius-posi) var(--radius-posi); isolation: isolate; overflow: hidden; z-index: 1; } 
#sec_notice .noticeList > .item > .imgCon > img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.01); transition: 1s ease; } 

#sec_notice .noticeList .posiB{padding: 0 calc(0.5rem + 1px) calc(0.5rem + 1px);}

#sec_notice .noticeList > .item > .infoCon { padding: 1.5rem; box-sizing: border-box; } 
#sec_notice .noticeList > .item > .infoCon > .tit { font-size: var(--font-size-base); font-weight: 500; line-height: 1; margin-bottom: 1rem; color: #333;} 
#sec_notice .noticeList > .item > .infoCon > .txt { font-size: var(--font-size-xs); color: var(--color-black-6); line-height: 1; font-weight: 400; } 

#sec_notice .noticeList > .item > .infoCon > .date { font-size: var(--font-size-xxs); color: var(--color-black-6); margin-top: var(--space-3); } 

#sec_notice .noticeList > .item:hover > .infoCon > .txt,
#sec_notice .noticeList > .item:hover > .infoCon > .tit { text-decoration: underline; } 
#sec_notice .noticeList > .item:hover > .imgCon > img { transform: scale(1.1); } 


/*sec_sponsor*/
#sec_sponsor { position:relative; } 
#sec_sponsor:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .5); content: ''; } 
#sec_sponsor .btn_Wrap { position:relative; margin: 0; } 
#sec_sponsor .mainTop{gap: 8rem;}

/*sec_info*/
#sec_info { } 
#sec_info .info_container { display: flex; gap: 1rem; height: 27rem; } 
#sec_info .info_container > .infoItem { display: flex; flex-direction: column; gap: 1rem; width: calc((100% - 2rem) / 3); } 
#sec_info .info_container > .infoItem .Link { display: flex; gap: 1rem; } 
#sec_info .info_container > .infoItem .Link .topItem { position:relative; background: var(--color-gray-1); width: calc((100% - 1rem) / 2); padding: 1rem; box-sizing: border-box; border-radius: var(--radius-md); z-index: 10; } 
#sec_info .info_container > .infoItem .topLink .topItem.b1 { background: var(--color-bg-2); } 
#sec_info .info_container > .infoItem .topLink .topItem .btn_Wrap { justify-content: center; margin-top: var(--space-2); margin-bottom: 0; } 
#sec_info .info_container > .infoItem .topLink .topImg { position:relative; width: 100%; height: 8rem; overflow: hidden; border-radius: var(--radius-md); } 
#sec_info .info_container > .infoItem .topLink .topImg > img { width: 100%; height: 100%; object-fit: cover; } 
#sec_info .info_container > .infoItem .topTitCon { text-align: center; } 
#sec_info .info_container > .infoItem .topTitCon.al { text-align: left; margin-top: var(--space-2); } 
#sec_info .info_container > .infoItem .topTitCon.al > .tit { margin-bottom: 0; } 
#sec_info .info_container > .infoItem .topTitCon > .tx { font-size: var(--font-size-xxs); font-weight: 600; line-height: 1; color: var(--color-point); } 
#sec_info .info_container > .infoItem .topTitCon > .tit { margin-top: .25rem; margin-bottom: var(--space-1); font-size: var(--font-size-sm); font-weight: 500; } 
#sec_info .info_container > .infoItem .roundIcon { display: flex; margin: 0 auto; align-items: center; justify-content: center; width: 5rem; height: 5rem; background: #fff; border-radius: var(--radius-pill); } 
#sec_info .info_container > .infoItem .roundIcon > img { height: 3.5rem; object-fit: contain; } 
#sec_info .info_container > .infoItem .Link.btmLink .topItem { display: flex; gap: var(--gap-md); width: 100%; } 
#sec_info .info_container > .infoItem .btmLink .gallerySlide_wrap { width: 60%; } 
#sec_info .info_container > .infoItem .btmLink .gallerySlide_wrap .gallerySlide { } 
#sec_info .info_container > .infoItem .btmLink .gallerySlide_wrap .gallerySlide .imgCon { position:relative; width: 100%; height: 10.5rem; border-radius: var(--radius-md); overflow: hidden; } 
#sec_info .info_container > .infoItem .btmLink .gallerySlide_wrap .gallerySlide .imgCon > img { width: 100%; height: 100%; object-fit: cover; } 
#sec_info .info_container > .infoItem .btmLink .gallery_info { width: 40%; } 
#sec_info .info_container > .infoItem .btmLink .markImg { position: absolute; bottom: 0; right: 0; } 
#sec_info .info_container > .infoItem .btmLink .markImg > img { width: 8rem; object-fit: contain; opacity: .05; } 

#sec_info .banner_wrap { } 
#sec_info .bannerSlide_wrap { position:relative; height: 100%; } 
#sec_info .bannerSlide_wrap .posiB.rbR { padding-left: 1.25rem; height: 2.5rem; display: flex; } 
#sec_info .bannerSlide_wrap .banner_control { } 
#sec_info .bannerSlide_wrap .banner_control .control { position:relative; display: flex; gap: var(--gap-sm); z-index: 9; } 
#sec_info .bannerSlide_wrap .bannerSlide { overflow:hidden; border-radius: var(--radius-lg); height: 100%; } 
#sec_info .bannerSlide_wrap .bannerSlide .banner_img { display: block; height: 100%; } 
#sec_info .bannerSlide_wrap .bannerSlide .banner_img > img { width: 100%; height: 100%; object-fit: cover; } 

#sec_info .banner_control .control .progress-container { display: flex; align-items: center; gap: var(--gap-xs); } 
#sec_info .banner_control .control .progress-container .progress-bar { position: relative; display: block !important; bottom: 0; width: 45px; height: 3px; background: rgba(0,0,0, .15); } 
#sec_info .banner_control .control .progress-container .progress-bar .swiper-pagination-progressbar-fill { background: var(--color-point); } 
#sec_info .banner_control .control .progress-container .current-slide,
#sec_info .banner_control .control .progress-container .total-slide { font-size: var(--font-size-xxs); line-height: 1; font-weight: 800; } 

#sec_info .info_container > .infoItem .list_container { display: flex; flex-direction: column; gap: 1.5rem; height: 100%; } 
#sec_info .info_container > .infoItem .list_container .journalTop { position:relative; width: 100%;height: 4.5rem;background: var(--color-point);border-radius: var(--radius-md);display: flex;align-items: center;} 
#sec_info .info_container > .infoItem .list_container .journalTop .huImg { position: absolute; right: 2rem; bottom: 0; height: 5.8rem; z-index: 2; } 
#sec_info .info_container > .infoItem .list_container .journalTop .huImg > img { width: 5.25rem; height: 100%; object-fit: contain; } 
#sec_info .info_container > .infoItem .list_container .journalTop > .tit { display: flex; align-items: center; gap: var(--gap-xs); margin-left: var(--space-4); font-size: var(--font-size-md);font-weight: 700;color: #fff; } 
#sec_info .info_container > .infoItem .list_container .journal_con { position:relative; border: 1px solid var(--gray-line-1); flex: 1; border-radius: var(--radius-md); padding: 1rem; box-sizing: border-box; z-index: 10; } 
#sec_info .info_container > .infoItem .list_container .journal_con > .tt { font-size: var(--font-size-base); font-weight: 600; line-height: 1; padding-top: var(--space-2); margin-bottom: var(--space-2); } 
#sec_info .info_container > .infoItem .list_container .journal_list { height: 16rem; padding-right: .5rem; } 
#sec_info .info_container > .infoItem .list_container .journal_list > li { margin-bottom: var(--space-2); } 
#sec_info .info_container > .infoItem .list_container .journal_list > li:last-of-type { margin-bottom: 0; } 
#sec_info .info_container > .infoItem .list_container .journal_list > li > .inner { display: flex; width: 100%; gap: var(--gap-md); padding: .75rem 1rem; box-sizing: border-box; border-radius: var(--radius-sm); background: var(--color-gray-2); border: 2px solid transparent; transition: .3s ease; } 
#sec_info .info_container > .infoItem .list_container .journal_list > li > .inner:hover { border: 2px solid var(--color-point); } 
#sec_info .info_container > .infoItem .list_container .journal_list > li > .inner > .status { width: 3.25rem; display: flex; align-items: center; justify-content: center; } 
#sec_info .info_container > .infoItem .list_container .journal_list > li > .inner > .status > .con { display: flex; align-items: center; justify-content: center; width: 100%; height: 2rem; border-radius: var(--radius-sm); } 
#sec_info .info_container > .infoItem .list_container .journal_list > li > .inner > .status > .con.ty1 { background: var(--color-point); } 
#sec_info .info_container > .infoItem .list_container .journal_list > li > .inner > .status > .con .tt { font-size: var(--font-size-xxs); font-weight: 600; color: #fff; line-height: 1; } 
#sec_info .info_container > .infoItem .list_container .journal_list > li > .inner > .status > .con.ty2 { background: var(--color-point3); } 
#sec_info .info_container > .infoItem .list_container .journal_list > li > .inner > .status > .con.ty3 { background: var(--color-black-10); } 
#sec_info .info_container > .infoItem .list_container .journal_list > li > .inner > .info { flex: 1; } 
#sec_info .info_container > .infoItem .list_container .journal_list > li > .inner > .info > .tit { font-size: var(--font-size-sm-1); font-weight: 500; line-height: 1; } 
#sec_info .info_container > .infoItem .list_container .journal_list > li > .inner > .info > .date { font-size: var(--font-size-xxs); font-weight: 400; line-height: 1; margin-top: var(--space-1); } 
#sec_info .info_container > .infoItem .list_container .journal_list > li > .inner:hover > .info > .tit { text-decoration: underline; } 


/*footer*/
.main #footer { padding-left: var(--headQ);} 
#footer { background:#f1f1f1; padding-top: 4rem; padding-bottom: 2em;} 
#footer .footerWrapper { } 
#footer .footerWrapper .footerTop { display: flex; gap: 2rem; } 
#footer .footerWrapper .footerTop .leftInfo { width: 80%; display: flex; gap: 6em;} 
#footer .footerWrapper .footerTop .leftInfo > .logoCon { margin-bottom: 2.5rem; flex-shrink: 0;} 
#footer .footerWrapper .footerTop .leftInfo > .logoCon > img { height: 50px; object-fit: contain; /* filter: var(--crWhitefil); */ } 
#footer .footerWrapper .footerTop .leftInfo > .info { display: flex; gap: .5em 1.5em; flex-wrap: wrap; } 
#footer .footerWrapper .footerTop .leftInfo > .info > li { position: relative; font-size: var(--font-size-sm);/*  color: rgba(255,255,255, .6); */ } 
#footer .footerWrapper .footerTop .leftInfo > .info > li.br { flex: 1 1 100%; } 
#footer .footerWrapper .footerTop .rightInfo { width: 40%; display: flex; flex-direction: column; gap: 1.5rem; align-items: end; } 
#footer .footerWrapper .footerTop .rightInfo > .gnb { display: flex; gap: 4em; } 
#footer .footerWrapper .footerTop .rightInfo > .gnb > li { } 
#footer .footerWrapper .footerTop .rightInfo > .gnb > li > a.layer { display: none; } 
#footer .footerWrapper .footerTop .rightInfo > .gnb > li > a { margin-bottom: 1em; font-size: .938em; opacity: .8; font-weight: 600; text-align: left !important; } 
#footer .footerWrapper .footerTop .rightInfo > .gnb .dp2 { display: flex; flex-direction: column; gap: .5em; } 
#footer .footerWrapper .footerTop .rightInfo > .gnb .dp2 > li { } 
#footer .footerWrapper .footerTop .rightInfo > .gnb .dp2 > li > a { font-size: 1em; font-weight: 400; } 
#footer .footerWrapper .footerBtm { padding: 2rem 0; margin-top: 2rem; border-top: 1px solid rgba(0, 0, 0, 0.1); } 
#footer .footerWrapper .footerBtm .copyright { } 
#footer .footerWrapper .footerBtm .copyright > .tt { font-size: var(--font-size-xs); /* color: #fff; */ opacity: .6; font-weight: 400; text-transform: uppercase; } 

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

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

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

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

#footer .site_wrap.on .list { opacity:1; visibility:visible } 


/*contents*/
html:not(.scroll) #header:not(.gnbOpen) .top_wrap .logo > a img { filter: var(--crWhitefil); } 
html:not(.scroll) #header:not(.gnbOpen) .top_wrap { color: #fff; }  
html:not(.scroll) #header:not(.gnbOpen) .menu_wrap .menu > li > a { color: #fff; } 

.scroll #header,
.scroll #header.hover { background:#fff; box-shadow:0 0 1em rgba(0,0,0,.05); color: var(--color-black)} 
.scroll #header .logo > a img,
.scroll #header.hover .logo > a img { filter:none; } 
.scroll #header .wrap_in{ color: var(--color-black);}

#header.gnbOpen .lang_wrap .lang .lang_btn,
.scroll #header .lang_wrap .lang .lang_btn{border: 1px solid var(--gray-line);}
.scroll #header .lang_wrap.on .drop{ box-shadow: .3rem .3rem .5rem rgba(0, 0, 0, .05); }
.scroll #header .lang_wrap .lang .drop > li > a{ background: #fff;}
.scroll #header .lang_wrap .lang .drop > li > a:hover{ background: var(--color-point); color: #fff;}
.scroll #header .lang_wrap .lang .drop > li{ border-top: 1px solid var(--gray-line-1);}
.scroll #header .lang_wrap .lang .drop > li:first-of-type{ border-top: none;}

.dp1_member:not(.scroll) #header .lang_wrap .lang .drop > li > a{ background: #fff;}
.dp1_member:not(.scroll) #header .lang_wrap .lang .drop > li > a:hover{ background: var(--color-point); color: #fff;}
.dp1_member #header .lang_wrap .lang .lang_btn{ border: 1px solid var(--gray-line);}
.dp1_member:not(.scroll) #header .lang_wrap.on .drop{ }
.dp1_member:not(.scroll) #header .lang_wrap .lang .drop > li{ border-top: 1px solid var(--gray-line-1);}
.dp1_member:not(.scroll) #header .lang_wrap .lang .drop > li:first-of-type{ border-top: none;}

.dp1_member:not(.scroll) #header:not(.gnbOpen) .top_wrap .logo > a img{ filter: none;}
.dp1_member:not(.scroll) #header:not(.gnbOpen) .top_wrap{ color: var(--color-black);}
.dp1_member:not(.scroll) #header{ background: #fff; box-shadow:0 0 1em rgba(0,0,0,.05);}
.dp1_member:not(.scroll) #header .wrap_in{ color: var(--color-black);}
.dp1_member:not(.scroll) #header .lang_wrap .lang .lang_btn{ border: 1px solid var(--gray-line-1);}

/*contents*/
#contents { } 
#contents .sub_page_top { position:relative; height:22rem; } 
#contents .sub_page_top > .inner { position:relative; height:100%; } 
#contents .sub_page_bg { position:absolute; top:0; left:0; width:100%; height:100%; } 
#contents .sub_page_bg > .bg { position:absolute; top:0; right:0; width:calc(100% + 2vw); height:100%; transition:3s; } 
#contents .sub_page_bg > .bg:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(0,rgba(0,0,0,.7),rgba(0,0,0,.3)); } 
.load #contents .sub_page_bg > .bg { right:-1vw; } 
#contents .sub_page_tit { flex:1; z-index:9; } 
#contents .sub_page_tit .sub_tit_wrap { overflow:hidden; } 
#contents .sub_page_tit .tit_inner { text-align: center; position: absolute; top: 55%; transform: translate(-50%, -50%); z-index: 2; left: 50%; } 
#contents .sub_page_tit .wrap_tit { color:#fff; } 
#contents .sub_page_tit .wrap_tit .tt { display:block; } 
#contents .sub_page_tit .wrap_tit .sub_txt .tt { font-size:3.250em; opacity:.25; } 
#contents .sub_page_tit .wrap_tit .sub_tit .tt { font-size: var(--font-size-xxl); font-weight: 600; } 

#contents .sub_page_menu { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); text-align:center; background: var(--color-bg-2); } 
#contents .sub_page_menu .menu_wrap { max-width:100%; } 
#contents .sub_page_menu .gnb { display:block; } 
#contents .sub_page_menu .wrapH { height:4rem; text-align: left; margin-right:-1px; } 
#contents .sub_page_menu .home { position:relative; } 
#contents .sub_page_menu .home .in { display: flex; align-items: center; justify-content: center; background:var(--color-point); border-color:var(--color-point); width:4rem; transition:.2s; } 
#contents .sub_page_menu .home .in .xi { font-size: var(--font-size-md); color: #fff; } 
#contents .sub_page_menu .drop_menu { position:relative; } 
#contents .sub_page_menu .drop_menu .drop_tit { border-right: 1px solid var(--gray-line-1); gap:0 2rem; padding:0 .875em 0 1em; min-width:18em; transition:.2s; } 
#contents .sub_page_menu .drop_menu .drop_tit .tt { font-size: var(--font-size-sm); } 
#contents .sub_page_menu .drop_menu .drop_tit .arrow { transition:.2s; } 
#contents .sub_page_menu .drop_menu .drop_tit .arrow:before { content:"\e942"; } 
#contents .sub_page_menu .drop_menu ul { display:block; } 
#contents .sub_page_menu .drop_menu .gnb { position:absolute; text-align: left; top:100%; left:0; padding: 1.5rem 1rem; width:100%; background: #fff; box-sizing: border-box; border: 1px solid var(--color-black); border-top: none; display:none; } 
#contents .sub_page_menu .drop_menu .gnb a.flex { display:block; text-align:left !important; } 
#contents .sub_page_menu .drop_menu .gnb li { border-bottom: 1px solid var(--gray-line-1) } 
#contents .sub_page_menu .drop_menu .gnb li:first-of-type { border-top: 1px solid var(--gray-line-1); } 
#contents .sub_page_menu .drop_menu .gnb li > a { width: 100%; padding:.625rem 1rem; box-sizing: border-box; font-weight:400; transition:.2s; } 
#contents .sub_page_menu .drop_menu .gnb li > a .tt { font-size: var(--font-size-xs); } 
#contents .sub_page_menu .drop_menu .gnb li > a:hover { background: var(--color-gray-2); } 
#contents .sub_page_menu .drop_menu .gnb li.act > a,
#contents .sub_page_menu .drop_menu .gnb li.on > a { color: var(--color-point); background: var(--color-gray-2); } 
#contents .sub_page_menu .drop_menu .gnb li.on > a { font-weight:600; } 
#contents .sub_page_menu .home:hover,
#contents .sub_page_menu .drop_menu:hover,
#contents .sub_page_menu .drop_menu.on { z-index:2; } 
#contents .sub_page_menu .drop_menu:hover .drop_tit { background:var(--color-black); color: #fff; } 
#contents .sub_page_menu .drop_menu.on .drop_tit { background:var(--color-black); color: #fff; } 
#contents .sub_page_menu .drop_menu.on .drop_tit .arrow { transform:rotate(-180deg); } 
#contents .sub_page_menu .drop_menu.on .gnb { display:block; } 

#contents .sub_page_menu .menu .gnb { position:relative; } 
#contents .sub_page_menu .menu .gnb:before { content:""; position:absolute; left:0; top:50%; width:1px; height:1.25em; background:#fff; opacity:.2; transform:translateY(-50%); } 
#contents .sub_page_menu .menu .gnb .dp2 { } 
#contents .sub_page_menu .menu .gnb .dp2 > li { } 
#contents .sub_page_menu .menu .gnb .dp2 > li > a { position:relative; padding:1em 3.5em; min-width:14em; color:rgba(255,255,255,.6); border-color:rgba(255,255,255,.3); } 
#contents .sub_page_menu .menu .gnb .dp2 > li > a .tt { font-size:1.250em; font-weight:600; } 
#contents .sub_page_menu .menu .gnb .dp2 > li > a .in { position:relative; padding:0 .5em; } 
#contents .sub_page_menu .menu .gnb .dp2 > li > a:after { content:""; position:absolute; left:0; bottom:-3px; width:100%; height:3px; background:var(--color-point3); transform:scaleX(0); transition:transform .3s; } 
#contents .sub_page_menu .menu .gnb .dp2 > li.act > a,
#contents .sub_page_menu .menu .gnb .dp2 > li.on > a { color:#fff; } 
#contents .sub_page_menu .menu .gnb .dp2 > li.act > a:after,
#contents .sub_page_menu .menu .gnb .dp2 > li.on > a:after { transform:scaleX(1); } 
#contents .sub_page_menu .menu .gnb .dp3 { display:none; } 

#contents .sub_page_con { padding-top: var(--space-4); } 
#contents .sub_page_con .con_tit { gap:.625rem; } 
#contents .sub_page_con .con_tit .tt { width:auto; } 
#contents .sub_page_con .con_tit .t1 { font-size: var(--font-size-xl-1); font-weight:600; } 
#contents .sub_page_con .con_tit .t2 { font-size: var(--font-size-md-1); font-weight:500; opacity:.8; } 

#contents .doc { padding:2.5rem 0 6rem; } 
#contents .doc.bg1{background: linear-gradient(to top, #DAE1EF, #fff);}
#contents .doc.bg2{position: relative;}
#contents .doc.bg2::before{position: absolute; content: ''; left: 0; top: 0; background-image: url(../images/sub/introduce_bgimg.jpg); background-position-y: 28%; width: 100%; height: 100%; z-index: -1; background-repeat: no-repeat; opacity: 0.6; transform: scaleX(-1);}
.dp1_member #contents .doc{ padding: 8rem 0 6rem;}

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

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

.page_tit { margin-bottom: var(--space-6); } 
.page_tit .tt { font-size: var(--font-size-base); line-height: var(--line-height-normal); } 
.page_tit .t1 { font-size: var(--font-size-lg-2); line-height: 1.4; font-weight: 700; } 
.page_tit .t2 { font-size: var(--font-size-lg); } 
.page_tit .t3 { font-size: var(--font-size-base); font-weight: 600; color: var(--color-point2); } 
.page_tit .t4 { font-size: var(--font-size-md-1); } 
.page_tit .t5 { font-size: var(--font-size-lg-2); } 
.page_tit .t6 { font-size: var(--font-size-lg-1); } 
.page_tit .dot { padding-left: 1rem; position: relative; line-height: var(--line-height-normal); } 
.page_tit .dot::before { content: ''; position: absolute; width: 5px; height: 70%; left: 0; top: 50%; transform: translateY(-48%); background: var(--color-point3); } 
.page_tit .dot.st2 { padding-left: 1.7rem; } 
.page_tit .dot.st2::before { position: absolute; font-size: 1.45rem; left: 0px; top: -2px; color: var(--color-point); content: '\e92d'; font-family: 'xeicon'; background: none; height: auto; transform: translateY(0); } 
.page_tit .dot.st3 { padding-left: 1.9rem; } 
.page_tit .dot.st3::before { position: absolute; font-size: 1.45rem; left: 0px; top: -2px; color: var(--color-point); content: '\e933'; font-family: 'xeicon'; background: none; height: auto; transform: translate(0.7rem, -.6rem) rotate(90deg); } 
.page_tit .small { font-size: var(--font-size-md-1); color: var(--color-black-7); font-weight: 600; } 

.page_tit.dot1{margin-bottom:.8rem; padding-left: 2.2rem; display: inline-block; font-weight: 600;  color:#111; position: relative;}
.page_tit.dot1::before{content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%) rotate(136deg); width: 10px; height: 10px; border: 6px solid #dfe5f3; background: var(--color-point); border-radius: 15%; transform-origin: 50% 50%;}


.dotList { } 
.dotList > li { position: relative; padding-left: 1rem; font-size: var(--font-size-sm); margin-bottom: .5rem; line-height: var(--line-height-normal); } 
.dotList.s1 > li { font-size: var(--font-size-base); } 
.dotList > li:before { position: absolute; top: 12px; left: 0; width: 6px; height: 1px; background: var(--color-black-4); content: ''; } 
.dotList.dot2 > li:before { position: absolute; left: 0; width: 5px; height: 5px; border-radius: 100px; background: var(--color-black-6); content: ''; } 
.dotList.dot2.s2 > li:before { top: 8px; } 
.dotList > li:last-of-type { margin-bottom: 0; } 
.dotList.s1 > li { font-size: var(--font-size-base); } 
.dotList.c1 > li { color: var(--color-black-6); } 

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


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

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

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

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

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

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

.fin_box { background:var(--color-gray-1); border-radius: var(--radius-sm); padding:3rem; text-align:center; word-break:keep-all; } 
.fin_box .fin { display:inline-flex; align-items:center; gap:1rem; margin:.5rem 0; } 
.fin_box .fin * { line-height:normal !important; } 
.fin_box .xIco { margin-bottom:1em; color: var(--color-point); } 
.fin_box .xIco .xi { font-size:1.750rem; } 
.fin_box .tit { font-size:1.75rem; font-weight:600; margin-bottom: var(--space-1); } 
.fin_box .tit.s1 { font-size:1.375rem } 
.fin_box .tt1 { line-height:1.5; font-size: var(--font-size-base); color: var(--color-black-6); } 
.fin_box .tt2 { font-size:1.250em; font-weight:500; } 
.fin_box .tt_point { font-size:1.750rem; color:var(--color-point3); font-weight:700; } 
.fin_box .tt_no { display:inline-flex; align-items:center; gap:1rem; margin-top:1rem; height:3rem; padding:0 2em; background:var(--color-point3); border-radius:6em; color:#fff; } 
.fin_box .tt_no .no { font-size:1.250rem; font-weight:600; } 
.fin_box .fs:not(:last-child):after { content:"," } 
.fin_box .finTop { margin-bottom: var(--space-4); } 

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

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

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

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

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

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



/* new */
.join_choice {padding: 0em 0 1em; border-bottom: 1px dashed #bbb; gap: .5em; align-items: stretch !important;}
.join_choice .in {display: block; width: 50%; text-align: center; border: 1px solid #ddd; padding: 1em; font-size: 1.05em; font-weight: 500; cursor: pointer; background: #fff; border-radius: .5em;}
.join_choice .in:hover {background: #ebebf3; }
.join_choice .in .xi {display: block; border: 1px solid #ddd; background: #fff; width: 2em; height: 2em; line-height: 2em; border-radius: 50%; margin: 0 auto; margin-bottom: .5em; color: var(--color-point);}
.join_choice .in:nth-child(2) .xi::before{content: "\eb66";}
.join_choice .in:nth-child(3) .xi::before{content: "\eb99";}
.join_choice .in:nth-child(4) .xi::before{content: "\eb3e";}
.join_choice .in.on{ box-shadow: 0px 0px 10px rgba(17, 17, 17, 0.122); border: 1px solid var(--color-point);}
.join_choice span{font-size: var(--font-size-sm-1);}

/* 연회비 안내 */
.pageWrapper { } 
.pageWrapper .page_con { padding-bottom: 4rem; } 
.pageWrapper .page_con:last-of-type { padding-bottom: 0; } 
.pageWrapper .page_con.pdT { padding-top: 4rem; } 

.topWideImg { position:relative; display: flex; width: 100%; margin-top: 2rem; border-radius: .5rem; overflow: hidden; height: 20rem; padding: 2.5rem 5rem; box-sizing: border-box; } 
.topWideImg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .15); content: ''; } 
.topWideImg .inner { position:relative; display: flex; justify-content: center; text-align: center; width: 100%; align-items: center; z-index: 2; } 
.topWideImg .inner .leftT { } 
.topWideImg .inner .leftT > .tt { font-size: var(--font-size-lg); font-weight: 500; color: #fff; font-family: var(--fSerif); } 
.topWideImg .inner .leftT > .tx { font-size: var(--font-size-lg); font-weight: 500; color: #fff; font-family: var(--fSerif); } 
.topWideImg .inner .rightT > .tt { font-size: var(--font-size-lg-2); font-weight: 500; color: #fffde5; font-family: var(--fSerif); line-height: 1; text-align: right; } 

.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:before { position: absolute; top: -1px; left: 0; width: 7rem; height: 3px; background: var(--color-point); content: ''; } 

.infoContainer .infoWrap .titCon { width: 23%; } 
.infoContainer .infoWrap .titCon > .tit { font-size: var(--font-size-md); 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: var(--font-size-sm); 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: var(--font-size-sm); 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: var(--font-size-md-1); color: var(--color-point); } 
.checkList > li > .con > .tt { position: relative; top: .15rem; font-size: var(--font-size-sm); } 

.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: var(--font-size-sm); font-weight: 500;}
.iconList li .txt_wrap .tt{ font-size: var(--font-size-sm); color: var(--color-point); margin-top: .3rem; font-weight: 700;}
.iconList li .img_wrap{}
.iconList li .img_wrap img{height: 4rem;}

.dotList { }
.dotList > li { position: relative; padding-left: 1rem; font-size: var(--font-size-sm); margin-bottom: .5rem; line-height: var(--line-height-normal); }
.dotList > li:before { position: absolute; top: 12px; left: 0; width: 6px; height: 1px; background: var(--color-black-4); content: ''; }
.dotList > li.tit { font-size: var(--font-size-base); font-weight: 700; color: var(--color-point3); margin-bottom: 0.2rem; }
.dotList > li.tit:before { top: 11px; width: 6px; height: 6px; background: var(--color-black-4); content: ''; }
.dotList > li:last-of-type { margin-bottom: 0; }
.dotList.s1 > li { font-size: var(--font-size-base); }
.dotList.s2 > li { font-size: var(--font-size-md); }
.dotList.s2 > li:before { top: 15px; }
.dotList.c1 > li { color: var(--color-black-6); }
.dotList.st1 > li:not(.tit) { padding-left: 2rem; }
.dotList.st1 > li:not(.tit)::before { left: 1.2rem; }

.mainMore2 { display:flex; align-items:center; gap:1rem; color: var(--color-point); padding:0 2rem; height:3.25rem; border-radius:3rem; box-sizing:border-box; display:flex; align-items:center; border:2px solid var(--color-point); color:var(--color-point); transition:.3s ; background: #fff;} 
.mainMore2 .t1 { font-weight:700; position:relative; display:flex; gap:1rem; align-items:center; font-size:var(--font-size-sm) } 
.mainMore2 .t1:after { content:"\e907"; font-family:xeicon; transition:.3s } 
.mainMore2:hover { background:var(--color-point); 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:var(--font-size-base) } 

/* 학회지 */
.journal_top {gap: 3em; background: #f4f4f4; padding: 2em 3em; margin-bottom: 3em;}
.journal_top .journal_img {width: 12%;}
.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(--color-point); 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: var(--font-size-md); font-weight: 600; margin-bottom: var(--space-2);}
.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 {}


.search_list > li .wrap_in{padding: 1.8rem 1.25rem; border-bottom:1px dashed #ddd; display: flex; align-items: center !important; justify-content: space-between;}
.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:.5rem; width: 83%;}
.search_list > li .wrap_in .wrap_btn {display:flex; flex-direction:column; gap:.5rem;}
.search_list > li .wrap_in .t1{ color:var(--color-point)}
.search_list > li .wrap_in .t2{ font-size: var(--font-size-base); font-weight:500}
.search_list > li .wrap_in .t3{ color:#666}
.search_list > li .wrap_in a:hover,
.search_list > li .wrap_in a:focus,
.search_list > li .wrap_in a:hover *,
.search_list > li .wrap_in a:focus *{ text-decoration:underline}
.search_list > li .wrap_in .point{ vertical-align:top; font-weight:500; color:#F00}

.introduceWrapper .board_search_wrap{margin-bottom: var(--space-4);}

/* 인사말 */
.descList{}
.descList > li{ font-size: var(--font-size-base); line-height: var(--line-height-normal); color: var(--color-black-6); margin-bottom: var(--space-4);}
.descList > li:last-of-type{ margin-bottom: 0;}
.greeting_container{ display: flex; gap: 6rem;}
.greeting_container .infoCon{ width: 55%;}
.greeting_container .infoCon .tit{ font-size: var(--font-size-xl-1); font-weight: 600; line-height: 1.3; color: var(--color-point); margin-bottom: var(--space-4);}
.greeting_container .infoCon .ceo{display: flex; align-items: flex-end; justify-content: flex-end; font-weight: 500; letter-spacing: 0.02rem;}
.greeting_container .infoCon .ceo .name{margin-left: var(--space-5); margin-right: var(--space-3); font-size: var(--font-size-lg-1); line-height: 1.2; font-weight: 600; color: var(--color-black);}
.greeting_container .infoCon .descList{text-align: justify;}
.greeting_container .imgCon{ width: 45%; height: 40rem; border-radius: var(--radius-md); overflow: hidden; margin-top: var(--space-5); position: sticky; top: 7rem;}
.greeting_container .imgCon > img { width: 100%; height: 100%; object-fit: cover;}

/* 정관 */
.society .sub_p_tit > .t2{ padding-top:10px;}
.society .tbox .tt{ position:relative;}
.society .tbox .tt .st{ font-size:var(--font-size-base); position:absolute; bottom:-9px; right:0; color:#666;}
.society .t_nav{ margin-bottom:var(--space-6);}
.society .t_nav ul{ gap:.5rem;/* margin-left:-15px; */}
.society .t_nav ul li { width:calc( ( 100% - 1.5em) / 4)}
.society .t_nav ul li .inner { text-align: center; color: var(--color-point); font-weight: 700; transition: all .3s; padding: 1rem; background: var(--color-bg-2); border-radius: var(--radius-sm); font-size: var(--font-size-base);}
.society .t_nav ul li .inner:hover { border-color:var(--color-point); background: var(--color-point); color:#fff}
.society .page_pd{ margin-bottom:var(--space-6);}

.sub_p_tit{  margin-top:4rem}
.sub_p_tit:first-child{ margin-top:0}
.sub_p_tit > .t2{ font-size:var(--font-size-md); color:#222; letter-spacing:-2px; word-spacing:2px;}

.tbox .tw .s_num{ padding-left: 1rem;}
.tbox .tw .rule_org{ display: inline-block; padding:1em 1em 2em; }
.tbox .tw .rule_org img{  } 
.tbox{ box-sizing:border-box; padding:2em; position:relative; border: 16px solid #f1f1f1; }
.tbox strong{ color:#000; font-size:var(--font-size-base);}
.tbox .tt{ font-size:var(--font-size-md); color:#000;}
.tbox .tw{ margin-bottom:24px; line-height:1.7; color: #555;}
.tbox.fst_01{ font-size:1.068em;}

.keywordList{ gap:1em;}
.keywordList > li > a:before{ content: "#"; margin-right: .2em; font-weight: 600;}
.keywordList > li > a:hover,
.keywordList > li > a:focus{ text-decoration:underline}

/* 프로그램 일정 */
.calendartop{gap: var(--space-6); }
.calendartop .scheduleList .el .in{padding: 2rem 1.5rem; box-sizing: border-box; border: 1px solid #ddd; border-top: 4px solid #ccc; background: #fff; /* height: 37rem; */}

#schedule{width: 36%;}
.sche_day{padding: 0 .7rem;}
.sche_day .txt{ background: #6a7081; color: #fff; border-radius: var(--radius-sm); padding: 0.2rem .5rem; display: inline-block; font-size: var(--font-size-sm);}
.sche_day .date{ color: #555;}
.sche_day .tit{margin-bottom: var(--space-2); font-size: var(--font-size-md-1);}
.sche_day .tit a:hover{text-decoration: underline;}

.sche_day + .sche_day{border-top: 1px dashed #ccc; margin-top: 1.5rem; padding-top: 1.5rem;}

.calendarBox{ flex: 1;}

button.fc-month-button{position: relative; }
button.fc-month-button:hover::after{opacity: 1;}
button.fc-month-button::after{opacity: 0; transition: 0.1s ease-in-out; position: absolute; content: '달력으로 보기'; left: 50%; top: -3rem; background: #fff; padding: 0.5rem 1rem; box-sizing: border-box; color: #333; font-size: var(--font-size-sm); border: 1px solid #ddd; transform: translateX(-50%);}

button.fc-listMonth-button{position: relative; }
button.fc-listMonth-button:hover::after{opacity: 1;}
button.fc-listMonth-button::after{opacity: 0; transition: 0.1s ease-in-out; position: absolute; content: '목록으로 보기'; left: 50%; top: -3rem; background: #fff; padding: 0.5rem 1rem; box-sizing: border-box; color: #333; font-size: var(--font-size-sm); border: 1px solid #ddd; transform: translateX(-50%);}

button.fc-today-button{position: relative;}
button.fc-today-button:hover::after{opacity: 1;}
button.fc-today-button::after{opacity: 0; transition: 0.1s ease-in-out; position: absolute; content: '현재 월 표시'; left: 50%; top: -3rem; background: #fff; padding: 0.5rem 1rem; box-sizing: border-box; color: #333; font-size: var(--font-size-sm); border: 1px solid #ddd; transform: translateX(-50%);}


.scheduleList_control{}
.scheduleList_control .swiperBtn{border: 1px solid #ddd; border-radius: 100px; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgb(240, 240, 240) 100%);}
.scheduleList_control .swiperBtn:hover{color: #111;}
.scheduleList_control .swiperBtn.prev:before{font-size: var(--font-size-md-1);}
.scheduleList_control .swiperBtn.next:before{font-size: var(--font-size-md-1);}


/* 마이페이지 */
.page_col{ gap:2em 6em;}
.page_col.gp1{ gap:2em 2em;}
.page_col > li{}
.page_col > li.w1{ width:45%;}
.page_col > li.w2{ width:13.75em;}
.page_col > li.w3{ width:26em;}
.page_col > li.w4{ width:18em;}
.page_col + .page_col{ margin-top:8em;}
.page_col > li .p1{ padding:4em 0 5em 0;}
.page_col > li .p2{ padding:1.5em 0 2em 0;}
.page_col > li .round{ border-radius:2em; overflow:hidden;}
.page_col > li .round.st1{ border-radius:1em 6em 1em 6em;}
.page_col > li .round.st2{ border-radius:6em 1em 6em 1em;}
.page_col > li .wrap_img:not(.resize){ position:relative; height:100%;}
.page_col > li.inImg img{ width:100%;}

.memo_box{padding: 1.5em 2em;border-radius: .5em;background: #f8f8f8;}

/* 학술지 소개 */
.introduce_Wrapper{display: flex; gap: 2.5rem; justify-content: space-between; align-items: center; margin-top: 2rem;}
.introduce_Wrapper .imgWrap,
.introduce_Wrapper .txtWrap{ flex: 1; }
.introduce_Wrapper .imgWrap{position: relative;}
.introduce_Wrapper .txtWrap .t1{ font-size: var(--font-size-lg-2); font-weight: 600; margin-bottom: var(--space-4);}
.introduce_Wrapper .txtWrap .tt{ font-size: var(--font-size-base); line-height: var(--line-height-normal); margin-bottom: var(--space-3);}

/* .introduce_Wrapper .imgWrap::before{position: absolute; content: ''; left: -1.5rem; top: -1.5rem; border: 2px dashed #204fcb; z-index: -1; width: 20.3vw; height: 20.3vw; border-radius: var(--radius-base); } */

/* 학술대회 안내 */
.care_wrap { display: flex; flex-direction: column; gap: 4em; } 
.care_wrap .careBox { display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 6rem;} 
.care_wrap .careBox .careT{ width: 50%;}
.care_wrap .careBox .careT.mb {  } 
.care_wrap .careBox .careT > .tit { font-size: var(--font-size-lg); font-weight: 700; margin-bottom: 1rem; color: var(--color-point); } 
.care_wrap .careBox .careT > .txt { font-size: var(--font-size-base); line-height: var(--line-height-loose); word-break: keep-all; color: #333; margin-bottom: 1rem; text-align: justify;} 
.care_wrap .careBox .careT > .txt:last-child{margin-bottom: 0;}
.care_wrap .careBox .careT > .txt b{display: inline;}
.care_wrap .careBox .careImg { width: 50%; height: 36vw; overflow: hidden; border-radius: var(--radius-md);} 
.care_wrap .careBox .careImg.h2 {  height: 18vw; } 
.care_wrap .careBox .careImg > img { width: 100%; height: 100%; object-fit: cover; } 
.story_wrap .page_txt > .txt{ font-size: var(--font-size-base); line-height: 1.6; word-break: keep-all; color: #333; }
.story_wrap .page_txt > .txt ~ .txt{margin-top: 1rem;}
.story_wrap .page_txt .txt .big{ font-size: var(--font-size-md-1);}
.story_wrap .page_txt .ceo{ margin-top: 2rem; font-size: var(--font-size-md);}
.story_wrap .page_txt .ceo .name{ font-size: var(--font-size-md); margin-left: 0.2rem; color: var(--color-point);}
.story_wrap .img_list ul li .img_wrap{height: 18rem; width: 100%;}
.story_wrap .img_list ul li .img_wrap img{width: 100%; height: 100%; object-fit: cover;}

/* 조직위원회 */
.committeeCon + .committeeCon{margin-top: var(--space-7);}

.committeeList{ display: flex; flex-wrap: wrap; gap: 3rem 2rem;}
.committeeList > li{ flex: 1 1 48%; max-width: 48%;}
.committeeList > li .in{padding: 2rem; box-sizing: border-box; border: 1px solid #ddd; border-top: 4px solid var(--color-point);}
.committeeList > li .in .name{display: flex; align-items: end; gap: .8rem; margin: 0 0.5rem var(--space-2);}
.committeeList > li .in .t1{font-size: var(--font-size-md); font-weight: 600;}
.committeeList > li .in .t2{font-size: var(--font-size-sm); color: var(--color-black-7); line-height: 1.6;}
.committeeList > li .in .dotList{background: var(--color-bg-2); padding: 1.5rem;}
.committeeList > li .in .dotList > li{display: flex; align-items: center; font-size: var(--font-size-sm);}
.committeeList > li .in .dotList > li .xi{ background: #fff; width: 2.2rem; height: 2.2rem; line-height: 2.2rem; border-radius: 100px; text-align: center; margin-right: .6rem; color: var(--color-point); box-shadow: 0 0 10px rgba(6, 23, 97, 0.07);}
.committeeList > li .in .dotList > li span{margin-right: .6rem; font-weight: 600;}
.committeeList > li .in .dotList > li:before{top: 15px;}
.committeeList > li .in .dotList > li .mail_link:hover{text-decoration: underline; font-weight: 500;}