@charset "utf-8"; /* CSS Document */
.box0 { width:92%; margin:0 auto; max-width:1480px } 
.box1 { width:1280px; margin:0 auto } 
.box2 { width:1140px; margin-left:auto; } 
.box3 { width: 1520px; margin: 0 auto; } 

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

.pcHide { display:none !important; }
.pCHide { display:none !important; }
.moHide { } 

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

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

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

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


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

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

/*header*/
/**/
#header { position:relative; z-index:999; } 
.sub #header { border-bottom: 1px solid #ddd; } 
#header .top_wrap,
#header .gnb_wrap .gnb > li .dp1,
.header_pd { height: var(--headH); } 
.header_pt { padding-top: var(--headH); } 

#header { background:#fff; } 
#header .logo img { height:3.45em; } 
#header .h_menu_wrap { gap:2vw; } 
#header .h_menu_wrap .hm_member { gap:1.2vw; } 
#header .h_menu_wrap .hm_member > li a { font-size: .938em; transition:.2s; } 
#header .h_menu_wrap .hm_member > li a:not(.flex) { display:block; } 
#header .h_menu_wrap .hm_member > li.def .in { gap:.25em; padding:.25em 0; color:#555; } 
#header .h_menu_wrap .hm_member > li.def .in .xi { font-size:1.125em; } 
#header .h_menu_wrap .hm_member > li.def .in .tt { font-size:1em; } 
#header .h_menu_wrap .hm_member > li.def .in .num { min-width:2em; padding:.25em .375em; background:var(--siteC); border-radius:3em; text-align:center; font-size:.813em; font-weight:500; color:#fff; line-height:normal; } 
#header .h_menu_wrap .hm_member > li.def .in:hover { color:var(--siteC); } 
#header .h_menu_wrap .hm_member .hm_btn { gap:.5em; height:2.5em; padding:0 1.25em; background:var(--siteC); color:#fff; border-radius:.375em; } 
#header .h_menu_wrap .hm_member .hm_btn .xi { font-size:1.250em; } 
#header .h_menu_wrap .hm_member .hm_btn .tt { font-size:.875em; font-weight:500; } 
#header .h_menu_wrap .hm_member .hm_btn:hover { background:#111; } 
#header .h_menu_wrap .all_wrap .va > .xi { font-size: 2em; color: var(--crBlack) } 

/* Language Button */
#header .h_menu_wrap .lang_wrap .lang { position: relative; } 
#header .h_menu_wrap .lang_wrap .lang .lang_btn { font-size: .938em; color: #444; } 
#header .h_menu_wrap .lang_wrap .lang .lang_btn .tt { } 
#header .h_menu_wrap .lang_wrap .lang .lang_btn .xi { font-size: 1rem; } 
#header .h_menu_wrap .lang_wrap .lang .drop { position: absolute; top: calc(100% + 0.5em); left: 0; width: 100%; height: 0; transition: 0.3s; overflow: hidden; background: rgba(255, 255, 255, 1); border-radius: 5px; box-shadow: 3px 0 6px rgba(0,0,0, .1); } 
#header .h_menu_wrap .lang_wrap.on .lang .drop { height: fit-content; } 
#header .h_menu_wrap .lang_wrap .lang .drop > li { } 
#header .h_menu_wrap .lang_wrap .lang .drop > li > a { padding: 0.5em; display: inline-block; width: 100%; box-sizing: border-box; border-bottom: 1px solid var(--siteC2); transition: .2s; } 
#header .h_menu_wrap .lang_wrap .lang .drop > li > a:hover { background: var(--siteC2); color: var(--siteC); } 
#header .h_menu_wrap .lang_wrap .lang .drop > li > a .tt { font-size: 0.875rem; } 
#header .h_menu_wrap .util_wrap { position:relative; display: flex; align-items: center; gap: 1em; } 
#header .h_menu_wrap .util_wrap:before { position: absolute; left: -1vw; width: 1px; height: 12px; background: #ddd; content: ''; } 
#header .h_menu_wrap .util_wrap .lang_wrap { } 

#header .gnb_wrap { } 
#header .gnb_wrap .gnb { } 
#header .gnb_wrap .gnb > li { position:relative; } 
#header .gnb_wrap .gnb > li.m_mypage{ display: none;}
#header .gnb_wrap .gnb > li .dp1 { padding:0 1.8vw; } 
#header .gnb_wrap .gnb > li .dp1 .tt { font-size:1.125em; font-weight:600; } 
#header .gnb_wrap .gnb > li.more .dp1 .arrow { position: absolute; top: 50%; transform: translateY(-50%); padding-left:.65em; font-size:1em; } 
#header .gnb_wrap .gnb > li.more .dp1 .arrow:before { content:"\e941"; } 
#header .gnb_wrap .gnb > li .dp2 { display:block; position:absolute; left:calc(50% - 1em); width:13em; margin-top:-.75em; padding:1.25em 1.5em; background:#fff; box-shadow:0 2px .75em rgba(0,0,0,.15); border-radius:.625em; opacity:0; visibility:hidden; transform:translateX(-50%); transition:opacity .2s; } 
#header .gnb_wrap .gnb > li .dp2 > li { position:relative; } 
#header .gnb_wrap .gnb > li .dp2 > li > a { padding:.625em .625em; color:#333; justify-content: start; text-align: left; } 
#header .gnb_wrap .gnb > li .dp2 > li > a .tt { font-size:1em; } 
#header .gnb_wrap .gnb > li .dp3 { display: none; } 
#header .gnb_wrap .gnb > li.act .dp1 { color:var(--siteC); } 
#header .gnb_wrap .gnb > li.act .dp2 { opacity:1; visibility:visible; } 
#header .gnb_wrap .gnb > li .dp2 > li.act > a { color: var(--siteC); } 
#header .gnb_wrap .gnb > li .dp2 > li.act > .dp3 { display: block; padding: 1em; box-sizing: border-box; background: #f7f7f7; border-radius: .25em; } 
#header .gnb_wrap .gnb > li .dp2 > li > .dp3 > li { position:relative; margin-bottom: .5em; padding-left: .75em; } 
#header .gnb_wrap .gnb > li .dp2 > li > .dp3 > li:last-of-type { margin-bottom: 0em; } 
#header .gnb_wrap .gnb > li .dp2 > li > .dp3 > li:before { position: absolute; top: -2px; left: 0; content: '-'; } 
#header .gnb_wrap .gnb > li .dp2 > li > .dp3 > li > a { justify-content: start; font-size: .85em; color: #444; text-align: left !important; } 
#header .gnb_wrap .gnb > li .dp2 > li > .dp3 > li > a:hover { color: var(--siteC); } 
#header .gnb_wrap .gnb > li .dp2 > li > .dp3 > li:hover:before { color: var(--siteC); } 

#header .all_wrap { color:#000; } 
#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: 3em; 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; } 

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

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

