@charset "utf-8"; /* CSS Document */
.box0 { padding: 0 3.6vw; margin:0 auto; } 
.box1 { width:var(--baseWidth); margin:0 auto; max-width:var(--fullWidth); } 
.box2 { width:var(--smallWidth); margin: 0 auto; max-width:var(--fullWidth); } 
.box3 { width: var(--subWidth); margin: 0 auto; max-width: var(--fullWidth); } 

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

.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:fixed; left:0; top:0; width:100%; z-index:1000; box-sizing:border-box; transition: all .5s; } 
.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:2.85em; } 
#header .h_menu_wrap { gap:2vw; } 
#header .top_wrap .h_menu_wrap .mem_wrap { height: 2.42em; border-radius: 100px; overflow:hidden; display:flex; align-items:center; padding:0 1em; gap:1.5em; background:#f5f5f5; border:1px solid transparent } 
#header .top_wrap .h_menu_wrap .mem_wrap > li > a { display:flex; align-items:center; position:relative; gap:.25em; color:#666 } 
#header .top_wrap .h_menu_wrap .mem_wrap > li:not(:first-child) > a:after { content:""; position:absolute; left:-1em; top:50%; transform:translateY(-50%); width:1px; height:1em; background:#ddd } 
#header .top_wrap .h_menu_wrap .mem_wrap > li > a .tt { font-size:.85em; font-weight:500 } 
#header .top_wrap .h_menu_wrap .mem_wrap > li > a .ico { font-size:1em; } 

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

/* 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 { display: none; 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%); width:13em; margin-top:-.75em; padding:1em 1.5em; background:var(--siteC); box-shadow:0 2px .75em rgba(0,0,0,.15); 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: rgba(255,255,255, .85); justify-content: start; text-align: left; transition: .3s; } 
#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: #fff } 
#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: 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; } 

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

/*푸터*/
#footer { position:relative; padding:3em 0 0 0; background:var(--siteC2); } 

#footer .goTop { display: flex; align-items: center; 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) } 

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

#contents {} 
.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 { height:14em; 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 } 
#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(-2em) } 
#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(--siteC) } 
#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 .wrap_con .menuBar .bar { position:absolute; top:0; width: 8px; height: 8px; border-radius: 50%; background:var(--siteC); transform:translateY(-50%); transition:.5s } 
*/
#contents .sub_top_wrap .visual_wrap { height:calc(100vh - 40em); position:relative; display:flex; align-items:center; justify-content:center; text-align:center; overflow:hidden; background:#000 } 
#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:.6 } 

.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_con2{padding: 3em 0;}

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

.con_idx2{position: relative;}
.con_idx2 .idx { display: none; }
.con_idx2 .idx.on { 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******************/
/* html.main #contents { overflow: hidden; } */
.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% } 
.visualSlider_container { position: relative; height: 84vh; } 
.visualSlider { position: relative; height: 100%; } 
.visualSlider .el { position: relative; overflow:hidden; height: 100%; background:#fff } 
.visualSlider .el:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .15); content: ''; z-index: 2; } 
.visualSlider .el .bg { position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.2); opacity: 0; transition: 4s ease-out; } 
.visualSlider .el .vod_wrap { position:relative; height:100% } 
.visualSlider .el .bg:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.2); } 
.visualSlider .el.swiper-slide-active .bg,
.visualSlider .el.swiper-slide-duplicate-active .bg { opacity:1; transform: scale(1); transition:4s ease-out, opacity 1s; } 


