@charset "utf-8"; /* CSS Document */
html,
body { overflow-x: hidden; } 
.box0 { padding: 0 10vw; margin: 0 auto; } 
.box1 { width: var(--baseWidth); margin: 0 auto; max-width: var(--fullWidth); } 
.box1.st2 { width: var(--baseWidth); margin: 0 auto; max-width: var(--pageW); } 
.box1.st3 { width: var(--subWidth); margin: 0 auto; max-width: var(--pageW); } 
.box2 { width: var(--smallWidth); margin: 0 auto; max-width: var(--fullWidth); } 
.box3 { width: var(--subWidth); margin: 0 auto; max-width: var(--fullWidth); } 
.box3.st2 { width: var(--subWidth2); margin: 0 auto; max-width: var(--fullWidth); } 
.boxSub { width: var(--subWidth3); margin: 0 auto; max-width: var(--fullWidth); } 

html.allGnbOn [data-lenis-scroll] { pointer-events: none; touch-action: none; } 

.headerL { padding-right: var(--headerQ) } 
.headerT { padding-top: var(--headerQ); } 
.headerH { height: 5.5em } 

.ddfont{font-family: var(--fontPop) !important;}
.snfont{font-family: var(--fontBase) !important;}


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

.hideT { position: absolute; z-index: -1; display: inline-block; overflow: hidden; height: 1px; width: 1px; border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); word-break: initial; word-wrap: initial; } 
.hideT.close { display: none } 

.gnb li.m_hide { display: none !important } 
.gnb .layer { display: none !important; } 
.gnb .blank .arrow:before { content: "\e980"; } 