/*quick*/
.quick_wrapper { } 
#quick { position: fixed; z-index: 99; right: 3em; top: 7.5em; transition: .35s; } 
.quick_wrapper.pCHide #quick{ position: fixed; z-index: 99; right: -7em; top: 7.5em; transition: .35s; } 
.quick_wrapper.pCHide #quick.on{ position: fixed; z-index: 99; right: 0em; top: 7.5em; transition: .35s; } 
.quick_wrapper.pCHide #quick.on .hide_btn:before {content: '\e93c'}
#quick .quick_wrap { box-sizing: border-box; max-height: 100%; overflow-y: auto; overflow-x: hidden; width: 8em; padding: 1em .5em; background: #fff; border: 1px solid #ddd; box-shadow: 0 .375em .75em rgba(27, 60, 111, .1); border-radius: .6em; } 
#quick .quick_wrap .top { } 
#quick .quick_wrap .top > .in { text-transform: uppercase; text-align: center; margin-bottom: .75em; } 
#quick .quick_wrap .top > .in > i { font-size: .9em; font-weight: 600; letter-spacing: -0.02em; } 
#quick .quick_wrap .link { } 
#quick .quick_wrap .link > .inner { } 
#quick .quick_wrap .link > .inner > .icon { margin: 0 auto; } 
#quick .quick_wrap .link > .inner > .icon > img { height: 25px; object-fit: contain; } 
#quick .quick_wrap .link > .inner > .tit { font-size: .9em; color: #444; text-align: center; font-weight: 600; } 
#quick .quick_wrap .con_w .list > li:nth-child(6) .in .tt { font-weight: 600; } 
#quick .quick_wrap .con_w .list > li .in > img { width: 100%; margin-bottom: .3em; } 
#quick .quick_wrap .con_w .list > li:nth-child(5) .in:hover > img { filter: brightness(0) invert(1); } 
#quick .quick_wrap .con_w .list > li .in { min-height: 2.85em; display: flex; align-items: center; flex-direction: column; justify-content: center; border:1px solid #ddd; border-radius:.4em; transition:.2s; margin-bottom:.25em; padding:.375em .5em; background: #f9f9f9; } 
#quick .quick_wrap .con_w .list > li .in .xi { font-size:1.5em; line-height:1; display:block; margin-bottom:.25em } 
#quick .quick_wrap .con_w .list > li .in .tt { font-size:.8em; font-weight: 500; color: #555; } 
#quick .quick_wrap .con_w .list > li .in > i > img { width: 2.5em; height: 38px; object-fit: contain; } 
#quick .quick_wrap .con_w .list > li:hover .in { background: var(--siteC2); border: 1px solid var(--siteC); transition:.3s; } 
#quick .quick_wrap .con_w .list > li:hover .in .xi { color:#fff; } 
#quick .quick_wrap .con_w .list > li:hover .in .tt { color: var(--siteC); } 

#quick .quick_wrap .goTop { background: var(--siteC); border-radius: .4em; color: #fff; padding: .35em 0; width: 100%; display: block; text-align: center; } 
#quick .quick_wrap .goTop > .xi { font-size: 1.215em; } 

#quick .hide_btn { display: inline-block; position: absolute; left: -2em; top: 50%; transform: translateY(-50%); width: 3em; height: 5em; background: #fff; border: 1px solid #eee; box-shadow: 0 0 5px rgba(0, 0, 0, .1); z-index: -1; border-radius: 10px; } 
#quick .hide_btn:before { content: '\e93f'; font-family: 'xeicon'; position: absolute; color: #333; font-size: 1.75em; top: 50%; transform: translateY(-50%); transition: .35s; } 

#quick.active { right: -6.25em; } 
#quick.active .hide_btn:before { transform: translateY(-50%) rotate(180deg); } 

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



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

#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 .footerWrapper { background: #111; padding: 3em 0 4em 0; } 
#footer .info_wrap { gap:4em; margin-top:1em; display: flex; } 
#footer .info_wrap .f_logo { width: 16em; filter: var(--crWhitefil); } 
#footer .info_wrap .info { flex:1; overflow:hidden } 
#footer .info_wrap .info > li { float:left; margin-right:2em; margin-bottom:.75em; opacity:.8; position:relative; color: #fff; } 
#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; width: 100%; } 
#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 { } 
#footer .info_wrap .logo > img { width: 12.5em; object-fit: contain; } 

#footer .site_wrap { position:relative; z-index:1 } 
#footer .site_wrap .btn { display:block; padding: 1em; font-size: 1.063em; padding-right:3em; color: #fff; background: #333; width:10em; position:relative; } 
#footer .site_wrap .btn .xi { position:absolute; right:.5em; width:2.5em; text-align:center; top:50%; color: #fff; line-height:1em; margin-top:-.5em; transition:.3s; font-size:1em } 
#footer .site_wrap .btn .tt { font-weight:600; font-size:.965em; } 
#footer .site_wrap .siteBtn { font-weight:500 } 
#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 { } 
#footer .site_wrap .list .btn:hover .xi { right:0 } 

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

.footerWrapper .footerBtm { margin-top: 2em; color: rgba(255,255,255, .6); } 
.footerWrapper .footerBtm .con { display: flex; align-items: center; justify-content: space-between; } 
.footerWrapper .footerBtm .con .copyright { font-size: .9em; } 

#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; color: #fff; } 
#footer .menu > li > .in:hover { text-decoration:underline; } 

/*contents*/
#contents .doc { padding:4em 0 10em; } 

#contents .sub_container { position:relative;} 
#contents { } 
#contents .nav { padding-left: 3vw; box-sizing: border-box; } 
#contents .nav > li { position: relative; color: #AEAEAE; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; margin-right: 15px; padding-right: 15px; } 
#contents .nav > li:before { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 11px; width: 1px; background: #00000026; } 
#contents .nav > li:last-of-type { color: var(--crBlack); font-weight: 600; padding-right: 0em; margin-right: 0em;} 
#contents .nav > li:last-of-type:before { display: none; } 
#contents .nav > .home > a { transition: .3s; } 
#contents .nav > .home > a:hover { color: var(--siteC); } 

#contents .sub_visual{ position:relative; overflow: hidden; height: 12.5em; border-radius: .5em; margin: 1.5em 0 2em 0;}
#contents .sub_visual .wrap_bg{ position:absolute; left:0; top:0; height: 100%; width:100%; transform: scale(1.1); transition: all 2s;}
#contents .sub_visual:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .5); content: ''; z-index: 1;}
.load #contents .sub_visual .wrap_bg{ transform: scale(1);}
#contents .sub_visual .wrap_con{ position:relative; box-sizing:border-box; height: 100%;}
#contents .sub_visual .wrap_con .slogan_wrap{ position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); color:#fff; text-align:center; z-index: 2; }
#contents .sub_visual .wrap_con .slogan_wrap .slogan .t1{ font-size:2.15em; letter-spacing: -0.03em; font-weight:700; text-transform: uppercase;}
#contents .sub_visual .wrap_con .slogan_wrap .slogan .t2{ font-size: .938em; letter-spacing: .5em; font-weight: 500; color: rgba(255,255,255, .6); margin-bottom: .5em;}

