@charset "utf-8"; /* CSS Document */
.box0 { padding:0 2.5vw; box-sizing:border-box } 
.box1 { width:var(--pageW); max-width:95%; margin:0 auto } 
.box2 { box-sizing:border-box; width:1232px; margin:0 auto; max-width: 100%; } 
.box2.st2 { box-sizing: border-box; width: 1170px; margin: 0 auto; } 
.gnb li.m_hide { display:none } 
body:not(.pop) { display:flex; flex-direction:column; min-height:100vh; min-height:calc(var(--vh, 1vh) * 100) } 

#header { position: fixed; left:0; top:0; width:100%; z-index:1000; background:#fff; transition:transform .5s } 
#header .top_wrap { position:relative; padding-right:var(--quickW) } 
#header .top_wrap .wrapH { transition:.3s } 
#header .top_wrap .wrapH,
#header .top_wrap .gnb_wrap .dp1 { height:var(--headerH2) } 
.headerT { padding-top:var(--headerH) } 
#header .top_wrap .wrapF { display:flex; align-items:center; gap:0 4vw; justify-content:space-between; } 
html.scroll:not(.allOn) #header .top_wrap .wrapF { border-bottom: none; } 
#header .top_wrap .wrapF > * { position:relative; z-index:2 } 
#header .top_wrap .logo { height:3em } 
#header .top_wrap .logo > a { display:block; height:100%; overflow:hidden } 
#header .top_wrap .logo > a .in { display:block; height:100%; transition:.5s } 
#header .top_wrap .logo > a img { height:100%; display:block } 
#header .top_wrap .etc_wrap { display:flex; align-items:center; gap:4vmin; } 
#header .top_wrap .etc_wrap .btnInc { width:3.5em; height:3.5em; display:flex; align-items:center; justify-content:center } 
#header .top_wrap .etc_wrap .btnInc .ico { font-size:1.75em } 
#header .top_wrap .etc_wrap .btnInc.allBtn { border-radius:50%; box-shadow:0 0 1em rgba(0,0,0,.1) } 
#header .top_wrap .etc_wrap .mem_wrap { display:flex; gap:4vmin } 
#header .top_wrap .etc_wrap .mem_wrap > li > a { display:flex; flex-direction:column; align-items:center; opacity:.5; transition:.3s } 
#header .top_wrap .etc_wrap .mem_wrap > li > a .ico { height:1.5em; display:flex; align-items:center } 
#header .top_wrap .etc_wrap .mem_wrap > li > a .t1 { font-size:.938em; font-weight:500 } 
#header .top_wrap .etc_wrap .mem_wrap2 { writing-mode: unset; display:flex; gap:4vmin; font-weight: 800; opacity: 0.6; position: relative; } 
#header .mem_wrap2 > a:not(:last-child):before { content:""; position:absolute; right:50%; bottom: 50%; transform:translate(50%, 50%); width:.313em; height:.313em; border-radius:50%; background:#ccc } 
#header .top_wrap .lang_wrap { display:flex } 
#header .top_wrap .lang_wrap > li > a { height:2.25em; display:flex; align-items:center; gap:.25em; justify-content:center; padding:0 1em; background:#f5f5f5; box-shadow:0 0 1em rgba(0,0,0,.1) inset; color:#999 } 
#header .top_wrap .lang_wrap > li > a:after { content:"\e907"; transform:scale(.8); display:block; font-family:xeicon; margin-right:-.5em } 
#header .top_wrap .lang_wrap > li:not(.on):not(:hover) > a:after { opacity:0 } 
#header .top_wrap .lang_wrap > li > a .t1 { font-size:.813em; font-weight:800 } 
#header .top_wrap .lang_wrap > li:first-child > a { border-radius:2em 0 0 2em } 
#header .top_wrap .lang_wrap > li:last-child > a { border-radius:0 2em 2em 0 } 
#header .top_wrap .lang_wrap > li.on > a { position:relative; background:#111; color:#fff; box-shadow:0 0 1em rgba(0,0,0,.1) } 
#header .top_wrap .lang_wrap > li.on > a:after { content:"\e936"; } 
#header .top_wrap .lang_wrap > li:not(.on):hover > a { color:#111 } 

