@charset "utf-8"; /* CSS Document */
.box0 { padding: 0 4vw; margin: 0 auto; } 
.box1 { width: var(--baseWidth); margin: 0 auto; max-width: var(--fullWidth); } 
.box1.st2 { width: var(--baseWidth2); 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); } 

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

.headerL { padding-left: var(--headerQ) } 
.headerT { padding-top: var(--headerQ); } 
.headerH { height: var(--headH); } 

/* .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; left: 0; top: 0; height: 100vh; z-index: 101; display: flex; width: 100px; transition: width ease-in-out 0.5s } 
#headerQ .all_wrap { z-index: 1 } 
#headerQ .quick_wrap { z-index: 2 } 
#headerQ .fix_wrap { z-index: 3 } 
#headerQ .quickBtn { z-index: 4 } 
#headerQ .fix_wrap { order: -1; width: 100px; height: 100%; display: flex; align-items: center; flex-direction: column; gap: 2em 0; box-sizing: border-box; background: #fff; position: relative; transition: background-color .5s; } 
#headerQ .fix_wrap:before { content: ""; position: absolute; width: 1px; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, .05) } 
#headerQ .allBtn_wrap { display: flex; align-items: center; justify-content: center; width: 100%; height: 8em; } 

.etc_wrap { display: flex; align-items: center; gap: 3em; 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: 40px 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; left: 5vw; top: 0; visibility: hidden; transition: .5s; } 
#headerQ .all_wrap .wrap_container { display: flex; } 
#headerQ .all_wrap .crHead { position: absolute; top: 0; left: 0; width: 100%; height: var(--headHS); 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(--siteC3); 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); } 
#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: #111; } 
#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: #111; } 
#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(--siteC); 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(--siteC) } 
#headerQ .mem_wrap .logBtn .arrow { font-size: 1em; color: var(--siteC); transition: .3s } 
#headerQ .mem_wrap .logBtn:hover .arrow { transform: translateY(1em) } 
#headerQ .bottom_wrap { margin-top: auto; margin-bottom: 3em;} 
#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(--siteC); 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 { /* position: absolute; bottom: 2em;*/ width: 3.5em;  line-height: 3.5em; text-align: center; background: var(--siteC); color: #fff; box-shadow: 0 0 1em rgba(0, 0, 0, .1); opacity: 0; transform: translateY(100%); transition: .3s; margin-bottom: 2em; } 
#headerQ .goTop .xi { font-size: 1.5em } 
.scroll #headerQ .goTop { opacity: 1; transform: translateY(0) } 

/*quick new*/
#quick_new { position:fixed; z-index:100; bottom:4em; right:3em; text-align:right; transition:transform .4s; } 
/* .scroll #quick_new { transform:translateY(0); }  */
#quick_new .quick_wrap { position:relative; width:3.25em; height:3.25em; box-sizing:border-box; transition:width .3s; /* overflow:hidden; */ } 
#quick_new .quick_wrap > .in { position:relative; white-space:nowrap; overflow:hidden; } 
#quick_new > li:not(:first-child) { margin-top:.5em; } 
#quick_new > li .quick_wrap:before { content:''; position:absolute; top:0; right:0; width:100%; height:100%; border-radius:50%; } 
#quick_new > li .quick_wrap .quick_icon { text-align:center } 
#quick_new > li .quick_wrap .quick_icon.st2 { width:45%; } 
#quick_new > li .quick_wrap .quick_tt { font-size:1.063em; font-weight:600; width:0; opacity:0; overflow:hidden; } 
#quick_new > li .quick_wrap:not(.goTop):hover { width:100%; padding:0 1.75em 0 1.25em; } 
/*#quick_new > li:last-child .quick_wrap:hover { width:45%; } */
#quick_new > li .quick_wrap:hover:before { border-radius:10em; } 
#quick_new > li .quick_wrap:hover .quick_tt { flex:1; width:100%; opacity:1; padding-left:.75em; } 
#quick_new > li .quick_wrap:hover .quick_icon.st2 { width:20%; } 
#quick_new.top { bottom: 320px; padding-bottom: .5em; border-bottom: 1px solid #eee; } 

#quick_new > li .as_btn { color: #fff; } 
#quick_new > li .as_btn:before { background: #fe7235; } 
#quick_new > li .join_btn { color: #000; } 
#quick_new > li .join_btn:before { background: #eee; } 
#quick_new > li .kakao_btn { color:#3b1e1e; } 
#quick_new > li .kakao_btn:before { background:#fbe300; } 
#quick_new > li .insta_btn { color: #fff; } 
#quick_new > li .insta_btn:before { background: #e82155; } 
#quick_new > li .call_btn { color:#fff; } 
#quick_new > li .call_btn:before { background:var(--siteC); filter: brightness(0.5);} 
#quick_new > li .youtube_btn { color:#fff; } 
#quick_new > li .youtube_btn:before { background: #FF0000; } 
#quick_new > li .naver_btn { color:#00c63b; } 
#quick_new > li .naver_btn:before { background:#fff; border:1px solid #00c63b; } 
#quick_new > li .goTop { color:#fff; padding:0 !important } 
#quick_new > li .goTop:before { background:#aaa; border:1px solid transparent; } 

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


#header { position:fixed; left:0; top:0; width:100%; z-index: 99; box-sizing:border-box; transition: all .5s; } 
#header .wrap_in .logoW { display: block; width: 14em; } 
#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; } 
.logoBox {display: flex; align-items: center; } 
.logoBox > .tt { font-size: 2.3em; font-weight: 800; text-transform: uppercase; } 

html:not(.allOn) #header .wrap_in { align-items: center; height: var(--headH); color: #111; transition: height .3s, background .3s; } 
html:not(.allOn) #header .wrap_in .all_logo { } 
html:not(.allOn) #header .wrap_in .all_logo > .inner { } 
html:not(.allOn) #header .wrap_in .until_wrap { display: flex; align-items: center; gap: 1.5em; } 
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: 2em; justify-content: center; } 
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: 14vmin; } 
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 } 
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-weight: 600; font-size: 1.163em; 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 .dp1:after { content: ""; position: absolute; top: -18px; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, var(--siteC3) 49%, var(--siteC) 50%);; transform: scaleX(0); } 
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(--siteC); } 
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li:hover .dp1:after,
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li.on .dp1:after { transform: scaleX(1); transition: .3s } 
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; border-radius: 0 3em 0 3em; opacity: 0; z-index: -1; position: absolute; padding: 1em; background: var(--siteC); width: 13em; left: 50%; transform: translateX(-50%); box-sizing: border-box; box-shadow: 0 1em 1em rgba(0, 0, 0, .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: rgba(255, 255, 255, .8); transition: .3s; } 
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb > li .dp2 > li > a .tt:hover { color: #fff; } 
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 } 

#header .wrap_in .gnb_wrap .gnb > li .dp2 { flex-direction: column; 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); } 

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 { 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; } 

#header.searchOpen .logo { z-index:999; filter:none; } 
#header.searchOpen .logo > .in img { transform:scale(1) !important; } 
#header.searchOpen .side_wrap { position:relative; } 
#header.searchOpen .util_wrap .search_btn { position:absolute; z-index:999; top:2em; right:3vw; color:#000; } 
#header.searchOpen .util_wrap .search_btn .ico { font-size:2.500em; transition:.4s; } 
#header.searchOpen .util_wrap .search_btn .ico:before { content:"\e921"; } 
#header.searchOpen .util_wrap .search_btn:hover .ico { transform:rotate(180deg); } 
#header.searchOpen .util_search { opacity:1; visibility:visible; pointer-events:auto; } 

#header .search_inner .search_btn > .xi { font-size: 1.815em; } 
#header .util_search { position:fixed; top:0; left:0; width:100%; z-index:99; opacity:0; visibility:hidden; pointer-events:none; } 
#header .util_search .wrap_con { position:absolute; top:0; left:0; width:100%; padding:6em 0; background:#fff; box-shadow:0 .5em 1em rgba(0,0,0,.2); text-align:center; color:#000; } 
#header .util_search .wrap_con .wrap_in { gap:2em 0; width:800px; } 
#header .util_search .wrap_con .tit .tt { font-size:3.500em; font-weight: 700; } 
#header .util_search .wrap_con .search { position:relative; } 
#header .util_search .wrap_con .search .inp { width:3.5em; height:3.5em; box-sizing:border-box; border:none; font-size:1.375em; } 
#header .util_search .wrap_con .search .inp.txt { flex:1; padding:0 1em; background:#f5f5f5; } 
#header .util_search .wrap_con .search .inp.btn { background:var(--siteC); color:#fff; } 
#header .util_search .hot_keyword { gap:.25em; } 
#header .util_search .hot_keyword > li { } 
#header .util_search .hot_keyword > li .in { padding:0 1em; height:2.5em; border:1px solid #eee; border-radius:6em; color:#555; transition:.2s; } 
#header .util_search .hot_keyword > li .in:hover { background:var(--siteC); border-color:var(--siteC); color:#fff; } 

#header .h_menu_wrap {gap: 1.5em;}
#header .h_menu_wrap .util_wrap{display: none;}


#header .all_wrap { color:#000; z-index: 101;} 
#header .all_wrap .all { width:4.5em; } 
#header .all_wrap .allbtn { position:relative; display:block; width:2.5em; height:1.125em; margin-left:auto; } 
#header .all_wrap .allbtn .ham,
#header .all_wrap .allbtn .ham:before,
#header .all_wrap .allbtn .ham:after { display:block; width:100%; height:2px; background:#000; transition:.2s, background 0s; content: ''; } 
#header .all_wrap .allbtn .ham:before,
#header .all_wrap .allbtn .ham:after { content:""; position:absolute; left:0; } 
#header .all_wrap .allbtn .ham:before { top:calc(20% - 1px); width:100%; } 
#header .all_wrap .allbtn .ham:after { top:calc(85% - 2px); width:100%; } 
#header .all_wrap .allbtn:hover .ham:before { width:100%; } 
#header .all_wrap .allbtn:hover .ham:after { width:100%; } 

#header .all_wrap .all_layer { position:fixed; top:0; left:0; width:100%; height:100vh; opacity:0; visibility:hidden; } 
#header .all_wrap .all_layer .all_close { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); opacity:0; backdrop-filter:blur(.75em); } 
#header .all_wrap .all_layer .all_close > .xi { position: absolute; right: 3em; top: 3em; z-index: 99; } 
#header .all_wrap .all_layer .all_inner { position:absolute; top:0; right:0; width:32em; max-width:100%; height:100%; background:#fff; box-shadow:-1em 0 1em rgba(0,0,0,.1); transform:translateX(100%); } 
#header .all_wrap .all_layer .all_inner > .wrap_in { gap:2em; padding: 2em; } 
#header .all_wrap .all_layer .all_inner > .mark { position: absolute; bottom: 0; right: 0; width: 16em; opacity: .15; } 
#header .all_wrap .all_layer .all_inner > .mark > img { width: 26.5em; } 
#header .all_wrap .all_layer .all_inner > .closeBtn { position: absolute; right: 2em; top: 2em; cursor: pointer; } 
#header .all_wrap .all_layer .all_inner > .closeBtn > .xi { font-size: 1.815em; } 