#contents .lnb_wrap { width:16em } 
#contents .lnb_wrap .gnb { /* position: sticky; top: 8.5em; margin-bottom: 8em; */ position:relative; } 
#contents .lnb_wrap .gnb,
#contents .lnb_wrap .gnb ul { display:block } 
#contents .lnb_wrap .gnb > li { display:none } 
#contents .lnb_wrap .gnb > li.on { display:block } 
#contents .lnb_wrap .gnb > li .dp1 { position:relative; height:7.5em; border-left:none; border-right:none; color:#fff; border-radius: .5em; background: var(--siteC); } 
#contents .lnb_wrap .gnb > li .dp1 .sym { position: absolute; display: block; top: 3.85em; left: -5em; filter: brightness(0) invert(1); } 
#contents .lnb_wrap .gnb > li .dp1 .sym > img { width: 21em; opacity: .075; } 
#contents .lnb_wrap .gnb > li .dp1 .va > .tt { font-size:1.515em; font-weight: 700; } 
#contents .lnb_wrap .gnb > li .dp2 > li { } 
#contents .lnb_wrap .gnb > li .dp2 > li > a { position:relative; border: 1px solid #eee; background: #f1f1f1; font-weight:500; padding:1em 1.25em 1em 1.25em; position:relative; margin:.5em 0 0 0; color:#444; line-height:1.2; border-radius: .5em; } 
#contents .lnb_wrap .gnb > li .dp2 > li > a:after { content: ""; position: absolute; right: 0em; top: 50%; transform: translateY(-50%); width: 1.5em; height: 1px; background: var(--siteC); transform-origin: right center; transform: scaleX(0); transition: transform 0.3s ease; } 
#contents .lnb_wrap .gnb > li .dp2 > li > a:before { position: absolute; top: 50%; right: 1.85em; top: 50%; transform: translateY(-50%); min-width: .3em; min-height: .3em; width: .3em; height: .3em; border-radius: 50%; opacity: 0; visibility: hidden; background: var(--siteC); transition: .3s; content: ''; } 
#contents .lnb_wrap .gnb > li .dp2 > li.on > a:before,
#contents .lnb_wrap .gnb > li .dp2 > li.on > a:after { background: #fff; } 
#contents .lnb_wrap .gnb > li .dp2 > li.on > a { background:var(--siteC); color:#fff } 
#contents .lnb_wrap .gnb > li .dp2 > li.on:hover > a { color: #fff; } 
#contents .lnb_wrap .gnb > li .dp2 > li:hover > a { color: var(--siteC); } 
#contents .lnb_wrap .gnb > li .dp2 > li:hover > a:after,
#contents .lnb_wrap .gnb > li .dp2 > li.on > a:after { transform: scaleX(1); } 
#contents .lnb_wrap .gnb > li .dp2 > li:hover > a:before,
#contents .lnb_wrap .gnb > li .dp2 > li.on > a:before { opacity: 1; visibility: visible; } 
#contents .lnb_wrap .gnb > li .dp3 { margin-bottom:.75em; border:1px solid #eee; margin-top: .35em; border-radius: .5em; } 
#contents .lnb_wrap .gnb > li .dp3 > li > a { justify-content: start; text-align:left; padding:1em 1.5em 1em 2em; border-bottom:1px solid #eee; color:#777; position:relative; overflow:hidden; line-height:1.2 } 
#contents .lnb_wrap .gnb > li .dp3 > li > a .va { font-size:.938em; font-weight: 600; } 
#contents .lnb_wrap .gnb > li .dp3 > li > a:before { content:"- "; position:absolute; left:1.25em; top:1em; height:auto; width:auto } 
#contents .lnb_wrap .gnb > li .dp3 > li > a:after { content:"\e93f"; font-family:xeicon!important; position:absolute; right:.5em; line-height:1em; top:50%; margin-top:-.5em; transform:translateX(2em); transition:.3s } 
#contents .lnb_wrap .gnb > li .dp3 > li:last-of-type > a { border-bottom: none; } 
#contents .lnb_wrap .gnb > li .dp3 > li:hover > a,
#contents .lnb_wrap .gnb > li .dp3 > li.on > a { color:var(--siteC) } 
#contents .lnb_wrap .gnb > li .dp3 > li:hover > a:after,
#contents .lnb_wrap .gnb > li .dp3 > li.on > a:after { transform:translateX(0) } 
#contents .sub_wrap { width:calc(100% - 19em); } 
#contents .sub_wrap .sub_top_wrap { display: flex; align-items: center; justify-content: space-between; padding-bottom: 1.5em; margin-bottom: 2em; border-bottom: 1px solid #ddd; } 
#contents .sub_wrap .sub_tit { } 
#contents .sub_wrap .sub_tit .t1 { font-size:2.315em; font-weight: 700; line-height:1.2 } 
#contents .sub_wrap .sub_tab { margin-bottom:2.5em } 
#contents .sub_wrap .sub_tab > .gnb li { width:100% } 
#contents .sub_wrap .sub_tab > .gnb .dp3 { display: none; padding:1px 0 0 1px; position:relative } 
/*
#contents .sub_wrap .sub_tab > .gnb .dp3:before { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ddd } 
#contents .sub_wrap .sub_tab > .gnb .dp3 > li { flex:1 1 0%; max-width:25% } 
#contents .sub_wrap .sub_tab > .gnb .dp3 > li.m_hide { display:block } 
#contents .sub_wrap .sub_tab > .gnb .dp3 > li > a { padding:.5em; height:3.5em; display:flex; align-items:center; justify-content:center; line-height:1.2; border:1px solid #ddd; margin:-1px 0 0 -1px; color:#777; position:relative } 
#contents .sub_wrap .sub_tab > .gnb .dp3 > li > a:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; border:1px solid var(--siteC); opacity:0; transition:.3s } 
#contents .sub_wrap .sub_tab > .gnb .dp3 > li > a .va { font-size:1.125em; font-weight:500 } 
#contents .sub_wrap .sub_tab > .gnb .dp3 > li:hover > a,
#contents .sub_wrap .sub_tab > .gnb .dp3 > li.on > a { color:var(--siteC); box-shadow:0 0 1em rgba(0,0,0,.1) } 
#contents .sub_wrap .sub_tab > .gnb .dp3 > li.on > a:after { opacity:1 } 
*/

.subInner { padding-bottom: 6em; } 

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

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


/*SUB PAGE*******************/
/*inc*/
.page_con { padding:4em 0; } 
.page_con.pt0 { padding-top: 0; } 
.page_con.bg1 { background:var(--siteBg1); } 
.page_con.bg2 { background:var(--siteBg2); } 
.page_con.bg3 { background:var(--siteBg3); } 
.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; } 

/*버튼 공통*/
.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: 2.5em; } 
.main-tab > li { position: relative; } 
.main-tab > li:before { position: absolute; top: 50%; transform: translateY(-50%); right: -1.4em; width: .35em; height: .35em; background: #888; border-radius: 50%; content: ''; } 
.main-tab > li:last-of-type:before { display: none; } 
.main-tab .tab-btn { font-size: 1.515em; font-weight: 600; color: #888; cursor: pointer; } 
.main-tab .tab-btn:hover { color: var(--siteC); } 
.main-tab > li.on .tab-btn { color: var(--siteC); } 

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


/***********************/
/*MAIN******************/
.vod_wrap { position:relative } 
.vod_wrap .vod { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover } 
.vod_wrap .layer { position:absolute; left:0; top:0; width:100%; height:100% } 
.visual_wrapF { overflow: hidden; } 
.visualSlide_wrap { position:relative; } 
.visualSlide { height:56vh; } 
.visualSlide .el { position: relative; border-radius: 1em; overflow: hidden; } 
.visualSlide .el .bg { position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.1) } 
.visualSlide .el .bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .35); content: ''; } 
.visualSlide .el .vod_wrap { position:relative; height:100% } 
.visualSlide .el .vod_wrap:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000 } 
.visualSlide .el.swiper-slide-active .vod_wrap:after,
.visualSlide .el.swiper-slide-duplicate-active .vod_wrap:after { transition:2s; opacity:.2 } 
.visualSlide .el.swiper-slide-active .bg,
.visualSlide .el.swiper-slide-duplicate-active .bg { transition:4s; transform:scale(1) rotate(.001deg) } 

