@charset "utf-8"; /* CSS Document */
.box0 { padding:0 2.5vw; box-sizing:border-box } 
.boxSub,
.box1 { padding:0 5vw; width:100%; box-sizing:border-box; max-width:1570px; margin:0 auto } 
.box2 { padding:0 5vw; box-sizing:border-box; max-width:1280px; 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) } 

 /**/
/* html { --aniOP : 5s ease-in-out forwards; } 
html.intro { overflow-y:hidden } 
html.intro body { overflow-y:scroll; height:100vh } 
#mainIntro { position:fixed; left:0; top:0; width:100vw; height:100vh; display:flex; align-items:center; justify-content:center; overflow:hidden } 
.intro #mainIntro { z-index:2 } 
#mainIntro:before { content:""; position:absolute; right:0; bottom:0; width:100%; height:100%; background:#fff } 
#mainIntro:after { top:auto; bottom:0 } 
#mainIntro .logoSvg { height:40%; position:relative; overflow:visible } 
.visualSlide_wrap { mix-blend-mode:lighten } 

#mainIntro { animation: mainIntroAniCount 2.5s } 
#mainIntro .logoSvg { opacity: 0; animation: mainIntroAni1 var(--aniOP) } 
#mainIntro .logoSvg .objW { animation: mainIntroAni2 var(--aniOP); transform-origin:50% 50% } 
#mainIntro .logoSvg .ttW { animation: mainIntroAni3 var(--aniOP); transform-origin:50% 50% } 
#mainIntro:before { animation: mainIntroAni4 var(--aniOP) } 
html:not(.ready) #footer,
html:not(.ready) .mainWrap { opacity:0; transition:.1s } 

@keyframes mainIntroAniCount { to { opacity: 1 } 
 }
@keyframes mainIntroAni1 { 5% { opacity:1 } 
100% { opacity:1 } 
 }
@keyframes mainIntroAni2 { 20% { transform:translateY(0) } 
30% { transform:translateY(-200%) } 
100% { transform:translateY(-200%) } 
 }
@keyframes mainIntroAni3 { 20% { transform:scale(1) } 
30% { transform:scale(1) translate(0, -44%); opacity:1 } 
45% { transform:scale(30) translate(0, -44%); opacity:0 } 
100% { transform:scale(30) translate(0, -44%); opacity:0 } 
 }
@keyframes mainIntroAni4 { 45% { opacity:1 } 
55% { opacity:0 } 
100% { opacity:0 } 
 }*/

#header { position:fixed; left:0; top:0; width:100%; z-index:1000; background:#fff; transition:background .5s } 
#header .top_wrap { position:relative } 
#header .top_wrap .wrapH,
#header .top_wrap .gnb_wrap .dp1 { height:var(--headerHS) } 
.headerT { padding-top:var(--headerHS) } 
#header .top_wrap .wrapF { display:flex; align-items:center; gap:0 3vw } 
#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% } 
html:not(.scroll) #header .top_wrap .logo > a img{filter: var(--crWhitefil);}
#header:hover .top_wrap .logo > a img{filter: none !important;}
#header .top_wrap .logo > a img { height:100%; display:block } 
#header .top_wrap .etc_wrap { display:flex; align-items:center; gap:2vmin } 
#header .top_wrap .etc_wrap .btnInc { width:4em; height:var(--headerH); 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 .ico { font-size:2.25em } 
#header .lang_wrap { display:flex; align-items:center } 
#header .lang_wrap .ico { font-size:1.25em } 
#header .lang_wrap .list { display:flex; align-items:center } 
#header .lang_wrap .list > li > a { opacity:.5; padding:.5em } 
#header .lang_wrap .list > li:hover > a,
#header .lang_wrap .list > li.on > a { opacity:1 } 
#header .lang_wrap .list > li.on > a { color:var(--siteC) } 
#header .lang_wrap .list > li > a .tt { font-weight:900; text-transform:uppercase; position:relative; padding:.25em; font-size:.938em } 
#header .lang_wrap .list > li.on > a .tt:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:var(--siteC) } 

html:not(.allOn) #header .top_wrap .gnb_wrap { display:flex; align-items:center; flex:1; min-width:0; justify-content:center; height:100%; z-index:1 } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb { position:absolute; left:50%; transform:translateX(-50%); top:0; width:100%; justify-content:center; box-sizing:border-box; margin-left: 1em; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb:before { content:""; position: fixed; width:150vw; left:50%; transform:translateX(-50%); background:#fff; top:var(--headerHS); height:0; opacity:0; box-sizing:border-box; border-top:1px solid #eee; box-shadow:0 1em 1em rgba(0,0,0,.1) } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb a { display:flex } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li:not(.m_hide) { position:relative; flex:1; border-right:1px solid transparent; max-width:16vmin; display:flex; flex-direction:column } 
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:start; position:relative;  padding: 0 1em;} 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .tt { font-weight:600; font-size:1.25em; letter-spacing:-.025em } 
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:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:var(--siteC); transform:scaleY(0); } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 { padding:1.5em 0 3em 0; flex:1; opacity:0; visibility:hidden; z-index:-100; position: absolute; align-items: start; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2:before { content:""; position:absolute; left:0; top:0; width:calc(100% + 2px); height:0; border:1px solid #eee; box-sizing:border-box; border-top:none; border-bottom:none} 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li { position:relative } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a { padding:.25em 1em; color:#777; text-align:left } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a .tt { font-weight:500 } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a:hover { color:#111 } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a:hover .tt { text-decoration:underline } 
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 { color:#fff !important; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li:hover .dp1:before { transform:scaleY(1); transition:.3s } 
html:not(.allOn) #header .top_wrap .gnb_wrap.active .gnb:hover > li { max-width:18vmin; transition:.3s; transition-delay:.1s; transition-timing-function:ease-in-out } 
html:not(.allOn) #header .top_wrap .gnb_wrap.active .gnb:hover:before { height:calc(100% - var(--headerHS)); opacity:1; transition:height .3s; transition-delay:.1s; transition-timing-function:ease-in-out } 
html:not(.allOn) #header .top_wrap .gnb_wrap.active .gnb:hover > li .dp2 { position:relative; opacity:1; visibility:visible; z-index:auto; transition:.3s; transition-delay:.3s } 
html:not(.allOn) #header .top_wrap .gnb_wrap.active .gnb:hover > li .dp2:before { height:100%; transition:.3s; transition-delay:.4s } 

#header .top_wrap .gnb_wrap .gnb > li .dp2 { flex-direction:column; gap:.5em } 

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

#header.st2:not(:hover) { background:none } 
html:not(.allOn):not(.intro) #header.st1:not(:hover) { background:none; color:#fff } 
html:not(.allOn):not(.intro) #header.st1:not(:hover) .top_wrap .logo > a .in { transform:translateY(-100%) } 
html:not(.allOn):not(.intro) #header.st1:not(:hover) .top_wrap .gnb_wrap .gnb > li.on .dp1 { color:#fff } 
html:not(.allOn):not(.intro) #header.st1:not(:hover) .top_wrap .gnb_wrap .gnb > li .dp1:after { background:#fff } 
html:not(.allOn):not(.intro) #header.st1:not(:hover) .lang_wrap .list > li.on > a { color:#fff } 
html:not(.allOn):not(.intro) #header.st1:not(:hover) .lang_wrap .list > li.on > a .tt:after { background:#fff } 
/* html.scroll:not(.up):not(.main) #header { transform:translateY(-150%) }  */

.allOn { overflow:hidden } 
.allOn #header { height:100vh; position: fixed; box-sizing:border-box; overflow-y:auto; scrollbar-width: thin; scrollbar-color: var(--scrollBar); background:#fff } 
.allOn #header .top_wrap .wrapH,
.allOn #header .top_wrap .wrapF { height:100% } 
.allOn #header .top_wrap .logo { display:flex; align-items:center; height:3em } 
.allOn #header .top_wrap:before { content:""; position: fixed; right:50%; bottom:50%; background:#f5f5f5; border-radius:50% } 
.allOn #header .top_wrap .wrapF { flex-wrap:wrap; align-items:flex-start; gap:10vmin 5vmin; padding:5vmin } 
.allOn #header .gnb_wrap { flex:0 0 auto; min-height:0; width:100%; margin-left:0; order:10 } 
.allOn #header .gnb_wrap .gnb { flex-wrap:wrap; gap:5vmin; align-items:flex-start } 
.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; flex:1 } 
.allOn #header .gnb_wrap .gnb > li .dp1 { padding:0 0 1em 0; height:auto; justify-content:flex-start; align-items:center } 
.allOn #header .gnb_wrap .gnb > li .dp1:after { content:"\e93e"; font-family:xeicon; margin-left:1em; opacity:0 } 
.allOn #header .gnb_wrap .gnb > li:hover .dp1 { color:var(--siteC) } 
.allOn #header .gnb_wrap .gnb > li .dp1:hover:after { opacity:1 } 
.allOn #header .gnb_wrap .gnb > li .dp1 .tt { font-size:1.75em; font-weight:500; position:relative } 
.allOn #header .gnb_wrap .gnb > li .dp2 { gap:.5em 1em } 
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a { height:3em; align-items:center; padding:0 1em; border:1px solid #ddd; border-radius:.5em; color:#555; position:relative; overflow:hidden; background:#fff } 
.allOn #header .gnb_wrap .gnb > li .dp2 > li a { word-break:keep-all; line-height:1.1 } 
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a:after { content:"\e93f"; font-family:xeicon; position:absolute; right:.5em; top:50%; transform:translateY(-50%); margin-right:-1em; opacity:0; transition:.3s } 
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a .tt { font-size.938em; font-weight:700 } 
.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 .gnb_wrap .gnb > li .dp2 > li .dp3 { flex-direction:row; flex-wrap:wrap; gap:0 1em; padding:.75em 0 } 
.allOn #header .gnb_wrap .gnb > li .dp2 > li .dp3 > li > a { color:#555; padding:.25em 1em; display:flex; gap:.25em } 
.allOn #header .gnb_wrap .gnb > li .dp2 > li .dp3 > li > a:before { content:"\e91b"; font-family:xeicon; height:auto; width:auto } 
.allOn #header .gnb_wrap .gnb > li .dp2 > li .dp3 > li > a .tt { font-size:.875em } 
.allOn #header .gnb_wrap .gnb > li .dp2 > li .dp3 > li:hover > a { color:#111 } 
.allOn #header .gnb_wrap .gnb > li .dp2 > li .dp3 > li:hover > a .tt { text-decoration:underline } 
.allOn #header .gnb_wrap .gnb > li .dp2 > li .dp4,
.allOn #header .gnb_wrap .gnb > li .dp2 > li .dp5 { display:none } 
/* .allOn #header .gnb_wrap .gnb > li.m_guide { position: fixed; right:5vmin; bottom:2em; display:block !important }  */
.allOn #header .gnb_wrap .gnb > li.m_guide .dp1 { display:none } 
.allOn #header .gnb_wrap .gnb > li.m_guide .dp2 { flex-direction:row; righ } 
.allOn #header .gnb_wrap .gnb > li.m_guide .dp2 > li > a { border:none; padding-right:2em; opacity:.7 } 
.allOn #header .gnb_wrap .gnb > li.m_guide .dp2 > li > a:after { margin-right:0 } 
.allOn #header .gnb_wrap .gnb > li.m_guide .dp2 > li > a:hover { box-shadow:none; opacity:1 } 
.allOn #header .top_wrap .etc_wrap { z-index:3 } 
.allOn #header .top_wrap .etc_wrap .btnInc.allBtn { position: fixed; right:3em; top:2em; box-shadow:0 0 1em rgba(0,0,0,.1); width:4em; height:4em; border-radius:50%; background:#fff } 
.allOn #header .top_wrap .etc_wrap .btnInc.allBtn .ico { font-size:1.5em } 
.allOn #header .all_wrap .allBtn .ico:before { content:"\e921" } 
.allOn #header .top_wrap .etc_wrap .search_wrap { display:none } 
.allOn #header:after { content:""; position:absolute; right:0; top:0; width:100%; height:100%; background:var(--siteC); z-index:2; animation: headerAllAni 1s forwards } 
.allOn #header:before { animation: headerAllAni2 1s forwards .5s; transform:translateX(100%) } 
.allOn #header .top_wrap:before { width:70vw; height:70vw; transition:.5s; animation: headerAllAni3 20s infinite .5s alternate linear; } 
@keyframes headerAllAni { 100% { width:0 } 
 }
@keyframes headerAllAni2 { 100% { transform:translateX(0) } 
 }
@keyframes headerAllAni3 { 40% { transform:rotate(20deg) translate(-10%,50%) scale(.8); } 
60% { transform:rotate(40deg) translate(-10%,50%) scale(1.2); } 
100% { transform:rotate(0) translate(0,0) scale(1); } 
 }


#footer { z-index:1; color:#fff; background:#222; padding:8vmin 0 } 
#footer .goTop { position:fixed; right:0; bottom:0; width:3.5em; line-height:3.5em; text-align:center; background:var(--siteC); color:#fff; box-shadow:0 0 1em rgba(0,0,0,.1); opacity:0; transform:translateY(100%); transition:.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) } 
#footer .wrapF { display:flex; flex-direction:column; gap:3em } 
#footer .logo_wrap { display:flex; align-items:center; gap:4em; justify-content: space-between; } 
#footer .logo { } 
#footer .logo img { height:3em } 
#footer .menu_wrap { margin-left:auto; display:flex; gap: 1em 3em; justify-content: flex-end;} 
#footer .menu_wrap.top_menu{margin-bottom: 1.5em;}
#footer .menu_wrap > li > a { position:relative; font-weight:500; opacity:.8 } 
#footer .menu_wrap > li:not(:first-child) > a:before { content:"·"; position:absolute; left:-1.5em; top:0; transform:translateX(-50%); opacity:.5 } 
#footer .menu_wrap > li.point > a { opacity:1; font-weight:700 } 
#footer .info_wrap { display:flex; align-items:flex-start; 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.point { font-weight:700; } 
#footer .info > li.tit { width: 6%;} 
#footer .info > li.br { clear:left } 
#footer .info > li.add{width: 24%;}
#footer .info > li.tel{width: 13%;}
#footer .info > li.copyright { font-size:.875em; opacity:.5; margin-top:1em; text-transform:uppercase } 
#footer .cs_wrap { display:flex; gap:0 4em; text-align:right } 
#footer .cs_wrap .wrap_in { position:relative } 
#footer .cs_wrap .wrap_in:not(:first-child):after { content:""; position:absolute; left:-2em; top:0; width:1px; height:100%; background:#fff; opacity:.2 } 
#footer .cs_wrap .t1 { opacity:.7; font-weight:500; margin-bottom:.5em } 
#footer .cs_wrap .t2 { font-weight:700; font-size:1.125em } 
#footer .site_wrap { margin-left:auto; background:rgba(0,0,0,.2); width:14em; font-size:.938em; position:relative } 
#footer .site_wrap .siteBtn { display:flex; align-items:center; padding:1em; font-weight:500; transition:.3s; border-bottom:1px solid var(--siteC) } 
#footer .site_wrap .siteBtn .arrow { margin-left:auto; transition:.3s } 
#footer .site_wrap .list { position:absolute; left:0; bottom:100%; width:100%; background:inherit; visibility:hidden; opacity:0; transform:translateY(1em); transition:.3s; background:#111 } 
#footer .site_wrap .list > li > a { display:block; padding:1em; padding-right:3em; border-bottom:1px solid rgba(255,255,255,.1); position:relative; transition:.3s } 
#footer .site_wrap .list > li > a:after { content:"\e980"; font-family:xeicon; position:absolute; right:1em; top:50%; transform:translateY(-50%); opacity:0; transition:.3s } 
#footer .site_wrap .list > li > a:hover { background:rgba(255,255,255,.1) } 
#footer .site_wrap .list > li > a:hover:after { opacity:1 } 
#footer .site_wrap .siteBtn:hover,
#footer .site_wrap.on .siteBtn { background:rgba(0,0,0,.2) } 
#footer .site_wrap.on .siteBtn .arrow { transform:rotate(180deg) } 
#footer .site_wrap.on .list { visibility:visible; opacity:1; transform:translateY(0) } 

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

.fullH { height: calc(100vh); box-sizing: border-box; } 
#contents { flex:1 1 0%; min-height:0; box-sizing:border-box } 
#contents .sub_top_wrap { height:50vh; position:relative } 
#contents .sub_top_wrap.st1 { height:30vh } 
#contents .sub_top_wrap .wrapBg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:#f1f1f1; overflow:hidden } 
#contents .sub_top_wrap .wrapBg .bg { height:100%; background-size:100% auto } 
#contents .sub_top_wrap .wrapBg:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.2 } 
#contents .sub_top_wrap .wrapCon { display:flex; height:100%; flex-direction:column; position:relative; padding-top:var(--headerH); box-sizing:border-box } 
#contents .sub_top_wrap .wrapF { } 
#contents .sub_top_wrap .subTit { flex:1; min-height:0; justify-content:center; display:flex; align-items:center } 
#contents .sub_top_wrap .subTit .wrapF { height:100%; display:flex; flex-direction:column; justify-content:center; color:#fff; line-height:1; gap:1em; box-sizing:border-box; padding:1em } 
#contents .sub_top_wrap .subTit .t1 { font-size:10vmin; font-weight:900; color:transparent; line-height:1; -webkit-text-stroke: 1px white; text-transform:uppercase } 
#contents .sub_top_wrap .subTab { position:relative } 
#contents .sub_top_wrap .subTab .gnb > li.on { display:flex !important; justify-content:center; width:100% } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 { display:inline-flex; justify-content:center; flex-wrap:wrap } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li { position:relative; flex:1; min-width:0; width:20vmin; max-width:20vmin } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a { height:4em; display:flex; align-items:center; justify-content:center; color:#fff; box-sizing:border-box; background:var(--siteC); position:relative } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a:before { content:""; position:absolute; right:0; top:50%; height:30%; transform:translateY(-50%); background:#fff; width:1px; opacity:.2 } 
#contents .sub_top_wrap .subTab .gnb > li > .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 > li > .dp2 > li > a .va .tt { font-size:1.125em; font-weight:600 } 
#contents .sub_top_wrap .subTab .gnb > li > .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 > li > .dp2 > li > a .va .arrow:before { content:"\e942" } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li.on > a { background:#fff; color:var(--siteC) } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li.on > a .va,
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li:hover > a .va { opacity:1; transform:translateX(0); padding-right:1.5em } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li.on > a .va .arrow,
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li:hover > a .va .arrow { font-size:1.25em } 

#contents .sub_tit_wrap { padding:5vmin 0; border-bottom:1px solid #eee } 
#contents .sub_tit_wrap .wrapF { display:flex; display:flex; flex-direction:column; gap:2vmin; align-items:center } 
#contents .sub_tit_wrap .titW { flex:1; min-width:0 } 
#contents .sub_tit_wrap .titW .t1 { font-weight:600; font-size:2.75em; letter-spacing:-.05em; word-spacing:.05em } 
#contents .sub_tit_wrap .nav { display:flex; align-items:center } 
#contents .sub_tit_wrap .nav { display:inline-flex; align-items:center; gap:0 1em } 
#contents .sub_tit_wrap .nav > li { color:#666 } 
#contents .sub_tit_wrap .nav > li:not(.home):before { content:"\e940"; font-family:xeicon; margin-right:.5em; font-size:.938em } 
#contents .sub_tit_wrap .nav > li.home > a { width:1.5em; height:1.5em; border-radius:50%; background:var(--siteC); color:#fff; display:flex; align-items:center; justify-content:center } 
#contents .sub_tit_wrap .nav > li.home > a .xi { font-size:.875em } 

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

#contents .doc { padding:6vmin 0 20vmin 0 } 
#contents .doc.pb0 { padding: 6vmin 0 0 0; } 
#contents .doc.pt0 { padding: 0 0 20vmin 0; } 

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

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


 /**/
html{
--aniOP : 5s ease-in-out forwards;}
html.intro{ overflow-y:hidden}
html.intro body{ overflow-y:scroll; height:100vh}

#mainIntro{position:fixed; left:0; top:0; width:100vw; height:100vh; display:flex; align-items:center; justify-content:center; overflow:hidden}
.intro #mainIntro{ z-index:2}
#mainIntro:before{ content:""; position:absolute; right:0; bottom:0; width:100%; height:100%; background:#fff}
#mainIntro:after{ top:auto; bottom:0}
#mainIntro .logoSvg{ height:40%; position:relative; overflow:visible}
#mainIntro,
#section0{ mix-blend-mode:lighten}

#mainIntro{ animation: mainIntroAniCount 2.5s}
#mainIntro .logoSvg{ opacity: 0;animation: mainIntroAni1 var(--aniOP)}
#mainIntro .logoSvg .objW{ animation: mainIntroAni2 var(--aniOP); transform-origin:50% 50%}
#mainIntro .logoSvg .ttW{ animation: mainIntroAni3 var(--aniOP); transform-origin:50% 50%; fill: #111;}
#mainIntro .ttW .tt{fill: #000;       /* 검정색 채우기 */ opacity: 1;}
#mainIntro:before{ animation: mainIntroAni4 var(--aniOP)}
/* html:not(.ready) #footer,
html:not(.ready) .mainWrap{ opacity:0; transition:.1s} */

@keyframes mainIntroAniCount{
to { opacity: 1}
}
@keyframes mainIntroAni1{
5% {opacity:1}
100% {opacity:1}
}

@keyframes mainIntroAni2{
20% { transform:translateY(0)}
30% { transform:translateY(-200%)}
100% { transform:translateY(-200%)}
}
@keyframes mainIntroAni3{
20% { transform:scale(1)}
30% { transform:scale(1) translate(0, -44%); opacity:1}
45% { transform:scale(30) translate(0, -44%); opacity:0}
100% { transform:scale(30) translate(0, -44%); opacity:0}
}
@keyframes mainIntroAni4{
45% { opacity:1}
55% { opacity:0}
100% { opacity:0}
}

/**/
.radius { border-radius:1em; overflow:hidden } 

.vod_wrap { position:relative; padding-bottom:56.25%; box-sizing:border-box } 
.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%; background:#000; opacity:0 } 
.vod_wrap .playBtn { position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#fff } 
.vod_wrap .playBtn .xi { width:10vmin; height:10vmin; border-radius:50%; border:2px solid #fff; display:flex; align-items:center; justify-content:center; transition:.3s; cursor:pointer } 
.vod_wrap .playBtn .xi:before { content:"\ea3e"; font-size:5vmin } 
.vod_wrap .playBtn .xi:hover { background:var(--siteC); border-color:transparent } 

.visualSlide .swiper-slide { position: relative; overflow:hidden; height:100vh; background:#fff } 
.visualSlide .swiper-slide .bg { position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.2) } 
.visualSlide .swiper-slide .bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .25); content: ''; z-index: 1; } 
.visualSlide .swiper-slide .vod_wrap { position:relative; height:100% } 
.visualSlide .swiper-slide .vod_wrap:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .35); content: ''; z-index: 3; } 
.visualSlide .swiper-slide .vod_wrap:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000 } 