#header .all_wrap .all_layer .wrap_top a { transition:.2s; } 
#header .all_wrap .all_layer .wrap_top .all_logo { } 
#header .all_wrap .all_layer .wrap_top .all_logo .in { display:block; width:12.5em; } 
#header .all_wrap .all_layer .wrap_top .all_logo .in img { width:100%; } 
#header .all_wrap .all_layer .wrap_top .all_mem { gap:.25em; padding:2em 0 1em; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li > a { width: 100%; background: var(--siteC); height: 2.75em; text-align: center; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: .4em; font-size: 1.063em; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li > a > .xi { margin-right: 5px; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li { flex: 1; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in .icon { position: absolute; left: .5em; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in { position:relative; height:2.25em; padding:0 1em; border:1px solid var(--siteC2); background:var(--siteC2); color: #fff; border-radius:.25em; line-height:normal; align-items: center; justify-content: center; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in .tt { font-size:.938em; font-weight:500; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in:hover { } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in:hover .icon { color: #fff; } 

#header .all_wrap .all_layer .wrap_middle { } 
#header .all_wrap .all_layer .wrap_middle .gnb { flex-wrap:wrap; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li { flex:1 1 100%; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_mypage { display:block; } 
#header .all_wrap .all_layer .wrap_middle .gnb ul.flex { display:block; } 
#header .all_wrap .all_layer .wrap_middle .gnb a { position:relative; justify-content:flex-start; text-align:left !important; font-weight:500; transition:.2s; } 
#header .all_wrap .all_layer .wrap_middle .gnb li > a.layer { display: none; } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more > a.layer { display: block; } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more { } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more > a.link { display:none; } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more > a.layer { display:flex !important; align-items: center; padding-right:2.5em; display: block; } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more > a .arrow { position:absolute; right:1em; top:50%; transform:translateY(-50%); font-size:1em; } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more > a .arrow:before { content:"\e943"; font-size:1.250em; font-weight: 600; display:block; transition:.2s; } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more > ul { display:none; } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more.on > a .arrow:before { transform:rotate(-180deg); } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more.on > ul { display:block; } 
#header .all_wrap .all_layer .wrap_middle .gnb ul { padding:1em 1em; } 
#header .all_wrap .all_layer .wrap_middle .gnb ul li > a { padding:.875em .5em; } 
#header .all_wrap .all_layer .wrap_middle .gnb ul li.more .arrow { right:.5em; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li { } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 { height:4em; padding:0 1.5em; border:solid #ddd; border-width:1px 0; margin-bottom:-1px; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt { font-size:1.15em; font-weight: 600; } 
#header .all_wrap .all_layer .wrap_middle .gnb li.on > a .arrow:before,
#header .all_wrap .all_layer .wrap_middle .gnb li.act > a .arrow:before { color: #fff; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li.act .dp1,
#header .all_wrap .all_layer .wrap_middle .gnb > li.on .dp1 { background-color: var(--siteC); color:#fff; } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li > a { padding-left:1.5em; } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li.more > a.link { display: block; } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li.more > a.link .va > .xi { display: none; } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li > a:before { content:""; position:absolute; left:.75em; top:50%; width:.313em; height:.313em; background:var(--siteC); border-radius:50%; transform:translateY(-50%); } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li > a .tt { font-size:1.063em; } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li > a:hover { color: var(--siteC); transition: .1s; } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li.on > a { color:var(--siteC); font-weight:600; } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 { background:var(--crGray2); display: block !important; margin-left: 1.6em; } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 > li > a { color:#444; font-size: .9em; } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 > li:first-of-type > a { padding-top: 0em; } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 > li:last-of-type > a { padding-bottom: 0em; } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 > li + li > a { border-top:1px dashed #ddd; } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 > li.act > a .tt,
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 > li.on > a .tt { text-decoration:underline; } 
#header .allBtn { position: relative; width: 24px; height: 24px; } 
#header .allBtn .square_container { display: block; width: 100%; height: 100%; } 
#header .allBtn .square_container .square { display: block; position: absolute; width: 6px; height: 6px; background: var(--crBlack); transition: all .25s ease; } 

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

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

#header .all_wrap .wrap_in .all_top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2.5em; } 
#header .all_wrap .wrap_in .all_header { } 
#header .all_wrap .wrap_in .all_header .all_logo img { width: 12em; } 
#header .all_wrap .wrap_in .all_header .close_btn { width: 4.5em; height: 4.5em; background: rgba(0, 0, 0, .2); border-radius: 50%; } 
#header .all_wrap .wrap_in .all_header .close_btn .xi { font-size: 1.875em; transition: .3s; } 
#header .all_wrap .wrap_in .all_header .close_btn:hover .xi { transform: rotate(180deg); } 

#header .all_wrap .wrap_in .all_menu_wrap .telCon { display: flex; justify-content: end; margin-top: .75em; } 
#header .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(--siteC3); color: #fff; } 
#header .all_wrap .wrap_in .all_menu_wrap .telCon > .tt .dataLink { vertical-align: baseline; } 

#header .all_wrap .wrap_in .all_top .all_mem { gap: .5em; } 
#header .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; } 
#header .all_wrap .wrap_in .all_top .all_mem .link .t1 { font-size: .938em; font-weight: 500; } 
#header .all_wrap .wrap_in .all_top .all_mem .link:hover { background: var(--siteC); border-color: var(--siteC); color: #fff; } 

#header .all_wrap .wrap_in .gnb { flex-wrap: wrap; } 
#header .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); } 
#header .all_wrap .wrap_in .gnb > li:first-of-type { border-top: 1px solid rgba(255, 255, 255, .2); } 
#header .all_wrap .wrap_in .gnb > li:last-of-type { margin-bottom: 0em; padding-bottom: 0em; border: none; } 
#header .all_wrap .wrap_in .gnb > li ul { display: flex; gap: 1em; } 
#header .all_wrap .wrap_in .gnb > li a { justify-content: flex-start; text-align: left !important; padding: .5em; } 
#header .all_wrap .wrap_in .gnb > li .dp1 { width: 12em; } 
#header .all_wrap .wrap_in .gnb > li .dp1 .in { display: flex; align-items: flex-end; gap: .75em; } 
#header .all_wrap .wrap_in .gnb > li .dp1 .tt { font-size: 1.615em; font-weight: 800; } 
#header .all_wrap .wrap_in .gnb > li.act { } 
#header .all_wrap .wrap_in .gnb > li.act .dp1 .tt { background-position: 0 100%; } 
#header .all_wrap .wrap_in .gnb > li .dp2 > li > a .in { display: inline-block; position: relative; } 
#header .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; } 
#header .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; } 
#header .all_wrap .wrap_in .gnb > li .dp2 > li > a:hover .tt { color: var(--crBlack); } 
#header .all_wrap .wrap_in .gnb > li .dp2 > li.act > a .in:after { transform: scaleX(1) } 
#header .all_wrap .wrap_in .gnb > li .dp3 { display: none; } 
#header .all_wrap .wrap_in .gnb > li .dp3 > li > a { gap: 0 .75em; } 
#header .all_wrap .wrap_in .gnb > li .dp3 > li > a:before { content: ""; width: 4px; height: 2px; background: rgba(255, 255, 255, .4); } 
#header .all_wrap .wrap_in .gnb > li .dp3 > li > a .tt { opacity: .7; } 
#header .all_wrap .wrap_in .gnb > li .dp3 > li.act > a .tt { text-decoration: underline; opacity: 1; } 
#header .all_wrap .wrap_in .gnb > li .dp4 { display: none; } 

#header.allOn { } 
#header.allOn .allBtn .xi:before { content: "\e9af" } 
#header.allOn .all_wrap { visibility: visible; } 
#header.allOn .all_wrap .wrap_in { opacity: 1; align-items: start;} 
#header.allOn .fix_wrap { background: #111; } 
#header.allOn .mem_wrap .logBtn .tt { color: #fff; } 
#header.allOn .mem_wrap .logBtn .ico { color: #ffd0d4; font-size: 1.6em } 
#header.allOn .mem_wrap .logBtn .tt .point { color: #ffd0d4; } 
#header.allOn .mem_wrap .logBtn .arrow { font-size: 1em; color: #ffd0d4; transition: .3s } 
#header.allOn .all_wrap .crHead { background: #111; } 
#header.allOn .all_wrap .bg .bgImg { transform: translateX(0); opacity: 1; } 
#header.allOn .bottom_wrap .link .tt { color: #fff; } 
#header.allOn .h_menu_wrap .allBtn{z-index: 102;}
#header.allOn .allBtn .square_container .square{background: #fff;}

/*푸터*/
#footer .goTop { display: flex; align-items: center; border-radius: 50%; justify-content: center; z-index: 998; position: fixed; right: 3em; bottom: 3em; width: 4em; height: 4em; text-align: center; background: var(--siteC); color: #fff; box-shadow: 0 0 1em rgba(0, 0, 0, .1); opacity: 0; transform: translateY(100%); transition: .5s } 
#footer .goTop .xi { font-size: 1.850em; transition: .3s } 
#footer .goTop:hover .xi { transform: translateY(-.25em) } 
.scroll #footer .goTop { opacity: 1; transform: translateY(0) } 

/*푸터*/
#footer { position: relative; padding: 2.7em 0 2.7em var(--headerQ); background: var(--siteC); } 
#footer .logo_wrap .wrap_in { gap: 2.5em; width: 100%; } 
#footer .logo_wrap .logo img { height: 3em } 

#footer .info_wrap { gap: 4em; margin-top: 1em; display: flex; align-items: flex-end;} 
#footer .info_wrap .f_logo { width: 16em; filter: var(--crWhitefil); } 
#footer .info_wrap .info { flex: 1; overflow: hidden; color: #fff; } 
#footer .info_wrap .info > li { float: left; margin-right: 2em; margin-bottom: .75em; opacity: .8; position: relative } 
#footer .info_wrap .info > li:before { content: ""; position: absolute; left: -1em; height: 70%; top: 50%; transform: translateY(-50%); width: 1px; background: #fff; opacity: .2 } 
#footer .info_wrap .info > li.point { font-weight: 600 } 
#footer .info_wrap .info > li.br { clear: left; } 
#footer .info_wrap .info .tit { opacity: 1; font-weight: 500; } 
#footer .info_wrap .info .copyright { margin-top: 1.5em; font-size: .813em; text-transform: uppercase; opacity: .4; } 