.visualSlideSlogan_wrap { position:absolute; left:0; width:100%; bottom:6em; box-sizing:border-box; z-index:10; color:#fff } 
.visualSlideSlogan_wrap .wrapF { display:flex; flex-direction:column; height:100% } 

.visualSlide_wrap .wrapF { position:relative; overflow:hidden; border-radius:1em; } 
.visualSlide_wrap .slogan { box-sizing:border-box; padding:0 5vw; } 
.visualSlide_wrap .slogan .t1 { font-size:2vmin; letter-spacing:.3vmin; opacity:.7; margin-bottom:2vmin; } 
.visualSlide_wrap .slogan .t1 .el i { transition: 1.5s; } 
.visualSlide_wrap .slogan .t2 { font-size:4.7vmin; font-weight:800; text-transform:uppercase; word-break: break-all; } 
/* .visualSlide_wrap .slogan .t2 { font-size:5.5vmin; font-weight:800; text-transform:uppercase }  */
.visualSlide_wrap .slogan .t3 { font-size:2.4vmin; line-height:1.6; margin-top:4vmin } 
.visualSlide_wrap .slogan .t3 .el i { transition: 1.5s; } 


.visualSlideSlogan_control { position: absolute; left: 50%; transform: translateX(-50%); bottom: 1em; color: #fff; z-index: 99; } 
.visualSlide_control { display:flex; align-items:flex-end; width:100%; margin-top: 2em; font-size: 1.063em; } 
.visualSlide_control .control { margin:0 0 .5em auto; gap:1.75em } 


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

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

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

.page_tit { margin:0 0 1.25em 0 } 
.page_tit.c_white { color: #fff; } 
.page_tit.m0 { margin-bottom:0; } 
.page_tit.m1 { margin-bottom:2.25em; } 
.page_tit.m2 { margin-bottom: 1em; } 
.page_tit .tt { } 
.page_tit .tt * { vertical-align:baseline; } 
.page_tit .tt .info-tt { color: #888; font-size: 0.875rem; margin-top: 5px; } 
.page_tit .t0 { font-size: 3.215em; font-weight: 800; line-height: 1.2; text-transform: uppercase; } 
.page_tit .t1 { font-size: 2.515em; font-weight: 800; line-height: 1.2; } 
.page_tit .t2 { margin:.75em 0; color:#666; font-size:1.063em; line-height: 1.4; } 
.page_tit .t2:first-child { margin-top:0; } 
.page_tit .t3 { font-weight:700; font-size:1.515em; text-transform: uppercase; } 
.page_tit .t4 { font-weight:700; font-size:2em; line-height: 1.3; } 
.page_tit .t5 { font-weight:600; font-size:1.188em; text-transform: uppercase; } 
.page_tit .t6 { font-weight:500; font-size:.938em; } 
.page_tit .t7 { font-weight:500; font-size:1.063em; } 
.page_tit .t8 { font-weight:500; font-size:1.188em; color:#666; } 

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

.main_txt { position:relative; } 
.main_txt:not(:last-child) { margin-bottom:3.5em; } 
.main_txt.m1 { margin-bottom:1em; } 
.main_txt.m2 { margin-bottom:5em; } 
.main_txt .tit { margin-top:1em; } 
.main_txt .txt { margin-top:1.5em; line-height:1.6; } 
.main_txt .txt + .txt { margin-top:1em; } 
.main_txt .tit:first-child,
.main_txt .txt:first-child { margin-top:0; } 
.main_txt .o1 { opacity:.7; } 
.main_txt .o2 { opacity:.15; } 
.main_txt .t1 { font-size:1.000em; } 
.main_txt .t2 { font-size:1.063em; } 
.main_txt .t3 { font-size:1.125em; } 
.main_txt .t4 { font-size:1.250em; } 
.main_txt .t5 { font-size:1.375em; } 
.main_txt .t6 { font-size:1.500em; } 
.main_txt .t7 { font-size:1.750em; } 
.main_txt .t8 { font-size:2.000em; } 
.main_txt .t9 { font-size:3.000em; } 
.main_txt .t10 { font-size:3.500em; } 
.main_txt .t11 { font-size:4.500em; } 
.main_txt .t12 { font-size:6.000em; } 

.main_txt .icon:before { content:""; } 
.main_txt .icon.st1 { display:inline-flex; align-items:center; gap:1em; } 
.main_txt .icon.st1:before { width:3.25em; height:1px; background:var(--siteC); } 
.main_txt .icon.white.st1 { color: #fff; } 
.main_txt .icon.white.st1:before { background: #fff; } 

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

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

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

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

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

.main_txt .Entit { font-style: italic; } 
.main_txt .Entit i { font-style: italic; } 
.main_txt .Entit .ori { font-style: normal; margin-left: .15em; } 

.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: 30s; 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; } 


/*메인 공지*/
.main_notice { padding: 2em 0; } 
.notice_wrapper { } 
.notice_wrapper .noti_innerWrapper { display: flex; justify-content: space-between; padding: 1em 1.5em; box-sizing: border-box; background: var(--siteC2); border-radius: .5em; } 
.notice_wrapper .noti_inner { position:relative; width: 85%; display: flex; align-items: center; overflow: hidden; } 
.notice_wrapper .noti_inner .type { align-items: center; border: 1px solid var(--siteC); border-radius: 50px; color: #fff; display: flex; font-weight: 600; background: var(--siteC); flex-shrink: 0; font-size: 14px; height: 32px; justify-content: center; width: 84px; margin-right: 1.5em; } 
.notice_wrapper .noti_inner .tt { font-size: 1.063em; font-weight: 500; padding-right: 3em; color: var(--crBlack); width: 90%; } 
.notice_wrapper .noti_inner .notice_Slide { height: 1.25em; width: 100%; } 
.notice_wrapper .noti_inner .notice_Slide .inner { position:relative; display: flex; align-items: center; justify-content: space-between; } 
.notice_wrapper .noti_inner .date { position: absolute; top: 50%; right: 0; transform: translateY(-50%); color: rgba(0,0,0, .6); font-size: 1em; } 
.notice_wrapper .moreCon { display: flex; align-items: center; } 
.notice_wrapper .moreCon .line { width: 1px; height: 18px; background: var(--siteC); } 
.notice_wrapper .moreCon .more { margin-left: 2em; color: var(--crBlack); display: flex; letter-spacing: -0.01em; font-weight: 500; align-items: center; } 

.notice_wrapper .noti_inner .tt:hover { text-decoration: underline; } 

/*plus btn*/
.Plus_B { display: flex; align-items: center; justify-content: center; width: 2em; height: 2em; border: 1px solid #ddd; border-radius: 50%; transition: .2s; z-index: 99; } 
.Plus_B:hover { background: var(--siteC); color: #fff; } 

.Plus_B.s1 { width: 3em; height: 3em; } 

/*메인 퀵메뉴*/
.main_quick { /* padding-top: 2em; */ } 
.main_quickBox { position:relative; padding: 2.5em; border-radius: .5em; box-sizing: border-box; background: #f7f7f7; display: flex; align-items: center; gap: 6em; } 
.main_quickBox:before { } 
.main_quickBox .left_quick { position:relative; width: 40%; } 
.main_quickBox .left_quick:before { position: absolute; width: 1px; height: 80px; background: #ddd; top: 50%; transform: translateY(-50%); right: -3em; content: ''; } 
.main_quickBox .right_quick { width: 60%; } 

.main_quickBox .left_quick .cBoxList { } 
.main_quickBox .left_quick .cBoxList > li { } 
.main_quickBox .left_quick .cBoxList > li > .in { padding: 1.5em; box-sizing: border-box; text-align: center; border-radius: .5em; transition: .2s; } 
.main_quickBox .left_quick .cBoxList > li > .in:hover { transform: translateY(-.8em); box-shadow: 6px 0 24px rgba(0,0,0, .2); } 
.main_quickBox .left_quick .cBoxList > li > .in.c1 { background: #3672e1; } 
.main_quickBox .left_quick .cBoxList > li > .in.c2 { background: #29a139; } 
.main_quickBox .left_quick .cBoxList > li > .in > .tit { color: #fff; font-size: 1.25em; font-weight: 700; } 
.main_quickBox .left_quick .cBoxList > li > .in > .icon { margin-bottom: 1.25em; } 
.main_quickBox .left_quick .cBoxList > li > .in > .icon > img { width: 6em; height: 70px; object-fit: contain; filter: var(--crWhitefil); } 

.main_quickBox .right_quick .roundLink { } 
.main_quickBox .right_quick .roundLink > li { } 
.main_quickBox .right_quick .roundLink > li > .in { } 
.main_quickBox .right_quick .roundLink > li > .in > .icon { display: flex; align-items: center; border: 2px solid transparent; justify-content: center; width: 7em; height: 7em; margin: 0 auto; border-radius: 50%; background: #fff; transition: .3s; } 
.main_quickBox .right_quick .roundLink > li > .in > .icon > img { width: 4em; height: 54px; object-fit: contain; } 
.main_quickBox .right_quick .roundLink > li > .in > .tit { text-align: center; margin-top: 1em; font-size: 1.063em; transition: .2s; font-weight: 500; } 

.main_quickBox .right_quick .roundLink > li > .in:hover > .icon { border: 2px solid var(--siteC); box-shadow: 3px 0 12px rgba(0,0,0, .1); } 
.main_quickBox .right_quick .roundLink > li > .in:hover > .tit { text-decoration: underline; color: var(--siteC); } 

/*메인 커뮤니티*/
.main_community .community_wrapper { display: flex; gap: 4em; } 
.main_community .community_wrapper .community_table { position:relative; width: 70%; } 
.main_community .community_wrapper .community_table .main-tab { position: absolute; top: .7em; right: 0; padding-right: 5em; } 
.main_community .community_wrapper .community_table .top_con { display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid #111; margin-bottom: 1.25em; padding-bottom: 1.25em; } 
.mainPopW { position:relative; width: 30%; z-index: 99; } 
.mainPopW .wrapH { padding-bottom:115%; position:relative; border: 1px solid #ddd; } 
.mainPopW .titW { position:absolute; left: 100%; top:0; background: var(--siteC); color:#fff; z-index:10; border-top-right-radius:1em } 
.mainPopW .titW .tit { writing-mode: vertical-lr; padding:2em 0 1em; font-size:.813em; font-weight:700; word-spacing:.5em; display:flex; align-items:center; box-sizing:border-box; width:100% } 
.mainPopW .swiperControl { flex-direction:column; gap:0 } 
.mainPopW .swiperBtn { border-top:1px solid rgba(255,255,255,.2); color: #fff; } 
.mainPopW .el > a { display: block; width: 100%; height: 100%; } 
.mainPopW .el > a .img { } 
.mainPopW .el > a .img img { width: 100%; height: auto; object-fit: contain; } 

.main_community .news_list > li { padding: 0em 2em 1.25em 2.5em; margin-bottom: 1.25em; border-bottom: 1px solid #ddd; } 
.main_community .news_list > li:last-of-type { /* border-bottom: none; padding-bottom: 0em; margin-bottom: 0em; */ margin-bottom: 0em; } 
.main_community .news_list > li > .in { position: relative; gap: 1.5em; align-items: center; } 
.main_community .news_list > li > .in .con { align-items: center; gap: 1.5em; width: 85%; } 
.main_community .news_list > li > .in .con .speaker { min-width: 1.5em; text-align: center; } 
.main_community .news_list > li > .in:hover .title { text-decoration: underline; } 
.main_community .news_list > li > .in .title { position:relative; flex: 1; } 
.main_community .news_list > li > .in .title .tt { position: relative; font-size: 1.2em; color: #111; font-weight: 500; } 
.main_community .news_list > li > .in .title .boardIco { position: absolute; top: 50%; transform: translateY(-50%); right: -1.5em; } 
.main_community .news_list > li > .in .date { width: 15%; font-size: 1.063em; color: #666; text-align: right; } 

.cateBtn { padding: .9em 1em; letter-spacing: -0.03em; line-height: 1; width: 6.5em; font-weight: 500; text-align: center; font-size: .95em; text-align: center; border-radius: 10em; } 
.cateBtn.ty1 { background: #2796ca; color: #fff; } 
.cateBtn.ty2 { background: #2244a2; color: #fff; } 
.cateBtn.ty3 { background: #3147e0; color: #fff; } 

/*사진자료실*/
.main_gallery { background: #f7f7f7; } 
.mainSection2 { } 
.mainProdSlide { overflow: hidden; } 
.mainProdSlide .in { position: relative; display: block; border-radius: .5em; overflow: hidden; } 
.mainProdSlide .in > .imgB { position:relative; width: 100%; height: 15em; overflow: hidden; } 
.mainProdSlide .in > .imgB > img { width: 100%; height: 100%; object-fit: cover; transition: .3s; } 
.mainProdSlide .in > .imgB > .title { position: absolute; bottom: 0; left: 0; padding: .75em 1em; box-sizing: border-box; width: 100%; background: rgba(0,0,0, .7); color: #fff; } 
.mainProdSlide .in > .imgB > .title > .tt { font-size: 1em; letter-spacing: -0.03em; font-weight: 500; word-break: break-all; } 
.mainProdSlide .in:hover > .imgB > img { transform: scale(1.05); } 
.mainProdSlide .in:hover > .imgB > .title > .tt { text-decoration: underline; } 
.mainProdSlide_control { position: relative; gap: 2em; margin-top: 1.5em; } 
.mainProdSlide_control .paging_wrap { width: 100%; } 
.mainProdSlide_control .swiperBtn { width: 3.5em; min-width: 3.5em; height: 3.5em; color: #444; background: #fff; } 
.mainProdSlide_control .sw_btn_wrap { position: relative; gap: 0 .5em; flex: 1 1 10%; } 
.mainProdSlide_control .paging { position:relative; height: 2px; width: 100%; } 
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--siteC); } 

/*메인 관련사*/
.memBannerSlider_wrap { padding:1em; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; } 
.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:600; } 
.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.25em; border-radius: .3em; display: flex; align-items: center; justify-content: center; border: 1px solid #ddd; overflow:hidden; } 
.memBannerSlider .el .in > img { width: 100%; height: 45px; object-fit: contain; } 

.swiperControl.st1 { gap:1em; } 
.swiperControl.st1 .total { gap:.5em; font-size:.938em; } 
.swiperControl.st1 .total > span.swiper-pagination-current { font-size:1.125em; color:var(--siteC); font-weight:900; } 
.swiperControl.st1 .control { border:1px solid #ddd; border-radius:6em; overflow:hidden; } 
.swiperControl.st1 .control .swiperBtn.btn { width:2em; height:2em; } 
.swiperControl.st1 .control .swiperBtn.btn:hover { background:var(--siteC); color:#fff; } 

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

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

.page_col { gap:2em 6em; } 
.page_col.gp1 { } 
.page_col > li { } 
.page_col > li.w1 { width:45%; } 
.page_col > li.w2 { width:26%; } 
.page_col + .page_col { margin-top:8em; } 
.page_col > li .p1 { padding:4em 0 5em 0; } 
.page_col > li .p2 { padding:1.5em 0 2em 0; } 
.page_col > li .round { border-radius:1.5em; overflow:hidden; } 
.page_col > li .wrap_img:not(.resize) { position:relative; height:100%; } 

/*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: 0 1.25em; margin-top: 1.25em; } 
.page_dot_list.pN { padding: 0em; } 
.page_dot_list.mt0 { margin-top: 0em; } 
.page_dot_list.pN > li:before { display: none; } 
.page_dot_list > li { position:relative; margin-bottom: .5em; letter-spacing: -0.03em; font-weight: 500; font-size: 1.063em; } 
.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%; } 

/***SUB 공통***/
.page-wrapper { } 
.page-wrapper .pageCon { padding-bottom: 3.5em; } 
.page-wrapper .pageCon:last-of-type { padding-bottom: 0em; } 

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

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

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

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

.HoverBtn { display: flex; gap: 1em; } 
.HoverBtn > a { cursor: pointer; transition: .3s; } 
.HoverBtn > .ty1:hover { border: 1px solid var(--siteC); background: #fff; color: var(--siteC); } 
.HoverBtn > .ty2:hover { border: 1px solid var(--siteC3); color: var(--siteC3); background: #fff; } 
.HoverBtn .con { display: flex; align-items: center; gap: .25em; } 

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

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

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

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

.table_info_txt{ margin-top: 1em;}
.table_info_txt > li{ margin-bottom: .2em;}
.table_info_txt > li:last-of-type{ margin-bottom: 0em;}
.table_info_txt > li > .con{ display: flex; gap: .25em;}
.table_info_txt > li > .con > .xi{ position:relative; top: -4px; color: var(--siteC);}
.table_info_txt > li > .con > .tt{ font-size: .9em; line-height: 1.2; color: #444;}

/*SUB ARTICLE*/
.contactBox { position: relative; display: flex; margin-top: 2em; padding: 2em; box-sizing: border-box; background: #f7f7f7; border-radius: .5em; overflow: hidden; gap: 6em; } 
.contactBox .leftCon { position:relative; } 
.contactBox .leftCon > .contactT { display: flex; align-items: center; gap: 1.5em; } 
.contactBox .leftCon > .contactT > .tt { font-size: 1.315em; font-weight: 600; line-height: 1; } 
.contactBox .leftCon > .contactT > img { width: 4.5em; object-fit: contain; } 
.contactBox .leftCon:before { position: absolute; right: -3em; width: 1px; height: 100%; background: #ddd; content: ''; } 
.contactBox .rightCon { flex: 1; } 
.contactBox .rightCon .contactInfo { display: flex; justify-content: space-between; align-items: center; } 
.contactBox .rightCon .contactInfo .infoList { } 
.contactBox .rightCon .contactInfo .infoList > li { position:relative; padding-left: 1em; margin-bottom: .25em; } 
.contactBox .rightCon .contactInfo .infoList > li > .con { display: flex; align-items: center; } 
.contactBox .rightCon .contactInfo .infoList > li:last-of-type { margin-bottom: 0em; } 
.contactBox .rightCon .contactInfo .infoList > li:before { position: absolute; left: 4px; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background: var(--siteC); border-radius: 50%; content: ''; } 
.contactBox .rightCon .contactInfo .infoList > li > .con { } 
.contactBox .rightCon .contactInfo .infoList > li > .con > .tt { width: 5.5em; color: var(--siteC); font-weight: 600; } 
.contactBox .rightCon .contactInfo .infoList > li > .con > .txt { color: #444; } 

/*SUB REGISTRATION*/
.eventAwrap { } 
.eventAwrap .event_list { } 
.eventAwrap .event_list > li { display: flex; } 
.eventAwrap .event_list > li > .in { flex: 1; padding: 2em; margin: 0 0 1.5em 1.5em; box-sizing: border-box; border: 1px solid #ddd; border-radius: .5em; } 
.eventAwrap .event_list > li > .in > .title { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px dashed #ddd; } 
.eventAwrap .event_list > li > .in > .title > p { font-size: 1.415em; font-weight: 700; } 
.eventAwrap .event_list > li > .in > .etcinfo { padding: 1em 1.5em; box-sizing: border-box; background: var(--crGray2); border-radius: .5em; } 
.eventAwrap .event_list > li > .in > .etcinfo > li { margin-bottom: .3em; } 
.eventAwrap .event_list > li > .in > .etcinfo > li:last-of-type { margin-bottom: 0em; } 
.eventAwrap .event_list > li > .in > .etcinfo > li > .con { display: flex; align-items: center; gap: .5em; } 
.eventAwrap .event_list > li > .in > .etcinfo > li > .con > .xi { color: var(--siteC); } 
.eventAwrap .event_list > li > .in > .etcinfo > li > .con > .tt { font-size: 1em; font-weight: 500; color: var(--crBlack); } 
.eventAwrap .event_list > li > .in > .btnW { display: flex; gap: .75em; margin-top: 2em; } 
.eventAwrap .event_list > li > .in > .btnW button { flex: 1; } 
.eventAwrap .event_list > li > .in > .btnW button > .xi { margin-top: 0em; } 

.eventAwrap .eduTag { display: flex; align-items: center; gap: .5em; margin-bottom: 1em; } 
.eventAwrap .eduTag > .tag { padding: .5em 1em; border-radius: 100px; box-sizing: border-box; font-size: .85em; font-weight: 700; } 
.eventAwrap .eduTag > .tag1 { background: #4160ff; color: #fff; } 
.eventAwrap .eduTag > .tag2 { background: #16a3d3; color: #fff; } 

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

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



/*SUB INTRO*/
.intro_wrapper { } 
.intro_wrapper .introBox { display: flex; gap: 1.5em; } 
.intro_wrapper .introBox .left { width: 60%; } 
.intro_wrapper .introBox .left .img_con { position:relative; width: 100%; height: 30em; border-radius: 1em; overflow: hidden; } 
.intro_wrapper .introBox .left .img_con > .imgTxt { position: absolute; bottom: 1em; padding: 1.5em; left: 50%; transform: translateX(-50%); box-sizing: border-box; width: 95%; background: rgba(0, 0, 0, 0.1); border-radius: .5em;backdrop-filter: blur(50px); } 
.intro_wrapper .introBox .left .img_con > .imgTxt > .tt { color: #fff; font-size: 1.063em; line-height: 1.4; } 
.intro_wrapper .introBox .left .img_con > img { width: 100%; height: 100%; object-fit: cover; } 
.intro_wrapper .introBox .right { width: 40%; } 
.intro_wrapper .introBox .right .titBox { position:relative; display: flex; flex-direction: column-reverse; padding: 1.5em; box-sizing: border-box; width: 100%; height: 100%; background: var(--siteC); border-radius: 1em; } 
.intro_wrapper .introBox .right .titBox .tit { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); font-size: 3.515em; letter-spacing: -0.03em; color: #fff; font-weight: 800; font-style: italic; } 
.intro_wrapper .introBox .right .titBox .infoB { position:relative; display: block; width: 100%; box-sizing: border-box;font-size: 18px;font-weight: 500;color: #151515;background: #fff;padding: 16px 30px;border: 1px solid #ddd;border-radius: 8px;transition: all ease .35s;text-align: left; } 
.intro_wrapper .introBox .right .titBox .infoB > .con { display: flex; justify-content: space-between; align-items: center; } 
.intro_wrapper .introBox .right .titBox .infoB > .con > .xi { transform: rotate(-45deg); } 

.intro_wrapper .introBox .right .titBox .infoB:hover { background: var(--crBlack); border: 1px solid var(--crBlack); color: #fff; } 

/*SUB BACKGROUND-FOUNDING*/
.founding_wrapper{}
.founding_wrapper .wideBg{ position:relative; width: 100%; height: 60vh; overflow: hidden;}
.founding_wrapper .wideBg > img{ width: 100%; height: 100%; object-fit: cover; transform: scale(1.1); transition: 3s;}
.load .founding_wrapper .wideBg > img{ transform: scale(1);}
.founding_wrapper .infoCon{ position:relative;}
.founding_wrapper .infoCon .deBox{ position: absolute; right: 4em; top: -7.5em; border-radius: .5em; width: 30em; padding: 2em; box-sizing: border-box; background: var(--siteC);}
.founding_wrapper .infoCon .deBox .sname{ color: rgba(255,255,255, 1); font-weight: 800; font-size: 2.15em;}
.founding_wrapper .infoCon .deBox .line{ display: block; width: 40px; height: 2px; background: rgba(255,255,255, .3); margin: 1em 0;}
.founding_wrapper .infoCon .deBox .desc{ color: rgba(255,255,255, .8); text-transform: uppercase; font-size: 1.063em; letter-spacing: 0.1em; line-height: 1.4;}
.founding_wrapper .infoCon{ background: #f7f7f7; padding: 3.5em; box-sizing: border-box;}
.founding_wrapper .infoCon > .title{ font-size: 1.815em; font-weight: 800;}
.founding_wrapper .infoCon > .subtit{ font-size: 1.415em; font-weight: 700; margin-bottom: 1.5em; margin-top: 8px;}

.formTxt{ display: flex; flex-direction: column; align-items: end; margin-top: 2.5em;}
.formTxt .date{ font-size: 1.315em; font-weight: 600; color: #666; margin-bottom: .25em;}
.formTxt .name{ font-size: 1.315em; font-weight: 800; color: var(--crBlack)}

/*SUB BACKGROUND-PURPOSE*/
.businessList{}
.businessList > li{ display: flex;}
.businessList > li > .in{ flex: 1; border: 1px solid #ddd; border-radius: 1em; overflow: hidden;}
.businessList > li > .in > .img_con{ width: 100%; height: 12em; border-radius: 1em; overflow: hidden;}
.businessList > li > .in > .img_con > img{ width: 100%; height: 100%; object-fit: cover;}
.businessList > li > .in > .info{ text-align: center; padding: 2em 1em; box-sizing: border-box;}
.businessList > li > .in > .info .tit{ font-size: 1.315em; font-weight: 700; margin-bottom: .75em; color: var(--siteC);}
.businessList > li > .in > .info .desc{ font-size: 1.063em; line-height: 1.4; color: #444;}

/*SUB BACKGROUND-HISTORY*/
.history-layout {gap: 6em;}
.history-layout .left { position: sticky; height: 100%; top: 4em; flex: 1 1 45%;}
.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: 800;}
.history-layout .left .img-wrap {margin-top: 1.5em; height: 20em; 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: .75em;}

.history_wrap .scrollAniHis{ height:0; background: var(--siteC); transition:.3s;}
.history_wrap .scrollAniHis:before {content:""; position:absolute; top:0; margin-left:-.5em; width:1.2em; height:1.2em; 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.2em; height:1.2em; 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; /* 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 2em; 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;}

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

/*SUB GREETING*/
.greeting_wrapper{ display: flex; gap: 5em;}
.greeting_wrapper > .img_con{ width: 30%; height: 25em; border-radius: 10em; overflow: hidden;}
.greeting_wrapper > .img_con > img{ width: 100%; height: 100%; object-fit: cover;}
.greeting_wrapper > .info_wrapper{ width: 70%;}
.greeting_wrapper > .info_wrapper > .tit{ font-size: 1.815em; line-height: 1.53; letter-spacing: -2px; font-weight: 700; margin-bottom: 3vw;}

.greeting_wrapper .info_wrapper .ceo{ display: flex; align-items: baseline; font-size: 1.315em; font-weight: 700; margin-top: 2em;}
.greeting_wrapper .info_wrapper .ceo > i{ font-size: 1.315em; margin-left: .5em;}

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

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

/*SUB LOCATION*/
.location_Bg .map_con { margin-bottom: 6em; } 
.location_Bg .map_con:last-of-type { margin-bottom: 0em; } 
.map_wrap { width: 100%; } 
.map_wrap > .root_daum_roughmap { border-radius: 1em; overflow: hidden; } 
.map_wrap iframe { width: 100%; border-radius: 1em; overflow: hidden; } 
.root_daum_roughmap .cont .section_address,
.root_daum_roughmap .wrap_controllers { display: none; } 

.location_info { margin-top: 2.5em; } 
.location_info > .con { display: flex; gap: 3em; background: #f7f7f7; padding: 40px; border-radius: 16px; border: 1px solid #ddd; } 
.location_info > .con > .office { width: 13em; } 
.location_info > .con > .office > .tt { font-size: 1.515em; font-weight: 700; } 
.location_info > .con > .address {} 
.location_info > .con > .address > h3 { font-size: 23px; font-weight: 500; } 
.location_info > .con > .address > .add_info { display: flex; gap: 2em; align-items: center; margin-top: 1.5em; } 
.location_info > .con > .address > .add_info > li { } 
.location_info > .con > .address > .add_info > li > .call_con { display: flex; align-items: center; gap: .5em; } 
.location_info > .con > .address > .add_info > li > .call_con > .xi { font-size: 1.75em; color: #444; } 
.location_info > .con > .address > .add_info > li > .call_con > .tt { font-size: 1.215em; color: #444; } 

.location_info > .con > .map_view { width: 8em; display: flex; align-items: center; justify-content: center; flex-direction: column; transition :.2s; } 
.location_info > .con > .map_view > .xi { font-size: 2.15em; } 
.location_info > .con > .map_view > .mapViewT { font-size: 1.063em; font-weight: 500; margin-top: .35em; } 

.location_info > .con > .map_view:hover { color: var(--siteC); } 

/*메인 링크*/
.main_link { position:relative; overflow: hidden; } 
.onSlider > li { width:50%; cursor: pointer; } 
.onSlider > li .bg { opacity: 0; transition:.3s } 
.onSlider > li .con { position:relative; z-index:2; justify-content: center; border-right:1px solid rgba(255,255,255,.2); color:#fff; background: rgba(0,0,0, .5); height: 20rem; text-align:center; transition:.3s; } 
.onSlider > li .con .tit { font-weight:700; font-size:1.875em; margin-bottom: .75em; margin-top:3em; opacity: .75; transition: .5s; } 
.onSlider > li .con .txt { font-size: 1.1em; font-weight: 500; line-height: 1.5; margin-bottom: 1em; opacity: 0; transition: .5s; transform: translateY(30px); } 
.onSlider > li .con .xi { opacity: 0; transition: .5s; transform: translateY(30px); }
.onSlider > li .con .btnW { margin-top: 1em; opacity: 0; transition: .5s; gap: 1em;}  
.onSlider > li .con .list { color: #fff; width:auto; padding-right:1em; } 
.onSlider > li .con .list > li > span { font-weight: 700; opacity: 1; } 
.onSlider > li .con .btnW a{ border: 1px solid #fff;  padding: .5em 1em; width: 1em; box-sizing: border-box; display: inline-block; border-radius: 1em; transition: .5s;}

.onSlider > li:hover .bg { opacity:1 } 
.onSlider > li.on .bg { opacity:1 } 

.onSlider > li:hover .con .tit { margin-top: 1em; opacity: 1; } 

.onSlider > li:hover .con .xi,
.onSlider > li:hover .con .btnW ,
.onSlider > li:hover .con .txt { transform: translateY(0); opacity: 1; } 
.onSlider > li .con .btnW a:hover {background-color:  rgba(164, 0, 0, .5);} 
.mainNews{}
.mainNews .wrapCon{ display:flex; gap:8vmin}
.mainNews .wrapCon .inW{ display:flex; flex-direction:column}
.mainNews .wrapCon .inW .swiper-container,
.mainNews .wrapCon .inW .swiperControl{ width:100%; box-sizing:border-box}
.newsSlideW{ flex:1; min-width:0; flex:1}
.newsSlideW .el{ width:25%; height:auto; direction: ltr;}
.newsSlide{ margin:-1vmin}
.mainNewsSt{ padding:4vmin; margin:1vmin; border:1px solid rgba(0,0,0,.1); box-sizing:border-box; height:calc(100% - 2vmin); display:flex; flex-direction:column; background:#fff}
.mainNewsSt .conW{ display:flex; flex-direction:column; align-items:flex-start; gap:1em; flex:1; min-height:0}
.mainNews .tCate{ height:2em; background:#000; color:#fff; border-radius:1em; display:inline-flex; align-items:center; padding:0 1em; gap:.5em; font-weight:700; font-size:.938em; white-space:nowrap}
.mainNews .tCate.c1{ background: #099}
.mainNews .tCate.c2{ background: #69F}
.mainNews .tCate.c3{ background: #F33}
.mainNews .tDate{ font-size:.875em; color:#999}
.mainNews .tTit{ font-size:1.25em; font-weight:700}
.mainNews .tText{ color:#666; font-size:.938em;}
.mainNewsSt:hover{ border-color:var(--siteC); box-shadow:0 0 1em rgba(0,0,0,.1)}
.mainNews .swiperControl{ padding:1em .5em; margin-top:auto}
.row{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-box-orient: vertical; line-height:1.25em;  word-break:break-all !important;}
.row.r2{ -webkit-line-clamp: 2}
.row.r3{ -webkit-line-clamp: 3}
.row.r4{ -webkit-line-clamp: 4}
.row.r2.fix{ height:2.5em}
.row.r3.fix{ height:3.75em}
.row.r4.fix{ height:5em}
.row.lh1{ line-height:1.5em}
.row.r2.lh1.fix{ height:3em}
.row.r3.lh1.fix{ height:4.5em}
.row.r4.lh1.fix{ height:6em}

.mainNews .swiperBtn{ width:2.5em; height:2.5em; position: static; display:flex; align-items:center; justify-content:center; z-index:100; cursor:pointer; font-size:1.125em; opacity:1; transition:.3s}
.mainNews .swiperBtn:before{font-family:xeicon}
.mainNews .swiperBtn.prev:before{content:"\e93d"}
.mainNews .swiperBtn.next:before{content:"\e940"}
.mainNews .swiperBtn.pause:before{content:"\ea3b"}
.mainNews .swiperBtn.play:before{content:"\ea3e"}
.mainNews .swiperBtn.ab{ position:absolute; top:50%;}
.mainNews .swiperBtn.ab.prev{ left:0; transform:translate(-50%, -50%)}
.mainNews .swiperBtn.ab.next{ right:0; transform:translate(50%, -50%)}
.mainNews .swiperBtn.ab.in.prev{ transform:translate(.5em, -50%)}
.mainNews .swiperBtn.ab.in.next{ transform:translate(-.5em, -50%)}
.mainNews .swiperBtn.line{     width: 3.5em;
    min-width: 3.5em;
    height: 3.5em;
    color: #444;
    background: #fff;}
.mainNews .swiperBtn.round{ border-radius:50%}
.mainNews .swiperBtn.s1{ font-size:2em}
.mainNews .swiperBtn.ico1.prev:before{ content:"\e908"}
.mainNews .swiperBtn.ico1.next:before{ content:"\e90b"}
.mainNews .swiperBtn:hover{ background:#111; color:#fff}
.mainNews .swiperBtn.white{ color:#fff; border-color:rgba(255,255,255,.5)}
.mainNews .swiperBtn.c1{ background:#ddd; color:#666;}
.mainNews .swiperBtn.line.white:hover,
.mainNews .swiperBtn.line.white.play{ background:#1f5aa7; border-color:rgba(255,255,255,.2)}

.mainNews  .swiperControl:not(.show) {display:flex !important;}
.mainNews .swiperControl{ display:flex; align-items:center; gap:.5em; z-index:10}
.mainNews .swiperControl.hc{ justify-content:center;}
.mainNews .swiperControl .paging{ position:relative; width:auto; display:flex; align-items:center; gap:.5em}
.mainNews .swiperControl .paging.grow{ flex:1 1 0%; min-width:0}
.mainNews .swiperControl .paging:first-child{ margin-right:1em}
.mainNews .swiperControl .paging.swiper-pagination-progressbar{ height:2px;}
.mainNews .swiperControl .paging.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:#111}
.mainNews .swiperControl .paging.swiper-pagination-fraction{ line-height:1}
.mainNews .swiperControl .paging.swiper-pagination-fraction > span.swiper-pagination-current{ color:var(--siteC); font-size:1.375em; font-weight:700}
.mainNews .swiperControl .paging.swiper-pagination-fraction > span.swiper-pagination-total{ color:#333; padding-left:.5em; margin-left:.5em; position:relative}
.mainNews .swiperControl .paging.swiper-pagination-fraction > span.swiper-pagination-total:before{ content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#333; transform:rotate(30deg)}
.mainNews .swiperControl .paging .swiper-pagination-bullet{ position:relative; border:1px solid #111; background:none; opacity:1; border-radius:0; width:.5em; height:.5em; margin:0; transition:.5s}
.mainNews .swiperControl .paging .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#111; transform:rotate(45deg)}
.mainNews .swiperControl .paging.white.swiper-pagination-progressbar{ filter:brightness(0) invert(1)}



.table_st{border-top:3px solid var(--siteC) ;}
.table_st th,
.table_st td{ height:2.5em; padding:.75em .5em; border-bottom:1px solid var(--siteC2);  border-right:1px solid var(--siteC2);}
.table_st th{ color:#222; font-weight:500; background-color:#f7fbff;}
.table_st td{ color:#666; text-align: center;}
.table_st td.bg1{ color:#666; background-color:#f7fbff;}
.table_st td:last-child{ color:#666; text-align: left; border-right:unset;}
.table_st ~ div.no_con{ border-top:none;}