.sns_st { display: flex; align-items: center; gap: .25em } 
.sns_st > li > a { width: 2.5em; height: 2.5em; background: #f1f1f1; display: flex; align-items: center; justify-content: center; border-radius: 50% } 
.sns_st > li > a .xi,
.sns_st > li > a img { opacity: .5 } 
.sns_st > li > a .xi { font-size: 1.25em } 
.sns_st > li > a img { height: 40% } 
.sns_st > li > a:hover { color: #fff; transition: .3s } 
.sns_st > li > a:hover .xi,
.sns_st > li > a:hover img { opacity: 1 } 
.sns_st > li > a:hover img { filter: brightness(0) invert(1) } 
.sns_st > li > a:hover.fb { background: #395398 } 
.sns_st > li > a:hover.in { background: #a9309d } 
.sns_st > li > a:hover.yt { background: #f70000 } 
.sns_st > li > a:hover.tt { background: #111 } 
.sns_st > li > a:hover.nb { background: #29a139 } 

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


.fullH { height: calc(100vh); box-sizing: border-box; } 
.fullMH { min-height: calc(100vh) !important; box-sizing: border-box; } 

.filW { filter: var(--crWhitefil); } 
/*화이트*/
.filB { filter: var(--crBlackfil); } 
/*블랙*/
.filRE { filter: var(--crfilRE); } 
/*색상반전*/

/*header*/

#headerQ { position: fixed; right: 0; top: 10px; height: 5em; z-index: 1001; display: flex; width: 100px; transition: 0.2s } 
#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: 100px; height: 100%; display: flex; align-items: center; flex-direction: column; gap: 2em 0; box-sizing: border-box; position: relative; transition: background-color .5s; } 
#headerQ .fix_wrap:before { content: ""; position: absolute; width: 0px; height: 100%; top: 10px; left: 0; background: rgba(0, 0, 0, .05) } 
#headerQ .allBtn_wrap { display: flex; align-items: center; justify-content: center; width: 100%; height: 5em; } 

.etc_wrap { display: flex; align-items: center; gap: 1em; height: var(--headHM); } 
.etc_wrap .labor_link { } 
.etc_wrap .labor_link .Alink { position: relative; padding: .5em 1em; background: var(--siteC); 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; color: #111; } 


#headerQ .allBtn_wrap { } 
#headerQ .allBtn_wrap .all { } 
#headerQ .allBtn_wrap .allBtn { position: relative; width: 24px; height: 24px; margin: 0px auto 0; } 
#headerQ .allBtn_wrap .allBtn .square_container { display: block; width: 100%; height: 100%; } 
#headerQ .allBtn_wrap .allBtn .square_container .square { display: block; position: absolute; width: 6px; height: 6px; background: #000; transition: all .25s ease; } 

#headerQ .allBtn_wrap .allBtn .square_container .square:nth-child(n+1):nth-child(-n+3) { top: 0; } 
#headerQ .allBtn_wrap .allBtn .square_container .square:nth-child(n+4):nth-child(-n+6) { top: 9px; } 
#headerQ .allBtn_wrap .allBtn .square_container .square:nth-child(n+7):nth-child(-n+9) { bottom: 0; } 
#headerQ .allBtn_wrap .allBtn .square_container .square:nth-child(3n) { right: 0; } 
#headerQ .allBtn_wrap .allBtn .square_container .square:nth-child(2),
#headerQ .allBtn_wrap .allBtn .square_container .square:nth-child(5),
#headerQ .allBtn_wrap .allBtn .square_container .square:nth-child(7) { left: 9px; } 

#headerQ.allOn .allBtn_wrap .allBtn .square_container { z-index: 99; } 
#headerQ.allOn .allBtn_wrap .allBtn .square_container .square { background: #fff; } 
#headerQ.allOn .allBtn_wrap .allBtn .square_container .square:nth-child(2) { top: 9px !important; } 
#headerQ.allOn .allBtn_wrap .allBtn .square_container .square:nth-child(4) { left: 9px !important; } 
#headerQ.allOn .allBtn_wrap .allBtn .square_container .square:nth-child(6) { right: 9px !important; } 
#headerQ.allOn .allBtn_wrap .allBtn .square_container .square:nth-child(7) { bottom: 9px !important; } 

#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 { display: flex; padding-top: var(--headHS); width: 100vw; height: 100vh; background: #fff; position: absolute; right: 0vw; top: 0; visibility: hidden; transition: .5s; } 
#headerQ .all_wrap .wrap_container { display: flex; width: 100%; } 
#headerQ .all_wrap .crHead { position: absolute; top: -10px; left: 0; width: 100%; height: calc(var(--headHS) + 10px); background: #fff; z-index: 99; transition: .5s; } 
#headerQ .all_wrap .bg { position: relative; width: 35%; transition: .3s; } 
#headerQ .all_wrap .bg .img { margin-top: 10vh; opacity: .1; filter: brightness(0) invert(1); width: 20vw } 
#headerQ .all_wrap .bg .bgImg { position: relative; width: 100%; height: 100%; transform: translateX(5em); opacity: 0; transition: .5s; } 
#headerQ .all_wrap .bg .bgImg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); content: ''; } 
#headerQ .all_wrap .bg .bgImg > img { width: 100%; height: 100%; object-fit: cover; } 
#headerQ .all_wrap .wrap_in { position: relative; justify-content: center; opacity: 0; box-sizing: border-box; width: 65%; height: 100vh; display: flex; transition: .5s; } 
#headerQ .all_wrap .wrap_in > .in { padding: 3em 6em 9em 6em; box-sizing: border-box; } 

#headerQ .all_wrap .wrap_in .all_top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2.5em; } 
#headerQ .all_wrap .wrap_in .all_header { } 
#headerQ .all_wrap .wrap_in .all_header .all_logo img { width: 12em; } 
#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_menu_wrap .telCon { display: flex; justify-content: end; margin-top: .75em; } 
#headerQ .all_wrap .wrap_in .all_menu_wrap .telCon > .tt { font-size: 1.125em; font-weight: 600; padding: .8em 1.5em; box-sizing: border-box; border-radius: 100px; background: var(--siteC2); color: #fff; } 
#headerQ .all_wrap .wrap_in .all_menu_wrap .telCon > .tt .dataLink { vertical-align: baseline; } 

#headerQ .all_wrap .wrap_in .all_top .all_mem { gap: .5em; } 
#headerQ .all_wrap .wrap_in .all_top .all_mem .link { display: inline-flex; background: #f5f5f5; 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(--siteC); border-color: var(--siteC); color: #fff; } 

#headerQ .all_wrap .wrap_in .gnb { flex-wrap: wrap; } 
#headerQ .all_wrap .wrap_in .gnb > li { flex: 1 1 100%; align-items: center; display: flex; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid rgba(0, 0, 0, .1); font-family: var(--fontPop); } 
#headerQ .all_wrap .wrap_in .gnb > li:first-of-type { border-top: 1px solid rgba(255, 255, 255, .2); } 
#headerQ .all_wrap .wrap_in .gnb > li:last-of-type { margin-bottom: 0em; padding-bottom: 0em; border: none; } 

#headerQ .all_wrap .wrap_in .gnb > li ul { display: flex; gap: 1em; } 
#headerQ .all_wrap .wrap_in .gnb > li a { justify-content: flex-start; text-align: left !important; padding: .5em; } 
#headerQ .all_wrap .wrap_in .gnb > li .dp1 { width: 12em; } 
#headerQ .all_wrap .wrap_in .gnb > li .dp1 .in { display: flex; align-items: flex-end; gap: .75em; } 
#headerQ .all_wrap .wrap_in .gnb > li .dp1 .tt { font-size: 1.615em; font-weight: 800; } 
#headerQ .all_wrap .wrap_in .gnb > li.act { } 
#headerQ .all_wrap .wrap_in .gnb > li.act .dp1 .tt { background-position: 0 100%; } 
#headerQ .all_wrap .wrap_in .gnb > li .dp2 > li > a .in { display: inline-block; position: relative; } 
#headerQ .all_wrap .wrap_in .gnb > li .dp2 > li > a .in:after { content: ""; position: absolute; left: 0; bottom: -.25em; width: 100%; height: 2px; background: #fff; transform: scaleX(0); transform-origin: left bottom; transition: .2s; } 
#headerQ .all_wrap .wrap_in .gnb > li .dp2 > li > a .tt { font-size: 1.063em; font-weight: 700; color: rgba(0, 0, 0, .45); transition: .1s; } 
#headerQ .all_wrap .wrap_in .gnb > li .dp2 > li > a:hover .tt { color: var(--crBlack); } 
#headerQ .all_wrap .wrap_in .gnb > li .dp2 > li.act > a .in:after { transform: scaleX(1) } 
#headerQ .all_wrap .wrap_in .gnb > li .dp3 { display: none; } 
#headerQ .all_wrap .wrap_in .gnb > li .dp3 > li > a { gap: 0 .75em; } 
#headerQ .all_wrap .wrap_in .gnb > li .dp3 > li > a:before { content: ""; width: 4px; height: 2px; background: rgba(255, 255, 255, .4); } 
#headerQ .all_wrap .wrap_in .gnb > li .dp3 > li > a .tt { opacity: .7; } 
#headerQ .all_wrap .wrap_in .gnb > li .dp3 > li.act > a .tt { text-decoration: underline; opacity: 1; } 
#headerQ .all_wrap .wrap_in .gnb > li .dp4 { display: none; } 

#header .all_wrap .all_layer .wrap_bottom { display: none; } 

#headerQ.allOn { } 
#headerQ.allOn .allBtn .xi:before { content: "\e9af" } 
#headerQ.allOn .all_wrap { visibility: visible; } 
#headerQ.allOn .all_wrap .wrap_in { opacity: 1; } 
#headerQ.allOn .fix_wrap { background: rgba(0, 0, 0, .75); } 
#headerQ.allOn .mem_wrap .logBtn .tt { color: #fff; } 
#headerQ.allOn .mem_wrap .logBtn .ico { color: #ffd0d4; font-size: 1.6em } 
#headerQ.allOn .mem_wrap .logBtn .tt .point { color: #ffd0d4; } 
#headerQ.allOn .mem_wrap .logBtn .arrow { font-size: 1em; color: #ffd0d4; transition: .3s } 
#headerQ.allOn .all_wrap .crHead { background: rgba(0, 0, 0, .75); } 
#headerQ.allOn .all_wrap .bg .bgImg { transform: translateX(0); opacity: 1; } 
#headerQ.allOn .bottom_wrap .link .tt { color: #fff; } 

#headerQ .mem_wrap .logBtn { display: flex; flex-direction: column; align-items: center; gap: .5em 0 } 
#headerQ .mem_wrap .logBtn .ico { color: var(--siteC2); font-size: 1.6em } 
#headerQ .mem_wrap .logBtn .tt { writing-mode: vertical-lr; font-weight: 700; font-size: 1.063em; color: #999; word-spacing: .5em } 
#headerQ .mem_wrap .logBtn .tt .point { color: var(--siteC2) } 
#headerQ .mem_wrap .logBtn .arrow { font-size: 1em; color: var(--siteC2); transition: .3s } 
#headerQ .mem_wrap .logBtn:hover .arrow { transform: translateY(1em) } 
#headerQ .bottom_wrap { margin-top: auto; } 
#headerQ .bottom_wrap .link { display: block; text-align: center; position: relative; } 
#headerQ .bottom_wrap .link::before { position: absolute; content: ""; bottom: -8px; left: 0; width: 100%; height: 1px; background: #ddd; } 
#headerQ .bottom_wrap .link:last-child:before { display: none; } 
#headerQ .bottom_wrap .link .icon_box { background: var(--siteC2); margin: 0 auto .5em; width: 2.5em; height: 2.5em; border-radius: 100px; text-align: center; line-height: 2.9em; } 
#headerQ .bottom_wrap .link .icon_box img { width: 50%; } 
#headerQ .bottom_wrap .link .tt { font-size: .8em; display: block; font-weight: 500; } 
#headerQ .bottom_wrap .link:hover img { opacity: 0.6; } 
#headerQ .goTop { margin-bottom: 1em; width: 3.5em; line-height: 3.5em; text-align: center; background: var(--siteC2); 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) } 

.stickyT { position: sticky !important; top: var(--headHS); } 


#header { position: sticky; left: 0; top: 0; width: 100%; z-index: 1000; box-sizing: border-box; transition: all .5s; } 
#header .wrap_in .logoW { display: block; height: 3.5em; } 
#header .wrap_in .logoW img { width: 100%; /*filter: var(--crWhitefil); */ } 
#header .logo > a img { height: 100%; } 

#header .wrap_in .wrapH,
#header .wrap_in .gnb_wrap .dp1 { height: 4em; } 
html:not(.allOn) #header .wrap_in { align-items: center; height: var(--headHM); color: #111; transition: height .3s, background .3s; } 
html:not(.allOn) #header .wrap_in .gnb_wrap { display: flex; align-items: center; flex: 1; min-width: 0; justify-content: center; height: 100%; z-index: 1 } 
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb { width: 100%; box-sizing: border-box; gap: 2.75em; justify-content: end; padding-right: 8em; } 
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb a { display: flex } 
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb .tt { white-space: nowrap } 
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li { position: relative; flex: 1; border-right: 1px solid transparent; max-width: 14.25vmin; font-family: var(--fontPop); } 
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li:first-child { border-left: 1px solid transparent } 
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li .dp1 { display: flex; align-items: center; justify-content: center; text-transform: capitalize; } 
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li .dp1 .va { position: relative; box-sizing: border-box; /* overflow: hidden; */
 text-align: center; padding-bottom: 4px } 
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li .dp1 .va:before { content: attr(data-en); width: auto; height: auto; text-transform: uppercase } 
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li .dp1 .va:before,
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li .dp1 .tt { font-size: 1.33em; position: relative; box-sizing: border-box; display: flex; align-items: center; justify-content: center; transition: .3s; } 
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li .dp1 .va:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #fff; opacity: .5; transform: scaleX(0); transition: .3s } 
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li .dp1 .va { position: relative } 
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li:hover .dp1,
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li.on .dp1 { color: var(--siteC2); } 
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li .dp1 .xi { display: none; } 
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li .dp2 { visibility: hidden; opacity: 0; z-index: -1; position: absolute; padding: 1em; background: #fafafa; width: 100%; left: 50%; transform: translateX(-50%); box-sizing: border-box; top: 4em; display: none; } 
/* html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li .dp2::before { content: ""; position: absolute; top: 0; left: -60em; padding: 0 10em; width: 2000%; background:#fafafa; height: 4em; z-index: -1; } */
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li .dp2 > li { box-sizing: border-box; } 
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li .dp2 > li > a { padding: .25em 1em; justify-content: center; } 
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li .dp2 > li > a .tt { font-size: .938em; color: #111; transition: .3s; } 
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li .dp2 > li > a .tt:hover { color: #111; } 
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li .dp2 > li > a .arrow { display: none } 
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li.on .dp1 .va:after { transform: scaleX(1) } 
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li .dp3 { display: none } 

html:not(.allOn) #header .etc_wrap .lang_wrap { padding: .7em 1.3em; border-radius: 2em; /*box-shadow: 0 2px 4px rgba(0,0,0,.08); */ cursor: pointer; position: relative; } 

html:not(.allOn) #header .etc_wrap .lang_wrap .lang { position: relative; z-index: 2001; } 
html:not(.allOn) #header .etc_wrap .lang_wrap .lang .lang_btn { color: #333; font-weight: 500; font-size: 0.875rem; line-height: 1; } 

html:not(.allOn) #header .etc_wrap .lang_wrap .lang .lang_btn .tt { font-weight: 500; font-family: var(--fontPop); } 
html:not(.allOn) #header .etc_wrap .lang_wrap .lang .lang_btn .xi { font-size: .9rem; } 
/* html:not(.allOn) #header .etc_wrap .lang_wrap .lang .drop { position: absolute; top: calc(100% + .45em); left: 0; width: 100%; height: 0; overflow: hidden; transition: .25s ease; background: #fff; border-radius: 6px; z-index: 3000; } */
.lang_wrap .drop { display: none; position: absolute; top: 1.8em; left: 50%; transform: translateX(-50%); background: white; padding: 0.5em 1em; border-radius: 0.5em; z-index: 100; gap: 1em; white-space: nowrap; } 
.lang_wrap.on .drop { display: flex; justify-content: center; } 
.lang_wrap .drop li { display: inline-block; } 

.lang_wrap .drop li:first-child a .tt::after { content: ""; position: absolute; bottom: 0.15em; left: 50%; transform: translateX(-50%); width: 20px; height: 2px; background: #9e1b1b; border-radius: 2px; } 

html:not(.allOn) #header.active .etc_wrap .lang_wrap.on .lang .drop,
html:not(.allOn) #header.gnbOpen .etc_wrap .lang_wrap.on .lang .drop,
html:not(.allOn) #header .etc_wrap .lang_wrap.on .lang .drop:hover { background: var(--crWhite); } 
html:not(.allOn) #header .etc_wrap .lang_wrap.on .lang .drop { height: fit-content; } 
html:not(.allOn) #header .etc_wrap .lang_wrap .lang .drop > li { } 

html:not(.allOn) #header .etc_wrap .lang_wrap .lang .drop > li > a { display: inline-flex; align-items: center; justify-content: center; gap: .25em; padding: .55em .9em .45em; width: 100%; box-sizing: border-box; color: #999; font-size: .85rem; font-weight: 500; position: relative; font-family: var(--fontPop); } 
html:not(.allOn) #header .etc_wrap .lang_wrap .lang .drop > li:first-child > a { color: var(--siteC2); font-weight: 700; } 

html:not(.allOn) #header .etc_wrap .lang_wrap .lang .drop > li > a .tt { font-size: .85rem; } 
#header .etc_wrap .lang_wrap .lang .drop a,
#header .etc_wrap .lang_wrap .lang .drop a:hover,
#header .etc_wrap .lang_wrap .lang .drop li:hover,
#header .etc_wrap .lang_wrap .lang .drop li a:active { box-shadow: none !important; border: none !important; outline: none !important; } 
#header .etc_wrap .lang_wrap .lang .drop li { box-shadow: none !important; } 

html:not(.allOn) #header .etc_wrap .lang_wrap .lang .drop > li:first-child > a::after { content: ""; position: absolute; left: 50%; bottom: .15em; width: 20px; /* 밑줄 길이 */
 height: 2px; background:var(--siteC2); border-radius: 2px; transform: translateX(-50%); } 

/* hover 시 (선택 안된 항목에만 효과 느낌 나도록) */
html:not(.allOn) #header .etc_wrap .lang_wrap .lang .drop > li:hover > a { color: var(--siteC2); } 
html:not(.allOn) #header .etc_wrap .lang_wrap .lang .drop > li:hover > a::after { content: ""; position: absolute; left: 50%; bottom: .15em; width: 20px; /* 밑줄 길이 */
 height: 2px; background: var(--siteC2); border-radius: 2px; transform: translateX(-50%); } 
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li .dp1 .tt:after { content: ""; width: .8em; height: .8em; border-radius: 50%; background: var(--siteC); position: absolute; right: -0.45em; top: -0.25em; opacity: 0; transform: translate(-10px, 10px); transition: transform .2s; } 
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li:hover .dp1 .tt:after { opacity: .3; transform: translate(0, 0); } 

#header .wrap_in .gnb_wrap .gnb > li .dp2 { gap: .5em } 

#header .mem_wrap { display: flex; align-items: center; gap: 0 1.5em; background: #f4f4f4; padding: .6em 1.5em; border-radius: 3em; overflow: hidden; } 
#header .mem_wrap > .link { position: relative; display: flex; align-items: center; gap: .35em; font-size: .95em; font-weight: 600; color: rgba(0, 0, 0, .7); transition: .3s; } 
#header .mem_wrap > .link::before { position: absolute; right: -.9em; top: 50%; transform: translateY(-50%); width: 1px; height: 1em; background: rgba(0, 0, 0, .2); content: ''; } 
#header .mem_wrap > .link:last-child:before { display: none; } 
#header .mem_wrap > .link > .t1 { } 
#header .mem_wrap > .link:hover { color: rgba(0, 0, 0, 1); } 
/* #subbar { position: absolute; height: 1.75em; line-height: 1.75em; top: 5.5em; left: 0; width: 100%; background: #fff; display: none; z-index: 2000; padding: 1em 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } 

#subbar .dp2 { position:absolute; top:1em; display:flex !important; gap:2em; transform:translateX(-50%); } 
#subbar .dp2 li a .tt { color: #333; transition: color .2s; font-weight: 800; font-family: var(--fontPop); position: relative; } 
#subbar .dp2 li:hover a .tt { color: var(--siteC2); } 
#subbar .dp2 li:hover a .tt::before { content: ""; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); width: 2em; height: 2px; background-color: var(--siteC2); } */
#subbar { width:100%; height:1.75em; line-height: 1.75; position:absolute; top:5.5em; left:0; background:#fff; display:none; z-index:2000; padding:1em 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } 
#subbar .dp2{
    position:absolute;
    top:1em;
    display:flex !important;
    gap:2em;
    white-space:nowrap;
    transform:translateX(-50%);
}
#subbar .dp2 li a .tt { color:#333; transition:.2s; font-weight:800; font-family:var(--fontPop); position:relative; } 
#subbar .dp2 li:hover a .tt { color:var(--siteC2); } 
#subbar .dp2 li:hover a .tt::before { content:""; position:absolute; bottom:-5px; left:50%; transform:translateX(-50%); width:2em; height:2px; background-color:var(--siteC2); } 
html.scroll:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li.on .dp1 { color: var(--siteBg3) } 
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li:hover .dp2 { visibility: visible; opacity: 1; z-index: auto; transition: .2s; } 
html.scroll #header .wrap_in { height: var(--headHS); color: var(--crBlack); } 
html.scroll #header { background: #fff; } 
html.scroll #header .wrap_in .logoW img { filter: none; } 
html.scroll #header .mem_wrap > .link { color: rgba(0, 0, 0, .7); } 
html.scroll #header .mem_wrap > .link:hover { color: rgba(0, 0, 0, .9); } 
html.scroll:not(.allOn):not(.up) #header,s
html.scroll:not(.allOn):not(.up) #headerQ { transform: translateY(-100%) } 

html.scroll:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li.on .dp1 { color: var(--siteC) } 
html.scroll:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li.on .dp1 .va:after { opacity: 1; transition: .3s } 
html.scroll:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li:hover .dp2 { visibility: visible; opacity: 1; z-index: auto; transition: .2s; } 

html.sub #header { background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, .1) } 
html.sub #header .wrap_in { height: var(--headHS); color: var(--crBlack); } 
html.sub #header .mem_wrap > .link { color: rgba(0, 0, 0, .7); } 
html.sub #header .mem_wrap > .link:hover { color: rgba(0, 0, 0, .9); } 
html.sub #header .wrap_in .logoW img { filter: none; } 

/*푸터*/
#footer { position: relative; overflow: hidden; } 

#footer .menu_wrap { border-top: 1px solid #ddd; background: #333 } 
#footer .menu_wrap .wrapH { height: 5em } 
#footer .menu_wrap .menu { gap: 0 3em } 
#footer .menu_wrap .menu > li > a { font-size: 1.063em; position: relative; font-weight: 500; color: #ccc } 
#footer .menu_wrap .menu > li > a:after { content: "·"; position: absolute; right: -1.5em; top: 0 } 
#footer .menu_wrap .menu > li:last-child > a:after { display: none } 
#footer .menu_wrap .menu > li > a:focus .t1,
#footer .menu_wrap .menu > li > a:hover .t1 { text-decoration: underline } 
#footer .menu_wrap .menu > li > a.point { color: #fff; font-weight: 700 } 
#footer .menu_wrap .etc { margin-left: auto; gap: 0 .5em } 
#footer .goTop { width: 3em; height: 3em; background: #0060ae; color: #fff; box-sizing: border-box; border: 2px solid transparent } 
#footer .goTop:focus,
#footer .goTop:hover { background: #fff; border-color: #0060ae; color: #0060ae } 
#footer .family { position: relative; z-index: 1 } 
#footer .family .familyBtn { height: 3em; background: #fff; border: 1px solid #ddd; box-sizing: border-box; width: 12em; padding: 0 1em } 
#footer .family .familyBtn .tt { font-weight: 500 } 
#footer .family .familyBtn .xi { margin-left: auto; transition: .3s } 
#footer .family.on .familyBtn,
#footer .family .familyBtn:focus,
#footer .family .familyBtn:hover { background: #002144; color: #fff; border-color: transparent } 
#footer .family.on .familyBtn .xi { transform: rotate(135deg) } 
#footer .family.on .familyBtn .close { display: block } 
#footer .family.on .familyBtn .open { display: none } 
#footer .family .list { position: absolute; bottom: 100%; left: 0; width: 100%; padding: 1em .5em; box-sizing: border-box; background: #002144; border-bottom: 1px solid rgba(255, 255, 255, .2); color: #fff; opacity: 0; visibility: hidden } 
#footer .family.on .list { opacity: 1; visibility: visible } 
#footer .family.on .list > li.on { display: none } 
#footer .family.on .list > li > a { position: relative; font-size: .875em; padding: .5em; padding-right: 2em; display: block; border-radius: .25em; overflow: hidden } 
#footer .family.on .list > li > a:after { content: "\e980"; font-family: xeicon; position: absolute; right: .5em; top: .625em; opacity: 0; transition: .3s } 
#footer .family.on .list > li > a:focus,
#footer .family.on .list > li > a:hover { background: #0060ae } 
#footer .family.on .list > li > a:focus:after,
#footer .family.on .list > li > a:hover:after { opacity: 1 } 
#footer .logo_wrap { gap: 4em } 
#footer .logo_wrap .logo { transform: translateY(-.125em) } 
/*#footer .logo_wrap .logo img { height:2.75em; filter:grayscale(1); opacity:.6 } */
#footer .logo_wrap .logo img { height: 5.25em; filter: invert(100%) brightness(500%); } 
#footer .info_wrap { padding: 3em 0 4em 0; border-top: 1px solid #666; background: #333 } 
#footer .info_wrap .info > li { float: left; margin-right: 2.5em; margin-bottom: .25em; color: #ccc } 
#footer .info_wrap .info > li.point { color: #fff; font-weight: 700 } 
#footer .info_wrap .info > li.br { clear: left } 
#footer .info_wrap .info > li.copyright { font-size: .875em; color: #777; text-transform: uppercase; margin-top: 1em } 
#footer .info_wrap .info:after { content: ""; display: block; clear: both } 

/* member */
.memBannerSlider_wrap { padding: 1em 0em; border-top: 1px solid #ddd; background: #fff; background: #fff; } 
.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: 1.125em; font-weight: 700; color: #000; font-family: var(--fontPop);} 
.memBannerSlider_wrap .tit_wrap .tit .xi { font-size: 1.500em; color: var(--siteC); transition: .2s; } 
.memBannerSlider_wrap .tit_wrap .tit:hover { color: var(--siteC); } 
.memBannerSlider_wrap .tit_wrap .tit:hover .xi { transform: rotate(180deg); } 
.memBannerSlider { flex: 1; padding-right: 4px; } 
/* .memBannerSlider .el .in { height: 4.65em; overflow: hidden; } */
.memBannerSlider .el { } 
.memBannerSlider .el .in { height: 3.25em; padding: 0 1em; overflow: hidden; } 
.memBannerSlider .el .in img { height: 100%; } 
.memBannerSlider .el .in .tt { font-weight: 700; color: #777; text-align: center; } 



/*contents*/
#contents { } 
#contents .doc { padding: 2em 0 10em; } 
#contents .doc.pt0 { padding: 2em 0 10em; } 
#contents .doc.pt00 { padding: 0em 0 10em; } 
#contents .doc.pageSim > .page_con:first-of-type { padding-top: 0em; } 
#contents .doc.pageSim > .page_con { padding-bottom: 0em; } 

.page_con.mark { position: relative; } 
.page_con.mark::before { content: ""; position: absolute; bottom: -10em; right: 3em; background-image: url(../images/inc/logoMark.png); background-repeat: no-repeat; padding-bottom: 10%; background-size: contain; background-position: center center; width: 40em; height: 20em; /*filter: var(--crGrayfil); */
 opacity: .15; } 
.dp1_member #contents { padding-top: var(--headHS); } 

#contents .sub_top_wrap { box-sizing: border-box; display: flex; flex-direction: column; } 
#contents .sub_top_wrap .wrap_con { height: 15em; display: flex; flex-direction: column } 
#contents .sub_top_wrap .wrap_con .nav_wrap { flex: 1 1 0%; min-height: 0 } 
#contents .sub_top_wrap .wrap_con .nav_wrap .wrap_in { height: 100%; box-sizing: border-box; display: flex; align-items: flex-end; padding: 3em 0 } 
#contents .sub_top_wrap .wrap_con .nav_wrap .wrap_in .in { display: flex; gap: 1em; justify-content: space-between; align-items: flex-end } 
#contents .sub_top_wrap .wrap_con .nav_wrap .tit { display: flex; flex-direction: column; gap: 1.215em 0; font-family: var(--fontPop); } 
#contents .sub_top_wrap .wrap_con .nav_wrap .tit .t1 { font-weight: 700; font-size: 1.25em; text-transform: uppercase; letter-spacing: 1em; opacity: 0; padding-left: .25em } 
#contents .sub_top_wrap .wrap_con .nav_wrap .tit .t2 { font-weight: 700; font-size: 2.515em; transform: translateY(100%); text-transform: uppercase; } 
#contents .sub_top_wrap .wrap_con .nav_wrap .tit .t2_wrap { overflow: hidden; line-height: 1.1 } 
#contents .sub_top_wrap .wrap_con .nav_wrap .nav { display: flex; align-items: center; opacity: 0 } 
#contents .sub_top_wrap .wrap_con .nav_wrap .nav > li { text-transform: uppercase; color: rgba(0, 0, 0, .3); font-weight: 600; font-size: .95em; display: flex; align-items: center; } 
#contents .sub_top_wrap .wrap_con .nav_wrap .nav > li:not(.home):before { width: 4px; height: 4px; background: rgba(0, 0, 0, .15); border-radius: 50%; content: ''; margin: 0 .75em } 
#contents .sub_top_wrap .wrap_con .nav_wrap .nav > li.home { } 
#contents .sub_top_wrap .wrap_con .nav_wrap .nav > li:last-of-type { color: var(--crBlack); } 
#contents .sub_top_wrap .wrap_con .menu_wrap { position: relative; width: 100% } 
#contents .sub_top_wrap .wrap_con .menu_wrap:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #eee; border-left: none; border-right: none } 
/* #contents .sub_top_wrap .wrap_con .menu_wrap .gnb { display: block; position: relative; } */
#contents .sub_top_wrap .wrap_con .menu_wrap .gnb { position: relative; margin: 0 auto; align-items: center; justify-content: center; } 
#contents .sub_top_wrap .wrap_con .menu_wrap .gnb > li .dp2 > li > a { height: 5em; padding: 0 2em; color: #777; position: relative; } 
#contents .sub_top_wrap .wrap_con .menu_wrap .gnb > li .dp2 > li.on > a,
#contents .sub_top_wrap .wrap_con .menu_wrap .gnb > li .dp2 > li:hover > a { line-height: 5em; color: #A6212C; } 
#contents .sub_top_wrap .wrap_con .menu_wrap .gnb > li .dp2 > li.on > a::before,
#contents .sub_top_wrap .wrap_con .menu_wrap .gnb > li .dp2 > li:hover > a::before { content: ""; position: absolute; width: 2em; height: 2px; bottom: 15px; left: 50%; transform: translateX(-50%); background-color: #A6212C; } 
#contents .sub_top_wrap .wrap_con .menu_wrap .gnb > li .dp2 > li > a .tt { font-weight: 600; font-size: 1.125em; font-family: var(--fontPop); } 
#contents .sub_top_wrap .wrap_con .menu_wrap .gnb > li .dp2 > li .dp3 { display: none; } 
#contents .sub_top_wrap .visual_wrap { height: calc(100vh - 40em); position: relative; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; background: #000; display: none; } 
#contents .sub_top_wrap .visual_wrap .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: .3s; } 
#contents .sub_top_wrap .visual_wrap .slogan { position: relative } 
#contents .sub_top_wrap .visual_wrap .slogan .t1 { font-weight: 700; font-size: 2.25em; line-height: 1.3; color: #fff } 
.load #contents .sub_top_wrap .wrap_con .nav_wrap .tit .t1 { letter-spacing: 0; opacity: 1; transition: 1s } 
.load #contents .sub_top_wrap .wrap_con .nav_wrap .tit .t2 { transform: translateY(0); transition: 1s } 
.load #contents .sub_top_wrap .wrap_con .nav_wrap .nav { opacity: 1; transition: 2s; display: none; } 
.scroll #contents .sub_top_wrap .visual_wrap .bg { opacity: .9 } 
.tit1 { font-family: var(--fontPop); } 
.subbar { width: 100%; height: 4em; position: absolute; top: 6em; left: -1em; background: #fafafa; z-index: -1; } 

#contents .sub_top_wrap2 { } 
#contents .sub_top_wrap2 .gnb { background: #f4f4f4; margin-top: 3em; border-radius: .8em; overflow: hidden; } 
#contents .sub_top_wrap2 .gnb > li,
#contents .sub_top_wrap2 .gnb .dp2 > li,
#contents .sub_top_wrap2 .gnb .dp3 { width: 100%; } 
#contents .sub_top_wrap2 .gnb .dp3 > li { flex: 1; } 
#contents .sub_top_wrap2 .gnb .dp3 > li > a { padding: 1em; } 
#contents .sub_top_wrap2 .gnb .dp3 > li.on > a,
#contents .sub_top_wrap2 .gnb .dp3 > li:hover > a { background: var(--siteC2); color: #fff; } 
#contents .sub_top_wrap2 .gnb .dp3 > li > a .va { } 

.mouse-ico { position: absolute; left: 0; bottom: 3em; width: 100%; z-index: 10; text-align: center; } 
.mouse-ico .xi { color: var(--crWhite); font-size: 2.5rem; animation: mouseAni 1s infinite alternate; } 
@keyframes mouseAni { 
 0% { transform: translateY(0%); } 
 100% { transform: translateY(50%); } 
 }

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

/* .dp1_people .dp2on .gnb > li.on { margin-left: 26.5em; } 
.dp1_projects .dp2on .gnb > li.on { margin-left: 40em; } 
.dp1_publications .dp2on .gnb > li.on { margin-left: 52em; } 
.dp1_classes .dp2on .gnb > li.on { margin-left: 45em; } 
.dp1_news .dp2on .gnb > li.on { margin-left: 74em; } */
/*SUB PAGE*******************/
/*inc*/
.page_con { padding: 4em 0; } 
.page_con.conP2 { padding: 2em 0; } 
.page_con.pt0 { padding-top: 0; } 
.page_con.bg1 { background: var(--siteBg1); } 
.page_con.bg2 { background: var(--siteBg2); } 
.page_con.bg3 { background: var(--siteBg3); } 
.page_con.bg4 { position: relative; } 
.page_con.bg4::before { content: ""; position: absolute; width: 50%; height: 90%; border-radius: 3em 0 0 3em; background-color: rgba(97, 144, 194, 0.3); z-index: -2; bottom: -20px; right: 0; } 
.doc.pd0 .page_con:last-child,
.doc.pb0 .page_con:last-child { padding-bottom: 10em; } 


.page_mq { overflow: hidden; } 
.page_mq .mqTT { display: flex; flex-shrink: 0; white-space: nowrap; } 
.page_mq .mqTT > * { margin: 0 .375em; } 

.titdot { position: relative; display: inline-block; z-index: 1; } 
.titdot::before { content: ""; position: absolute; width: 1.25em; height: 1.25em; top: 0; left: -25px; background-color: #c8dae8; border-radius: 50%; opacity: .5; z-index: -1; } 

/*버튼 공통*/
.txtBtn { transition: all 0.3s; } 
.txtBtn:hover { color: var(--siteC2); } 

.Abtn .more { display: inline-flex; width: auto; align-items: center; border: 1px solid var(--crBlack); box-sizing: border-box; font-size: 16px; padding: .8em 1.5em; overflow: hidden; position: relative; font-weight: 700; } 
.Abtn .more.white { border: 1px solid #fff; color: #fff; transition: all 0.2s; } 
.Abtn .more.white:hover { border: 1px solid var(--crBlack); } 
.Abtn .more.round { border-radius: 70px; } 
.Abtn .more:before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; height: 100%; width: 0; z-index: 1; background-color: var(--siteC2); transition: all 0.5s; background-color: #222; } 

.Abtn .more.c1:before { background-color: var(--siteC); color: #fff; } 
.Abtn .more.c1 { border: 1px solid var(--siteC); color: var(--siteC); } 

.Abtn .more.c2 { background: var(--siteC); color: #fff; border: 1px solid var(--siteC); } 
.Abtn .more.c2:before { display: none; } 

.Abtn .more.s1 { font-size: .9em; } 
.Abtn .more.s2 { font-size: .85em; } 
.Abtn .more.s3 { font-size: 1.15em; } 

.Abtn .more > span { position: relative; z-index: 2; line-height: 1; } 
.Abtn .more:hover { color: #fff; } 
.Abtn .more:hover::before { width: 100%; } 
.Abtn .more > .xi { padding-left: .65em; position: relative; z-index: 2; } 

.Abtn .more.st1 { border: none; padding: 0em; font-weight: 500; font-size: 1.25em; border-radius: 0; color: #eee; } 
.Abtn .more.st1:before { top: unset; bottom: 0; width: 0%; height: 3px; background: rgba(255, 255, 255, .65); content: ''; transition: .3s all; } 
.Abtn .more.st1:hover:before { width: 100%; } 

.con_idx { position: relative } 
.con_idx > .idx { position: absolute; left: 0; top: 0; width: 100%; visibility: hidden; filter: alpha(opacity=0); opacity: 0; display: none; } 
.con_idx > .idx.on { position: relative; visibility: visible; filter: alpha(opacity=100); opacity: 1; display: block; } 

/*main_tab*/
.main-tab { gap: .75em; margin-bottom: 3.5em; } 
.main-tab > li { } 
.main-tab .tab-btn { display: flex; cursor: pointer; border: 1px solid #e9e9e9; align-items: center; justify-content: center; height: 3em; background: #fff; position: relative; padding: 0em 2em; border-radius: 3em; font-size: 1.15em; font-weight: 500; color: #333; transition: .3s; font-family: var(--fontBase); } 
.main-tab > li.on .tab-btn { background: var(--siteC); border: 1px solid var(--siteC); color: #fff; font-weight: 600; box-shadow: 3px 6px 12px rgba(0, 0, 0, .1); } 

.main-tab.white .tab-btn { background: #f7f7f7; } 


/*tab*/
.wrap_idx { width: 100%; } 
.wrap_idx .sub-tab { width: 100%; display: flex; justify-content: center; /* 핵심! */align-items: center; gap: 2em; padding: 1em 0; } 
.wrap_idx .sub-tab.pd_w { padding-bottom: 3em; } 
.wrap_idx .sub-tab > li { position: relative; cursor: pointer; height: 2.5em; display: flex; align-items: center; justify-content: center; font-size: 1.15em; font-weight: 700; border-radius: .8em; padding: 0 1.2em; /* 텍스트 여백 추가 */ } 
/* .wrap_idx .sub-tab > li::before { content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 15px; transform: translateY(-50%); background-color: #333; } */
.wrap_idx .sub-tab > li:not(:first-child)::before { content: ""; position: absolute; left: -1em; top: 50%; transform: translateY(-50%); width: 1px; height: 15px; background: #333; } 
.wrap_idx .sub-tab > li { } 
.wrap_idx .sub-tab > li:last-child { border-right: unset; } 
.wrap_idx .sub-tab > li > .tab_btn { padding: 0 1vw; box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #444; transition: .3s; text-transform: uppercase; font-size: .9em;} 
.wrap_idx .sub-tab > li.on > .tab_btn,
.wrap_idx .sub-tab > li:hover > .tab_btn { color: var(--siteC); text-decoration: underline; } 
/***********************/
/*MAIN******************/
html.main #contents { overflow: hidden; } 

.vod_wrap { position: relative; height: 100% } 
.vod_wrap:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .2) } 
.vod { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover } 

.visualSlide { } 
.visualSlide .el .inW { } 
.visualSlide .el .resize { padding-bottom: 20%; overflow: hidden; box-shadow: 0 0 1em rgba(0, 0, 0, .2); position: relative; } 
.visualSlide .el .resize::before { position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, .12); z-index: 1; } 
.visualSlide .el .bg { transform: scale(1.1) } 
.visualSlide .el.swiper-slide-active .bg,
.visualSlide .el.swiper-slide-duplicate-active .bg { transition: 5s; transform: scale(1) } 

.visualSlide_wrap { } 
.visualSlide_wrap .wrapF { /*width: calc(var(--pageW) + 2em); */
 margin: 0 auto; /* 무조건 가운데 정렬 */
 max-width: 100vw; /* 뷰포트 벗어나지 않도록 제한 */
 box-sizing: border-box; } 
.visualSlide_wrap .slogan { position: absolute; justify-content: center; left: 0; top: 0px; width: 100%; height: 100%; box-sizing: border-box; color: #fff; display: flex; flex-direction: column; align-items: center; padding: 4% 8% 6%; gap: .25em; z-index: 10; } 
.visualSlide_wrap .slogan .t1 { font-weight: 700; font-size: 2.55em; line-height: 1.3; margin-bottom: .45em; text-align: center; } 
.visualSlide_wrap .slogan .t2 { font-weight: 500; font-size: 1.375em } 
.visualSlide_wrap .slogan .t3 { font-weight: 500; font-size: 1.063em } 
.visualSlide_wrap .el .slogan .t2 { transform: translateY(-1em); opacity: 0 } 
.visualSlide_wrap .el .slogan .t3 { transform: translateY(1em); opacity: 0 } 
.visualSlide_wrap .el .slogan .in { display: block; overflow: hidden } 
.visualSlide_wrap .el .slogan .in > i { display: block; transform: translateY(100%); opacity: 0 } 
.visualSlide_wrap .el.swiper-slide-active .slogan .t2,
.visualSlide_wrap .el.swiper-slide-active .slogan .t3 { transform: translateY(0); opacity: 1; transition: 1s; transition-delay: 1s } 
.visualSlide_wrap .el.swiper-slide-active .slogan .in > i { transform: translateY(0); opacity: 1; transition: 1s; transition-delay: .2s } 
.visualSlide_wrap .el.swiper-slide-active .slogan .in:nth-child(2) > i { transition-delay: .4s } 
.visualSlide_wrap .el.swiper-slide-active .slogan .in:nth-child(3) > i { transition-delay: .6s } 

.visualSlide_wrap { position: relative } 
.visualSlide_control .swiperControl { justify-content: center; position: absolute; bottom: 3em; left: 50%; transform: translateX(-50%); color: #fff; font-weight: 700; display: none; } 
.visualSlide_control .paging { text-align: center; color: #fff; } 
.visualSlide_control .paging .swiper-pagination-bullet { border: 1px solid #fff !important; } 
.visualSlide_control .paging .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; transform: rotate(45deg); } 

#scrollAni { position: absolute; left: 50%; width: 6em; margin-left: -3em; text-align: center; bottom: 2em; opacity: 1; z-index: 100; text-decoration: none; animation-name: downAni; animation-duration: 3s; animation-iteration-count: infinite } 
#scrollAni .xi { vertical-align: middle } 
#scrollAni .xi-mouse { font-size: 3em; color: #fff; margin-right: -7px } 
#scrollAni .xi-scroll { font-size: 2em; color: #fff; margin-left: -7px } 
#scrollAni .tt { display: block; color: #fff; font-size: .75em; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0 } 
#scrollAni.hide { opacity: 0; z-index: -1 } 

@keyframes downAni { 60% { margin-bottom: 0 } 
 80% { margin-bottom: -1em } 
 100% { margin-bottom: 0 } 
 }

/**/
.h100 { height: 100vh; box-sizing: border-box; } 
.h200 { height: 200vh; box-sizing: border-box; } 
.h300 { height: 300vh; box-sizing: border-box; } 

.page_tit { margin: 0 0 1.25em 0 } 
.main .page_tit { margin: 0 0 2.5em 0; } 
.main .page_tit.st1 { margin: 0 0 2em 0; } 
.main .page_tit.st2 { margin: 0 0 .7em 0; } 
.page_tit.c_white { color: #fff; } 
.page_tit.m0 { margin-bottom: 0; } 
.page_tit.m1 { margin-bottom: 2em; } 
.page_tit.m2 { margin-bottom: 1em; } 
.page_tit.lh14 { line-height: 1.4; } 
.page_tit .tt { font-family: var(--fontBase); } 
.page_tit .tt * { vertical-align: baseline; } 
.page_tit .tt .info-tt { color: #888; font-size: 0.875rem; margin-top: 5px; } 
.page_tit .t0 { font-size: 2.15em; font-weight: 700; line-height: 1.4; } 
.page_tit .t1 { font-size: 2.815em; font-weight: 700; line-height: 1.3; } 
.page_tit .t2 { margin: .75em 0; color: #666; font-size: 1.063em } 
.page_tit .t2:first-child { margin-top: 0; } 
.page_tit .t3 { font-weight: 700; font-size: 1.515em; text-transform: uppercase; font-family: var(--fontBase); } 
.page_tit .t4 { font-weight: 700; font-size: 2.5em; line-height: 1.3; } 
.page_tit .t5 { font-weight: 600; font-size: 1.188em; text-transform: uppercase; } 
.page_tit .t6 { font-weight: 500; font-size: .938em; } 
.page_tit .t7 { font-weight: 500; font-size: 1.063em; } 
.page_tit .t8 { font-weight: 500; font-size: 1.188em; color: #666; } 
.page_tit .t9 { font-weight: 700; font-size: 1.65em; } 
.page_tit .t10 { font-weight: 500; font-size: 2.05em; line-height: 2.2; } 

.main_con { position: relative; padding: 6em 0; word-break: keep-all; overflow: hidden; } 
.main_con.st2 { padding: 3em 0; } 
.main_con.st3 { padding: 1.5em 0 3em 0; } 
.main_con.pb0 { padding-bottom: 0em; } 
.main_con.bg1 { background: var(--siteBg1); } 

.main_more.flex { gap: 1em; } 
.main_more > .more { position: relative; gap: 0 1em; padding: .5em 0; color: var(--siteC); transition: .2s; } 
.main_more > .more .in_tt { font-size: 1.125em; font-weight: 500; } 
.main_more > .more:not(.st1) .xi { display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.000em; width: 2em; height: 2em; background: var(--siteC); border-radius: 50%; color: #fff; } 
.main_more > .more:not(.st1):after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: var(--siteC); transform: scaleX(0); transition: .2s; transform-origin: left bottom; } 
.main_more > .more:not(.st1):hover:after { transform: scaleX(1); } 

.main_more > .more.st1 { padding: 0 0; width: 3.5em; height: 3.5em; background: transparent; border: 1px solid rgba(0, 0, 0, .2); border-radius: 50%; color: #000; transition: .2s; } 
.main_more > .more.st1 .xi { font-size: 1.250em; } 
.main_more > .more.st1:hover { background: var(--siteC); border-color: var(--siteC); color: #fff; } 

.main_more > .more.st2 { gap: 0 1.5em; height: 3.5em; padding: 0 2.75em 0 1.25em; border: 1px solid var(--siteC); border-radius: 6em; } 
.main_more > .more.st2:after { display: none; } 
.main_more > .more.st2:hover { background: var(--siteC); color: #fff; } 
.main_more > .more.st2:hover .xi { background: #fff; color: var(--siteC); } 

.main_txt.cw .tt { color: #fff; } 
.main_txt.cw .icon.st1:before { background: var(--crWhite); } 
.main_more.cw > .more { color: #fff; } 
.main_more.cw > .more:not(.st1) .xi { background: var(--siteC2); } 
.main_more.cw > .more:not(.st1):after { background: #fff; } 
.main_more.cw > .more.st1 { background: transparent; border-color: var(--siteC2); color: var(--siteC2); } 
.main_more.cw > .more.st1:hover { background: var(--siteC2); color: #fff; } 
.main_more.cw > .more.st2 { border-color: var(--siteC2); } 
.main_more.cw > .more.st2 .xi { background: var(--siteC2); } 
.main_more.cw > .more.st2:hover { background: var(--siteC2); } 
.main_more.cw > .more.st2:hover .xi { background: #fff; color: var(--siteC2); } 

.main_more > .btn { position: relative; display: flex; align-items: center; gap: 1em; min-width: 160px; width: auto; padding: 16px 24px; border-radius: 100px; font-size: 20px; letter-spacing: -0.03em; line-height: 1; vertical-align: middle; box-sizing: border-box; overflow: hidden; } 
.main_more > .bgMore { border: 1px solid #cacaca; background: rgba(0, 0, 0, .5); transition: .3s; } 
.main_more > .bgMore:hover { background: rgba(255, 255, 255, 1); color: #111; } 

.main_layout { gap: 2em 6vw; } 
.main_layout.gp1 { gap: 2em 3vw; } 
.main_layout > li { } 
.main_layout > li.w1 { width: 50%; } 
.main_layout > li.w2 { } 
.main_layout + .main_layout { margin-top: 14em; } 
.main_layout > li .p1 { padding: 4em 0 5em 0; } 
.main_layout > li .p2 { padding: 1.5em 0; } 
.main_layout > li .round { border-radius: 1.25em; overflow: hidden; } 
.main_layout > li .wrap_img:not(.resize) { position: relative; height: 100%; } 
.main_layout > li.flex:not(.col) > * { flex: 1; } 

.main_con .main_box .con_box {flex: 1;}
.main_con .main_box > div .in { height: 15em; border-radius: .8em; padding: 1.5em; box-sizing: border-box; position: relative; overflow: hidden; } 
.main_con .main_box > div .in::before { content: ""; position: absolute; inset: 0; background-color: rgba(255,255,255,0.4); transition: .35s; z-index: 1; } 

.main_con .main_box > div:hover .in::before { background-color: rgba(255,255,255,0.75); } 
.main_con .main_box > div .titC,
.main_con .main_box > div .txtC { position: relative; z-index: 2; text-align: center; transition: .35s; } 
.main_con .main_box > div .titC { transform: translateY(1.2em); /* 중앙 */opacity: 1; } 

.main_con .main_box > div:hover .titC { transform: translateY(-.5em); /* 원하는 만큼 위로 */ } 
.main_con .main_box > div .txtC { opacity: 0; transform: translateY(0.8em); /* 아래서 올라오는 느낌 */ } 

.main_con .main_box > div:hover .txtC { opacity: 1; transform: translateY(0); } 

/*메인 텍스트 슬라이드*/
.marqueeAni { animation-name: marqueeAni; animation-duration: 50s; animation-timing-function: linear; animation-iteration-count: infinite } 
@keyframes marqueeAni { 
 0% { transform: translateX(0); } 
 100% { transform: translateX(-50%); } 
 }
.marqueeAni.sp1 { animation-duration: 40s; } 
.page_mq { overflow: hidden; } 
.page_mq .mqTT { display: flex; flex-shrink: 0; white-space: nowrap; text-transform: uppercase; } 
.page_mq .mqTT.bod { border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; } 
.page_mq .mqTT.c1 { color: #f8f8f8; } 
.page_mq .mqTT.c2 { color: #666; } 
.page_mq .mqTT > * { margin: 0 .375em; } 
.page_mq .mqTT.sp1 > * { margin: 0 .15em; } 
.page_mq .mqTT .name { margin: 0 .375em 0 0; } 
.page_mq .mv_tit { } 
.page_mq .mv_tit .tit { font-weight: 900; } 
.page_mq .mv_tit .tit.fs1 { font-size: 9em; } 
.page_mq .mv_tit .tit.fs2 { font-size: 20em; } 

/* page style */
.page_txt:not(:last-child) { margin-bottom: 3.5em; } 
.page_txt.m0 { margin-bottom: .75em; } 
.page_txt.m1 { margin-bottom: 1.25em; } 
.page_txt.m2 { margin-bottom: 5em; } 

/**/
.page_tt { font-size: 1em; word-break: keep-all; line-height: 1.4; } 
.page_tt > .tt + .tt { margin-top: 1.25em; } 
.page_tt.o1 { opacity: .7; } 
.page_tt.o2 { opacity: .1; } 
.page_tt.s1 { font-size: 0.938em } 
.page_tt.s2 { font-size: 1.063em } 
.page_tt.s3 { font-size: 1.125em } 
.page_tt.s4 { font-size: 1.250em } 
.page_tt.s5 { font-size: 1.313em } 
.page_tt.s6 { font-size: 1.500em } 
.page_tt.s7 { font-size: 1.875em } 
.page_tt.s8 { font-size: 2.250em } 
.page_tt.s9 { font-size: 2.500em } 
.page_tt.s10 { font-size: 3.000em } 
.page_tt.s11 { font-size: 3.500em } 
.page_tt.s12 { font-size: 4.000em; } 
.page_tt.s13 { font-size: 4.500em; } 
.page_tt.s14 { font-size: 5.000em; } 

.page_col { gap: 2em 6em; } 
.page_col.gp1 { } 
.page_col > li { } 
.page_col > li.w1 { width: 45%; } 
.page_col > li.w2 { width: 26%; } 
.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: 1.5em; overflow: hidden; } 
.page_col > li .wrap_img:not(.resize) { position: relative; height: 100%; } 

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

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

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


.sub_page_tab_wrap { margin-bottom: 2em; } 
.sub_page_tab_wrap .list { margin: 0 0 0 -.625em; } 
.sub_page_tab_wrap .list > li { flex: 1; /* max-width:25%; */ } 
.sub_page_tab_wrap .list > li .in { height: 2.5em; margin: 0 0 0 .625em; padding: .5em .5em; background: #fff; border: 1px solid var(--siteC); border-radius: 6px; color: #111; transition: .2s; box-sizing: border-box; font-size: 1.1em; text-align: center; } 
.sub_page_tab_wrap .list > li .in .tt { } 
.sub_page_tab_wrap .list > li.on .in,
.sub_page_tab_wrap .list > li:hover .in { border-color: var(--siteC); box-shadow: 0 3px .375em rgba(0, 0, 0, .1); color: var(--siteC); } 
.sub_page_tab_wrap .list > li.on .in .tt,
.sub_page_tab_wrap .list > li:hover .in .tt { font-weight: 700; } 

/*flex box*/
.flex_box { } 
.flex_box.s1 { margin: 0 0 -1em -1em; } 
.flex_box.s2 { margin: 0 0 -2em -2em; } 
.flex_box.s3 { } 
.flex_box.s4 { } 
.flex_box.s5 { } 

.flex_box .fst1 > li { flex: 1 1 100%; max-width: 100%; } 
.flex_box .fst1 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst2 > li { flex: 1 1 48%; max-width: 48%; } 
.flex_box .fst2 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst3 > li { flex: 1 1 33.33%; max-width: 33.33%; } 
.flex_box .fst3 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst4 > li { flex: 1 1 25%; max-width: 25%; } 
.flex_box .fst4 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst5 > li { flex: 1 1 20%; max-width: 20%; } 
.flex_box .fst5 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst6 > li { flex: 1 1 16.66%; max-width: 16.66%; } 
.flex_box .fst6 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst8 > li { flex: 1 1 12.5%; max-width: 12.5%; } 
.flex_box .fst8 > li > .in { margin: 0 0 1em 1em; } 

.flex_box li > a { display: block; } 

/**/
.page_dot_list { padding: 0 1.25em; margin-top: 1.25em; } 
.page_dot_list.pN { padding: 0em; } 
.page_dot_list.mt0 { margin-top: 0em; } 
.page_dot_list.pN > li:before { display: none; } 
.page_dot_list > li { position: relative; } 
.page_dot_list > li > .con { display: flex; } 
.page_dot_list > li > .txt { font-size: 1.063em; } 
.page_dot_list > li:before { position: absolute; left: -15px; top: -1px; content: '-'; } 
.page_dot_list > li:last-of-type { margin-bottom: 0em; } 

.page_dot_list.ty1 > li { position: relative; margin-bottom: .5em; letter-spacing: 0em; font-weight: 500; } 
.page_dot_list.ty1 > li:before { position: absolute; left: -15px; top: 9px; width: 5px; height: 5px; border-radius: 50%; background: var(--siteC); content: ''; } 

.page_dot_list.s1 > li { font-size: .9em; } 
.page_dot_list.s2 > li { font-size: 1.063em; line-height: 1.4; } 
.page_dot_list.s3 > li { font-size: 1.15em; line-height: 1.4; } 
.page_dot_list.w1 { display: flex; flex-wrap: wrap; gap: 1em; } 
.page_dot_list.w1 > li { width: calc(50% - .5em); margin-bottom: 0em; padding-right: .5em; box-sizing: border-box; } 

.page_dot_list.w2 { display: flex; flex-wrap: wrap; gap: .5em; } 
.page_dot_list.w2 > li { width: calc(33.33% - .5em); margin-bottom: 0em; } 

.page_dot_list.c1 { color: #111; } 
.page_dot_list.c2 { color: #222; } 
.page_dot_list.c3 { color: #333; } 
.page_dot_list.c4 { color: #444; } 

.page_dot_list.sqL > li:before { width: 8px; height: 8px; background: var(--siteC); top: 7px; content: ''; } 
.page_dot_list > li.sq:before { position: absolute; top: 7px; width: 7px; height: 7px; background: transparent; border: 1px solid var(--siteC); content: ''; } 
.page_dot_list > li.cir:before { background: transparent; width: 7px; height: 7px; top: 6px; border: 1px solid var(--siteC); border-radius: 50%; } 

/**/
.step_tit { text-align: center; } 
.step_tit .t1 { font-size: 2.000em; font-weight: 600; } 
.step_tit .t2 { font-size: 1.188em; margin-top: 1.25em; } 

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

.posiB { position: absolute; background: #fff; } 
.posiB.rt { top: 0; right: 0; padding: 0 0 10px 10px; border-radius: 0 25px 0; } 
.posiB.rt .btnWrap { gap: 1em; } 
.posiB.lt { top: 0; left: 0; padding: 0 10px 10px 0; border-radius: 0 0 25px 0; } 
.posiB.lt .btnWrap { gap: 1em; position: relative; } 
.posiB.lt .btnWrap::before { position: absolute; top: -1px; right: -33px; background-image: url(../images/inc/site_w.png); background-size: contain; background-repeat: no-repeat; text-indent: -999999em; overflow: hidden; line-height: 0; text-align: right; display: block; width: 23px; height: 23px; transform: rotate(-180deg); content: ''; } 
.posiB.lt .btnWrap::after { position: absolute; bottom: -33px; left: 0; background-image: url(../images/inc/site_w.png); background-size: contain; background-repeat: no-repeat; text-indent: -999999em; overflow: hidden; line-height: 0; text-align: right; display: block; width: 23px; height: 23px; transform: rotate(-180deg); content: ''; } 
.posiB .btnWrap { position: relative; display: inline-block; align-items: center; display: flex; padding: 0 24px; height: 40px; border-radius: 100px; color: #fff; font-weight: 600; background: var(--siteC4); } 
.posiB .btnWrap.c1.line { background: #fff; border: 1px solid var(--siteC); color: var(--siteC); } 
.posiB .btnWrap.c2 { background: var(--siteC4); } 
.posiB.rt .btnWrap:before { position: absolute; bottom: -33px; right: -1px; background-image: url(../images/inc/site_w.png); background-size: contain; background-repeat: no-repeat; text-indent: -999999em; overflow: hidden; line-height: 0; text-align: right; display: block; width: 23px; height: 23px; transform: rotate(-90deg); content: ''; } 
.posiB.rt .btnWrap:after { position: absolute; top: -1px; left: -33px; background-image: url(../images/inc/site_w.png); background-size: contain; background-repeat: no-repeat; text-indent: -999999em; overflow: hidden; line-height: 0; text-align: right; display: block; width: 23px; height: 23px; transform: rotate(-90deg); content: ''; } 

/*main*/

/*메인 퀵메뉴*/
.main_quick { /* padding-top: 2em; */ } 
.main_quickBox { position: relative; border-radius: .5em; box-sizing: border-box; display: flex; align-items: center; gap: 3em; } 
.main_quickBox:before { } 
.main_quickBox .left_quick { position: relative; width: 40%; padding: 2em; box-sizing: border-box; background: var(--siteC); border-radius: 1em; overflow: hidden; } 
.main_quickBox .left_quick:before { position: absolute; content: ''; right: -10%; top: -10%; background-image: url(../images/main/main_bg01.png); background-size: 100% 100%; width: 14em; height: 14em; opacity: 0.4; } 
.main_quickBox .right_quick { width: 60%; } 

.main_quickBox .left_quick .cBoxList { gap: 1em; position: relative; } 
.main_quickBox .left_quick .cBoxList > li { width: calc((100% - 1em) / 2); background: var(--siteC3); padding: 1.5em 0; border-radius: 1em; transition: .2s; } 
.main_quickBox .left_quick .cBoxList > li:hover { box-shadow: 0px 0px 20px rgb(43 43 43 / 35%); border-radius: 1em 1em 4em 1em; } 
.main_quickBox .left_quick .cBoxList > li:hover .in { color: var(--siteC); } 
.main_quickBox .left_quick .cBoxList > li > .in { margin: 0; box-sizing: border-box; text-align: center; transition: .2s; } 
/* .main_quickBox .left_quick .cBoxList > li > .in:hover { transform: translateY(-.8em); box-shadow: 6px 0 24px rgba(0,0,0, .2); } */
/* .main_quickBox .left_quick .cBoxList > li > .in.c1 { background: var(--siteC); } */
/* .main_quickBox .left_quick .cBoxList > li > .in.c2 { background: var(--siteC2); } */
.main_quickBox .left_quick .cBoxList > li > .in > .tit { font-size: 1.25em; font-weight: 700; } 
.main_quickBox .left_quick .cBoxList > li > .in > .icon { margin-bottom: 1.25em; } 
.main_quickBox .left_quick .cBoxList > li > .in > .icon > img { width: 6em; height: 70px; object-fit: contain; } 

.main_quickBox .right_quick > .page_tit { white-space: nowrap; } 
.main_quickBox .right_quick > .page_tit .line { width: 100%; height: 1px; background: #ccc; } 
.main_quickBox .right_quick .roundLink { } 
.main_quickBox .right_quick .roundLink > li { } 
.main_quickBox .right_quick .roundLink > li > .in { min-height: 7em; background: #fff; border-radius: 1em; border: 1px solid #eee; padding: 2em 0; overflow: hidden; transition: 0.3s; position: relative; } 
.main_quickBox .right_quick .roundLink > li > .in > .icon { display: flex; align-items: center; justify-content: center; margin: 0 auto; } 
.main_quickBox .right_quick .roundLink > li > .in > .icon > img { width: 4em; height: 54px; object-fit: contain; } 
.main_quickBox .right_quick .roundLink > li > .in > .tit { text-align: center; margin-top: 1em; font-size: 1.063em; transition: .2s; font-weight: 500; } 

.main_quickBox .right_quick .roundLink > li > .in:hover:before { position: absolute; content: ''; right: -72%; bottom: -59%; background-image: url(../images/inc/logo.png); background-repeat: no-repeat; background-size: 100% 100%; filter: var(--crWhitefil); opacity: 0.2; width: 14em; height: 14em; } 

.main_quickBox .right_quick .roundLink > li > .in:hover { background: var(--siteC4); } 
.main_quickBox .right_quick .roundLink > li > .in:hover > .icon { filter: var(--crWhitefil); } 
.main_quickBox .right_quick .roundLink > li > .in:hover > .tit { color: #fff; } 


.main_quickBox .boxItem { position: relative; border-radius: 19px; overflow: hidden; padding: 4.5em 2em 2em; box-sizing: border-box; } 
.main_quickBox .boxItem.point { background: var(--siteC3); backdrop-filter: blur(10px); box-shadow: 7rem 7rem 40rem rgba(0, 57, 124, 0.15); } 
.main_quickBox .boxItem.point .titBox { padding-top: 4em; } 
.main_quickBox .boxItem.point .titBox .tit { font-size: 1.215em; color: #fff; font-weight: 600; margin-bottom: .5em; } 
.main_quickBox .boxItem.point .titBox .desc { font-size: .95em; font-weight: 500; line-height: 1.4; color: rgba(255, 255, 255, .8); } 
.main_quickBox .boxItem.point .huImg { display: flex; justify-content: end; position: relative; top: 2.3em; } 
.main_quickBox .boxItem.point .huImg > img { width: 10em; object-fit: contain; } 
.posiB.rt .btnWrap:before { position: absolute; bottom: -33px; right: -1px; background-image: url(../images/inc/site_w.png); background-size: contain; background-repeat: no-repeat; text-indent: -999999em; overflow: hidden; line-height: 0; text-align: right; display: block; width: 23px; height: 23px; transform: rotate(-90deg); content: ''; } 
.posiB.rt .btnWrap:after { position: absolute; top: -1px; left: -33px; background-image: url(../images/inc/site_w.png); background-size: contain; background-repeat: no-repeat; text-indent: -999999em; overflow: hidden; line-height: 0; text-align: right; display: block; width: 23px; height: 23px; transform: rotate(-90deg); content: ''; } 
.main_quickBox .posiB.rt { background: rgb(255 255 255 / 50%) } 
.main_quickBox .posiB.rt .btnWrap:after,
.main_quickBox .posiB.rt .btnWrap:before { opacity: 0.5; } 

/*main event*/
/* .slideWrap { position: relative; left: 8%; } */
.slideWrap { position: relative; } 
/* .main_top_container { display: flex; align-items: center; justify-content: space-between; padding-right: 16%; margin-bottom: 2.5em; } */
.main_top_container { display: flex; align-items: center; justify-content: space-between; padding-right: 0%; margin-bottom: 2.5em; } 
.page_tit.marker { display: flex; align-items: center; gap: 1em; } 
.TitmarkImg { display: flex; width: 4.6em; height: 4.6em; border-radius: 50%; background: #fff; justify-content: center; align-items: center; box-shadow: 12px 0 24px rgba(0, 0, 0, .1); } 
.TitmarkImg > img { height: 36px; object-fit: contain; } 
.main_event { overflow: hidden; position: relative; } 
.roundG { position: absolute; left: 12%; top: 0; width: 40%; padding-bottom: 40%; border-radius: 50%; background: linear-gradient(0deg, #fff 0%, var(--siteC2) 33.33%, #fff 100%); opacity: .2; filter: blur(10px); animation-name: mainServiceAni2; animation-duration: 13s; animation-iteration-count: infinite; animation-direction: alternate; z-index: -1; } 
.roundR { position: absolute; right: 12%; top: 35%; width: 40%; padding-bottom: 40%; border-radius: 50%; background: linear-gradient(0deg, #fff 0%, var(--siteC) 33.33%, #fff 100%); animation-name: mainServiceAni3; animation-duration: 13s; animation-iteration-count: infinite; animation-direction: alternate; filter: blur(10px); opacity: .2; z-index: -2; } 
@keyframes mainServiceAni { 
 0% { transform: rotate(0) translate(0, 0) scale(1) } 
 100% { transform: rotate(360deg) translate(20%, 5%) scale(1.2, 1); } 
 }
@keyframes mainServiceAni2 { 
 0% { transform: rotate(0) translate(0, 0) scale(1) } 
 100% { transform: rotate(360deg) translate(10%, 5%) scale(1.2, 1); } 
 }
@keyframes mainServiceAni3 { 
 0% { transform: rotate(0) translate(0, 0) scale(1) } 
 100% { transform: rotate(-360deg) translate(10%, 5%) scale(1.2, 1); } 
 }

.board_search_wrap .left { display: none } 

.eventSlide_wrap { } 
.eventSlide_wrap .eventSlider { padding: .3em !important; } 
.eventSlide_wrap .eventSlider .el { } 
.eventSlide_wrap .eventSlider .el .boxInner { position: relative; border-radius: 21px; display: block; overflow: hidden; padding: 2em; box-sizing: border-box; } 
.eventSlide_wrap .eventSlider .boxInner .boxCirImg { position: absolute; right: -1em; bottom: -1em; } 
.eventSlide_wrap .eventSlider .boxInner .boxCirImg > img { filter: var(--crWhitefil); opacity: .2; width: 12em; object-fit: contain; } 
.eventSlide_wrap .eventSlider .el { background-color: #fff; box-shadow: 0px 5px 10px #ddd; border-radius: 1em; } 
.eventSlide_wrap .eventSlider .el .boxInner .posiB.flexBtn { display: flex; gap: .5em; } 
.eventSlide_wrap .eventSlider .el .boxInner .posiB.flexBtn > .btnWrap:first-child:before { display: none; } 
.eventSlide_wrap .eventSlider .el .boxInner .posiB.flexBtn > .btnWrap:nth-child(2):after { display: none; } 

.eventSlide_wrap .eventSlider .boxInner .infoCon { position: relative; } 
.eventSlide_wrap .eventSlider .boxInner .infoCon .infotop { position: relative; gap: .8em; } 
.eventSlide_wrap .eventSlider .boxInner .infoCon .infotop .tagWrap { border-radius: .5em; width: 3.5em; height: 3.5em; line-height: 3.5em; color: #fff; text-align: center; font-size: 1.05em; font-weight: 800; } 
.eventSlide_wrap .eventSlider .boxInner .infoCon .infotop .tagWrap.expected { background-color: #3FCED4; } 
.eventSlide_wrap .eventSlider .boxInner .infoCon .infotop .tagWrap.progress { background-color: #F66584; } 
.eventSlide_wrap .eventSlider .boxInner .infoCon .infotop .tagWrap.progressE { background-color: #B0B0B0; } 
.eventSlide_wrap .eventSlider .boxInner .infoCon .infotop .dateCon { width: auto; font-size: 1.215em; font-weight: 800; color: #111; gap: .5em;; } 
.eventSlide_wrap .eventSlider .boxInner .infoCon .infotop .dateCon .dateW { } 
.eventSlide_wrap .eventSlider .boxInner .infoCon .infotop .dateCon .dateW > .yeartt { color:
 #999; font-weight: 700; font-size: .75em !important; } 
.eventSlide_wrap .eventSlider .boxInner .infoCon > .tit { font-size: 1.15em; height: 2.4em; color: #111; padding-top: .5em; margin-bottom: 1em; font-weight: 600; } 
.eventSlide_wrap .eventSlider .boxInner .infoCon > .imgCon { width: 100%; height: 12.6em; border-radius: .5em; overflow: hidden; margin-top: 1em; box-shadow: 2px 2px 10px #ddd; } 
.eventSlide_wrap .eventSlider .boxInner .infoCon > .imgCon > img { width: 100%; height: 100%; object-fit: cover; transition: .3s; } 
.eventSlide_wrap .eventSlider .boxInner .infoCon > .titWrap { font-size: .95em; color: #666; padding-top: .5em; margin-bottom: .3em; font-weight: 600; margin-top: .9em; } 
.eventSlide_wrap .eventSlider .boxInner .infoCon > .location { line-height: 1.4; font-size: .95em; color: rgba(0, 0, 0, .8); font-weight: 500; margin-top: 1em; } 
.eventSlide_wrap .eventSlider .boxInner .infoCon > .date { font-size: .95em; font-weight: 500; color: rgba(0, 0, 0, .8); margin-top: .15em; } 

.eventSlide_wrap .eventSlider .boxInner:hover .infoCon > .tit { text-decoration: underline; } 
.eventSlide_wrap .eventSlider .boxInner:hover .infoCon > .imgCon > img { transform: scale(1.05); } 

.main_event .morebtn { width: 4em; height: 4em; line-height: 4em; background-color: var(--siteC2); border-radius: 50% 50% 0 50%; text-align: center; color: #fff; } 

/*main gallery*/
.main_gallery { position: relative; background: var(--crGrad1); padding-bottom: 10em; } 
.main_gallery .page_mq { position: absolute; bottom: -.75em; left: 0; } 
.main_gallery .page_mq .mqTT { font-size: 7em; font-weight: 800; line-height: 1; color: rgba(255, 255, 255, .08); } 
.main_gallery .swiperControl { gap: .5em; } 
.main_gallery .swiperControl .swiperBtn { color: #fff; } 
.main_gallery .swiperControl .swiperBtn:hover { background: #fff; color: var(--siteC2); } 
.mainGallerySlider .galleryWrap { position: relative; width: 100%; height: 20em; display: block; } 
.mainGallerySlider .galleryWrap .hoverTit { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); opacity: 0; visibility: hidden; transition: .3s; } 
.mainGallerySlider .galleryWrap .title { position: absolute; font-size: 1.15em; font-weight: 600; width: 100%; padding: 0 1.5em; text-align: center; color: #fff; box-sizing: border-box; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } 
.mainGallerySlider .galleryWrap .title .data { display: block; font-size: .8em; margin-top: 1.5em; } 
.mainGallerySlider .galleryImg { width: 100%; height: 100%; } 
.mainGallerySlider .galleryImg > img { width: 100%; height: 100%; object-fit: cover; } 
.mainGallerySlider .galleryWrap:hover .hoverTit { opacity: 1; visibility: visible; } 

/*main customer*/
.cusomterAll_wrapper .customerTop { gap: 1.5em; } 
.main_boardCon { display: flex; gap: 1em; flex: 1; } 
.main_boardCon .board-item { width: 100%; } 
.main_boardCon .board-item .boardTop { display: flex; align-items: center; margin-bottom: 1em; justify-content: space-between; } 
.main_boardCon .board-item .boardTop > .tt { font-size: 1.25em; font-weight: 700; } 
.main_boardCon .board-item .boardTop .plus { background: var(--crGrad2); color: #fff; width: 2em; height: 2em; line-height: 2em; text-align: center; border-radius: 50%; display: block; } 
.main_boardCon .board-item .boardTop .xi { font-size: 1.125em; } 
.main_boardCon .board-item .boardTop .plus:hover { background: #fff; color: var(--siteC2); } 

.main_boardCon .board-item .mainBoardList { } 
.main_boardCon .board-item .mainBoardList > li { background: #f4f4f4; border-radius: 1em; overflow: hidden; margin-bottom: .5em; } 
.main_boardCon .board-item .mainBoardList > li > .con { display: block; } 
.main_boardCon .board-item .mainBoardList > li.fir > .con { margin-bottom: 2em; } 
.main_boardCon .board-item .mainBoardList > li.fir > .con > .titleCon { display: flex; gap: .15em; } 
.main_boardCon .board-item .mainBoardList > li.fir > .con > .titleCon > .tit { font-size: 1.515em; font-weight: 500; color: #333; line-height: 1.4; } 
.main_boardCon .board-item .mainBoardList > li.fir > .con > .titleCon > .tit > .new { position: relative; top: -1px; color: var(--siteC2); } 
.main_boardCon .board-item .mainBoardList > li.fir > .con > .desc { font-size: 1em; line-height: 1.4; color: #666; margin: .75em 0 1.5em 0; } 
.main_boardCon .board-item .mainBoardList > li.fir > .con > .date { font-size: 1.063em; color: #999; font-weight: 500; } 
.main_boardCon .board-item .mainBoardList > li:not(.fir) > .con { padding: 1em; gap: 2em; display: flex; justify-content: space-between; transition: .3s; } 
.main_boardCon .board-item .mainBoardList > li:nth-child(2):not(.fir) > .con { /* border-top: 1px solid #ddd; */ } 
.main_boardCon .board-item .mainBoardList > li:not(.fir) > .con > .tit { font-size: 1em; font-weight: 500; } 
.main_boardCon .board-item .mainBoardList > li:not(.fir) > .con > .date { font-size: .86em; font-weight: 500; color: #999; } 
.main_boardCon .board-item .mainBoardList > li:hover { background: var(--crGray); } 

.main_register { background: var(--siteC3); width: 30%; position: relative; border-radius: .8em; overflow: hidden; padding: 4.5em 2em 1.5em; box-sizing: border-box; height: 100%; } 
.main_register .list { border-top: 1px solid #fff; border-bottom: 1px solid #fff; } 
.main_register .list li { border-bottom: 1px dashed #fff; } 
.main_register .list li:last-child { border-bottom: unset; } 
.main_register .list li .in { padding: .6em 0; gap: 1em; } 
.main_register .list li:hover .in { background: rgba(255, 255, 255, .1); } 
.main_register .list li .in .state { background: #fff; padding: .3em 1em; border-radius: .5em; font-weight: 500; font-size: .8em; width: 2.5em; height: 2.5em; line-height: 2.5em; font-weight: 600; text-align: center; } 
.main_register .list li .in .state.c1 { color: var(--siteC2); } 
.main_register .list li .in .state.c2 { color: #666; } 
.main_register .list li .in .info { gap: 1em; color: #fff; } 
.main_register .list li .in .info .data { font-size: .76em; margin-top: .5em; } 
.main_register .list li .in .info .data span { } 
.main_register .list li .in .info .tit { flex: 1; font-weight: 500; font-size: .96em; } 
.main_register .in img { position: absolute; right: 10%; bottom: 10%; width: 7.5em; } 
.main_register .in { } 
.main_register .in .fs17 { color: #555; } 
.main_register .in .main_more.st2 { display: inline-flex; height: 1.875em; padding: 0 1.125em; border: 1px solid #111; border-radius: 2em; line-height: 1.875em; color: #111; margin-top: 2em; } 

.cusomterAll_wrapper .customerBtm { display: flex; gap: 1.5em; margin-top: 4em; } 
.cusomterAll_wrapper .customerBtm .boxItem { position: relative; border-radius: 19px; overflow: hidden; padding: 2em; box-sizing: border-box; } 
.cusomterAll_wrapper .customerBtm .boxItem.point { width: 25%; background: var(--siteC2); } 
.cusomterAll_wrapper .customerBtm .boxItem.point .titBox { padding-top: 4em; } 
.cusomterAll_wrapper .customerBtm .boxItem.point .titBox .tit { font-size: 1.215em; color: #fff; font-weight: 600; margin-bottom: .5em; } 
.cusomterAll_wrapper .customerBtm .boxItem.point .titBox .desc { font-size: .95em; font-weight: 500; line-height: 1.4; color: rgba(255, 255, 255, .8); } 
.cusomterAll_wrapper .customerBtm .boxItem.point .huImg { display: flex; justify-content: end; position: relative; top: 2.3em; } 
.cusomterAll_wrapper .customerBtm .boxItem.point .huImg > img { width: 10em; object-fit: contain; } 

.cusomterAll_wrapper .customerBtm .boxItem.journal { width: 50%; padding: 3em; display: flex; align-items: center; gap: 3em; background: #f7f7f7; } 
.cusomterAll_wrapper .customerBtm .boxItem.journal .leftCon { position: relative; width: 55%; } 
.cusomterAll_wrapper .customerBtm .boxItem.journal .leftCon .Ltop { z-index: 10; position: relative; } 
.cusomterAll_wrapper .customerBtm .boxItem.journal .leftCon .Ltop .titBcir { position: relative; } 
.cusomterAll_wrapper .customerBtm .boxItem.journal .leftCon .Ltop .tit { font-size: 1.715em; font-weight: 700; padding-left: 1em; margin-bottom: 1.25em; } 
.cusomterAll_wrapper .customerBtm .boxItem.journal .leftCon .Ltop .desc { font-size: .95em; line-height: 1.4; font-weight: 500; color: #666; } 
.cusomterAll_wrapper .customerBtm .boxItem.journal .leftCon .Ltop .btnCon { margin-top: 2.5em; } 
.cusomterAll_wrapper .customerBtm .boxItem.journal .rightCon { flex: 1; } 
.cusomterAll_wrapper .customerBtm .boxItem.journal .rightCon .journal_List { } 
.cusomterAll_wrapper .customerBtm .boxItem.journal .rightCon .journal_List > .item { } 
.cusomterAll_wrapper .customerBtm .boxItem.journal .rightCon .journal_List > .item > .inner { position: relative; display: block; border-radius: .5em; overflow: hidden; width: 100%; height: 18em; } 
.cusomterAll_wrapper .customerBtm .boxItem.journal .rightCon .journal_List > .item > .inner > .journalImg { width: 100%; height: 100%; } 
.cusomterAll_wrapper .customerBtm .boxItem.journal .rightCon .journal_List > .item > .inner > .journalImg > img { width: 100%; height: 100%; object-fit: cover; } 
.cusomterAll_wrapper .customerBtm .boxItem.journal .rightCon .journal_List > .item > .inner > .hoverIcon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); opacity: 0; visibility: hidden; transition: .3s; } 
.cusomterAll_wrapper .customerBtm .boxItem.journal .rightCon .journal_List > .item > .inner > .hoverIcon > .xi { position: absolute; font-size: 2.15em; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; } 
.cusomterAll_wrapper .customerBtm .boxItem.journal .rightCon .journal_List > .item > .inner:hover > .hoverIcon { opacity: 1; visibility: visible; } 

.cusomterAll_wrapper .customerBtm .boxItem.popUp { width: 25%; padding: 0em; border: 1px solid #ddd; } 

.banner_wrap { background: #fff; height: 100%; width: 25%; border: 1px solid #ddd; border-radius: .8em; overflow: hidden; } 
.banner_wrap .banner_top { padding: 1em 1.5em; } 
.banner_wrap .banner_top > .tit { font-size: 1.125em; font-weight: 600; color: #111; } 
.bannerSlide_wrap { } 
.bannerSlide_wrap .bannerSlide { } 
.bannerSlide_wrap .bannerSlide .swiper-slide { } 
.bannerSlide_wrap .bannerSlide .swiper-slide.el { } 
.bannerSlide_wrap .bannerSlide .banner_img { display: block; width: 100%; height: 14.5em; } 
.bannerSlide_wrap .bannerSlide .banner_img > img { width: 100%; height: 100%; object-fit: cover; } 
.bannerSlide_wrap .banner_control { padding: .2em 1.5em; box-sizing: border-box; display: flex; align-items: center; } 
.bannerSlide_wrap .banner_control .current_con { font-size: 1.05em; color: #111; font-weight: 600; } 

.linkBanner { position: absolute; right: 0em; bottom: 0em; z-index: 10; width: 11em; cursor: pointer; z-index: 999 } 
.linkBanner .svgtt { width: 100%; height: 100% } 
.linkBanner .svgtt .tt { font-weight: 500; text-transform: uppercase; font-size: 1.715em; fill: #cacaca; letter-spacing: .225em } 
.linkBanner .svgtt .tt .c1 { fill: #999 } 
.linkBanner.sm1 { width: 5em; } 
.linkBanner.sm1.main { top: -1em; left: -.5em; right: unset; width: 4em; height: 4em; z-index: 0; } 

.customerN_wrap { gap: 1.5em; height: 340px; } 

.notice_wrap { flex: 1; border: 1px solid #ddd; border-radius: .8em; background: #fff; overflow: hidden; } 
.notice_wrap .notice_top { padding: 1.5em 2em; border-bottom: 1px solid #ddd; } 
.notice_wrap .notice_top .main_tab { gap: 2.5em; } 
.notice_wrap .notice_top .main_tab > li { position: relative; font-size: 1.125em; font-weight: 600; color: #999; } 
.notice_wrap .notice_top .main_tab > li:before { position: absolute; top: 35%; left: -1.2em; width: 5px; height: 5px; background: #999; border-radius: 50%; content: ''; } 
.notice_wrap .notice_top .main_tab > li:first-of-type:before { display: none; } 
.notice_wrap .notice_top .main_tab > li > .tab_btn { } 
.notice_wrap .notice_top .main_tab > li.on { color: #111; font-weight: 700; } 
.notice_wrap .plus { position: absolute; right: 2em; top: -3em; width: 1.5em; height: 1.5em; background: #a6a4a4; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .25s; } 
.notice_wrap .plus > .xi { color: #fff; } 
.notice_wrap .plus:hover { background: #111; } 
.notice_wrap .notice_list { padding: 1.5em 1.5em; } 
.notice_wrap .notice_list .list_top { } 
.notice_wrap .notice_list .list_top > .con { gap: 1.5em; align-items: center; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px dashed #ddd; } 
.notice_wrap .notice_list .list_top > .con .dcon { display: flex; min-width: 4em; flex-direction: column; color: #fff; text-align: center; padding: .5em .8em; background: var(--siteC2); border-radius: .5em; } 
.notice_wrap .notice_list .list_top > .con .dcon > .day { font-size: 1.35em; font-weight: 800; } 
.notice_wrap .notice_list .list_top > .con .dcon > .date { font-size: .875em; font-weight: 400; letter-spacing: -1px; } 
.notice_wrap .notice_list .list_top > .con .tit_con { flex: 1; min-width: 0; } 
.notice_wrap .notice_list .list_top > .con .tit_con .tit { margin-bottom: .5em; font-size: 1.125em; font-weight: 600; color: #111; } 
.notice_wrap .notice_list .list_top > .con .tit_con .txt { font-size: .96em; font-weight: 500; color: #444; } 
.notice_wrap .notice_list .list_top > .con .tit_con .tit,
.notice_wrap .notice_list .list_top > .con .tit_con .txt { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 

.notice_wrap .notice_list .list_top > .con:hover .tit_con .tit { text-decoration: underline; } 
.notice_wrap .notice_list .list_btm { } 
.notice_wrap .notice_list .list_btm .btm_list { min-height: 7.5em; } 
.notice_wrap .notice_list .list_btm .btm_list > li { border-bottom: 1px dashed #ddd; padding-bottom: .8em; margin-bottom: .8em; } 
.notice_wrap .notice_list .list_btm .btm_list > li:last-child { border-bottom: unset; padding-bottom: unset; margin-bottom: unset; } 
.notice_wrap .notice_list .list_btm .btm_list > li > a { display: flex; gap: 2em; align-items: center; } 
.notice_wrap .notice_list .list_btm .btm_list > li > a > .tit { width: 80%; font-weight: 500; color: #111; } 
.notice_wrap .notice_list .list_btm .btm_list > li > a:hover .tit { text-decoration: underline; } 
.notice_wrap .notice_list .list_btm .btm_list > li > a > .date { width: auto; font-size: .96em; color: #666; } 
.notice_wrap .nocon { height: 15em; border: none; } 



/* sub 규정 */
.pg_menu_list { justify-content: flex-start; align-items: flex-start; align-items: stretch; background: #fff; padding: 0 1px 1px 0; border-radius: 1em; overflow: hidden; border: 1px solid var(--siteC2); box-shadow: 0 0 1em rgba(0, 0, 0, .1); } 
.pg_menu_list > li { width: calc(100% / 4) } 
.pg_menu_list.w2 > li { width: calc(100% / 5) } 
.pg_menu_list.w3 > li { width: calc(100% / 2) } 
.pg_menu_list > li .in { position: relative; z-index: 1; flex: 1; margin: 0 -1px -1px 0; padding: .5em .5em; min-height: 2.5em; text-align: center; color: var(--siteC2); border: 1px dashed #ddd; font-weight: 600; word-break: keep-all; } 
.pg_menu_list > li:hover .in { z-index: 2; background: var(--siteC2); color: #fff; transition: .2s; } 

.sub1_3Wrap { margin-top: 2em; border: 8px solid #f4f4f4; padding: 1.25em 1.5em; } 
/* .sub1_3Wrap:first-child { margin-top:0; } */
.sub1_3Wrap .con { background: #fff; box-sizing: border-box; } 
.sub1_3Wrap .con .list1 { line-height: 1.3; } 
.sub1_3Wrap .con .list1 > dt { margin: 1em 0 .3em 0; font-size: 1.063em; color: #222; font-weight: 600; } 
.sub1_3Wrap .con .list1 > dt:first-child { margin-top: 0; } 
.sub1_3Wrap .con .list1 > dd { font-size: .96em; color: #333; line-height: 1.7; } 
.sub1_3Wrap .con .list1 > dd > strong { color: #111; vertical-align: baseline; } 
.sub1_3Wrap .tit { margin-bottom: 1em; border-bottom: 1px solid #ddd; padding-bottom: 1em; } 
.sub1_3Wrap .tit > .tt { color: var(--siteC2); font-size: 1.3em; font-weight: 700; display: block; } 

span.bg { background: #f4f4f4; display: block; padding: .5em; margin-bottom: .5em; } 

.academic_list { gap: 1em; } 
.academic_list li { flex: 1 24%; border: 1px solid #ddd; border-radius: .8em; overflow: hidden; } 
.academic_list li .in { display: block; padding: 2em; } 
.academic_list li .in .top_con { border-bottom: 1px dashed #ddd; margin-bottom: 1em; padding-bottom: 1em; } 
.academic_list li .in .top_con .tit1 { font-size: 1.25em; font-weight: 700; } 
.academic_list li .in .top_con .tit2 { margin-top: 1em; } 
.academic_list li .in .bottom_con { } 
.academic_list li .in .bottom_con .tt { font-size: .9em; } 
.academic_list li .in .bottom_con .xi { color: var(--siteC2); margin-right: .3em; } 

.academic_list li:hover { border: 1px solid var(--siteC2); } 

/*sub_people*/
.memList { width: 100%; } 
.memList li { width: 100%; } 
.memList li.ll { border-bottom: 1px solid #ddd; margin-bottom: 3em; } 
.memList li.ll .in .imgC { width: 40%; border-radius: .3em; } 
.memList li.ll .in .imgC.st2 { width: 260px; height: 368px; border-radius: .3em; position: relative; } 
.memList li.ll .in .imgC.st2 img { width: 100%; height: 100%; object-fit: cover; }
.memList li.ll .in .imgC.st3 { width: 19%; border-radius: .3em; } 
.memList li.ll .in .imgC img { border-radius: .5em; } 
.memList li.ll .in .imgC.st2::after { content: ""; position: absolute; top: 10px; left: 35px; border: 2px solid #ddd; width: 93%; padding-bottom: 103%; border-radius: .5em; z-index: -1; } 
.memList li.ll .in .imgC.st3::after { content: ""; position: absolute; top: 10px; right: -10px; border: 2px solid #86b2e4; width: 101%; padding-bottom: 105%; border-radius: .5em; z-index: -1; } 
.memList li.ll .in .imgC.st3 img { box-shadow: 0 3px 10px #ddd; } 
.memList li.ll .in .txtC { width: 65%; padding: 0 1em; } 
.dp2_people3 .memList li.ll .in .txtC { width: 65%; padding: 0 1em; transform: translateY(-5px); } 
.memList li.ll .in .txtC .desc { margin-bottom: .3em; } 
.memList li.ll .in .txtC .desc .years { font-size: 1.2em; } 
.memList li.ll .in .txtC .tit { color: #333; font-weight: 600; font-size: 1.05em; margin-bottom: .3em; font-family: var(--fontPop); } 
.memList li.ll .in .txtC .tit.h1 { color: #333; font-weight: 700; font-size: 1.35em; margin-bottom: .3em; height: 1em; } 
.memList li.ll .in .txtC .txt { color: #555; font-size: .85em; letter-spacing: .5px; font-family: var(--fontBase);} 
.memList li.ll .in .txtC .txt.st2 { color: #555; font-size: .9em; margin-bottom: .5em; margin-top: .85em; font-weight: 700; font-family: var(--fontPop);} 
.memList li.ll .in .txtC .txt2 { color: #555; font-size: .985em; text-transform: uppercase; font-family: var(--fontPop);} 
.memList li.ll .in .txtC .tt { font-size: .9em; margin-bottom: .85em; } 
.memList li.ll .in .txtC .txt.dott { position: relative; } 
.memList li.ll .in .txtC .txt.dott::before { content: ""; position: absolute; top: 0; left: 0; } 

.people_mintit {width: 4.5em;}

/*product1*/
.topT { max-width: 5em; padding: .5em .8em; background: linear-gradient(to right, #0952a5 0%, #0a3688 100%); color: #fff; font-weight: 800; border-radius: 3em; } 
.sub_In .con .imgW { width: 100%; border-radius: .8em; overflow: hidden; box-shadow: 0 3px 10px #ddd; } 
.sub_In .con .txtW { width: 100%; padding: 1.5em; box-sizing: border-box; } 
/*product2*/
.proJcon { } 
.proJcon .pro_list { gap: 1em; } 
.proJcon .pro_list > li { border: 1px solid #ddd; padding: 1.5em; box-sizing: border-box; } 
.proJcon .pro_list li .txtB { background-color: #fafafa; padding: 1.5em; box-sizing: border-box; } 
.proJcon .pro_list li .txtB .tit { width: 5em; } 

/*publications*/
.con_idx .publ_list { width: 100%; } 
.con_idx .publ_list li { width: 100%; border: 1px solid #ddd; border-radius: .8em; padding: 1em; transition: all .3s; } 
.con_idx .publ_list li:hover { box-shadow: 3px 3px 10px #ddd; } 
.con_idx .publ_list li .topW { width: 100%; border-radius: .8em; padding: 1em; } 
.con_idx .publ_list li .bottomW { width: 100%; border-radius: .8em; padding: 1em; } 
.con_idx .publ_list li .topW .icoL { gap: 0.5em; } 
.con_idx .publ_list li .topW .icoL .tag { padding: .3em .5em; border-radius: .5em; background-color: #fafafa; } 
.con_idx .publ_list li .topW .icoL .tag.st1 { background-color: #d0f8d6; color: #135c1d; } 
.con_idx .publ_list li .topW .icoL .tag.st2 { background-color: #c3a4e0; color: #5e3188; } 
.con_idx .publ_list li .topW .icoL .tag.st3 { background-color: #aaccf0; color: #2a609b; } 
.con_idx .publ_list li .topW .icoL .tag.st4 { background-color: #fffda0; color: #daa30d; } 
.con_idx .publ_list li .topW .icoR i { border: 1px solid #ddd; border-radius: .8em; padding: .5em; transition: .3s; } 
.con_idx .publ_list li .topW .icoR i:hover { background-color: #aaccf0; color: #fff; } 
.con_idx .publ_list li .bottomW .desc { width: 95%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: .5em; } 
.con_idx .publ_list li .bottomW .desc .name { width: 95%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 

.link { transition: all .3s; color: #555; position: relative; padding-left: 10px; } 
.link::before { content: '-'; position: absolute; top: 0; left: 0; } 
.link:hover { text-decoration: underline; color: var(--siteC); } 
/* 협회 소개 - overview */
.page_twrap_img { position: relative; padding-bottom: 7em } 
.page_twrap_img .wrap_con { width: 70%; background: #fff; position: relative; z-index: 1; box-sizing: border-box; padding: 3em; padding-bottom: 4em } 
.page_twrap_img .wrap_con:before { content: ""; position: absolute; left: 0; top: 0; width: 2em; height: 2em; border: .25em solid #0060ae; border-right: none; border-bottom: none } 
.page_twrap_img .wrap_img { position: absolute; left: 0; bottom: 0; width: 100%; height: 70% } 
.page_twrap_img .wrap_img .img { height: 100% } 
.page_twrap_img.st1 { padding-bottom: 5em } 
.page_twrap_img.st1 .wrap_con { width: 80%; margin: 0 auto; text-align: center; padding: 3em; border-top: 1px solid #111 } 
.page_twrap_img.st1 .wrap_con:before { display: none } 
.page_twrap_img.st1 .wrap_img { height: 80% } 

.Bdot { position: relative; display: inline; padding-left: 10px; } 
.Bdot::before { content: ""; position: absolute; width: 5px; height: 50%; background-color: var(--siteC); bottom: -4px; left: -5px; } 
.Bdot::after { content: ""; position: absolute; width: 5px; height: 50%; background-color: #abc5e4; top: 4px; left: -5px; } 
.table_listCon .table_list { width: 100%; } 
.table_listCon .table_list .table_thead { border: 1px solid #aaa; border-width: 1px 0 1px 0; height: 3em; line-height: 3em; padding: 0 .5em; background-color: #f5f5f5; } 
.table_listCon .table_list .table_tr { border: 1px solid #ddd; border-width: 0px 0 1px 0; padding: 1.25em .5em; background-color: rgba(255, 255, 255, .5); transition: all .3s; } 
.table_listCon .table_list .table_tr:hover { border: 1px solid #ddd; border-width: 0px 0 1px 0; padding: 1.25em .5em; background-color: rgba(201, 220, 255, 0.5); } 
.table_listCon .table_list .wrap_in .title { width: 95%; } 
.table_listCon .table_list .wrap_in .title .tt { width: 95%; font-size: 1.15em; } 
.table_listCon .table_list .wrap_in .title .tit { font-size: 1.15em; } 
.table_listCon .table_list .wrap_in .title .sub_tt { font-size: 0.95em; } 
.table_listCon .table_list .wrap_in .years { width: 5%; text-align: center; } 
.table_listCon .table_list .wrap_in .years .tt { font-size: 1.15em; } 

.curriculum { width: 100%; display: flex; gap: 16px; } 

.section { background-color: #1E40AF; color: white; padding: 16px; border-radius: 10px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } 

.section.gray { background-color: #6B7280; } 
.section.gray2 { background-color: #8f8f8f; } 
.section.gray3 { background-color: #b6b6b6; } 

.section.light { background-color: #60A5FA; } 

.section-title { font-weight: bold; font-size: 1.1rem; padding: 1em 0; } 
.curriculum_list { } 

.curriculum_list > li { background-color: #3B82F6; color: white; padding: 12px; border-radius: 8px; margin-bottom: 8px; } 

.curriculum_list li.small { background-color: #2563EB; } 

.curriculum_list li.light { background-color: #60A5FA; } 

small { display: block; font-size: 12px; color: #e0e7ff; margin-top: 4px; } 
.sub_con { background-color: #fff; box-shadow: 0px 3px 10px #ddd; padding: 1em; box-sizing: border-box; } 
.classes_txt { background-color: #fafafa; padding: 2em; box-sizing: border-box; border-radius: .3em; } 
.classes_txt .txtC { background-color: #fff; padding: 1em; box-sizing: border-box; border-radius: .3em; } 
.classes_txt .txtC .txt { border-bottom: 1px dashed #ddd; padding-bottom: 10px; } 

.lettS05 { letter-spacing: .5px; } 
.publ_list { list-style: none; padding: 0; margin: 0; } 
.publ_list .card { position: relative; background: #fff; border-radius: 10px; padding: 20px 20px 20px 24px; margin-bottom: 16px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); transition: box-shadow 0.3s; cursor: pointer;} 
.publ_list .card:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } 
.publ_list .card.favourite { border-left: 5px solid var(--siteC4); padding-left: 19px; } 
.publ_list .label { font-size: 13px; text-transform: uppercase; color: #ac0f2f; font-weight: bold; margin-bottom:.5em; font-family: var(--fontPop) !important; } 
.publ_list .favourite-badge { position: absolute; top: 16px; right: 20px; font-size: 11px; color: #ac0f2f; background: #f5f3ff; padding: 2px 8px; border-radius: 12px; font-weight: bold; box-sizing: border-box; } 
.publ_list .title { font-size: 18px; font-weight: bold; color: #1f2937; margin-bottom: 8px; font-family: var(--fontPop) !important; } 
.publ_list .extra-info p { font-size: 18px; font-weight: 700; color: #333; margin-bottom: 8px; padding:.3em .5em; border-radius: 3em; } 
.publ_list .extra-info p:hover { font-size: 18px; font-weight: 700; color: #fff; margin-bottom: 8px; padding:.3em .5em; border-radius: 3em; box-sizing: border-box; background-color: #ac0f2f } 
.publ_list .meta { font-size: 16px; color: #4b5563; margin-bottom: 6px; } 
.publ_list .authors { font-size: 16px; color: #374151; margin-bottom: 12px; } 
.publ_list .action-bar .btn { font-size: 12px; color: #6b7280; text-decoration: none; } 
.publ_list .card { position: relative; background: #fff; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); transition: 0.3s; } 
.publ_list .card:after {
    content: "";
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    background: var(--siteC4);
    position: absolute;
    right: -0.55em;
    top: -0.25em;
    opacity: 0;
    transform: translate(-10px, 10px);
    transition: transform .2s, opacity .2s;
}

/* 부모 호버로 after 제어 */
.publ_list .card:hover:after {
    opacity: .3;
    transform: translate(0, 0);
}
.publ_list .card.favourite { border-left: 4px solid #ac0f2f; padding-left: 16px; } 
.favourite-badge { position: absolute; top: 16px; right: 20px; font-size: 11px; color: #ac0f2f; background: #f5f3ff; padding: 2px 8px; border-radius: 12px; font-weight: bold; } 
.extra-info {margin-top: -10px;gap: 16px;align-items: center;}
.metrics {display: flex;gap: 10px;}
.metric-box {display: inline-flex;align-items: center;justify-content: center;gap: 6px;border: 1px solid #ccc;border-radius: 6px;padding: 4px 10px;background-color: #f9f9f9;font-size: 13px;color: #ac0f2f;height: 32px;line-height: 32px;box-sizing: border-box;line-height: 1;}
.metric-icon {width: 16px;height: 16px;object-fit: contain;display: block;}
.metric-box > .label {font-weight: 600;text-transform: uppercase; margin-bottom: 0 !important;}
.metric-box .value {font-weight: 600;}
.qual-wrapper { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1.5rem; max-width: 1600px; margin: 3rem auto; font-family: var(--fontPop);} 
.qual-col { display: flex; flex-direction: column; gap: 1rem; } 
.qual-head { background: #0a1a33; color: #fff; padding: 1rem; text-align: center; border-radius: 4px; font-size: 1.125em; font-weight: bold; height: 3.6em; } 
.qual-head span { display: block; margin-top: .3rem; font-size: .8rem; opacity: .9; } 
.qual-head span.first_t {font-size: 1.3em; display: inline; margin-top: unset; opacity: 1; vertical-align: baseline;}
.qual-item { background: #f3f3f3; border: 1px solid #ddd; padding: 1rem; border-radius: 4px; text-align: center; cursor: pointer; transition: .2s; } 
.qual-item:hover { background: #e7e7e7; } 
.qual-item .tit { font-size: 1rem; font-weight: bold; margin-bottom: .3rem; } 
.qual-item span { font-size: .82rem; color: #555; } 
.qual-popup { position: fixed; inset: 0; background: rgba(0, 0, 0, .45); display: none; align-items: center; justify-content: center; z-index: 9999; } 
.popup-box { width: 650px; max-width: 90%; background: #f4f4f4; border: 1px solid #ccc; padding: 2rem; border-radius: 6px; position: relative; animation: pop .25s ease-out; } 

@keyframes pop { 
 0% { transform: scale(.8); opacity: 0; } 

 100% { transform: scale(1); opacity: 1; } 
 }

/* X 버튼 */
.popup-close { position: absolute; top: 8px; right: 12px; font-size: 2rem; border: none; background: none; cursor: pointer; } 

/* 텍스트 */
.popup-title { font-size: 1.4rem; font-weight: 700; margin-bottom: .5rem; } 

.popup-eng { font-size: 1rem; font-weight: 600; color: #666; margin-bottom: 1rem; border-bottom: 1px solid var(--siteC4); padding-bottom: .3em; color: #A6212C; } 

.popup-desc { font-size: .95rem; line-height: 1.6; color: #333; } 

.cubeList { display: flex; gap: 20px; margin: 20px 0; } 

.cubeList li { list-style: none; width: 50%; } 

.imgWrap { position: relative; width: 100%; height: 280px; border-radius: 10px; overflow: hidden; } 
.imgWrap .img { width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; } 
.imgWrap .img img { width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; } 

.cubeTitle { font-size: 1.4rem; font-weight: 700; margin-bottom: 10px; text-shadow: 0 2px 5px rgba(0,0,0,0.6); position: relative; z-index: 100; } 

.cubeDesc { font-size: 1rem; line-height: 1.4; opacity: 0; transition: .3s; } 
.imgWrap.bg1:hover { filter: brightness(60%); } 
.imgWrap:hover .cubeDesc { opacity: 1; } 

.imgWrap::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.1); transition: .3s; z-index: 1; } 

.imgWrap:hover::before { background: rgba(0,0,0,0.45); } 

/* 텍스트는 항상 가장 위 */
.contentBox { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; z-index: 2; /* 항상 최상단 → 어두워지지 않음 */
 color: #fff; font-family: var(--fontPop);} 

.cubeDesc { opacity: 0; transition: .3s; } 

.imgWrap:hover .cubeDesc { opacity: 1; } 
.on .imgWrap::before { background: rgba(0,0,0,0.45); } 

.on .cubeDesc { opacity: 1; }