#footer .info_wrap .logo { width: 11em; } 
#footer .info_wrap .logo > a { width: 100%; height: 3.5em; display: flex; align-items: center; justify-content: center; border: 1px solid #111; color: #111; } 

#footer .info_wrap .link { gap: .5em; } 
#footer .info_wrap .link > li .in { gap: 0 1em; height: 3em; padding: 0 1.375em; border: 1px solid rgba(255, 255, 255, .3); border-radius: 10em; transition: .2s; } 
#footer .info_wrap .link > li .in .xi { font-size: .875em; opacity: .6; } 
#footer .info_wrap .link > li .in:hover { background: #49b7be; border-color: #49b7be; } 

#footer .goTop { display: flex; align-items: center; border-radius: 50%; justify-content: center; z-index: 998; position: fixed; right: 3em; bottom: 3em; width: 4em; height: 4em; text-align: center; background: var(--siteC); color: #fff; box-shadow: 0 0 1em rgba(0, 0, 0, .1); opacity: 0; transform: translateY(100%); transition: .5s } 
#footer .goTop .xi { font-size: 1.850em; transition: .3s } 
#footer .goTop:hover .xi { transform: translateY(-.25em) } 
.scroll #footer .goTop { opacity: 1; transform: translateY(0) } 

.footerWrapper { } 
.footerWrapper .footerT { } 
.footerWrapper .footerT .logo_con { display: flex; align-items: center; gap: 3em; } 
.footerWrapper .footerT .logo { } 
.footerWrapper .footerT .logo > img { width: 12em; object-fit: contain; } 
.footerWrapper .footerMid { } 
.footerWrapper .footerMid .site_btn{display: flex; gap: 1em; padding: 0.5em 1em; background: #fff; align-items: center; color: #fff;}
.footerWrapper .footerMid .site_btn .xi{rotate: 314deg; }
.footerWrapper .footerMid .slogan { font-size: 2.15em; font-weight: 600; margin-top: 1em; } 
.footerWrapper .footerBtm { margin-top: 1em; } 
.footerWrapper .footerBtm .con { display: flex; align-items: center; justify-content: space-between; background: var(--siteC2); padding: 1em 2.5em; box-sizing: border-box; border-radius: .75em; } 
.footerWrapper .footerBtm .con .copyright { font-size: .975em; } 

#footer .menu { } 
#footer .menu > li > .in { padding: 1em 0; } 
#footer .menu > li:not(:last-child) > .in:after { content: ""; margin: 0 1.25em; width: 1px; height: 1em; background: #fff; opacity: .3; } 
#footer .menu > li > .in .tt { font-size: 1.000em; } 
#footer .menu > li > .in.point { font-weight: 600; } 
#footer .menu > li > .in:hover { text-decoration: underline; } 

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

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

/* 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; } 
.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 { } 
.dp2_overview #contents{overflow: hidden;}
#contents .doc { padding: 6em 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; padding-top: var(--headH); } 
#contents .sub_top_wrap .wrap_con { 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; margin-left: 8em; } 
#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%) } 
#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; transform: translateX(6em) } 
#contents .sub_top_wrap .wrap_con .menu_wrap .gnb > li .dp2 > li > a { height: 5em; padding: 0 2em; color: #777; } 
#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 { color: var(--siteC1) } 
#contents .sub_top_wrap .wrap_con .menu_wrap .gnb > li .dp2 > li > a .tt { font-weight: 600; font-size: 1.125em } 
#contents .sub_top_wrap .wrap_con .menu_wrap .gnb > li .dp2 > li .dp3 { display: none; } 
#contents .sub_top_wrap .visual_wrap { height: calc(100vh - 35em); position: relative; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; background: #000 } 
#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 } 
.scroll #contents .sub_top_wrap .visual_wrap .bg { opacity: .9 } 


.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,ww
.dp3on .gnb > li .dp2 > li.on { display: block !important } 


/*SUB PAGE*******************/
/*inc*/
.page_con { padding: 4em 0; } 
.page_con.conP2 { padding: 2em 0; } 
.page_con.conP6{padding: 6em 0;}
.page_con.pt0 { padding-top: 0 !important; } 
.page_con.bg1 { background: var(--siteBg1); } 
.page_con.bg2 { background: var(--siteBg2); } 
.page_con.bg3 { background: var(--siteBg3); } 
.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: #C8E8DB; border-radius: 50%; opacity: .5; z-index: -1; } 

/*버튼 공통*/
.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; } 

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

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

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

.main_more.h1 > .more { height: 2.85em; } 

.main_more.round .more { border-radius: 100px; } 