.visualSlide .swiper-slide.swiper-slide-active .vod_wrap:after,
.visualSlide .swiper-slide.swiper-slide-duplicate-active .vod_wrap:after { transition:2s; opacity:.1 } 
.visualSlide .swiper-slide.swiper-slide-active .bg,
.visualSlide .swiper-slide.swiper-slide-duplicate-active .bg { transition:7s; transform:scale(1) rotate(.001deg) } 
.visualSlideSlogan_wrap { position:absolute; left:0; width:100%; bottom:2vmin; box-sizing:border-box; z-index:10; color:#fff } 
.visualSlideSlogan_wrap .wrapF { display:flex; align-items:center; gap:4vmin } 
/* .intro .visualSlideSlogan_wrap { opacity:0 }  */

.visualSlide_wrap .slogan { opacity: 1; position:absolute; left:0; top:0; width:100%; height:100%; color:#fff; box-sizing:border-box; padding-bottom:22vmin; z-index: 4; transition: opacity .3s ease;} 
html:not(.load) .visualSlide_wrap .slogan{opacity: 0; }
.visualSlide_wrap .slogan .wrapIn { display:flex; flex-direction:column; align-items:center; text-align:center; justify-content:center; height:100%; gap:3vmin } 
.visualSlide_wrap .slogan .t1 { font-size:7.7vmin; font-weight:700; text-transform: uppercase; line-height:1.1; letter-spacing:-.05em; word-spacing:.05em } 
.visualSlide_wrap .slogan .t2 { font-size:4vmin; opacity:.7 } 
.visualSlide_wrap .slogan .t1 .el { display:block; overflow:hidden } 
.visualSlide_wrap .slogan .t1 .el > i { transform:translateY(10vh); transition:1s } 
.visualSlide_wrap .slogan .t2 { opacity:0; transform:scale(1.2) } 
.visualSlide_wrap .slogan .t2.point { opacity: 1; color: var(--siteC3); font-weight: 700; font-size: 4vmin; } 
.visualSlide_wrap .swiper-slide-active .slogan .t1 .el > i { transform:translateY(0) } 
.visualSlide_wrap .swiper-slide-active .slogan .t1 .el:nth-child(2) > i { transition-delay:.3s } 
.visualSlide_wrap .swiper-slide-active .slogan .t2 { opacity:.7; transform:scale(1); transition:1s; transition-delay:.3s } 
.visualSlide_wrap .swiper-slide-active .slogan .t2.point { opacity: 1; } 
.visualSlide_wrap .keyword { display:flex; align-items:center; gap:1em; margin-top:2em } 
.visualSlide_wrap .keyword > li { transform:translateY(100%); opacity:0 } 
.visualSlide_wrap .keyword > li > a { display:flex; align-items:center; height:3em; border:1px solid rgba(255,255,255,.5); border-radius:2em; padding:0 2em; color:#fff; transition:.3s } 
.visualSlide_wrap .keyword > li > a .tt { font-weight:700; font-size:1.25em; display:flex; align-items:center; gap:.25em } 
.visualSlide_wrap .keyword > li > a .tt:before { /* content:"#"; font-style:italic */ } 
.visualSlide_wrap .keyword > li > a .tt:after { content:"\e907"; font-family:xeicon; position:absolute; right:0; top:50%; transform:translateY(-50%); font-weight:normal; font-size:.75em; opacity:0; transition:.3s } 
.visualSlide_wrap .keyword > li > a:hover { background:var(--siteC); border-color:transparent; padding-left:1.5em; padding-right:2.5em } 
.visualSlide_wrap .keyword > li > a:hover .tt:after { opacity:1; right:1em } 
.visualSlide_wrap .swiper-slide-active .keyword > li { transform:translateY(0); opacity:1; transition:.5s } 
.visualSlide_wrap .swiper-slide-active .keyword > li:nth-child(1) { transition-delay:1s } 
.visualSlide_wrap .swiper-slide-active .keyword > li:nth-child(2) { transition-delay:1.3s } 
.visualSlide_wrap .swiper-slide-active .keyword > li:nth-child(3) { transition-delay:1.6s } 
.visualSlide_wrap .swiper-slide-active .keyword > li:nth-child(4) { transition-delay:1.9s } 
.visualSlide_wrap .swiper-slide-active .keyword > li:nth-child(5) { transition-delay:2.2s } 

.visualSlide_control { margin:4vmin 0 4vmin 0; display:flex; align-items:flex-end; width:100% } 
.visualSlide_control .paging .swiper-pagination-progressbar-fill { transition-duration:3s !important } 
.visualSlide_control .control { width:100%; gap:2em } 
.visualSlide_control .paging { width:5em; text-align:center; margin:0 6vmin } 
.visualSlide_control .paging .swiper-pagination-current { font-weight:700 } 
.visualSlide_control .paging { display:flex; gap:1em } 
.visualSlide_control .paging .swiper-pagination-bullet { display:flex; align-items:center; gap:.25em; margin:0; border:none; width:auto; height:auto } 
.visualSlide_control .paging .swiper-pagination-bullet .t1 { font-size:.875em } 
.visualSlide_control .paging .swiper-pagination-bullet .t1:after { content:"." } 
.visualSlide_control .paging .swiper-pagination-bullet .t2 { font-size:1.125em; font-weight:700; overflow:hidden; width:0 } 
.visualSlide_control .paging .swiper-pagination-bullet .line { display:block; height:2px; background:rgba(255,255,255,.2); width:3em; position:relative } 
.visualSlide_control .paging .swiper-pagination-bullet .line:after { content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#fff } 
.visualSlide_control .paging .swiper-pagination-bullet-active,
.visualSlide_control .paging .swiper-pagination-bullet-active .line { flex:1; min-width:0 } 
.visualSlide_control .paging .swiper-pagination-bullet.swiper-pagination-bullet-active { transform:rotate(0); background:none } 
.visualSlide_control .paging .swiper-pagination-bullet.swiper-pagination-bullet-active .line:after { width:100%; transition:5s ease-out; } 
.visualSlide_control .paging .swiper-pagination-bullet.swiper-pagination-bullet-active .t2 { width:auto } 

.visualSlide_wrap > .swiperPauseWrap.wide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } 
.visualSlide_wrap > .swiperPauseWrap.wide .swiperBtn { width: 100%; height: 100%; background: transparent; } 
.visualSlide_wrap > .swiperPauseWrap.wide .swiperBtn:before { display: none !important; } 

.mainScroll { width:13vmin; position:relative } 
.mainScroll .svgtt { width:100%; height:100% } 
.mainScroll .svgtt .tt { font-weight:700; text-transform:uppercase; letter-spacing:.188em; font-size:1.25em; fill:#fff } 
.mainScroll .in { position:absolute; left:10%; top:10%; width:80%; height:80%; border-radius:50%; display:flex; align-items:center; justify-content:center; text-align:center; box-sizing:border-box } 
.mainScroll .in .ico1 { font-size:2em; margin-right:-.25em } 

.mainBox { padding:10vmin 0; overflow:hidden; position:relative } 
.mainBox.p1 { padding:12vmin 0 } 
.mainBox.bg1 { background:#f4f8ff } 
.mainBox .wrapBg { position:absolute; left:0; top:0; width:100%; height:100% } 
.mainBox .wrapBg:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5 } 
.mainBox .wrapF { display:flex; gap:4vmin 8vmin; position:relative; align-items:center } 
.mainBox .wrapF .wrapTit { width:40vmin } 
.mainBox .wrapF .wrapCon { flex:1; min-width:0 } 
.mainBox .wrapF.col { flex-direction:column } 

.mainTit { display:flex; flex-direction:column; gap:1.5em } 
.mainTit.ac { align-items:center; text-align:center } 
.mainTit .tit0 { font-weight:900; text-transform:uppercase; line-height:1 } 
.mainTit .tit0 > span { font-size:6.5vmin; position:relative; display:inline-flex; letter-spacing:-.1vmin; word-spacing:.1vmin } 
.mainTit .tit0 > span:after { content:""; position:absolute; left:100%; top:0; width:1vmin; height:1vmin; border-radius:50%; background:var(--siteC); opacity:0; transform:translate(100%,-50%) } 
.mainTit .tit0 > span.on:after { opacity:1; transition:1s; transition-delay:.5s } 
.mainTit .tit1 { font-size:2.875em; font-weight:700; letter-spacing:-.05em; word-spacing:.1em; line-height:1.1 } 
.mainTit .tt1 { filter:opacity(.6); font-weight:500; font-size:1.313em; line-height:1.5 } 
.mainTit .mgL { margin-left:auto } 
.mainTit.white { filter:brightness(0) invert(1) } 
.mainTit.white .tt1 { opacity:.8 } 

.mainMore { display:inline-flex; align-items:center; padding:0 1.5em; height:3em; font-size:.938em; border:1px solid var(--siteC); background:var(--siteC); color:#fff; gap:.5em; border-radius:.5em; margin-top:2em; transition:.3s } 
.mainMore .tt { font-weight:700 } 
.mainMore .arrow { font-size:1em; margin-left:1em; transition:.3s } 
.mainMore .arrow:before { content:"\e907" } 
.mainMore:hover { border-color:transparent; background:var(--siteC); color:#fff } 
.mainMore:hover .arrow { transform:translateX(50%) } 

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

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

#nav { position: fixed; right:0; width:auto; top:50%; z-index:1; transform:translateY(-50%); background:var(--siteC); border-radius:3em 0 0 3em; padding:2em 1em } 
#nav > li > a { color:var(--siteC); height:1.5em; position:relative } 
#nav > li > a .dot { width:.5em; height:.5em; border-radius:50%; border:1px solid #fff; position:relative } 
#nav > li > a .dot:after { content:""; position:absolute; left:50%; top:50%; width:200%; height:200%; border:1px solid #fff; transform:translate(-50%, -50%); border-radius:50%; opacity:0 } 
#nav > li > a .tt { position:absolute; top:50%; transform:translateY(-50%); right:100%; margin-right:1.5em; white-space:nowrap; opacity:0; background:var(--siteC); color:#fff; border-radius:1em; padding:0 1em; height:1.5em; display:flex; align-items:center } 
#nav > li > a .t1 { font-size:.75em; font-weight:500 } 
#nav > li:hover > a .dot,
#nav > li.on > a .dot { background:#fff } 
#nav > li:hover > a .dot:after,
#nav > li.on > a .dot:after,
#nav > li:hover > a .tt { opacity:1; transition:.3s } 

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

.section { position:relative; overflow:hidden } 
.section .actWrap { box-sizing:border-box; height:100%; overflow:hidden } 
.section .wrapBg { position:absolute; left:0; top:0; width:100%; height:100% } 
.section .wrapIn { position:relative; box-sizing:border-box; height:100%; padding-top:calc(var(--headerH) + 5vw); padding-bottom:5vw; display:flex; flex-direction:column; gap:3vmax } 
.section.fp-auto-height .wrapIn { padding-top:5vw } 

.mainCompany .wrapBg { background:#fff; background-position:right bottom; background-size: cover; } 
.mainCompany .companyW { display:flex; gap:10vmin } 
.mainCompany .companyW .vodW { width:40% } 
.mainCompany .companyW .vodW .vod_wrap { box-shadow:0 0 1em rgba(0,0,0,.1) } 
.mainCompany .companyW .vodW .tit { padding:1em; text-align:center; font-weight:700; font-size:1.188em } 
.mainCompany .companyW .conW { flex:1; min-width:0 } 
.mainCompany .companyW .conW .link { display:flex } 
.mainCompany .companyW .conW .link > li { flex:1; min-width:0 } 
.mainCompany .companyW .conW .link > li > a { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.5em; text-align:center; position:relative; box-sizing:border-box; padding:2em 0 3em 0; border-radius:1em } 
.mainCompany .companyW .conW .link > li > a:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; opacity:0; border-radius:1em; transition:.3s } 
.mainCompany .companyW .conW .link > li:not(:last-child) > a:after { content:""; position:absolute; right:-1px; top:50%; width:1px; height:80%; transform:translateY(-50%); background:rgba(0,0,0,.1) } 
.mainCompany .companyW .conW .link > li > a .ico { position:relative; height:12vmin; display:flex; align-items:center; justify-content:center } 
.mainCompany .companyW .conW .link > li > a .ico img { height:45% } 
.mainCompany .companyW .conW .link > li > a .tt { position:relative; font-weight:700; color:#555; font-size:1.188em } 
.mainCompany .companyW .conW .link > li:hover > a { position:relative; background:#fff } 
.mainCompany .companyW .conW .link > li:hover > a:after { background:none } 
.mainCompany .companyW .conW .link > li:hover > a:before { opacity:1; box-shadow:0 0 1em rgba(0,0,0,.1) } 

.mainBusiSlideW { flex:1; min-width:0 } 
.mainBusiSlide,
.mainBusiSlide .el,
.mainBusiSlide .el .in { height:100% } 
.mainBusiSlide { overflow:visible !important } 
.mainBusiSlide .el { width:33% } 
.mainBusiSlide .el .in { position:relative; border-radius:1em; overflow:hidden; box-sizing:border-box; margin:1em } 
.mainBusiSlide .el .in:before,
.mainBusiSlide .el .in:after { content:""; position:absolute; width:100%; height:100%; border-radius:inherit; border:.5em solid var(--siteC); box-sizing:border-box; transform:scale(0); z-index:1 } 
.mainBusiSlide .el .in:before { left:0; top:0; border-right:none; border-bottom:none; transform-origin:0% 0%; } 
.mainBusiSlide .el .in:after { right:0; bottom:0; border-left:none; border-top:none; transform-origin:100% 100%; } 
.mainBusiSlide .el .in .bg { position:absolute; left:0; top:0; width:100%; height:100% } 
.mainBusiSlide .el .in .con { position:relative; height:100%; box-sizing:border-box; padding:10%; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; color:#fff; background: linear-gradient(0deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 70%) } 
.mainBusiSlide .el .in .con .t0 { font-weight:700; opacity:.7; padding:0 0 .25em .25em } 
.mainBusiSlide .el .in .con .t1 { font-weight:600; font-size:2.5em } 
.mainBusiSlide .el .in .con .mainMore { transform:translateY(5vmin); opacity:0; margin-top:-3em } 
.mainBusiSlide .el .in:hover:before,
.mainBusiSlide .el .in:hover:after { transform:scale(1); transition:.5s } 
.mainBusiSlide .el.swiper-slide-active .in .con .mainMore { transform:translateY(0); opacity:1; margin-top:2em; transition:.5s } 

.mainNews,
.mainNews > div { overflow:visible !important } 
.mainNews .wrapObj { width:50vw; height:50vw; background:var(--siteC); opacity:.1; position:absolute; right:50%; top:30%; border-radius:50%; animation: mainNewsObjAni 5s infinite alternate; filter:blur(2em) } 
.mainNews .wrapObj.d1 { width:20vw; height:20vw; right:-10vw; top:-10vw; background:green } 
.mainNews .wrapObj.d2 { width:20vw; height:20vw; right:-5vw; top:50vw; background:orange } 
@keyframes mainNewsObjAni { 50% { transform:translate(-5%, -10%) skew(20deg) scale(1.1) } 
100% { transform:translateY(0) } 
 }
.mainNewsSlideW { margin:-1em } 
.mainNewsSlide .el { width:25%; height:auto; box-sizing:border-box } 
.mainNewsSt { box-sizing:border-box; height:calc(100% - 2vmin); display:flex; flex-direction:column; background:#fff; margin:1em; box-shadow:0 0 1em rgba(0,0,0,.1); transition:.3s } 
.mainNewsSt .imgW { border-radius:1em; box-shadow:0 0 1em rgba(0,0,0,.2); overflow:hidden } 
.mainNewsSt .imgW .resize { padding-bottom:66.66% } 
.mainNewsSt .conW { display:flex; flex-direction:column; align-items:flex-start; gap:.5em; padding:2em } 
.mainNewsSt .conW .tDate { font-size:.875em; opacity:.5 } 
.mainNewsSt .conW .tTit { font-size:1.25em; font-weight:700; margin-bottom:1em } 
.mainNewsSt:hover { background:var(--siteC); color:#fff } 
.mainNewsSt:hover .imgW .resize { transform:scale(1.1); transition:.5s } 
.mainNewsSlide_control { margin:2vmin 0 0 2vmin } 

.mainGlobal .mainTit { position:absolute; left:0; top:0; width:100%; padding-top:inherit; box-sizing:border-box } 
.mainGlobal .bgW { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:95vw; padding:inherit } 
.mainGlobal .bgW img { width:100% } 
.mainGlobal .bgW .el { --lineW : 5vw; --lineH : 2vw; position:absolute } 
.mainGlobal .bgW .el .dot { position:relative; width:.5em; height:.5em; background:var(--siteC); border-radius:50% } 
.mainGlobal .bgW .el .line { position:absolute; left:50%; bottom:50%; transform:rotate(-45deg); width:var(--lineH); border-bottom:1px dashed #000; transform-origin:0 0 } 
.mainGlobal .bgW .el.lineW1 .line{ width: 6.4vw;}
.mainGlobal .bgW .el.lineW2 .line{ width: 9.6vw;}
.mainGlobal .bgW .el .line:after { content:""; position:absolute; left:100%; top:0; width:var(--lineW); border-bottom:1px dashed #000; transform:rotate(45deg); transform-origin:0 0 } 
.mainGlobal .bgW .el .con { position:absolute; left:var(--lineW); bottom:calc(var(--lineH) * .8); box-sizing:border-box; white-space:nowrap; transform:translateY(50%) } 
.mainGlobal .bgW .el .con .in { background:#fff; border:3px solid var(--siteC); padding:0 1em; border-radius:2em; box-sizing:border-box; height:2.5em; display:flex; align-items:center; } 
.mainGlobal .bgW .el .con .t1 { font-size:.875em; font-weight:700 } 
.mainGlobal .bgW .el.e1 { left:41.8%; top:42.5%}
.sub .mainGlobal .bgW .el.e1{ top: 41.5%;} 
.mainGlobal .bgW .el.e2 { left:42%; top:43.5%} 
.sub .mainGlobal .bgW .el.e2{ left: 42.1%; top: 43%;}
.mainGlobal .bgW .el.e3 { left:39.5%; top:44.5% } 
.mainGlobal .bgW .el.e4 { left:37%; top:50% } 
.sub .mainGlobal .bgW .el.e4 { top: 51%; } 
.mainGlobal .bgW .el.e5 { left:36.2%; top:55.5% } 
.sub .mainGlobal .bgW .el.e5 { top: 57.5% } 
.mainGlobal .bgW .el.down .line { transform:rotate(45deg); left:100%; top:auto; bottom:0 } 
.mainGlobal .bgW .el.down .line:after { transform:rotate(-45deg) } 
.mainGlobal .bgW .el.down .con { bottom:auto; top:calc(var(--lineH) * .8); transform:translateY(-50%) } 
.mainGlobal .bgW .el.right .con { left:auto; right:var(--lineW) } 
.mainGlobal .bgW .el.down.lineW1 .con { bottom:auto; top:calc(6vw * .8); transform:translateY(-50%); left: 6vw;} 
.mainGlobal .bgW .el.right.lineW1 .con { left:auto; right:6vw; } 
.mainGlobal .bgW .el.down.lineW2 .con { bottom:auto; top:calc(9vw * .8); transform:translateY(-50%); left: 9vw;} 
.mainGlobal .bgW .el.right.lineW2 .con { left:auto; right:9vw; } 
.mainGlobal .bgW .el.right .line { transform:rotate(225deg) } 
.mainGlobal .bgW .el.right .line:after { transform:rotate(-45deg) } 
.mainGlobal .bgW .el.right.down .line { transform:rotate(135deg) } 
.mainGlobal .bgW .el.right.down .line:after { transform:rotate(45deg) } 
.mainGlobal .bgW .el .dot { transform:scale(10); opacity:0 } 
.mainGlobal .bgW .el .line,
.mainGlobal .bgW .el .con { opacity:0 } 
.mainGlobal .bgW .el.on .dot { transform:scale(1); opacity:1; transition:.5s } 
.mainGlobal .bgW .el.on .line,
.mainGlobal .bgW .el.on .con { opacity:1 } 
.mainGlobal .bgW .el.on:nth-of-type(1) > * { transition-delay:.3s } 
.mainGlobal .bgW .el.on:nth-of-type(2) > * { transition-delay:.6s } 
.mainGlobal .bgW .el.on:nth-of-type(3) > * { transition-delay:.9s } 
.mainGlobal .bgW .el.on:nth-of-type(4) > * { transition-delay:1.2s } 
.mainGlobal .bgW .el.on:nth-of-type(5) > * { transition-delay:1.5s } 
.mainGlobal .bgW .el.on:nth-of-type(6) > * { transition-delay:1.8s } 
.mainGlobal .bgW .el.on:nth-of-type(7) > * { transition-delay:2.1s } 
.mainGlobal .bgW .el.on .con:hover .in { background:var(--siteC); color:#fff; border-color:#fff } 
.mainGlobal .locSlider_container{ margin-top: auto;}
.mainGlobal .list { } 
.mainGlobal .list .el { } 
.mainGlobal .list .wrap_in { text-align:center; box-sizing:border-box; width:100%; height:100%; display:flex; flex-direction:column; justify-content:flex-end; box-sizing:border-box; padding-bottom:0 } 
.mainGlobal .list .wrap_in .img_wrap { box-sizing:border-box; background:#ddd; border-radius:1em; overflow:hidden; box-shadow:0 0 2em rgba(0,0,0,.1) } 
.mainGlobal .list .wrap_in .img_wrap .resize { padding-bottom:66.25% } 
.mainGlobal .list .wrap_in .con_wrap { padding:1em; text-align:left; box-sizing:border-box; display:flex; flex-direction:column; gap:3em 0; text-align:center } 
.mainGlobal .list .wrap_in .con_wrap .tit { font-weight:700; height: 2em; font-size:1.25em; line-height:1em; overflow:hidden } 

.mainManage .list,
.mainManage .list > li,
.mainManage .list > li .bg { height:100%; box-sizing:border-box } 
.mainManage .list { display:flex; align-items:flex-start; width:100%; overflow:hidden } 
.mainManage .list > li { flex:1; position:relative; overflow:hidden } 
.mainManage .list > li .bg { overflow:hidden; position:relative } 
.mainManage .list > li .bg:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.2 } 
.mainManage .list > li .con { position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; padding:20% 15%; display:flex; flex-direction:column; gap:1em; color:#fff } 
.mainManage .list > li .con .t1 { font-size:2.25em; font-weight:700 } 
.mainManage .list > li .con .t2 { font-size:1.25em; line-height:1.5 } 
.mainManage .list > li:first-child .bg { border-top-left-radius:2em; border-bottom-left-radius:2em } 
.mainManage .list > li:last-child .bg { border-top-right-radius:2em;; border-bottom-right-radius:2em } 

/**sub**/

/*서브 공통*/
.page_tit { position: relative; margin:0 0 2em 0 } 
.main .page_tit { margin: 0 0 3.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.m3 { margin-bottom: 3.5em; } 
.page_tit .tt { } 
.page_tit .tt * { vertical-align:baseline; } 
.page_tit .tt .info-tt { color: #888; font-size: 0.875rem; margin-top: 5px; } 
.page_tit .t0 { font-size: 3.615em; font-weight: 700; line-height: 1.2; letter-spacing: -0.03em; } 
.page_tit .t1 { font-size: 2.815em; font-weight: 700; line-height: 1.3; letter-spacing: -0.03em; } 
.page_tit .t2 { font-size: 1.815em; font-weight: 700; line-height: 1.3; } 
.page_tit .t2:first-child { margin-top:0; } 
.page_tit .t3 { font-weight:700; font-size:1.515em; text-transform: uppercase; font-family: var(--fontBase); } 
.page_tit .t4 { font-weight:600; font-size:2.615em; 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.315em; line-height: 1.6; color:#555; margin-top: 1em; } 
.page_tit .t8.s1 { font-size: 1.063em; } 
.page_tit .t8.s2 { font-size: 1.15em; } 
.page_tit .t8.cw { color: rgba(255,255,255, .8); } 
.page_tit .t9 { font-weight: 600; font-size: 2.215em; } 

.page_tit .cline { position: relative; } 
.page_tit .cline:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 30%; transform: scaleX(0); transform-origin: left center; transition: 1s ease; background: var(--siteC); opacity: .2; content: ''; z-index: -1; } 
.page_tit .cline.on:before { transform: scaleX(1); } 

.marqueeAni { animation-name: marqueeAni; animation-duration: 30s; animation-timing-function:linear; animation-iteration-count: infinite } 
@keyframes marqueeAni { 
 0% { transform:translateX(0); } 
100% { transform:translateX(-50%); } 
 }
.marqueeAni.sp1 { animation-duration: 40s; } 
.page_mq { overflow:hidden; } 
.page_mq .mqTT { display:flex; flex-shrink:0; white-space:nowrap; text-transform: uppercase; } 
.page_mq .mqTT.bod { border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; } 
.page_mq .mqTT.c1 { color: rgba(255,255,255, .7); } 
.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: 800; line-height: 1; } 
.page_mq .mv_tit .tit.fs1 { font-size: 9em; } 
.page_mq .mv_tit .tit.fs2 { font-size: 20em; } 

.page_conWrapper { } 
.page_conWrapper .page_con { padding-top: 6em; } 
.page_conWrapper .page_con:first-of-type { padding-top: 0; } 
.page_conWrapper .page_con.pori { padding-top: 6em; } 

.page_dot_list { } 
.page_dot_list > li { position: relative; padding-left: 1em; margin-bottom: .5em; } 
.page_dot_list > li:before { position: absolute; left: 0; content: '-'; } 
.page_dot_list > li:last-of-type { margin-bottom: 0em; } 

.page_dot_list.limb > li { margin-bottom: 0; } 

.page_dot_list.ct1 > li { color: #333; } 
.page_dot_list.ct2 > li { color: #666; } 

.page_dot_list.s0 > li { font-size: 1em; } 
.page_dot_list.s1 > li { font-size: 1.19em; } 

.page_dot_list.ty2 > li { padding-left: .75em; } 
.page_dot_list.ty2 > li:before { position: absolute; top: 9px; left: 0; width: 4px; height: 4px; background: var(--siteC); content: ''; } 

.pageWrapper .page_con { position:relative; padding: 0 0 6em 0; } 
.pageWrapper .page_con:last-of-type { padding-bottom: 0em; } 
.pageWrapper .page_con.pori { padding: 6em 0; } 

.poly_logo { margin-bottom: 1.5em; } 
.poly_logo > img { height: 60px; object-fit: contain; } 

.descWrap { } 
.descWrap > li { font-size: 16px; font-weight: 500; line-height: 1.6; margin-top: 1em; } 
.descWrap > li:first-of-type { margin-top: 0; } 
.descWrap.wet1 > li{ font-weight: 400;}
.descWrap.s1 > li { font-size: 17px; } 
.descWrap.s2 > li { font-size: 24px; } 
.descWrap.m1 > li { margin-top: .5em; } 
.descWrap.c1 > li { color: #fff } 

/*미디어 영상*/
.media_wrap { padding-top: 2em; } 
.media_wrap .media_list { } 
.media_wrap .media_list > li { } 
.media_wrap .media_list > li > .in { margin: 0 0 4em 2em; display: block; } 
.media_wrap .media_list > li > .in .video_Con { width: 100%; height: 20em; border-radius: 1em; overflow: hidden; } 
.media_wrap .media_list > li > .in .video_Con > img { width: 100%; height: 100%; object-fit: cover; transition: all .3s; } 
.media_wrap .media_list > li > .in:hover .video_Con > img { transform: scale(1.05); } 
.media_wrap .media_list > li > .in > .title_con { padding-top: 1em; margin-bottom: .75em; font-size: 1.25em; font-weight: 700; color: #111; } 
.media_wrap .media_list > li > .in > .date { align-items: center; font-size: .95em; color: #666; } 
.media_wrap .media_list > li > .in > .date > .xi { margin-right: .25em; } 

/*인사말*/
.greeting_wrapper { } 
.greeting_wrapper .greetingTop { /* padding-bottom: 3.5em; */ } 
.greeting_wrapper .greetingTop > .page_tit > .t0 { text-transform: uppercase; font-weight: 800; } 
.greeting_wrapper .greetingBtm { position: relative; padding-bottom: 12em; background: #f1f1f1; } 
.greeting_wrapper .greetingBtm .BtmContainer { position:relative; } 
.greeting_wrapper .greetingBtm .BtmContainer .txtWrap { width: 56%; } 
.greeting_wrapper .greetingBtm .subtxt { position: relative; top: 2.5em; margin-bottom: 1em; font-size: 1.415em; line-height: 1.4; font-weight: 600; } 
.greeting_wrapper .greetingBtm .page_mq { position: absolute; width: 100%; left: 0; bottom: -1.25em; } 
.greeting_wrapper .greetingBtm .ceoImg { position: absolute; right: 0; bottom: 0; width: 40%; height: 46.5em; z-index: 2; border: 1px solid #ddd; } 
.greeting_wrapper .greetingBtm .ceoImg > img { width: 100%; height: 100%; object-fit: cover; } 
.greeting_wrapper .greetingTxt { padding-top: 3.5em; } 
.greeting_wrapper .greetingTxt .tt { font-size: 1.215em; color: #444; line-height: 1.4; font-weight: 500; margin-bottom: 1em; } 
.greeting_wrapper .greetingTxt .tt:last-of-type { margin-bottom: 0; } 
.greeting_wrapper .greetingTxt .ceo_info {display: flex; gap: 1.5em; margin-top: 2em; align-items: flex-end;}
.greeting_wrapper .greetingTxt .ceo_info .sign{height: 3em;}
.greeting_wrapper .greetingTxt .ceo_info .sign img{width: 100%; height: 100%;}
.greeting_wrapper .greetingTxt .ceo { font-size: 1.215em; font-weight: 500; color: #111; line-height: 1; } 
.greeting_wrapper .greetingTxt .ceo .owner { font-size: 1.515em; letter-spacing: 0.3em; margin-left: .25em; font-weight: 700; } 

/*메인 어바웃*/
.overview_introWrap { } 
.overview_introWrap .intro_title { font-size: 55px; font-weight: 700; color: #171717; text-align: center; margin-bottom: 1.75em; } 
.introInner { position: relative; width: 100%; box-sizing: border-box; height: 100vh; } 
.introInner .imgCon { position: relative; width: 100%; height: 100%; } 
.introInner .imgCon:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .5); content: ''; } 
.introInner .innerWrap { position: absolute; width: 100%; top: 50%; box-sizing: border-box; left: 0; transform: translateY(-50%); z-index: 2; } 
.introInner .innerWrap .t1 { font-size: 2.515em; font-weight: 800; color: #fff; margin-bottom: 2em; } 
.introInner .innerWrap .t1 > i { font-size: 1.215em; } 

.introInner .descWrap.s2 > li > b{ font-size: 28px;}
 
.company_wrapper { position: relative; height: 200vh; color: #fff; /* margin-top: 100vh; */ background: #fff; z-index: 2; } 
.company_wrapper .sticky { overflow: hidden; position: sticky; top: 0; left: 0; width: 100%; height: 100vh; } 
.company_wrapper .heading { position: absolute; width: 100%; text-align: center; font-size: 55px; font-weight: 700; color: #171717; text-transform: uppercase; } 
.company_wrapper .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.company_wrapper .background > img { width: 100%; height: 100%; object-fit: cover; } 
.company_wrapper .background .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .5); z-index: 1; } 
.company_wrapper .background .vod_wrap { position:relative; width: 100%; height: 100%; } 
.company_wrapper .background .vod_wrap:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .15); z-index: 1; content: ''; } 
.company_wrapper .background .vod_wrap > .vod { width: 100%; height: 100%; object-fit: cover; } 
.company_wrapper .heading-1 { top: 4.5vh; } 
.company_wrapper .heading-2 { top: 66.5vh; } 
.company_wrapper .heading-2 { display: flex; align-items: center; justify-content: center; } 
.company_wrapper .midLine { display: inline-block; margin: 0 .75em; width: 2em; height: 5px; background: #000; } 
.company_wrapper .main-heading { color: inherit; } 
.company_wrapper .contents { position:relative; margin-right: auto; margin-left: auto; /* padding-top: 180px; */ height: 100%; } 
.company_wrapper .contents .infoTxt-wrapper { position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
.company_wrapper .contents .infoTxt-wrapper .boxSub { display: flex; flex-direction: column; justify-content: space-between; gap: 5em; } 
.company_wrapper .contents .left-tit { width: 100%; z-index: 2; } 
.company_wrapper .contents .text-wrap { width: 50%; margin-left: auto; z-index: 2; } 
.company_wrapper .contents .main-badge { font-size: 3.15em; font-weight: 800; margin-bottom: 1em; } 
.company_wrapper .contents .text-wrap .main-heading { font-size: 1.25em; line-height: 1.4; font-weight: 500; margin-bottom: 20px; word-break: keep-all; } 
.company_wrapper .link-primary-light { margin-top: 0; } 
.overview-wrapper { display: flex; gap: 3em; } 
.overview-wrapper .imgCon { width: 30%; border-radius: 1em; overflow: hidden; } 
.overview-wrapper .imgCon > img { width: 100%; height: 100%; object-fit: cover; } 
.overview-wrapper .overview_table { width: 70%; } 

.overview_numWrap { display: flex; flex-wrap: wrap; margin-top: 4em; gap: 2em; } 
.overview_numWrap .box-item { display: flex; height: 18.5em; flex-direction: column; justify-content: center; position: relative; width: calc((100% - 4em) / 3); flex: auto; text-align: center; padding: 2em 1em; border-radius: .5em; box-sizing: border-box; } 
.overview_numWrap .box-item:before { position: absolute; right: -1em; width: 1px; height: 100%; top: 0; background: var(--crBlack); content: ''; } 
.overview_numWrap .box-item:nth-child(3n):before,
.overview_numWrap .box-item:last-of-type:before { display: none; } 
.overview_numWrap .box-item:nth-child(1),
.overview_numWrap .box-item:nth-child(2),
.overview_numWrap .box-item:nth-child(3) { margin-top: 0; } 
.overview_numWrap .box-item .tit { font-size: 1.815em; font-weight: 600; margin-bottom: .5em; } 
.overview_numWrap .box-item > .ttCon{ overflow: hidden; height: 0; transition: height 1s;}
.overview_numWrap .box-item .tt { font-size: 1.215em; line-height: 1.4; color: rgba(0,0,0, .8); margin-bottom: 1em; transform: translateY(100%); transition: transform .8s;} 
.overview_numWrap .box-item:hover > .ttCon{ height: 4.15em;}
.overview_numWrap .box-item:hover .tt{ transform: translateY(0);}
.overview_numWrap .box-item .numCon {} 
.overview_numWrap .box-item .numCon > .tt { font-size: 1em; color: #666; line-height: 1.4; } 
.overview_numWrap .box-item .numCon > .numWrap { font-size: 3.815em; justify-content: center; display: flex; align-items: center;  } 
.overview_numWrap .box-item .numCon > .numWrap > .num { font-weight: 800; line-height: 1; transition: .3s;} 
.overview_numWrap .box-item .numCon > .numWrap > .txt { font-weight: 500; line-height: 1; } 
.overview_numWrap .box-item:hover .numCon > .tt { transform: translateY(0); } 
.overview_numWrap .box-item:hover .numCon > .numWrap > .num{ color: var(--siteC);}
.overview_numWrap .box-item .desc { margin-top: .5em; font-size: 1.415em; font-weight: 600; color: rgba(0,0,0, .5); } 
.overviewBimg { position: relative; width: 100%; height: 25em; margin-top: 10em; } 
.overviewBimg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .15); content: ''; } 
.overviewBimg .sloganT { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; } 
.overviewBimg .sloganT > .tt { font-size: 3.815em; font-weight: 800; text-transform: uppercase; color: #fff; } 

/*가치경영*/
.intro_wrapper { } 
.intro_wrapper .title { font-size: 2.15em; font-weight: 600; line-height: 1.4; margin-bottom: 1.5em; } 
.intro_wrapper .intro_con { display: flex; gap: 4em; align-items: center; margin-bottom: 6em; } 
.intro_wrapper .intro_con:last-of-type { margin-bottom: 0em; } 
.intro_wrapper .intro_con .img_con { width: 52.5%; height: 30vh; overflow: hidden; border-radius: 1em; overflow: hidden; } 
.intro_wrapper .intro_con .img_con > img { width: 100%; height: 100%; object-fit: cover; } 
.intro_wrapper .intro_con .info { width: 47.5%; } 
.intro_wrapper .intro_con .info .num { font-size: 1.315em; color: var(--siteC); margin-bottom: 1em; font-weight: 800; } 
.intro_wrapper .intro_con .info .desc_list { } 
.intro_wrapper .intro_con .info .desc_list > .tt { font-size: 1.15em; line-height: 1.6; color: #444; margin-bottom: .15em; } 
.intro_wrapper .intro_con .info .desc_list > .tt:last-of-type { margin-bottom: 0em; } 
.intro_wrapper .intro_con .info > .tit { font-size: 2.615em; font-weight: 700; } 
.intro_wrapper .intro_con .info > .sub_tit { font-size: 1.15em; line-height: 1.4; font-weight: 600; margin: 2em 0; } 

.value_txt { padding-top: 5em; } 
.value_txt > .txt { font-size: 1.815em; line-height: 1.6; color: #666; font-weight: 600; text-align: center; } 

.value_imgWrap { } 
.value_imgWrap .bg-wrapper { position: relative; display: flex; width: 100%; height: 28em; border-radius: 1em; overflow: hidden; padding: 24px; background: url(../images/sub/global_img01.jpg) no-repeat center center / cover; } 
.value_imgWrap .bg-wrapper .valueOn { display: flex; gap: 2em; width: 100%; align-items: end; } 
.value_imgWrap .bg-wrapper .valueOn > li { width: calc((100% - 2em) / 2); } 
.value_imgWrap .bg-wrapper .valueOn > li > .con { text-align: center; color: rgba(255, 255, 255, 0.8); padding: 38px 10px; border-radius: 8px; backdrop-filter: blur(20px); background: rgba(255, 255, 255, 0.1); font-size: 20px; transition: all ease .35s; } 
.value_imgWrap .bg-wrapper .valueOn > li > .con > .subTit { font-size: .915em; text-transform: uppercase; color: rgba(255,255,255, .8); margin-bottom: .75em; } 
.value_imgWrap .bg-wrapper .valueOn > li > .con > .txt { font-size: 1.515em; font-weight: 800; color: #fff; } 
.value_imgWrap .bg-wrapper .valueOn > li.on > .con { background: var(--siteC); } 

.onSlider > li { width:50%; } 
.onSlider > li .bg { opacity: 0; transition:.3s } 
.onSlider > li .con { position:relative; z-index:2; justify-content: center; border-right:1px solid rgba(255,255,255,.2); color:#fff; background: rgba(0,0,0, .3); height: 28rem; text-align:center; transition:.3s; } 
.onSlider > li .con .tit { font-weight:900; font-size:2.875em; margin-top: 2.8em; text-transform: uppercase; margin-bottom: .75em; opacity: .75; transition: .5s; } 
.onSlider > li .con .txt { font-size: 1.615em; font-weight: 700; line-height: 1.5; } 
.onSlider > li .con .txt_con { opacity: 0; transition: .5s; transform: translateY(30px); } 
.onSlider > li .con .txt_con .subtit { font-size: 1.815em; color: #fff; margin-bottom: 1em; font-weight: 700; } 
.onSlider > li:first-of-type .con .tit > i { position: relative; left: 8px; color: #bd2424; } 
.onSlider > li:nth-child(2) .tit > i { color: #2b36ad; } 
.onSlider > li .con .xi { opacity: 0; transition: .5s; transform: translateY(30px); } 
.onSlider > li .con .btnW { margin-top: 1em; opacity: 0; transition: .5s; gap: 1em; } 
.onSlider > li .con .list { color: #fff; width:auto; padding-right:1em; } 
.onSlider > li .con .list > li > span { font-weight: 700; opacity: 1; } 
.onSlider > li .con .btnW a { border: 1px solid #fff; padding: .5em 1em; width: 1em; box-sizing: border-box; display: inline-block; border-radius: 1em; transition: .5s; } 

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

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

.onSlider > li:hover .con .xi,
.onSlider > li:hover .con .btnW ,
.onSlider > li:hover .con .txt_con { transform: translateY(0); opacity: 1; } 
.onSlider > li .con .btnW a:hover { background-color: rgba(164, 0, 0, .5); } 


.value_wrapper { display: flex; justify-content: center; margin-top: 4em; } 
.value_wrapper .value_item { position: relative; } 
.value_wrapper .value_item:nth-child(1) { right: -2em; } 
.value_wrapper .value_item:nth-child(2) { left: -2em; } 
.value_wrapper .value_item .title { text-align: center; margin-bottom: 1.5em; } 
.value_wrapper .value_item .title > .line { width: 40px; height: 3px; margin: 1em auto; } 
.value_wrapper .value_item .title > .tt { font-size: 1.63em; font-weight: 500; } 
.value_wrapper .value_item .title > .tit { font-size: 2.515em; font-weight: 700; line-height: 1; } 
.value_wrapper .value_item .title.t1 > .line { background: #ba7879; } 
.value_wrapper .value_item .title.t1 > .tt { color: #ba7879; } 
.value_wrapper .value_item .title.t1 > .tit > i { color: #ba7879; } 
.value_wrapper .value_item .title.t2 > .tit > i { color: #6f72a9; } 
.value_wrapper .value_item .title.t2 > .line { background: #6f72a9; } 
.value_wrapper .value_item .title.t2 > .tt { color: #6f72a9; } 
.value_wrapper .value_item .roundItem { position: relative; width: 550px; display: flex; align-items: center; justify-content: center; height: 16em; border-radius: 300px; } 
.value_wrapper .value_item .roundItem:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 300px; opacity: .6; content: ''; } 
.value_wrapper .value_item .roundItem.b1:before { background: #bb0b0e; } 
.value_wrapper .value_item .roundItem.b2:before { background: #131baa; } 
.value_wrapper .value_item:before { content: ""; background-color: transparent; border-radius: 50%; position: absolute; bottom: -2em; left: 50%; transform: translateX(-50%); width: 80%; margin: 0 auto; height: 15px; box-shadow: 0px 22px 12px -4px #777; opacity: .85; } 

.value_wrapper .value_item .roundItem > .tt { position: relative; z-index: 2; font-size: 2.215em; font-weight: 700; color: #fff; text-align: center; line-height: 1.4; } 

/*연혁*/
.history_wrap { position:relative; padding:2em 0 0 0; overflow: hidden; } 
.history_wrap:before { position: absolute; bottom: 0em; left: 50%; transform: translateX(-50%); width: .85em; height: .85em; border-radius: 50%; background: #fff; border: .25em solid var(--siteC); content: ''; z-index: 2; } 
.history_wrap .container { position: relative; padding: 2em 0; box-sizing: border-box; } 
.history_wrap .container:before,
.history_wrap .scrollAniHis { content:""; position:absolute; left:50%; transform: translateX(-50%); top: 0em; width:2px; height:100%; background:#ddd } 

.history_wrap .scrollAniHis { height:0; background: var(--siteC); transition:.3s; } 
.history_wrap .scrollAniHis:before { content:""; position:absolute; top:0; margin-left:-.15em; width:.5em; height:.5em; background: var(--siteC); border-radius:100%; box-sizing:border-box } 
.history_wrap .scrollAniHis:after { position: absolute; width: 1.8em; height: 1.8em; background: var(--siteC); opacity: .15; border-radius: 50%; top: -.65em; margin-left: -.81em; content: ''; } 
.history_wrap .container:after { /* content:""; position:absolute; bottom:-2em; left: 50%; transform: translateX(-50%); width:1.8em; height:1.8em; background: var(--siteC); border-radius: 50%; opacity: .15; box-sizing:border-box */ } 

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

.history_wrap .ItemWrapper .hisItem:first-of-type { padding-top: 0em; } 
.history_wrap .hisItem { display: flex; align-items: start; justify-content: space-between; gap: 8em; padding: 6em 0; } 
.history_wrap .hisItem:last-of-type { padding-bottom: 4em; } 
.history_wrap .hisItem .left { width: 42%; } 
.history_wrap .hisItem .right { width: 42%; } 
.history_wrap .hisItem .left { } 
.history_wrap .hisItem .left > .imgCon { width: 100%; height: 20em; border-radius: 1em; overflow: hidden; } 
.history_wrap .hisItem .left > .imgCon > img { width: 100%; height: 100%; object-fit: cover; } 
.history_wrap .hisItem .left > .subtit { color: var(--siteC); font-size: 1.25em; font-weight: 800; margin-bottom: .5em; } 
.history_wrap .hisItem .left > .year { font-size: 3.515em; font-weight: 800; line-height: 1; margin-bottom: .8em; } 
.history_wrap .hisItem .left > .txt { font-size: 1.75em; font-weight: 600; line-height: 1.4; color: var(--crBlack); margin-top: 1em; } 

.history { } 
.history > .item { margin-bottom: 3em; } 
.history > .item:last-of-type { margin-bottom: 0em; } 
.history > .item > .year { margin-bottom: 1.25em; } 
.history > .item > .year > .tt { font-size: 1.815em; font-weight: 700; color: var(--siteC); } 
.history > .item > .list { } 
.history > .item > .list > li { } 
.history > .item > .list > li > .wrap_in { display: flex; gap: 1em; } 
.history > .item > .list > li > .wrap_in > .month { font-size: 1.15em; font-weight: 700; line-height: 1; } 
.history > .item > .list > li > .wrap_in > .detail { position: relative; top: -3px; } 
.history > .item > .list > li > .wrap_in > .detail > li { } 
.history > .item > .list > li > .wrap_in > .detail > li > .txt { font-size: 1.15em; font-weight: 700; color: rgba(0,0,0, .6); line-height: 1.4; } 

/*인증서*/
.page_certificate { } 
.page_certificate .list { gap: 6em 2em; } 
.page_certificate .list > li { position: relative; flex: 0 0 calc(25% - 1.5em); cursor: pointer; } 
.page_certificate .list > li .img-area { position: relative; height: 20em; padding: 2.5em; background: #f8f8f8; border: 3px solid transparent; transition: 0.3s; } 
.page_certificate .list > li .xi { position: absolute; left: 50%; top: 50%; display: flex; align-items: center; justify-content: center; transform: translate(-50%, -50%); width: 2.5em; height: 2.5em; border: 3px solid var(--siteC); border-radius: 50%; color: #fff; background: var(--siteC); opacity: 0; visibility: hidden; transition: 0.3s; } 
.page_certificate .list > li:hover .xi { opacity: 1; visibility: visible; } 
.page_certificate .list > li:hover .img-area { border-color: var(--siteC); } 
.page_certificate .list > li .img-area .imgfix { /* box-shadow: 0 0 30px rgba(0, 0, 0, .075); */ /* width: 240px; height: 340px; */ } 
.page_certificate .list > li .txt { margin-top: 1.5em; text-align: center; } 
.page_certificate .list > li .txt > p { font-size: 1.125rem; font-weight: 600; } 
.page_certificate .list > li .txt > span { display: inline-block; font-size: 1rem; color: var(--crGray3); margin-top: 10px; } 

/*ci*/
.ci-container .type-wrap { } 
.ci-container .type-wrap .logoBox { display: flex; gap: 2em; } 
.ci-container .type-wrap .logoBox > li { width: calc(50% - 2em); } 
.ci-container .type-wrap .logoBox > li > .img-wrap { } 
.ci-container .type-wrap .logoBox > li > .img-wrap .imgfix { position: relative; height: 21em; } 
.ci-container .type-wrap .logoBox > li > .img-wrap .imgfix > .bg { width: 100%; height: 100%; object-fit: cover; } 
.ci-container .type-wrap .logoBox > li > .img-wrap .imgfix > .logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100px; object-fit: contain; } 
.ci-container .type-wrap .logoBox > li > .img-wrap .imgfix > .logo.fil { filter: brightness(0) invert(.6); } 

.type-wrap > ul > li .img-wrap { border: 1px solid #aaa; border-radius: 5px; box-sizing: border-box; overflow: hidden; } 

.l-color { } 
.l-color .list { gap: 1em; } 
.l-color .list > li { flex: 1; } 
.l-color .list > li .palette { padding: 5em 1em 1em 2em; border-radius: 10px; } 
.l-color .list > li .palette.st1 { background: var(--siteC); } 
.l-color .list > li .palette.st2 { background: #000; } 
.l-color .list > li .palette.st3 { background: #acacac; } 
.l-color .list > li .palette > p { } 
.l-color .list > li .color-code { padding-left: 0.5em; } 
.l-color .list > li .color-code > li { margin-bottom: 1em; } 
.l-color .list > li .color-code > li dl { padding-left: 0.75em; position: relative; } 
.l-color .list > li .color-code > li dl::before { content: ''; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--siteC); } 
.l-color .list > li .color-code > li dt { min-width: 6em; } 
.l-color .list > li .color-code > li dd { } 

/*네트워크*/
.mainGlobal.subGlobal { position: relative; padding-bottom: 0; } 
.mainGlobal.subGlobal .wrapIn { padding-top: 1em; gap: 0; padding-bottom: 5vw; } 
.mainGlobal.subGlobal .bgW { position: relative; padding-bottom: 0; left: 50%; transform: translateX(-50%); } 
.mainGlobal.subGlobal .bgW img { position: relative; top: 3em; } 
.mainGlobal.subGlobal .locSlider_container{ position: absolute; width: 100%; bottom: 2em; left: 50%; transform: translateX(-50%);}

/*찾아오시는 길*/
.loc-tab { gap: 0.5em; justify-content: center; } 
.dp2_location .loc-tab > li{  flex: 1 1 calc((100% - 1.5em) / 4); max-width: calc((100% - 1.5em) / 4);}
.loc-tab > li { padding: 0.75em 1.5em; box-sizing: border-box; border-radius: .25em; background: var(--crWhite); border: 1px solid var(--crGray4); color: var(--crBlack); transition: 0.3s; cursor: pointer; flex: 1 1 calc((100% - 1em) / 3); max-width: calc((100% - 1em) / 3); display: flex ; justify-content: center; align-items: center;} 
.loc-tab > li.on,
.loc-tab > li:hover { color: var(--crWhite); background: var(--siteC); } 
.loc-tab > li > span { font-size: 1.063em; font-weight: 600; } 
.loc-tab.s1 > li { font-size: 1rem; } 
.page_location .loc-inner { margin-top: 3em; } 
.page_location .loc-inner .map-in { } 
.page_location .loc-inner .map-in iframe{ width: 100% !important;}
.page_location .loc-inner .fac_tit { font-size: 1.515em; font-weight: 700; margin-top: 1.25em; } 
.page_location .loc-inner .info { margin-top: 3em; } 
.page_location .loc-inner .info .tit { font-size: 2.15rem; font-weight: 700; flex: 0 0 50%; } 
.page_location .loc-inner .info .list { flex: 1; } 
.page_location .loc-inner .info .list > li:not(:last-child) { margin-bottom: 1.5em; } 
.page_location .loc-inner .info .list > li > dl { font-size: 1.125rem; font-weight: 600; } 
.page_location .loc-inner .info .list > li > dl > dt { color: var(--crBlack); min-width: 7em; } 
.page_location .loc-inner .info .list > li > dl > dd { color: var(--crGray3); } 

/* style 2 */
.page_location .loc-inner .info { gap: 1.5em; } 
.page_location .loc-inner .info .left { flex: 0 0 420px; } 
.page_location .loc-inner .info .left .img-area .imgfix { height: 400px; } 
.page_location .loc-inner .info .left .img-area .imgfix > img { width: 100%; height: 100%; object-fit: cover; } 

.page_location .loc-inner .info .right { flex: 1; } 

/*제품*/

/*proabout*/
.proLayout_wrap { position: fixed; top: 0; left: 0; width: 100%; overflow: hidden; } 
.proLayout_wrap .imgWrap { height: 100%; } 
.proLayout_wrap .imgWrap .bg { width: 100%; height: 100%; } 
.proaboutWrapper { position: relative; } 
.proaboutWrapper .proaboutTop { display: flex; align-items: end; height: 70vh; justify-content: center; } 
.proaboutWrapper .linkList { margin-top: 4em; margin-bottom: 14em; display: flex; flex-wrap: wrap; justify-content: center;} 
.proaboutWrapper .linkList > li { width: 20%; flex: auto; max-width: 20%;} 
.proaboutWrapper .linkList > li > .inner { display: block; height: 17em; overflow: hidden; transition: .8s; } 
.proaboutWrapper .linkList > li > .inner > .imgCon { position:relative; width: 100%; height: 100%; } 
.proaboutWrapper .linkList > li > .inner > .imgCon:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); content: ''; z-index: 1; } 
.proaboutWrapper .linkList > li > .inner > .imgCon .bg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; transition: .8s; filter: saturate(0.2); }
.proaboutWrapper .linkList > li > .inner > .imgCon .bg > img{ width: 100%; height: 100%; object-fit: cover;} 
/* .proaboutWrapper .linkList > li:nth-child(1) > .inner > .imgCon .bg { background: url(../images/sub/v_business_display.jpg) center / cover no-repeat; } 
.proaboutWrapper .linkList > li:nth-child(2) > .inner > .imgCon .bg { background: url(../images/sub/v_business_fpcb.jpg) center / cover no-repeat; } 
.proaboutWrapper .linkList > li:nth-child(3) > .inner > .imgCon .bg { background: url(../images/sub/v_business_automotive.jpg) center / cover no-repeat; } 
.proaboutWrapper .linkList > li:nth-child(4) > .inner > .imgCon .bg { background: url(../images/main/business2.jpg) center / cover no-repeat; } 
.proaboutWrapper .linkList > li:nth-child(5) > .inner > .imgCon .bg { background: url(../images/sub/v_business_apparelAcc.jpg) center / cover no-repeat; }  */
.proaboutWrapper .linkList > li > .inner > .imgCon > .innerT { position: absolute; width: 100%; text-align: center; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; } 
.proaboutWrapper .linkList > li > .inner > .imgCon > .innerT > .tit { font-size: 1.415em; font-weight: 700; color: #fff; } 
.proaboutWrapper .linkList > li > .inner > .imgCon > img { width: 100%; height: 100%; object-fit: cover; transition: .8s; filter: saturate(0.2) } 
.proaboutWrapper .linkList > li > .inner:hover { border-radius: 50%; } 
.proaboutWrapper .linkList > li > .inner:hover > .imgCon .bg { filter: saturate(1) } 

.product_head { padding: 4em 0; background: #f7f7f7; } 
.product_head .proPic { } 
.product_head .proPic > li { } 
.product_head .proPic > li > .in { margin: 0 0 2em 2em; } 
.product_head .proPic > li > .in > .imgCon { width: 100%; height: 20em; border-radius: 1em; overflow: hidden; } 
.product_head .proPic > li > .in > .imgCon > img { width: 100%; height: 100%; object-fit: cover; } 

.pageProWrap .pordInner { display: flex; align-items: center; gap: 4.6em; margin-top: 4em; padding-bottom: 6em; margin-bottom: 4em; border-bottom: 2px solid var(--crBlack); } 
.pageProWrap .pordInner > .prodImg { position: relative; width: 45%; height: 32.4em; border-radius: 1em; overflow: hidden; } 
.pageProWrap .pordInner > .prodImg > img { width: 100%; height: 100%; object-fit: cover; } 
.pageProWrap .pordInner > .prodImg.ctn { padding: 2em; box-sizing: border-box; } 
.pageProWrap .pordInner > .prodImg.ctn > img { object-fit: contain; } 
.pageProWrap .pordInner > .prodImg > .roundInfoTit { position: absolute; bottom: 2em; left: 50%; transform: translateX(-50%); display: flex; height: 2.64em; justify-content: center; background: #ebf5f4; border-radius: 100px; align-items: center; padding: 0 1.5em; box-sizing: border-box; width: 100%; } 
.pageProWrap .pordInner > .prodImg > .roundInfoTit > .tt { font-size: .975em; font-weight: 600; } 
.pageProWrap .pordInner > .prodInfo { width: 55%; } 
.pageProWrap .pordInner > .prodInfo > .roundTit { margin-bottom: 1.5em; display: inline-flex; align-items: center; justify-content: center; height: 2.84em; padding: 0 1.5em; border: 1px solid var(--siteC); color: var(--siteC); border-radius: 100px; } 
.pageProWrap .pordInner > .prodInfo > .roundTit > .tt { font-size: 1.063em; font-weight: 700; text-align: center; } 
.pageProWrap .pordInner > .prodInfo > .title { font-size: 2.515em; font-weight: 700; margin-bottom: 1em; line-height: 1; } 
.pageProWrap .pordInner > .prodInfo > .txtList { } 
.pageProWrap .pordInner > .prodInfo > .txtList > li { margin-bottom: 1.5em; } 
.pageProWrap .pordInner > .prodInfo > .txtList > li:last-of-type { margin-bottom: 0; } 
.pageProWrap .pordInner > .prodInfo > .txtList > li > .con { } 
.pageProWrap .pordInner > .prodInfo > .txtList > li > .con > .tit { font-size: 1.315em; font-weight: 700; margin-bottom: .5em; } 
.pageProWrap .pordInner > .prodInfo > .txtList > li > .con > .page_dot_list { padding: 2em; box-sizing: border-box; background: #f7f7f7; border-radius: .5em; } 

.pageProWrap { } 
.pageProWrap .page_item { margin-top: 6em; } 
.pageProWrap .page_item:first-of-type { margin-top: 0em; } 
.pageProWrap .page_item .struc_wrap { display: flex; gap: 4em; padding: 3em; box-sizing: border-box; background: #f7f7f7; border-radius: 1em; } 
.pageProWrap .page_item .struc_wrap .struc_item { display: flex; gap: 2em; align-items: center; width: calc((100% - 4em) / 2); } 
.pageProWrap .page_item .struc_wrap .struc_item .canvas_container { width: 100%; } 
.pageProWrap .page_item .struc_wrap .struc_item .canvas_container > .canvas_tit { font-size: 1.315em; font-weight: 700; margin-bottom: .5em; } 
.pageProWrap .page_item .struc_wrap .struc_item .canvas_wrap { position:relative; width: 100%; padding: 1em; border-radius: 1em; background: #fff; box-sizing: border-box; } 
.pageProWrap .page_item .struc_wrap .struc_item .canvas_wrap .wbg { position: absolute; left: 3.1em; top: 0; width: 10px; height: 100%; background-color: white; pointer-events: none; z-index: 10; } 
.pageProWrap .page_item .struc_wrap .struc_item > .struc_img { width: 40%; } 
.pageProWrap .page_item .struc_wrap .struc_item > .struc_img > img { width: 100%; height: 100%; object-fit: contain; } 
.pageProWrap .page_item .struc_wrap .struc_item > .page_dot_list { width: 60%; } 

.clothes_container { display: flex; gap: .5em; } 
.clothes_container .containerBox { position: relative; width: calc((100% - .5em) / 2); } 
.clothes_container .containerBox.ty1:before { position: absolute; left: -1em; border-radius: 100px; width: 3px; height: 100%; background: #eee; content: ''; } 
.clothes_container .containerBox.ty2:before { position: absolute; right: -1em; border-radius: 100px; width: 3px; height: 100%; background: #eee; content: ''; } 
.clothes_container .containerBox > .typeBox > .type { font-size: 1.15em; color: #50525e; margin-bottom: .25em; text-transform: uppercase; } 
.clothes_container .containerBox > .typeBox > .title { font-size: 1.515em; font-weight: 700; line-height: 1.2; } 
.clothes_container .containerBox > .typeBox { position:relative; padding-bottom: 1em; margin-bottom: 2.5em; border-bottom: 4px solid transparent; } 
.clothes_container .containerBox.ty1 > .typeBox:before { position: absolute; bottom: 0; width: 100%; height: 5px; background: #3959d2; border-radius: 100px; content: ''; } 
.clothes_container .containerBox.ty2 > .typeBox:before { position: absolute; bottom: 0; width: 100%; height: 5px; background: #0c1830; border-radius: 100px; content: ''; } 
.clothes_container .containerBox .typeBoxList { display: flex; gap: .5em; height: 86%; } 
.clothes_container .containerBox .typeBoxList > li { position: relative; width: calc((100% - .5em) / 2) } 
.clothes_container .containerBox .typeBoxList > li:before { position: absolute; right: -.25em; top: 0; width: 1px; height: 100%; background: #eee; content: ''; } 
.clothes_container .containerBox:nth-child(2) .typeBoxList > li:last-of-type:before { display: none; } 
.clothes_container .containerBox .typeBoxList li .typeInnerList { margin-top: 1em; } 
.clothes_container .containerBox .typeBoxList li .typeInnerList > li { position: relative; margin-top: .5em; } 
.clothes_container .containerBox .typeBoxList li .typeInnerList > li:first-of-type { margin-top: 0; } 
.clothes_container .containerBox .typeBoxList li .typeInnerList > li > .con { padding: .5em 1.5em; border: 1px solid #e8e8e8; background: #f7f7f7; border-radius: .15em; } 
.clothes_container .containerBox .typeBoxList li .typeInnerList > li > .con > .tt { font-size: 1.15em; font-weight: 400; color: #50525e; } 
.clothes_container .containerBox .typeBoxList li .typeInnerList.s1 > li > .con > .tt { font-size: .94em; } 
.clothes_container .containerBox .typeBoxList li .typeInnerList.s1 > li { margin-top: .25em; } 

.conBox { position: relative; display: flex; gap: .75em; align-items: center; height: 3.64em; border-radius: .25em; padding: 0 1.5em; box-sizing: border-box; } 
.conBox > .roundLine { position: relative; width: 1.84em; height: 1.84em; border-radius: 50%; background: #fff; } 
.conBox > .roundLine:before { position: absolute; width: .68em; height: .68em; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; } 
.conBox > .roundLine:after { /* position: absolute; border: 2px dashed #dbdbdb; height: 90px; top: 1.26em; left: 50%; transform: translateX(-50%); content: ''; */ } 
.containerBox.ty1 > .typeBoxList > li .conBox { background: #3959d2; color: #fff; } 
.containerBox.ty2 > .typeBoxList > li .conBox { background: #0c1830; color: #fff; } 
.containerBox.ty1 > .typeBoxList > li .conBox > .roundLine:before { background: #3959d2; } 
.containerBox.ty2 > .typeBoxList > li .conBox > .roundLine:before { background: #0c1830; } 
.containerBox > .typeBoxList > li .conBox > .tt { font-size: 1.15em; font-weight: 600; } 
.containerBox > .typeBoxList > li .conBoxInner { display: flex; flex-wrap: wrap; gap: .5em; margin-top: 20px; } 
.containerBox > .typeBoxList > li .conBoxInner > .innerItem { width: calc((100% - .5em) / 2); margin-bottom: 1.5em; } 

.conBox.s1 { font-size: .815em; } 
.conBox.s1 > .roundLine:after { height: 60px; } 
.containerBox.ty1 > .typeBoxList > li .conBox.s1 { background: #1f78b9; } 
.conBox.s1 > .roundLine:before { width: .6em; height: .6em; background: #1f78b9; } 

/* Partner*/
.partner-container { margin-top: 3em; } 
.partner-container .partner-inner { } 
.partner-container .partner-inner .p-list { } 
.partner-container .partner-inner .p-list > li { flex: 1 1 25%; max-width: 25%; display: flex; align-items: center; justify-content: center; } 
.partner-container .partner-inner .p-list > li .img-wrap { padding: 3em; box-sizing: border-box; } 
.partner-container .partner-inner .p-list > li .img-wrap .imgfix > img { filter: grayscale(1); transition: .5s; height: 130px; object-fit: contain; } 
.partner-container .partner-inner .p-list > li .img-wrap:hover .imgfix > img { filter: grayscale(0); } 

/*partner*/
.Logowrap .listCon { margin-bottom: 3.5em; } 
.Logowrap .listCon:last-of-type { margin-bottom: 0em; } 
.Logowrap .listCon .logoT { margin-bottom: 1.5em; } 
.Logowrap .listCon .logoT > .tt { font-size: 1.815em; letter-spacing: -0.05em; font-weight: 700; } 
.Logowrap .listCon li { } 
.Logowrap .listCon li > .in { } 
.Logowrap .listCon li > .in > .img_con { width: 100%; height: 7.5em; display: flex; align-items: center; justify-content: center; box-sizing: border-box; background: #f2f2f2; } 
.Logowrap .listCon li > .in > .img_con > img { width: 50%; height: 4.5em; object-fit: contain; } 

/*rnd about*/
.comImg { } 
.comImg > li { } 
.comImg > li > .in { } 
.comImg > li > .in > .imgCon { width: 100%; height: 24em; border-radius: 1em; overflow: hidden; } 
.comImg > li > .in > .imgCon > img { width: 100%; height: 100%; object-fit: cover; } 
.rnd_slogan { position: relative; height: 25em; } 
.rnd_slogan:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .25); content: ''; } 
.rnd_slogan .txtWrap { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.rnd_slogan .txtWrap .tit { font-size: 3.15em; text-transform: uppercase; text-align: center; font-weight: 800; color: #fff; line-height: 1; } 
.newpro { padding: 0 4em; box-sizing: border-box; } 
.newpro > li { display: flex; } 
.newpro > li > .in { display: flex; } 
.newpro > li > .in > .inner { position: relative; flex: 1; padding: 3em 2.5em; box-sizing: border-box; border-radius: 1em; } 
.newpro > li > .in > .inner > .roundTit { position: absolute; left: 50%; transform: translateX(-50%); top: -1.62em; display: flex; justify-content: center; border-radius: 100px; text-align: center; align-items: center; width: 22em; height: 3.24em; background: var(--siteC); color: #fff; } 
.newpro > li > .in > .inner > .roundTit > p { font-size: 1.315em; font-weight: 800; } 
.newpro > li > .in > .inner.type1 { border: 1px solid var(--siteC); } 
.newpro > li > .in > .inner.type2 { border: 1px solid #ed7821; } 
.newpro > li > .in > .inner.type2 > .roundTit { background: #ed7821; } 
.newpro > li > .in > .inner > .listCon { display: flex; flex-wrap: wrap; gap: 1em; } 
.newpro > li > .in > .inner > .listCon > li { width: calc((100% - 1em) / 2); } 
.newpro > li > .in > .inner > .listCon > li > .con { display: flex; gap: .5em; } 
.newpro > li > .in > .inner > .listCon > li > .con > .xi { color: #ddd; font-size: 1em; } 
.newpro > li > .in > .inner > .listCon > li > .con > .txt { position: relative; font-size: 1.06em; top: 1px; font-weight: 700; } 

.security_wrap { position: relative; padding: 0 4em; } 
.security_wrap .cir_inner { position: absolute; display: flex; align-items: center; flex-direction: column; justify-content: center; border-radius: 50%; background: var(--siteC); color: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 15em; height: 15em; box-shadow: 0 25px 30px #2E3B8030; } 
.security_wrap .cir_inner:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20em; height: 20em; border: 4px dotted #ffd2d2; border-radius: 50%; animation-name: rotateAni2; animation-duration: 50s; transform-origin: center; animation-timing-function: linear; animation-iteration-count: infinite; } 
.security_wrap .cir_inner .icon { } 
.security_wrap .cir_inner .icon > .xi { font-size: 5.15em; } 
.security_wrap .cir_inner .tt { font-size: 1.615em; font-weight: 800; } 
.security_wrap .security_list { } 
.security_wrap .security_list > li { display: flex; } 
.security_wrap .security_list > li.Ori { flex: 1 1 50%; max-width: 50%; } 
.security_wrap .security_list > li > .in { width: 100%; } 
.security_wrap .security_list > li > .in > .inner { box-sizing: border-box; padding: 3em; background: #f7f7f7; border-radius: 1em; height: 100%; } 
.security_wrap .security_list > li > .in > .inner > .title { font-size: 2.13em; font-weight: 800; margin-bottom: 1em; } 
.security_wrap .security_list > li > .in > .inner > .page_dot_list { } 
.security_wrap .security_list > li:nth-child(1) .in > .inner { text-align: left; } 
.security_wrap .security_list > li:nth-child(2n) .in > .inner { text-align: right; padding-left: 8em; } 
.security_wrap .security_list > li:nth-child(2n) .in > .inner .page_dot_list li:before { right: -15px; } 

@keyframes rotateAni { 100% { transform:rotate(360deg); } 
 }
@keyframes rotateAni2 { 100% { transform: translate(-50%, -50%) rotate(360deg); } 
 }


/*infra*/
.wideImg { position:relative; width: 100%; height: 30em; } 
.wideImg.blackBg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .35); content: ''; } 
.wideImg > img { width: 100%; height: 100%; object-fit: cover; } 
.wideImg .innterTxt { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 2; } 
.wideImg.round { border-radius: .5em; overflow: hidden; } 
.wideImg.h1 { height: 35em; } 
.WideImgList { } 
.WideImgList > li { } 
.WideImgList > li > .in { } 
.WideImgList > li > .in > .imgCon { width: 100%; height: 26em; border-radius: .5em; overflow: hidden; } 
.WideImgList > li > .in > .imgCon > img { width: 100%; height: 100%; object-fit: cover; } 
.WideImgList > li > .in > .infoCon { margin-top: 2em; } 
.WideImgList > li > .in > .infoCon > .title { font-size: 1.815em; font-weight: 700; margin-bottom: .75em; } 

.rnd_proWrap { box-sizing: border-box; } 
.rnd_proWrap .title { font-size: 2.15em; font-weight: 600; line-height: 1.4; margin-bottom: 1.5em; } 
.rnd_proWrap .intro_con { display: flex; align-items: center; margin-bottom: 2em; } 
.rnd_proWrap .intro_con:last-of-type { margin-bottom: 0em; } 
.rnd_proWrap .intro_con .img_con { width: 50%; height: 25em; overflow: hidden; border-radius: 1em; overflow: hidden; } 
.rnd_proWrap .intro_con .img_con > img { width: 100%; height: 100%; object-fit: cover; } 
.rnd_proWrap .intro_con .info { width: 50%; padding-left: 5em; box-sizing: border-box;  } 
.rnd_proWrap .intro_con .info .dot{font-size: 1.25em; line-height: 1.5; position: relative; padding-left: .7em; width: 80%;}
.rnd_proWrap .intro_con .info .dot::before{position: absolute; content: ''; top: 12px; left: 0; width: 5px; height: 5px; background: #111; border-radius: 100px;}
.rnd_proWrap .intro_con:nth-child(2n) .info { padding-left: 0; } 
.rnd_proWrap .intro_con .info .num { font-size: 1.315em; color: var(--siteC); margin-bottom: 1em; font-weight: 800; } 
.rnd_proWrap .intro_con .info .desc_list { } 
.rnd_proWrap .intro_con .info .desc_list > .tt { font-size: 1.15em; line-height: 1.6; color: #444; margin-bottom: .15em; } 
.rnd_proWrap .intro_con .info .desc_list > .tt:last-of-type { margin-bottom: 0em; } 
.rnd_proWrap .intro_con .info > .tit { font-size: 2.15em; font-weight: 700; margin-bottom: .75em; } 
.rnd_proWrap .intro_con .info > .sub_tit { font-size: 1.15em; line-height: 1.4; font-weight: 600; margin: 2em 0; } 

/*rnd major*/
.major-wrapper { display: flex; } 
.major-wrapper > .left { width: 45%; display: flex; justify-content: space-between; flex-direction: column; } 
.major-wrapper > .left > .topLeft { } 
.major-wrapper > .left > .topLeft > .tit { font-size: 2.815em; font-weight: 800; margin-bottom: .5em; } 
.major-wrapper > .left > .topLeft > .subtit { font-size: 1.415em; font-weight: 600; line-height: 1.3; } 
.major-wrapper > .right { width: 55%; } 
.major-wrapper > .right > .imgCon { padding: 2em; height: 45vh; box-sizing: border-box; border: 1px solid #ddd; border-radius: 1em; } 
.major-wrapper > .right > .imgCon > img { width: 100%; height: 100%; object-fit: contain; } 
.major-wrapper > .right > .imgCon.st1{padding: 0; height: auto; border: none;}
.major-wrapper > .right > .imgCon.st1 > img{border-radius: 1em;}


.majorBox { } 
.majorBox > li { display: flex; } 
.majorBox > li > .in { flex: 1; border: 1px solid #ddd; border-radius: .5em; overflow: hidden; } 
.majorBox > li > .in > .imgCon { width: 100%; height: 13em; } 
.majorBox > li > .in > .imgCon > img { width: 100%; height: 100%; object-fit: cover; } 
.majorBox > li > .in > .infoCon { } 
.majorBox > li > .in > .infoCon > .titleB { padding: .75em 0; text-align: center; background: var(--siteC); color: #fff; } 
.majorBox > li > .in > .infoCon > .titleB > .tit { font-size: 1.215em; font-weight: 700; } 
.majorBox > li > .in > .infoCon > .inner { padding: 1.5em; box-sizing: border-box; } 
.majorBox > li > .in > .infoCon > .inner > .sub_tit { font-size: 1.15em; font-weight: 700; margin-bottom: .5em; } 

/*talent*/
.comapanyInfo { position: relative; padding-bottom: 6em; } 
.comapanyInfo .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; opacity: .3; } 
.comapanyInfo .box2 { position: relative; z-index: 2; } 
.comapanyInfo .boxInfo { margin-top: 4.5em; } 
.comapanyInfo .boxInfo .boxList { } 
.comapanyInfo .boxInfo .boxList > li { } 
.comapanyInfo .boxInfo .boxList > li > .in { margin: 0 0 3em 3em; border-radius: 1em; overflow: hidden; box-shadow: 0px 19px 40px rgba(0, 0, 0, 0.11); } 
/* .comapanyInfo .boxInfo .boxList > li:nth-child(2) { margin-top: 4.5em; }  */
.comapanyInfo .boxInfo .boxList > li > .in > .imgCon { width: 100%; height: 25em; } 
.comapanyInfo .boxInfo .boxList > li > .in > .imgCon > img { width: 100%; height: 100%; object-fit: cover; } 
.comapanyInfo .boxInfo .boxList > li > .in > .txtCon { padding: 3em 2em; text-align: center; box-sizing: border-box; background: #fff; transition: .3s ease; } 
.comapanyInfo .boxInfo .boxList > li:nth-child(3) > .in > .txtCon{ padding: 2.3em 2em;}
.comapanyInfo .boxInfo .boxList > li > .in > .txtCon > .kn { font-size: 1.915em; font-weight: 700; color: var(--crBlack); margin-bottom: .45em; transition: .3s ease; } 
.comapanyInfo .boxInfo .boxList > li > .in > .txtCon > .en { font-size: 1.15em; color: rgba(0,0,0, .7); font-weight: 500; transition: .3s ease; } 
.comapanyInfo .boxInfo .boxList > li > .in:hover > .txtCon { background: var(--siteC); } 
.comapanyInfo .boxInfo .boxList > li > .in:hover > .txtCon > .kn { color: #fff; } 
.comapanyInfo .boxInfo .boxList > li > .in:hover > .txtCon > .en { color: rgba(255,255,255, .85); } 
.Cline { position: absolute; left: 50%; width: 3px; height: 8rem; bottom: -4rem; margin-left: -1.5px; background: var(--siteC3); z-index: 10; } 
.Cline:before { position: absolute; content: ''; width: 3px; height: 4rem; left: 0; top: 0; background: var(--crBlack) } 

/*culture*/
.pageLineTop { padding-bottom: 1em; border-bottom: 2px solid var(--crBlack); margin-bottom: 4em; } 
.pageLineTop.mbN { margin-bottom: 0; } 
.IconWideLay { } 
.IconWideLay .iconItem { display: flex; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 2.5em 0; } 
.IconWideLay .iconItem .icon { width: 12rem; text-align: center; padding: .5em; box-sizing: border-box; } 
.IconWideLay .iconItem .icon > img { height: 70px; object-fit: contain; } 
.IconWideLay .iconItem .tit-box { width: 20rem; } 
.IconWideLay .iconItem .tit-box > .tit { font-size: 2.15em; letter-spacing: -0.03em; font-weight: 700; text-align: center; } 
.IconWideLay .iconItem .txt-box { position: relative; width: calc(100% - 30rem); padding: 0 5rem 0 6rem; box-sizing: border-box; } 
.IconWideLay .iconItem .txt-box:before { position: absolute; content: '\e930'; font-family: 'xeicon'; font-size: 2.4rem; color: rgba(0, 0, 0, 0.5); top: 50%; left: 0; transform: translateY(-50%) rotate(90deg); } 
.IconWideLay .iconItem .txt-box .txt { padding: 0; background: none; font-size: 1.25rem; line-height: 1.7; letter-spacing: -0.03em; color: rgba(0, 0, 0, 0.5); font-weight: 500; } 

/*system*/
.boxSubImg { position: relative; width: 100%; height: 22.4em; border-radius: .5em; overflow: hidden; } 
.boxSubImg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .15); content: ''; z-index: 1; } 
.boxSubImg > img { width: 100%; height: 100%; object-fit: cover; } 
.boxSubImg .innerTit { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } 
.boxSubImg .innerTit > .tit { font-size: 2.615em; text-transform: uppercase; font-weight: 700; color: #fff; } 

.systemList { margin-top: 4em; box-sizing: border-box; } 
.systemList > li { display: flex; } 
.systemList > li > .in { position: relative; padding: 3em; flex: 1; box-sizing: border-box; border: 1px solid #e8e8e8; background: #f7f7f7; border-radius: .5em; transition: .3s; } 
.systemList > li > .in > .num { font-size: 1.15em; margin-bottom: 1em; color: var(--siteC); font-weight: 600; } 
.systemList > li > .in > .tit { font-size: 1.515em; font-weight: 700; margin-bottom: .75em; } 
.systemList > li > .in > .txt { font-size: 1.15em; font-weight: 500; line-height: 1.6; color: #444; } 
.systemList > li > .in > .txt > i { font-weight: 700; } 
.systemList > li > .in > .icon { position: absolute; top: 3em; right: 3em; } 
.systemList > li > .in > .icon > img { height: 60px; object-fit: contain; transition: .3s; } 
.systemList > li > .in > .page_dot_list { margin-top: 1.15em; } 
.systemList > li > .in > .page_dot_list > li { color: #444; } 
.systemList > li > .in:hover { background: var(--siteC); color: #fff; /* border: 1px solid var(--siteC); */ } 
.systemList > li > .in:hover > .page_dot_list > li,
.systemList > li > .in:hover > .txt,
.systemList > li > .in:hover > .txt > i,
.systemList > li > .in:hover > .num { color: #fff !important; } 
.systemList > li > .in:hover > .icon > img { filter: var(--crWhitefil); } 

/*benefit*/
.benifitList { } 
.benifitList > li { display: flex; } 
.benifitList > li > .in { position:relative; padding: 2em; flex: 1; box-sizing: border-box; background: #f7f7f7; border: 1px solid #ddd; border-radius: .5em; } 
.benifitList > li > .in .icon { margin: 0 auto; } 
.benifitList > li > .in .icon > img { height: 54px; object-fit: contain; } 
.benifitList > li > .in .num { position: absolute; top: 2em; right: 2em; font-size: 1.063em; font-weight: 700; color: #c8c8c8; border-bottom: 1px solid #c8c8c8; } 
.benifitList > li > .in .tit { font-size: 1.15em; font-weight: 700; margin-top: 1em; text-align: center; } 

/*esg intro*/
.esg_intro_container { } 
.esg_intro_container .esgTop { display: flex; align-items: center; gap: 2em; margin-bottom: 4em; box-sizing: border-box; } 
.esg_intro_container .esgTop > .page_tit { width: 60%; } 
.esg_intro_container .esgTop > .imgCon { width: 40%; } 
.esg_intro_container .esgTop > .imgCon { height: 25em; } 
.esg_intro_container .esgTop > .imgCon > img { position: relative; top: -1.5em; width: 100%; height: 100%; object-fit: contain; } 

/*re100*/
.ethical_wrap { } 
.ethical_wrap .imgCon { height: 20em; margin-bottom: 2em; border-radius: .5em; overflow: hidden; } 
.ethical_wrap .imgCon > img { width: 100%; height: 100%; object-fit: cover; } 
.ethical_wrap .message_list { width: 100%; } 
.ethical_wrap .message_list > li { background: #f7f7f7; border-radius: 5px; padding: 1em 2.5em; margin-top: 1em; box-sizing: border-box; } 
.ethical_wrap .message_list > li:first-of-type { margin-top: 0; } 
.ethical_wrap .message_list > li > dl { display: flex; align-items: center; } 
.ethical_wrap .message_list > li dt { position: relative; font-size: 1.063em; letter-spacing: -0.032em; color: var(--siteC); font-weight: 600; line-height: 1.6; width: 4.5rem; } 
.ethical_wrap .message_list > li dt:before { display: block; content: "\e930"; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(90deg); font-family: 'xeicon'; color: rgba(0, 0, 0, 0.5); font-size: 1.315em; line-height: 1.6; } 
.ethical_wrap .message_list > li dd { width: calc(100% - 7.5rem); font-size: 1.063em; letter-spacing: -0.02em; color: var(--crBlack); margin-left: 2em; line-height: 1.6; } 

/*re100*/
.re100_wrapper { position:relative; display: flex; gap: 4em; padding: 4em; box-sizing: border-box; background: #498359; border-radius: .5em; overflow: hidden; } 
.re100_wrapper .cmT { position: absolute; right: 4em; bottom: -.5em; } 
.re100_wrapper .cmT > .tt { letter-spacing: -0.05em; font-size: 6em; line-height: 1; font-weight: 900; color: rgba(255,255,255, .1); font-style: italic; } 
.re100_wrapper .leftImg { width: 35%; border-radius: .5em; overflow: hidden; } 
.re100_wrapper .leftImg > img { width: 100%; height: 100%; object-fit: cover; } 
.re100_wrapper .rightInfo { width: 65%; } 
.re100_wrapper .rto_img { padding: 1.5em 0; box-sizing: border-box; background: #f7f7f7; border-radius: .5em; } 
.re100_wrapper .rto_img > img { width: 100%; height: 100%; object-fit: contain; } 

/*inquiry*/
.table_form_wrap { } 
.table_form_wrap .form_tit { padding:1em 0 } 
.table_form_wrap .form_tit .t1 { font-weight:700; font-size:1.375em } 
.table_form_wrap .form_tit .t2 { font-weight:700; font-size:1.625em } 
.table_form_wrap .form_tit .t3 { font-weight:500; font-size:1.125em } 
.table_form > li { border-bottom:1px solid #ddd; padding:.75em 0 } 
.table_form > li:first-child { border-top:1px solid #111 } 
.table_form > li.bd0 { border-bottom:none !important } 
.table_form > li.bd1 { border-top:none !important } 
.table_form > li.p1 { padding:1.5em 0; } 
.table_form .wrap_in { display:flex; align-items:center } 
.table_form .wrap_in .ti_wrap,
.table_form .wrap_in .con_wrap { min-height:3em; box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center; } 
.table_form .wrap_in .tit_wrap { width:12em; gap:.5em 0; padding:0 1.25em; } 
.table_form .wrap_in .ti_wrap { width:12em; gap:.5em 0; padding:0 1.25em; } 
.table_form .wrap_in .tit1 { font-size:1.125em; font-weight:600; } 
.table_form .wrap_in .tit2 { font-size:1.063em; font-weight:600; } 
.table_form .wrap_in .tit3 { font-size:1.000em; font-weight:500; line-height:1.2; } 
.table_form .wrap_in .con_wrap { flex:1 1 0%; min-width:0; gap:.25em; font-size:1.063em; } 
.table_form .wrap_in .con_wrap > * { flex:1 1 0%; min-width:0 } 
.table_form .wrap_in .con_wrap .inp_tt { flex:0 0 auto; font-size:.938em; color:#666; } 
.table_form .wrap_in .con_wrap .input_st { width:100%; min-width: 8em; } 
.table_form .wrap_in .con_wrap .line { padding-top:.75em; margin-top:.75em; border-top:1px solid #ddd } 
.table_form .wrap_in .con_wrap .w1 { flex:0 0 auto; width:3em } 
.table_form .wrap_in .con_wrap .w2 { flex:0 0 auto; width:9em } 
.table_form .wrap_in .con_wrap .w50 { flex:0 0 auto; width:50% } 
.table_form .wrap_in .con_wrap .w100 { flex:0 0 auto; width:100% } 
.table_form .wrap_in .con_wrap .w_auto { flex:0 0 auto } 
.table_form .wrap_in .con_wrap .max1 { max-width:27em } 
.table_form .wrap_in .con_wrap .max2 { max-width:8.375em } 
.table_form .wrap_in .con_wrap .max3 { max-width:23.5em } 
.table_form .wrap_in .con_wrap .min1 { min-width:23.5em } 
.table_form .wrap_in.col { flex-direction:column } 
.table_form .wrap_in.col > * { flex:0 0 auto; width:100% } 
.table_form .wrap_in.col .tit_wrap { padding:0 0; } 

.filebox label { padding: 10px 20px; color: #fff; background-color: #999; cursor: pointer; margin-left: 10px; display: flex; align-items: center; justify-content: center; width: 7.25em; min-width: 6.25em; } 
.filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; } 

.qna_wrap { text-align: center; padding: 3.5em 0; margin-bottom: 2.5em; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } 
.contact_wrap .form_wrap { flex: 1 1 100%; padding: 3.5em; background: #f5f5f5; border-radius: .5em; } 

.qna_wrap .symbol { margin-bottom: .5em; } 
.qna_wrap .symbol > img { width: 3em; } 


.agree_box_wrap .check { padding: 1em 2em; text-align: center; background: var(--siteBg2); } 
.agree_box_wrap .check .sub_tt { font-size: 1.125em; font-weight: 600; } 
.agree_box_wrap .agree_box { margin-top: 1em; height: 16em; overflow-y: scroll; } 

.agree_boxS_pop { border-radius: .5em; border: 1px solid #ddd; padding: 1.5em 2em; color: #555; line-height: 1.8; font-size: 1.05em; } 

.form_label_st { display:inline-block; *display:inline; zoom:1; cursor:pointer } 
.form_label_st > * { display:inline-block; *display:inline; zoom:1; vertical-align:middle; cursor:pointer; } 
.form_label_st > .xi { font-size: 1.15em; margin: 0; } 
.form_label_st:not(.cssbrowser) .xi:before { font-family:xeicon!important; font-style:normal; font-size:1.25em; padding-right:.25em } 
.form_label_st:not(.cssbrowser) input ~ span { color:#666; font-weight: 600; } 
.form_label_st:not(.cssbrowser) input ~ .xi:before { color:#aaa } 
.form_label_st:not(.cssbrowser) input:checked ~ span { color:#333 } 
.form_label_st:not(.cssbrowser) input:checked ~ .xi:before { color:var(--siteC); } 
.form_label_st:not(.cssbrowser) input[type=checkbox] ~ .xi:before { content:"\e92e" } 
.form_label_st:not(.cssbrowser) input[type=checkbox]:checked ~ .xi:before { content:"\e92d" } 
.form_label_st:not(.cssbrowser) input:radio ~ span { color:#333 } 
.form_label_st:not(.cssbrowser) input:radio ~ .xi:before { color:var(--siteC); } 
.form_label_st:not(.cssbrowser) input[type=radio] ~ .xi:before { /* content:"\e92c" */ } 
.form_label_st:not(.cssbrowser) input[type=radio]:checked ~ .xi:before { /* content:"\e92d" */ } 
.form_label_st:not(.cssbrowser) input[type=checkbox],
.form_label_st:not(.cssbrowser) input[type=radio] { width:1em; height:1em; margin-right: .5em; overflow:hidden; } 

.form_label_wrap { height: 100%; align-items: center; } 
.form_label_wrap > li { box-sizing:border-box; margin-right: 3em; font-size: 1em; } 
.form_label_wrap > li:last-of-type { margin-right: 0em; } 
.form_label_wrap.st1 > li { flex:1 0 33.33%; max-width: 33.33%; } 
.form_label_wrap.st2 > li { flex:1 0 25%; max-width: 25%; } 
.form_label_wrap.st3 > li { flex:1 0 16.66%; max-width: 16.66%; } 

/*core*/
.center-container { } 
.center-container .center-inner { } 
.center-container .list-wrap { counter-reset: listNum; } 
.center-container .list-wrap > li { gap: 3em; margin-bottom: 7em; counter-increment: listNum; } 
.center-container .list-wrap > li:nth-child(even) { flex-direction: row-reverse; } 
.center-container .center-img-wrap { min-width: 53.75em; width: 65%; height: 55vh; position: relative; z-index: 11; } 
.center-container .center-img-wrap .img-wrap { width: 100%; height: 100%; border-radius: 2em; overflow: hidden; } 
.center-container .center-txt-wrap { padding: 1em 0; width: 35%; } 
.center-container .center-txt-wrap .number { margin-bottom: 2em; display: inline-block; position: relative; } 
.center-container .center-txt-wrap .number:before { content: ''; position: absolute; left: calc(100% + 1em); top: calc(50% - 1px); width: 35vw; height: 3px; background: #ddd; z-index: -1; } 
.center-container .center-txt-wrap .number:after { content: counter(listNum); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 1.25em; font-weight: bold; } 
.center-container .center-txt-wrap .number .num-bg { background: var(--siteC); border-radius: 1em; padding: 0.75em 1em; } 
.center-container .center-txt-wrap .title { margin-bottom: 2rem; } 
.center-container .center-txt-wrap .info { } 

.core_container{ position:relative;}
.core_container .coreItem_Wrapper{ position: absolute; display: flex; flex-wrap: wrap; width: 100%; height: 100%; top: 0; left: 0;}
.core_container .coreItem_Wrapper .coreItem{ position: relative; display: flex; gap: 1.5em; width: 50%;}
.core_container .coreItem_Wrapper .coreItem:nth-child(2n){ flex-direction: row-reverse;} 
.core_container .coreItem_Wrapper .coreItem:nth-child(3),
.core_container .coreItem_Wrapper .coreItem:nth-child(4){ align-items: end;}
.core_container .coreItem_Wrapper .coreItem .iconCon{ display: flex; align-items: center; justify-content: center; min-width: 4em; width: 4em; height: 4em; border-radius: 50%;}
.core_container .coreItem_Wrapper .coreItem .iconCon > .xi{ font-size: 1.815em;}
.core_container .coreItem_Wrapper .coreItem:nth-child(3) .iconCon,
.core_container .coreItem_Wrapper .coreItem:nth-child(4) .iconCon{ position:relative; top: -6em;}
.core_container .coreItem_Wrapper .coreItem .iconCon.cy1{ background: #e6e5e5;}
.core_container .coreItem_Wrapper .coreItem .iconCon.cy2{ background: #2b384c;}
.core_container .coreItem_Wrapper .coreItem .iconCon.cy3{ background: #9ac2d4;}
.core_container .coreItem_Wrapper .coreItem .iconCon.cy4{ background: #1c46f2;}
.core_container .coreItem_Wrapper .coreItem .iconCon > img{ height: 25px; object-fit: contain;}
.core_container .coreItem_Wrapper .coreItem .innerItem{ width: 100%;}
.core_container .coreItem_Wrapper .coreItem .innerItem > .innerTop{ margin-bottom: 1em; padding-bottom: 1em; border-bottom: 2px dashed #ddd;}
.core_container .coreItem_Wrapper .coreItem .innerItem > .innerTop > .tit{ font-size: 2.15em; font-weight: 700; line-height: 1;}
.core_container .coreItem_Wrapper .coreItem:nth-child(2n) .innerItem > .innerTop > .tit{ text-align: right;}
.core_container .coreItem_Wrapper .coreItem .innerItem > .innerBtm{ padding-right: 15em; box-sizing: border-box; height: 5em;}
.core_container .coreItem_Wrapper .coreItem:nth-child(2n) .innerItem > .innerBtm{ padding-right: 0; padding-left: 15em; text-align: right;}
.core_container .coreItem_Wrapper .coreItem .innerItem > .innerBtm > .sub-tit{ font-size: 1.315em; font-weight: 600; line-height: 1;}
.core_container .coreItem_Wrapper .coreItem .innerItem > .innerBtm > .desc{ font-size: 1.063em; line-height: 1.6; margin-top: .5em;}
.core_container .cirContainer{ position:relative; width: 500px; height: 500px; margin: 0 auto;}
.core_container .cirContainer .whiteBg{ display: flex; align-items: center; justify-content: center; position: absolute; box-shadow: 3px 0 9px rgba(0,0,0, .1); top: 50%; left: 50%; transform: translate(-50%, -50%); width: 400px; height: 400px; border-radius: 50%; background: #f7f7f7; content: ''; z-index: 2;}
.core_container .cirContainer .whiteBg > .imgCon{ width: 80%;}
.core_container .cirContainer .whiteBg > .imgCon > img{ width: 100%; height: 100%; object-fit: contain;}
.core_container .cirContainer .cirRound{ display: flex; flex-wrap: wrap; width: 100%; height: 100%;}
.core_container .cirContainer .cirRound .item{ position: relative; width: 50%; height: 50%;}
.core_container .cirContainer .cirRound .item > .xi{ position: absolute; height: 1em; width: 1em; left: 0; bottom: 0; font-size: 5em; z-index: 2;}
.core_container .cirContainer .cirRound .item.cy1 > .xi{ color: #e6e5e5; bottom: -.9em; left: -.2em; transform: rotate(180deg);}
.core_container .cirContainer .cirRound .item.cy2 > .xi{ color: #2b384c; top: -0.18em; left: -.9em; transform: rotate(-90deg);}
.core_container .cirContainer .cirRound .item.cy3 > .xi{ color: #9ac2d4; left: auto; right: -.9em; bottom: -.2em; transform: rotate(90deg);}
.core_container .cirContainer .cirRound .item.cy4 > .xi{ color: #1c46f2; left: auto; top: -.9em; right: -.2em; transform: rotate(0deg);}
.core_container .cirContainer .cirRound .item:nth-child(1){ border-radius: 100% 0 0 0;}
.core_container .cirContainer .cirRound .item:nth-child(2){ border-radius: 0 100% 0 0;}
.core_container .cirContainer .cirRound .item:nth-child(3){ border-radius: 0 0 0 100%;}
.core_container .cirContainer .cirRound .item:nth-child(4){ border-radius: 0 0 100% 0;}
.core_container .cirContainer .cirRound .item.cy1{ background: #e6e5e5;}
.core_container .cirContainer .cirRound .item.cy2{ background: #2b384c;}
.core_container .cirContainer .cirRound .item.cy3{ background: #9ac2d4;}
.core_container .cirContainer .cirRound .item.cy4{ background: #1c46f2;}

/* 사업영역 */
.product_list{ display: flex; flex-wrap: wrap; gap: 3em;}
.product_list li{ width: calc((100% - 6em) / 3);}
.product_list li .in .imgCon{ margin-bottom: 1em;}
.product_list li .in .imgCon img{border-radius: 1em;}


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

.board_flex{ margin:-2em 0 0 -2em; }
.board_flex > li .in{ margin:2em 0 0 2em}
.board_flex > li .in{ display:block; border:1px solid #ddd; overflow:hidden}
.board_flex > li .in .img_wrap{ display:block;  position:relative}
.board_flex > li .in .img_wrap .resize{ padding-bottom:40%; background-size:auto; height:80px;}
.board_flex > li .in .img_wrap .btn{ position:absolute; z-index:1; left:50%; bottom:0; transform:translate(-50%,50%); width:2.25em; line-height:2.25em; border-radius:50%; background:#fff; box-shadow:0 0 .5em rgba(0,0,0,.2); text-align:center; transition:.3s}
.board_flex > li .in .img_wrap .btn:hover{ background:#105faa; color:#fff}
.board_flex > li .in .img_wrap .btn .icon{ font-size:1em}
.board_flex > li .in .img_wrap .btn.home{ margin-left:2em; opacity:0}
.board_flex > li .in .img_wrap .btn.home .icon:before{content:"\e902"}
.board_flex > li .in:hover .img_wrap .btn.home{ margin-left:0; opacity:1}
.board_flex > li .in .con_wrap{ display:block; background:#f5f5f5; text-align:center; padding:1.5em}
.board_flex > li .in .con_wrap .t1{ font-weight:500; color:#333}
.board_flex > li .in .con_wrap .btn{ margin-top:.25em}
.board_flex > li .in .con_wrap .btn .st{}
.board_flex > li .in .con_wrap .btn .st .xi{ font-size:1em}
.board_flex.partner_list > li{width:25%}
.board_flex.partner_list > li .in .img_wrap .resize{ padding-bottom:40%; background-size:65%;}
.board_flex.ce > li{width:25%}
.board_flex.ce > li .in .img_wrap .resize{ padding-bottom:141.6%; background-size:contain}

.board_flex > li .in .con_wrap {padding:15px;} 
.board_flex > li .in .con_wrap .t1.name {font-weight:600; font-size:1em;}
.board_flex > li .in .img_wrap .resize {height:30px;}

/*파트너스*/
.partner_wrap{padding-top: 6em;}

.board_flex > li .in .img_a {width:100%;}

.page_layout{ position:relative; margin-top:3em;}
.page_layout:first-child{ margin-top:0;}
.page_layout .layout_img{ position:absolute; z-index:2; top:3em; bottom:3em; width:40%;}
.page_layout .layout_con{ position:relative; z-index:1; padding:5em 0; min-height:24em;}
.page_layout .layout_con:before{ content:""; position:absolute; top:0; bottom:0; background:#fff; box-shadow:2px 2px .625em rgba(0,0,0,.15);}
.page_layout .layout_con > *{ position:relative;}

.page_layout.layoutL .layout_img{ left:0;}
.page_layout.layoutL .layout_con{ padding-left:40%; padding-right:4.5em; margin-left:4em;}
.page_layout.layoutL .layout_con:before{ left:30%; right:0;}

.page_layout.layoutR .layout_img{ right:0;}
.page_layout.layoutR .layout_con{ padding-right:40%; padding-left:4.5em; margin-right:4em;}
.page_layout.layoutR .layout_con:before{ left:0; right:30%;}
.page_layout2{ position:relative;}
.page_layout2 .wrap_in .img_wrap{ position:relative; width:42%; min-height:30em;}
.page_layout2 .wrap_in .img_wrap:before{ content:""; position:absolute; z-index:1; width:17.75em; height:17.75em; right:-3.5em; bottom:-2em; opacity:.2;
background-image: radial-gradient(#093291 20%, transparent 0), radial-gradient(#093291 20%, transparent 0);
background-position: 0 0, 5px 5px;
background-size: 10px 10px;}
.page_layout2 .wrap_in .img_wrap .bg { z-index:2; box-shadow:.75em .75em .75em rgba(9,50,145,.15);}
.page_layout2 .wrap_in .img_wrap .img{ z-index:2; box-shadow:.75em .75em .75em rgba(9,50,145,.15); position:relative;}
.page_layout2 .wrap_in .img_wrap .img img{ width:100%;}
.page_layout2 .wrap_in .con_wrap{ flex:1; padding:2.5em 0 3em 5.5em;}

/* 퀵메뉴 */
/*quick*/
.quick_layerM{ display:none;}
#quickW{ position:fixed; z-index:1000; transition:.2s;}
/* .main #quickW {opacity:0; visibility:hidden;} */
.allOn .quick_layer #quickW{display: none;}
.main.scroll #quickW { opacity:1; visibility:visible;}
.quick_layer #quickW{top: 50%; transform: translateY(-159%); right:0.5em; width:12em; max-height: 96vh;}
.quick_layer #quickW .quick_btn{ position:absolute; top:50%; right:100%; margin-top:-2.5em; padding: 0 .3em; text-align:center; background:#313851; cursor:pointer; transition:.2s; border: 1px solid #d8dae4;box-shadow: 0 0.25em 0.75em rgba(27,60,111,.15); border-top-left-radius: 1em; border-bottom-left-radius: 1em; flex-direction: row-reverse; padding: 1.1em 1em; align-items: center; gap: .5em; transform: translateY(-13%);}
.quick_layer #quickW .quick_btn.flexAc{ flex-direction:column;}
.quick_layer #quickW .quick_btn > *{ display:block; color:#fff;}
.quick_layer #quickW .quick_btn .xi{ font-size:1.375em;}
.quick_layer #quickW .quick_btn .tt{ font-size:.875em; font-weight:500; writing-mode: vertical-rl;}
.quick_layer #quickW .quick_wrap{ position:relative; height:100%; overflow-y:auto;}
.quick_layer #quickW .quick_wrap > .pd{ padding:.625em;}

.quick_layer #quickW .quick_top{ position:relative; background:#108ad3; color:#fff;}
.quick_layer #quickW .quick_top > *{ position:relative; z-index:2;}
.quick_layer #quickW .quick_top .welcome{ display:block; padding:.5em 0; text-align:center;}
.quick_layer #quickW .quick_top .welcome img{ width:6em;}
.quick_layer #quickW .quick_top .welcome .tt{ display:block; font-size:1.063em; color:#fff; line-height:1.3;}
.quick_layer #quickW .quick_top .welcome .t1{ font-weight:700;}
.quick_layer #quickW .quick_top .welcome .t2{ font-weight:300;}
.quick_layer #quickW .quick_top .today{ border:1px solid rgba(255,255,255,.6); border-radius:.4em;}
.quick_layer #quickW .quick_top .today .tit{ padding:.5em .5em; border-bottom:1px solid rgba(255,255,255,.6); text-align:center;}
.quick_layer #quickW .quick_top .today .tit .xi{ font-size:1.250em;}
.quick_layer #quickW .quick_top .today .tit .tt{ font-size:.938em;}
.quick_layer #quickW .quick_top .today .con{ padding:.938em;}
.quick_layer #quickW .quick_top .today .con > li{ position:relative; margin-top:.313em; padding-left:3.5em; text-transform:uppercase;}
.quick_layer #quickW .quick_top .today .con > li:first-child{ margin-top:0;}
.quick_layer #quickW .quick_top .today .con > li > *{ display:block;}
.quick_layer #quickW .quick_top .today .con > li .tt{ position:absolute; top:.125em; left:0; font-size:.688em;}
.quick_layer #quickW .quick_top .today .con > li .num{ font-size:.813em; font-weight:700;}

.quick_layer #quickW .quick_menu{}
.quick_layer #quickW .quick_menu .list > li{ margin-top:.313em;}
.quick_layer #quickW .quick_menu .list > li .in{ display:block; color:#333;}
.quick_layer #quickW .quick_menu .list > li .in .icon{ margin-right:.5em; width:2.75em; height:2.75em; border:1px solid #d4d5d8; border-radius:100%;}
.quick_layer #quickW .quick_menu .list > li .in .icon img{ max-height:1.5em; transition:.4s;}
.quick_layer #quickW .quick_menu .list > li .in .tt{ display:inline-block; font-size:.938em;}
.quick_layer #quickW .quick_menu .list > li:hover .in .icon img{ transform:rotateY(360deg);}
.quick_layer #quickW .quick_menu .list > li:hover .in .tt{ color:#d82744;}

#quickW .quick_link { background-color:#fff;}
#quickW .quick_link .list{ align-items:stretch;}
#quickW .quick_link .list > li{ display:flex;}
#quickW .quick_wrap .in.st1{ flex:1; flex-direction:column; justify-content:center; text-align:center; padding:.375em .5em;}
#quickW .quick_wrap .in.st1 > *{ display:block;}
#quickW .quick_wrap .in.st1 .xi{ font-size:1.500em; line-height:1; margin-bottom:.125em; color: #000;}
#quickW .quick_wrap .in.st1 .tt{ font-size:.750em; color: #111;}

.quick_layer #quickW .quick_link .list{ flex-wrap:wrap; align-items:stretch; margin:0 -.25em -.25em 0; flex-direction: column;}
.quick_layer #quickW .quick_link .list > li{ flex:1 0 50%;}
.quick_layer #quickW .quick_link .list > li .logo_icon{padding: .3em 0 0;}
.quick_layer #quickW .quick_link .list > li .logo_icon img{height: 36px; object-fit: contain;}
.quick_layer #quickW .quick_link .list > li .in{ margin:0 .25em .25em 0; border:1px solid #d4d5d8; border-radius:.4em; transition:.2s;}
.quick_layer #quickW .quick_link .list > li:hover .in{ background:#ddd; border-color:#ddd; color:#fff;}

#quickW .quick_wrap {box-shadow: 2px 0 5px rgba(0,0,0,.2); border-radius: 1em; border: 1px solid #d8dae4; overflow:hidden;}

#quickW .quick_cs{}
#quickW .quick_cs .btn{ display:none;}
#quickW .quick_cs .cs{ padding:1em;background: #f8f8f8; border-bottom: 1px solid #ddd; }
#quickW .quick_cs .cs .tt,
#quickW .quick_cs .cs .tt2,
#quickW .quick_cs .cs .num{ color:#333;}
#quickW .quick_cs .cs > dt{ margin-bottom:.75em;}
#quickW .quick_cs .cs > dt .tt{ font-size:.938em; font-weight:600; color: #0060ae;}
#quickW .quick_cs .cs > dd{ position:relative; margin-top:.313em; padding-left:2.75em;}
#quickW .quick_cs .cs > dd *{ display:block;}
#quickW .quick_cs .cs > dd .tt{ position:absolute; top:.125em; left:0; font-size:.688em;}
#quickW .quick_cs .cs > dd .tt2{ font-size:.750em;}
#quickW .quick_cs .cs > dd .num{ font-size:.813em; font-weight:700;}
#quickW .quick_cs .cs > dd .c1{ color:#da3558;}

.quick_layer #quickW .go_top_wrap { background-color:#fff; padding: 0 0 1em; text-align: center;}
.quick_layer #quickW .goTop{ width:3.5em; height:3.5em; background:#313851; border-radius:100%; text-align:center; color:#fff; transition:.2s;}
.quick_layer #quickW .goTop .xi{ font-size:1.500em; line-height:1;}
.quick_layer #quickW .goTop .tt{ display:block; font-size:.688em;}
.quick_layer #quickW .goTop:hover{ background:#108ad3;}

#header.quick_close .quick_layer #quickW{ right:-13em;}
#header.quick_close .quick_layer #quickW .quick_btn{ width:auto; background:#d82744; right: 108%;}
#header.quick_close .quick_layer #quickW .quick_btn .xi:before{ content:"\e93b";}
#header.quick_close .quick_layer #quickW .quick_btn .tt{ display:block !important;}

#header.quick_open .quick_layer #quickW{ right:-13em;}
#header.quick_open .quick_layer #quickW .quick_btn{ width:2em; background:#313851;}
#header.quick_open .quick_layer #quickW .quick_btn .xi:before{ content:"\e93b";}
/* #header.quick_open .quick_layer #quickW .quick_btn .tt{ display:none;} */

#quickW .mShow{ display:none !important;}