html:not(.allOn) #header .top_wrap .gnb_wrap { display:flex; align-items:center; justify-content:center; height:100%; z-index:2; width:55em; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb { flex:1; min-width:0; justify-content:space-around } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb a { display:flex } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb .tt { /*white-space:nowrap*/ word-break: keep-all } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li { position:relative; border-right:1px solid transparent; max-width:18vmin; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li:first-child { border-left:1px solid transparent } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 { display:flex; align-items:center; justify-content:center } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .tt { font-weight:700; font-size:1.25em } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .va { position:relative } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1:after { content:""; position:absolute; top:0; left:0; width:100%; height:4px; background: linear-gradient(90deg, var(--siteC2) 49%, var(--siteC) 50%);; transform:scaleX(0); } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 { display:none } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li:hover .dp1,
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li.on .dp1 { color:var(--siteC) } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li:hover .dp1:after,
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li.on .dp1:after { transform:scaleX(1); transition:.3s } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .xi { display: none; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 { visibility: hidden; opacity: 0; z-index: -1; position: absolute; padding: 1em; background: var(--siteC2); width: 13em; left: 50%; transform: translateX(-50%); box-sizing: border-box; box-shadow: 0 1em 1em rgba(0, 0, 0, .1); top: 75px; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li { box-sizing: border-box; padding: .3em 0; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a { padding: .25em 1em; justify-content: center; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a .tt { font-weight: 700; font-size: .938em; color: rgba(255, 255, 255, .8); transition: .3s; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a .tt:hover { color: #fff; text-decoration: underline; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a .arrow { display: none } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li:hover .dp2 { visibility: visible; opacity: 1; z-index: auto; transition: .2s; display: block; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li.m_introduction:hover .dp2, 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li.m_ethical:hover .dp2, 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li.m_place:hover .dp2 { display: none !important; } 


#header .quick { width:var(--quickW); height:100vh; box-sizing:border-box; background:#fff; padding-top:var(--headerH); position:fixed; right:0; top:0; display:flex; flex-direction:column; gap:2em; align-items:center; transition:.3s; opacity:0 } 
.load #header .quick { opacity:1 } 
#header .all_wrap { width:100% } 
#header .all_wrap .btnW { position:relative; display:flex; align-items:center; justify-content:center; box-sizing:border-box } 
#header .all_wrap .allBtn { width:3em; height:3em; border-radius:50%; background:var(--siteC2); display:flex; align-items:center; justify-content:center; color:#fff; box-shadow:0 0 1em rgba(0,0,0,.1) } 
#header .all_wrap .allBtn .ico { font-size:1.75em } 
#header .all_wrap .allBtn .ico:before { content:"\e91c" } 
#header .mem_wrap { display:flex; flex-direction:column; gap:2em } 
#header .mem_wrap > a { writing-mode: vertical-rl; position:relative; text-transform:uppercase; transition:.3s; display:flex; align-items:cetner; gap:1em } 
#header .mem_wrap > a:after { content:"\e905"; font-family:xeicon; opacity:0; margin-top:-2em; transition:.3s } 
#header .mem_wrap > a:not(:last-child):before { content:""; position:absolute; right:50%; bottom:-1em; transform:translate(50%, 50%); width:.313em; height:.313em; border-radius:50%; background:#ccc } 
#header .mem_wrap > a.st2 { writing-mode: unset !important; position:relative; text-transform:uppercase; transition:.3s; display:flex; align-items:cetner; gap:1em } 
#header .mem_wrap > a.st2:after { content:"\e905"; font-family:xeicon; opacity:0; margin-top:-2em; transition:.3s; display: none; } 
#header .mem_wrap > a.st2:not(:last-child):before { content:""; position:absolute; right:50%; bottom:-1em; transform:translate(50%, 50%); width:.313em; height:.313em; border-radius:50%; background:#ccc } 
#header .mem_wrap > a .t1 { font-weight:800; font-size:.938em } 
#header .mem_wrap > a .t1.s1 { font-size:1.063em } 
#header .mem_wrap > a .t1:not(.point) { opacity:.6 } 
#header .mem_wrap > a .iconF { font-size:1.75em; border: 2px solid #ddd; border-radius:50%; padding:.1em 0; box-sizing: border-box; transition: .3s; } 
#header .mem_wrap > a .iconF:not(.point) { opacity:.6 } 
#header .mem_wrap > a .t2 { font-weight:700; font-size:.838em; transition: .3s; } 
#header .mem_wrap > a .t2:not(.point) { opacity:.6 } 
#header .mem_wrap > a .point { color:var(--siteC2) } 
#header .mem_wrap > a:hover .t1,
#header .mem_wrap > a:hover .t2 { opacity:1 } 
#header .mem_wrap > a:hover .iconF { opacity: 1; transform: rotateY(180deg); } 
#header .mem_wrap > a:hover:after { opacity:1; margin:0 } 
#header .bt_wrap { margin:auto 0 1em 0 } 

/* Language Button */
#header .lang_wrap .lang { position: relative; } 
#header .lang_wrap .lang .lang_btn { font-size: .938em; color: #444; } 
#header .lang_wrap .lang .lang_btn .tt { } 
#header .lang_wrap .lang .lang_btn .xi { font-size: 1rem; } 
#header .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 .lang_wrap.on .lang .drop { height: fit-content; } 
#header .lang_wrap .lang .drop > li { } 
#header .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 .lang_wrap .lang .drop > li > a:hover { background: var(--siteC2); color: var(--siteC); } 
#header .lang_wrap .lang .drop > li > a .tt { font-size: 0.875rem; } 
#header .util_wrap { position: relative; display: flex; align-items: center; gap: 1em; } 
/* #header .util_wrap:before { content: ""; position: absolute; right:-20%; bottom: 50%; transform: translate(50%, 50%); width: .313em; height: .313em; border-radius: 50%; background: #ccc; } */
#header .util_wrap .lang_wrap { } 


#footer .goTop { position: fixed; right: 0; bottom: 0; width: 3.5em; line-height: 3.5em; text-align: center; background:#fff; color:var(--siteC); border:1px solid var(--siteC); border-radius:.5em; opacity: 0; transform: translateY(100%); transition: .5s } 
#footer .goTop .xi { font-size: 1.5em; transition: .3s } 
#footer .goTop:hover .xi { transform: translateY(-.25em) } 
.scroll #footer .goTop { opacity: 1; transform: translateY(0) } 

.allOn { overflow: hidden } 
.allOn #header { height: 100vh; position: fixed; box-sizing: border-box; padding-right: 30vw; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--scrollBar); background: #fff } 
.allOn #header:before { content: ""; position: fixed; right: 0; top: 0; width: 30vw; height: 100%; background: url(../images/inc/all_bg.jpg) no-repeat center; background-size: cover; box-shadow: 1vmin 0 1vmin rgba(0, 0, 0, .3) inset } 
.allOn #header .top_wrap .logo { display: flex; align-items: center } 
.allOn #header .top_wrap .wrapF { flex-wrap: wrap; gap: 8vmin 4vmin; height: auto; padding: 6vmin } 
.allOn #header .gnb_wrap { flex: 0 0 auto; width: 100%; margin-left: 0; order: 10 } 
.allOn #header .gnb_wrap .gnb { flex-wrap: wrap; gap: 6vmin 6% } 
.allOn #header .gnb_wrap .gnb a { text-align: left; display: flex; box-sizing: border-box; line-height: 1.2 } 
.allOn #header .gnb_wrap .gnb > li { box-sizing: border-box; width: 29.3333% } 
.allOn #header .gnb_wrap .gnb > li .dp1 { padding: 0 0 2vmin 0; height: auto; justify-content: flex-start } 
.allOn #header .gnb_wrap .gnb > li .dp1 .va { position: relative } 
.allOn #header .gnb_wrap .gnb > li .dp1 .va:before { content: ""; position: absolute; left: 100%; bottom: 100%; transform: translate(-25%, 70%); width: 1.5em; height: 1.5em; background: var(--siteC2); opacity: .5; border-radius: 50%; font-size: 0; transition: .3s } 
.allOn #header .gnb_wrap .gnb > li:hover .dp1 .va:before { font-size: 1em } 
.allOn #header .gnb_wrap .gnb > li .dp1 .tt { font-size: 2.8vmin; font-weight: 500; position: relative } 
.allOn #header .gnb_wrap .gnb > li .dp2 { flex-direction: column; gap: 1vmin } 
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a { height: 6vmin; align-items: center; padding: 1vmin 2vmin; border: 1px solid #ddd; border-radius: 1vmin; color: #666; position: relative; overflow: hidden } 
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a:after { content: "\e93f"; font-family: xeicon; position: absolute; right: 1vmin; top: 50%; transform: translateY(-50%); margin-right: -2vmin; opacity: 0; transition: .3s } 
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a .tt { font-size: 1.8vmin; font-weight: 500 } 
.allOn #header .gnb_wrap .gnb > li .dp2 > li:hover > a { box-shadow: 0 0 1em rgba(0, 0, 0, .1); color: #111; border-color: var(--siteC) } 
.allOn #header .gnb_wrap .gnb > li .dp2 > li:hover > a:after { margin-right: 0; opacity: 1 } 
.allOn #header .all_wrap .allBtn { position: fixed; right: .75em; top: 1em; } 
.allOn #header .all_wrap .allBtn .ico:before { content: "\e921"; color: #fff } 
.allOn #header .top_wrap .etc_wrap .location { display: none } 
.allOn #header .corner.p2 { display: none; } 


/* 
.allOn #header:after { content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: #eee; z-index: 2; animation: headerAllAni 1s forwards } 
.allOn #header:before { animation: headerAllAni2 1s forwards .5s; transform: translateX(100%) } */

html.scroll:not(.allOn) #header { --headerH : 5em; filter:drop-shadow(0 0 1em rgba(0,0,0,.2)); background:#fff } 
html:not(.allOn):not(.scroll) #header .quick { background:#333; color:#fff } 
html:not(.allOn):not(.scroll) #header .quick .corner { display:none } 
html:not(.allOn):not(.scroll) #header .mem_wrap > a:not(:last-child):before { background:#fff; opacity:.3 } 
html:not(.allOn):not(.scroll) .goTop { border-color:transparent; background:rgba(255,255,255,.2); color:#fff } 

.corner { position:absolute; width:calc(var(--cornerSize) + 4px); height:calc(var(--cornerSize) + 4px); background-image:url(../images/inc/round.svg); background-repeat:no-repeat; background-size:100% 100% } 
.corner.p1 { right:100%; bottom:0; transform:scale(2); transform-origin:100% 100% } 
.corner.p2 { right:100%; top:6px; transform:rotate(-90deg) } 

/* #footer { z-index:1; color:#fff; background:#1B222A; padding:1vmin 0 8vmin 0; } 
#footer .wrapF { display:flex; gap:8vmin } 
#footer .menu_wrap { display:flex; align-items:center; gap:4em; height: 5em; border-bottom:1px solid #ccc; } 
#footer .logo { filter:brightness(0) invert(1) } 
#footer .logo img { height:1.5em } 
#footer .menu_wrap { margin-left:auto; display:flex; gap:2em } 
#footer .menu_wrap > li > a { position:relative; font-weight:500 } 
#footer .menu_wrap > li:not(:first-child) > a:before { content:"·"; position:absolute; left:-1em; top:0; transform:translateX(-50%); opacity:.5 } 
#footer .menu_wrap > li.point > a { opacity:1; font-weight:700 } 
#footer .info_wrap { display:flex; flex:1; min-width:0 } 
#footer .info { overflow:hidden; flex:1 1 0%; min-width:0 } 
#footer .info > li { float:left; margin-right:2em; margin-bottom:.25em; opacity:.8; position:relative } 
#footer .info > li:before { content:""; position:absolute; left:-1em; height:70%; top:50%; transform:translateY(-50%); width:1px; background:#fff; opacity:.2 } 
#footer .info > li.point { font-weight:700 } 
#footer .info > li.br { clear:left } 
#footer .info > li.copyright { font-size:.875em; opacity:.5; margin-top:1em; text-transform:uppercase } 
#footer .etc_wrap { display:flex; flex-direction:column; align-items:flex-end; gap:1em } 
#footer .cs_wrap { width: 60%; } 
#footer .cs_wrap > .menu { width: 100%; } 
#footer .cs_wrap > .menu > li { font-size: 1.05em; } 
#footer .sns_wrap { width: 40%; } */

/*footer*/
#footer { color:#fff; background: #1B222A; } 
#footer .foot-menu { padding: 1.5em 0; border-bottom: 1px solid rgba(255,255,255,.3); } 
#footer .menu { display:flex; gap: 1em; } 
#footer .menu > li { width:auto; } 
#footer .menu > li > a { display:block; padding-right:2em; position:relative; color:var(--crWhite); font-size: 1.05em; } 
#footer .menu > li > a:hover { text-decoration: underline; } 
#footer .menu > li > a:after { content:""; position:absolute; width: 3px; height: 3px; border-radius: 50%; right:8px; top:50%; transform: translateY(-50%); background-color: #fff; } 
#footer .menu > li:last-of-type > a::after { content:""; position:absolute; width: 3px; height: 0; border-radius: 50%; right:8px; top:50%; transform: translateY(-50%); background-color: #fff; } 
/* #footer .menu > li > a.point { opacity:1; font-weight:700; color:#91e0ff; } */

#footer .info_wrap { padding:2.5em 0 4em 0; gap: 3em; } 
#footer .info_wrap { flex: 1 1 64%; margin-left: 3em; margin-top: .5em; } 
#footer .info_wrap > li .tt { display: inline-block; font-size: 1.05em; margin-right: 1.438em; margin-bottom: .4em; opacity: .7; } 
#footer .info_wrap > li .copy { display: inline-block; color: #ddd; font-size: .975em; text-transform:uppercase; opacity: .7; } 
#footer .loGo { filter:brightness(0) invert(1) } 
#footer .loGo img { height:3em } 

.sns_st { display:flex; gap:.5em } 
.sns_st > li > a { display:flex; align-items:center; justify-content:center; width:2.5em; height:2.5em; border-radius:50%; transition:.3s; color: #ddd; opacity: .7; } 
.sns_st > li > a .xi { font-size:1.65em } 
.sns_st > li > a img { height:1.125em } 
.sns_st > li > a:hover { background:#111; color:#fff } 
.sns_st > li > a:hover img { filter:brightness(0) invert(1) } 
.sns_st > li > a.kc img { height:1.438em } 

.fAmily_wrap { border-top:1px solid #e5e5e5; } 
.memBannerSlider_wrap { padding:1em 0; } 
.memBannerSlider_wrap .inner { gap:1em 2em; } 
.memBannerSlider_wrap .tit_wrap { gap:0 1.5em; } 
.memBannerSlider_wrap .tit_wrap .tit { gap:1em; } 
.memBannerSlider_wrap .tit_wrap .tit .tt { font-size:1.25em; font-weight:700; } 
.memBannerSlider_wrap .tit_wrap .tit .xi { font-size:1.500em; color:var(--siteC); transition:.2s; } 
.memBannerSlider_wrap .inner .swiperControl { border: 1px solid #ddd; border-radius: 3em; overflow: hidden; } 
.memBannerSlider { flex:1; padding-right:4px; } 
.memBannerSlider .el .in { height: 4.15em; overflow: hidden; display: flex; align-items: center; padding: 1em; box-sizing: border-box; border: 1px solid #fff; background: #fff; } 

#contents { flex:1 1 0%; min-height:0; box-sizing:border-box; padding-top:var(--headerH2); /*padding-right:var(--quickW); */ overflow: hidden; } 
#contents .sub_top_wrap { height:35vmin; position:relative; width: 97.5vw; } 
#contents .sub_top_wrap .wrapBg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:#f1f1f1; border-radius:0 10vmin 0 0; overflow:hidden } 
#contents .sub_top_wrap .wrapBg .bg { height:100% } 
#contents .sub_top_wrap .wrapBg:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.15; } 
#contents .sub_top_wrap .wrapCon { display:flex; height:100%; flex-direction:column; position:relative } 
/* #contents .sub_top_wrap .wrapF { padding:0 8vmin; } */
#contents .sub_top_wrap .subTit { flex:1; min-height:0; padding:5vmin 0; padding-bottom:0 } 
#contents .sub_top_wrap .subTit .wrapF { height:100%; display:flex; flex-direction:column; justify-content:center; color:#fff; line-height:1; gap:1vmin } 
#contents .sub_top_wrap .subTit .t1 { font-size:6vmin; font-weight:500 } 
#contents .sub_top_wrap .subTit .t2 { font-size:2.2vmin; font-weight:500; padding-left:.25em; opacity:.7 } 
#contents .sub_top_wrap .subTab { position:relative } 
#contents .sub_top_wrap .subTab .gnb { display:inline-flex; justify-content:center; flex-wrap:wrap; border-radius:1em 1em 0 0; overflow:hidden } 
#contents .sub_top_wrap .subTab .gnb .dp2 li { position:relative; flex:1; min-width:0; width:22.2vmin; max-width:22.5vmin; font-size: 0.9em; } 
#contents .sub_top_wrap .subTab .gnb .dp2 li > a { height:8vmin; display:flex; align-items:center; justify-content:center; color:#fff; box-sizing:border-box; background:rgba(0,0,0,.5); position:relative } 
#contents .sub_top_wrap .subTab .gnb .dp2 li > a:before { content:""; position:absolute; left:-1px; top:50%; height:30%; transform:translateY(-50%); background:#fff; width:1px; opacity:.2 } 
#contents .sub_top_wrap .subTab .gnb .dp2 li > a .va { display:flex; align-items:center; line-height:1.1; position:relative; transition:.3s; word-break:keep-all; text-align:center } 
#contents .sub_top_wrap .subTab .gnb .dp2 li > a .va .tt { font-size:1.125em; font-weight:700 } 
#contents .sub_top_wrap .subTab .gnb .dp2 li > a .va .arrow { position:absolute; right:0; top:50%; transform:translateY(-50%); overflow:hidden; font-size:0; transition:.3s } 
#contents .sub_top_wrap .subTab .gnb .dp2 li > a .va .arrow:before { content:"\e93f" } 
#contents .sub_top_wrap .subTab .gnb .dp2 li.on > a { background:#fff; color:#111 } 
#contents .sub_top_wrap .subTab .gnb .dp2 li.on > a .va,
#contents .sub_top_wrap .subTab .gnb .dp2 li:hover > a .va { opacity:1; transform:translateX(0); padding-right:3vmin } 
#contents .sub_top_wrap .subTab .gnb .dp2 li.on > a .va .arrow:before { content:"\e942" } 
#contents .sub_top_wrap .subTab .gnb .dp2 li.on > a .va .arrow,
#contents .sub_top_wrap .subTab .gnb .dp2 li:hover > a .va .arrow { font-size:2.1vmin } 

#contents .sub_tit_wrap { padding:8vmin 0 4vmin 0 } 
#contents .sub_tit_wrap .mWid { max-width: 88%; } 
#contents .sub_tit_wrap .wrapF { display:flex; gap:2vmin; align-items:center; border-bottom: 1px solid #ddd; padding: 0 0 1em; } 
#contents .sub_tit_wrap .titW { flex:1; min-width:0 } 
#contents .sub_tit_wrap .titW .t1 { font-weight:700; font-size:2.38em; } 
#contents .sub_tit_wrap .nav { display:flex; align-items:center; color:#888 } 
#contents .sub_tit_wrap .nav { display:inline-flex; align-items:center; gap:0 1em } 
#contents .sub_tit_wrap .nav > li:not(.home):before { content:"\e940"; font-family:xeicon; margin-right:.5em } 
#contents .sub_tit_wrap .nav > li.home > a { width:1em; height:2em; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center } 
#contents .sub_tit_wrap .nav > li.home > a .xi { font-size:1.125em; } 
#contents .sub_tit_wrap .nav > li:last-child .tt { color: var(--siteC); font-weight: 700; } 

#contents .sub_top_wrap .wrapBg .bg { background-position:center 50%; transition:3s; background-repeat: no-repeat; background-size: cover; } 
#contents .sub_top_wrap.on .wrapBg .bg { background-position:center 100% } 

#contents .doc { padding:3vmin 0 16vmin 0 } 
#contents .doc.pt0 { padding:0vmin 0 16vmin 0 } 
#contents .doc2 { padding:5vmin 0 16vmin 0 } 
.dp1_member #contents .doc2 { background: #f7f9fb; } 

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

.sns_st { display:flex; gap:.5em } 
.sns_st > li > a { display:flex; align-items:center; justify-content:center; width:2.5em; height:2.5em; border-radius:50%; transition:.3s } 
.sns_st > li > a .xi { font-size:1.5em } 
.sns_st > li > a img { height:1.125em } 
.sns_st > li > a:hover { background:#111; color:#fff } 
.sns_st > li > a:hover img { filter:brightness(0) invert(1) } 
.sns_st > li > a.kc img { height:1.438em } 

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

.main_visual { margin-top: 3em; display:flex; align-items:flex-end } 
.main_visual .slogan_wrap { width:40%; height:calc(60vw * .4 + 4em); background:var(--siteC); color:#fff; display:flex; align-items:center; position:relative; z-index:1; border-radius:0 5em 0 0 } 
.main_visual .slogan_wrap .inW { flex:1; min-width:0; box-sizing:border-box; margin-left:calc((100vw - var(--pageW)) / 2 - (var(--quickW) / 2)); padding-top:2em; padding-right:4em } 
.main_visual .slogan_wrap .slogan { overflow:hidden } 
.main_visual .slogan_wrap .slogan .t1 { font-weight:700; font-size:5vmin; line-height:1.1; margin-bottom:.75em; letter-spacing:-.05em; word-spacing:.1em; word-break:keep-all } 
.main_visual .slogan_wrap .slogan .t2 { font-size:1.125em } 
.main_visual .slogan_wrap .swiperControl { margin-top:3em } 
.main_visual .visualSlide_wrap { flex:1; min-width:0 } 
.main_visual .visualSlide_wrap .textAni { font-size:4em; opacity:.05; letter-spacing:-.05em; word-spacing:.2em; line-height:1; font-family:serif; font-weight:bold } 

.visualSlide .el .resize { padding-bottom:40%; overflow:hidden } 
.visualSlide .el .bg { } 
.visualSlide .el.swiper-slide-active .bg,
.visualSlide .el.swiper-slide-duplicate-active .bg { transition:1s } 

.mainNews .wrapCon { display:flex; gap:4vmin } 
.mainNews .wrapCon .imgW { width:20%; position:relative; display:flex; align-items:flex-end; } 
.mainNews .wrapCon .imgW .bg:after { opacity:.2 } 
.newsSlideW { margin:-1vmin; flex:1; min-width:0 } 
.newsSlideW .el { width:33.33%; height:auto; direction: ltr; } 
.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 } 
.mainNewsSt .conW { display:flex; flex-direction:column; align-items:flex-start; gap:1vmin; flex:1; min-height:0 } 
.mainNewsSt .conW .tDate { font-size:.875em; color:#999 } 
.mainNewsSt .conW .tTit { font-size:1.25em; font-weight:700 } 
.mainNewsSt .conW .tText { color:#666; font-size:.938em; margin:2vmin 0 } 
.mainNewsSt:hover { border-color:var(--siteC); box-shadow:0 0 1em rgba(0,0,0,.1) } 
.newsSlide_control { margin:2vmin 0 0 2vmin } 

.mainaArchive .list { display:flex; gap:3vmin } 
.mainaArchive .list > li { flex:1; min-width:0 } 
.mainaArchive .list > li.w1 { flex:0 0 auto; width:22% } 
.mainaArchive .list > li .in { height:100%; position:relative; background:#fff; box-shadow:0 0 2em rgba(0,0,0,.1); box-sizing:border-box; padding:10%; overflow:hidden; gap:2vmin } 
.mainaArchive .list > li .icoW { width:40%; margin:auto 0 0 auto } 
.mainaArchive .list > li .icoW .resize { padding-bottom:100%; background:#eee; border-radius:50% } 
.mainaArchive .list > li .icoW .resize img { width:80%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) } 
.mainaArchive .list > li .conW { position:relative; display:flex; flex-direction:column; gap:3vmin; } 
.mainaArchive .list .menu { display:flex; flex-wrap:wrap; gap:.5vmin 0 } 
.mainaArchive .list .menu > li { width:100% } 
.mainaArchive .list .menu > li > a { position:relative; padding-left:1em; border-radius:3vmin; height:6vmin; display:flex; align-items:center; gap:1vmin; box-sizing:border-box; padding:0 1.5em; border:1px solid transparent } 
.mainaArchive .list .menu > li > a .t1 { font-weight:700; color:#999; font-size:1.125em; } 
.mainaArchive .list .menu > li > a:before { content:"\eb0d"; font-family:xeicon; font-size:.75em; opacity:.2 } 
.mainaArchive .list .menu > li > a:after { content:"\e93e"; font-family:xeicon; margin-left:auto; transform:translateX(100%); opacity:0; transition:transform .3s } 
.mainaArchive .list .menu > li > a:hover { background:#fff; box-shadow:0 0 1em rgba(0,0,0,.1) } 
.mainaArchive .list .menu > li > a:hover .t1 { color:#111 } 
.mainaArchive .list .menu > li > a:hover:before { opacity:1; color:var(--siteC); } 
.mainaArchive .list .menu > li > a:hover:after { transform:translateX(0); opacity:1 } 
.mainaArchive .list .menu.st1 { gap:1vmin } 
.mainaArchive .list .menu.st1 > li { width:calc(50% - .5vmin) } 
.mainaArchive .list .menu.st1 > li > a { height:10vmin; border:2px solid rgba(255,255,255,.2) } 
.mainaArchive .list .menu.st1 > li > a:before { display:none } 
.mainaArchive .list .menu.st1 > li > a:hover { background:rgba(255,255,255,.8); transition:.3s } 
.mainaArchive .list > li.wrap1 .in { font-size:1.063em } 
.mainaArchive .list > li.wrap1 .conW { gap:6vmin } 
.mainaArchive .list > li.wrap1 .mainTit,
.mainaArchive .list > li.wrap1 .menu > li > a:not(:hover),
.mainaArchive .list > li.wrap1 .menu > li > a:not(:hover) .t1 { color:#fff } 

.mainTheory .list { display:flex; flex-wrap:wrap; overflow:hidden; gap:2vmin; border-bottom-right-radius:0 } 
.mainTheory .list .el { width:calc(20% - 1.6vmin) } 
.mainTheory .list .el .in { position:relative } 
.mainTheory .list .el .in .imgW { position:relative } 
.mainTheory .list .el .in .imgW:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.3 } 
.mainTheory .list .el .in .conW { position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; padding:15%; padding-right:10%; color:#fff } 
.mainTheory .list .el .in .conW .t1 { font-size:1.375em; font-weight:500 } 
.mainTheory .list .el .in .conW .t2 { font-size:1.25em } 
.mainTheory .list .el .in .conW .t2:before { content:""; display:block; width:1em; height:1px; background:#fff; margin:.5em .125em } 
.mainTheory .list .el .in .no { position:absolute; right:0; bottom:0; background:#fff; width:8vmin; height:8vmin; display:flex; align-items:flex-end; justify-content:flex-end; box-sizing:border-box; padding-right:1vmin; line-height:1; color:#ccc } 
.mainTheory .list .el .in .no .t1 { font-size:2em } 
.mainTheory .textAniW { position:absolute; left:0; top:0; width:100%; transform:translateY(-60%) } 
.mainTheory .textAni { font-size:8vmin; opacity:.05 } 

.mainLink .list { display:flex; gap:3vmin } 
.mainLink .list .el { flex:1; min-width:0 } 
.mainLink .list .el .in { background:#fff; padding:0 10%; height:15vmin; box-sizing:border-box; display:flex; align-items:center; justify-content:center } 
.mainLink .list .el .in:hover .mainTit .arrow { transition:.3s; margin-left:1em } 

/* */
.main_tt.t1 { font-size: 2.4em; font-weight: 700; } 
.main_tt.t1 .xi { font-size: .8em; margin-left: .5em; } 
.main_con { padding: 3em 0; } 
.main_con1 .con { gap: 3em; } 
.main_con1 .con .left_box { flex: 1; } 
.main_con1 .con .right_box { width: 25%; } 

.notice_wrap { overflow: hidden; margin-top: 2em; } 
.notice_wrap .notice_top { padding-bottom: 1.5em; } 
.notice_wrap .notice_top .main_tab { gap: 3.5em; } 
.notice_wrap .notice_top .main_tab>li { position: relative; font-size: 1.4em; font-weight: 600; color: #999; } 
.notice_wrap .notice_top .main_tab>li>.tab_btn { } 
.notice_wrap .notice_top .main_tab>li.on { color: #111; font-weight: 700; } 
.notice_wrap .plus { position: absolute; right: 0; top: -3em; font-weight: 600; color: var(--siteC); display: flex; align-items: center; justify-content: center; transition: .25s; } 
.notice_wrap .plus>.xi { color: #fff; width: 1.2em; height: 1.2em; line-height: 1.2em; text-align: center; background: var(--siteC); border-radius: 50%; font-size: 1.2em; margin-left: .3em; } 
.notice_wrap .plus:hover { } 
.notice_wrap .notice_list { } 
.notice_wrap .notice_list .list { gap: 1em; padding: 0 .5em .5em; } 
.notice_wrap .notice_list .list .el { box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px; flex: 1; padding: 2em; border-top: 2px solid #000; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; overflow: hidden; position: relative; background: #fff; transition: .25s; } 
.notice_wrap .notice_list .list .el .in { display: block; } 
.notice_wrap .notice_list .list .el .in .tit { display: block; margin-bottom: 1em; font-size: 1.125em; font-weight: 600; min-height: 5.5em; } 
.notice_wrap .notice_list .list .el .in .data { color: var(--siteC); font-weight: 600; } 

.notice_wrap .nocon { height: 15em; border:none; } 

/*팝업존*/
.banner_wrap { width: 100%; border: 1px solid #ddd; border-radius: 1.5em; background: #fff; position: relative; overflow: hidden; } 
.banner_wrap .banner_top { padding: 1em 2em; } 
.banner_wrap .banner_top>.tit { font-size: 1.25em; font-weight: 600; color: #111; } 
.bannerSlide_wrap { } 
.bannerSlide_wrap .bannerSlide { } 
.bannerSlide_wrap .bannerSlide .swiper-slide { } 
.bannerSlide_wrap .bannerSlide .swiper-slide.el { } 
.bannerSlide_wrap .bannerSlide .banner_img { width: 100%; height: 17.5em; display: block; } 
.bannerSlide_wrap .bannerSlide .banner_img>img { width: 100%; height: 100%; object-fit: cover; } 
.banner_wrap .banner_control { padding: .5em 1.5em; box-sizing: border-box; display: flex; align-items: center; position: absolute; top: 5px; right: -14px; gap: 1em; } 
.banner_wrap .banner_control .current_con { font-size: 1.05em; color: #111; font-weight: 600; } 
 .bannerSlide-pagination { color: #777; } 
 .bannerSlide-pagination .swiper-pagination-current { font-size: 1.28em; color: #111 !important; } 
.banner_wrap .swiperPauseWrap { margin-left: .5em; } 

/**/
.main_con2 { } 
.page_con.bg1 { background-image: url(../images/main/main_sec03.jpg); height: 20em; background-repeat: no-repeat; background-position: 50% 50%; } 
.page_con.bg1 .box1.h100 { height: 100%; } 
.main_con2 .innerCon { height: 100%; } 
.main_con2 .innerCon.st1{ margin-top: 0;}
.main_con2 .leftCon { width: 45%; height: 100%; margin-left: 2em; } 
.main_con2 .rightCon { width: 40%; } 
.main_con2 .rightCon .imgw { width: 100%; border-radius: 1em; overflow: hidden; } 
.main_con2 .rightCon .imgw p.img { background-repeat: no-repeat; background-position: 50% 50%; height: 18em; background-size: cover; } 

.btn_section { width: 100%; } 
.btn_section .sel_list { width: 100%; justify-content: flex-start;} 
.btn_section .sel_list > li { width: 13em; border-bottom: 2px solid; } 

.btn_section .sel_list > li:nth-of-type(2) { } 
.btn_section .sel_list > li .in { width: 100%; } 
.btn_section .sel_list > li .txt2 { margin-right: 20px; font-size: 1.25em; } 
.btn_section .sel_list > li .rt { transition: all .3s; } 
.btn_section .sel_list > li:hover .rt { transform: rotate(90deg); } 


.mainBusiness { width:60%; position: relative; } 
.mainBusiness .wrapBg { position: relative; overflow: hidden; margin: 4vmin 0; position: relative; z-index: 1 } 
.mainBusiness .wrapBg .resize { height: 100%; padding-bottom: 0; background-attachment: fixed } 
.mainBusiness .gall { position: absolute; top: 25px; } 
.mainBusiness .wrapBg .bgTit { display: flex; align-items: center; justify-content: center; text-align: center } 
.mainBusiness .wrapBg .bgTit .tt { font-size: 3.5vmin; background: linear-gradient(45deg, #666, #ccc); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 2 } 
.mainBusiness .wrapCon { display: flex } 
.mainBusiness .wrapCon .main_tit { position: relative; padding-top: 8vmin; padding-right: 27vmin; margin-right: -20vmin; height: 60vmin } 
.mainBusiness .wrapCon .main_tit .bg { position: absolute; left: -3vw; bottom: 0; width: 100%; height: 100%; padding: 20vmin 0 0 3vw; background: #f1f1f1; border-radius: 0 20vmin 20vmin 0; transition: 2s } 
.mainBusiness .wrapCon .main_tit .in { position: relative; transition: 3s } 
.mainBusiness .wrapCon .con_wrap { flex: 1; min-width: 0; transition: 3s; } 
.mainBusiness .wrapCon .con_wrap .Conbg { position: relative; } 
.mainBusiness .wrapCon .con_wrap .Conbg::before { content: ""; position: absolute; width: 100%; height: 38vh; background-color:var(--siteC); opacity: .8; z-index: -1; top:38px; right: -21.5em; border-radius: 1em 0 0 1em; } 
.mainBusiness .swiperControl { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; } 
.mainBusiness:not(.on) .wrapCon .main_tit .bg { width: 0 } 
.mainBusiness:not(.on) .wrapCon .main_tit .in { transform: translateX(-20%) } 
/* .mainBusiness:not(.on) .wrapCon .con_wrap { transform: translateX(20%) } */
.mainBusiSlide-pagination.paging { display: none; } 
.mainBusiSlide .swiper-wrapper { align-items: center; position: relative; } 
.mainBusiSlide .el { width: 43vmin; margin-right: 3vmin; } 
.mainBusiSlide .el .bg { position: relative; padding-bottom: 100%; } 
.mainBusiSlide .el .bg .resize { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 60%; padding-bottom: 0; border-radius: 1em; overflow: hidden; z-index: 1; } 
.mainBusiSlide .el .bg .resize:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; height: 100%; background-color: rgba(0, 106, 215, 0.5); } 
.mainBusiSlide .el .con { content: ""; position: absolute; bottom: 32px; left: 0; width: 100%; height: 3em; display: flex; line-height: 3em; flex-direction: column; align-items: center; text-align: left; justify-content: center; color: #fff; background-color: #111; border-radius: 0 0 .8em .8em; z-index: 1; display: none;; } 
.mainBusiSlide .el .con .in { position: relative } 
.mainBusiSlide .el .con .no { font-weight: 900 } 
.mainBusiSlide .el .con .tit { padding-left: .6em; box-sizing: border-box; font-size: 1.85vmin; font-weight: 700 } 
.mainBusiSlide .el.swiper-slide-active .bg { z-index: 3; } 
.mainBusiSlide .el.swiper-slide-active .bg .resize { border-radius: 3vmin 3vmin 0 0; height: 60%; transition: border-radius 1s; z-index: 22; } 
.mainBusiSlide .el.swiper-slide-active .bg .resize:after { background: unset; } 
.mainBusiSlide .el.swiper-slide-active .con .no { margin-top: 0; transition: 1s } 
.mainBusiSlide .el.swiper-slide-active .con { display: block; } 

.iconCon { width: 35%; /* margin-left:14em;  */background-color: #f5f5f5; border-radius: 2em; } 
.iconCon .in { padding: 2em; box-sizing: border-box; } 
.ico_list { width: 100%; } 
.ico_list >li { width: calc((100% - 2em) / 3); } 
.ico_list >li .inner { border-radius: 1em; background-color: #fff; box-shadow: 0 5px 10px #ddd; padding:1em; } 
.ico_list >li .inner .icoW { width: 100%; height: 4.5em; } 
.ico_list >li .inner .icoW img { width: 50%; transition: all .3s; object-fit: cover; } 
.ico_list >li:hover .inner .icoW img { transform: rotateY(180deg); } 
.ico_list >li .inner .ttW p { font-size: 1.06em; font-weight: 700; } 


.main_con4 { width: 100%; } 
.main_con4 .leftW { width: 47%; } 
.main_con4 .middW { width: 24%; } 
.main_con4 .rightW { width: 32%; } 
.main_con4 .page_con .box1 > div .inner { height: 20em; border-radius: 1em; border: 1px solid #ddd; padding: 3.5em 2em; box-sizing: border-box; } 
.main_con4 .page_con .box1 > div .inner.st2 { padding: 2.5em 1.5em; box-sizing: border-box; } 
.main_con4 .page_con .box1 > div .inner.st3 { padding: 2.5em 2em; box-sizing: border-box; } 
.main_con4 .page_con .box1 > div .inner.bg1 { background: linear-gradient(to right, #299a9b 0%, #168284 100% ) } 
.main_con4 .page_con .box1 > div .inner.bg2 { background: linear-gradient(to right, #edb14a 0%, #e9a123 100% ) } 
.main_con4 .page_con .box1 > div .inner.bg3 { background: #f3fae6 } 

.main_con4 .topC { width: 100%; } 
.main_con4 .topC .img { width: 29%; } 
.main_con4 .topC .img img { width: 100%; } 
.main_con4 .topC .txt { width: 69%; } 
.main_con4 .txt .page_tit .t1 { font-weight: 800; color: #fff !important; font-size: 1.75em; margin-bottom: .5em; } 
.main_con4 .txt .page_tit .t2 { font-weight: 800; color: #111 !important; font-size: 1.75em; margin-bottom: .5em; } 
.main_con4 .txt .page_txt .tt1 { font-weight: 600; color: #fff !important; font-size: 1.06em; margin-top: .5em; opacity: .8; } 
.main_con4 .txt .page_txt .tt2 { font-weight: 800; color:#082e53 !important; font-size: 1.16em; margin-top: .5em; opacity: .8; } 
.main_con4 .txt .page_txt .tt3 { font-weight: 600; color: #082e53!important; font-size: 1.06em; margin-top: .5em; opacity: .8; } 
.main_con4 .linkB { width: 8em; background-color: #1d6b6c; border-radius: 3em; padding: 0 1em; box-sizing: border-box; line-height: 2.5em; color: #fff; font-weight: 700; } 
.main_con4 .linkB .lag { transition: all .3s; } 
.main_con4 .linkB:hover .lag { transform: translateX(-10px); } 
.main_con4 .linkB2 { width: 9em; background-color: rgba(0, 0, 0, .5); border-radius: 3em; padding: 0 1em; box-sizing: border-box; line-height: 2.5em; color: #fff; font-weight: 700; } 
.main_con4 .linkB2 .lag2 { transition: all .3s; } 
.main_con4 .linkB2:hover .lag2 { transform: translateX(10px); } 

.main_con4 .bottomC { width: 100%; } 
.main_con4 .bottomC .imgC img { width: 100%; } 
.main_con4 .bottomC ul { width: 100%; } 
.main_con4 .bottomC ul li { width: calc((100% - 2em)/ 3); border-bottom: 2px solid #fff; opacity: .8; transition: all .3s; } 
.main_con4 .bottomC ul li:hover { opacity: 1; } 
.main_con4 .bottomC ul li:hover .page_txt .asR { transform: translateX(-10px); } 
.main_con4 .bottomC ul li .btnL { width: 100%; } 
.main_con4 .bottomC ul li .page_txt { width: 100%; color: #fff; } 
.main_con4 .bottomC ul li .page_txt .txt2 { font-weight: 700; font-size: 17px; } 
.main_con4 .bottomC ul li .page_txt .tt { width: 90%; } 
.main_con4 .bottomC ul li .page_txt .asR { width: 10%; transition: all .3s; } 

.main_con4 .rightW .leftC { width: 40%; } 
.main_con4 .rightW .rightC { width: 57%; } 
.main_con4 .rightW .rightC .img { width: 100%; } 
.main_con4 .rightW .rightC .img img { width: 80%; } 


/* sub */
.page_con { padding:3em 0; } 
.page_con.conP1 { padding:3em 0; } 
.page_con.conP2 { padding:2em 0; } 
.page_con.conP3 { padding:0 0 5em; } 
/* .doc.pd0 .page_con:last-child,
.doc.pb0 .page_con:last-child { padding-bottom:10em; } */

.page_txt:not(:last-child) { margin-bottom:3.5em; } 
.main_con2 .page_txt:not(:last-child) { margin-bottom:1.5em !important; } 
.page_txt.m0 { margin-bottom:.75em; } 
.page_txt.m1 { margin-bottom:1.25em; } 
.page_txt.m2 { margin-bottom:5em; } 
.page_txt .tit.icon .page_tt { position:relative; } 
.page_txt .tit.icon .page_tt:before,
.page_txt .tit.icon .page_tt:after { content:""; } 
.page_txt .tit.icon.st1 .page_tt { display:inline-block; padding-left:1em; line-height:1.4; } 
.page_txt .tit.icon.st1 .page_tt:before,
.page_txt .tit.icon.st1 .page_tt:after { position:absolute; left:0; top:.313em; width:.625em; height:.625em; border-radius:50%; box-sizing:border-box; } 
.page_txt .tit.icon.st1 .page_tt:before { border:1px solid rgba(0,0,0,.15); } 
.page_txt .tit.icon.st1 .page_tt:after { background:var(--siteC); transform:scale(.5); } 

.page_txt .tit.t_line { margin-bottom: 3em; padding-top: 1em; position: relative; } 
.page_txt .tit.t_line::before { content: ''; width: 2em; height: 3px; background: var(--siteC); position: absolute; left: 0; top: 0; } 

.page_txt .tit + .tit { margin-top:1em; } 
.page_txt .tit + .txt { margin-top:1.5em; } 
.page_txt .txt + .tit { margin-top:2.5em; } 
.page_txt .txt + .txt { margin-top:1.5em; } 

.page_txt .tit + .txt.st1 .ttdot + .ttdot { margin-top: 0.45em; } 
.page_txt .txt1 { margin-top: 0.45em; font-size: 1.2em; font-weight: 600; color: #444; } 

.page_txt .rank_box { min-width: 4em; text-align: center; padding: .3em .75em; border-radius: .3em; background: var(--siteC3); font-weight: 500; } 
.page_txt .rank_box .R_in .Rn { color: var(--siteC2); } 

.page_tit > .tt { color:#111; } 
.page_tit > .t0 { font-size: 3.215em; font-weight: 800; line-height: 1.2; text-transform: uppercase; } 
.page_tit > .t1 { font-size:1.625em; } 
.page_tit > .t2 { font-size:1.375em; } 
.page_tit > .t3 { font-size:1.875em; } 
.page_tit > .t4 { font-size:1.188em; } 
.page_tit > .t5 { font-size:1.125em; } 
.page_tit > .t6 { font-size:1.063em; } 
.page_tit > .t7 { font-size:1.5em; } 
.page_tit > .t8 { font-size:1em; } 
.page_tit > .t9 { font-size:2.25em; } 

.page_tit.st1 { position: relative; padding-left: 1em; } 
.page_tit.st1::before { content: ''; position: absolute; left: 0; top: 3px; width: 4px; height: 87%; background: linear-gradient(180deg, var(--siteC2) 49%, var(--siteC) 50%); } 

.ttdot { position:relative; padding-left:1rem; line-height:1.6; } 
.ttdot:before { content:""; position:absolute; left:0; top:9px; width:.313rem; height:.313rem; background:var(--siteC); border-radius:50%; } 
.ttdot + .ttdot { margin-top:.45em; } 
.ttdot.t1 { font-size: 1.06em; } 
.ttdot.t1 > .tt { font-size: .985em; color: #777; } 
.ttdot.t1 > .tt .unL { text-decoration: underline; } 
.ttdot.t1 > .tt2 { font-size: .985em; color: #444; padding: .2em 0; } 
.ttdot.t1 > .tt2 { font-size: .985em; color: #333; padding: .2em 0; } 
.ttdot.t1::before { top: 10px; } 
.ttdot.t2 { font-size: 1.26em; } 
.ttdot.t2::before { top: 15px; } 


.memo_box { padding: 2em; border-radius: .5em; background: #f8f8f8; margin-top: 1.5em;  box-sizing: border-box;} 
.memo_box.w2 { width: 48%; } 
.memo_box.st2 { border-top: 3px solid var(--siteC2); border-radius: .5em; overflow: hidden; background: #fafafa; } 
.memo_box.st3 { padding: 2em; border-radius: .5em; background: #ffff; margin-top: 1.5em; } 
.memo_box.st4 { padding: 2em; border-radius: .5em; background: #fafafa; margin-top: 0 !important; } 
.img_box.w2 { width: 48%; } 

.highlight { display: inline; box-shadow: inset 0 -33px 0 15px var(--siteC2); color: #fff; padding: 0.1em 0.2em; border-radius: 0.3em; opacity: .8; } 

/**/
.greet_top { width: 68%; margin: 0 auto; padding: 2.5em 0 12em; border-radius: 1em; color: #fff; position: relative; transition: all .8s; overflow: hidden; } 
.greet_top .tit { font-weight: 600; font-size: 1.125em; position: relative; margin-bottom: 2em; opacity: .8; } 
.greet_top .tit::after { content: ''; display: inline-block; width: 8em; height: 1px; margin-left: 1.5em; background: #fff; } 
.greet_top .desc { font-size: 1.875em; line-height: 1.5; } 
/* .greet_top::after { content: ''; width: 95%; height: 8.75em; border-radius: 2em 2em 0 0; background: #fff; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); }  */
.greet_box { margin: -8.2em auto 0; position: relative; background: #fff; border-radius: 2em; padding: 2em 2em !important;} 
.greet_box .inner { gap: 4em; } 
.greet_box .inner + .inner { margin-top: 5em; } 
.greet_box .inner + .inner.st2 { margin-top: 3em; } 
.greet_box .inner .txt_wrap { width: 50%; } 
.greet_box .inner .txt_wrap.st2 { width: 100%; } 
.greet_box .inner .txt_wrap.st3 { width: 65%; } 
.greet_box .inner .img_wrap { width: 50%; border-radius: 1em; overflow: hidden; } 
.greet_box .inner .img_wrap.st2 { width: 35%; border-radius: 1em; overflow: hidden; } 
.greet_box .inner .img_wrap.h1 { height: 19em; } 
.greet_box .inner .img_wrap .img  { height: 100%; } 
.greet_box .inner:nth-child(even) .img_wrap { order: -1; } 
.greet_box .txt_wrap .page_tit { } 
.greet_box .txt_wrap .page_tit .tt.t9 { font-weight: 800; color: var(--siteC); } 
.greet_box .txt_wrap .page_txt > .tt.t3 { font-size: 1.25em; color: #333; padding:0.3em 0; box-sizing: border-box; } 
.greet_box .txt_wrap .page_txt > .tt.t4 { font-size: 1.15em; color: #333; padding:0.5em 0; box-sizing: border-box; } 
.greet_box .ceo { gap: 2em; margin-top: 2.5em; padding-right: 1em; } 
.greet_box .ceo.st2 { gap: .5em; margin-top: 0em; padding-right: 1em; } 
.greet_box .ceo .t1 { font-weight: 600; font-size: 1.125em; } 
.greet_box .ceo .t2 { font-weight: 800; font-size: 1.5em; } 
.greet_box .ceo .sign { display: inline-block; width: 12em; height: 4em; } 

.page_tit.line { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dashed #d4d5d8; } 
.page_tit.line2 { margin-bottom: 2em; padding-bottom: 2em; position: relative; } 
.page_tit.line2::after { content: ''; width: 30px; height: 2px; background: var(--siteC2); position: absolute; left: 0; bottom: 0; } 

/* 입회지원안내 */
.top_bg { border-radius: 1em; background: url(../images/sub/v_company.jpg); overflow: hidden; width: 100%; padding: 5em 3em; color: #111; margin-bottom: 4em; position: relative; box-sizing: border-box; box-shadow: 0px 0px 16px rgb(0, 0, 0, 0.3); } 
.top_bg::before { content: ''; background: rgb(0, 0, 0, 0.4); position: absolute; width: 100%; height: 100%; left: 0; top: 0; } 
.top_bg p { position: relative; } 
.top_bg .t1 { font-size: 1.88em; font-weight: 700; color: #fff; } 
.top_bg .t3 { font-size: 1.125em; margin-top: 1em; color: #fff; line-height: 1.5; } 

/* 사전등록 */

.symposium-wrap { } 
.symposium-wrap .sym-list { gap:1.5em } 
.symposium-wrap .sym-list > li { flex: 0 0 calc((100% - 1.5em) / 2); border: 1px solid #ddd; padding: 1.5em; box-sizing: border-box; border-radius: 1em; } 
.sym-list > li .inner { } 
.sym-list > li .inner .tag_wrap { margin-bottom: 0.5em; } 
.sym-list > li .inner .tag { } 
.sym-list > li .inner .tag > span { display: inline-block; border-radius: 5px; padding: 0.25em 0.5em; } 
.sym-list > li .inner .tag.apply > span { background: var(--siteC); color: #fff; } 
.sym-list > li .inner .tag.end > span { background: #aaa; color: var(--crWhite); } 
.sym-list > li .inner .tag.pre > span { border:1px solid var(--siteC2); color: var(--siteC2); } 
.sym-list > li .inner .tit { margin: 1.5em 0; font-size: 1.125em; } 
.sym-list > li .inner .rating { } 
.sym-list > li .inner .rating > li { } 
.sym-list > li .inner .rating > li:not(:first-child) > span { border-left: 1px solid #ddd; } { } 
.sym-list > li .inner .rating > li > span { font-size: 0.875em; padding-left: 1.5em; } 
.sym-list > li .inner .rating > li > span.lv3 { } 
.sym-list > li .inner .rating > li > span.lv2 { } 
.sym-list > li .inner .rating > li > span.lv1 { } 
.sym-list > li .inner .txt-list { } 
.sym-list .txt-list > li { margin-bottom: 1em; } 
.sym-list .txt-list > li dl { } 
.sym-list .txt-list > li dl dt { flex: 0 0 4em; } 
.sym-list .txt-list > li dl dd { flex: 1; } 
.sym-list .txt-list > li dl dd > p { } 
.sym-btn-wrap { gap: 0.5em; margin-top: 0.75em; padding-top: 0.75em; border-top: 1px solid #ddd; } 
.sym-btn-wrap button { flex: 1; } 

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

/**/
.imgfix { width:100%; height:100%; overflow:hidden; } 
.imgfix > img { display:block; width:100%; height:100%; object-fit:cover; } 
.imgfix.ctn > img { object-fit:contain; } 


/*개인정보처리방침*/
.agree_wrap { padding:.5em; font-size:.938em; line-height:1.5; border-top:2px solid var(--siteC); border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; box-shadow:3px 1px 9px rgba(0,0,0,.2); padding:2em; } 
.agree_wrap .agree p { line-height:1.9; padding:1em 0; color:#222; } 
.agree_wrap .agree p strong { font-size:1.3em; } 


.member_agree .agree { padding:3em; border:1px solid #ddd; border-top:2px solid #3c3c3d; font-size:.938em; color:#69696b; font-weight:300; line-height:1.4em; } 
.member_agree .agree.H { padding:1.5em; border-top-width:1px; height:7em; overflow-y:scroll; } 
.member_agree .agree p { padding:.5em 0; } 
.member_agree .agree * { vertical-align:baseline; } 
.member_agree .agree strong { color:#3c3c3d; } 
.member_agree .check { padding:1em 2em; border:1px solid #ddd; border-top:none; border-radius:0 0 5px 5px; text-align:right; background:#f9f9f9 } 
.member_agree h1 { color:#111; font-weight:600 } 

/*POPUP****************************/
body.pop .popPrint .popIn { width:657px; } 
body.pop .popWidth.st1 .popIn { width:600px; } 
body.pop .popWidth.st2 .popIn { width:680px; } 
body.pop .popAgree .popIn { width:800px; height:500px } 


/*수료증 출력*/
 

.pop_page_print { position:relative; background:#fff; /* width:210mm; max-height: 297mm; */ max-width:100%; margin:0 auto; box-sizing:border-box; } 
.pop_page_print .bg { text-align:center; position: absolute; top: 0; left: 0; width: 100%; } 
.pop_page_print .mark { position:absolute; top:50%; left:50%; width:50%; transform:translate(-50%,-50%) scale(1.5); opacity:.2; } 
.pop_page_print .mark img { width:100%; } 
.pop_page_print .txt_wrap { text-align:center; } 
.pop_page_print .txt_wrap .en { font-family:"Times New Roman", Times, serif; } 
.pop_page_print .font_bt { } 
.pop_page_print .txt_wrap .tit { text-align:center; } 
.pop_page_print .txt_wrap .tit + .tit { margin-top:.125em; } 
.pop_page_print .txt_wrap .tit.kr { font-size:60px; font-weight:900; letter-spacing:.5em; text-indent:.5em; } 
.pop_page_print .txt_wrap .tit.en { font-size:40px; font-weight: 600; } 
.pop_page_print .txt_wrap .tit.kr2 { font-size:2em; font-weight:900;; } 
.pop_page_print .txt_wrap .tit2 { margin-bottom: 45px; font-size: 18px; } 
.pop_page_print .txt_wrap .info_wrap { margin:13% 0 10%; display:inline-block; max-width:80%; } 
.pop_page_print .txt_wrap .info { } 
/*.pop_page_print .txt_wrap .info + .info { margin-top:2em; } */
.pop_page_print .txt_wrap .info > li { padding:.3em 0; overflow:hidden; margin-bottom: 10px; } 
.pop_page_print .txt_wrap .info > li:last-child { margin-bottom: unset; } 
.pop_page_print .txt_wrap .info > li .tt { display:block; text-align:left; } 
.pop_page_print .txt_wrap .info > li .t1 { float:left; position:relative; width:6em; padding-right:1em; text-align:justify; font-size: 20px; letter-spacing:0px; font-weight:600; } 
.pop_page_print .txt_wrap .info > li .t1:after { content:""; display:inline-block; width:100%; } 
.pop_page_print .txt_wrap .info > li .t3 { float:left; position:relative; width:10em; padding-right:1em; font-size: 20px; letter-spacing:0px; font-weight:600; } 
.pop_page_print .txt_wrap .info > li .t3:after { content:""; display:inline-block; width:100%; } 
.pop_page_print .txt_wrap .info > li .t2 { margin-left:12em; font-size: 20px!important; font-weight:600; } 
.pop_page_print .txt_wrap .info > li .dot { position:absolute; top:0; right:0; letter-spacing:0; } 
.pop_page_print .txt_wrap .txt { text-align:left; line-height:1.6; } 
.pop_page_print .txt_wrap .txt.t1 { font-weight: 600; font-size:25px; text-indent:1em; text-align:center; } 
.pop_page_print .txt_wrap .txt.t2 { margin:8% 0 8%; font-size:1.60em; font-weight:600; } 
.pop_page_print .txt_wrap .txt.t3 { font-weight: 600; font-size:1.4em; text-indent:1em; text-align:center; } 
.pop_page_print .txt_wrap .sign { text-align:center; } 
.pop_page_print .txt_wrap .sign .tt.t1 { display:inline-block; position:relative; font-size:1.8em; font-weight:bold; letter-spacing:.25em; text-indent:.25em; } 
.pop_page_print .txt_wrap .sign .tt.t2 { display:block; margin-top:.5em; font-size:.938em; } 
.pop_page_print .txt_wrap .sign .tt.t3 { display:inline-block; position:relative; font-size:1.6em; font-weight:bold; } 
.pop_page_print .txt_wrap .sign .tt .in { position:relative; z-index:2; } 
.pop_page_print .txt_wrap .sign .tt .in img { width:12em; } 
.pop_page_print .txt_wrap .sign .stamp { position:absolute; z-index:1; left:87%; top:-88%; } 
.pop_page_print .txt_wrap .sign .stamp img { display:block; width:3.5em; max-width:none; } 

.pop_page_print2 { border: 1px solid #000; } 
.pop_page_print2 .left_wrap { padding: 2em 1em; width: 30%; } 
.pop_page_print2 .left_wrap .t1 { font-size: 16px; margin-bottom: 2em; } 
.pop_page_print2 .left_wrap .t2 { border-bottom: 1px solid #000; margin-bottom: 2em; font-weight: 600; } 
.pop_page_print2 .left_wrap .t2 .span1 { } 
.pop_page_print2 .left_wrap .t2 .span2 { } 
.pop_page_print2 .left_wrap .t3 { text-align: right; border-bottom: 1px solid #333; margin-bottom: 2em; } 
.pop_page_print2 .left_wrap .t4 { font-size: 16px; font-weight: 600; } 
.pop_page_print2 .left_wrap .t4 .span1 { width: 4em; } 
.pop_page_print2 .left_wrap .t4 .span2 { } 
.pop_page_print2 .right_wrap { border-left: 1px solid #000; padding: 1em; flex: 1; } 
.pop_page_print2 .right_wrap .t1 { font-size: 25px; text-align: center; width: 50%; margin: 0 auto 1em; font-weight: 600; border-bottom: 1px solid #000; } 
.pop_page_print2 .right_wrap .t2 { border-bottom: 1px solid #000; text-align: center; padding: 0 10px; } 
.pop_page_print2 .right_wrap .t3 { border-bottom: 1px solid #000; font-weight: 600; } 
.pop_page_print2 .right_wrap .t4 { background: #f4f4f4; text-align: center; font-size: 20px; font-weight: 600; padding: 5px; margin-bottom: 1em; } 
.pop_page_print2 .right_wrap .t5 { width: 50%; font-size: 14px; } 
.pop_page_print2 .right_wrap .t5 .span1 { margin-right: 5px; width: 3.5em; } 
.pop_page_print2 .right_wrap .t5 .span2 { font-weight: 600; } 
.pop_page_print2 .right_wrap .t6 { text-align: center; margin-bottom: 1em; } 
.pop_page_print2 .right_wrap .t7 { } 
.pop_page_print2 .stamp_r { position: relative; } 
.pop_page_print2 .stamp_r .stamp { position: absolute; top: -52%; right: 0; width: 3em; z-index: -1; } 
.pop_page_print2 .right_wrap .con { margin-bottom: 2em; font-size: 18px; position: relative; z-index: 10; } 

.pop_page_print3 { gap: 20px; } 
.pop_page_print3 .con1 { width: 43%; border: 20px solid #0099b1; text-align: center; } 
.pop_page_print3 .con1 .tit { padding-top: 50px; font-size: 14px; font-weight: 600; margin-bottom: 50px; } 
.pop_page_print3 .con1 .name_con { margin-bottom: 50px; } 
.pop_page_print3 .con1 .name_con .t1 { font-size: 40px; font-weight: 600; } 
.pop_page_print3 .con1 .name_con .t2 { font-weight: 600; margin-top: 15px; } 
.pop_page_print3 .con1 .logo { padding-bottom: 20px; } 
.pop_page_print3 .con1 .logo img { width: 50%; } 

.pop_page_print3 .con2 { flex: 1; border: 1px solid #000; padding: 15px; } 
.pop_page_print3 .con2 .m_tt { font-size: 13px; } 
.pop_page_print3 .con2 .t1 { text-align: center; font-size: 20px; font-weight: 600; margin: 20px auto 20px; } 
.pop_page_print3 .con2 .t2 { } 
.pop_page_print3 .con2 .t3 { } 
.pop_page_print3 .con2 .t4 { text-align: center; width: 80%; margin: 0 auto 20px; font-size: 16px; } 
.pop_page_print3 .con2 .t5 { font-weight: 600; width: 90%; margin: 0 auto 5px; font-size: 14px; } 
.pop_page_print3 .con2 .t5:last-child { margin-bottom: unset; } 
.pop_page_print3 .con2 .t6 { text-align: center; margin: 20px auto; } 
.pop_page_print3 .con2 .name_con { margin-bottom: 20px; } 
.pop_page_print3 .sign { text-align:center; padding-bottom: 15px; } 
.pop_page_print3 .sign .tt { display:inline-block; position:relative; font-size:18px; font-weight:bold; letter-spacing:.25em; text-indent:.25em; } 
.pop_page_print3 .sign .stamp { position:absolute; z-index:1; left:87%; top:-50%; } 
.pop_page_print3 .sign .stamp img { display:block; width:2.5em; max-width:none; } 
.pop_page_print3 .con3 { border: 1px solid #000; width: 100%; } 
.pop_page_print3 .left_wrap { padding: 2em 1em; width: 30%; } 
.pop_page_print3 .left_wrap .t1 { font-size: 16px; margin-bottom: 2em; } 
.pop_page_print3 .left_wrap .t2 { border-bottom: 1px solid #000; margin-bottom: 2em; font-weight: 600; } 
.pop_page_print3 .left_wrap .t2 .span1 { } 
.pop_page_print3 .left_wrap .t2 .span2 { } 
.pop_page_print3 .left_wrap .t3 { text-align: right; border-bottom: 1px solid #333; margin-bottom: 2em; } 
.pop_page_print3 .left_wrap .t4 { font-size: 16px; font-weight: 600; } 
.pop_page_print3 .left_wrap .t4 .span1 { width: 4em; } 
.pop_page_print3 .left_wrap .t4 .span2 { } 
.pop_page_print3 .right_wrap { border-left: 1px solid #000; padding: 1em; flex: 1; } 
.pop_page_print3 .right_wrap .t1 { font-size: 25px; text-align: center; width: 50%; margin: 0 auto 1em; font-weight: 600; border-bottom: 1px solid #000; } 
.pop_page_print3 .right_wrap .t2 { border-bottom: 1px solid #000; text-align: center; padding: 0 10px; } 
.pop_page_print3 .right_wrap .t3 { border-bottom: 1px solid #000; font-weight: 600; } 
.pop_page_print3 .right_wrap .t4 { background: #f4f4f4; text-align: center; font-size: 20px; font-weight: 600; padding: 5px; margin-bottom: 1em; } 
.pop_page_print3 .right_wrap .t5 { width: 50%; font-size: 14px; } 
.pop_page_print3 .right_wrap .t5 .span1 { margin-right: 5px; } 
.pop_page_print3 .right_wrap .t5 .span2 { font-weight: 600; } 
.pop_page_print3 .right_wrap .t6 { text-align: center; margin-bottom: 1em; } 
.pop_page_print3 .right_wrap .t7 { } 
.pop_page_print3 .stamp_r { position: relative; } 
.pop_page_print3 .stamp_r .stamp { position: absolute; top: -52%; right: 0; width: 3em; z-index: -1; } 
.pop_page_print3 .right_wrap .con { margin-bottom: 2em; font-size: 18px; position: relative; z-index: 10; } 

.btn_inc { background: var(--siteC2); color: #fff; width: 100%; height: 4.5em; font-size: 1.25em; } 

.print_table { margin-top:4em; } 
.print_table .tbl_st thead th,
.print_table .tbl_st td,
.print_table .tbl_st tbody th { padding: 1em 0.5em; font-size: 1.15em; font-weight:600; background:#fff; } 

/*PRINT*/
@page { size:auto; margin:0 0; -webkit-margin-before:0; -webkit-margin-end:0; -webkit-margin-after:0; -webkit-margin-start:0; } 

@media print { /* html { margin:0 210mm; -webkit-margin-end:0; -webkit-margin-start:0; background:#fff; } */
 html { margin:0; } 
html:before { display:none; } 
/* body.pop { display:block !important; width:auto; height:auto; margin:10mm 210mm; -webkit-margin-end:0; -webkit-margin-start:0; } 
body.popWin { display:block !important; width:auto; height:auto; margin:10mm 210mm; -webkit-margin-end:0; -webkit-margin-start:0; } -webkit-margin-end:0; -webkit-margin-start:0; 는 크롬 */
body.pop { display:block !important; width: 100%; } 
 .popWrap { width: 100% !important; } 
 body.pop .popWrap .popIn { overflow-y:inherit !important; box-shadow:none !important; } 
 body.pop .popWrap .popIn .popCon { padding: 0 2mm 0 10mm; } 

.noprint { display:none; } 
.printBreak { page-break-before:always; } 

 /* .pop .pop_page_print { width: 210mm; height: 279mm; } */

.ps { margin-top:0; } 
.pop_printWrap { margin-top:5%; } 
.pop_page_print { page-break-before:always; -webkit-margin-before:10mm; -webkit-margin-after:10mm; } 

.pop_page_print2 .right_wrap .t4 { background: #f4f4f4 !important; -webkit-print-color-adjust: exact !important; color-adjust: exact !important; } 
.pop_page_print3 { margin-top: 15%; } 

 /**/
body { margin:0; } 
 @page { size: A4 portrait; margin-bottom:0; } 
 }

/*sub_academic*/
.innerCon { margin-top: -2em; } 
.journalW_list { } 
.journalW_list > li { width: calc((95% - 2em) / 3); } 
.journalW_list > li > .in { padding: 1em; box-sizing: border-box; border-top: 3px solid var(--siteC2); border-radius: .8em; box-shadow: 0 5px 10px #ddd; height: 13em; } 
.journalW_list > li > .in .titW { padding: .5em 0; box-sizing: border-box; } 
.journalW_list > li > .in .txtW { border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; padding: .3em 0; } 
.journalW_list > li > .in .txtW .tt1 { transition: .3s; cursor: pointer; } 
.journalW_list > li > .in .txtW .tt1:hover { text-decoration: underline; } 
.journalW_list > li > .in .titW b.name { font-size: 1.55em; margin-right: .5em; } 
.journalW_list > li > .in .titW span.tit { font-size: 1.05em; color: #999; } 


/*tab*/
.sub-tab { display: flex; border: 1px solid #ddd; border-radius: 3em; overflow: hidden; margin-bottom: 4vmin; } 
.sub-tab.pd_w { padding-bottom: 3em; } 
.sub-tab>li { position: relative; margin-left: -1px; cursor: pointer; height: 100%; display: flex; height: 3em; align-items: center; justify-content: center; flex: 1; font-size: 1.15em; font-weight: 700; } 
.sub-tab>li { flex: 1 25%; border-right: 1px solid #ddd; } 
.sub-tab>li:last-child { border-right: unset; } 
.sub-tab>li > .tab_btn { padding: 0 1vw; box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #444; transition: .3s; } 
.sub-tab>li.on > .tab_btn,
.sub-tab>li:hover > .tab_btn { background-color: var(--siteC); color: #fff; } 
.sub-tab.st2>li { position: relative; margin-left: -1px; cursor: pointer; height: 100%; display: flex; height: 3em; align-items: center; justify-content: center; flex: 1; font-size: 1.15em; font-weight: 700; } 
.sub-tab.st2>li { flex: 1 25%; border-right: 1px solid #ddd; } 
.sub-tab.st2>li:last-child { border-right: unset; } 
.sub-tab.st2>li > .tab_btn { padding: 0 1vw; box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #444; transition: .3s; } 
.sub-tab.st2>li.on > .tab_btn,
.sub-tab.st2>li:hover > .tab_btn { background-color: var(--siteC); color: #fff; } 

/*투고규정*/
.btn_list { width: 100%; height: 3.5em; gap: 1em; } 
.btn_list>li { position: relative; margin-left: -1px; cursor: pointer; height: 100%; display: flex; height: 3.5em; align-items: center; justify-content: center; font-size: 1.15em; font-weight: 700; flex: 1 12%; border-radius:.8em; border: 1px solid #ddd; overflow: hidden; } 
.btn_list>li:hover { background-color: var(--siteC2); color: #fff; position: relative; z-index: 1; } 
.btn_list>li:hover::before { content: ""; position: absolute; bottom: -15px; right: 0; width: 5em; height: 5em; background-image: url(../images/inc/logo_mark.png); background-repeat: no-repeat; background-position: 50%; background-size: cover; z-index: -1; filter: brightness(0) invert(1); opacity: .4; } 

.search_w { border-top:3px solid var(--siteC2); box-shadow:0 5px 10px #eee; padding:2em 3em; margin-bottom:30px; text-align:center; border-radius: .8em; } 
.search_w .search_selec { border:1px solid #ccc; line-height:32px; height:35px; padding:0 10px; width:140px; } 
.search_w .search_in { border:none; border-bottom:1px solid #ccc; line-height:30px; height:30px; min-width:120px; width:300px; padding:0 10px; color:#aaa } 
.search_w .search_inp:focus { color:#111 } 
.search_w .search_bt { line-height:40px; background:#444; color:#fff; border:none; padding:0 40px; border-radius:5px; } 
.search_w .search_bt.st1 { line-height:40px; background:var(--siteC); color:#fff; border:none; padding:0 40px; border-radius:5px; } 
.search_w .tip1 { font-size:0.95em; color:#666; margin-top:20px; line-height:1.4; } 

.search_w .more_search { text-align:left; border:1px solid #ccc; margin:20px 0; padding:20px; background:#f2f2f2; display: none; } 
.search_w .more_search .search_int { font-size:0.95em; color:#666; line-height:3; } 
.search_w .more_search .search_int .label_st2 { margin-right: 10px; } 
.search_w .more_search .search_int span.dot { margin:0 10px; } 

select { border:1px solid #ddd; min-width:100px; appearance:none; -webkit-appearance:none; padding:0 30px 0 10px; background-image:url(../images/inc/icon_d_arrow.png); background-repeat:no-repeat; background-position:96% center; background-size:9px auto; background-color: #fff; } 
select::-ms-expand { display:none; } 
.result .tit1 { font-size: 1.45em; padding: .5em 0; font-weight: 700; } 
.result .tit2 { font-size: 1.55em; font-weight: 700; } 
.result .tit2 > .big { font-size: 1.57em; font-weight: 700; } 
.Ajournal_list { width: 100%; } 
.Ajournal_list .AjournalBtn { border: 1px solid var(--siteC); border-radius: 8em; padding:.5em 1.25em; box-sizing: border-box; font-weight:600; transition: .2s; } 
.Ajournal_list .AjournalBtn:hover { background-color: var(--siteC); color: #fff; } 

.journal_info {background: #f4f4f4; padding: 2em; border-radius: 1em; border: 1px solid #ddd; overflow: hidden; gap: 1em;}
.journal_info .left_img {width: 30%;}
.journal_info .memo_box {margin-top: unset; flex: 1;}


/* 캘린더 */
.pageCalendarTit { display: flex; align-items: center; justify-content: center; gap: 1em; margin-bottom: 1.5em } 

.pageCalendarTit .tit { font-weight: bold; font-size: 2em; font-family: Arial, Helvetica, sans-serif } 

.pageCalendarTit .btn { width: 2.5em; height: 2.5em; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #f5f5f5; color: #999; transition: .3s } 

.pageCalendarTit .btn:hover { background: #0365b0; color: #fff } 

.pageCalendar { display: flex; flex-wrap: wrap; border: 1px solid #ddd; border-bottom: none; border-top-color: #000; position: relative } 

.pageCalendar:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ddd } 

.pageCalendar > li { width: 14.28% } 

.pageCalendar > li .in { display: flex; flex-direction: column; padding: .25em; box-sizing: border-box; border-bottom: 1px solid #ddd } 

.pageCalendar > li.titW .in { height: 3em; justify-content: center; padding: .5em; } 

.pageCalendar > li.conW .in { height: 100%; min-height: 6em } 

.pageCalendar > li.sun .in { color: #F30 } 

.pageCalendar > li.sat .in { color: #09F } 

.pageCalendar > li .in .dateT { width: 2em; line-height: 2em; border-radius: 50%; text-align: center; font-weight: bold; font-family: Arial, Helvetica, sans-serif } 

.pageCalendar > li .in .dateC { padding: .5em; min-height: 4em; } 

.pageCalendar > li.titW .in .dateT { font-weight: bold; font-size: .938em } 

.pageCalendar > li.today .in .dateT { background: var(--siteC); color: #fff } 

.pageCalendar .dayList { display: flex; flex-direction: column; gap: .5em } 

.pageCalendar .dayList > li { position: relative; padding-left: .625em; color: var(--siteC); } 

.pageCalendar .dayList > li:before { content: ""; position: absolute; left: 0; top: .5em; background: var(--siteC); width: .25em; height: .25em; border-radius: 50% } 

/************캘린더***************/
.box1.cal { width: 85%; } 
.calendar p { line-height: 20px; } 
.clearfix { clear: both; } 
.calendar { border-radius: 4px; overflow: hidden; width: 100%; height: 52em; background-color: #ffffff; color: #333333; border-radius: 1.5em; box-shadow: 3px 0 9px rgba(0,0,0,.15); } 
.calendar h1, .calendar h2 { font-weight: 400; font-size: 3em; } 
.calendar h1 span { display: block; } 
.calendar .col { } 
.calendar .col .content { } 
.col .content .date_all { color: #fff; padding: .5em .5em; } 
.col .content .date_all .date_Con > span { font-size: 2.35em; color: #111; padding: .5em .5em; font-weight: 800; } 
.calendar .col .content .date { } 
.calendar ul { margin: 0px; } 
.calendar ul li { list-style: none; } 
.calendar .noteList > li { color: #fff; padding: 1.5em; transition: .25s; } 
.calendar .noteList > li:first-of-type { } 
.calendar .noteList > li:hover { background: #fff; transition: .25s; color: #111; } 
.calendar .notes input { background-color: #193988; color: #ffffff; border: none; width: 200px; } 

.calendar .review .event_list { } 
.calendar .review .event_list > li { margin-bottom: .3em; } 
.calendar .review .event_list > li:last-of-type { margin-bottom: 0em; } 
.calendar .review .event_list > li > p { font-weight: 600; } 
.calendar .review .event_list > li > .dot:before { background: #3c8cdf; } 

.calendar .review .title { font-size: 1.35em; font-weight: 600; line-height: 1.3; margin-bottom: .5em; } 
.calendar .addNote,
.calendar .removeNote { color: rgba(255,255,255,0.4); font-weight: bold; width: 25%; font-size: .9em; line-height: 1.7em; } 
.calendar .addNote:hover,
.calendar .removeNote:hover { color: #ffffff; } 
.calendar .addNote { font-size: 16px; } 
.calendar .rightCol { width: 70%; padding: 2em; box-sizing: border-box; } 
.calendar .rightCol h2 { color: #C7BEBE; text-align: right; margin-bottom: 70px; } 
.calendar .months li { width: 7%; } 
.calendar .weekday li { padding: 0.365em; height: 2em; width: 14.285%; background: #2a6bb6; border-left: 0.125em solid #fff; border-right: 0.125em solid #fff; border-radius: 0.5em; box-sizing: border-box; } 
.calendar .days { justify-content: space-around; } 
.calendar .months li a,
.calendar .weekday li a,
.calendar .days li a { display: block; color: #747978; } 
.calendar .days li a .cases { text-align:center; margin-top: 1em; background: #3c8cdf; color: #fff; padding: .35em 0em; border-radius: 3em; } 
.calendar .days li.selected a { color: #fff; } 
.calendar .days li.selected a .cases { text-align:center; margin-top: 1em; background: #fff; color: #3c8cdf; padding: .35em 0em; border-radius: 3em; } 
.calendar .days li.selected { background: #3c8cdf !important; } 
.calendar .days li:hover { background-color: #f0f4ff; color: #193988; transition:.2s; } 
.calendar .days li.selected:hover { cursor: auto; } 
.calendar .months li a { font-size: 1.15em; color: #C7BEBE; text-align: center; margin-bottom: 1.5em; } 
.calendar .months li .selected { color: #444444; font-weight: 700; } 
.calendar .weekday li a { text-align: center; font-size: 1em; color: #193988; font-weight: 500; } 
.calendar .days li a { text-align: left; font-size: 1em; font-weight: bold; height: 100%; box-sizing: border-box; border-radius: .5em; margin-bottom: .5em; padding: 0.55em; transition:.2s; } 
.calendar .days li:hover a { /*background-color: #f0f4ff; color: #193988; transition:.2s; */ } 
.calendar .days li a.selected { color: #fff !important; } 
.calendar .days li .selected { background-color: #193988!important; color: #ffffff; } 
.calendar .days li .sun { color: #d52828; } 
/* .calendar .days li .say { color: #0c318e; } why say? 토 = saturday = sat LHK*/
.calendar .days li .sat { color: #0c318e; } 
.calendar .review { /*overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; width: 70%; */ } 
.calendar .months, .calendar .days { gap: 0.2em; } 
.calendar .weekday { margin-bottom: 1em; } 
.calendar .leftCol { width: 30%; /*overflow-y: scroll; */ height: 52em; background: linear-gradient(to bottom, #193988,#348AC7); } 
.calendar .days li .selected { } 
.calendar .date { position:relative; } 
.calendar .date:after { /*content:""; position:absolute; width:1em; height:.5px; opacity: 0.6; bottom: -0.85em; bottom:-.4em; left:0; background:#fff; */ } 
.calendar .days li { width: 13.8%; box-sizing: border-box; padding: 0.5em; height: 6.5em; border: 2px solid #f0f4ff; border-radius: 0.5em; box-sizing: border-box; } 
.calendar .weekday li { padding: 0.365em; height: 2em; width: 14.285%; background: #1f4c97; border-left: 0.125em solid #fff; border-right: 0.125em solid #fff; border-radius: 0.5em; box-sizing: border-box; } 
.calendar .weekday li a { color: #f0f4ff; } 

.btn_group { } 
.btn_group .top_control { display:flex; align-items:center; justify-content:center; text-align:center; gap:1em 2em; } 
.btn_group .top_control .tt { font-size:1.500em; font-weight:700; } 
.btn_group .btn_con { gap: .3em; } 
.btn_group .btn_con .btn { display: flex; text-align: center; align-items:center; justify-content: center; width:2.5em; height:2.5em; border: 1px solid #e9e9e9; color: #111; transition: .2s; } 
.btn_group .btn_con > li > .btn .xi { font-size:1.125em; } 
.btn_group .btn_con > li > .btn.prev .xi:before { content:"\e93b" } 
.btn_group .btn_con > li > .btn.next .xi:before { content:"\e93e" } 
.btn_group .btn_con > li > .btn:hover { background:#111; border-color:#111; color:#fff; transition: .2s; } 

/* 연혁 */
.history_bgw { overflow: hidden; position: relative; margin: 0 5em 3em 5em; } 
.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.7em; color: #fff; font-weight: 500; } 
.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; overflow: hidden; padding: 2em 0; } 
.history_wrap:before,
.history_wrap .lineAni { content: ""; position: absolute; left: calc(24em + 3em); top: 0; width: 1px; height: 100%; background: #ddd } 
.history_wrap .lineAni { height: 0; background: var(--siteC); transition: .3s } 
.history_wrap .lineAni:before,
.history_wrap:after { content: ""; position: absolute; left: 50%; top: 0; margin-left: -.5em; width: 1em; height: 1em; background: #fff; border: .25em solid var(--siteC);; border-radius: 100%; box-sizing: border-box } 
.history_wrap:after { top: auto; left: calc(24em + 3em + 1px); bottom: 0 } 
.history_wrap .history > li { gap: 3em; margin-top: 4em } 
.history_wrap .history > li .img_wrap { width: 24em; padding-bottom: 6em; } 
.history_wrap .history > li .img_wrap img { width: 100%; border-radius: 1em; object-fit: cover; box-shadow: 3px 3px 10px rgba(0, 0, 0, .1); } 
.history_wrap .history > li .con_wrap { flex: 1; padding-left: 3em; padding-bottom: 3em; border-bottom: 1px solid #ddd; } 
.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:15em */ } 
.history_wrap .history > li .year .tt { display: inline-block; position: relative; padding: 0 .5em; font-size: 2.875em; letter-spacing: -3px; font-weight: 400; color: var(--siteC);; /* font-family: Georgia, "Times New Roman", Times, serif */ } 
/* .history_wrap .history > li .year .tt:before { content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:100%; border-top:2px dotted #aaa; } */
/* .history_wrap .history > li .year .tt:after { content:"'"; font-style:italic } */
.history_wrap .history > li .year .tt:after { content: ""; width: .5em; height: .5em; border-radius: 50%; background: var(--siteC); opacity: .2; position: absolute; right: 10px; top: 3px; } 
.history_wrap .history > li .list { /* width:50%; */
 margin-top: 1em } 
.history_wrap .history > li .list > li { margin-top: .5em } 
.history_wrap .history > li .list > li:first-child { margin-top: 0 } 
.history_wrap .history > li .list .wrap_in { padding: 0 2em } 
.history_wrap .history > li .list .wrap_in .img_wrap .resize { padding-bottom: 45% !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 3em } 
.history_wrap .history > li .list .month .tt { color: #999; font-size: 1.25em; /* font-family:Georgia, "Times New Roman", Times, serif; */
 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; padding: 0 1.5em; margin-top: .125em; color: #333; font-size: 1em; line-height: 1.7; font-weight: 400; word-break: keep-all; } 
.history_wrap .history > li .list .detail .tt:before { content: ""; position: absolute; left: 0; top: 9px; width: .75em; border-top: 2px solid #ddd } 
.history_wrap .history > li .list .detail .desc { width: calc(100% - 1.125em); margin: .5em 0 .5em 1.25em; padding: .8em; box-sizing: border-box; border: 1px solid #ddd; border-radius: .5em; font-size: .9375em; line-height: 1.5; color: #555; } 

.Himg { border:1px solid #ddd; border-radius:.8em; padding:.8em; } 
.Hlist { background:#E4E3F3; padding: 1em 0; width: 80%; border-radius: .8em; overflow: hidden; } 
.Hlist > li { padding:.5em 2em;; } 


/*sub_company*/
.dp2_executive .innerCon,
.dp2_committee .innerCon,
.dp2_academic .innerCon { margin-top: 4em; } 

.dp2_editorial .innerCon:nth-of-type(1),
.dp2_executive .innerCon:nth-of-type(1),
.dp2_committee .innerCon:nth-of-type(1),
.dp2_academic .innerCon:nth-of-type(1) { margin-top: -3em !important; } 

.presidentCon { width: 100%; } 
.presidentCon > .leftW { width: 30%; } 
.presidentCon > .rightW { width: 70%; } 
.pres_list { width: 100%; } 
.pres_list >li { width: 48%; } 
.pres_list >li .in { border: 1px solid #ddd; border-radius:.8em; height:9em; padding: 1em; box-sizing:border-box; } 
.pres_list >li .in > .imgB { width:30%; } 
.pres_list >li .in > .txtB { width:68%; } 
.pres_list >li .in > .txtB .name { font-weight: 800; font-size:1.3em; padding:.4em 0; color:#333; } 
.pres_list >li .in > .txtB .desc { font-weight: 400; font-size:.95em; padding:.4em 0; padding-left: 10px; color:#444; position: relative; display: inline-block; } 
.pres_list >li .in > .txtB .desc::before { content: ""; position: absolute; width: 3px; height: 3px; top: 50%; left: 0; background-color: var(--siteC); border-radius: 50%; transform: translateY(-50%); } 


/* 오시는 길*/
.map_view { border-top: 3px solid #ddd; box-shadow: 0 .25em .5em rgba(0, 0, 0, .2); transition: .3s; padding: 1em; border-radius: 0 0 1em 1em } 
.map_view > div { max-width: 98%; margin: 0 auto; } 
.map_view .tt { padding-bottom: 10px; font-size: 1.063em; color: #222; letter-spacing: -2px; vertical-align: middle; } 
.map_view .xi { vertical-align: middle; font-size: 1.188em; padding-right: 5px; } 
.map_view:hover { border-color: #1b3080; } 

.map_info1 { margin-bottom: 20px; box-shadow: 2px 3px 8px -1px #a4a4a4; padding: 1.5em; margin-top: 1em; box-sizing: border-box; border-radius: 1em } 
.map_info1 .t1 span { color: #666; display: inline-block; margin-right: 20px; font-size: .938em; } 
.map_info1 .t1 span.st { } 
.map_info1 .t1 span:last-child { margin-right: 0; } 
.map_info1 .t1 .xi { font-size: 1em; color: #fff; margin-right: 8px; border-radius: 50%; width: 2.2em; height: 2.2em; line-height: 2.2em; text-align: center; background: #313193; } 
.map_info1 .t1 span .stop1 { background: #187ce8; color: #fff; text-align: center; border-radius: 50px; padding: .5em 1em; font-size: .813em; } 

.map_info1 .t1 .st .xi { font-size: 1em; color: #fff; margin-right: 8px; border-radius: 50%; width: 2.2em; height: 2.2em; line-height: 2.2em; min-width: 2.2em; min-height: 2.2em; text-align: center; background: #1b3080; } 
.map_info1 .t1 .st { align-items: center; margin-bottom: 1em; } 
.map_info1 .t1 .map_info_con:last-of-type .st { margin-bottom: 0em; } 
.map_info1 .t1 .st p { color: #111; font-size: .938em; } 

.root_daum_roughmap .cont { display: none; } 

 .innerC { background-color: #fafafa; border-radius: .8em; box-shadow: 0 5 10px #ddd; padding: 1em; } 

 .c_wrap .circlelist>li { width: calc(100% / 3); } 

 .c_wrap .circlelist>li .in { width: 20em; height: 20em;; border-radius: 50%; } 

 .c_wrap .circlelist>li .in.bg1 { background-color: rgba(108, 163, 219, 0.2); transform: translateX(50px); } 

 .c_wrap .circlelist>li .in.bg2 { background-color: rgba(108, 163, 219, 0.65); } 

 .c_wrap .circlelist>li .in.bg3 { background-color: rgba(108, 163, 219, .9); transform: translateX(-50px); } 

 .c_wrap .circlelist>li .in .txtC .tt { font-size: 1.35em; word-break: break-all; text-align: center; font-weight: 700; color: #fff; text-shadow: 0 5px 5px #aaa; } 
 
 /* 테이블 스크롤 */
.scr_i{ display: none;}