/***********************/
/*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 { position: relative; overflow:hidden; height:65vh; background:#fff } 
.visualSlide .el:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, 15); content: ''; } 
.visualSlide .el .bg { position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.05) } 
.visualSlide .el.swiper-slide-active .bg,
.visualSlide .el.swiper-slide-duplicate-active .bg { transition: 5s; transform: scale(1) } 

.visualSlide_wrap { position: relative; box-sizing: border-box; margin-top: var(--headH); } 
.visualSlide_wrap .wrapF { width: calc(var(--pageW) + 2em) } 
.visualSlide_wrap .slogan { position: absolute; text-align: center; left: 0; top: 40%; transform: translateY(-50%); width: 100%; box-sizing: border-box; color: #fff; display: flex; flex-direction: column; justify-content: flex-end; gap: .25em; z-index: 2; } 
.visualSlide_wrap .slogan .t1 { font-weight: 100; font-size: 4.15em; line-height: 1.2; margin-bottom: .75em } 
.visualSlide_wrap .slogan .t1 b { font-weight: 700; vertical-align: baseline; } 
.visualSlide_wrap .slogan .t2 { font-weight: 500; font-size: 1.175em; line-height: 1.4; color: rgba(255,255,255. 8); } 
.visualSlide_wrap .slogan .t3 { font-weight: 500; font-size: 1.063em } 
.visualSlide_wrap .slogan .t2 { transform: translateY(-1em); opacity: 0 } 
.visualSlide_wrap .slogan .t3 { transform: translateY(1em); opacity: 0 } 
.visualSlide_wrap .slogan .in { display: block; overflow: hidden } 
.visualSlide_wrap .slogan .in > i { display: block; transform: translateY(100%); opacity: 0 } 
.load .visualSlide_wrap .slogan .t2,
.load .visualSlide_wrap .slogan .t3 { transform: translateY(0); opacity: 1; transition: 1s; transition-delay: 1s } 
.load .visualSlide_wrap .slogan .in > i { transform: translateY(0); opacity: 1; transition: 1s; transition-delay: .2s } 
.load .visualSlide_wrap .slogan .in:nth-child(2) > i { transition-delay: .4s } 
.load .visualSlide_wrap .slogan .in:nth-child(3) > i { transition-delay: .6s } 

.visualSlide_control .swiperControl { justify-content: center; position: absolute; bottom: 10em; left: 50%; transform: translateX(-50%); color: #fff; font-weight: 700; } 
.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 } 
 }

/*main inquiry*/
.main_inquiry { position: absolute; width: 100%; bottom: -4.5em; left: 50%; transform: translateX(-50%); z-index: 2; } 
.main_inquiry .inner { width: 1240px; margin: 0 auto; max-width: 94%; } 
.main_inquiry .inquiryBox { border-radius: 1em; overflow: hidden; } 
.main_inquiry .inquiryBox .inquiryTop { display: flex; gap: 2em; justify-content: space-between; align-items: center; padding: 2.5em 5em; box-sizing: border-box; background: #fff; } 
.main_inquiry .inquiryBox .inquiryTop > .tit { font-size: 1.815em; font-weight: 700; } 
.main_inquiry .inquiryBox .inquiryTop #online_write{ flex: 1;}
.right-wrapper { display: flex; flex: 1; gap: 2.5em; align-items: center; } 
.right-wrapper .label_wrap { display: flex; justify-content: end; flex: 1; } 
.right-wrapper .input-wrapper { display: flex; width: 55%; gap: 1em; } 
.right-wrapper .input-wrapper input { height: 3.75em; width: 50%; padding: 0 .5em; box-sizing: border-box; border: none; border-bottom: 1px solid #ddd; background: transparent; } 
.main_inquiry .inquiryBox .inquiryBtm { display: flex; gap: 3em; justify-content: flex-start; align-items: center; background: var(--siteC); padding: 1.5em 5em; box-sizing: border-box; } 

.main_inquiry .label_st:not(.cssbrowser) input ~ .xi:before,
.main_inquiry .label_st:not(.cssbrowser) input ~ span { color: #fff; font-size: 1.063em; line-height: 1; } 
.main_inquiry .form_st { gap: 1.5em; } 
.main_inquiry .form_st > li { } 
.main_inquiry .form_st > li > .more { color: rgba(255,255,255, .8); border-bottom: 1px solid rgba(255,255,255, .8); margin-left: 6px; transition: .2s; } 
.main_inquiry .form_st > li > .more:hover { color: #fff; } 

/*main about*/
.main_about { position: relative; padding-top: 10em !important; } 
.main_about .pageLay { display: flex; gap: 6em; align-items: center; } 
.main_about .pageLay .imgLay > .img { width: 100%; height: 100%; border-radius: 1em; overflow: hidden; } 
.main_about .pageLay .imgLay > .img > img { width: 100%; height: 100%; object-fit: cover; } 
.main_about .pageLay .imgLay { width: 55%; height: 60vh; } 
.main_about .pageLay .infoLay { width: 45%; } 

.main_about .aboutIcon { display: flex; gap: 2.5em; } 
.main_about .aboutIcon > li { } 
.main_about .aboutIcon > li > .con { display: flex; gap: 1em; align-items: center; } 
.main_about .aboutIcon > li > .con > .iconB { width: 3.5em; height: 3.5em; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid var(--siteC4); color: var(--siteC4); } 
.main_about .aboutIcon > li > .con > .iconB > .xi { font-size: 1.815em; } 
.main_about .aboutIcon > li > .con > .titWrap { } 
.main_about .aboutIcon > li > .con > .titWrap > .tit { font-size: 1.215em; font-weight: 600; margin-bottom: .25em; } 
.main_about .aboutIcon > li > .con > .titWrap > .desc { color: #444; font-size: 1.063em; } 

/*main gallery*/
.main_gallery .fac-container { position: relative; display: flex; align-items: center; background: var(--siteC2); } 
.main_gallery .fac-container .infoWrapper { position: relative; display: flex; align-items: center; width: 45%; height: 65vh; background: var(--siteC); padding-left: 11%; padding-right: 11%; box-sizing: border-box; } 
.main_gallery .fac-container .infoWrapper .bgImg { position: absolute; bottom: 0; left: -10%; width: 120%; } 
.main_gallery .fac-container .infoWrapper .bgImg > img { width: 100%; height: 100%; object-fit: contain; filter: var(--crWhitefil); opacity: .15; } 
.main_gallery .fac-container .gallerySlide_wrap { position: absolute; width: 65%; right: 0; top: 50%; transform: translateY(-50%); } 
.main_gallery .fac-container .gallerySlide_wrap .mainGallerySlider { position: relative; } 

/*main customer*/
.main_customer { } 
.main_customer .customer-wrapper { display: flex; gap: 5em; } 
.main_customer .customer-wrapper .noticeWrap { width: 65%; } 
.main_customer .customer-wrapper .leftCon { } 
.main_customer .customer-wrapper .leftCon .topCon { } 
.main_customer .customer-wrapper .leftCon .topCon .plus { } 
.main_customer .customer-wrapper .leftCon .topCon .plus > .xi { font-size: 2em; } 
.main_customer .customer-wrapper .leftCon .noticeList { } 
.main_customer .customer-wrapper .leftCon .noticeList > li { } 
.main_customer .customer-wrapper .leftCon .noticeList > li > .in { margin: 0 0 2em 2em; } 
.main_customer .customer-wrapper .leftCon .noticeList > li > .in > .tit { font-size: 1.315em; font-weight: 600; margin-bottom: .5em; height: 2.5em; } 
.main_customer .customer-wrapper .leftCon .noticeList > li > .in > .desc { font-size: .936em; color: #444; line-height: 1.4; height: 4.25em; } 
.main_customer .customer-wrapper .leftCon .noticeList > li > .in > .date { font-size: .856em; color: #999; margin-top: 2em; } 
.main_customer .customer-wrapper .leftCon .leftTop { padding-bottom: 1em; margin-bottom: 2em; border-bottom: 2px solid var(--crBlack); } 
.main_customer .quickWrap { position:relative; display: flex; align-items: center; overflow: hidden; border-radius: .5em; gap: 3em; padding: 2.5em 4em; padding-right: 2em; box-sizing: border-box; background: var(--siteC); margin-top: 4em; } 
.main_customer .quickWrap > .bgImg { position: absolute; left: 2em; bottom: -6em; } 
.main_customer .quickWrap > .bgImg > img { width: 100%; height: 230px; filter: var(--crWhitefil); opacity: .1; object-fit: contain; } 
.main_customer .quickWrap > .tit { position: relative; z-index: 2; font-size: 1.515em; font-weight: 700; color: #fff; line-height: 1; } 
.main_customer .quickWrap .quickList { gap: 1em; flex: 1; } 
.main_customer .quickWrap .quickList > li { position:relative; width: calc((100% - 3em) / 4); } 
.main_customer .quickWrap .quickList > li:before { position: absolute; top: 0; right: -.5em; height: 100%; width: 1px; background: rgba(255,255,255, .3); content: ''; z-index: 1; } 
.main_customer .quickWrap .quickList > li:last-of-type:before { display: none; } 
.main_customer .quickWrap .quickList > li > .inner { display: flex; overflow: hidden; justify-content: center; align-items: center; flex-direction: column; gap: 1em; box-sizing: border-box; text-align: center; transition: .3s; } 
.main_customer .quickWrap .quickList > li > .inner > .icon > .xi { color: #fff; font-size: 2.315em; transition: .3s; } 
.main_customer .quickWrap .quickList > li > .inner > .tit { font-size: 1.063em; font-weight: 600; color: #fff; transition: .3s; } 
.main_customer .quickWrap .quickList > li > .inner:hover { background: var(--siteC); } 
.main_customer .quickWrap .quickList > li > .inner:hover > .icon > .xi { transform: rotateY(180deg); } 
.main_customer .quickWrap .quickList > li > .inner:hover > .tit { color: var(--siteC4); } 
.main_customer .customer-wrapper .rightCon { width: 30%; } 
.main_customer .customer-wrapper .rightCon .popUp { height: 100%; margin-right: 2em;} 
.main_customer .customer-wrapper .rightCon .popUp .banner_top > .tit { } 
.main_customer .customer-wrapper .rightCon .popUp .current_con .paging { writing-mode: vertical-lr; margin-top: 2.5em; margin-right: 0em; } 
.main_customer .customer-wrapper .rightCon .popUp .cotrol_con { flex-direction: column; margin-top: 1em; } 
.main_customer .customer-wrapper .rightCon .popUp .cotrol_con .swiperBtn { width: auto; height: auto; background: transparent; color: var(--crBlack); } 
.main_customer .customer-wrapper .rightCon .popUp .cotrol_con .swiperBtn:hover { background: transparent; color: var(--siteC); } 
.main_customer .customer-wrapper .rightCon .popUp .cotrol_con .swiperBtn.prev:before { content: '\e946' !important; font-size: 1.15em; } 
.main_customer .customer-wrapper .rightCon .popUp .cotrol_con .swiperBtn.next:before { content: '\e943' !important; font-size: 1.15em; } 

.main_customer .customer-wrapper .leftCon .noticeList > li > .in:hover > .tit { text-decoration: underline; } 

/*main banner*/
.main_banner { position:relative; display: flex; align-items: center; text-align: center; width: 100%; height: 20em; } 
.main_banner:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background: #000; */ opacity: .15; content: ''; } 

/**/
.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; } 
.page_tit .line { margin: 20px 0; width: 60px; height: 2px; background: var(--siteC); } 
.page_tit i { vertical-align: baseline; } 
.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 .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: 3.215em; 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; } 
.page_tit .t6 { font-weight: 500; font-size: .938em; } 
.page_tit .t7 { font-weight: 600; font-size: 1.063em; } 
.page_tit .t8 { font-weight: 500; font-size: 1.188em; line-height: 1.6; color: #666; } 
.page_tit .t9 { font-weight: 700; font-size: 2em; } 
.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_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; } 


/*메인 텍스트 슬라이드*/
.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_tt.st1 { position: relative; padding-left: .5em; height: fit-content; line-height: 1.4;} 
.page_tt.st1::before { content: ''; position: absolute; left: 0; top: 3px; width: 5px; height: 90%; background: linear-gradient(180deg, var(--siteC) 49%, var(--siteC3) 50%); } 

.page_tt.dot4{position: relative; padding-left: .7em;}
.page_tt.dot4::before{ content: ''; width: 5px; height: 1px; background-color:#777; position: absolute; left: 0; top: 11px;}

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

.subTitTop{ display: flex; gap: 6em; align-items: end; margin-bottom: 2.5em;}
.subTitTop .left{ width: 60%;}
.subTitTop .left > .page_tit{ text-transform: uppercase;}
.subTitTop .right{ width: 40%;}

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

.descWrap.white1 .tt{ color: #fff;}
.descWrap.white2 .tt{ color: rgba(255,255,255, .9);}
.descWrap.white3 .tt{ color: rgba(255,255,255, .8);}
.descWrap.white4 .tt{ color: rgba(255,255,255, .7);}
.descWrap.white5 .tt{ color: rgba(255,255,255, .6);}

/**/
.sub_tit{position: relative; margin-top: 3.5em;}
.sub_tit::before{position: absolute; content: ''; left: 50%; top: -3.5em; background: url(../images/sub/dott_img01.png) no-repeat; width: 2.6em; height: 2.4em; background-size: 95%; transform: translateX(-50%); opacity: .25;}

/*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 50%; max-width: 50%; } 
.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-left: 1.25em; margin-top: 1.25em; } 
.page_dot_list.pN { padding: 0em; } 
.page_dot_list.mt0 { margin-top: 0em; } 
.page_dot_list.pN > li:before { display: none; } 
.page_dot_list > li { position: relative; margin-bottom: .5em; letter-spacing: -0.03em; font-weight: 500; font-size: 1.063em; } 
.page_dot_list > li > i,
.page_dot_list > li > b{ vertical-align: baseline;}
.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; } 
.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(--siteC2); } 
.posiB .btnWrap.c1.line { background: #fff; border: 1px solid var(--siteC); color: var(--siteC); } 
.posiB .btnWrap.c2 { background: var(--siteC); } 
.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: ''; } 

.grayBox{ background: #f9f9f9; border-radius: .25em; padding: 2.5em; box-sizing: border-box;}
.grayBox > .title{ font-size: 1.415em; font-weight: 600;}

/*main*/

/**/
.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; } 
.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; min-height: 2.5em; width: 6em; border-radius: .5em; background: #fff; color: var(--siteC); } 
.mainGallerySlider .galleryWrap { position: relative; width: 100%; height: 20em; display: block; } 
.mainGallerySlider .galleryWrap .hoverBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); opacity: 0; visibility: hidden; transition: .3s; } 
.mainGallerySlider .galleryWrap .hoverTit { position: absolute; width: 100%; padding: 0 1.5em; text-align: center; color: #fff; box-sizing: border-box; top: 55%; left: 50%; opacity: 0; transform: translate(-50%, -50%); z-index: 2; transition: .3s ease; } 
.mainGallerySlider .galleryWrap .title { font-size: 1.15em; font-weight: 600; margin-bottom: .5em; } 
.mainGallerySlider .galleryWrap .desc { font-size: 1em; font-weight: 400; } 
.mainGallerySlider .galleryWrap:hover .hoverBg { opacity: 1; visibility: visible; } 
.mainGallerySlider .galleryWrap:hover .hoverTit { opacity: 1; top: 50%; } 
.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; width: 70%; } 
.main_boardCon .board-item { width: 50%; } 
.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(--siteC); width: 30%; position: relative; border-radius: 19px; overflow: hidden; padding: 4.5em 2em 1.5em; box-sizing: border-box; } 
.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(--siteC); } 
.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; } 

.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 { position:relative; background: #fff; } 
.banner_wrap .banner_top { } 
.banner_wrap .banner_top > .tit { writing-mode: vertical-lr; font-size: 1em; font-weight: 800; color: var(--crBlack); } 
.bannerSlide_wrap { position:relative; height: 100%; } 
.bannerSlide_wrap .bannerSlide { height: 100%; overflow:hidden; height: 31.2em; } 
.bannerSlide_wrap .bannerSlide .swiper-slide { } 
.bannerSlide_wrap .bannerSlide .swiper-slide.el { } 
.bannerSlide_wrap .bannerSlide .banner_img { display: block; width: 100%; height: 100%; } 
.bannerSlide_wrap .bannerSlide .banner_img > img { width: 100%; height: 100%; object-fit: cover; } 
.banner_control { position: absolute; flex-direction: column; left: 105%; top: 0; background: transparent; box-sizing: border-box; z-index: 9; } 
.banner_control .current_con { font-size: .935em; color: var(--crBlack); 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; } 

/* sub */
.bg_box{padding: 4em 0;}
.bg_box.bg1{ background: var(--siteC2);}
.bg_box.bg2{ background: #f7f7f7;}

/*문의폼*/
.reser-wrapper { display: flex; gap: 6em; } 
.reser-wrapper .leftTxt { width: 30%; position: sticky; top: var(--headH); height: 100%;} 
.reser-wrapper .leftTxt > .tit { font-size: 2.815em; line-height: 1.3; font-weight: 400; } 
.reser-wrapper .leftTxt > .tit > b { vertical-align: baseline; } 
.reser-wrapper .leftTxt > .desc { margin-top: 1em; line-height: 1.6; color: #666; font-weight: 400; font-size: 1.063em; } 
.reser-wrapper .rightInfo { width: 70%; } 
.reser-wrapper .rightInfo.view{ width: 100%;}

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

.form_wrap .form > li .inp_wrap .inp_inner.captcha > .cap { flex:1; } 
.form_wrap .form > li .inp_wrap .inp_inner.captcha > .captcha-inner { margin-left: 0.5em; } 
.captcha_wrap { width: 98%; } 
#capthaReload { } 

#online_form_feed .form_label_st:not(.cssbrowser) { display: flex; align-items: center; gap: .35em;} 
#online_form_feed .form_label_st:not(.cssbrowser) input[type=checkbox],
#online_form_feed .form_label_st:not(.cssbrowser) input[type=radio] { display: block; width: auto; height: auto; overflow: visible; } 

.form_st{}
.login_wrap .login.w1 .form_st{ width:46%}
.form_st > li:first-child{ margin-top:0}
.form_st > li .in{ position:relative; padding:0 1em 0 4em; margin-top:.5em}
.form_st > li .in .icon{ position:absolute; left:0; top:50%; width:3em; line-height:3em; margin-top:-1.5em; text-align:center; color:#999}
.form_st > li .in .icon:before{ font-size:1.313em}
.form_st > li .in .lab{ position:absolute; left:4em; top:50%; line-height:1em; margin-top:-.5em; /*color:#fff; background:#fff;*/ padding:0 .25em}
.form_st > li .in .inp{ width:100%; box-sizing:border-box; padding:1em 0; height:4em; border:none; position:relative; z-index:1; background:none; font-weight:600;}
.form_st > li .in .inp[type=file]{ padding:0 !important; height:3em}
.form_st > li .in textarea.inp{ height:10em; padding:1em !important}
.form_st > li .in .line{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; transition:.3s; border-radius:.25em}
.form_st > li .in .inp:focus ~ .lab,
.form_st > li .in .inp.on ~ .lab{ transform:scale(.9,.9); top:12px; color:var(--siteC); margin-left:-.5em; transition:.3s}
.form_st > li .in .inp:focus ~ .icon,
.form_st > li .in .inp.on ~ .icon{ color:var(--siteC)}
.form_st > li .in .inp:focus ~ .line,
.form_st > li .in .inp.on ~ .line{ border-color:var(--siteC)}
.form_st > li .in .inp.c1{ background:#f1f1f1}

.form_st.st1 > li{ display:flex; flex-wrap:wrap; align-items:center}
.form_st.st1 > li.line{ margin-top:2em; padding-top:2em; border-top:1px solid var(--siteC)}
.form_st.st1 > li.line > .label_st{ width:100%; margin-top:-1em}
.form_st.st1 > li.line2{ border-top:1px solid #ddd; padding-top:1em !important}
.form_st.st1 > li .in{ padding:0; flex:1 1 1%; min-width:0; word-break:break-all}
.form_st.st1 > li .in_sec{ width:1.5em; text-align:center; color:#999; display:inline-block}
.form_st.st1 > li .in_sec2{ width:.5em}
.form_st.st1 > li .in_sec3{ width:3em; text-align:left; box-sizing:border-box; padding-left:.5em}
.form_st.st1 > li .in_br{ flex-basis:100%}
.form_st.st1 > li .in_tit{ font-weight:500; font-size:1.215em; width:100%}
.form_st.st1 > li .in_tit .ess:before{ font-size:.875em; margin-left:.5em}
.form_st.st1 > li .in_tit.c1{ color:#777}
.form_st.st1 > li .in_tit.s1{ font-size:1.25em}
.form_st > li .in_tt{ width:100%; color:#666; font-size:.938em; margin-top:1em; line-height:1.5}
.form_st.st1 > li .in.fix{ flex:0 0 auto}
.form_st.st1 > li .in .inp{ padding:1em 1em; height:3.5em; font-size:.938em; font-weight:500}
.form_st.st1 > li .in .inp.s1{ font-size:1em}
.form_st.st1 > li .in .btn{ min-width:6.5em; color:#fff;}
.form_st.st1 > li .in .btn + .line{ background:#333; border-color:transparent}
.form_st.st1 > li .in .btn.rechk + .line{ background:var(--siteC3);}
.form_st.st1 > li .in .w100{ width:100%}
.form_st.st1 > li .in.w1{ max-width:26%}
.form_st.st1 > li .in.w50{ max-width:50%}
.form_st.st1 > li .in.w100{ flex-basis:100%}
.form_st.st1 > li .agree{ border:1px solid #ddd; width:100%; margin:1em 0}
.form_st.st1 > li .agree > li{ padding:.75em 3em .75em 1em; position:relative; transition:.3s}
.form_st.st1 > li .agree > li.all{ border-bottom:1px solid #ddd}
.form_st.st1 > li .agree > li .more{ position:absolute; right:1em; top:50%; transform:translateY(-50%); background:#aaa; color:#fff; padding:.25em 1em; font-size:.875em}
.form_st.st1 > li .agree > li .more:hover{ background:#666}
.form_st.st1 > li .agree > li:hover{ background:#f5f5f5}
.form_st.st1 > li .agree .label_st{ font-size:.938em}
.form_st.st1 > li.flex{ padding:0 .5em}
.form_st.st1 > li.flex .in_tit{ flex-basis:8em; font-size:.938em; padding-left:0; height:4em; display:flex; align-items:center}
.form_st.st1 > li.flex .in{ margin-top:0}
.form_st.st1 > li.flex .in.w100{ margin-left:8em}
.form_st.st1 > li.flex .in .inp{ font-size:.938em}

.form_st.text{ border-bottom:1px solid #ddd}
.form_st.text > li{ border-top:1px solid #ddd; margin-top:0}
.form_st.text > li .in .t1{ font-size:.938em; color:#666}
.form_st.text > li .in a:hover{ text-decoration:underline}

.form_st.line > li{}
.form_st.line > li:not(.btn_wrap){ margin-top:0; padding:1.5em 0; border-bottom:1px solid #ddd;}
.form_st.line > li .in{ margin-top:1.5em;}

/*텃밭체험*/
.facWrap{ position: relative; width: 100%; margin-bottom: 5em;}
.facWrap .bgImg{ position: absolute; right: 0; top: -6em; width: 51.75%; height: 50vh;}
.facWrap .bgImg:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #80736a; opacity: .8; content: '';}
.facWrap .bgImg > img{ width: 100%; height: 100%; object-fit: cover;}
.facWrap .bgImg .bgInfo{ position: absolute; width: 100%; padding: 0 0 0 7em; box-sizing: border-box; top: 6em; z-index: 2;}
.facWrap .bgImg .bgInfo .topTit{ display: flex; gap: 1em; align-items: center;}
.facWrap .bgImg .bgInfo .topTit > .en{ font-size: 1.215em; font-weight: 600; line-height: 1; color: var(--siteC2); }
.facWrap .bgImg .bgInfo .topTit > .line{ flex: 1; height: 1px; background: rgba(255,255,255, .5);}
.facWrap .bgImg .bgInfo .tit{ font-size: 2.515em; padding: .5em 0 .75em 1em; font-weight: 800; color: #fff; text-transform: uppercase;}
.facWrap .fac_container{ position: relative; }
.facWrap .fac_container > .swiperControl{ position: absolute; width: 52.15%; left: 0; bottom: 0; z-index: 4;}
.facWrap .fac_container > .swiperControl .swiperBtn{ width: 3.5em; height: 3.5em; background: #557e60ad; color: #fff;}
.facWrap .fac_container > .swiperControl .swiperBtn:hover{ background: var(--siteC);} 
.facWrap .fac_container > .swiperControl.pagingControl{  position: absolute; left: 25.6%; width: fit-content; transform: translateX(-50%); bottom: 1.75em; z-index: 3;}
.facWrap .fac_container > .swiperControl.pagingControl .paging .swiper-pagination-bullet{ border: 1px solid #fff; width: .4em; height: .4em;}
.facWrap .fac_container > .swiperControl.pagingControl .paging .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}
.facWrap .fac_container .ImgContainer{ position: relative; width: 52%; z-index: 2;}
/* .facWrap.st1 .fac_container .ImgContainer{ width: 43%;}
.facWrap.st1 .fac_container .infoContainer{ width: 57%;}
.facWrap.st1 .bgImg{ width: 56%;}
.facWrap.st1 .bgImg .bgInfo{ padding: 0 0 0 4em;} */
.facWrap .fac_container .ImgContainer .imgSlide{}
.facWrap .fac_container .ImgContainer .imgSlide .imgCon{ width: 100%; height: 63.5vh;}
.facWrap .fac_container .ImgContainer .imgSlide .imgCon > img{ width: 100%; height: 100%; object-fit: cover;}
.facWrap .fac_container .infoContainer{ position: absolute; bottom: 0; right: 0; width: 52%; padding: 4em 4em 5.5em 4em; box-sizing: border-box; background: #1a1e1f; z-index: 3;}
.facWrap .fac_container .infoContainer > .en{ font-size: 1.063em; font-weight: 500; color: var(--siteC); margin-bottom: 1em;}
.facWrap .fac_container .infoContainer > .tit{ font-size: 1.515em; font-weight: 700; color: #fff; margin-bottom: 1.25em;}


/*주요시설*/
.major_itemWrap{} 
.major_itemWrap > .item{ display: flex; margin-bottom: 6em;} 
.major_itemWrap > .item:last-of-type{ margin-bottom: 0em;}
.major_itemWrap > .item > .infoWrap{ width: 45%; padding: 3.5em; box-sizing: border-box; background: #f7f7f7;}
.major_itemWrap > .item > .infoWrap .infoTop{}
.major_itemWrap > .item > .infoWrap .infoTop .tit{ font-size: 2.15em; font-weight: 700; color: var(--siteC3); margin-bottom: .5em;}
.major_itemWrap > .item > .infoWrap .infoTop .desc{ font-size: 1em; line-height: 1.6; color: #666;}
.major_itemWrap > .item > .infoWrap .infoMid{ margin: 1.5em 0;}
.major_itemWrap > .item > .infoWrap .infoMid .lineList{}
.major_itemWrap > .item > .infoWrap .infoMid .lineList > li{ padding: 1em 0; border-bottom: 1px solid var(--crBlack);}
.major_itemWrap > .item > .infoWrap .infoMid .lineList > li > .con{ display: flex; gap: 1em; align-items: center; justify-content: space-between;}
.major_itemWrap > .item > .infoWrap .infoMid .lineList > li > .con > .tit{ font-size: 1.063em; font-weight: 500;}
.major_itemWrap > .item > .infoWrap .infoMid .lineList > li > .con > .desc{ font-size: 1.063em; font-weight: 400; color: #333;}
.major_itemWrap > .item > .infoWrap .infoBtm{}
.major_itemWrap > .item > .infoWrap .infoBtm .keywordList{ display: flex; flex-wrap: wrap; gap: 1em;}
.major_itemWrap > .item > .infoWrap .infoBtm .keywordList > li{}
.major_itemWrap > .item > .infoWrap .infoBtm .keywordList > li > .con{ display: inline-flex; gap: .5em; border-radius: 100px; align-items: center; justify-content: center; height: 2.815em; border: 1px solid var(--siteC3); color: var(--siteC3); padding: 0 1.5em;}
.major_itemWrap > .item > .infoWrap .infoBtm .keywordList > li > .con > .dot{ width: 4px; height: 4px; min-width: 4px; background: var(--siteC3);} 
.major_itemWrap > .item > .fac_slide{ position:relative; width: 55%;}
.major_itemWrap > .item > .fac_slide .swiperControl{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 1.75em;} 
.major_itemWrap > .item > .fac_slide .facSlide{ position: relative;}
.major_itemWrap > .item > .fac_slide .facSlide .facImg{ width: 100%; height: 65vh;}
.major_itemWrap > .item > .fac_slide .facSlide .facImg > img{ width: 100%; height: 100%; object-fit: cover;}

/*committee*/
.committee_wrapper { } 
.committee_wrapper .committee_profile { display: flex; gap: 2em; width: 100%; flex-wrap: wrap; } 
.committee_wrapper .committee_profile > li { width: calc((100% - 4em) / 3); } 
.committee_wrapper .committee_profile > li > .inner { display: flex; align-items: center; border: 1px solid #e8e8e8; background: #f7f7f7;} 
.committee_wrapper .committee_profile > li > .inner .committeeImg { width: 40%; height: 15.2em;} 
.committee_wrapper .committee_profile > li > .inner .committeeImg > img { width: 100%; height: 100%; object-fit: cover; } 
.committee_wrapper .committee_profile > li > .inner .txtWrap { position: relative; height: 15.2em; box-sizing: border-box; width: 60%; padding: 3em 2em 2em 2.5em;} 
.committee_wrapper .committee_profile > li > .inner .txtWrap .link-primary-light{ position: absolute; top: 0; right: 0; box-sizing: border-box; display: flex; align-items: center; justify-content: center; height: 3.14em; padding: 0 1em; background: var(--siteC); color: #fff; width: 8em; gap: .5em; font-size: .815em;}
.committee_wrapper .committee_profile > li > .inner .txtWrap .link-primary-light .text{ font-weight: 600;}
.committee_wrapper .committee_profile > li > .inner .txtWrap .name { font-size: 1.35em; font-weight: 600; letter-spacing: 0.06em; margin-bottom: .5em;} 
.committee_wrapper .committee_profile > li > .inner .txtWrap .name > .posi{ font-size: .8em; margin-left: 5px; line-height: 1;}
.committee_wrapper .committee_profile > li > .inner .txtWrap .his { margin-top: 1em; height: 2.5em; font-size: .936em; font-weight: 400; color: #333; } 
.committee_wrapper .committee_profile > li > .inner .txtWrap .contact{ position: absolute; left: 0; bottom: 0; width: 100%; background: var(--siteC2);}
.committee_wrapper .committee_profile > li > .inner .txtWrap .contact > li{ padding: .4em 2.5em; box-sizing: border-box; border-bottom: 1px solid #e8e8e8;}
.committee_wrapper .committee_profile > li > .inner .txtWrap .contact > li:last-of-type{ border-bottom: none;}
.committee_wrapper .committee_profile > li > .inner .txtWrap .contact > li:first-of-type{ border-top: 1px solid #e8e8e8;}
.committee_wrapper .committee_profile > li > .inner .txtWrap .contact > li > .con{ display: flex; align-items: center; gap: .5em; font-size: .8em;}
.committee_wrapper .committee_profile > li > .inner .txtWrap .contact > li > .con > .icon{ color: var(--siteC);}

/*committee pop*/
.popWrap.committee .popClose { position: absolute; right: -3em; top: 0; z-index: 9; } 
.popWrap.committee .popClose > .xi { font-size: 1.6em; color: rgba(255,255,255, .6); transition: .3s; } 
.popWrap.committee .popClose > .xi:hover { color: #fff; } 
.popWrap.committee .pop_Container { } 
.popWrap.committee .pop_Container .popIn { height: 90vh; } 

.popWrap.committee .his_container { display: flex; gap: 3em; } 
.popWrap.committee .his_container .profile { width: 40%; height: 22.5em; border-radius: .25em; overflow: hidden; } 
.popWrap.committee .his_container .profile > img { width: 100%; height: 100%; object-fit: cover; } 
.popWrap.committee .his_container .right_info { display: flex; flex-direction: column; justify-content: space-between; width: 60%; } 
.popWrap.committee .his_container .right_info .nameCon { display: flex; align-items: end; gap: .5em; } 
.popWrap.committee .his_container .right_info .nameCon > .name { font-size: 2.515em; font-weight: 700; line-height: 1; } 
.popWrap.committee .his_container .right_info .nameCon > .tx { font-size: 1.615em; font-weight: 400; color: #444; line-height: 1; } 
.popWrap.committee .his_container .right_info .introTxt { font-size: 1.215em; font-weight: 500; color: #333; margin-top: 1em; } 
.popWrap.committee .his_container .right_info .rightMid { } 
.popWrap.committee .his_container .right_info .rightMid > .tit { font-size: 1.063em; font-weight: 600; margin-bottom: .5em; } 
.popWrap.committee .his_container .right_info .rightMid > .lineList { } 
.popWrap.committee .his_container .right_info .rightMid > .lineList > li { padding: .5em 0; border-bottom: 1px solid #ddd; } 
.popWrap.committee .his_container .right_info .rightMid > .lineList > li > .txt { font-size: .95em; font-weight: 500; color: #444; } 
.popWrap.committee .his_container .right_info .rightBtm { } 
.popWrap.committee .his_container .right_info .rightBtm .callContainer { display: flex; gap: 2em; } 
.popWrap.committee .his_container .right_info .rightBtm .callContainer > .item { position: relative; display: flex; align-items: center; gap: .5em; } 
.popWrap.committee .his_container .right_info .rightBtm .callContainer > .item:before { position: absolute; right: -1em; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background: #ddd; content: ''; } 
.popWrap.committee .his_container .right_info .rightBtm .callContainer > .item:last-of-type:before { display: none; } 
.popWrap.committee .his_container .right_info .rightBtm .callContainer > .item > .icon { width: 1.5em; height: 1.5em; border-radius: 50%; background: var(--siteC); display: flex; align-items: center; justify-content: center; color: #fff; } 
.popWrap.committee .his_container .right_info .rightBtm .callContainer > .item > .icon > .xi { font-size: .9em; } 
.popWrap.committee .his_container .right_info .rightBtm .callContainer > .item > .tt { font-size: .865em; font-weight: 500; color: #444; } 

.popWrap.committee .infoContainer { margin-top: 3.5em; } 
.popWrap.committee .infoContainer .infoItem { margin-bottom: 4em; } 
.popWrap.committee .infoContainer .infoItem:last-of-type { margin-bottom: 0em; } 
.popWrap.committee .infoContainer .infoItem > .title { font-size: 1.515em; font-weight: 600; margin-bottom: .65em; padding-bottom: .65em; border-bottom: 1px solid #ddd; } 
.popWrap.committee .infoContainer .infoItem > .dotTxt { } 
.popWrap.committee .infoContainer .infoItem > .dotTxt:before { } 
.popWrap.committee .infoContainer .infoItem > .dotTxt > li { position:relative; word-break: break-all; padding-left: 1em; margin-bottom: .5em; font-size: .965em; font-weight: 400; color: #444; } 
.popWrap.committee .infoContainer .infoItem > .dotTxt > li:before { position: absolute; left: 0; content: '-'; } 
.popWrap.committee .infoContainer .infoItem > .dotTxt > li:last-of-type { margin-bottom: 0em; } 

/*예약확인*/
#contents .con_page_top{ padding:7em 0 0 0; text-align:center; overflow:hidden;}
#contents .con_page_top .con_tit > .in{ position:relative; display:inline-block;}
#contents .con_page_top .con_tit .icon{ position:absolute; top:0; left:50%; transform:translateX(-50%);}
#contents .con_page_top .con_tit .icon img{ width:3.5em;}
#contents .con_page_top .con_tit .tt{ position:relative; display:inline-block; font-size:2.250em; color:#222; font-weight:600; letter-spacing:-1px; text-indent:-1px;}

.member_wrap{ letter-spacing:-.5px;}
.member_wrap .login_box{ width:580px; max-width:100%; margin:0 auto;}

.member_wrap .member_tit{ padding:0 0 2em 0; text-align:center;}
.member_wrap .member_tit .tit{ font-size:2.8em; color:#3c3c3d;  font-family:'notokrB'; letter-spacing:0; text-transform:uppercase;}
.member_wrap .member_tit .txt{ font-size:1.125em; color:#69696b; padding-top:.8em; line-height:1.4;}

.member_wrap .member_form { padding:2.5em 2em; border:1px solid #ccc; border-top-width:4px; border-top-color:var(--siteC);}
.member_wrap .member_form.intro_st{padding:0; border:1px solid #ccc; border-top-width:4px; border-top-color:var(--siteC);}

.member_wrap .form > li:first-child{ margin-top:0;}
.member_wrap .form .inp_wrap{ position:relative; margin-top:.4em;}
.member_wrap .form .inp_wrap .xi{ position:absolute; top:0; left:0; width:2em; line-height:55px; text-align:center; font-size:1.750em; color:#3c3c3d;}
.member_wrap .form .inp_wrap .tt{ position:absolute; top:0; left:0; width:6em; line-height:55px; text-align:center; border-right:1px solid #ddd; color:#3c3c3d;}
.member_wrap .form .inp_wrap .inp{ box-sizing:border-box; width:100%; height:55px; padding:0 1em 0 4em; background:#fff; border:1px solid #ddd; border-radius:5px;}
.member_wrap .form .inp_wrap .inp .hpNum{ flex:1; max-width: calc((100% - 2em)/ 3); height: 100%; border: none; text-align: center;}
.member_wrap .form .save_wrap{ margin-top:1.2em;}
.member_wrap .form .save_wrap .find{ padding-top:.3em; text-align:right;}
.member_wrap .form .save_wrap .find .link{ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:.8em; padding-left:.8em; font-weight:300;}
.member_wrap .form .save_wrap .find .link:before{ content:""; position:absolute; top:10%; left:0; width:1px; height:80%; background:#ccc;}
.member_wrap .form .save_wrap .find .link:first-child{ margin-left:0; padding-left:0;}
.member_wrap .form .save_wrap .find .link:first-child:before{ display:none;}
.member_wrap .form .btn_wrap{ margin-top:.6em;}
.member_wrap .form .btn_wrap .btn{ display:block; box-sizing:border-box; text-align:center; width:100%; margin:.4em 0; padding:1em 1em; border:1px solid transparent; font-size:1.125em;}
.member_wrap .form .btn_wrap .btn.c1{ background:var(--siteC); color:#fff;}
.member_wrap .form .btn_wrap .btn.c2{ background:#ffffff; border-color:var(--siteC); color:var(--siteC);}
.member_wrap .form .btn_wrap .btn.c3{ background:var(--siteC); color:#fff;}
.member_wrap .form .msg_wrap{ margin-top:2em;}
.member_wrap .form .msg_wrap .tt{ margin:.4em 0; font-size:.938em; color:#3c3c3d; font-weight:300;}
.member_wrap .form .msg_wrap .tt.icon{ position:relative; padding-left:1.6em;}
.member_wrap .form .msg_wrap .tt.icon .xi{ position:absolute; top:0; left:0; line-height:1;}
.member_wrap .form .id_wrap{ padding:3em 1em; background:#f5f5f5; border:1px solid #e5e5e5; text-align:center; font-size:1.125em;}
.member_wrap .form .id_wrap strong{ vertical-align:baseline; color:#3f3f9f; letter-spacing:0;}

.checkBtn{}
.checkBtn > li{ margin-bottom: .25em; display: flex; justify-content: center;}
.checkBtn > li:last-of-type{ margin-bottom: 0em;}
.checkBtn > li > .btn{ display: flex; align-items: center; justify-content: center; width: 6em; font-size: .915em; height: 2.15em;}
.checkBtn > li > .btn.type1{ background: var(--siteC3); color: #fff;}
.checkBtn > li > .btn.type2{ background: var(--siteC2);}
.checkBtn > li > .btn.type3{ background: #666; color: #fff;}
.checkBtn > li > .btn.type4{ background: var(--siteC); color: #fff;}


/* 센터소개 */
.overview_wrap{}
.overview_wrap .pd_box{padding: 0 7em ; background: var(--siteC2); position: relative; flex-direction: column; height: 19em;}
.overview_wrap .txt_wrap{margin-top: -14em; gap: 4em;}
.overview_wrap .txt_box{ width: 55%;}
.overview_wrap .txt_box .tit{margin: 6em 0 3em; }
.overview_wrap .txt_box .txt{width: 80%;}
.overview_wrap .txt_box .txt .t1{font-weight: 500; font-size: 1.188em; line-height: 1.6; color: #666; margin-bottom: 1.3em;}
.overview_wrap .txt_box .ceo{ font-weight: 600; letter-spacing: 0.06em; font-size: 22px; color: var(--siteC3); margin-top: 2em;}
.overview_wrap .img_wrap{width: 45%; box-shadow: -20px 20px 30px rgb(17 17 17 / 30%); height: 40em; }
.overview_wrap .img_wrap img{width: 100%; height: 100%; object-fit: cover;}


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

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

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

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

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

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


/* .map_info3 .info_list > li .wrap_con .txt .round{ margin-right:.75em; padding:.5em 1.5em; background:#3dab1d ; font-size:.875em; color:#fff; font-weight:700; border-radius:6em;}
.map_info3 .info_list > li .wrap_con .txt .round.subwBg5 { background:#8445ce ;}
.map_info3 .info_list > li .wrap_con .txt .round.subwBg8 { background:#e71e6e ;}
.map_info3 .info_list > li .wrap_con .txt .round.subwBg9 { background:#bf9f1e ;}
.map_info3 .info_list > li .wrap_con .txt .round.busBg2 { background:#70afdf ;}
.map_info3 .info_list > li .wrap_con .txt .round.busBg3 { background:#3556a6 ;}
.map_info3 .info_list > li .wrap_con .txt .round.back_blue{background: #005de5;}
.map_info3 .info_list > li .wrap_con .txt .round.back_seo { background:#8bc53f ;}
.map_info3 .info_list > li .wrap_con .txt .round.back_red { background: #fb2217;}
.map_info3 .info_list > li .wrap_con .txt .round.back_four { background: #2c9ede;}
.map_info3 .info_list > li .wrap_con .txt .subwC5{ color:#8445ce}
.map_info3 .info_list > li .wrap_con .txt .subwC8{ color:#e71e6e}
.map_info3 .info_list > li .wrap_con .txt .subwC9{ color:#bf9f1e} */

/* 테이블 스크롤 */
.scr_i{ display: none;}

/* 후원안내 */
.donate_wrap{ display: flex; justify-content: center; margin-top: 3em; padding: 5em 0; background: var(--siteC2); text-align: center;}
.donate_wrap .send_list{width: 50%; display: flex; gap: 1em; justify-content: center; flex-direction: column; align-items: center; position: relative;}
.donate_wrap .send_list::after{position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 132%; background: var(--siteC);}
.donate_wrap .send_list li{display: flex; align-items: center; gap: 1em; color: var(--siteC3);}
.donate_wrap .send_list li p{font-size: 1.25em; font-weight: 500;}
.donate_wrap .file_box{width: 50%;}
.donate_wrap .download_btn{margin-top: 2em;}
.donate_wrap .download_btn a{ padding: 1em 3em; font-size: 1.13em; background: var(--siteC); color: #fff; border-radius: .5em;}

/* 설립스토리 */
.care_wrap { display: flex; gap: 6em; } 
.care_wrap .careBox { display: flex; flex-direction: column; justify-content: space-between; width: 50%; } 
.care_wrap .careBox .careT.mb { margin-bottom: 4em; } 
.care_wrap .careBox .careT > .tit { font-size: 2.15em; font-weight: 700; margin-bottom: 1em; color: var(--siteC3); } 
.care_wrap .careBox .careT > .txt { font-size: 1.13em; line-height: 1.6; word-break: keep-all; color: var(--siteC3); margin-bottom: 1em;} 
.care_wrap .careBox .careT > .txt:last-child{margin-bottom: 0;}
.care_wrap .careBox .careImg { width: 100%; height: 70vh; } 
.care_wrap .careBox .careImg > img { width: 100%; height: 100%; object-fit: cover; } 
.story_wrap .page_txt > .txt{ font-size: 1.13em; line-height: 1.6; word-break: keep-all; color: var(--siteC3); }
.story_wrap .page_txt > .txt ~ .txt{margin-top: 1em;}
.story_wrap .page_txt .txt .big{ font-size: 1.22em;}
.story_wrap .page_txt .ceo{ margin-top: 2em; font-size: 1.5em;}
.story_wrap .page_txt .ceo .name{ font-size: 1.3em; margin-left: 0.2em;}
.story_wrap .img_list ul li .img_wrap{height: 18em; width: 100%;}
.story_wrap .img_list ul li .img_wrap img{width: 100%; height: 100%; object-fit: cover;}

/* 시설안내 */
.floor_wrap{}
.floor_wrap > .inner{}
.floor_wrap > .inner > .lay{width: 100%;/* padding:1.25em 3.75em 1.25em 0; */}
/*.floor_wrap > .inner > .layR{ flex:1;}*/

.floor_tab{width: 15%;}
.floor_tab > .tab{ padding:0 0 1px 1px;}
.floor_tab > .tab > li{ flex:1; position:relative; z-index:1;}
.floor_tab > .tab > li .in{ position:relative; align-items: center; justify-content: center; height:4em; padding:0 .5em; margin:0 0 -1px -1px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; color:#888; font-size:1.2em; font-weight:600;}
.floor_tab > .tab > li .in:before{ content:""; position:absolute; top:-1px; left:-1px; right:-1px; height:3px; background: var(--siteC3); display:none;}
.floor_tab > .tab > li .in .tt{}
.floor_tab > .tab > li.on{ z-index:2;}
.floor_tab > .tab > li:hover .in,
.floor_tab > .tab > li.on .in{ color:#fff; background: var(--siteC); transition:.3s}
.floor_tab > .tab > li.on .in:before{ display:block;}

.floor_box .bottom {background: #fdf9f0; padding:2em; box-sizing:border-box; height:10em;}
.floor_box .bottom .tit {font-size:1.5em; font-weight:600; margin-bottom:.5em;}
.floor_box .bottom .tit .s_tit {font-size:.875em; font-weight:400;}
.floor_box .bottom .txt {color:#666; font-size:.95em;}

.con_idx.st2 {width:85%;}
.con_idx.st2 > .idx.on{height:100%; } 
.con_idx.st2 > .idx .floor_box{display:flex; flex-direction:column; position:relative;}
.con_idx.st2 > .idx .floor_box .img_slides_wrap{ position: relative; height:100%; width:100%;}
.con_idx.st2 > .idx .floor_box .img_slides_wrap .el .imgCon{width:100%; height:36.5em;}
.con_idx.st2 > .idx .floor_box .img_slides_wrap .el .imgCon > img{ width: 100%; height: 100%; object-fit: cover;}
.con_idx.st2 > .idx .floor_box .txt{  height:10em; padding:2em; box-sizing:border-box; background: var(--siteC3); border-bottom-right-radius:1em;}
.con_idx.st2 > .idx .floor_box .txt.st2{height:14em;}
.con_idx.st2 > .idx .floor_box .txt .tt{font-size:2em; color:#fff; font-weight:600; margin-bottom:1.125rem;}
.con_idx.st2 > .idx .floor_box .txt .tt .s_tit{ font-weight:400; font-size:.75em;}
.con_idx.st2 > .idx .floor_box .txt .t1{color:#fff; line-height:1.4;}

.con_idx.st2 > .idx .floor_box .arrows_wrap{position:absolute; right:0; bottom:10em; width:80px; height:40px; z-index:2; display:flex;}
.con_idx.st2 > .idx .floor_box .arrows_wrap > span{width:40px; display:flex; justify-content:center; align-items:center; background: var(--siteC2); color:#555; cursor:pointer; border-right:1px solid #ddd;}
.con_idx.st2 > .idx .floor_box .arrows_wrap > span .xi{font-size:1.25em;}
.con_idx.st2 > .idx .floor_box .arrows_wrap > span:hover .xi{color: var(--siteC);}

/* 설립목적 */
.icon_list{display: flex; justify-content: center; gap: 4em;}
.icon_list li{display: flex ; flex-direction: column; justify-content: center; align-items: center; gap: 1.5em; color: var(--siteC3); text-align: center; width: 15vw; height: 15vw; border-radius: 50%; background: #f7f7f7;}
.icon_list li .img_wrap{width: 80px;}
.icon_list li .tt{font-size: 17px; line-height: 1.4; font-weight: 500; }


.circle_item{transition: background-color 0.5s ease-in-out;}
.circle_item.on{ background: var(--siteC); color: #fff; transition: background-color 0.5s ease-in-out;}
.circle_item.on img{ filter: brightness(300%);}

.txtArea{background: var(--siteC2); padding: 4em 0; text-align: center;}
.txtArea.st1{padding: 3em 0;}
.txtArea .t1{font-size: 1.25em; line-height: 1.4; margin-bottom: 1.2em; font-weight: 500;}
.txtArea .t2{font-size: 1.13em; margin-bottom: 0.3em;}
.txtArea .t3{}

/* 운영방식 */
.divWrap2{}
.divWrap2 .img_wrap{ height:36em; }
.divWrap2 .page_tt.s7{margin-bottom: .5em;}
.divWrap2 .page_tt.s4{margin-bottom: 3em;}
.divWrap2 .method_info ~ .method_info{padding-top: 5em;}
.divWrap2 .method_info .info_list{width: 64%;}
.divWrap2 .method_info .info_list{margin-top: 0.5em;}

/* 기부금영수증 */
.memo_list{ padding: 1em 1.5em; border: 1px solid #ddd;}
.memo_list .memo_item{ padding: .8em 0; border-bottom: 1px dotted #bbb; font-size: 1.13em; line-height: 1.4;}
.memo_list .memo_item .txtBox{padding: .7em 1em; background: var(--siteC2); margin-top: 0.5em; border-radius: .5em; font-size: 0.925em;}

.memo_list .memo_item.dot3{padding-left: 1.3em; font-size: 1.06em; color:#111; position: relative;}
/* .memo_list .memo_item.dot3.page_tt.s6{ margin-bottom: .2em !important;} */
/* .memo_list .memo_item.dot3.page_tt.s4{margin-bottom: 0.3em !important;} */
.memo_list .memo_item.dot3::before{position: absolute; left: 0; top: 13px; content:"\e92b"; display: inline-block; font-family:xeicon; color:var(--siteC);}
.memo_list .memo_item.dot3.st1::before{top: 0; transform: translateY(0);}

.memo_box{padding: 2em; background: #fff; border-radius: 1em; box-sizing: border-box;}
.memo_box .memo_txt li{font-size: 21px; padding: .4em 0; border-bottom: 1px dotted #bbb;}
.memo_box .memo_txt li.dot1{position: relative; padding-left: 1em;}
.memo_box .memo_txt li.dot1::before{position: absolute; content: ''; left: .4em; top: 18px; width: 4px; height: 4px; background: #111; border-radius: 100px;}
.memo_box.st1 .memo_txt li.dot1::before{ background: #ed8300;}
.memo_box .memo_txt li:last-child{border-bottom: none;}
.memo_box .ttbox{ margin-right: 5em; padding: 1.3em 0;}
.memo_box .ttbox p:nth-child(1){margin-bottom: 0.5em;}
.memo_box .ttbox p:nth-child(2){margin-bottom: 0.3em;}

.bg_box .inner{padding: 0 4em; box-sizing: border-box;}
.issued_info .issued{}
.issued_info .issued .left p:first-child{margin-bottom: 1em;}

/* 후원기업 */
/*연혁*/
.history-con .hisTopImg{ width: 100%; height: 25em; border-radius: 1em; overflow: hidden; margin-bottom: 2.5em;}
.history-con .hisTopImg > img{ width: 100%; height: 100%; object-fit: cover;}
.history-layout {gap: 6em;}
.history-layout .left { position: sticky; height: 100%; top: var(--headH); flex: 1 1 45%; margin-top: 2.5em;}
.history-layout .left .title-wrap {}
.history-layout .left .title-wrap > .desc{ font-size: 1.15em; color: #444;}
.history-layout .left .title-wrap > h3{font-size: 2.515em; margin: .25em 0; font-weight: 700;}
.history-layout .left .img-wrap {margin-top: 1.5em; height: 25em; position: relative;}
.history-layout .left .img-wrap img {border-radius: 1em; width: 100%; height: 100%; object-fit: cover;}
.history-layout .right {flex: 1 1 55%;}
.history-layout .right .hitory_wrap {}

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

.history_wrap{ position:relative; padding:2em 0 2em 0; overflow: hidden;}
.history_wrap:before,
.history_wrap .scrollAniHis{ content:""; position:absolute; left:2%; top:0; width:2px; height:100%; background:#ddd}
.history_wrap .history{ padding-left: 1em;}

.history_wrap .scrollAniHis{ height:0; background: var(--siteC); transition:.3s;}
.history_wrap .scrollAniHis:before {content:""; position:absolute; top:0; margin-left:-.5em; width:1.215em; height:1.215em; background:#fff; border:.25em solid var(--siteC); border-radius:100%; box-sizing:border-box}
.history_wrap:after{ content:""; position:absolute; left:2%; top:0; margin-left:-.5em; width:1.215em; height:1.215em; background:#fff; border:.25em solid var(--siteC); border-radius:100%; box-sizing:border-box}

.history_wrap.rich .scrollAniHis{background:var(--siteC);}
.history_wrap.rich .scrollAniHis:before {border:.25em solid var(--siteC);}
.history_wrap:after{  border:.25em solid var(--siteC);}

.history_wrap:after{ top:auto; bottom:0}
.history_wrap .history > li{ margin-top:6em; flex-direction: column; gap: .5em;}
.history_wrap .history > li:first-child{ margin-top: 0}
.history_wrap .history > li .year{ width:28%; /* overflow:hidden; */ padding-left: 2em;}
.history_wrap .history > li .year .wrap_in{ position:relative;}
.history_wrap .history > li .year .tt{ display:inline-block; position:relative; font-size:2.715em; letter-spacing:-3px; color: var(--siteC); font-weight:700;}
/* .history_wrap .history > li .year .tt:before{ content:""; position:absolute; right:110%; top:50%; margin-top:-1px; width:30%; border-top:2px solid #ddd; z-index: -1;} */
/* .history_wrap .history > li .year .tt:after{ content:"'"; font-style:italic} */
.history_wrap .history > li .list{ width:100%; margin-top:1em}
.history_wrap .history > li .list > li{ margin-top:1em}
.history_wrap .history > li .list > li:first-child{ margin-top:0}
.history_wrap .history > li .list .wrap_in{ padding:0 2em 0 3em; /* align-items: center; */ position: relative;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize {padding-bottom:35% !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r {text-align:right !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_l {text-align:left !important;}
.history_wrap .history > li .list .month{ flex: 0 0 4.5em; font-size: 1.063em; line-height: 1.4; color: var(--siteC); font-weight: 600;}
.history_wrap .history > li .list .month .tt{ color:#999; font-size:1.125em;letter-spacing:-1px}
.history_wrap .history > li .list .month .tt:after{ content:""; font-size:.813em; font-weight:500}
.history_wrap .history > li .list .detail > li{ margin-top:.5em}
.history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.history_wrap .history > li .list .detail .tt{ position:relative; color:#333; font-size:1.063em; line-height:1.4; font-weight:400; word-break: keep-all; padding-left: 1em;}
.history_wrap .history > li .list .detail .tt::before{position: absolute; top: 9px; left: 0.15em; content: ''; width: 4px; height: 4px; border-radius: 100px; background: var(--siteC3);}

.histroy-ank {max-width: 70%; margin: auto; margin-top: -2em; box-shadow: 0 10px 10px rgba(0,0,0,.1); border-radius: 5em; overflow: hidden;}
.histroy-ank > li {flex: 1; display: flex; align-items: center; justify-content: center; background: #fff; transition: .35s; border-right: 1px solid #ddd;}
.histroy-ank > li:hover {background: #012350;}
.histroy-ank > li:hover .btn-tt {color: #fff;}
.histroy-ank > li .btn-tt {font-size: 1.75em; font-weight: 600; color: #777; position: relative; transition: .35s; padding: .5em 1em; transition: .35s; width: 100%; text-align: center;}
.histroy-ank > li .btn-tt.on {background: #012350; color: #fff;}
.histroy-ank > li .btn-tt:before {content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background: #2b9cbb; border-radius: 50%; width: .25em; height: .25em; opacity: 0; transition: .35s;}
.histroy-ank > li .btn-tt:hover:before {opacity: 1; top: -.5em;}


.method_info .tableWrap{width: 65%;}

.D_table{ position: relative; margin-top: 3em; text-align: center;}
.D_table .Dtab_top{display: flex; justify-content: space-between; gap: 1em; align-items: center;  margin-bottom: 2em;}
.D_table .Dtab_top .line{width: 100%; height: 1px; background: var(--siteC3);}
.D_table .Dtab_tit{font-size: 1.63em; font-weight: 700; background: #fff; color: var(--siteC3); padding: .5em 1.2em; border-radius: 100px; border: 3px solid var(--siteC); display: inline-block;}
.D_table .Dtab_con{padding: 2em; background: #fff; border: 4px dashed #ddd; }
.D_table .Dtab_con .D_info{display: flex; gap: 1em 2.5em; padding: 2em; background: #f7f7f7; flex-wrap: wrap; }
.D_table .Dtab_con .D_info li{font-weight: 500; font-size: 1.06em; position: relative; flex: 1 1 5%; max-width: 5%;}
.D_table .Dtab_con .D_info li::before{content: ''; position: absolute; right: -1.3em; top: 5px; width: 1px; height: 60%; background: #ccc;}

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

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