.visualSlider_wrap { position: relative; padding-top: var(--headH); } 
.visualSlider_wrap .slogan { position:absolute; top: 55%; transform: translateY(-50%); text-align: center; left:0; width:100%; z-index:10; color:#fff; z-index: 3; } 
.visualSlider_wrap .slogan .wrap_in { gap:.875em; line-height:1.2; } 
.visualSlider_wrap .slogan .line { margin:0 .25em 1em; } 
.visualSlider_wrap .slogan .line:after { content:""; display:inline-block; width:6em; height:1px; background:#fff; } 
.visualSlider_wrap .slogan .tt.pd { padding:2em 0 0; } 
.visualSlider_wrap .slogan .tt .c1 { color: var(--siteC); } 
.visualSlider_wrap .slogan .tt .c2 { color: var(--siteC2); } 
.visualSlider_wrap .slogan .t1 { font-size:2.815em; font-weight:500; line-height: 1.2; text-transform: uppercase; } 
.visualSlider_wrap .slogan .t2 { font-size: 2.915em; line-height: 1.5; letter-spacing: 0.03em; font-weight: 700; } 
.visualSlider_wrap .slogan .t3 { font-size:1.215em; margin-top: 1.5em; height: 2.3em; color: rgba(255,255,255, .8); font-weight: 400; line-height:1.6; word-break: keep-all;} 
.visualSlider_wrap .slogan .row { height:1.125em; display:block; overflow:hidden; line-height:1 } 
.visualSlider_wrap .slogan .row > .in { display:inline-block; transform:translateY(200%); transition: 1s; } 
.visualSlider_wrap .el.swiper-slide-active .slogan .tt { opacity:1; transform:translateY(0); transition:1.5s; } 
.visualSlider_wrap .el.swiper-slide-active .slogan .tt.dy1 { transition-delay:.4s; } 

.visualSlider_wrap .visualLinkItem { position: absolute; width: 100%; left: 0; bottom: 0; z-index: 9; display: flex; background: rgba(255,255,255, .03); backdrop-filter: blur(8px); border-top: 1px solid rgba(255,255,255, .4); } 
.visualSlider_wrap .visualLinkItem .LinkBox { display: inline-flex; align-items: center; position: relative; width: 25%; height: 7.4em; color: rgb(255, 255, 255); border-right: 1px solid rgba(255, 255, 255, 0.4);transition: 0.3s;gap: 0px 2.4rem; } 
.visualSlider_wrap .visualLinkItem .LinkBox > .inner { display: flex; width: 100%; height: 100%; align-items: center; padding: 1em 4em; box-sizing: border-box; justify-content: space-between; gap: 1em; } 
.visualSlider_wrap .visualLinkItem .LinkBox > .inner > .textCon { display: flex; align-items: center; gap: 1.5em; } 
.visualSlider_wrap .visualLinkItem .LinkBox > .inner > .textCon > .icon { } 
.visualSlider_wrap .visualLinkItem .LinkBox > .inner > .textCon > .tit { color: #fff; font-size: 1.215em; font-weight: 500; line-height: 1; } 
.visualSlider_wrap .visualLinkItem .LinkBox > .inner > .textCon > .icon > img { height: 54px; filter: var(--crWhitefil); object-fit: contain; } 
.visualSlider_wrap .visualLinkItem .LinkBox > .inner > .arrow { } 
.visualSlider_wrap .visualLinkItem .LinkBox > .inner > .arrow > .xi { font-size: 1.564em; transform: rotate(-45deg); position: relative; top: 3px; } 
.visualSlider_wrap .visualLinkItem .LinkBox:hover { background: var(--siteC); } 

.visualControl { position: absolute; bottom: 10em; left: 50%; transform: translateX(-50%); display: flex; align-items: center; z-index: 99;} 
.visualControl .box0 { position: relative } 
.visualControl .visualSlider-btn { width: 120px; cursor: pointer; line-height: 2.5em; color: #fff; outline: none; text-align: center } 
.visualControl .visualSlider-btn .xi { font-size: 1.5em } 
.visualControl .visualSlider-btn:hover { color: #fff; opacity: 1 } 
.visualControl .visualProgress { position:relative; text-align: center; margin-right: 2em } 
.visualControl .visualPauseWrap { display: flex; align-items: center; width: 100%; justify-content: center;} 
.visualControl .visualPauseWrap .swiperBtn {cursor: pointer; display: flex; align-items: center; justify-content: center; color: #fff;} 
.visualControl .visualPauseWrap .paging { margin: 0 1.75em; color: #fff; } 
.visualControl .visualPauseWrap .paging .current-slide { font-size: 5em; font-weight: 500; } 
.visualControl .visualPauseWrap .paging .total-slide { font-size: 1.45em; font-weight: 400; } 
.visualControl .visualPauseWrap .paging .sl { margin: 0 .35em; } 

#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*/

/*main overview*/
.main_overview { position: relative; padding-top: 10em; padding-bottom: 8em; overflow: hidden;} 
.main_overview:before { position: absolute; width: 1px; height: 130px; left: 49.9%; transform: translateX(-50%); top: 0em; background: #000; content: ''; } 
.main_overview .clipX { position: absolute; left: 52%; transform: translateX(-50%) rotate(90deg); top: 1em; } 
.clipX { font-size: 14px; font-weight: 400; letter-spacing: 0.3em; color: rgba(0,0,0, .6); transform: rotate(90deg); transform-origin: top left; margin-left: calc(1em + 30px); margin-top: 3px; transition-timing-function: cubic-bezier(.65, 0, .35, 1); clip-path: inset(0 100% 0 0); -webkit-clip-path: inset(0 100% 0 0); transition: all 2.5s; } 
.clipX.on { clip-path: inset(0 0% 0 0); -webkit-clip-path: inset(0 0% 0 0); } 
.overviewTitCon { } 
.overviewTitCon > .desc { text-align: center; font-size: 1.415em; font-weight: 400; line-height: 1.6; } 
.overviewTitCon > .tt { text-align: center; font-size: 1.19em; font-weight: 400; line-height: 1.6; } 
.overviewTitCon > h1 { position: relative; top: 2em; text-align: center; font-weight: 400; font-size: 2.715em; margin-top: .75em; line-height: 1; } 

/*main event*/
.main_top_container { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2.5em; } 
.main_event { position: relative; background: var(--siteBg1); } 
.main_event .wrap_bg { position: relative; top: -5em; } 
.main_event .wrap_bg > img { position: absolute; right: 0%; top:0%; width: 35%; object-fit: contain; opacity: .1; } 
.eventSlide_wrap .eventSlider .el { transition: .3s; } 
.eventSlide_wrap .eventSlider .el .boxInner { position:relative; display: block; overflow: hidden; padding: 2em; transition: .3s; box-sizing: border-box; background: #fff; } 
.eventSlide_wrap .eventSlider .el .boxInner > .infoCon { } 
.eventSlide_wrap .eventSlider .el .boxInner > .infoCon > .tit { font-size: 1.15em; font-weight: 700; margin-bottom: 1em; height: 2.5em; } 
.eventSlide_wrap .eventSlider .el .boxInner > .infoCon > .desc { font-size: .95em; line-height: 1.4; color: #6c6c6c; height: 4.12em; } 
.eventSlide_wrap .eventSlider .el .boxInner > .infoCon > .location { margin-top: 1.5em; font-weight: 500; color: var(--crBlack); font-size: .95em; } 
.eventSlide_wrap .eventSlider .el .boxInner > .infoCon > .btnCon { display: flex; margin-top: 5.4em; gap: 1em; align-items: center; justify-content: space-between; } 
.eventSlide_wrap .eventSlider .el .boxInner > .infoCon > .btnCon > .date { font-size: .8em; color: var(--crBlack); font-weight: 600; } 
.eventSlide_wrap .eventSlider .el .boxInner:hover > .infoCon > .tit { text-decoration: underline; } 
.Mtype { margin-bottom: 1.25em; } 
.Mtype > .tyB { padding: .4em 1em; display: inline-block; border-radius: 100px; } 
.Mtype > .tyB > i { font-size: .9em; font-weight: 600; color: #fff; } 
.Mtype > .tyB.ty1 { background: var(--siteC); } 
.Mtype > .tyB.ty2 { background: var(--siteC2); } 
.Mtype > .tyB.ty3 { background: #666; } 

.roundG { position: absolute; left: 12%; top: 15%; width: 40%; padding-bottom: 40%; border-radius: 50%; background: linear-gradient(0deg, #fff 0%, #b2d340 33.33%, #fff 100%); opacity: .18; filter: blur(10px); animation-name: mainServiceAni2; animation-duration: 13s; animation-iteration-count: infinite; animation-direction: alternate; z-index: -1; } 
.roundR { position: absolute; right: 12%; top: 35%; width: 40%; padding-bottom: 40%; border-radius: 50%; background: linear-gradient(0deg, #fff 0%, #3f4092 33.33%, #fff 100%); animation-name: mainServiceAni3; animation-duration: 13s; animation-iteration-count: infinite; animation-direction: alternate; filter: blur(10px); opacity: .15; z-index: -2; } 
@keyframes mainServiceAni { 
 0% { transform: rotate(0) translate(0, 0) scale(1)}
 100% { transform: rotate(360deg) translate(20%, 5%) scale(1.2, 1); } 
 }
@keyframes mainServiceAni2 { 
 0% { transform: rotate(0) translate(0, 0) scale(1)}
 100% { transform: rotate(360deg) translate(10%, 5%) scale(1.2, 1); } 
 }
@keyframes mainServiceAni3 { 
 0% { transform: rotate(0) translate(0, 0) scale(1)}
 100% { transform: rotate(-360deg) translate(10%, 5%) scale(1.2, 1); } 
 }

/*main news*/
.banner_wrap { background: #fff; height: 100%; } 
.banner_wrap .banner_top { padding: 1em 2em; } 
.banner_wrap .banner_top>.tit { font-size: 1.25em; font-weight: 400; } 
.bannerSlide_wrap { } 
.bannerSlide_wrap .bannerSlide { } 
.bannerSlide_wrap .bannerSlide .swiper-slide { } 
.bannerSlide_wrap .bannerSlide .swiper-slide.el { } 
.bannerSlide_wrap .bannerSlide .banner_img { display: block; width: 100%; height: 18.5em; } 
.bannerSlide_wrap .bannerSlide .banner_img>img { width: 100%; height: 100%; object-fit: cover; } 
.bannerSlide_wrap .banner_control { padding: .5em 1.5em; box-sizing: border-box; display: flex; align-items: center; } 
.bannerSlide_wrap .banner_control .current_con { font-size: 1.05em; color: #111; font-weight: 600; } 

.news_wrapper{ display: flex; gap: 1em;}
.news_wrapper .news_item{ width: 35%;}
.news_wrapper .news_item.popUp{ width: 30%; display: flex; flex-direction: column; gap: 1em;}
.news_wrapper .news_item.left{ display: flex; flex-direction: column; gap: 1em;}
.news_wrapper .news_item.left{}
.news_wrapper .news_item{}

.phoGallery_Wrap{ position: relative;}
.phoGallery_Wrap .swiperControl{ position: absolute; top: 6em; left: 0; width: 100%; display: flex; justify-content: space-between;}
.phoGallery_Wrap .swiperControl .swiperBtn.btn{ background: rgba(0,0,0, .3);}
.phoGallery_Wrap .mainGallerySlider{}
.phoGallery_Wrap .mainGallerySlider .gallery_container{ background: #f7f7f7; display: block;}
.phoGallery_Wrap .mainGallerySlider .gallery_container .imgCon{ position: relative; width: 100%; height: 15em;}
.phoGallery_Wrap .mainGallerySlider .gallery_container .imgCon > img{ width: 100%; height: 100%; object-fit: cover;}
.phoGallery_Wrap .mainGallerySlider .gallery_container .infoCon{ display: flex; gap: 1.5em; padding: 2em; box-sizing: border-box;}
.phoGallery_Wrap .mainGallerySlider .gallery_container .infoCon .leftTit{ width: 30%;}
.phoGallery_Wrap .mainGallerySlider .gallery_container .infoCon .leftTit > .tt{ font-size: 1.315em; font-weight: 600; color: var(--siteC);}
.phoGallery_Wrap .mainGallerySlider .gallery_container .infoCon .rightTit{ width: 70%;}
.phoGallery_Wrap .mainGallerySlider .gallery_container .infoCon .rightTit > .tit{ font-size: 1.15em; font-weight: 600; line-height: 1.4; color: var(--crBlack);}
.phoGallery_Wrap .mainGallerySlider .gallery_container:hover .infoCon .rightTit > .tit{ text-decoration: underline;}

.Smore{ display: flex; align-items: center; gap: .5em;}
.Smore .icon{ display: flex; align-items: center; justify-content: center; width: 1.25em; height: 1.25em; border-radius: 50%; background: var(--siteC); color: #fff;}
.Smore > .tt{ font-size: .9em; font-weight: 500;}
.Smore .icon > .xi{ font-size: .8em;}

.Smore.wh > .tt{ color: #fff;}
.Smore.wh .icon{ background: #fff; color: var(--siteC);}

.news_item .board_wrapper{ display: flex; gap: 1em;}
.news_item .board_wrapper .Board{ width: 50%; padding: 1.65em; box-sizing: border-box;}
.news_item .board_wrapper .Board.noticeBoard{ background: var(--siteC);}
.news_item .board_wrapper .Board.eduBoard{ background: #f7f7f7;}
.news_item .board_wrapper .Board .BoardTop{ display: flex; gap: .5em; color: #fff; justify-content: space-between;}
.news_item .board_wrapper .Board .BoardTop > .tit{ font-size: 1.315em; font-weight: 500;}
.news_item .board_wrapper .Board .BoardBtm{}
.news_item .board_wrapper .Board .BoardBtm > .tit{ color: #fff; font-size: .975em; font-weight: 600; margin-top: 1.5em;}
.news_item .board_wrapper .Board.eduBoard  .BoardBtm > .tit,
.news_item .board_wrapper .Board.eduBoard .BoardTop{ color: var(--crBlack);}
.news_item .board_wrapper .Board .BoardBtm:hover > .tit{ text-decoration: underline;}

.news_item .journal{ position: relative; padding: 2.5em; box-sizing: border-box; background: var(--siteC); height: 100%;}
.news_item .journal .swiperControl{ position: absolute; left: 0; width: 100%; display: flex; justify-content: space-between; top: 50%; transform: translateY(-50%);}
.news_item .journal .swiperControl .prev{ left: 0;}
.news_item .journal .swiperControl .next{ right: 0;}
.news_item .journal .journalImg_Allwrap{ width: 70%; margin: 0 auto;}
.news_item .journal .journalTit{ text-align: center; margin-bottom: 1.5em;}
.news_item .journal .journalTit > .tt{ font-size: 1.815em; font-weight: 400; color: #fff;}
.news_item .journal .journalImg{ position: relative; width: 100%; margin: 0 auto; height: 25em;}
.news_item .journal .journalImg > img{ width: 100%; height: 100%; object-fit: cover;}
.news_item .journal .journalImg > .hoverIcon{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .4); opacity: 0; visibility: hidden; transition: .3s;}
.news_item .journal .journalImg > .hoverIcon > .xi{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 2.15em;}
.news_item .journal .journalImg_wrap{ display: block;}
.news_item .journal .journalImg_wrap > .name{ margin-top: 1.47em; color: #fff; text-align: center; font-size: 1.215em; font-weight: 600;}
.news_item .journal .journalImg:hover > .hoverIcon{ opacity: 1; visibility: visible;} 

.news_item .journal .wrap_in{}
.news_item .journal .wrap_in .img01{ position: absolute; width: 100%; top: 0; left: 50%; transform: translateX(-50%);}
.news_item .journal .wrap_in .img01 > img{ width: 65%; display: flex; margin: 0 auto; filter: var(--crWhitefil); opacity: .06;}

.news_item.popUp .inner{ position:relative; width: 100%; overflow: hidden; height: 13.5em; padding: 2.5em; box-sizing: border-box; background: var(--siteC2);}
.news_item.popUp .inner .huIcon{ position: absolute; bottom: -.5em; right: 1em;}
.news_item.popUp .inner .huIcon > img{ width: 8em; object-fit: contain;}
.news_item.popUp .BoardBtm > .desc{ color: rgba(255,255,255, .9); font-size: 1em; font-weight: 500; line-height: 1.4; margin: 2em 0;}
.news_item.popUp .banner_wrap{ border: 1px solid #ddd;}

/**/
.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.c_white { color: #fff; } 
.page_tit.m0 { margin-bottom:0; } 
.page_tit.m1 { margin-bottom:2em; } 
.page_tit.m2 { margin-bottom: 1em; } 
.page_tit .lineSub { display: flex; align-items: center; gap: 1em; margin-bottom: 1em; } 
.page_tit .lineSub.ac { justify-content: center } 
.page_tit .lineSub .line { height: 1px; width: 3.5em; background: var(--crBlack); } 
.page_tit .lineSub .en { font-size: 1em; font-weight: 500; color: var(--crBlack); text-transform: uppercase; } 
.page_tit .lineSub .num { font-style: italic; font-size: 1em; font-weight: 500; } 
.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: 2.15em; font-weight: 700; line-height: 1.4;}
.page_tit .t1 { font-size: 2.515em; font-weight: 500; 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; } 
.page_tit .t4 { font-weight:700; font-size:2.5em; line-height: 1.3; } 
.page_tit .t5 { font-weight:600; font-size:1.188em; text-transform: uppercase; } 
.page_tit .t6 { font-weight:500; font-size:.938em; } 
.page_tit .t7 { font-weight:500; font-size:1.063em; } 
.page_tit .t8 { font-weight:500; font-size:1.188em; color:#666; } 

.page_basic_tit { margin-bottom:1em; padding-left:1em; } 
.page_basic_tit > .t1 { position:relative; font-size:1.313em; color:var(--siteC); line-height:1; font-weight: 700;} 
.page_basic_tit > .t1:before { content:""; position:absolute; top: 50%; transform: translateY(-50%); left:-.8em; width:.3em; height:1em; background:var(--siteC); border-radius:.2em; } 

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

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


.main_con { position:relative; padding:6em 0; word-break:keep-all; overflow: hidden; } 
.main_con.nHd { overflow: visible; } 
.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: 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.tit1.st1{ font-weight: 500; font-size: 1.38em; color:#222;}
.page_tt.dot1{margin-bottom:.8em; padding-left: 1.4em; display: inline-block; font-weight: 600;  color:#111; position: relative;}
.page_tt.dot1::before{content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%) rotate(136deg); width: 10px; height: 10px; border: 6px solid #e4e4ff; background: var(--siteC); border-radius: 15%; transform-origin: 50% 50%;}

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



/**/
.tbox{ box-sizing:border-box; padding:2em; position:relative; border: 20px solid rgb(246 246 246); border-radius: 1em;}
.tbox strong{ color:#000; font-size:1.19em;}
.tbox .tt{ font-size:1.25em; color:#000;}
.tbox .tw{ margin-bottom:24px; line-height:1.7; color: #555;}
.tbox.fst_01{ font-size:1.068em;}


/*푸터*/
#footer { position:relative; padding:3em 0 2em 0; background: #f7f7f7; } 
#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 } 
#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 } 
#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 { 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; } 

.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 .slogan { font-size: 2.15em; font-weight: 400; margin-top: 1em; } 
.footerWrapper .footerBtm { margin-top: 1.5em;} 
.footerWrapper .footerBtm .con { display: flex; align-items: center; justify-content: space-between; background: var(--siteC); padding: 1em 2.5em; box-sizing: border-box; border-radius: .75em; } 
.footerWrapper .footerBtm .con .copyright { color: rgba(255,255,255, 1); font-size: .975em; } 

#footer .menu { } 
#footer .menu > li > .in { padding:1em 0; color: #fff; cursor: pointer; } 
#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 } 

/*sub event*/
.eventAwrap { } 
.eventAwrap .event_list { } 
.eventAwrap .event_list > li { display: flex; } 
.eventAwrap .event_list > li > .in { flex: 1; padding: 2em; margin: 0 0 1em 1em; 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);} 
.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 journal*/
.journalList_wrapper{}
.journalList_wrapper .List{}
.journalList_wrapper .List > li{}
.journalList_wrapper .List > li > .in{ display: flex; margin: 0 0 2em 2em; align-items: center; border: 1px solid #ddd; background: #f9f9f9;}
.journalList_wrapper .List > li > .in > .journalImg{ position:relative; width: 35%; height: 17em; box-shadow: 4px 0 12px rgba(0,0,0, .1);}
.journalList_wrapper .List > li > .in > .journalImg .hoverPlus{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(26, 30, 231, 0.4); opacity: 0; visibility: hidden; transition: .3s;}
.journalList_wrapper .List > li > .in > .journalImg .hoverPlus > .xi{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 2.15em;}
.journalList_wrapper .List > li > .in > .journalImg > img{ width: 100%; height: 100%; object-fit: cover;}

.journalList_wrapper .List > li > .in > .info{ width: 65%; padding: 0em 2.5em; box-sizing: border-box;}
.journalList_wrapper .List > li > .in > .info > .titCon{}
.journalList_wrapper .List > li > .in > .info > .titCon > .tt{ font-size: 1.515em; font-weight: 600; margin-bottom: 1em;}
.journalList_wrapper .List > li > .in > .info > .smInfo{}
.journalList_wrapper .List > li > .in > .info > .smInfo > li{ margin-bottom: .35em;}
.journalList_wrapper .List > li > .in > .info > .smInfo > li:last-of-type{ margin-bottom: 0em;}
.journalList_wrapper .List > li > .in > .info > .smInfo > li > .con{ display: flex; gap: 1em;}
.journalList_wrapper .List > li > .in > .info > .smInfo > li > .con > .tit{ width: 3.15em; min-width: 3.15em; font-size: 1.063em; font-weight: 500;}
.journalList_wrapper .List > li > .in > .info > .smInfo > li > .con > .desc{ font-size: 1.063em; font-weight: 400;}

.journalList_wrapper .List > li > .in:hover > .journalImg .hoverPlus{ opacity: 1; visibility: visible;}
.journalList_wrapper .List > li > .in:hover > .info > .titCon > .tt{ text-decoration: underline;}

/*sub journal view*/
.journal_view_wrapper{ display: flex; gap: 3.5em; align-items: center;}
.journal_view_wrapper .journal_img{ width: 25%; height: 26em; border: 1px solid #e8e8e8;}
.journal_view_wrapper .journal_img > img{ width: 100%; height: 100%; object-fit: cover;}
.journal_view_wrapper .journal_info{ width: 75%;}
.journal_view_wrapper .journal_info > .title{ padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid var(--crBlack);}
.journal_view_wrapper .journal_info > .title > .tt{ font-size: 1.815em; font-weight: 700; color: var(--crBlack);}
.journal_view_wrapper .journal_info > .ListInfo{ display: flex; gap: 2em; flex-wrap: wrap;}
.journal_view_wrapper .journal_info > .ListInfo > li{ width: calc((100% - 2em) / 2);}
.journal_view_wrapper .journal_info > .ListInfo > li > .con{ display: flex; gap: 1em;}
.journal_view_wrapper .journal_info > .ListInfo > li > .con > .tit{ position:relative; height: 100%; padding-left: .75em; top: 2px; width: 3em; min-width: 3em; font-size: 1.063em; font-weight: 700; color: #444;}
.journal_view_wrapper .journal_info > .ListInfo > li > .con > .tit:before{ position: absolute; top: 48%; transform: translateY(-50%); left: 0; width: 4px; height: 4px; border-radius: 50%; content: ''; background: var(--crBlack);}
.journal_view_wrapper .journal_info > .ListInfo > li > .con > .desc{ font-size: 1.063em; line-height: 1.4; color: #666;}
.journal_view_wrapper .journal_info > .type{ display: inline-block; color: #fff; padding: .35em 1em; border-radius: .25em; margin-bottom: 1em;}
.journal_view_wrapper .journal_info > .type > .tit{ font-weight: 600; font-size: .95em;}
.journal_view_wrapper .journal_info > .type.ty1{ background: var(--siteC2);}
.journal_view_wrapper .journal_info > .type.ty2{ background: var(--siteC);}

.File{ }
.File > .fileW{ display: flex; margin-bottom: .15em; align-items: center; gap: .25em; line-height: 1; font-size: 1.063em; color: #666;}
.File > .fileW:last-of-type{ margin-bottom: 0em;}
.File > .fileW > .xi{ line-height: 1;}
.File > .fileW > p{ text-decoration: underline; cursor: pointer;}
.File.s1 > .fileW{ font-size: 1em;}

/*tab*/
.wrap_idx { } 
.wrap_idx .sub-tab { display: flex; margin-bottom: 2.5em;} 
.wrap_idx .sub-tab.pd_w{ padding-bottom: 3em;}
.wrap_idx .sub-tab>li { position: relative; margin-left: -1px; cursor: pointer; height: 100%; display: flex; height: 3.5em; align-items: center; justify-content: center; flex: 1; } 
.wrap_idx .sub-tab>li{ flex: 1;}
.wrap_idx .sub-tab>li:nth-child(n+3) > .tab_btn{ margin-top: -3px;}
.wrap_idx .sub-tab>li > .tab_btn { font-size: 1.15em; font-weight: 600;  padding: 0 1vw; box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; transition: .3s; text-align:center; line-height:1.1; word-break:keep-all}
.wrap_idx .sub-tab>li.on > .tab_btn { background-color: var(--siteC); border: 1px solid var(--siteC); color: #fff; } 

/* */
.wrap_idx .tab_idx{ background:url(../images/sub2/sub2_2_tabline.jpg) repeat-x left 46px; display:flex; flex-wrap: wrap;}
.wrap_idx .tab_idx > li{text-align: center; border:1px solid #ddd; padding: 0.8em 2em; font-size:1em; color:#333; margin: 0 -1px -1px 0;  background:#fff; cursor:pointer; flex: 1 1 20%; max-width: 20%; transition:.3s; box-sizing: border-box;}
.wrap_idx .tab_idx > li.tab1{ padding:14px 28px;}
.wrap_idx .tab_idx > li.tab2{ padding:14px 28px;}
.wrap_idx .tab_idx > li.tab3{ padding:14px 28px;}
.wrap_idx .tab_idx > li.tab4{ padding:14px 28px;}
.wrap_idx .tab_idx > li.tab5{ padding:14px 28px;}
.wrap_idx .tab_idx > li.tab6{ padding:14px 27px 14px 28px;}

.wrap_idx .tab_idx > li:hover{background:#f9f9fb;}
.wrap_idx .tab_idx > li.on{border:2px solid var(--siteC); color: #f4f5f6; background:var(--siteC); font-weight:700; box-shadow: 3px 3px 20px rgb(63 64 146 / 50%);}


/*인사말*/
.greeting_wrap { display: flex;align-items: center; position: relative; margin-top: 2em;} 
.greeting_wrap .box2{ flex-direction: row-reverse; gap: 5em;}
.greeting_wrap .greeting_Bg{ position: absolute; left: 0; bottom: -11em; opacity: 0.3; z-index: -1;}
.greeting_wrap .left { width: 30%; display: flex; justify-content: center;} 
.greeting_wrap .left > .img_con { width: 85%; height: 100%; } 
.greeting_wrap .left > .img_con > img { width: 100%; height: 100%; object-fit: cover; } 
.greeting_wrap .right { flex: 1; } 
.greeting_wrap .right > .tit { font-size: 2.06em; word-break: keep-all; font-weight: 700; letter-spacing: -0.01em; line-height: 1.5; margin-bottom: 1.1em; } 
.greeting_wrap .right > .sub_tit { font-size: 1.515em; font-weight: 700; margin-bottom: 2.5em; } 
.greeting_wrap .right > .desc { } 
.greeting_wrap .right > .desc > .tt { font-size: 1.13em; line-height: 1.6; font-weight: 500; margin-bottom: 1.2em; word-break: keep-all; } 
.greeting_wrap .right > .desc > .tt:last-of-type { margin-bottom: 0em; } 
.greeting_wrap .right > .desc > .ceo { font-size: 1.315em; font-weight: 700; align-items: baseline; gap: .5em; } 
.greeting_wrap .right > .desc > .ceo > .name { font-size: 1.515em; font-weight: 700; } 

/*연혁*/
.page_ttbg_bg3{ position: relative; border-radius: .25em; overflow: hidden; background: url(../images/sub/his_img.jpg) center center no-repeat; background-size: cover; padding: 5em 0; margin: 0 0; background-attachment: fixed;}
.page_ttbg_bg3:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .25); content: ''; backdrop-filter: blur(6px);}
.page_ttbg_bg3 .tit{ position: relative; z-index: 2; font-size: 2.15em; font-weight: 500; color: #fff; line-height: 1.5;}

.history_wrap{ position:relative; overflow:hidden; padding:5em 0; margin-top: 2em;}
.history_wrap .his_topD{ position: absolute; left: 50%; top: 1em; margin-left: -0.4em; width: 1em; height: 1em; background: #fff; border: 0.25em solid var(--siteC); border-radius: 100%; box-sizing: border-box;}
.history_wrap:before,
.history_wrap .lineAni{ content:""; position:absolute; left:50%; top:2em; width:2px; height:100%; background:#ddd}
.history_wrap .lineAni{ height:0; background: var(--siteC); transition:.3s}
.history_wrap:after{ content:""; position:absolute; left:50%; top:0; margin-left:-.4em; width:1em; height:1em; background:#fff; border:.25em solid var(--siteC); border-radius:100%; box-sizing:border-box}
.history_wrap:after{ top:auto; bottom:0}
.history_wrap .history > li{ margin-top:4em}
.history_wrap .history > li:first-child{ margin-top:0}
.history_wrap .history > li .year{ width:50%; overflow:hidden; justify-content:flex-end}
.history_wrap .history > li .year .wrap_in{ position:relative; overflow:hidden; width:30em}
.history_wrap .history > li .year .tt{ display:inline-block; position:relative; padding:0 .5em; font-size:3em; font-weight:800; letter-spacing:-3px; color:var(--siteC);}
.history_wrap .history > li .year .img { margin-top:2em; margin-right: 2em; display: inline-block; padding: 2em; background-color: #f9f9f9; border-radius: 1em;}
.history_wrap .history > li .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:8em; border-top:2px dotted #aaa}
/* .history_wrap .history > li .year .tt:after{ content:"'"; font-weight:400; font-style:italic} */
.history_wrap .history > li .list{ width:50%; 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; margin-top:1em;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize {padding-bottom:50% !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 6em}
.history_wrap .history > li .list .month .tt{ position: relative; top: 3px; color:#333; font-size:1.3em; font-weight:700;}
.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; word-break: keep-all; padding:0 1.5em; margin-top:.25em; font-size: 1.215em; font-weight: 400; margin-bottom: .3em;}
.history_wrap .history > li .list .detail .tt:last-of-type{ margin-bottom: 0em;}
.history_wrap .history > li .list .detail .tt:before{ content:""; position:absolute; left:0; top:.5em; width:.75em; border-top:2px solid #ddd}
.history_wrap .history > li:nth-child(2n) .year{ justify-content:flex-start; text-align:right}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ left:auto; right:100%}
.history_wrap .history > li:nth-child(2n) .list{ order:-1}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .list .month{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail{ order:-1}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ left:auto; right:0}
.history_wrap .history > li:nth-child(2n) .year .img {margin-right: 0em; margin-left:2em;}


/* 정관 */
.society .sub_p_tit .t2{ padding-top:10px;}
.society .tbox .tt{ position:relative;}
.society .tbox .tt .st{ font-size:.813em; position:absolute; bottom:-9px; right:0; color:#666;}
.society .t_nav{ margin-bottom:3em;}
.society .t_nav ul{ gap:.5em;/* margin-left:-15px; */}
.society .t_nav ul li { width:calc( ( 100% - 1.5em) / 4)}
.society .t_nav ul li .inner { text-align: center; color: #333; border: 1px solid rgb(63, 64, 146, 0.7); transition: all .3s; padding: 15px; }
.society .t_nav ul li .inner:hover { border-color:var(--siteC); background: var(--siteC); color:#fff}
.society .page_pd{ margin-bottom:3em;}

.pn_btn{ display:block; border-radius:50px; border:1px solid #499324; color:#499324 !important; line-height:36px; width:135px; text-align:center; margin:0 auto; font-size:.938em; transition:.3s;}
.pn_btn .xi{vertical-align:bottom;}
.pn_btn:hover{ background:#499324; color:#fff !important;}

.sub_p_tit{  margin-top:4em}
.sub_p_tit:first-child{ margin-top:0}
.sub_p_tit .t2{ font-size:1.4em; color:#222; letter-spacing:-2px; word-spacing:2px;}

.tbox .tw .s_num{ padding-left: 1em;}
.tbox .tw .rule_org{ display: inline-block; padding:1em 1em 2em; }
.tbox .tw .rule_org img{  } 


.regi_wrap .regi_icon{ font-size:3.5em; color: var(--siteC); text-align: center; }


/* 학회 소개 */
.history-bg { height: 300px; border-radius: 1em; overflow: hidden; justify-content: center; align-items: center;} 

.page_cont { border-radius: 1em; background: #fff; box-sizing: border-box; padding: 5em 4.5em; margin: -9em 5em 0; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); position: relative; }
.page_cont .intro{font-size: 1.88em; margin-bottom: 1.5em; line-height: 1.5;}

.profile_wrap{margin-top: 4em;}
.profile_wrap .info_wrap{ padding: 0 1em; justify-content: space-between; gap: 2em;}
.profile_wrap .info_wrap .info dl{ display: flex; gap: 1em; margin-bottom: 1em; padding: 0 1.3em;}
.profile_wrap .info_wrap .info dl dd{white-space: nowrap;}


/* 찾아오시는 길 */
.root_daum_roughmap .cont,
.root_daum_roughmap .wrap_controllers{ display: none;}
.map_Wrapper{ overflow: hidden; margin-top: 2em;}
.map_Wrapper .map{ position:relative; border-radius: 1em; 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;}


/* 소개 설립 및 목적 */
.overview_wrap{position: relative;}
.overview_wrap .intro_list{margin: 0 0 4em;}
.overview_wrap .intro_list li{width: calc((100% - 2em) / 3);}
.overview_wrap .intro_list li:nth-child(2){margin-top: 2em;}
.overview_wrap .intro_list li:nth-child(3){margin-top: 4em;}

.overview_wrap .wrap_bg{position: absolute; top: 0; right: 0; z-index: -1; }
.overview_wrap .wrap_bg img{translate: none; rotate: none; scale: none; transform: translate3d(0px, -14.4287em, 0px); opacity: 0.2;}

/* 조직도 */