@charset "utf-8";
/* CSS Document */
.box0{ padding:0 5vw; box-sizing:border-box;}
.box0_in{ padding:0 4vw; max-width:1680px; margin:0 auto}
.box1{ width:1400px; margin:0 auto; max-width: 92%;}
.box2{ width:1624px; margin:0 auto; max-width: 92%;}

.box1.bg {background-color:#fff; padding:3em 2em;}
.box2.bg {background-color:#fff; padding: 4em 8em 8em;}
.box2.bg2 {background-color:#fff; padding: 0 8em;border-top-left-radius: 2em; border-top-right-radius: 2em;}

.bg_f4 {background-color:#f4f4f4; padding:4em 0;}

.gnb li.m_hide{ display:none}
body:not(.pop){ display:flex; flex-direction:column; min-height:100vh; min-height:calc(var(--vh, 1vh) * 100)}

.mobile_tit{ display:none;}

#header{ position:fixed; left:0; top:0; width:100%; z-index:1000; /*border-bottom:1px solid rgba(255,255,255,.2);*/ /*transition:all ease .3s*/}
html:not(.allGnbOn) #header{filter:brightness(0) invert(1); }
.scroll #header{ filter:none!important; background:#fff!important; box-shadow:0 0 1em rgba(0,0,0,.1)}
.scroll html:not(.allGnbOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .tt{ font-weight: 600;}
html:not(.allGnbOn) #header:hover{ filter:none; background:#fff;}
#header .top_wrap{ position:relative}
#header .top_wrap .wrapH,
html:not(.allGnbOn) #header .top_wrap .gnb_wrap .dp1{ height:6.5em}
.headerT{ padding-top:6em}
#header .top_wrap .wrapIn{ display:flex; align-items:center; justify-content:space-between; gap:0 5vw}
#header .top_wrap .wrapIn > *{ position:relative; top:2px; z-index:2}
#header .top_wrap .sitelogo > a{ display:block}
html:not(.allGnbOn) #header .top_wrap .sitelogo > a img{ height: 49px;}
html:not(.allGnbOn) #header .top_wrap .sitelogo > a .logoW{display: block;}
html:not(.allGnbOn) #header .top_wrap .sitelogo > a .logoN{display: none;}
html:not(.allGnbOn) body.scroll #header .top_wrap .sitelogo > a .logoN{display: block;}
html:not(.allGnbOn) body.scroll #header .top_wrap .sitelogo > a .logoW{display: none;}
html:not(.allGnbOn).fp-viewing-0 #header .top_wrap .sitelogo > a .logoN{display: none;}
html:not(.allGnbOn).fp-viewing-0 #header .top_wrap .sitelogo > a .logoW{display: block;}
html:not(.allGnbOn).fp-viewing-0 #header:hover .top_wrap .sitelogo > a .logoN{display: block;}
html:not(.allGnbOn).fp-viewing-0 #header:hover .top_wrap .sitelogo > a .logoW{display: none;}
html:not(.allGnbOn) #header.hover .top_wrap .sitelogo > a .logoN{display: block !important;}
html:not(.allGnbOn) #header.hover .top_wrap .sitelogo > a .logoW{display: none !important;}
.sub body:not(.scroll) #header .top_wrap .sitelogo > a .logoW{display: block ;}
.sub body:not(.scroll) #header .top_wrap .sitelogo > a .logoN{display: none;}
.allGnbOn #header .top_wrap .sitelogo > a .logoW{display: none;}
.allGnbOn #header .top_wrap .sitelogo > a .logoN{display: block;}
html:not(.allGnbOn).sub #header.hover .top_wrap .sitelogo > a .logoN{display: block;}
html:not(.allGnbOn) #header .top_wrap .gnb_wrap{ position:absolute; top:0; left:50%; width:100%; padding:0 12em 0 20em; box-sizing:border-box; transform:translateX(-50%); z-index:1}
html:not(.allGnbOn) #header .top_wrap .gnb_wrap .gnb{ justify-content:center}
html:not(.allGnbOn) #header .top_wrap .gnb_wrap .gnb > li{ width:11em; position:relative}
html:not(.allGnbOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .va{ position:relative}
/*html:not(.allGnbOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .va:after{ content:""; position:absolute; left:100%; bottom:100%; width:.375em; height:.375em; border-radius:50%; background:var(--siteC); display:none}*/
html:not(.allGnbOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .va:after{content:""; position:absolute; left:0; bottom:-39px; width:100%; height:1px; background:var(--siteC); transform:scaleX(0%); opacity:0; }
html:not(.allGnbOn) #header .top_wrap .gnb_wrap .gnb > li:hover .dp1 .va:after{ transform:scaleX(100%); opacity:1; transition:.3s}
html:not(.allGnbOn) #header .top_wrap .gnb_wrap .gnb > li.on .dp1 .va:after{ transform:scaleX(100%); opacity:1;}
html:not(.allGnbOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .tt{ font-weight:700; font-size:1.375em}
html:not(.allGnbOn) #header .top_wrap .gnb_wrap .gnb > li .dp2{ display:block; text-align:center; padding:1.8em 0 2.4em 0; position: absolute; bottom:100%; z-index:-1; opacity:0; transition:all .3s}
html:not(.allGnbOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a{ padding:.5em .25em}
html:not(.allGnbOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:1.063em}
html:not(.allGnbOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a:hover{ color:var(--siteC); transition:.3s}
html:not(.allGnbOn) #header .top_wrap .gnb_wrap .gnb > li .dp3{ display:none/*flex-direction:column*/}
/*html:not(.allGnbOn) #header .top_wrap .gnb_wrap .gnb > li .dp3 > li > a{ padding:0; font-size:0; opacity:0; transition:all .3s}*/
html:not(.allGnbOn) #header .top_wrap .gnb_wrap .gnb_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; z-index:-1; /*transform:translateY(-50%);*/ opacity:0; visibility:hidden; box-shadow:0 0 20em rgba(0,0,0,.1); /*transition:all .3s*/}
/*html:not(.allGnbOn) #header .top_wrap .gnb_wrap .gnb_bg .roundObj{ top:100%; right:0; position:absolute}
html:not(.allGnbOn) #header .top_wrap .gnb_wrap .gnb_bg .roundObj .obj{ transform:translateX(1px)}
html:not(.allGnbOn) #header .top_wrap .gnb_wrap .gnb_bg .roundObj .objWrap{ width:40vw}*/
html:not(.allGnbOn) #header .top_wrap .gnb_wrap .gnb:hover > li .dp2{ position:static; z-index:auto; opacity:1; /*transition:.3s*/}
#header:hover .top_wrap .gnb_wrap .gnb ~ .gnb_bg{ transform:translateY(0); opacity:1; visibility:visible; /*transition:.3s*/}
/*html:not(.allGnbOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li:hover .dp3 > li > a{ padding: .5em 0; font-size:.875em; opacity:1;}
html:not(.allGnbOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li .dp3 > li:hover > a{ color:var(--siteC)}*/

#header .top_wrap .etc_wrap{ display:flex; align-items:center; height:100%; gap:0 2vw}
#header .top_wrap .etc_wrap .lang_wrap{ display:flex;align-items:center;height:100%;position:relative;padding: 0 1.2em;}
#header .top_wrap .etc_wrap .lang_wrap .langBtn{ display:flex; align-items:center}
#header .top_wrap .etc_wrap .lang_wrap .langBtn:before{content:"\e9d1"; font-family:xeicon; font-size:1.25em}
#header .top_wrap .etc_wrap .lang_wrap .langBtn:after{content:"\e941"; font-family:xeicon}
#header .top_wrap .etc_wrap .lang_wrap .langBtn .t1{ font-weight:600; margin:0 1em 0 .25em}
#header .top_wrap .etc_wrap .lang_wrap{ transition:all .3s}
#header .top_wrap .etc_wrap .lang_wrap .lang_list{width:100%; padding:1em; box-sizing:border-box; position:absolute;left: 0px;top: 4.5em;transform: translateY(-1em);opacity:0;transition:all .5s;border: 1px solid #ddd;border-radius: .5em;background-color: rgba(255, 255, 255, .95);}
#header .top_wrap .etc_wrap .lang_wrap .lang_list li{ display:flex; align-items:center; /* background:rgba(255, 255, 255, .95); */}
#header .top_wrap .etc_wrap .lang_wrap .lang_list li::before{ content:"\e929"; display:block; font-family:xeicon; color:#555; opacity:0}
#header .top_wrap .etc_wrap .lang_wrap .lang_list li::after{ content:"\e907"; justify-self:flex-end;  display:block; font-family:xeicon; color:#777; opacity:0; transform:translateX(20px); transition:all .3s;}
#header .top_wrap .etc_wrap .lang_wrap .lang_list li.on::before{ opacity:1 }
#header .top_wrap .etc_wrap .lang_wrap .lang_list li.on::after{ display:none!important}
#header .top_wrap .etc_wrap .lang_wrap .lang_list li a{width:100%;padding: .5em 0 .5em 1em;box-sizing:border-box;font-size:.875em;color:#555;}
#header .top_wrap .etc_wrap .lang_wrap:hover .lang_list{ transform:translateY(0); opacity:1;}
#header .top_wrap .etc_wrap .lang_wrap .lang_list li:hover a{ text-decoration:underline}
#header .top_wrap .etc_wrap .lang_wrap:hover{ color:var(--blue)}
#header .top_wrap .etc_wrap .lang_wrap .lang_list li:hover::after{ opacity:1; transform:translateX(0)}

#header .top_wrap .etc_wrap .etcBtn{ display:flex; align-items:center; justify-content:center; width:2em; height:2em}
#header .top_wrap .etc_wrap .etcBtn .ico{ font-size:2em}

#header .top_wrap .etc_wrap .home_btn{display: flex; gap: .3em; align-items: center; padding: .4em 1.5em; border-radius: 100em; border: 1px solid #ccc; font-weight: 600; transition: 0.2s ease-in-out;}
#header .top_wrap .etc_wrap .home_btn:hover{background: var(--siteC); border-color: #fff; color: #fff;}
.scroll #header .top_wrap .etc_wrap .home_btn{color: var(--siteC);}
.scroll #header .top_wrap .etc_wrap .home_btn:hover{color: #fff;}

.allGnbOn{ overflow:hidden}
.allGnbOn body{ overflow-y:scroll; scrollbar-width: thin;}
.allGnbOn #header{ height:100vh; position: fixed; box-sizing:border-box; overflow-y: scroll; scrollbar-width: thin; scrollbar-color: var(--siteC); background:#fff !important;}
.allGnbOn #header .top_wrap .wrapH{position: relative;}
/* .allGnbOn #header .top_wrap .wrapH,
.allGnbOn #header .top_wrap .wrapF{ height:100%;} */
.allGnbOn #header .top_wrap .logo{ display:flex; align-items:center}
.allGnbOn #header .top_wrap .logo,
.allGnbOn #header .top_wrap .etc_wrap{ height:var(--headH)}
.allGnbOn #header .top_wrap{ background:none; overflow: unset; color: var(--siteC) !important;}
.allGnbOn #header .top_wrap .wrapF{ flex-wrap:wrap; align-items:flex-start; gap:5vmin; box-sizing:border-box}
.allGnbOn #header .gnb_wrap{ flex:0 0 auto; min-height:0; width:100%; margin-left:0; order:10; position: absolute; top: 6.5em; left: 0; padding: 0 5vw; box-sizing: border-box;}
.allGnbOn #header .gnb_wrap .gnb{ flex-wrap:wrap; gap:1em; align-items:flex-start}
.allGnbOn #header .gnb_wrap .gnb a{ text-align:left; display:flex; box-sizing:border-box; line-height:1.2; word-break:keep-all}
.allGnbOn #header .gnb_wrap .gnb a .va{ display:flex; align-items:center; gap:1em}
.allGnbOn #header .gnb_wrap .gnb a .va .arrow{ font-size:1em; position:absolute; right:.5em; top:50%; transform:translateY(-50%); margin-right:-1em; opacity:0; transition:.3s}
.allGnbOn #header .gnb_wrap .gnb a .va .arrow:before{ content:"\e93e";}
.allGnbOn #header .gnb_wrap .gnb > li{ box-sizing:border-box; flex:1}
.allGnbOn #header .gnb_wrap .gnb > li .dp1{ height:3em; align-items:flex-end; justify-content:center; text-align:center; margin-bottom:2em;}
.allGnbOn #header .gnb_wrap .gnb > li:hover .dp1{ color:var(--siteC)}
.allGnbOn #header .gnb_wrap .gnb > li .dp1:hover:after{ opacity:1}
.allGnbOn #header .gnb_wrap .gnb > li .dp1 .arrow{ display:none}
.allGnbOn #header .gnb_wrap .gnb > li .dp1 .tt{ font-size:1.5em; font-weight:700; position:relative}
.allGnbOn #header .gnb_wrap .gnb > li .dp2{ gap:.5em; flex-direction:column; display: flex !important; }
.allGnbOn #header .gnb_wrap .gnb > li .dp2 > li > a{ height:3.25em; align-items:center; padding:0 1em; border:1px solid #ddd; color:#555; position:relative; overflow:hidden; background:#f7f7f7; border-radius:.5em; font-size: 1.06em;}
.allGnbOn #header .gnb_wrap .gnb > li .dp2 > li > a .tt{ font-weight:700}
.allGnbOn #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)}
.allGnbOn #header .gnb_wrap .gnb > li .dp2 > li:hover > a .arrow{ margin-right:0; opacity:1}
.allGnbOn #header .gnb_wrap .gnb > li .dp2 > li .dp3{}
.allGnbOn #header .gnb_wrap .gnb > li .dp2 > li .dp3 { display: block; margin: 1.4em .5em; margin-bottom: 0;flex-direction: column; gap: .5em; box-sizing: border-box;}
.allGnbOn #header .gnb_wrap .gnb > li .dp2 > li .dp3 li{ padding: 0 0.7em 1.1em; box-sizing: border-box;}
.allGnbOn #header .gnb_wrap .gnb > li .dp2 > li .dp3 li:last-child{border-bottom: none;}
.allGnbOn #header .gnb_wrap .gnb > li .dp2 > li .dp3 li a{color: #888; font-weight: 500;}
.allGnbOn #header .gnb_wrap .gnb > li.m_guide{ position: fixed; right:5vmin; bottom:2em; display:block !important}
.allGnbOn #header .gnb_wrap .gnb > li.m_guide .dp1{ display:none}
.allGnbOn #header .gnb_wrap .gnb > li.m_guide .dp2{ flex-direction:row; }
.allGnbOn #header .gnb_wrap .gnb > li.m_guide .dp2 > li > a{ border:none; padding-right:2em; opacity:.7; background: none;}
.allGnbOn #header .gnb_wrap .gnb > li.m_guide .dp2 > li > a:after{ margin-right:0}
.allGnbOn #header .gnb_wrap .gnb > li.m_guide .dp2 > li > a:hover{ box-shadow:none; opacity:1}
.allGnbOn #header .top_wrap .etc_wrap{ z-index:3; margin-left:auto; display: flex; gap: 4em;}
.allGnbOn #header .all_wrap .allBtn{  border-color:transparent; box-shadow:none}
.allGnbOn #header .all_wrap .allBtn .ico:before{ content:"\e921"}
.allGnbOn #header .all .all_btn .ham,
.allGnbOn #header .all_btn .ham:before,
.allGnbOn #header .all_btn .ham:after{ background: var(--siteC);}
.allGnbOn #header:after{ content:""; position:absolute; right:0; top:0; width:100%; height:100%; background:var(--siteC); z-index:2;  animation: headerAllAni 1s forwards}
.allGnbOn #header:before{animation: headerAllAni2 1s forwards .5s; transform:translateX(100%);}
@keyframes headerAllAni{
100% { width:0}
}
@keyframes headerAllAni2{
100% { transform:translateX(0)}
}
.allGnbOn #header .all_btn .ham { background:transparent !important; }
.allGnbOn #header .all_btn .ham:before,
.allGnbOn #header .all_btn .ham:after { width:100% !important; top:50% !important; background:var(--siteC) !important; }
.allGnbOn #header .all_btn .ham:before { transform:rotate(45deg); }
.allGnbOn #header .all_btn .ham:after { transform:rotate(-45deg); }

/* #header .all_wrap .all{ position:fixed; right:0; top:0; width:100%; height:100vh; opacity:0; visibility:hidden; z-index:1; color:#333; flex-direction:column; background:rgba(0,0,0,.7);}
#header .all_wrap .all .wrap_bg{ position:relative; opacity:0}
#header .all_wrap .all .wrap_bg .btn{ position:absolute; right:3vw; top:calc(100% - 0.5em); width:3em; line-height:3em; background:#fff;border-radius:50%;color:#1a4e87;text-align:center;z-index:1}
#header .all_wrap .all .wrap_con{height: calc(100% - 6em);width:94%;box-sizing:border-box;margin:0 auto;transform:translateY(5em);display:flex;flex-direction:column}
#header .all_wrap .all .wrap_con .roundObj{ z-index:1; transform:translateY(1px)}
#header .all_wrap .all .wrap_con .roundObj .objWrap{ padding:0  0 0 2em; border-radius:1em 0 0}
#header .all_wrap .all .wrap_con .roundObj .logo{ display:block; padding-top:1em; transform:translateY(.5em)}
#header .all_wrap .all .wrap_con .roundObj .logo img{ height:2.25em}
#header .all_wrap .all .wrap_con .wrap_in{height:100%;box-sizing:border-box;padding: 2em 2em;background:#fff;position:relative;border-radius:0 1em 0 0}
#header .all_wrap .all .lang{ gap:0 2em}
#header .all_wrap .all .lang > li > a{ font-weight:900; font-size:1.125em; color:#999; padding:.375em}
#header .all_wrap .all .lang > li.on > a{ color:#002c60; position:relative}
#header .all_wrap .all .lang > li.on > a:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:.25em; background:#002c60; opacity:.2}
#header .all_wrap .all .lang:hover{ opacity:1}
#header .all_wrap .all .bottom{ padding:1em 0 0 0; box-sizing:border-box}
#header .all_wrap .all .menu{ position:relative}
#header .all_wrap .all .menu:before{ content:""; position:absolute; left:0; top:0; width:calc(100% - 1px); height:100%; z-index:-1; box-sizing:border-box; border:1px solid #eee; border-bottom-color:#ddd}
#header .all_wrap .all .gnb{ height:100%; position:relative; overflow:hidden; border:1px solid rgba(0,0,0,.1); border-top:none; border-bottom:none}
#header .all_wrap .all .gnb ul{ display:block}
#header .all_wrap .all .gnb a{ text-align:left; position:relative; line-height:1.2}
#header .all_wrap .all .gnb li{ position:relative; flex:1 1 1%}
#header .all_wrap .all .gnb a .arrow{ position:absolute; right:1em; opacity:.6; transition:.3s; font-size:1em}
#header .all_wrap .all .gnb a .arrow:before{ content:"\e907"; font-size:.75em}
#header .all_wrap .all .gnb li.more > a .arrow:before{ content:"\e943"; font-size:1em}
#header .all_wrap .all .gnb > li:before,
#header .all_wrap .all .gnb > li:after{ content:""; position:absolute; background:#000; opacity:.1}
#header .all_wrap .all .gnb > li:before{ left:-1px; top:0; width:1px; height:100%;}
#header .all_wrap .all .gnb > li:after{ left:0; bottom:0; width:100%; height:1px;}
#header .all_wrap .all .gnb > li:not(.m_hide){ display:flex; flex-direction:column}
#header .all_wrap .all .gnb > li .dp1{ padding:0 1.5em; height:4em; background:var(--siteC); box-sizing:border-box; color:#fff}
#header .all_wrap .all .gnb > li .dp1 .va{ font-size:1.25em; font-weight:700}
#header .all_wrap .all .gnb > li .dp1 .arrow{ top:50%; transform:translateY(-50%)}
#header .all_wrap .all .gnb > li .dp2{ flex:1 1 0%; min-height:0; padding:1em 0}
#header .all_wrap .all .gnb > li .dp2 > li > a{ padding:.5em 1.5em; padding-right:2em; font-weight:500; transition:.3s}
#header .all_wrap .all .gnb > li .dp2 > li > a:hover{ color:var(--siteC)}
#header .all_wrap .all .gnb > li .dp2 > li > a .arrow{ right:1.25em; top:.5em}
#header .all_wrap .all .gnb > li .dp2 > li.more > a .arrow:before{ content:"\e942"}
#header .all_wrap .all .gnb > li .dp2 > li.act > a .arrow{ opacity:1}
#header .all_wrap .all .gnb > li .dp2 > li.act > a .va .tt{ text-decoration:underline}
#header .all_wrap .all .gnb > li .dp3{ background:#f5f5f5; margin:0 1em; padding:.75em; margin-bottom:.5em}
#header .all_wrap .all .gnb > li .dp3 > li > a{ padding:.25em .75em; padding-left:.75em; color:#666; display:flex}
#header .all_wrap .all .gnb > li .dp3 > li > a:before{ content:"-"; position:absolute; left:0; top:.125em; width:auto; height:auto}
#header .all_wrap .all .gnb > li .dp3 > li > a .arrow{ display:none}
#header .all_wrap .all .gnb > li .dp3 > li > a .va{ font-size:.938em}
#header .all_wrap .all .gnb > li .dp3 > li > a:hover{ color:#111; font-weight:500}
#header .all_wrap .all .gnb > li .dp3 > li.act > a{ color:#002c60; font-weight:500}

.allGnbOn{ overflow-y: hidden}
.allGnbOn body{ overflow-y: scroll}
.allGnbOn #header .top_wrap{ z-index:11}
.allGnbOn #header .all_wrap .all{ opacity:1; visibility:visible}
.allGnbOn #header .all_wrap .all .wrap_bg{ opacity:1; transition:.3s; transition-delay:.2s}
.allGnbOn #header .all_wrap .all .wrap_con{ transform:translateY(0); transition:.3s}

.wrap_con{ position:relative}
.all_wrap_tit{ width:10em; border-radiut:1em -2em 0 0; background:#fff;} */

/*#header.hover{ filter:none; background:#fff}*/

/*#header.white:not(.hover){ background:none}
#header.white:not(.hover) .top_wrap .sitelogo,
#header.white:not(.hover) .top_wrap .langList,
#header.white:not(.hover) .top_wrap .etc_wrap .etcBtn{ filter:brightness(0) invert(1)}
#header.white:not(.hover) .top_wrap .gnb_wrap .gnb .dp1{ color:#fff}
#header.white:not(.hover) .bottom_wrap .obj{ opacity:.3}
#header.white:not(.hover) .bottom_wrap .obj .path{ opacity:0}
#header.white:not(.hover) .bottom_wrap .objWrap{ background:none}
#header.white:not(.hover) .bottom_wrap .search .inp{ color:#fff}
#header.white:not(.hover) .bottom_wrap .search .inp::placeholder{ color:#fff !important}*/

/*#header.hover{ filteer:none;}*/

/*.scroll #header{filter: drop-shadow(0 1em .5em rgba(0,0,0,.05))}*/

#footer{z-index:1;color:#fff;background:#222;padding: 0 0 6em 0;border-top:1px solid rgba(255,255,255,.1)}
#footer .goTop{ position:fixed; right:0; bottom:0; width:3.5em; line-height:3.5em; text-align:center; background:#333; 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 .menu{display:flex;justify-content:flex-end;gap:1em}
#footer .menu > li{ /*width:100%;*/}
#footer .menu > li > a{ display:block; padding-right:1em; font-size:1.063em; position:relative; opacity:.6}
*#footer .menu > li:not(:last-child) > a:after{ content:''; width:3px; height:3px; background:#999; position:absolute; right:0; top:50%; transform:translateY(-50%); border-radius: 10em;}
/*#footer .menu > li > a:after{ content:"\e915"; font-family:xeicon; position:absolute; right:0; top:0; transform:rotate(45deg)}*/
#footer .menu > li > a.point{ opacity:1}
#footer .link{ margin-left:auto; display:flex; gap:.5em}
#footer .link > li > a{ padding:.5em 1em; font-size:1.063em; border:1px solid rgba(255,255,255,.2); line-height:1; opacity:.5; border-radius:.25em}
#footer .link > li > a:hover{ opacity:1}

#footer .logo_wrap{padding-top: 3.5em;}
#footer .logo_wrap .logo{margin-right: 6em;/*margin-bottom:2em*/}
#footer .logo_wrap .logo img{ height:3.2em;/*  filter:brightness(0) invert(1) opacity(.85) */}
#footer .infoW{ margin-bottom:.25em; display:flex; font-size:1em;}
#footer .infoW > dt{ margin-right: 2em; font-weight:500; opacity:.8; position: relative;}
#footer .infoW > dt::before{content: ""; position: absolute; right: -1em;height: 51%; top: 35%; transform: translateY(-50%); width: 1px; background: #fff; opacity: .2;}
#footer .infoW > dd{ flex:1 1 0%; min-width:0}
#footer .info > li{ float:left; margin-right:2em; margin-bottom:.5em; opacity:.8; font-weight:300; position:relative}
#footer .info > li:before{ content:""; position:absolute; right:-1em; height:70%; top:50%; transform:translateY(-50%); width:1px; background:#fff; opacity:.2}
#footer .info > li:last-child:before{ display:none}
#footer .info > li.point{ font-weight:600}
#footer .info > li.br{ clear:left}
#footer .copyright{ font-size:.813em; opacity:.4; text-transform:uppercase; margin-top:3.5em}

#footer .top_wrap{gap: 2em; justify-content: flex-end; padding: 1.5em 0; border-bottom: 1px solid rgb(255 255 255 / 20%);}

.h100{ height:100%; box-sizing:border-box}

.roundObj{ position:relative; display:flex; height:5em}
.roundObj .obj{}
.roundObj .obj svg{ height:100%}
.roundObj .obj .stroke{ display:none}
.roundObj .objWrap{ background:#e60044; }
.roundObj.white .obj .path{ fill:#fff }
.roundObj.white .obj .stroke{ stroke:#fff }
.roundObj.white .objWrap{ background:#fff}
.roundObj.re .obj{ order:1; transform:rotate(180deg)}
.roundObj.s1{ height:12em}
.roundObj.line .obj{ position:relative}
.roundObj.line .obj:before,
.roundObj.line .obj:after{ content:""; position:absolute; background:#e60044; width:100vw; height:2px}
.roundObj.line .obj:before{ right:calc(100% - .75em); top:0}
.roundObj.line .obj:after{ left:calc(100% - 1em); bottom:0}
.roundObj.line .obj .stroke{ display:block; vector-effect:non-scaling-stroke}
.roundObj.line .obj .path{ opacity:0}
.roundObj.line .objWrap{ background:none}
.roundObj.line.white .obj:before,
.roundObj.line.white .obj:after{ background:#fff}

/*.intro{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:1001; display:flex; align-items:center; justify-content:center; animation: introHide 1s both; animation-delay:5s}
.intro .svg{ z-index:1; height:10vh; overflow-clip-margin:border-box; padding:2em 0; animation:introObjHide 1s both; animation-delay:3s}
.intro .svg .ani1{ animation: introAni1 2s both; animation-timing-function: ease-in-out; }
.intro .svg .ani2{ animation: introAni2 1.5s both; animation-timing-function: ease-in-out; }
.intro .svg .ani3{ animation: introAni3 2s both; animation-timing-function: ease-in-out; }
.intro .svg .a1{ animation-delay:.1s}
.intro .svg .a2{ animation-delay:.2s}
.intro .svg .a3{ animation-delay:.3s}
.intro .svg .a4{ animation-delay:.4s}
.intro .svg .a5{ animation-delay:.5s}
.intro .svg .a6{ animation-delay:.6s}
.intro .svg .a7{ animation-delay:.7s}
.intro .svg .a8{ animation-delay:.8s}
.intro .bg{ position:absolute; left:0; width:100%; height:50%; background:#fff; animation-duration: 1s; animation-delay:3s; animation-fill-mode:both; animation-timing-function: cubic-bezier(1,0,0.8,1)}
.intro .bg.b1{ top:0; animation-name: introAniTop}
.intro .bg.b2{ bottom:0; animation-name: introAniBT}
.intro .bg .roundObj{ position:absolute}
.intro .bg .roundObj .objWrap{ width:50vw}
.intro .bg.b1 .roundObj{ top:100%; right:0; margin-top:-1px}
.intro .bg.b2 .roundObj{ bottom:100%; left:0; margin-bottom:-1px}

@keyframes introHide {
	100% { visibility:hidden; z-index:-1}
}
@keyframes introObjHide {
	100% { opacity:0}
}
@keyframes introAniTop {
	100% { transform:translateY(calc(-100% - 3em))}
}
@keyframes introAniBT {
	100% { transform:translateY(calc(100% + 3em))}
}

@keyframes introAni1 {
	0% { visibility:hidden}
	50% { visibility:visible; transform:translateY(-3em)}
}
@keyframes introAni2 {
	0% { transform:translateX(100%)}
	100% { transform:translateX(0)}
	
}
@keyframes introAni3 {
	0% { transform:translate(100%, -200%)}
	100% { transform:translate(0, 0)}
}
.introIn .intro{ position:relative; animation:none}
.introIn .intro .svg{ animation:none}*/

#contents .sub_visual{ position:relative; overflow: hidden;}
#contents .sub_visual .wrap_bg{ position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.1,1.1); z-index:-1;}
.load #contents .sub_visual .wrap_bg {transform:scale(1,1); transition:4s;}
#contents .sub_visual .wrap_bg::before{content:'';width:100%;height:100%;background: linear-gradient(180deg, rgb(0, 0, 0, .35), rgba(0, 0, 0, .25));position:absolute;left:0;top:0;}
#contents .sub_visual .wrap_con{ position:relative; box-sizing:border-box; height:23em;}
#contents .sub_visual .wrap_con .slogan_wrap{ color:#fff; margin-top:5em;}
#contents .sub_visual .wrap_con .slogan_wrap .t1{ font-size: 3.25rem; font-weight:700; margin-bottom: .3em;}
#contents .sub_visual .wrap_con .slogan_wrap .t2 {/* margin-top: 1.5rem; */font-size: 1.38em; letter-spacing: 0.5px;/* line-height: 1.625; */opacity: .75;}
#contents .sub_visual .wrap_con .slogan_wrap .tit1 .tt{ font-family:inherit; font-size:1.125em; font-weight:700; letter-spacing:.15em;margin-bottom:0.1em; text-transform:uppercase; opacity:.6;}
#contents .sub_visual .wrap_con .slogan_wrap .slogan{ padding-bottom:3em}

/**/
#contents .sub_menu .sub_nav{ gap:0 1em; margin-top:-26em; padding:2em 0; background-color:#fff;}
#contents .sub_menu .sub_nav > li{ font-size:1em; position:relative}
#contents .sub_menu .sub_nav > li:not(.home):before{ content:"\e940"; font-family:xeicon; position:absolute; left:-1em; top:50%; transform:translateY(-50%) scale(.8)}
#contents .sub_menu .sub_nav > li:last-child {}
#contents .sub_menu .sub_nav > li:last-child .tt {font-weight:600; color:var(--siteC);}

/**/
#contents .sub_menu{ position:relative; }
#contents .sub_menu .menu_wrap{ display:flex; justify-content:center; }
#contents .sub_menu .dp2on { padding-bottom:1.5em; margin-top: -2.1em;}
#contents .sub_menu .dp2on .gnb{/*overflow:hidden;*/}
/*#contents .sub_menu .dp2on .gnb > li { padding: 1.5em 0; }*/
#contents .sub_menu .dp2on .gnb .dp2 > li{ min-width:13em;/* border:1px solid #ddd; */}
#contents .sub_menu .dp2on .gnb .dp2 > li > a{ padding:1.3em 1em; background:#fff; position:relative; transition:all .3s; box-shadow: 0 5px 10px rgba(0, 0, 0, .1);}
/*#contents .sub_menu .dp2on .gnb .dp2 > li > a{ padding:.375em 2.5em; position:relative}*/
/*#contents .sub_menu .dp2on .gnb .dp2 > li > a:before{ content:""; position:absolute;left:-1px;top:0; width:1px; height:80%;background:#ddd}
#contents .sub_menu .dp2on .gnb .dp2 > li > a:after { position:absolute; bottom:-59%; left:50%; transform:translate(-50%,-50%); width:4em; height:2px; background-color:var(--siteC); display:none}*/
#contents .sub_menu .dp2on .gnb .dp2 > li > a .va{font-weight:400;font-size: 1.19em;color:#333;transdition:all .3s}
#contents .sub_menu .dp2on .gnb .dp2 > li.on > a{ background:var(--siteC)}
#contents .sub_menu .dp2on .gnb .dp2 > li:hover > a{}
#contents .sub_menu .dp2on .gnb .dp2 > li:hover > a .va{ color:var(--siteC)}
#contents .sub_menu .dp2on .gnb .dp2 > li.on > a .va{ color:#fff}
#contents .sub_menu .dp2on .gnb .dp2 > li.on > a:after { display:block;}
#contents .sub_menu .dp2on .gnb .dp3{ display:none}
/* #contents .sub_menu .dp3on {padding-top: 5em;} */
#contents .sub_menu .dp3on .gnb{ overflow:hidden}
#contents .sub_menu .dp3on .gnb .dp3{ gap:.5em; margin-top: 1em; background: #f1f1f1; border-radius: .5em; padding: 0.5em; box-sizing: border-box;}
#contents .sub_menu .dp3on .gnb .dp3 > li{/* min-width: 20%; */width: 14em;}
#contents .sub_menu .dp3on .gnb .dp3 > li > a{ padding: .7em 1em; border-radius:.25em; color:#333; font-weight:500; position:relative; }
#contents .sub_menu .dp3on .gnb .dp3 > li.m3_talent > a,
#contents .sub_menu .dp3on .gnb .dp3 > li.m3_benefit > a,
#contents .sub_menu .dp3on .gnb .dp3 > li.m3_settlement > a,
#contents .sub_menu .dp3on .gnb .dp3 > li.m3_product > a,
#contents .sub_menu .dp3on .gnb .dp3 > li.m3_list > a {padding:1.5em 4em;}
/*#contents .sub_menu .dp3on .gnb .dp3 > li > a:before{ content:""; position:absolute; right:100%; top:50%; width:.25em; height:.25em; background:#ccc; transform:translate(-150%,-50%); border-radius:50%}*/
#contents .sub_menu .dp3on .gnb .dp3 > li > a .va{ font-weight:500; font-size:1.125em}
#contents .sub_menu .dp3on .gnb .dp3 > li.on > a .va{color: #fff; font-weight: 600;}
#contents .sub_menu .dp3on .gnb .dp3 > li.on > a,
#contents .sub_menu .dp3on .gnb .dp3 > li:hover > a{color:#fff; background: #333; z-index:1}
#contents .sub_menu .dp3on .gnb .dp3 > li.on > a:before,
#contents .sub_menu .dp3on .gnb .dp3 > li:hover > a:before{ display:none}

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

#contents .doc{ padding:2em 0 13em 0}
#contents .doc.prod{ padding:2em 0 13em 0}
.dp2_greetings #contents .doc{background: linear-gradient(0deg, rgb(227 227 227) 40%, rgba(239, 239, 239, 0) 100%);}

/**/

.visualSlider .el{ position:relative; overflow:hidden; height:100vh; background:#fff}
.visualSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%}
.visualSlider .el .bg::after{ content:''; width:100%; height:100%; background:linear-gradient(180deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)); position:absolute; left:0; top:0;}
.visualSlider .el .vod{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover}
.visualSlider .el .vod_wrap:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.2)}
.visualSlider .el .vod_bg{ position:absolute; left:0; top:0; width:100%; height:100%}
.visualSlider .el.swiper-slide-active .bg,
.visualSlider .el.swiper-slide-duplicate-active .bg{ transition:4s ease-in-out}
.visualSlider .el:nth-child(3n - 1) .bg{ height:120%}
.visualSlider .el:nth-child(3n) .bg{ width:110%}
.visualSlider .el.swiper-slide-active:nth-child(3n - 1) .bg,
.visualSlider .el.swiper-slide-duplicate-active:nth-child(3n - 1) .bg{ top:-20%}
.visualSlider .el.swiper-slide-active:nth-child(3n) .bg,
.visualSlider .el.swiper-slide-duplicate-active:nth-child(3n) .bg{ left:-10%}
.visualSlider .el.swiper-slide-active:nth-child(3n + 1) .bg,
.visualSlider .el.swiper-slide-duplicate-active:nth-child(3n + 1) .bg{transform:scale(1.1) rotate(.001deg)}
.visualSlider_wrap{position: relative;}
.visualSlider_wrap .slogan{ position:absolute; left:0; width:100%; bottom: 9em; margin-top:-2em; z-index:10; color:#fff;}
.visualSlider_wrap .slogan .wrap_in{ display:flex; flex-direction:column; }
.visualSlider_wrap .slogan .t1{ font-size: 4.75em; font-weight:700; line-height:1.1; text-shadow: 0px 4px 15px rgba(17, 17, 17, 0.25);}
.visualSlider_wrap .slogan .t2{ font-size:1.537em; transform:translateY(200%); opacity:0; margin-top:1em}
.visualSlider_wrap .slogan .t3{ font-size:1.5em; margin-bottom:1em; letter-spacing: 8%; font-weight: 500;}
.visualSlider_wrap .slogan .row{ display:block; overflow:hidden; line-height:1}
.visualSlider_wrap .slogan .row.d1{transition-delay:.8s}
.visualSlider_wrap .slogan .row .in{ transform:translateY(-150%)}
.visualSlider_wrap .slogan .t1 .row .in{line-height: 1.15;}
.visualSlider_wrap .el.swiper-slide-active .slogan .t2{ transition:2s; transition-delay:1s; transform:translateY(0); opacity:1}
.visualSlider_wrap .el.swiper-slide-active .slogan .row .in{ transition:1.5s; transform:translateY(0)}
.visualSlider_wrap .el.swiper-slide-active .slogan .row:nth-child(2) .in{ transition-delay:.8s}
/* .visualSlider_control{ position:absolute; left:0; bottom:2em; width:100%; z-index:10}
.visualSlider_control .paging{color:#fff; width:auto; display:flex}
.visualSlider_control .paging span{ position:relative; background:rgba(255,255,255,.5); opacity:1; width:0; height:3px;border-radius:0; position:relative; transition:.3s; height:2px; counter-increment: vIndex; display:block; margin:0 1.5em}

.visualSlider_control .paging{ margin-left:1.5em}
.visualSlider_control .paging > span:after{ content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#fff}
.visualSlider_control .paging > span.swiper-pagination-bullet-active{ width:5em}
.visualSlider_control .paging > span.swiper-pagination-bullet-active:after{ width:100%; transition:7s}
 */

.visualSlider_control{ position:absolute; left:0; bottom:4em; width:100%; z-index:10}
.visualSlider-pagination { display: flex; gap: .5em; justify-content: center; width: 70%;}
.visualSlider-pagination .swiper-pagination-bullet { flex:1; height: auto; background: transparent; opacity: 0.5; cursor: pointer; border-radius: 0; /* 기본 불릿 동그라미 제거 */ text-align: left; transition: opacity 0.3s; }
.visualSlider-pagination .swiper-pagination-bullet-active { opacity: 1; }
.pg-text { color: #fff; font-size: 1.06em; font-weight: bold; display: block; margin-bottom: .7em; }
.pg-bar { width: 100%; height: 2px; background: rgba(255, 255, 255, 0.3); position: relative; overflow: hidden; }
.pg-gauge { width: 0%; height: 100%; background: #fff; /* 차오르는 색상 */ } 
.visualSlider-pagination .swiper-pagination-bullet-active .pg-gauge { animation: fillGauge 5s linear forwards; /* delay 시간(5s)과 동일하게 설정 */ }
@keyframes fillGauge{ from { width: 0%; } to { width: 100%; } }

.visualSlider_control .swiperBtn{ margin-left:.25em}
.visualSlider_control .swiperBtn.prev,
.visualSlider_control .swiperBtn.next{font-weight: 600;}

.mainScroll{ position:absolute; left:-1em; bottom:0; z-index:100; color:#fff}
.mainScroll .line{ position:relative; display:block; height:8em; overflow:hidden}
.mainScroll .line:before{ content:""; position:absolute; left:50%; top:0; height:100%; width:1px; background:#fff;}
.mainScroll .dot{ position:absolute; left:50%; transform:translateX(-50%); top:0; width:.5em; height:.5em; background:#fff; border-radius:50%}
.mainScroll .tt{ display:block; transform:rotate(90deg); font-size:.75em; margin:0 0 2.5em 0; white-space:nowrap}
.mainScroll .tt .xi{ font-size:1.5em; margin-right:.25em}

.main_contents{ overflow:hidden}
.main_box{ padding:5em 0 6em 0}
.main_box.bg1{ background:#f5f5f5}
.main_box .box_flex{ gap:0 10em}
.main_box .box_flex .main_tit{ padding:1em 0 0 1em}
.main_box .box_flex .main_tit

/*.main_tit{ margin-bottom:2em; display:flex; flex-direction:column; gap:.75em 0}
.main_tit.hc{ align-items:center}
.main_tit .tit1{ font-weight:900; font-size:2.5em; text-transform:uppercase}
.main_tit .tit2{ font-weight:900; font-size:2em; text-transform:uppercase;}
.main_tit .tit3{ font-weight:700; font-size:1.625em; text-transform:uppercase;}
.main_tit .ico1{ position:relative}
.main_tit .ico1:before{ content:""; position:absolute; top:0; right:100%; transform:translate(-50%,-50%); width:.375em; height:.375em; border-radius:50%; background:var(--siteC)}
.en{}
.main_tit .tt1{ font-size:1.313em; opacity:.7}
.main_tit.white{ color:#fff}*/

.section_wrap{ min-height:100%; box-sizing:border-box}

#nav {position: fixed;left:4vw;width:auto;bottom: 4em;z-index:1;display:flex}
#nav:before{content:"";position:absolute;left:0;top:14px;width: calc(100% - 3em);height:1px;background:#fff;opacity:.6;transform: translateY(1px);}
#nav > li > a{color:#fff;width: 3.2em;position:relative;opacity:.6}
#nav > li > a .dot{ width:.5em; height:.5em; border-radius:50%; background:#fff; position:relative}
#nav > li > a .dot:after{ content:""; position:absolute; left:50%; top:50%; width:100%; height:100%; border:1px solid #fff; transform:translate(-50%, -50%) scale(2); border-radius:50%; opacity:0}
#nav > li > a .tt{ position:absolute; left:-50%; top:100%; margin-top:.5em; width:100%; text-align:center; opacity:0}
#nav > li > a .t1{ font-size:.6em}
#nav > li:hover > a,
#nav > li.on > a,
#nav > li:hover > a .dot:after,
#nav > li.on > a .dot:after,
#nav > li:hover > a .tt,
#nav > li.on > a .tt{ opacity:1; transition:.3s}
.fp-viewing-5 #nav{ display:none;}

.mainScroll{ position:absolute; left:-1em; bottom:0; z-index:100; color:#fff}
.mainScroll .line{ position:relative; display:block; height:8em; overflow:hidden}
.mainScroll .line:before{ content:""; position:absolute; left:50%; top:0; height:100%; width:1px; background:#fff;}
.mainScroll .dot{ position:absolute; left:50%; transform:translateX(-50%); top:0; width:.5em; height:.5em; background:#fff; border-radius:50%}
.mainScroll .tt{ display:block; transform:rotate(90deg); font-size:.75em; margin:0 0 2.5em 0; white-space:nowrap}
.mainScroll .tt .xi{ font-size:1.5em; margin-right:.25em}

.main_contents{ overflow:hidden}
.main_box{ padding:5em 0 6em 0}
.main_box.bg1{ background:#f5f5f5}
.main_box .box_flex{ gap:0 10em}
.main_box .box_flex .main_tit{ padding:1em 0 0 1em}

.main_tit{ margin-bottom:2.5em; display:flex; flex-direction:column; gap:.75em 0}
.main_tit.hc{ align-items:center}
.main_tit .tit1{font-weight:700;font-size: 3.5em;text-transform:uppercase}
.main_tit .tit2{ font-weight:800; font-size:3.5em; text-transform:uppercase;}
.main_tit .tit3{ font-weight:700; font-size:2.125em; text-transform:uppercase;}
.main_tit .tit4{ font-weight:700; font-size:3.13em;}
.main_tit .ico1{ position:relative}
.main_tit .ico1:before{ content:""; position:absolute; top:0; right:100%; transform:translate(-50%,-50%); width:.375em; height:.375em; border-radius:50%; background:var(--siteC)}
.en{ font-family: 'Orbitron', sans-serif}
.main_tit .tt1{font-size: 1.25em;opacity:.7}
.main_tit .tt2{ font-size:1.125em; opacity:.7}
.main_tit .tt3{ font-size:1.38em; font-weight: 600;}
.main_tit.white{ color:#fff}

.section{ position:relative; overflow:hidden}
.clipTxt{ -webkit-background-clip:text; -webkit-text-fill-color:transparent}

/* .main_about .wrap_bg{ width:100%; height:100%; left:0; top:0; position: absolute}
.main_about .wrap_bg.mask{ -webkit-mask-image: url(../images/main/about_mask.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover; -webkit-mask-position: right bottom;}
.main_about .wrap_bg video{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover}
.main_about .wrap_in{ padding: 0 0 0 23%; position: absolute; top:  24vh; left: 0; width: 100%; }
.main_about .list{ display:flex; gap:0 6em; margin-top:5em}
.main_about .list > li{ flex:1 1 1%; max-width:11em; position: relative;}
.main_about .list > li::before{position: absolute; content: ''; right: -3em; top: 0; width: 1px; height: 100%; background: #ddd;}
.main_about .list > li:last-child::before{display: none;}
.main_about .list > li .in{ text-align:center}
.main_about .list > li .ico{ width:70%; margin:0 auto}
.main_about .list > li .ico svg{ width:100%}
.main_about .list > li .con{ text-align:center; padding:1em 0}
.main_about .list > li .con .t1{ font-weight:700; font-size:1.125em; color:#777}
.main_about .list > li .con .t1 .ts{ font-weight:400; vertical-align:top}
.main_about .list > li .con .t2{ font-weight:700; font-size:2.63em; display: flex; justify-content: center; align-items: flex-end; margin-top: 0.2em; gap: 0.1em;}
.main_about .list > li .con .t2 .tt{font-size: 0.5em; margin-bottom: .3em;}
.main_about .list > li .con .t2 .tt.xi{font-weight: 700;} */
/*  */
.mainAbout .wrapF{ padding-bottom:10vh; /* padding-top: var(--headerH); */ display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; height: 100%; gap: 3vmin; justify-content: flex-end;margin-top: 1.5em;}
.mainAbout .list{ display:flex; margin-left:auto; gap:1.8em 2.5em; flex-wrap: wrap; width: 59%; background: #fff; padding: 3em 2.4em; box-sizing: border-box; border-radius: 0.5em;}
.mainAbout .list > li{width: calc((100% - 2.5em) / 2);}
.mainAbout .list .wIn{ display:flex; flex-direction:row-reverse; gap:1.5em; align-items:center; justify-content:space-between; box-sizing:border-box; backdrop-filter:blur(1em); padding: 0 0.5em .5em; box-sizing: border-box; border-bottom: 1px solid #ccc;}
/* .mainAbout .list > li:nth-child(5) .wIn,
.mainAbout .list > li:nth-child(6) .wIn{padding-bottom: 0; border-bottom: none;}
.mainAbout .list > li:nth-child(5) .wIn .t2 .no,
.mainAbout .list > li:nth-child(6) .wIn .t2 .no{margin-bottom: -0.3em;}
.mainAbout .list > li:nth-child(5) .wIn .t2 .tt,
.mainAbout .list > li:nth-child(6) .wIn .t2 .tt{margin-bottom: 0;} */
.mainAbout .list .wIn .twrap{margin-right: auto;}
.mainAbout .list .wIn .ico{ height:3.5em; margin-right: 0.5em;}
.mainAbout .list .wIn .t1{ font-weight:500; font-size:1em; opacity:.7; margin-bottom: 0.2em;}
.mainAbout .list .wIn .t2{display: flex; align-items: end; gap: 0.5em; margin-top: -0.5em;}
.mainAbout .list .wIn .t2 .no{ font-weight:500; font-size:6.8vmin}
.mainAbout .list .wIn .t2 .tt{font-size: 1.19em; margin-bottom: 0.8em;} 
.mainAbout .list .wIn .t2 .xi{font-size: 1.75em;}
.mainAbout .mainTit .tit2{ margin-left:-.125em}

/**/
.mainTit{ display:flex; flex-direction:column; align-items:flex-start; gap:1.5em}
.mainTit.ac{ align-items:center; text-align:center}
.mainTit.ar{ align-items:flex-end; text-align:right}
.mainTit.g0{ gap:0}
.mainTit.g1{ gap:.5em}
.mainTit .wIn{ display:flex; flex-direction:column; gap:1.5em;}
.mainTit .tit0{ font-weight:900; font-size:1.125em; color:var(--siteC); text-transform:uppercase; padding:0 .125em}
.mainTit .tit1{ font-size:5vmin; letter-spacing:-.025em; word-spacing:.1em}
.mainTit .tit1.s1{ font-size:4vmin}
.mainTit .tit2{ font-weight: 700; font-size: 11vmin; letter-spacing: -.02em; word-spacing: .2em; line-height: 1;}
.mainTit .tt1{ opacity:.8; font-size:1.25em; line-height:1.6}
.mainTit .c1{ color:var(--siteC)}
.mainTit .mgL{ margin-left:auto}
.mainTit.white{ color:#fff}
.mainTitW{ display:flex; align-items:center; justify-content:space-between}
.mainTitW.col{ flex-direction:column; align-items:flex-start}
.mainTitW.ac{ justify-content:center}

.clipTxt{ -webkit-background-clip:text; -webkit-text-fill-color:transparent}
.bgAni{ background-repeat: repeat-x; background-size: auto 100%; animation: bgAni 10s linear infinite;}

@keyframes bgAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}


.moreSt{ --c1:var(--siteC); --c2:#fff; --c3:transparent; background:var(--c1); color:var(--c2); height:3em; border-radius:2em; padding:0 2em; gap:1.25em; display:flex; align-items:center; justify-content:center; box-sizing:border-box; border:2px solid var(--c3); transition:.3s}
.moreSt .tt{ font-weight:500}
.moreSt:after{content:"\e907"; font-family:xeicon; transition:.5s}
.moreSt:hover{ border-color:var(--c1); color:var(--c1); background:var(--c2)}
.moreSt.re{ --c1:#fff; --c2:var(--siteC); --c3:var(--siteC)}

.moreSt2{ --w : 18vmin; width:var(--w); height:var(--w); border-radius:50%; padding:1vmin; position:relative}
.moreSt2 .svgtt{ width:100%; height:100%}
.moreSt2 .svgtt .tt{ text-transform:uppercase; letter-spacing:.125em; word-spacing:.25em; fill:var(--siteC)}
.moreSt2 .in{ position:absolute; transform:translate(-50%, -50%); left:50%; top:50%; width:70%; height:70%; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; box-sizing:border-box; background:#fff; padding-top:5%; gap:.25em}
.moreSt2 .in .t1{ font-weight:700; font-size:1.25em; color:#111}
.moreSt2 .in .more{ display:flex; align-items:center; gap:.125em; color:var(--siteC); font-size:.938em}
.moreSt2 .in .more:after{content:"\e913"; font-family:xeicon}


.fpR{ transform:translateX(-20vw); opacity:0; transition:1s ease-in-out}
.fp-section.active .fpR{ transform:translateX(0); opacity:1}
.fpL{ transform:translateX(20vw); opacity:0; transition:1s ease-in-out}
.fp-section.active .fpL{ transform:translateX(0); opacity:1}
.fpT{ transform:translateY(50%); opacity:0; transition:1s ease-in-out}
.fp-section.active .fpT{ transform:translateY(0); opacity:1}
.fpB{ transform:translateY(-50%); opacity:0; transition:1s ease-in-out}
.fp-section.active .fpB{ transform:translateY(0); opacity:1}

/* .main_business{ background:#f5f5f5}
.main_business .list{ display:flex; height:100%}
.main_business .list > li{width: 50%;height:100%;position:relative;display:flex;align-items:center;box-sizing:border-box;transition:.3s ease-in-out}
.main_business .list > li .wrap_bg{ position:absolute; left:0; top:0; width:100%; height:100%}
.main_business .list > li .wrap_bg:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); transition:.3s}
.main_business .list > li .wrap_in{ width:100%; transform: translateY(65px); position:relative; box-sizing:border-box; padding:3em; text-align:center; color:#fff; cursor:pointer; transition: 0.3s ease-in-out;}
.main_business .list > li .wrap_in:hover{transform: translateY(0);}
.main_business .list > li .wrap_in .tit .t1{  font-size: 1.38em; margin-bottom: 0.5em;}
.main_business .list > li .wrap_in .tit .t2{ font-weight:700; font-size:2em}
.main_business .list > li .wrap_in .con{ margin-top:2em;  opacity: 0;}
.main_business .list > li .wrap_in:hover .con{  transition: 0.3s ease-in-out;opacity: 1;}
.main_business .list > li .wrap_in .con .t1{ font-weight:500; font-size:1.25em}
.main_business .list > li .wrap_in .con .btn{ margin-top:1em}
.main_business .list > li .wrap_in .con .more_btn{ width: max-content; margin: 2em auto 0;}
.main_business .list:hover > li{ width:40%}
.main_business .list:hover > li:hover{ width:60%}
.main_business .list:hover > li:hover .wrap_bg:after{ background:rgba(0, 0, 0, 0.6); backdrop-filter: blur(10px);}
.main_business .list:hover > li:hover .wrap_in .con{ display:block}



.main_more{padding:.75em 2em; background:#fff; color:var(--siteC); font-weight:500; border-radius:2em}
.main_more:after{ content:"\e907"; font-family:xeicon; margin-left:.5em}
.main_more:hover{ background:var(--siteC); color:#fff}

 */
.main_business{ background:#222}
.main_business .list{ display:flex; height:100%}
.main_business .list > li{width: 50%;height:100%;position:relative;display:flex;align-items:center;box-sizing:border-box;transition:.3s ease-in-out}
.main_business .list > li .wrap_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position-x: 20%;}
.main_business .list > li .wrap_bg:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.4; transition:.3s}
.main_business .list > li .wrap_in{ width:100%; position:relative; box-sizing:border-box; padding:3em; color:#fff; cursor:pointer; display: flex; flex-direction: column; align-items: center;}
.main_business .list > li .wrap_in .tit{text-align: center;}
.main_business .list > li .wrap_in .tit .t1{ font-weight:700; color:var(--siteC); font-size: 1.125em; margin-bottom: .7em;}
.main_business .list > li .wrap_in .tit .t2{ font-weight:800; font-size:2.5em}
.main_business .list > li .wrap_in .con{ margin-top:1.3em; display:none}
.main_business .list > li .wrap_in .con .t1{ font-weight:500; font-size:1.25em}
.main_business .list > li .wrap_in .con .btn{ margin-top:3em}
.main_business .list:hover > li{ width:40%}
.main_business .list:hover > li:hover{ width:60%}
.main_business .list:hover > li:hover .wrap_bg:after{ opacity:.6}
.main_business .list:hover > li:hover .wrap_in .con{ display: flex; flex-direction: column; align-items: center;}

.main_business .list > li .con .check{width: 20em; background: rgb(0 0 0 / 32%); backdrop-filter: blur(5px); padding: 2em; border-radius: .5em; border: 1px solid rgb(255 255 255 / 35%);}
.main_business .list > li .con .check > li:not(:first-child){ margin-top:.7em}
.main_business .list > li .con .check > li{ position:relative; padding-left:0.9em; font-size:1.125em}
.main_business .list > li .con .check > li:before{ content: ""; width: 4px; height: 4px; background: #fff; border-radius: 100em; position: absolute; left: 0; top: 9px;}

.main_business2 .business_listW{position: relative;}
.main_business2 .business_listW .moreSt2{position: absolute; left: 50%; bottom: -2em; transform: translateX(-50%); z-index: 20; --w: 22vmin;}
.main_business2 .business_listW .moreSt2 .in{background: #111;}
.main_business2 .business_listW .moreSt2 .svgtt .tt{fill: #111;}
.main_business2 .business_listW .moreSt2 .in .t1{color: #fff;}
.main_business2 .business_listW .moreSt2 .in .more{color: #fff;}
.main_business2 .business_list { display:flex; gap:2em } 
.main_business2 .business_list > li { flex:1 1 1% } 
.main_business2 .business_list > li .in { padding-bottom:29em; overflow:hidden; position: relative; border-radius: .5em;} 
.main_business2 .business_list > li .in::before{position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; z-index: 10; transition: .3s ease-in-out;}
.main_business2 .business_list > li .in .bg { transition:1s; background-position-y: top; } 
.main_business2 .business_list > li .in .con { box-sizing:border-box; padding:2.5em; color:#fff; z-index: 11; display: flex; flex-direction: column; justify-content: space-between;} 
.main_business2 .business_list > li .in .con .t1 { display:block; font-weight:700; font-size:1.75em } 
.main_business2 .business_list > li .in .con .t2 { display:block; font-weight:500; font-size:1.25em; margin-bottom: 0.3em; } 
.main_business2 .business_list > li .in .con .more { padding:.5em 1em; border:1px solid #fff; display:inline-flex; margin:2em 0 0} 
.main_business2 .business_list > li .in:hover::before{opacity: 0.65; transition: opacity 0.3s, transform .3s ease-in-out;}
.main_business2 .business_list > li .in:hover .con .more { background:var(--siteC); border-color:transparent; } 
.main_business2 .business_list > li .in .con .info{opacity: 0;  transform: translateY(0px); transition: opacity 0.3s, transform .3s ease-in-out;}
.main_business2 .business_list > li .in .con .info li{display: flex; gap: 0.5em;}
.main_business2 .business_list > li .in .con .info li + li{margin-top: 0.6em;}
.main_business2 .business_list > li .in .con .info li .tt{letter-spacing: .4px;font-size: 1.125em; font-weight: 500;}

.main_business2 .business_list > li .in:hover .con .info{opacity: 1; transform: translateY(-50px);}

.main_business2 .wrap_in {position: absolute; width: 100%; top: 50%; transform: translateY(-50%); padding-top: 7em;}

#section6{display: flex; justify-content: center; align-items: center; margin-top: 6em;}
#section6,
#section6 .actWrap,
#section6 .wrapIn { height: 85%; box-sizing: border-box;  }
#section6 .actWrap{ width: 100%;}
#section6 .wrapIn { display: flex; flex-direction: column; justify-content: center; width: 100%;} 
.mainManage .list,
.mainManage .list > li,
.mainManage .list > li .bg { height:100%; box-sizing:border-box } 
.mainManage .list { display: flex; align-items: stretch; width: 100%; flex: 1; overflow: hidden; gap: 1px;} 
.mainManage .list > li { flex: 1; position: relative; overflow: hidden; height: 100%;  } 
.mainManage .list > li .bg { height: 100%; overflow: hidden; position: relative; background-size: cover; background-position: center; } 
.mainManage .list > li .bg:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5} 
.mainManage .list > li .con { position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; padding:17% 9%; display:flex; flex-direction:column; color:#fff } 
.mainManage .list > li .con .t1 { font-size:1em; font-weight: 600; color: var(--siteC); margin-bottom: 0.2em;} 
.mainManage .list > li .con .t2 { font-size:2em; line-height:1.5;font-weight:700;  margin-bottom: 0.5em;} 
.mainManage .list > li .con .tt{font-size: 1.125em; line-height: 1.5;}
.mainManage .list > li:first-child .bg { border-top-left-radius:2em; } 
.mainManage .list > li:last-child .bg {  border-bottom-right-radius:2em } 
.mainManage .list > li .arrow_btn{display: block; position: absolute; transition: 0.2s ease-in; right: 9%; bottom: 8%; width: 5.2em; height: 5.2em; border-radius: 100em; border: 1px solid #fff; display: flex; justify-content: center; align-items: center;}
.mainManage .list > li .arrow_btn .xi{font-size: 2.25em; color: #fff;rotate: -45deg;}
.mainManage .list > li .arrow_btn:hover{background: var(--siteC); border-color: var(--siteC);}

.more_btn {  padding: 0.7em 2em; box-sizing: border-box; border-radius: 0.2em; background: var(--siteC); color: #fff; display: flex; gap: 1.5em; align-items: center; margin-top: 4.3em;   transition: .2s ease-in-out !important;}
.more_btn.c1:hover{background: #fff; color: #111;}
.more_btn span{font-size: 1.125em;}

.main_more{padding:.75em 2em; background:var(--siteC);color:#fff; font-weight:500; border-radius:2em}
.main_more:after{ content:"\e907"; font-family:xeicon; margin-left:.5em}
.main_more:hover{  background:#fff; color:var(--siteC); box-sizing: border-box; border: 2px solid var(--siteC);}


.visualSlider_wrap .el .slogan .more_btn_wrap{transition: 1.5s; transition-delay: 1s;  opacity: 0;}
.visualSlider_wrap .el.swiper-slide-active .slogan .more_btn_wrap{opacity: 1;}

.main_product{ background:#f1f1f1}
.main_product .wrap_bg{ position:absolute; left:0; bottom:0; width:100%; height:20vh; background-position-y: -63px;}
.main_product .wrap_in{ box-sizing:border-box; width:100%; position:relative;}
.main_product{ position:relative; overflow:hidden}
.main_product .wrap_prod .main_tit{ padding:0 .5em 1.5em 0}
.main_product .wrap_prod .mainProdSlide .el{ width:20%}
.main_product .wrap_prod .mainProdSlide .el .prod_st{ background:#fff; /*border:1px solid #eee;*/ overflow:hidden; border-radius:1em; margin:0 1em; position:relative}
.main_product .wrap_prod .mainProdSlide .el .prod_st .img{ padding:2.2em; position:relative; z-index:1}
.main_product .wrap_prod .mainProdSlide .el .prod_st .img .resize{ background-size:contain; padding-bottom: 61% !important;}
.main_product .wrap_prod .mainProdSlide .el .prod_st .con{ padding:1.5em; border-radius: 0 0 1em 1em; text-align:center; position:relative; z-index:1; min-height: 3.5em; display: flex; flex-direction: column; justify-content: center;}
.main_product .wrap_prod .mainProdSlide .el .prod_st .con .cate{ padding:.25em 1em; background:var(--siteC); position:absolute; left:2em; bottom:calc(100% - .75em); color:#fff; font-weight:500}
.main_product .wrap_prod .mainProdSlide .el .prod_st .con .t1{ font-weight:600; font-size:1.25em; transition:all .3s}
.main_product .wrap_prod .mainProdSlide .el .prod_st .con .t2{ margin-bottom:10px; font-weight:600; font-size:1em; color:var(--siteC); opacity:.9; transition:all .3s}
.main_product .wrap_prod .mainProdSlide .el .prod_st .con .t2.acc{ color:var(--blue)}
/*.main_product .wrap_prod .mainProdSlide .el .prod_st::after{ content:''; width:100%; height:30%; background:var(--siteC); position:absolute; left:0; bottom:0; transform:translateY(100%) scaleY(0); opacity:0; transition:all .3s}
.main_product .wrap_prod .mainProdSlide .el:hover .prod_st::after{ transform:translateY(0) scaleY(100%); opacity:.8}
.main_product .wrap_prod .mainProdSlide .el:hover .prod_st .con .t1,
.main_product .wrap_prod .mainProdSlide .el:hover .prod_st .con .t2{ color:#fff}*/
.main_product .wrap_prod .mainProdSlide .el:hover .prod_st .con{ background-color:var(--siteC)}
.main_product .wrap_prod .mainProdSlide .el:hover .prod_st .con.acc{ background-color:var(--blue)}
.main_product .wrap_prod .mainProdSlide .el:hover .prod_st .con .t1{ color:#fff}
.main_product .wrap_prod .mainProdSlide .el:hover .prod_st .con .t2{ color:#fff}
.mainProdSlide_control{ gap:0 1em; margin-top: 7em;}
.mainProdSlide_control .paging{ width:20em; filter:brightness(0) invert(1)}



.main_customer{ position:relative; overflow:hidden}
.main_customer .wrap_bg{ width:40%}
.main_customer .wrap_bg .wrap_in{ width:100%; box-sizing:border-box; padding:0 0 0 5vw; z-index:1; display: flex;}
.main_customer .wrap_slide{ width:60%}
.main_customer .wrap_slide .slide_in{ width:100%; box-sizing:border-box; padding:0 4vw; padding-right: 5vw;}
.main_customer .wrap_bg:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:100%}
.main_customer .wrap_bg .text{ position:absolute; left:0; bottom:0; width:100%; filter:brightness(0) invert(1); mix-blend-mode: soft-light; display:flex; justify-content:flex-end; gap:0 5em}
.main_customer .wrap_bg .text .t1{ color:#fff; font-size:6em; word-spacing:.063em; white-space:nowrap; line-height:1}
.main_customer .wrap_con{ display:flex; align-items:flex-start; justify-content:space-between; position:relative; gap:0 4em}
/*.main_customer .wrap_search{ padding:2em 0; box-sizing:border-box; color:#fff}
.main_customer .wrap_search .inp_wrap{ width:100%; box-sizing:border-box; display:flex; align-items:center; gap:0 .5em; border-bottom:1px solid #fff}
.main_customer .wrap_search .inp_wrap .ico{ font-size:2em}
.main_customer .wrap_search .inp_wrap .inp{ background:none; border:none; flex:1 1 0%; min-width:0; font-size:1.25em}
.main_customer .wrap_search .inp_wrap .inp::placeholder{ color:#fff !important}
.main_customer .wrap_search .inp_wrap .btn{ width:4em; height:4em; border:none; background:#fff; color:var(--siteC); border:none; transform:translateY(1px)}
.main_customer .wrap_search .inp_wrap .btn:hover{ background:var(--siteC); color:#fff}*/ /*  키워드 검색*/
.main_customer .wrap_search{ padding:2em 0; box-sizing:border-box; color:#fff}
.main_customer .wrap_search .inp_wrap{ width:100%; box-sizing:border-box; display:flex; align-items:center; gap:0 .5em; border-bottom:1px solid #fff}
.main_customer .wrap_search .inp_wrap .ico{ width:5%; font-size:2em}
.main_customer .wrap_search .inp_wrap .select{ width:calc( (95% - 5.2em) / 2);}
.main_customer .wrap_search .inp_wrap .inp{ width:100%; height:3.2em; padding:.5em; box-sizing:border-box; background:none; border:none; /*border-bottom:1px solid #fff;*/ flex:1 1 0%; min-width:0; font-size:1.25em}
.main_customer .wrap_search .inp_wrap .select::after{ color:#fff;}
.main_customer .wrap_search .inp_wrap .inp option{ font-size:.875em; color:#111}
.main_customer .wrap_search .inp_wrap .inp::placeholder{ color:#fff !important}
.main_customer .wrap_search .inp_wrap .btn{ width:4em; height:4em; border:none; background:#fff; color:var(--siteC); border:none; transform:translateY(1px)}
.main_customer .wrap_search .inp_wrap .btn:hover{ background:var(--siteC); color:#fff}
.main_customer .wrap_cs{ padding:3.5em; color:#fff; position:relative; flex: 1;}
.main_customer .wrap_cs:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(154deg,rgb(34, 80, 58) 45%, rgb(66, 141, 61) 100%);  border-radius:.5em}
.main_customer .wrap_cs .in{ position:relative}
.main_customer .wrap_cs .ico{ height:4em; filter:brightness(0) invert(1)}
.main_customer .wrap_cs .t1{ font-size:1.25em; margin-bottom: 0.5em;}
.main_customer .wrap_cs .t2{ font-size:2.5em; font-weight:800}
.main_customer .wrap_cs .topW{ gap:0 2em; display: flex;}

.main_customer_wrap .customer_time{margin-top: 1.5em; padding-top: 1.5em; border-top: 1px dashed #fff;}
.main_customer_wrap .customer_time .tit{font-size: 1.5em; display: flex; gap: 0.3em; align-items: center; font-weight: 600; margin-bottom: 0.5em;}
/* .main_customer_wrap .customer_time .time{display: flex; flex-direction: column; gap: 0.5em;} */
.main_customer_wrap .customer_time .tt{ font-size: 1.25em;}

.main_customer .wrap_slide .main_tit{ padding:0 .5em 1.5em 0}
.main_customer .wrap_slide .mainNewsSlide{ margin:-.5em; filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 0px 1em);}
.main_customer .wrap_slide .mainNewsSlide .el{ width:50%; }
.main_customer .wrap_slide .mainNewsSlide .el .wrap_in{ border:1px solid #eee; border-radius:.5em; position:relative; box-sizing:border-box; padding:2.5em 2.3em 2.5em;  overflow:hidden; background:#fff; display:flex; flex-direction:column; gap:1em 0; margin:.5em}
.main_customer .wrap_slide .mainNewsSlide .el .wrap_in .cate{ padding:.5em 1em; background: #333; color:#fff; font-weight:700; position:absolute; left:0; top:0}
.main_customer .wrap_slide .mainNewsSlide .el .wrap_in .t1{ font-weight:700; font-size:1.313em; transition:all .3s}
.main_customer .wrap_slide .mainNewsSlide .el .wrap_in .t2{line-height: 1.45; color: #666; min-height: 3em;}
.main_customer .wrap_slide .mainNewsSlide .el .wrap_in .t3{ color:#999; font-size:.938em}
.main_customer .wrap_slide .list{ display:flex; margin:-.5em; margin-top:4em; position:relative; z-index:1}
.main_customer .wrap_slide .list > li{ flex:1}
.main_customer .wrap_slide .list > li > a{ display:flex; flex-direction:column; align-items:center; gap:1em 0; border:1px solid #ddd; margin:.5em; box-sizing:border-box; padding:1em; border-radius:.5em; transition:all .3s}
.main_customer .wrap_slide .list > li > a .ico{ height:2.5em}
.main_customer .wrap_slide .list > li > a .t1{ font-weight:500; font-size:1.063em}
.mainNewsSlide_control{ gap:0 .25em}
/* .mainNewsSlide_control .paging{ margin:0 1em} */
.main_customer .wrap_slide .mainNewsSlide .el:hover .wrap_in .t1{ text-decoration:underline}
.main_customer .wrap_slide .list > li:hover > a{ border-color:var(--siteC)}

/**/
.main_customer .customer_linkW{margin-top: 4em;}
.main_customer .customer_linkW .link_con { width: 100%; } 
.main_customer .customer_linkW .link_con .inner{ width: 100%;}

.main_customer .customer_linkW .link_con { display: flex; gap: 1em; } 
.main_customer .customer_linkW .link_con .link_banner { position: relative; display: block; width: 100%; height: 14.5em; overflow: hidden; } 
.main_customer .customer_linkW .link_con .link_banner:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg,rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 65%); content: ''; z-index: 1; } 
.main_customer .customer_linkW .link_con .link_banner .img_con { width: 100%; height: 100%; } 
.main_customer .customer_linkW .link_con .link_banner .img_con > img { transition: .3s; width: 100%; height: 100%; object-fit: cover;} 
.main_customer .customer_linkW .link_con .link_banner .info_con { position: absolute; top: 3em; left: 3em; color: #fff; z-index: 2; } 
.main_customer .customer_linkW .link_con .link_banner .info_con .tit { font-size: 1.75em; font-weight: 600; margin-bottom: .55em; } 
.main_customer .customer_linkW .link_con .link_banner .info_con .txt { font-size: 1.06em; color: rgba(255,255,255,.8); font-weight: 500; } 
.main_customer .customer_linkW .link_con .link_banner .info_con .num_con { display: flex; gap: .5em; align-items: center; margin-top: .3em; color: #fff; } 
.main_customer .customer_linkW .link_con .link_banner .info_con .num_con > .xi { width: 1.75em; height: 1.75em; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 50%; font-size: 1.65em; } 
.main_customer .customer_linkW .link_con .link_banner .info_con .num_con > .num { font-size: 1.85em; font-weight: 800; } 

.main_customer .customer_linkW .link_con .link_banner .main_cir { position: absolute; bottom: 3em; right: 3em; color: #fff; z-index: 2; transition: .3s; } 
.main_customer .customer_linkW .link_con .link_banner:hover .main_cir { background: #fff; color: var(--siteC); } 

.main_customer .customer_linkW .link_con .link_banner:hover .img_con > img { transform: scale(1.1); } 

.main_customer .customer_linkW .link_con .link_banner .roundArrow{position: absolute; width: 3em; height: 3em; bottom: 2em; right: 2.5em; transition: 0.3s ease-in-out;}
.main_customer .customer_linkW .link_con .link_banner:hover .roundArrow{background: var(--siteC);}
.main_customer .customer_linkW .link_con .link_banner .roundArrow .xi{transition: 0.3s ease-in-out;}
.main_customer .customer_linkW .link_con .link_banner:hover .roundArrow .xi{color: #fff; rotate: -45deg;}
.roundArrow { width: 2.5em; height: 2.5em; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .3s ease; }
.roundArrow.b1 { background: transparent; border: 1px solid #ddd; color: var(--siteC); } 
.roundArrow.b2 { background: var(--siteC); color: #fff; border: 1px solid var(--siteC); } 
.roundArrow.b3 { background: #fff; color: var(--siteC);border: none; } 
/* .roundArrow.b1:hover { background: var(--siteC); border: 1px solid var(--siteC); color: #fff; } */


.main_etc{ display:flex; background:#222}
.main_etc > li{ flex:1}
.main_etc > li .wrap_in{ height:22em; position:relative; overflow:hidden}
.main_etc > li .wrap_in .bg{ position:absolute; left:0; top:0; width:100%; height:100%; transition:all .8s}
.main_etc > li .wrap_in .con{ position:relative; padding:2em 4vw; height:100%; box-sizing:border-box}
.main_etc > li .wrap_in .con .viwe_more_wrap{/* margin-left:20px; */}
.main_etc > li .wrap_in .con .viwe_more{font-size:1.125em;color:#fff;font-weight: 100;}
.main_etc > li .wrap_in .con .viwe_more .icon{width: 40px;height: 40px;margin-right: 5px;background-repeat:no-repeat;background-position:0 0;background-size:cover;}
.main_etc > li .wrap_in .con .viwe_more .xi{ transition:all .3s}

.main_etc > li .wrap_in .con .btn_wrap .btn{ color: #fff; border-bottom: 1px solid #fff; padding-bottom: 0.5em;}
.main_etc > li .wrap_in .con .btn_wrap .btn .tt{font-size: 1.125em; color: #fff; margin-right: 1em;}
.main_etc > li:hover .wrap_in .bg{ transform:scale(1.1, 1.1)}
.main_etc > li:hover .wrap_in .con .more_btn{ background:#fff;}
.main_etc > li:hover .wrap_in .con .more_btn .xi{ color:var(--siteC);}
.main_etc > li .wrap_in .con .viwe_more:hover .xi{ color:var(--siteC);}
.main_etc > li .wrap_in .con .tit1{ font-size: 2.5em;}



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

.page_con{padding: 5.5em 0; box-sizing: border-box;}
.page_con.bg1{background: #f5f5f5;}

.sub_tit {}
.sub_tit .t1{ font-size:1.8em; font-weight:600; color:#333; margin-bottom:.2em; position:relative;/* display:inline-block;*/}
/*.sub_tit .t1:before {content:""; position:absolute; left:100%; bottom:100%; width:.375em; height:.375em; border-radius:50%; background:var(--siteC);}*/
.sub_tit .t2{font-size:1.125em;/* font-weight:600; */margin-bottom:2em; color:#09f; position:relative; /*display:inline-block;*/}
/*.sub_tit .t2:before {content:""; position:absolute; left:100%; bottom:100%; width:.375em; height:.375em; border-radius:50%; background:var(--siteC);}*/
.sub_tit .line{ width:50px; height:1px; margin:20px auto; background-color:#777;}
 
.tit_box .t1 { font-size:2rem;font-weight: 700; letter-spacing: -1.8px; line-height: 1.5; position:relative; display:inline-block;}  
.tit_box .t1:before {position:absolute; bottom: 0; right: -14%; content:''; width:.275em; height:.275em; background-color:var(--siteC); border-radius:50%;}
.tit_box .t2{margin-top: 0.625rem; font-size: 1.25rem; line-height: 1.2;}
.tit_box .t3 {font-size: 1.125rem; color: #111; margin-top:1em; margin-bottom:3em;}

.page_topT{gap: 4em;}
.page_topT.gap1{gap: 1.5em;}
.page_topT.st1{margin-bottom: 4em;}
.page_topT .page_tt{line-height: 1.5;}

.sub_tt {/*font-size:1em; margin-bottom:.5em;*/}
.sub_tt.tit1{ margin-bottom:40px; font-weight:700; font-size:2.125em; color:#111; letter-spacing:-1px;}
.sub_tt.icon1{ position: relative;}
.sub_tt.icon1::before{content:'';width: 10px;height: 10px;border: 5px solid var(--siteC);border-radius:50%;position: absolute;right: -12px;top: -5px; z-index:-1; opacity:.6}

.sub_tt.tit2{ margin-bottom:40px; font-weight:700; font-size:1.25em; letter-spacing:-1px;}

.sub_tt.t1 { margin-bottom:1em; padding-left:12px; font-size:1.5em; font-weight:600; color:#333; position:relative; display:inline-block;}
.sub_tt.t1:before { content:''; width:4px; height:22px; background-color:var(--siteC); position:absolute; left:0; top:50%; transform:translateY(-50%); opacity:.7}
.sub_tt.t1:not(:first-child){ margin-top:1em;}
.sub_tt.t2 { font-size:1.5em; color:#333}
.sub_tt.t3 { /*margin-bottom:15px; */padding-left:15px; font-size:1em; line-height:1.4; position:relative}
.sub_tt.t3:last-child{ margin-bottom:0}
.sub_tt.t3:before{ content:''; width:5px; height:5px; background-color:var(--siteC); position:absolute; left:0; top:9px;}
.sub_tt.t4{ font-size: 1.25em; line-height: 1.6;}
.sub_tt.t5{ font-size:.875em}

.sub_tt.dot{ margin-bottom:20px; padding-left:20px; font-size:1.125em; color:#333; line-height:1.6; position:relative;}
.sub_tt.dot::before{ content:''; width:5px; height:5px; border:3px solid var(--siteC); border-radius:50%; position:absolute; left:0; top:10px;}
.sub_tt.dot2{ margin-bottom:5px; padding-left:20px; font-size:1.125em; line-height:1.6; color:#555; position:relative;}
.sub_tt.dot2::before{content:'';width:5px;height:5px;border:3px solid #aaa; border-radius:50%;position:absolute;left:0;top: 10px;}
.sub_tt.dot3{ padding-left:1.2em; font-size: 1.75em; color:#333; position: relative;}
.sub_tt.dot3:before{ content:""; width:16px; height:22px; background:url(../images/sub/tt_img1.png) no-repeat 0 0 / cover; position:absolute; left:9px; top:8px;}

/* tab button */
.list_tab{width:100%;/*margin-bottom:1.5em;*/position:relative;/* gap: 0 1em; */}
.list_tab::after{/* content:''; */width:100%;height:1px;background:#ddd;position:absolute;bottom:0;}
.list_tab > li{flex:1 1 100%;max-width:15%;padding:0 2em;box-sizing:border-box;border: 1px solid #eee;position:relative;background: #eee;transition: all ease .3s;}
.list_tab > li::before{/* content:''; */width:4px;height:4px;border-radius:50%;background:#9f0911;position: absolute;top: 50%;left: 0;transform:translateX(-50%)}
.list_tab > li:nth-child(1)::before{ display:none;}
.list_tab > li a{padding: .8em 0;font-size: 1.25em;color: #666;text-align:center;transition: .3s;position:relative;}
.list_tab > li a p::after{content:'';width:100%;height:4px;background:#a6c108;position:absolute;left:0;bottom:0;opacity:0;transform:scale(0,0%);transition:all .3s;}

.list_tab > li.on > a::after{ opacity:1; transform:scale(100%, 100%);}
.list_tab > li.on{ background-color:var(--siteC);}
.list_tab > li.on , 
.list_tab > li:hover{border-color:var(--siteC);}
.list_tab > li.on a{ color:#fff;} 

/**/
.list.st1{ gap:1em}
.list.st1 > li{ width:calc( (100% - 2em) / 3); padding:2em 2.5em; box-sizing:border-box; border:1px solid #ddd; position:relative}
.list.st1 > li::after{ content:''; width:20px; height:20px; border-top:2px solid var(--siteC); border-right:2px solid var(--siteC); position:absolute; right:-1px; top:-1px;}
.list.st1 > li .tit{ margin-bottom:20px; font-weight:600; font-size:1.375em; letter-sapcing:-1px; color:#333;}
.list.st1 > li .tit > span{ display:block; margin-bottom:5px; color:var(--siteC)}
.list.st1 > li .desc{ font-size:1.125em; line-height:1.6; letter-sapcing:-1px; color:#555;}

.con_wrap .wrap_in{ padding:4em 6em; border: 1px solid #ddd; position:relative}
.con_wrap .wrap_in::before{ content:''; width:20px; height:20px; border-top:2px solid var(--siteC); border-right:2px solid var(--siteC); position:absolute; right:-1px; top:-1px;}
.con_wrap .wrap_in::after{ content:''; width:20px; height:20px; border-bottom:2px solid var(--siteC); border-left:2px solid var(--siteC); position:absolute; left:-1px; bottom:-1px;}
.con_wrap .wrap_in .quote{ margin-left:15px; padding:1em 2em 1.2em; background-color:#f6f6f6; font-size:1rem; color:#555;}
.con_wrap .wrap_in .img_wrap img{ box-shadow:3px 3px 5px rgba(0, 0, 0, .1)}

/** 회사소개 **/
/*ceo 인사말*/
.introduction{ text-align:right; position:relative;}
.introduction > .box1{position:relative;}
.introduction p{ line-height:1.7; text-align:left;}
.introduction .top .profile_img{width: calc( 50% - 40px);position:absolute;left:0;top:0;z-index:2;text-align:left;color:#111;height: 470px;}
.introduction .top .profile_img img{display:block;object-fit:cover;width: 100%;height: 100%;}
.introduction .top .slogan{ display:inline-block; width:50%; padding:100px 0 50px 10px; box-sizing:border-box; background:#fff url(../images/sub/slogan_pattern.png) no-repeat right top; position:relative; z-index:1;}
.introduction .top .slogan .t1{ font-size:2.125em;line-height:1.3; color:#111;}
.introduction .top .slogan .t1 span{ display:inline}
.introduction .gradation{ padding:40px 0; background: linear-gradient(135deg,  #c0020e 0%, #ae0000 100%); color:#fff; position:relative; z-index:1;}
.introduction .gradation .grtt{padding-left: calc(50% + 15px);font-size: 1.25em;}
.introduction .bottom .grstt{ gap:0 3em; width: 100%; padding-top:100px;}
.introduction .bottom .grstt p{ width:50%; font-size:1.125em; color: #555;}
.introduction .bottom .ceo{ float: right; margin-top:3em; margin-right:2em; color: #111; position: relative;}
.introduction .bottom .ceo em{ font-size: 18px; /*position: absolute;*/}
.introduction .bottom .ceo b{ font-size: 34px; margin-left: .7em;}

/* 회사개요*/
/* 회사개요 - 미션&비전*/
.mission_dia{ margin-top:50px;}
.mission_dia .tit{ width:20em; height:4em; margin:0 auto; border-radius:10em; background-color:var(--siteC); font-weight:600; font-size:1.375em; line-height:4em; color:#fff; text-align:center;}
.mission_infog{ display:flex; justify-content:center; margin:2em 0;}
.mission_infog > li{ width:320px;height:320px; margin:0 1em; padding:2em; box-sizing:border-box; border-radius:50%; background-repeat:no-repeat ;background-position:center center; background-size:cover; position:relative; border: 7px solid #fff;}
.mission_infog > li:nth-child(1){ background-image:url(../images/sub/mission_bg01.jpg)}
.mission_infog > li:nth-child(2){ background-image:url(../images/sub/mission_bg02.jpg)}
.mission_infog > li:nth-child(3){ background-image:url(../images/sub/mission_bg03.jpg)}
.mission_infog > li::after{content:''; width:165px; height:165px; border-radius: 0 0 200px 0; position:absolute; right:-10px; bottom:-10px;z-index:-1;background: var(--siteC);}
.mission_infog > li .icon{ width:80px; height:80px; margin-bottom:10px; background-repeat:no-repeat; background-position:center; background-size:cover; }
.mission_infog > li:nth-child(1) .icon{ background-image:url(../images/sub/mission_icon01.png)}
.mission_infog > li:nth-child(2) .icon{ background-image:url(../images/sub/mission_icon02.png)}
.mission_infog > li:nth-child(3) .icon{ background-image:url(../images/sub/mission_icon03.png)}
.mission_infog > li .tt{ font-weight:500; font-size:1.325em; color: #fff; text-align: center;}
.con_wrap.vision{ padding:60px 0 80px; background:url(../images/sub/vision_bg.jpg) no-repeat 0 0 / cover; position:relative;}
.con_wrap.vision .sub_tt.tit1{ color:#fff;}
.vision_list{/* padding-top:20px*/}
.vision_list li{ width:25%;}
.vision_list li .icon{ display:flex; justify-content:center; align-items:center; width:100px; height:100px; border-radius:50%; background-color:var(--siteC);}
.vision_list li .icon img{ width:50px; height:50px; object-fit:cover;}
.vision_list li .num{ margin-bottom:15px; font-weight:600; font-size:3em; color:var(--siteC); text-align:center;}
.vision_list li .tt{ font-weight:500; font-size:1.25em; line-height:1.6; color:#fff; text-align:center; /*text-shadow:0 1px 1px rgba(255, 255, 255, .25)*/}
.value_list{ gap:3em;}
/*.value_list li{ padding-top:20px}*/
.value_list li .txt_wrap{ padding:60px 50px 0; text-align:center; position:relative}
.value_list li .txt_wrap .icon{ width:100px; height:100px; box-sizing:border-box; border:8px solid #fff; border-radius:50%; position:absolute; left:50%; top:-50px; transform:translateX(-50%)}
.value_list li:nth-child(odd) .txt_wrap .icon{ background-color:var(--siteC);}
.value_list li:nth-child(even) .txt_wrap .icon{ background-color:#333;}
.value_list li .txt_wrap .icon img{ width:50px; object-fit:cover;}
.value_list li .txt_wrap .tit{ margin-bottom:15px; font-weight:600; font-size:1.5em; color:#333;}
.value_list li .txt_wrap .tt{ font-size:1.125em; line-height:1.5; color:#555; }
.value_list li .bg{ order:-1; height:15em; background-repeat:no-repeat; background-position:center 0; background-size:cover}
.value_list li:nth-child(1) .bg{ background-image:url(../images/sub/value_bg01.jpg)}
.value_list li:nth-child(2) .bg{ background-image:url(../images/sub/value_bg02.jpg)}
.value_list li:nth-child(3) .bg{ background-image:url(../images/sub/value_bg03.jpg)}

/* 회사개요 - 회사연혁*/
/* history 상단 타이틀 */
.history-top-box{display: flex; justify-content:space-between; align-items:center; margin-bottom:140px;}
.history-tit{font-size:74px; line-height:1.1; letter-spacing:-0.025em; font-weight:700; color:#5e5e5e; width:63.6%;}
.history-tit span{display: block; color:var(--siteC); padding-left:60px;}
/* history 컨텐츠 */
.history-page .sub-tab-con{margin-bottom:180px;}
.history-page .sub-tab-con:last-child{margin-bottom:0px;}
.history-tab-box{display: flex; justify-content:space-between; margin-bottom:60px;  /*align-items:flex-end;*/}
.history-tab-box .img-box{ width:42.3%; padding-bottom:30%; background-repeat:no-repeat; background-position:center 30%; background-size:cover;}/*.history-tab-box .img-box img{max-width:100%;}
*/.history-tab-box .history-con-box{ width:57.7%; margin:50px 0 50px; box-sizing:border-box;}
.history-tab-box .history-con-box .history-tit{color:#e8e8e8; margin-bottom:50px;}
.history-con-box .history-year-box{position: relative;}
.history-con-box .history-year-box:before{position: absolute; content:''; width:2px; height:calc(100% - 8px); left:0; bottom:0; background:#099fe7;}
.history-con-box .history-year-box .history-item{position: relative; margin-bottom:21px;}
.history-con-box .history-year-box .history-item:last-child{margin-bottom:0;}
.history-con-box .history-year-box .history-item .history-year{position: absolute; top:0; left:15px; width:120px; font-size:19px; line-height:1.75; letter-spacing:-0.025em; font-weight:600; color:#099fe7;}
.history-con-box .history-year-box .history-item .history-txt-con{padding-left:120px;}
.history-con-box .history-year-box .history-item .history-txt-con .txt{font-size:16px; line-height:1.75; letter-spacing:-0.025em; color:#5e5e5e; margin-bottom:10px;}
.history-con-box .history-year-box .history-item .history-txt-con .txt:last-child{margin-bottom:0;}
/* 오른쪽 텍스트 */
.history-tab-box.right-box .history-con-box {padding-left:140px;}
/* 왼쪽 텍스트 */
.history-tab-box.left-box{flex-direction: row-reverse}
.history-tab-box.left-box .history-con-box {padding-right:140px;}

/* history 탭스타일 */
.history-tab-wrapper-style{width:36.4%;}
.history-tab-list-style ul{display:flex; align-items:center; flex-wrap:wrap; gap:.5em;}
.history-tab-list-style ul li{position: relative; width:18%;}
.history-tab-list-style ul li a{display: block; position: relative; width:100%; height:0; padding-top:100%; overflow:hidden; border-radius:50%; transition:all 0.4s;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00a3e6+0,7673f9+100 */
background: #00a3e6; /* Old browsers */
background: -moz-linear-gradient(27deg,  #e60000 0%,#9d0606 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(27deg,  #e60000 0%,#9d0606 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(-153deg,  #e60000 0%,#9d0606 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3e6', endColorstr='#7673f9',GradientType=1 ); /* IE6-9 */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00a3e6+0,7673f9+100 */
}
.history-tab-list-style ul li a em{position: absolute; width:calc(100% - 2px); height:calc(100% - 2px); top:1px; left:1px; display: flex; justify-content:center; align-items:center; font-size:20px; letter-spacing:-0.025em; color:var(--siteC); background:#fff; font-weight:700; border-radius:50%; transition:all 0.4s;}

.history-tab-list-style ul li a:hover,
.history-tab-list-style ul li.selected a{box-shadow: 3px 5px 8px 0px rgba(0, 0, 0, 0.2);}
.history-tab-list-style ul li a:hover em,
.history-tab-list-style ul li.selected a em{background:transparent; color:#fff;}

/*회사개요 - 조직도*/
.org_img{ display:block; margin:0 auto}

.org_slogan{ margin-bottom:80px; font-weight:700; font-size:2.5em; line-height:1.2; color:#555; letter-spacing:-2px}
.org_slogan .c_point{ font-size:1.2em; position:relative}
/*.org_slogan .c_point::after{ content:''; width:100%; height:10px; background:var(--siteC); opacity:.3; position:absolute; right:-4px; bottom:-4px; }*/
.org{ padding:0 5em; box-sizing:border-box;/* border:1px solid #ddd;*/}

/*특화사업분야*/
.business_top_wrap{}
.business_top_wrap .txt_box{ width:50%; padding-right:60px;}
.business_top_wrap .txt_box .tit{ padding-top:15px; padding-left:5px; border-top:1px solid #ddd; font-weight:600; font-size:2em;}
.business_top_wrap .txt_box .tit::after{ content:''; width:50px; height:1px; background:var(--siteC); position:absolute; left:0; top:-1px;}
.business_top_wrap .txt_box .desc{ margin:4em 0 2em;}
.business_top_wrap .txt_box .desc .t1{ margin-bottom:15px; font-weight:500; font-size:1.5em; color:#333;}
.business_top_wrap .txt_box .desc .t2{font-size: 1.125em;line-height:1.6;color:#555;}
.business_top_wrap .img_box{ width:50%; padding-bottom:25%; background:url(../images/sub/business_top_global.jpg) no-repeat 0 40% / cover; box-shadow:20px 20px 50px rgba(0, 0, 0, .15); position:relative}
.business_top_wrap .img_box.cs{ background:url(../images/sub/business_top_cs.jpg) no-repeat 0 40% / cover;}
.business_top_wrap .img_box::before{ content:''; width:2em; height:2em; border:1em solid var(--siteC); border-radius:50%; position:absolute; right:-2em; top:2em;}
.business_top_wrap .img_box::after{content:'';width:100%;height:100%;background-color:#eee;position:absolute;left: -20px;bottom: -20px;z-index:-1}

/*.plant_cert{ gap:0 3em;}
.plant_cert > li{ width:calc( (100% - 9em) / 4)}
.plant_cert > li img{ margin-bottom:10px; object-fit:cover; box-shadow:1px 1px 10px rgba(0, 0, 0, .1)}
.plant_cert > li span{ font-weight:500; font-size:1.125em; color:#555;}
.plant_record{ gap:2em;}
.plant_record > li{ width:calc( (100% - 4em) / 3)}
.plant_record > li img{ width:100%; object-fit:cover;}
.plant_record > li .tt{ margin-top:15px; font-size:1.125em; color:#555;}*/

.business_list{}
.business_list > li{ margin-bottom:70px;}
.business_list > li:last-child{ margin-bottom:20px}
.business_list > li .txt_box{ width:65%; padding-top:3em;}
.business_list.cs > li .txt_box{ width:60%;}
.business_list > li:nth-child(odd) .txt_box{ padding-left:60px; }
.business_list > li:nth-child(even) .txt_box{ padding-right:60px}
.business_list > li .txt_box .num{ margin-bottom:20px; font-weight:600; font-size:1.5em; color:var(--siteC)}
.business_list > li .txt_box .t1{ font-size:1.125em; color:#555; line-height:1.6; }
.business_list > li .img_box{ width:35%; position:relative}
.business_list.cs > li .img_box{ width:40%}
.business_list > li .img_box img{ width:100%; height:100%; object-fit:cover;}
.business_list > li .img_box::after{ content:''; width:100%; height:100%; background:#f4f4f4; position:absolute; bottom:-20px; z-index:-1}
.business_list > li:nth-child(odd) .img_box{ order:-1}
.business_list > li:nth-child(odd) .img_box img{ border-radius:2em 0 2em 0;}
.business_list > li:nth-child(even) .img_box img{ border-radius:0 2em 0 2em;}
.business_list > li:nth-child(odd) .img_box::after{ border-radius:2em 0 2em 0; right:-20px; }
.business_list > li:nth-child(even) .img_box::after{ border-radius:0 2em 0 2em; left:-20px; }

/*인재채용*/
.recruit_list{ height:400px; margin: 0 10%; position:relative}
.recruit_list > li{ width:400px; height:400px; padding:2em 4em; box-sizing:border-box; border:5px solid; border-radius:50%; background-color:rgba(255, 255, 255, .05); backdrop-filter:blur(5px); position:absolute; top:0}
.recruit_list > li:nth-child(1){ border-color:var(--siteC); right:50%; transform:translateX(-140px)}
.recruit_list > li:nth-child(2){ border-color:#333; left:50%; z-index:1; transform:translateX(-50%)}
.recruit_list > li:nth-child(3){ border-color:var(--siteC); left:50%; transform:translateX(140px)}
.recruit_list > li .txt_wrap{ text-align:center}
.recruit_list > li .txt_wrap .icon{margin: 40px 0 25px;filter: invert(1) opacity(0.35);}
.recruit_list > li .txt_wrap .icon img{width: 75px;}
.recruit_list > li .txt_wrap .tit{ margin-bottom:20px; font-weight:600; font-size:1.5em; color:#333;}
.recruit_list > li .txt_wrap .tt{ font-size:1.125em; color:#555;}

.vision_list{ gap:2em}
.vision_list > li{ display:flex; flex-direction:column; align-items:center; width:calc( (100% - 6em) / 4); padding:3em 2em; box-sizing:border-box; border:1px solid #ddd; position:relative;}
.vision_list > li::after{ content:''; width:20px; height:20px; border-top:2px solid var(--siteC); border-right:2px solid var(--siteC); position:absolute; right:-1px; top:-1px;}
.vision_list > li img{ display:block; height:70px; }
.vision_list > li .tit{ margin-top:20px; font-weight:500; font-size:1.3em; color:var(--siteC); opacity:.8; text-align:center}
.vision_list > li .tt{ font-weight:400; font-size:1em; color:#fff; text-align:center}

.recruit_table{ width:100%; border-top:1px solid #555; border-bottom:1px solid #ddd}
.recruit_table th , 
.recruit_table td{ height:4em; padding:.5em 3em; box-sizing:border-box}
.recruit_table th{ background-color:var(--siteC); font-weight:600; font-size:1.125em; color:#fff; border-bottom:1px solid #fff; }
.recruit_table tr:last-child th{ border-bottom:none;}
.recruit_table td{ border-bottom:1px solid #ddd; font-size:1.125em; line-height:1.6; color:#333;}
.recruit_table tr:last-child td{ border-bottom:none;}

/*오시는길*/
.root_daum_roughmap .map_border{ display: none !important; }
.root_daum_roughmap .wrap_controllers{ display: none !important; }

.sub_location .con01{}
.con01 .box1{ position: relative; }
.con01 .box1:before{ content:''; width: 80px; height: 80px;border: 20px solid var(--siteC);border-radius:50%;position: absolute;right: -30px;top: -50px;z-index: -1;}
.sub_location .con01 .map_wrap{ border-radius: 0 100px 0 0; overflow: hidden; position: relative; box-shadow: 47px 47px 87px rgba(14,14,14,0.15);}
.sub_location .con02{margin-top: 50px;}
.sub_location .con02 .location_info{}
.sub_location .con02 .location_info .d_logo{ width:350px}
.sub_location .con02 .location_info .d_logo img{}
.sub_location .con02 .location_info > ul{ width:calc( 100% - 350px); padding-left:100px; box-sizing:border-box; position:relative;}
.sub_location .con02 .location_info > ul::before{content: "";display: block;width: 1px;height: 150%;background-color:var(--siteC);position: absolute;left: 50px;top: -120%;}
.sub_location .con02 .location_info > ul li{ width:50%; margin-bottom:30px;}
.sub_location .con02 .location_info > ul li dl{ padding-left:50px; }
.sub_location .con02 .location_info > ul li dl dt{float: left; font-size: 20px; font-weight: 500; color:var(--siteC); letter-spacing: -1px; margin-right: 20px; line-height: 24px;}
.sub_location .con02 .location_info > ul li dl dd{  font-size: 18px; font-weight: 300; color:#666666; float: left; line-height: 24px;}



/* 검색 */

.pro_search_wrap {padding-bottom: 1em; border-bottom: 2px solid var(--siteC);margin-bottom: 4em;}
.search_area {overflow: hidden;margin-bottom: 0.5em;}
.search_area .search_box {overflow: hidden;position: relative;float: right;width: 100%;max-width: 400px;}
.search_area .search_box input[type=text] {float: left;width: 400px;height: 60px;margin: 0;padding: 0 55px 0 20px;box-sizing: border-box;border: transparent;border-bottom: 1px solid #dcdcdc;border-left: 0;font-weight: 400;letter-spacing: -0.03em;}
.search_area .search_box input[type=button] {display: block;position: absolute;border: 0; no-repeat;background-position: 100% 0;background-size: 100%;text-indent: -9999px;cursor: pointer;}

/* PRODUCT ///////////////////////////////////////////////////////////////////////////////////*/
/*product_top*/
/*.product_top_wrap{ margin-bottom:80px;}
.product_top_wrap .top_tit{ padding:0 .5em; position:relative;}
.product_top_wrap .top_tit em.tba{ padding-bottom:.875em; font-weight:700; font-size:1.125em; color:var(--siteC); position: relative;}
.product_top_wrap .top_tit em::before{ content:''; display: inline-block; width: 19px; height: 2px; background:var(--siteC); position: absolute; left: 0; bottom: 0;}
.product_top_wrap .top_tit .ttx > p{ margin:40px 0 66px; font-weight:700; font-size:2.875em; line-height:1.1;color: #111;}
.product_top_wrap .top_tit .img{ width: 750px; height: 400px; box-sizing:border-box; position:absolute; right:0; top:0; z-index:1;}
.product_top_wrap .top_tit .img > p{ height:100%;}
.product_top_wrap .top_tit .img img{ width: 100%; height:100%; object-fit:cover}
.product_top_wrap .top_desc{ height:250px; background:linear-gradient(90deg, #f4f4f4 50%, #ddd 50%); position:relative; overflow:hidden;}
.product_top_wrap .top_desc > .his{ height:100%;}
.product_top_wrap .top_desc .right{ width:50%; padding:2.5em 1.5em 2.5em .5em; box-sizing:border-box; background:#f4f4f4 url(../images/sub/product_bg.png) no-repeat 130% -100px / contain; position:relative; z-index:1;}
.product_top_wrap .top_desc::after{content:'';width: 170px;height: 170px;background: url(../images/sub/product_bg.png) no-repeat 0 0 / contain;position:absolute;left: 48%;bottom: -20px;}
*/

/*product_list*/
.product_list{gap: 2em;/* padding:.5em 0; */}
.product_list > li{width: calc( (100% - 4em) / 3); box-sizing:border-box; border: 1px solid #ddd; border-radius:.8em; transition:all ease .3s;position:relative;}
.product_list > li .list_img{ width:100%; height:70%; padding:2em; box-sizing:border-box; border-bottom:none;}
.product_list > li .list_img img{ max-width:100%; height:100%; margin:auto; object-fit:contain;}
.product_list > li .list_info{ display:flex; flex-direction:column; gap:10px; width:100%; height:30%; padding:2em 1.5em; box-sizing:border-box; border-radius:0 0 .8em .8em; background-color:#f3f3f3;}
.product_list > li .list_info .t1{ font-weight:500; font-size:1.125em; line-height:1.4; color:var(--siteC); text-align:center; word-break:keep-all;  transition:all ease .3s}
.product_list > li .list_info .t2{ order:-1; font-weight:700; font-size:2.125em; color:#333; text-align:center; transition:all ease .3s;}
.product_list > li:hover {  box-shadow:2px 2px 5px rgba(0, 0, 0, .1)}
.product_list > li:hover .list_info{ background-color:#333}
.product_list > li:hover .list_info .t1{ color:#fff}
.product_list > li:hover .list_info .t2{ color:#fff; opacity:.75}

/*product_list s2*/
.product_list.st2{gap: 5em;/* padding:.5em 0; */}
.product_list.st2 > li{ display:flex; width: 100%; padding:0; box-sizing:border-box; background:#f4f4f4;transition:all ease .3s;position:relative;}
.product_list.st2 > li .list_img{width: 40%;padding: 3em 5em;box-sizing: border-box;overflow: hidden;}
.product_list.st2 > li .list_img img{max-width:100%;margin:auto;object-fit: contain;}
.product_list.st2 > li .list_info{ width: 60%;/* margin-top:25px; */padding: 3em 3em 3em 0;}
.product_list.st2 > li .list_info .t1{ font-weight:700; font-size:2em;color:#333; text-align:left; transition:all ease .3s;margin-top: 10px;}
.product_list.st2 > li .list_info .t2{/* margin-top:20px; */font-size:1.375em;color: var(--siteC); text-align:left; transition:all ease .3s}
.product_list.st2 > li::after{ display:none}
.product_list.st2 > li:hover::after{ opacity:1}
.product_list.st2 > li:hover{ /*border:1px solid var(--siteC); */box-shadow:2px 2px 15px rgba(0, 0, 0, .25)}


/* 제품상세페이지 */
.view_top{}
.view_top .top_img{ width:45%; border:1px solid #ddd;}
.view_top .top_img .prodview_slide{ width:100%; height:100%; position:relative} 
.view_top .top_img .prodview_slide .swiper-slide{ padding:40px 60px; box-sizing:border-box;}
.view_top .top_img .prodview_slide .swiper-slide img{ display: block; width: 100%; height: 100%; object-fit:contain}
.view_top .top_img .prodview_slide .swiper-pagination{ bottom:2em}
.view_top .top_img .prodview_slide .swiper-pagination .swiper-pagination-bullet-active{ width:.625em}
.view_top .top_info{ width:55%; padding-left:60px}
.view_top .top_info .prod_tit{ padding:3em 0; border-bottom:2px solid #333;}
.view_top .top_info .prod_tit .t1{ font-weight:700; font-size:2.125em; color:#333;}
.view_top .top_info .prod_tit .t2{ margin-bottom:10px; font-size:1.25em; color:#777;}
.view_top .top_info .prod_info{ padding:2em 1.2em 1em; border-bottom:1px solid #ddd;}
.view_top .top_info .prod_info .info_spec{ margin-top:60px; padding:40px 0; border-top:1px solid #111; border-bottom:1px solid #ddd;}
.view_top .top_info .prod_info .info_spec > li{ width:25%;}
.view_top .top_info .prod_info .info_spec > li img{ width:60px; height:47px; margin-bottom:10px; object-fit:cover;}
.view_top .top_info .prod_info .info_spec > li .tt{ font-size:.875em; color:#555;}
.view_top .top_info .prod_info .info_list > span{ color:#555}
.view_spec .con_wrap{ padding:5em 0; box-sizing:border-box; background:#f4f4f4;}
.view_spec .con_wrap .img{ display:flex; justify-content:center; width:100%;}
.view_spec .con_wrap .img img{ }

.view_other{}
.view_other .sub_tt.tit1{ margin-bottom:0; padding-top:2em; border-top:8px solid #eee;}
.view_other .box2{ overflow:hidden}
.view_other .other_slide .swiper-slide{ padding:40px 0; box-sizing:border-box; border:1px solid #ddd;}
.view_other .other_slide .swiper-slide .img{ padding:1.2em; box-sizing:border-box}
.view_other .other_slide .swiper-slide .img img{ width:100%; height:100%; object-fit:contain}
/**/
.agree_box{ border:1px solid #ddd; padding:2em; border-radius:1em;}
.agree_box .agree_wrap{ height:11em; overflow-y:scroll !important;}
.agree_box .tit{ font-size:1.188em; font-weight:500; color:#111; margin-bottom:1em; margin-top:2em}
.agree_box .tit:first-child{ margin-top:0}
.agree_box .con{ font-size:.875em; color:#666; line-height:1.6}
.agree_box .con.hSt {overflow-y:scroll; height:10em;}
.agree_box .con > *{padding-top:.5em;}
.agree_box .check{ border-bottom:1px solid #ddd; margin-bottom:1.5em; padding-bottom:1em}
label_st.agree_box ul{ margin-top:1em}
.agree_box table{ margin:1em 0; width:100%}
.agree_box table th,
.agree_box table td{ border:1px solid #ddd; padding:1em}
.agree_box table th{ background:#f5f5f5}
.agree_box p strong{ font-size:1.125em; color:#333}
.agree_box a{ vertical-align:top; color:#666; text-decoration:underline}
.agree_box a:hover{ opacity:.6}
.agree_box strong{ vertical-align:top; font-weight: 700; font-size: 1.125em;}
.agree_big_ti {padding:3em 0;}
.agree_big_ti > i {font-size:2.5em; text-align:center; font-weight:700;}

.priv_w{ color:#666; font-family:notokrL; line-height:1.5;}
.priv_w .tit1{ margin-bottom:30px; color:#111; font-family:notokrM}
.priv_w .tit2{ color:#333; margin-top:20px; margin-bottom:5px; font-family:notokrR;}
.priv_w .txt1{ margin-bottom:5px;}
.priv_w .txt_ol{ margin-left:20px;}
.priv_w .txt_ol li{ list-style:decimal; margin-top:5px;}
.priv_w .txt_ul li{ list-style:circle; margin-left:15px; margin-top:0px;}

/** 인증서 **/
/*인증서 리스트*/  
.board_st.cert_Wrap {}
.board_st.cert_Wrap .list {margin:0 0 0 -2em}
.board_st.cert_Wrap .list li{ width:calc( (100% - 8em) /4); margin:0 0 1.5em 2em;}
.board_st.cert_Wrap .list li .in{ cursor:pointer; display:block;}
.board_st.cert_Wrap .list li .in .img_w{ width:100%; height:125px; border:1px solid #ddd; overflow:hidden;}
.board_st.cert_Wrap .list li .in .img_w .vm_wrap{ justify-content:center; box-sizing:border-box;}
.board_st.cert_Wrap .list li .in .img_w img{transition:0.3s;}
.board_st.cert_Wrap .list li .in .txt_w{ padding:1em;}
.board_st.cert_Wrap .list li .in .txt_w .t1{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:500; font-size:1.063em; color:#333;}
.board_st.cert_Wrap .list li .in .txt_w .t2{padding-top:.8em;}
.board_st.cert_Wrap .list li .in .txt_w .t2 .xi {font-size:1.063em; padding-right:3px; color:#666; vertical-align:middle;}
.board_st.cert_Wrap .list li .in .txt_w .t2 .tt {font-size:.875em; letter-spacing:-.1px; color:#666; vertical-align:middle;}
.board_st.cert_Wrap .list li .in:hover .img_w img{transform:scale(1.1,1.1);}
.board_st.cert_Wrap .list li .edit_btn_wrap{ margin-top:15px; }

/***고객서비스***/
/*고객지원센터, 영업소현황*/
.cs_find{ padding:4em 3em; border:1px solid #555; border-radius:.5em;}
.cs_find .tit{ width:50%}
.cs_find .tit .icon{ width:60px; height:60px; margin-right:15px; background:url(../images/sub/search_icon.png) no-repeat 0 0 / cover}
.cs_find .tit .tt{ font-weight:500; font-size:1.75em; line-height:1.2; color:#333;}
.cs_find .tit .tt .t2{ font-weight:400; font-size:1.125rem; color:#777;}
.cs_find .board_search{ justify-self:flex-end}

.center_list{ gap:2em;}
.center_list > li{ width:calc( (100% - 2em) / 2); padding:3em 0 3em 2em; box-sizing:border-box; border:1px solid #ddd; position:relative; transition:all .3s}
.center_list > li::after{ content:''; width:20px; height:20px; border-top:2px solid var(--siteC); border-right:2px solid var(--siteC); position:absolute; right:-1px; top:-1px;}
.center_list > li .img{ width:45%;}
.center_list > li .img img{ width:100%; height:100%; object-fit:cover;}
.center_list > li .info{ width:55%; padding:0 1em 0 1.5em; box-sizing:border-box; position:relative}
.center_list > li .info .name{ margin-bottom:15px; font-weight:600; font-size:1.5em; color:#333;}
.center_list > li .info .name .xi{ color:#999;}
.center_list > li .info .add ,
.center_list > li .info .tel{ font-size:1.125em; line-height:1.4; color:#777; letter-spacing:-1.5px}
.center_list > li .info .add{ margin-bottom:5px;}
.center_list > li .info .tel{ padding-bottom:4em;}
.center_list > li .info a{ padding:.5em 2em; background:#333; font-size:1.125em; color:#fff; position:absolute; left:1.5rem; bottom:0;}
.center_list > li:hover{ box-shadow:10px 10px 40px -10px rgba(0, 0, 0, .2);}

.center_wrap{}
.center_wrap .center_top{ margin-bottom:80px; padding:50px 2em 50px 1em; border-top:3px solid var(--siteC); border-bottom:1px solid #ddd;}
.center_wrap .center_top .img{ width:50%; /*padding-left:5px; */padding-right:50px; box-sizing:border-box; }
.center_wrap .center_top .img img{ width:100%; height:100%; object-fit:cover; box-shadow:3px 3px 10px rgba(0, 0, 0, .2);}
.center_wrap .center_top .info{ width:50%; padding-top:20px}
.center_wrap .center_top .info .name{ margin-bottom:50px; padding-left:10px; padding-bottom:20px; border-bottom:1px solid #ddd; font-weight:600; font-size:2em; color:#333; position:relative}
.center_wrap .center_top .info .tt{ margin-bottom:20px; padding-left:40px; position:relative}
.center_wrap .center_top .info .tt::after{ content:''; width:5px; height:5px; border-radius:50%; background-color:#777; position:absolute; left:20px; top:10px;}
.center_wrap .center_top .info .tt:last-child{ margin-bottom:0;}
.center_wrap .center_top .info .tt .t1{ font-size:1.125em; text-align:justify; color:#333;}
.center_wrap .center_top .info .tt .t1::after{ content:':'; display:inline-block; padding:0 10px;}
.center_wrap .center_top .info .tt .t2{ max-width:83%; font-size:1.125em; color:#555;}
.center_wrap .map_wrap{ box-shadow:3px 3px 10px rgba(0, 0, 0, .2);}

/*유지보수계약*/
/*.contract_list{ margin-top:20px; margin-left:15px; padding:2em; background-color:#f6f6f6;}
.contract_list > li{ padding:.8em 0}
.contract_list > li .tt{ display:flex; font-size:1.125em; color:#555;}
.contract_list > li .tt > span{ margin-top:-5px; margin-right:20px; font-weight:500; font-size:1.375em; color:var(--siteC);}*/

.contract_list{ gap:3em; margin-top:10px; margin-left:15px; padding:1em;}
.contract_list > li{ width:calc( (100% - 6em) / 3); padding:1.5em 1.8em 2em; box-sizing:border-box; border:1px solid #ccc; border-radius:.5em; position:relative}
.contract_list > li:nth-child(1){ order:1}
.contract_list > li:nth-child(2){ order:2}
.contract_list > li:nth-child(3){ order:3}
.contract_list > li:nth-child(4){ order:6}
.contract_list > li:nth-child(5){ order:5}
.contract_list > li:nth-child(6){ order:4}
.contract_list > li::after{ content:'\e940'; font-family:xeicon; position:absolute; font-weight:700; font-size:1.5em; color:var(--siteC); right:-36px; top:50%; transform:translateY(-50%); opacity:.5}
.contract_list > li:nth-child(3)::after{ right:50%; top:calc( 100% + 10px); transform:translateX(0) rotate(90deg)}
.contract_list > li:nth-child(4)::after{ display:none}
.contract_list > li:nth-child(5)::after{ top:40%; transform:rotate(180deg)}
.contract_list > li:nth-child(6)::after{ top:40%; transform:rotate(180deg)}
.contract_list > li .tt{ display:flex; flex-direction:column; font-size:1.125em; line-height:1.6; color:#555;}
.contract_list > li .tt > span{ margin-bottom:15px; font-weight:500; font-size:1.375em; color:var(--siteC);}

/* 온라인 문의 */
/*agree*/
.agree_wrap{ padding:1.5em 0 1em; font-size:.938em; line-height:2; border-top:2px solid #333; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; /*padding:2em;*//* background:#f9f9f9;*/}
.agree_wrap .agree.st strong{font-size:1.2em; letter-spacing:.5px; line-height:1.9; /*padding:1em 0; */color:#222; font-weight:500; }
.agree_wrap .textarea_box { width:100%; height:200px; padding:20px; box-sizing:border-box; overflow-y: auto; font-size:14px; line-height:1.4;}
.agree_wrap .textarea_box h3{ color: #333; margin-bottom: 10px; font-size: 1.2rem; font-weight: 500}

/* sns */
.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; background:rgba(255,255,255,.1)}
.sns_st > li > a .xi{ font-size:1.125em}
.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}


/* 구성원 */
/* 조직도 */
.orgWrapper{padding: 0 5rem 5rem; box-sizing: border-box; border: 1px solid #ddd; border-radius: 1em;}
.orgWrapper .orgTop {position: relative; margin-top: 4rem; padding-bottom: 18rem;}
.orgWrapper .orgCon {text-align:center; position: relative;}
/* .center-line {display: block; content: ""; width: 1px; height: 31.4%; top: 22.223%; position: absolute; background: rgba(0, 0, 0, 0.1); left: 50%; transform: translateX(calc(-50% + 0.5px));} */
/* .center-line:after {display: block; content: ""; position: absolute; top: 50%; transform: translateY(calc(-50% + 0.5px)); width: 30rem; height: 1px; background: rgba(0, 0, 0, 0.1);} */
/* 조직도 상단 */
.orgWrapper .org_ceo {position: relative;}
.orgWrapper .orgTop:after {display: block; content:""; position:absolute; left: 50%; bottom:2.5rem; width: 1px; height: calc(100% - 2.5rem);transform:translateX(calc(-50% + 0.5px)); background: rgba(0,0,0,0.1); z-index: -1;}
.orgWrapper .org_ceo .in {background: var(--siteC); position: relative; border-radius:5px; text-align:center; display:flex; flex-direction:column; justify-content:center; width: 12rem; height: 12rem; margin: 0 auto; padding:0 1rem; box-sizing:border-box; border-radius: 100em;}
.orgWrapper .org_ceo .in::before{position: absolute; content: ''; background-image: url(../images/inc/logoS2.svg); background-size: 100% 100%; width: 137px; height: 90px; filter: brightness(0) invert(1); opacity: 0.2; bottom: -0.6rem; right: -2rem;}
.orgWrapper .org_ceo .t1 {color: #fff; font-size:1.38rem; letter-spacing:-0.03em; line-height:1.6em; font-weight: 600; /* padding: 0 1rem; */}
.orgWrapper .org_ceo .position{font-size:1.25rem; letter-spacing:-0.03em; font-weight: 500; color: #fff; margin-top: 1rem; padding: 0.7rem 1rem 0; border-top:1px solid rgba(255,255,255,0.1);}
/* 조직도 중단 */
.orgWrapper .org_d1:before{display: none;}
.orgWrapper .org_d1 .in:before {display: block; content:""; left: 0; top: 50%; position:absolute; height: 1px; width: 10rem; background: rgba(0,0,0,0.1); transform:translate(-100%, calc(-50% + 0.5px)); z-index:-1;}
.orgWrapper .org_d1 .t1 {color: #fff; font-weight: 700; font-size:1.25rem; letter-spacing:-0.03em; }
.orgWrapper .org_d1 .position {color: rgba(255,255,255,0.7); font-size:1.25rem; letter-spacing:-0.03em;}
.orgWrapper .org_d1_group { position: absolute; top: 14rem; z-index: 1; }
.orgWrapper .org_d1_group .org_d1 { position: relative; }
.orgWrapper .org_d1 .in { position: relative; width: 16rem; height: auto; display: flex; align-items: center; justify-content: center; flex-direction: column; background: #002144; border-radius: 5px; padding: 1.5rem; text-align: center; box-sizing: border-box; }
.orgWrapper .org_d1 .t1 { color: #fff; font-weight: 700; font-size: 1.25rem; letter-spacing: -0.03em; }
.orgWrapper .org_d1_group.left { position: absolute; left: 0; top: 14rem; width: 50%; padding: 0 9em; box-sizing: border-box; }
.orgWrapper .org_d1_group.left .org_d1 { margin: 0; display: flex; justify-content: flex-end; }
.orgWrapper .org_d1_group.left .org_d1 + .org_d1 { margin-top: 2rem; }
.orgWrapper .org_d1_group.left .org_d1 .in:before { display: block; content: ""; position: absolute; right: -9rem; left: auto; top: 50%; width: 10rem; height: 1px; background: rgba(0,0,0,0.1); transform: translateY(-50%); }
.orgWrapper .org_d1_group.right { position: absolute; right: 0; top: 14rem; width: 50%; padding: 0 9em; box-sizing: border-box; }
.orgWrapper .org_d1_group.right .org_d1 { margin: 0; }
.orgWrapper .org_d1_group.right .org_d1 .in:before { display: block; content: ""; position: absolute; left: -9rem; top: 50%; width: 10rem; height: 1px; background: rgba(0,0,0,0.1); transform: translateY(-50%); }

/* 조직도 하단 */
.orgWrapper .orgBottom {margin-top: 0;  width: 100%;}
.orgWrapper .orgBottom ul {position: relative; display:flex; justify-content: center;}
.orgWrapper .orgBottom ul:after {display: block; content: ""; position: absolute; left: 50%; top: -5.5rem; width: 46.673%; height: 1px; background: rgba(0, 0, 0, 0.1); transform: translateX(calc(-50% + 0.5px)); margin-top: 3rem;}
.orgWrapper .orgBottom ul li {position: relative; width: calc((100% - 12rem) / 4); margin-right: 1.7rem;}
.orgWrapper .orgBottom ul li:last-child {margin-right: 0;}
.orgWrapper .orgBox {position: relative; background-color:#f1f1f1; margin-top: 1rem; text-align:center; padding: 1rem 0; border-radius:5px;}
.orgWrapper .orgBox:after {display: block; content: ""; position: absolute; left: 50%; width: 1px; height: 1rem; background: rgba(0, 0, 0, 0.1); top: -1rem; transform: translateX(calc(-50% + 0.5px)); z-index: -1;} 
.orgWrapper .orgBox:last-of-type:after {height: 2rem; top: -2rem;}
.orgWrapper .orgBox:first-of-type {margin-top: 1rem;}
.orgWrapper .orgBox .t1 {font-size:1.125rem; letter-spacing:-0.03em; color: #000; font-weight: 700; padding: 0 1rem;}
.orgWrapper .org_team {position: relative; display: inline-block; width: 100%; text-align: center; font-size:1.25rem; letter-spacing:-0.03em; font-weight: 700; color: #fff; border-radius:5px; background-color: #333; padding: 1rem; box-sizing:border-box;}
.orgWrapper .org_team:after {display: block; content:""; position:absolute; left: 50%; transform:translateX(calc(-50% + 0.5px)); width: 1px; height: 2.5rem; background: rgba(0, 0, 0, 0.1); top: -2.5rem; z-index: -1;}

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

/* 연혁 */
/* 기존 css 디자인 */
/* .historyWrapper .inner { padding: 0 2em; } 
.historyWrapper .history { position:relative; padding:100px 0 200px; } 
.historyWrapper .history .linewrap { position: absolute; top: 0px; left:calc(150px + 330px - 80px); width:2px; height: 0%; background: var(--siteC); } 
.historyWrapper .history:after { display:block; content:""; width:1px; height: 98%; z-index:-1; border-left:2px dotted #ccc; position:absolute; left:calc(150px + 330px - 80px); top:0; } 
.historyWrapper .history > .his { display:flex; justify-content:space-between; margin-bottom:50px; } 
.historyWrapper .history > .his:last-child { margin-bottom:0; } 
.historyWrapper .history > .his .decade { position:relative; width:200px; font-size:3em; color:#000; font-weight:700; } 
.historyWrapper .history > .his .decade:before { display:block; content:""; width:15px; height:15px; box-sizing:border-box; border:2px solid #dcdcdc; border-radius:50%; background:#fff; position:absolute; left:100%; top:23px; z-index:10; } 
.historyWrapper .history > .his .decade:after { display:block; content:""; width:190px; height:1px; box-sizing:border-box; background:#ddd; position:absolute; left:calc(100% + 10px); top: 30px; } 
.historyWrapper .history > .his ul { position:relative; box-sizing:border-box; width:calc(100% - 200px); padding-top:18px; padding-left:280px; } 
.historyWrapper .history > .his ul:before { display:block; content:""; width:15px; height:15px; box-sizing:border-box; border:2px solid #dcdcdc; border-radius:50%; background:#fff; position:absolute; left:193px; top:23px; z-index:10; } 
.historyWrapper .history > .his ul:after { display:block; content:""; width:45px; height:45px; box-sizing:border-box; border-radius:50%; background:rgb(39 229 97 / 15%); position:absolute; left:178px; top:8px; z-index:9; transform:scale(0); transition:all 0.4 ease; } 
.historyWrapper .history > .his ul.on:after { transform:scale(1); transform-origin:center center; transition:all 0.3s ease-in-out; } 
.historyWrapper .history > .his ul.on:before { border:2px solid var(--siteC); transition:all 0.3s ease-in-out; } 
.historyWrapper .history > .his ul li { margin-bottom:10px; font-size:1.125em; color:#666; position: relative; line-height: 1.6; } 
.historyWrapper .history > .his ul li::before { position: absolute; content: ''; left: -.8em; top: 12px; width: 4px; height: 4px; border-radius: 100px; background: #666; } 
.historyWrapper .history > .his ul li + li { margin-top: 20px; } 
.historyWrapper .history > .his ul li:last-child { margin-bottom:0; } 
.historyWrapper .history > .his ul li .in { display: flex; gap: 1em; } 
.historyWrapper .history > .his ul li .year { font-weight: 800; color: var(--siteC); width: 3rem; flex-shrink: 0; } 
.historyWrapper .history > .his ul li .img_wrap { width: 19em; height: 12em; border-radius: .5em; overflow: hidden; margin: 1em 0 2.5em; } 
.historyWrapper .history > .his ul li .img_wrap img { object-fit: cover; width: 100%; height: 100%; display: block; } 

.historyWrapper .top_img { width: 100%; border-radius: 1em; overflow: hidden; height: 21em; position: relative; } 
.historyWrapper .top_img::before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); } 
.historyWrapper .top_img .img_wrap{ width: 100%; height: 100%;}
.historyWrapper .top_img .img_wrap img { width: 100%; height: 100%; display: block; object-fit: cover;} 
.historyWrapper .top_img .bg_tit { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; } 
.historyWrapper .top_img .bg_tit p { font-size: 2.5em; color: #fff; font-weight: 700; text-align: center; }  */
.historyWrapper .inner { padding: 0 2em; } 
.historyWrapper .history { position:relative; padding:100px 0 200px; min-height: 100%;background-image: radial-gradient(circle, #ccc 50%, transparent 50%); background-size: 2px 10px;  background-position: center top;  background-repeat: repeat-y;} 
.historyWrapper .history .linewrap { position: absolute; top: 0px; left:calc(150px + 330px - 80px); width:2px; height: 0%; background: var(--siteC); left: 50%; transform: translateX(-50%);} 
/* .historyWrapper .history:after { display:block; content:""; width:1px; height: 100%; z-index:-1; border-left:2px dotted #ccc; position:absolute; left:50%; top:0; bottom: 0; transform: translateX(-50%);}  */
.historyWrapper .history > .his { display:flex; justify-content:space-between; margin-bottom:50px; } 
.historyWrapper .history > .his:nth-child(2n){flex-direction: row-reverse;}
.historyWrapper .history > .his:nth-child(2n) .decade{padding-left: 1.6em; padding-right: 0; text-align: left;}
.historyWrapper .history > .his:nth-child(2n) ul{padding-right: 6em; padding-left: 0;}
.historyWrapper .history > .his:nth-child(2n) ul li .in{ flex-direction: row-reverse;}
.historyWrapper .history > .his:nth-child(2n) ul li .in .tt{text-align: right;}
.historyWrapper .history > .his:nth-child(2n) ul:after{ right: -1.5em; left: auto;}
.historyWrapper .history > .his:nth-child(2n) ul::before{right: -.5em; left: auto;}
.historyWrapper .history > .his:nth-child(2n) ul li::before{right: -.8em; left: auto;}
.historyWrapper .history > .his:nth-child(2n) ul li .year{text-align: right;}
.historyWrapper .history > .his:last-child { margin-bottom:0; } 
.historyWrapper .history > .his .decade { position:relative; width:50%; font-size:3em; color:#000; font-weight:600; text-align: right; padding-right: 2em; box-sizing: border-box;} 
/* .historyWrapper .history > .his .decade:before { display:block; content:""; width:15px; height:15px; box-sizing:border-box; border:2px solid #dcdcdc; border-radius:50%; background:#fff; position:absolute; left:100%; top:23px; z-index:10; }  */
/* .historyWrapper .history > .his .decade:after { display:block; content:""; width:190px; height:1px; box-sizing:border-box; background:#ddd; position:absolute; left:calc(100% + 10px); top: 30px; }  */
.historyWrapper .history > .his ul { position:relative; box-sizing:border-box; width:calc(100% - 50%); padding-top:3.2em; padding-left:6em; } 
.historyWrapper .history > .his ul:before { display:block; content:""; width:15px; height:15px; box-sizing:border-box; border:2px solid #dcdcdc; border-radius:50%; background:#fff; position:absolute; left:-0.5em; top:23px; z-index:10; } 
.historyWrapper .history > .his ul:after { display:block; content:""; width:45px; height:45px; box-sizing:border-box; border-radius:50%; background:rgb(39 229 97 / 15%); position:absolute; left:-1.5em; top:8px; z-index:9; transform:scale(0); transition:all 0.4 ease; } 
.historyWrapper .history > .his ul.on:after { transform:scale(1); transform-origin:center center; transition:all 0.3s ease-in-out; } 
.historyWrapper .history > .his ul.on:before { border:2px solid var(--siteC); transition:all 0.3s ease-in-out; } 
.historyWrapper .history > .his ul li { margin-bottom:10px; font-size:1.125em; color:#666; position: relative; line-height: 1.6; } 
.historyWrapper .history > .his ul li::before { position: absolute; content: ''; left: -.8em; top: 12px; width: 4px; height: 4px; border-radius: 100px; background: #666; } 
.historyWrapper .history > .his ul li + li { margin-top: 20px; } 
.historyWrapper .history > .his ul li:last-child { margin-bottom:0; } 
.historyWrapper .history > .his ul li .in { display: flex; gap: 1em; } 
.historyWrapper .history > .his ul li .year { font-weight: 800; color: var(--siteC); width: 2rem; flex-shrink: 0; } 
.historyWrapper .history > .his ul li .img_wrap { width: 19em; height: 12em; border-radius: .5em; overflow: hidden; margin: 1em 0 2.5em; } 
.historyWrapper .history > .his ul li .img_wrap img { object-fit: cover; width: 100%; height: 100%; display: block; } 

.historyWrapper .top_img { width: 100%; border-radius: 1em; overflow: hidden; height: 21em; position: relative; } 
.historyWrapper .top_img::before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); } 
.historyWrapper .top_img .img_wrap{ width: 100%; height: 100%;}
.historyWrapper .top_img .img_wrap img { width: 100%; height: 100%; display: block; object-fit: cover;} 
.historyWrapper .top_img .bg_tit { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; } 
.historyWrapper .top_img .bg_tit p { font-size: 2.5em; color: #fff; font-weight: 700; text-align: center; } 


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

.sub-tab .tab_idx > li:hover { background:#f9f9fb; } 
.sub-tab .tab_idx > li.on { color: #fff; background: var(--siteC); font-weight:700; /* box-shadow: 0 11px 16px rgba(0, 0, 0, 0.12); */ } 
.con_idx { position: relative; } 
.con_idx > .idx { position: absolute; left: 0; top: 0; width: 100%; height: 0; visibility: hidden; opacity: 0; pointer-events: none; display: none; } 
.con_idx > .idx.on { position: relative; height: auto; visibility: visible; opacity: 1; pointer-events: auto; display: block; } 

/*  */
/*product view*/
.popWrap .proView_container { position: relative; width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; } 
.popWrap .proView_container .proTit { position: absolute; top: 0; left: 0; width: 100%; height: 4rem; padding: 0 2rem; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; background: rgba(0,0,0, .25); backdrop-filter: blur(10px); } 
.popWrap .proView_container .proTit .interaction_wrap { display: flex; gap: 1em; color: #fff; align-items: center; } 
.popWrap .proView_container .proTit .interaction_wrap .popClose,
.popWrap .proView_container .proTit .interaction_wrap .expand_btn { cursor: pointer; } 
.popWrap .proView_container .proTit > .swiperControl { } 
.popWrap .proView_container .proTit > .swiperControl .swiper-pagination { position: relative; left: auto; bottom: auto; color: #fff;} 
.popWrap .proView_container .proTit > .swiperControl .swiper-pagination > .total-slide { font-size: 1.125em; font-weight: 600; color: #fff; line-height: 1; } 

html.pop .popWrap.gallery { display: unset; width: unset; height: unset; margin: unset; max-width: unset; } 
.popWrap.gallery .productViewSlide_wrap { position:relative; display: flex; align-items: center; justify-content: center; width: 100vw; height: 68vh; margin: 0 auto; } 
.popWrap.gallery .productViewSlide_wrap .productViewSlider_control { position: absolute; width: 100%; height: 100%; } 
.popWrap.gallery .productViewSlide_wrap .swiperBtn { position: absolute; top: 50%; transform: translateY(-50%); width: 5rem; height: 5rem; } 
.popWrap.gallery .productViewSlide_wrap .swiperBtn.prev { left: 8vw; } 
.popWrap.gallery .productViewSlide_wrap .swiperBtn.next { right: 8vw; } 
.popWrap.gallery .productViewSlide_wrap .swiperBtn:before { font-size: 2.5rem; } 
.popWrap.gallery .productViewSlide_wrap .productViewSlider { position:relative; overflow: visible; height: 100%; -webkit-tap-highlight-color: transparent; } 
.popWrap.gallery .productViewSlide_wrap .productViewSlider:focus { outline: none !important; } 
.popWrap.gallery .productViewSlide_wrap .productViewSlider .img_Con { position: relative; max-width: 35vw; margin: 0 auto; height: 100%; z-index: 9; } 
.popWrap.gallery .productViewSlide_wrap .productViewSlider .img_Con > img { width: 100%; height: 100%; object-fit: contain; } 
.popWrap.gallery .productViewSlide_wrap .productViewSlider .proName { position: relative; justify-content: center; display: flex; gap: .25rem; align-items: center; text-align: center;  margin-top: 2em; } 
.popWrap.gallery .productViewSlide_wrap .productViewSlider .proName > .tt{ color: #fff; font-size: 1.25em; font-weight: 500; line-height: 1;}
.popWrap.gallery .productViewSlide_wrap .productViewSlider .proName > .value{ color: #fff; font-size: 1.25em; font-weight: 300;}

/* 인사말 */
.greetingWrapper{ padding-top: 2em;}
.greetingWrapper .boxIn{width: 1400px; margin: 0 auto; max-width: 94%; }
.greetingWrapper .boxIn .s_tit{font-size: 1.25em; font-weight: 700; margin-bottom: 0.4em;}
.greeting_tit strong {font-size:5rem; letter-spacing:-0.01em; font-weight: 800; color: #000; line-height:1.4em;}
.greeting_tit strong > span {color:var(--main-color);}
.greeting_tit p {font-size: 2.63rem; letter-spacing:-0.064em; color: #000; line-height:1.4;}
.greet_img {width: 50%; margin-top: -12rem;}
.greet_img::before{content: ''; position: absolute; right: 0; bottom: -30em; width: 42%; height: 20em; background: #3a7236;}
.greet_img::after{content: ''; position: absolute; right: 0; bottom: -30em; background-image: url(../images/sub/pattern01.png); width: 22%; height: 20em; background-position: bottom; background-size: 100%; background-repeat: no-repeat; opacity: 0.4; filter: invert(48%) sepia(68%) saturate(513%) hue-rotate(47deg) brightness(126%) contrast(86%);}
.greet_img img {max-width:100%; display: block; position: relative; z-index: 2;box-shadow: 23px 23px 38px rgb(17 17 17 / 12%);}
.greeting_txtWrap { padding: 2rem 0 10rem;} 
.greeting_txtWrap .inner {display:flex;}
.greeting_txtWrap .txtBox {width: 55%; padding-right: 8rem; box-sizing: border-box;}
.greeting_txtWrap .txtBox .tt {font-size:1.125rem; letter-spacing:-0.036em; color: #666; font-weight: 500; line-height:1.75; margin-top: 1rem;}
.greeting_txtWrap .txtBox .tt b{font-size:1.33em; font-weight:700;}
.greeting_txtWrap .txtBox .tt:last-of-type {margin-top: 4rem;}
.greeting_txtWrap .txtBox .tt:first-of-type {margin-top: 0;}
.greeting_txtWrap .txtBox .tt:nth-child(5) {margin-top: 3rem;}
.greeting_txtWrap .txtBox .ceo {font-size:1.75rem; letter-spacing:-0.04em; color: #000; font-weight: 500; line-height: 1.7em; margin-top: 3.5rem;}
.greeting_txtWrap .txtBox .ceo > span {font-weight: 700; font-size: .8em;}
.greeting_txtWrap .txtBox .ceo > i{}
.greeting_txtWrap .txtBox .ceo img {margin-left: 1.7rem;}


/* 오시는 길 */
.location_wrap{ }
.location_wrap .location_con:first-of-type{padding-top: 0; border-top: none;}
.location_wrap .location_con{padding: 5em 0; border: 1px solid #ddd; border-left: none; border-right: none;}
.location_wrap .location_con + .location_con{border-top: none;}
.location_wrap .location_con .map_wrap{ width: 40%;}
/* .location_wrap .location_con .map_wrap {width: 100%;} */
.location_wrap .location_con .location_info{width: 60%;}
.location_wrap .location_con .location_info .tit{font-size: 2.75em; font-weight: 700; margin-bottom: .8em;}
.location_wrap .location_con .location_info .location_list{display: flex; flex-direction: column; gap: .5em; margin-bottom: 3em;}
.location_wrap .location_con .location_info .location_list li{display: flex; align-items: center; gap: 1em;}
.location_wrap .location_con .location_info .location_list li .tt{font-size: 1.125em; font-weight: 500;}
.location_wrap .location_con .location_info .location_list li .xi{width: 2em; height: 2em; background: var(--siteBg); color: var(--siteC); border-radius: .3em; text-align: center; line-height: 2em;}
.location_wrap .location_con .location_info .btn{ padding: 1em 2em; border: 2px solid var(--siteC); color: var(--siteC); font-weight: 700; display: flex; justify-content: space-between; align-items: center; border-radius: 500px; width: 12em; transition: 0.2s ease-in-out;}
.location_wrap .location_con .location_info .btn .tt{font-size: 1.125em; transition: 0.2s ease-in-out;}
.location_wrap .location_con .location_info .btn:hover{background: var(--siteC);color: #fff;}
.location_wrap .location_con .location_info .btn:hover .tt{color: #fff;;}
.location_wrap .location_con .location_box{width: 100%;}
/* .location_wrap .location_con .scroll_wrap{padding-top: 4em;} */

.root_daum_roughmap{width: 100% !important;}
.root_daum_roughmap .cont{display: none;}

/*product list*/
.productListContainer { margin-top: 1.5em;}
.productTop { gap: 3rem; align-items: end; margin-top: var(--space-3); padding-top: var(--space-3); border-top: 1px solid #ddd; }
.productTop .result { display: flex; align-items: end; gap: .35rem; }
.productTop .result .num { position: relative; top: 4px; font-size: var(--font-size-xl); line-height: 1; font-weight: 700; color: var(--siteC4); }
.productTop .result .tt { font-size: var(--font-size-base); font-family: var(--ff1); line-height: 1; font-weight: 400; color: var(--color-black-6); }
.productTop .option { display: flex; gap: 2.5rem; align-items: center; }
.productTop .option > li { }
.productTop .option > li > .tt { font-size: var(--font-size-sm); cursor: pointer; font-weight: 500; line-height: 1; color: var(--color-black-10); }
.productTop .option > li.on > .tt { color: var(--siteC); }
.pro_box_wrapper { }
.pro_box_wrapper .pro_wrapIn { margin-bottom: 6rem; }
/* .pro_box_wrapper .pro_wrapIn:first-of-type { margin-top: 2.5rem; } */
.pro_box_wrapper .pro_wrapIn:last-of-type { margin-bottom: 0; }
.pro_box_wrapper .pro_wrapIn .proDtit { font-size: var(--font-size-lg-2); font-weight: 700; color: var(--siteC); line-height: 1; margin-bottom: var(--space-4); }
.pro_box_wrapper .cateImgList { margin-top: var(--space-6); }
.pro_box_wrapper .cateImgList .cateList { display: flex; flex-wrap: wrap; gap: 1rem; }
.pro_box_wrapper .cateImgList .cateList > li { width: calc((100% - 1rem) / 2); }
.pro_box_wrapper .cateImgList .cateList > li > a { position: relative; width: 100%; height: 47.5dvh; }
.pro_box_wrapper .cateImgList .cateList > li > a:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .35); content: ''; z-index: 1; opacity: 0; transition: .3s ease; }
.pro_box_wrapper .cateImgList .cateList > li > a > .imgCon { width: 100%; height: 100%; }
.pro_box_wrapper .cateImgList .cateList > li > a > .imgCon > img { width: 100%; height: 100%; object-fit: cover; }
.pro_box_wrapper .cateImgList .cateList > li > a:hover:before { opacity: 1; }
.pro_box_container { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: .6rem 1rem; }
.pro_box_container .probox { position: relative; width: 100%; }
.pro_box_container .probox > .label_st { position: absolute; top: .5rem; left: .5rem; color: #fff; display: block; width: fit-content; z-index: 9; }
.pro_box_container .probox > .label_st input:checked ~ .xi:before { color: #fff !important; }
.pro_box_container .probox > .label_st > .xi { position: relative; margin-right: 0; right: .2rem; }
.pro_box_container .probox > .inner { position: relative; display: block; background: #000; height: 17rem; }
.pro_box_container .probox > .inner > .imgCon { position: relative; width: 100%; height: 17rem; }
.pro_box_container .probox > .inner > .imgCon::before{position: absolute; content: ''; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 70%); transition: 0.2s ease-in-out;}
.pro_box_container .probox > .inner:hover > .imgCon::before{opacity: 0;}
.pro_box_container .probox > .inner > .imgCon > img { width: 100%; height: 100%; object-fit: cover; }
.pro_box_container .probox > .inner > .pName { display: flex; gap: .15rem; align-items: center; justify-content: center; height: 3rem; padding: 0 1.5rem; background: #fff; box-sizing: border-box; }
.pro_box_container .probox > .inner > .pName > .tt { position: relative; top: -.2rem; color: #fff; font-size: var(--font-size-base); font-weight: 500; color: #000; }
.pro_box_container .probox > .inner > .pName > .tt > i { font-weight: 400; }
.rentalQuick_container .pro_box_container .probox > .inner > .pName > .tt { top: 0; }
.pro_box_container .probox > .inner > .pName > .value { position: relative; top: -.2rem; color: #000; font-size: var(--font-size-base); font-weight: 400; margin-left: .25rem; }
.pro_box_container .probox.tall-box { grid-row: span 2; }
.pro_box_container .probox.tall-box > .inner { height: 34.6rem; }
.pro_box_container .probox.tall-box > .inner > .imgCon { height: 34.6rem; }
.pro_box_container .probox > .inner:hover > .pName > .tt { text-decoration: underline; }
.pro_box_container .probox > .inner .notTit{position: absolute; left: 1.4em; bottom: 1.2em; color: #fff; font-size: 1.19em; transition: .3s ease;} 
.pro_box_container .probox > .inner:hover .notTit{opacity: 0;}
.pro_box_wrapper.rental .probox .inner .hoverTit { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;  color: #fff; width: 100%; height: 100%; background: rgba(0,0,0, .45); content: ''; z-index: 1; opacity: 0; transition: .3s ease; padding: 2em; box-sizing: border-box;} 
.pro_box_wrapper.rental .probox .inner .hoverTit .txtW{transform: translateY(20px); transition: .3s ease; width: 100%;}
.pro_box_wrapper.rental .probox .inner:hover .hoverTit .txtW{transform: translateY(0);}
.pro_box_wrapper.rental .probox .inner .hoverTit .t1{font-size: 1.25em; font-weight: 600; margin-bottom: 1em; line-height: 1.45;}
.pro_box_wrapper.rental .probox .inner .hoverTit .txt{display: flex; flex-direction: column; gap: .4em 0; width: 80%;}
.pro_box_wrapper.rental .probox .inner .hoverTit .txt dl {  color: rgba(255, 255, 255, 0.95); display: flex;}
.pro_box_wrapper.rental .probox .inner .hoverTit .txt dt{ width: 5em; flex-shrink: 0;}
.pro_box_wrapper.rental .probox .inner:hover .hoverTit { opacity: 1; backdrop-filter: blur(8px);}
/* .add_Infobox { display: inline-flex; gap: .5em; padding: .75rem 1rem; background: var(--color-bg-1); align-items: center; margin-bottom: var(--space-3); }
.add_Infobox > .xi { color: var(--color-error); }
.add_Infobox span { font-size: var(--font-size-sm); font-weight: 500; line-height: 1; }
.add_Infobox span > i { color: var(--color-error); font-weight: 600; vertical-align: baseline; } */

.cateTab{ }
.cateTab .cateList{display: flex; gap: .5rem; flex-wrap: wrap;}
.cateTab .cateList li .in{padding: 0.7rem 1.3rem; box-sizing: border-box; display: block; font-weight: 600; color: #555; border-radius: .3rem; border: 1px solid #ccc; font-size: 1.125em;}
.cateTab .cateList li.on .in{border-color: var(--siteC); color: #fff; background: var(--siteC);}


/* 제품소개 */
.product01_view_menu{padding: 5em 0; box-sizing: border-box;}
.product_menu_list{display: flex; gap: 2em; flex-wrap: wrap;}
.product_menu_list li{width: calc((100% - 6em) / 4); display: flex;}
.product_menu_list li .in{padding: 3.5em 2.5em; box-sizing: border-box; display: block; gap: 1.8em; transition: 0.2s ease-in-out;background: rgba(255, 255, 255, 0.16); backdrop-filter: blur(1rem); border-radius: 1em; display: flex; flex-direction: column; align-items: center;}
.product_menu_list li .img_wrap{ padding: 0 2em;}
.product_menu_list li .img_wrap img{object-fit: contain; width: 100%; display: block;}
.product_menu_list li .txt_wrap{display: flex; flex-direction: column; color: #fff; align-items: center; gap: 0.8em; text-align: center; transition: 0.2s ease-in-out;}
.product_menu_list li .txt_wrap .t1{font-size: 1.25em; font-weight: 700;}
.product_menu_list li .txt_wrap .tt{line-height: 1.45; transition: 0.2s ease-in-out;}

.product_menu_list li:hover .in{background: #fff;}
.product_menu_list li:hover .txt_wrap{ color: #111;}
.product_menu_list li:hover .txt_wrap .tt{ color: #333;}

.product_con_wrap{padding-top: 5em; display: flex; gap: 4em;}
.product_con_wrap .product_view_txt{counter-increment: subListIdx; inset: 0;}
.product_con_wrap .product_view_txt:first-child{ }
.product_con_wrap .product_view_txt + .product_view_txt{padding-top: 5em; }
.product_con_wrap .pro_view_tit{width: 20%; position: sticky; top: 10em; align-self: flex-start;}
.product_con_wrap .pro_view_tit .t1{font-size: 2.5em; font-weight: 700; line-height: 1.4; margin-bottom: 0.8em;}

.product_view_txtW{width: 80%;}
.product_view_txtW .pro_view_ttcon {}
.product_view_txtW .pro_view_ttcon .pro_view_img{}
.product_view_txtW .pro_view_ttcon .pro_view_img + .pro_view_img{margin-top: 1.5em;}
.product_view_txtW .pro_view_ttcon .pro_view_img + .pro_view_tt_box{margin-top: 3em;}
.product_view_txtW .pro_view_ttcon .pro_view_img .img_wrap{padding: 3em; box-sizing: border-box; background: #fff; border-radius: 1em; text-align: center; border: 1px solid #ddd;}
.product_view_txtW .pro_view_ttcon .pro_view_img .img_wrap img{max-width: 100%; object-fit: contain;}
.product_view_txtW .pro_view_ttcon .pro_view_img .infoT{font-size: 1.06em; color: #666; margin-top: 1em;}
.product_view_txtW .pro_view_ttcon .pro_view_tt_box .accordion_tit{border-bottom: 1px solid #ccc; background: #f5f5f5; padding: 1.1em 0; padding-left: 1.5em; font-size: 1.25em; font-weight: 700; box-sizing: border-box;}
.product_view_txtW .pro_view_ttcon .pro_view_tt_box .pro_view_tt:first-of-type .accordion_tit{border-top: 2px solid #111;}
.product_view_txtW .pro_view_ttcon .pro_view_tt_box .accordion_txt{padding: 1.8em 2em 2.5em; box-sizing: border-box;border-bottom: 1px solid #ccc; }
.product_view_txtW .pro_view_ttcon .pro_view_tt_box .accordion_txt .tt_list .tt_p{font-size: 1.06em; font-weight: 500; color: #333; line-height: 1.55; padding-left: .9em; position: relative; margin-bottom: 0.3em;}
.product_view_txtW .pro_view_ttcon .pro_view_tt_box .accordion_txt .tt_list .tt_p:before{position: absolute; content: ''; width: 5px; height: 1px; background: #111; left: 0; top: 13px;}
.product_view_txtW .pro_view_ttcon .pro_view_tt_box .accordion_txt .tt_list .tt_p:last-child{margin-bottom: 1em;}
/* .product_view_txtW .pro_view_ttcon .pro_view_tt_box .accordion_txt .tt_list:last-child .tt_p:last-child{margin-bottom: 0;} */
.product_view_txtW .pro_view_ttcon .pro_view_tt_box .accordion_txt .t1{font-size: 1.125em; margin-bottom: 1.5em; line-height: 1.6; font-weight: 500;}
.product_view_txtW .pro_view_ttcon .pro_view_tt_box .accordion_txt .t1 + .tt_list{ margin-top: -1.5em;}
.product_view_txtW .pro_view_ttcon .pro_view_tt_box .accordion_txt .view_in_imgW .view_tt_img{ padding: 3em; background: #fff; border: 1px solid #ddd; box-sizing: border-box; border-radius: 1em; text-align: center;}
.product_view_txtW .pro_view_ttcon .pro_view_tt_box .accordion_txt .view_in_imgW .view_tt_img + .view_tt_img{margin-top: 1em;}
.product_view_txtW .pro_view_ttcon .pro_view_tt_box + .benefit_list{ margin-top: 2em;}
.product_view_txtW .pro_view_ttcon .pro_view_tt_box .accordion_txt .view_in_imgW.st1{display: flex; gap: 1em;}
.product_view_txtW .pro_view_ttcon .pro_view_tt_box .accordion_txt .view_in_imgW.st1 .view_tt_img{margin-top: 0; display: flex; justify-content: center; align-items: center; flex: 1;padding: 2em;}

.product_view_txtW .pro_view_topW .pro_view_conT{font-size: 2em; font-weight: 600; padding-bottom: 0.5em; margin-bottom: 0.8em; border-bottom: 1px solid #ddd; padding-left: 2em; position: relative;}
.product_view_txtW .pro_view_topW .pro_view_conT::before{position: absolute; content: counter(subListIdx); left: 0; top: -4px; width: 1.7em; height: 1.7em; border-radius: 0.2em; background: var(--siteC); color: #fff; text-align: center; line-height: 1.7em; font-size: 0.925em;}
.product_view_txtW .pro_view_topW .ttW{font-size: 1.125em; color: #555; font-weight: 500; margin-bottom: 2.5em; line-height: 1.55;}

.product_view_txtW .pro_view_ttcon .pro_view_vodW{ display: flex; gap: 1em;}
.pro_view_vodW + .tt_list{padding-top: 1.5em; margin-top: 1.5em; border-top: 1px dashed #ccc;}
.tt_list + .pro_view_vodW{margin-top: 2em;}
.product_view_txtW .pro_view_ttcon .pro_view_vodW .pro_view_vod{width: 100%; aspect-ratio: 16 / 9; position: relative;}
.product_view_txtW .pro_view_ttcon .pro_view_vodW .pro_view_vod video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}

.product_view_txtW .pro_view_ttcon .btn_wrap{margin-top: 2em;}
.product_view_txtW .pro_view_ttcon .btn_wrap .down_btn{ flex: none;}

.linkNavWrap .NavTab{}
.linkNavWrap .NavTab > li{ margin-bottom: .75em;}
.linkNavWrap .NavTab > li:last-of-type{ margin-bottom: 0em;}
.linkNavWrap .NavTab > li > a{ font-size: 1.063em; letter-spacing: -1px; color: #000; font-weight: 600; display: inline-block; border-radius: 100px; border: 1px solid #ddd; padding: 8.5px 20px; transition: .3s;}
.linkNavWrap .NavTab > li > a:hover,
.linkNavWrap .NavTab > li > a.on{ border: 1px solid var(--siteC); background: var(--siteC); color: #fff;}

/*  */
.benefit_list{display: flex; flex-wrap:wrap; gap: 1.2em;}
.benefit_list li{width: calc((100% - 2.4em) / 3); padding: 1.8em 2.5em; box-sizing: border-box; border-radius: 1em; background: #f5f5f5; display: flex; flex-direction: row; gap: 2em; justify-content: flex-start; align-items: center;} 
.benefit_list.st1 li{ padding: 1.8em;  display: flex; flex-direction: column; gap: 1.5em; align-items: flex-start;} 
.benefit_list li .icon_wrap{}
.benefit_list li .icon_wrap img{height: 4.2em;}
.benefit_list li .txt_wrap{}
.benefit_list li .txt_wrap .tit{ font-size: 1.25em; font-weight: 700; margin-bottom: .5em;}
.benefit_list li .txt_wrap .tt{color: #333; line-height: 1.45; font-size: 1.06em;}
.benefit_list li.link_more{background: var(--siteC); color: #fff;}
.benefit_list li.link_more .in{height: 100%;display: flex; align-items: center;}
.benefit_list li .txt_wrap .tit{display: flex; align-items: center; gap: 0.5em;}

/*대쉬 텍스트*/
.dotList { } 
.dotList > li { position: relative; padding-left: 1em;  line-height: 1.6; margin-bottom: 0.5em; } 
.dotList.st1 > li{ margin-bottom: 0.3em;}
.dotList > li:before { position: absolute; top: 12px; left: 0; width: 6px; height: 1px; background: #333; content: ''; } 

.dotList.c1 > li { color: #666; } 
.dotList.s1 > li { font-size: 1.125em; margin-bottom: 0.3em;}

.dotList > li.tit { }
.dotList.s1 > li.tit { }
.dotList.dot1 > li:before { top: 10px; width: 5px; height: 5px; background: #333; content: ''; border-radius: 100em;}
.dotList .warT{ padding-left: 1.5em; }
.dotList .warT::before{font-family: xeicon !important; top: -3px; left: 0; font-size: 1.25em; color: var(--siteCerr); content: '\e9aa'; background: none; width: auto; height: auto;}

/*  */
.productInfo_wrapper{padding-top: 2em;}
.productInfo_wrapper .productInfo_top{display: flex; gap: 4em; box-sizing: border-box;}
.productInfo_wrapper .productInfo_top .img_wrap{width: 45%; padding: 3em; background: #f5f5f5; display: flex; justify-content: center; align-items: center; box-sizing: border-box;}
.productInfo_wrapper .productInfo_top .img_wrap img{ display: block; object-fit: contain; height: 38svh;}
.productInfo_wrapper .productInfo_top .txt_wrap{width: 55%; margin-top: 2em;}
.productInfo_wrapper .productInfo_top .txt_wrap .topW{ padding-bottom: 1.5em; margin-bottom: 2em; border-bottom: 1px solid #ccc;}
.productInfo_wrapper .productInfo_top .txt_wrap .topW .tit{ font-size: 2.5em; font-weight: 700; margin-bottom: 0.3em;}
.productInfo_wrapper .productInfo_top .txt_wrap .topW .tt{font-size: 1.25em; font-weight: 500; color: #555;}
.productInfo_wrapper .productInfo_top .txt_wrap .bottomW{}
.productInfo_wrapper .productInfo_top .txt_wrap .bottomW .modelList{display: flex; flex-direction: column; gap: .8em; padding-bottom: 2em;}
.productInfo_wrapper .productInfo_top .txt_wrap .bottomW .modelList dt{font-size: 1.25em; font-weight: 700; }
.productInfo_wrapper .productInfo_top .txt_wrap .bottomW .modelList dd{display: flex; gap: 0.5em; flex-wrap: wrap;}
.productInfo_wrapper .productInfo_top .txt_wrap .bottomW .modelList dd .model{ padding: 0.3em 1em; box-sizing: border-box; border-radius: 0.3em; line-height: 1.45; color: #333; background: #ebf5f2;}
.productInfo_wrapper .productInfo_top .txt_wrap .bottomW .pointT .tit{font-size: 1.25em; font-weight: 700; margin-bottom: .8em;}
.productInfo_wrapper .productInfo_top .txt_wrap .bottomW .pointT .tt{background: #f5f5f5; padding: 2em; box-sizing: border-box; }
.productInfo_wrapper .productInfo_top .txt_wrap .bottomW .view_btn_wrap{padding-top: 2em;}
.productInfo_wrapper .productInfo_top .txt_wrap .bottomW .view_btn_wrap .tit{font-size: 1.25em; font-weight: 700; margin-bottom: .8em;}
.productInfo_wrapper .productInfo_top .txt_wrap .bottomW .view_btn_wrap .btn_wrap{ justify-content: flex-start; gap: .8em;}
.productInfo_wrapper .productInfo_top .txt_wrap .bottomW .view_btn_wrap .btn_wrap .down_btn{ border-radius: .2em;}

.productInfo_wrapper .product_con_wrap{padding-top: 3.5em; margin-top: 3.5em; border-top: 1px solid #ddd;}

/*  */
.businessWrapper{padding-top: 3.5em;}

.business_page_list { position: relative; width: 100%; height: 100vh; overflow: hidden; }
.businessWrapper .page-list-container{ width: 100%; height: 100vh; }
.businessWrapper .page-list-container .page_list_con{ position: relative; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; }

/* 배경 이미지 동적 전환 클래스 정의 */
.business_page_list .page_list_con.bg_01{background-image: url(../images/sub/business_bg_01.jpg?v=0.423);}
.business_page_list .page_list_con.bg_02{background-image: url(../images/sub/business_bg_02.jpg?v=0.423);}
.business_page_list .page_list_con.bg_03{background-image: url(../images/sub/business_bg_03.jpg?v=0.423);}
.business_page_list .page_list_con.bg_04{background-image: url(../images/sub/business_bg_04.jpg?v=0.423);}

.businessWrapper .page-list-container .page_list_con::before{ position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.15); z-index: 1; }

.page_list_con { height: 100vh; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; position: relative; } 
.page_list_con .inW{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; z-index: 2; width: 100%; max-width: 1400px;} 
.page_list_con .inW .txt_wrap{ width: 60%; text-align: left;}
.page_list_con .inW .txt_wrap .s_tit{font-size: 1.75em; font-weight: 600; margin-bottom: 0.3em; }
.page_list_con .inW .txt_wrap .tit{font-size: 5em; font-weight: 700;}
.page_list_con .inW .txt_wrap .tt{font-size: 1.25em; margin-top: 1.2em; line-height: 1.6; font-weight: 500;}

.page_list_con .category_menu{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 1em; z-index: 2;}
.page_list_con .category_menu li .in{padding: 1.5em; box-sizing: border-box; border-radius: 0.5em 0 0 0.5em; min-width: 19em; transform: translateX(30px); background-color: rgba(255, 255, 255, 0.3); color: #111; backdrop-filter: blur(10px); display: flex; justify-content: space-between; align-items: center; gap: 2em; cursor: pointer; transition: 0.2s ease-in-out;}
.page_list_con .category_menu li .in .tt{font-size: 1.25em; font-weight: 500; color: #fff;}
.page_list_con .category_menu li .in .xi{ width: 1.8em; height: 1.8em; color: #fff; background: var(--siteC, #ff6600); text-align: center; line-height: 1.8em; border-radius: 0.2em; opacity: 0;}
.page_list_con .category_menu li:hover .in{ background: #fff; transform: translateX(0);}
.page_list_con .category_menu li:hover .in .xi{ opacity: 1;}
.page_list_con .category_menu li:hover .in .tt{color: #111; font-weight: 600;}

.scrollAni2 { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 10; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; } 
.scrollAni2 .txt { font-weight: 700; font-size: 1rem; margin-bottom: 0.8rem; } 
.scrollAni2 .line { position: relative; width: 1px; height: 3.5rem; background-color: rgba(255, 255, 255, 0.3); overflow: hidden; } 
.scrollAni2 .line::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; transform: scaleY(0); transform-origin: top; animation: growLine 1.5s ease-in-out infinite; } 

@keyframes growLine { 
    0% { transform: scaleY(0); opacity: 1; } 
    80% { transform: scaleY(1); opacity: 1; } 
    100% { transform: scaleY(1); opacity: 0; } 
}

/* 모달창 */
#bizModal{ position: fixed; inset: 0; width: 100%; height: 100%; overflow-y: auto;}
.biz_modal_overlay{display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.6); z-index:99999; overflow:hidden}
.biz_modal_content_wrap{position:absolute; bottom:0; left:0; width:100%; max-height:90vh; padding: 20px 10px; background:#fff; border-radius:40px 40px 0 0; display:flex; flex-direction:column; box-sizing:border-box;overflow-y: auto;}
.biz_modal_close{position:absolute; top:2em; right:2em; width:50px; height:50px; background:#f1f3f5; border:none; border-radius:50%; cursor:pointer; font-size:1.5rem; z-index:10; display:flex; align-items:center; justify-content:center;}

.biz_modal_scroll_body{width:100%; height:100%; overflow-y:auto; overflow-x: hidden; padding:calc(3em - 20px) calc(7em - 10px); box-sizing:border-box; }
.biz_modal_scroll_body .modal_content_item{display:none;}
.biz_modal_scroll_body .modal_top_info{ border-bottom:1px solid #eaeaea; padding-bottom:2.5em; margin-bottom:2.5em; display: flex; justify-content: space-between; align-items: flex-end;}
.biz_modal_scroll_body .modal_top_info .in{display:flex; gap:1em; flex-direction: column;}
.biz_modal_scroll_body .modal_top_info .right_wrap {display:flex; flex-direction: column; align-items: flex-end;}
.biz_modal_scroll_body .modal_top_info .right_wrap .modal_tab{display: flex; margin-bottom: 1.3em; gap: 0.5em; }
.biz_modal_scroll_body .modal_top_info .right_wrap .modal_tab li{padding: .5em 1em; box-sizing: border-box; border-radius: 0.2em; border: 1px solid #ddd; font-size: 1.125em;}
.biz_modal_scroll_body .modal_top_info .right_wrap .modal_tab li.on{background: var(--siteC); color: #fff; border-color: var(--siteC);}
.biz_modal_scroll_body .modal_top_info .right_wrap .more_btn{margin-top: 0; font-size: 1.125em;gap: 0.5em;}
.biz_modal_scroll_body .modal_top_info h2{font-size:2.75rem; font-weight:700; color:#111; margin:0;}
.biz_modal_scroll_body .modal_top_info .m_sub_wrap span{font-size:1.25rem; font-weight:600; color:var(--siteC); display:block; margin-bottom:0.5rem;}
.biz_modal_scroll_body .modal_top_info .m_sub_wrap p{font-size:1.125rem; color:#666; margin:0; line-height:1.5;}

.my_custom_content{ box-sizing:border-box; padding: 0 2em; }

.modal_con_tit{display: flex; justify-content: space-between; align-items: center;}
.modal_con_tit .t1{font-size: 2em; font-weight: 700; position: relative; padding-left: 0.6em;}
.modal_con_tit .t1::before{position: absolute; content: ''; width: 6px; height: 6px; border-radius: 100em; left: 0; top: 16px; background: #333;}
.modal_con_tit .durationT{display: flex; gap: 0.6em; color: #fff; font-size: 1.125em; background: #333; align-items: center; padding: 0.7em 1em; border-radius: 100em;}
.modal_con_tit .durationT .dot{ width: 1.8em; height: 1.8em; border-radius: 100em; background: #fff; border: 3px solid #ffc00e; box-sizing: border-box; box-shadow: 0px 0px 10px rgb(225 165 29 / 75%);}

.modal_product_list{display: flex; flex-wrap: wrap; gap: 4em;}
.modal_product_list li{display: flex; gap: 4em;width: 100%;}
.modal_product_list li .img_wrap{ padding: 3em; box-sizing:border-box; background: #f5f5f5; height: 27em; flex-shrink: 0;}
.modal_product_list li .img_wrap img{ width: 100%; height: 100%; object-fit: contain; box-sizing:border-box;}
.modal_product_list li .txt_wrap{ margin-top: 2em; width: 100%;}
.modal_product_list li .txt_wrap .topW{ padding-bottom: 2em; border-bottom: 1px solid #ddd;  margin-bottom: 2em;}
.modal_product_list li .txt_wrap .topW .tit{ display: flex; gap: 1em; align-items: center; margin-bottom: 1em;}
.modal_product_list li .txt_wrap .topW .tit .t1{font-size: 2.38em; font-weight: 600; }
.modal_product_list li .txt_wrap .topW .tit .tagW{ font-size: 1.125em; display: flex; align-items: center; background: #f5f5f5;}
.modal_product_list li .txt_wrap .topW .tit .tagW .cate{ padding: 0 .5em; border-radius: 0.3em;}
.modal_product_list li .txt_wrap .topW .tit .tagW .tag{ background: var(--siteC); color: #fff; padding: 0.3em 0.4em; border-radius: .2em; font-size: 0.925em;}
.modal_product_list li .txt_wrap .topW .tt{font-size: 1.125em; color: #666; }
.modal_product_list li .txt_wrap .dotList{margin: 0 0.6em;}
.modal_product_list li .txt_wrap .view_btn_wrap{display: flex; gap: 1em; margin-top: 2.5em;}
.modal_product_list li .txt_wrap .view_btn_wrap .view_btn{ padding: 0.7em 2em; flex: 1; box-sizing: border-box; border-radius: 0.2em; background: #333; color: #fff; display: flex; align-items: center; justify-content: center; gap: 1em; font-size: 1.125em;}
.modal_product_list li .txt_wrap .view_btn_wrap .view_btn.c1{ background: var(--siteC);}

/*  */
.step-list{ display:flex; flex-wrap:wrap; gap:3em;  margin-top: 1.5em;}
.step-list > li{width:calc((100% - 6em) / 3); position:relative; display:flex; align-items:flex-start; transition: 0.2s ease-in-out; gap: 2em;border-radius:20px; background: #f1f1f1; padding:3em 2em; box-sizing: border-box; }
.step-list > li:nth-child(1){transition-delay: 0.1s; z-index: 50;}
.step-list > li:nth-child(2){transition-delay: 0.2s; z-index: 49;}
.step-list > li:nth-child(3){transition-delay: 0.3s; z-index: 48;}
.step-list > li:nth-child(4){transition-delay: 0.4s; z-index: 47;}
.step-list > li:before{content:'';  width: 9px; height: 9px; position:absolute; right: -3.3em; top:50%; margin-top: -4.5px; border-radius:50%; background: #0B1F2A; z-index: 1; }
.step-list > li:after{content:'';  width: 3em; height: 1px; position:absolute; right: -3em; top:50%; margin-top: -0.5px;  background: #ddd;}
.step-list > li:last-child:after,
.step-list > li:last-child:before{display:none}
.step-list .icon{width: 25%; aspect-ratio:1; border-radius:50%; background: #fff; display:flex; align-items:center; justify-content:center;  }
.step-list .icon.border{ border: 4px solid #ffc00e; box-sizing: border-box; box-shadow: 0px 0px 25px rgb(255 212 119 / 75%); }
.step-list .icon img{height: 3.2em;}
.step-list .txt {width: 70%;}
.step-list .txt span{margin-bottom: .7em; color: #666; display:block; transition: 0.2s ease-in-out;}
.step-list .txt .tit{ font-size: 1.38em; font-weight: 700; margin-bottom: 0.7em; transition: 0.2s ease-in-out;}
.step-list .txt .dotList > li{margin-bottom: 0.3em; line-height: 1.5;font-weight: 500;}

.step-list > li:hover{background: var(--siteC);}
.step-list > li:hover .txt span,
.step-list > li:hover .txt .tit,
.step-list > li:hover .dotList li,
.step-list > li:hover .dotList li span{color: #fff !important;}
.step-list > li:hover .dotList li::before{background: #fff;}

.stepList_control{gap: 1.5em; margin-top: 1.5em;}
.stepList_control .stepList-pagination{ width: auto; font-size: 1.25em;}
.stepList_control .swiperBtn{font-size: 1.75em; width:1.75em; height: 1.75em; color: #666; border: 1px solid #ccc;}

/*  */
.modal_img_list{display: flex; gap: 2em;}
.modal_img_list li{width: calc((100% - 6em) / 4); padding: 2em; box-sizing: border-box; background: #f5f5f5; border-radius: 1.5em; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.modal_img_list li .img_wrap{ border-radius: 1.5em; overflow: hidden;}
.modal_img_list li .img_wrap img{display: block; width: 100%; object-fit: contain;}
.modal_img_list li .txt{margin-top: 1.5em; font-size: 1.25em; font-weight: 700;}

/*  */
.research-step-list{display: flex; border:1px solid #ddd; box-sizing:border-box; border-radius:1rem; margin-top:1rem;  flex-wrap: wrap; overflow: hidden;}
.research-step-list .list-item{position: relative; display: flex; flex-direction:column; align-items:center; justify-content:center; flex: 1 1 30%; height:13rem;  border-right:1px solid #ddd; text-align:center; transition:0.2s ease-in-out;}
.research-step-list .list-item:before{position: absolute; content:'\e93f'; top:50%; right:0; transform:translate(50%, -50%); font-family:'xeicon'; display: flex; align-items:center; justify-content:center; font-size:2.4rem; color:#000; letter-spacing:-0.07em; width:3rem; height:3rem; border-radius:50%; border:1px solid #ddd; box-sizing:border-box; background:#fff; z-index:9;}
.research-step-list .list-item:nth-child(1),
.research-step-list .list-item:nth-child(2),
.research-step-list .list-item:nth-child(3){border-bottom: 1px solid #ddd;}
.research-step-list .list-item:nth-child(3n){border-right: none;}
.research-step-list .list-item:nth-child(3):before{display: none;}
.research-step-list .list-item:last-child:before{display: none;}
.research-step-list .list-item .step{font-size: 1.06em; font-weight: 600; color: var(--siteC);}
.research-step-list .list-item .tit{font-size:1.5rem; width: 80%; letter-spacing:-0.025em; color:#000; font-weight:700; margin-bottom:.75em; padding-bottom: 0.75em; border-bottom: 1px dashed #ddd; transition:0.2s ease-in-out; margin-top:0.7rem;}
.research-step-list .list-item .txt{display: flex; align-items:center; font-size:1.125rem;  color:#555; font-weight:500; transition:0.2s ease-in-out;}

.research-step-list .list-item.on{background:var(--siteC);}
.research-step-list .list-item.on .tit,
.research-step-list .list-item.on .step,
.research-step-list .list-item.on .txt{color:#fff;}

/*  */
.operateList{display: flex; gap: 2.5em; margin-top: 1em;}
.operateList.w4 {gap:1.5em; flex-wrap: wrap;}
.operateList > li{ width: calc((100% - 2.5em) / 2); display: flex; flex-direction: column;}
.operateList.w4 > li{ width: calc((100% - 7.5em) / 4); position: relative;}
.operateList.w4 > li::before{ position: absolute; content: '\e93f'; top: 55%; right: -0.3em; transform: translate(50%, -50%); font-family: 'xeicon'; display: flex; align-items: center; justify-content: center; font-size: 2.4rem; color: #000; letter-spacing: -0.07em; width: 4rem; height: 4rem; border-radius: 50%; border: 1px solid #ddd; box-sizing: border-box; background: #fff; z-index: 9;}
.operateList.w4 > li:last-child:before{display: none;}
.operateList > li .titT{padding: 0.8em; width: 100%; background: #333; color: #fff; font-weight: 600; text-align: center; font-size: 1.25em; border-radius: 0.5em; box-sizing: border-box;}
.operateList > li .infoW{ padding: 2em; border-radius: 1em; box-sizing: border-box; margin-top: 1em; background: #f5f5f5; flex: 1; display: flex; flex-direction: column;}
.operateList > li .infoW .topT{ margin-bottom: 1.5em; }
.operateList > li .infoW .topT .t1{font-size: 1.5em; font-weight: 700; margin-bottom: 0.5em;}
.operateList > li .infoW .topT .tt{font-size: 1.125em; font-weight: 500; color: #333; line-height: 1.5;}
.operateList > li .infoW .bottomT{padding: 2em; box-sizing: border-box; background: #fff; border-radius: 1em; flex: 1;}
.operateList > li .infoW .bottomT .t1{font-size: 1.5em; position: relative; padding-left: .8em; font-weight: 700; margin-bottom: 0.6em;}
.operateList > li .infoW .bottomT .t1::before{position: absolute; content: ''; width: 6px; height: 6px; border-radius: 100em; left: 0; top: 12px; background: #333;}

.stepSwiper_wrapper .in_width{max-width: 95%; margin: 0 auto;}
.ExampleWrap{margin-top: 1.5em;}
.ExampleList { gap: 1.5rem; margin-bottom: 1.5rem; }
.ExampleList.gap3 { gap: 3rem; }
.ExampleList:last-child { margin-bottom: 0; }
.ExampleList .box { display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 7rem; font-size: 1.38em; font-weight: 600; padding: 1.5rem 2rem; box-sizing: border-box; border-radius: .7rem; text-align: center; }
.ExampleList .tit_box { background: #333;  width: 20%; }
.ExampleList .ttWrap { gap: 1rem; align-items: stretch; width: 100%;}
.ExampleList .ttWrap .tt_box { background: #fff; flex: 1; border: 1px solid #ddd;}
.ExampleList .ttWrap .tt_box.c1{ background: #333; color: #fff;}
.ExampleList .ttWrap .tt_box .t2{font-size: 0.75em; font-weight: 500; color: #ccc; margin-top: 0.4em;}

.arrow-right {
    margin: auto 0;
    font-size: 1.7rem;
    color: #2b3089;
    animation: arrowFade 1.5s infinite;
}

@keyframes arrowFade {
    0% {
        opacity: 0;
        transform: translateX(-5px);
    }

    50% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(5px);
    }
}
.guideBoxInner {padding-top: 2em; margin-top: 2em; box-sizing: border-box; border-top: 1px dashed #ccc;}
.guideBoxInner .in{ border: 2px solid var(--siteC); box-shadow: 0px 0px 20px rgb(25 167 120 / 15%); background: #fff; padding: 2em 3em; box-sizing: border-box; border-radius: 1em;}
.guideBoxInner .t1{font-size: 1.5em; font-weight: 700; padding-left: 0.8em; position: relative; margin-bottom: 1em; padding-bottom: 0.8em; border-bottom: 1px dashed #ccc;}
.guideBoxInner .t1::before{position: absolute; content: ''; width: 6px; height: 6px; border-radius: 100em; left: 0; top: 12px; background: #333;}
.guideBoxInner .tt{font-size: 1.19em; color: #333; padding-left: 1em;}

/* 비전과 가치 */
.visionWrapper{ padding-bottom: 5.5em;}
.visionWrapper .page_topT{padding-bottom: 3.5em; margin-bottom: 3.5em; border-bottom: 1px solid #ddd;}

.visionCon{display: flex; flex-direction: column; gap: 3.5em;}
.visionCon .coreValue_con{display: flex; gap: 2em; align-items: center;}
.visionCon .coreValue_con .tit{font-size: 2.5em; font-weight: 700;}
.visionCon .coreValue_con .line{ height: 1px; width: 4em; background: #ddd;}
.visionCon .coreValue_con .tt{font-size: 1.5em; font-weight: 500; }

.visionCon .valueTxt{display: flex; flex-direction: column; gap: 5em; width: 66%; margin-left: auto;}
.visionCon .valueTxt .value_con{}
.visionCon .valueTxt .value_con .img_wrap{ border-radius: 1em; overflow: hidden;}
.visionCon .valueTxt .value_con .img_wrap img{ display: block; object-fit: contain; width: 100%;}
.visionCon .value_con{counter-increment: subListIdx; inset: 0;}
.visionCon .valueTxt .txtW{margin-top: 3em; padding: 0 1.2em;}
.visionCon .valueTxt .txtW .tit{font-size: 2.38em; font-weight: 700; padding-left: 1em; position: relative; margin-bottom: 0.7em;}
.visionCon .valueTxt .txtW .tit::before{position: absolute; content: counter(subListIdx) "."; left: 0; top: 2px;}
.visionCon .valueTxt .txtW .tt1{font-size: 1.8em; font-weight: 700; margin-bottom: 1.3em;}
.visionCon .valueTxt .txtW .tt2{font-size: 1.19em;line-height: 1.6; color: #333; font-weight: 500;}
.visionCon .valueTxt .txtW .el{width: max-content;}

.visionYoutube{ }
.visionYoutube .page_topT{ line-height: 1.45;}
.visionYoutube .youtubeW{ aspect-ratio: 16 / 8.5; cursor: pointer; width: 100%; margin-top: 3.5em;}

/*  */
.visionProfile{margin-top: 3em; display: flex; gap: 4.5em;}
.visionProfile .img_wrap{ width: 55%; border-radius: 1em; overflow: hidden;}
.visionProfile .img_wrap img{ display: block; width: 100%; object-fit: contain;}
.visionProfile .txt_wrap{ display: flex; flex-direction: column; justify-content: center;width: 50%;}
.visionProfile .txt_wrap .profile_con{width: 100%; display: flex; flex-direction: column; align-items: center;}
.visionProfile .txt_wrap .profile_con .tit{font-size: 2em; font-weight: 600; padding-bottom: 0.8em; margin-bottom: 1em; border-bottom: 1px solid #ddd; width: 100%; text-align: center;}

.btn_wrap{display: flex; gap: 1.5em; justify-content: center;}
.btn_wrap .down_btn{ padding: .6em 2.5em; box-sizing: border-box; border: 2px solid var(--siteC); color: var(--siteC); font-size: 1.125em; font-weight: 500; background: #fff; border-radius: 100em; display: flex; align-items: center; gap: .4em; transition: .2s ease-in-out; flex: 1; text-align: center; justify-content: center;}
/* .btn_wrap .down_btn.c2{background: var(--siteC); color: #fff;} */
.btn_wrap .down_btn.c3{background: #333; color: #fff; border-color: #333;}
.btn_wrap .down_btn:not(.c3):hover{background: var(--siteC); color: #fff;}
/* .btn_wrap .down_btn.c2:hover, */
.btn_wrap .down_btn.c3:hover{opacity: .7;}

/* CI */
.ciWrapper{margin-top: 2.5em;}
.ciCon + .ciCon{margin-top: 3.5em;}
.ciCon{ display: flex; flex-direction: column; gap: 1em;}
.ciCon .ciTit{display: flex; flex-direction: column;gap: 1.5em;}
.ciCon .ciTit .page_tt{}
.ciCon .ciTit .tt{font-size: 1.25rem; line-height: 1.55; font-weight: 500; padding-bottom: 1em;}

.ciCon.st1{ flex-direction: row; gap: 5em;}
.ciCon.st1 .img_list{width: 40%;}
.ciCon.st1 .ciTit{width: 60%;}

.ciCon .img_list{display: flex; gap: 1.5em;}
.ciCon .img_list .img_box{flex: 1; background: #fff;border-radius: 1em; overflow: hidden; }
.ciCon .img_list .img_box .img_wrap{padding: 4em 0; text-align: center; border-radius: 1em;}
.ciCon .img_list .img_box .img_wrap img{ object-fit: contain;}
.ciCon .img_list .img_box .txt{text-align: center; margin-top: 1em; font-size: 1.25rem; font-weight: 500; line-height: 1.45;}
.ciCon .img_list.h1 .img_box .img_wrap img{height: 13em;} 
.ciCon .img_list.h2 .in{flex:1;display: flex; flex-direction: column;}
.ciCon .img_list.h2 .img_box { display: flex; justify-content: center; align-items: center;}
.ciCon .img_list.h2 .img_box .img_wrap{ padding: 4em 0; } 
.ciCon .img_list.h2 .img_box .img_wrap  img{height: 6em;}
.ciCon .img_list.h2 .in:first-child .img_box .img_wrap img{height: 10em;}
.ciCon .img_list.h2 .in .btn_wrap{margin-top: 1.5em;}

.ciCon .color_boxW{display: flex; gap: 1.5em;}
.ciCon .color_box{flex:1; padding: 2em; box-sizing: border-box; height: 12em; display: flex; justify-content: space-between; flex-direction: column; background: #008a44; border-radius: 1em;}
.ciCon .color_box.c1{ background: #ee2624;}
.ciCon .color_box.c2{background: #292974;}
.ciCon .color_box .name{font-size: 2em; font-weight: 700; color: #fff;}
.ciCon .color_box .tt_wrap{margin-left: auto;}
.ciCon .color_box .tt_wrap .tt{font-size: 1.5em; color: #fff; font-weight: 500; margin-bottom: 0.3em; display: flex; gap: .6em;}
.ciCon .color_box .tt_wrap .tt:last-child{margin-bottom: 0;}
.ciCon .color_box .tt_wrap .tt span{ display: flex; gap: .2em;}

.bg_grid{background: repeating-linear-gradient(#eee, #eee 1px, transparent 0, transparent 1em), repeating-linear-gradient(90deg, #eee, #eee 1px, transparent 0, transparent 1em) !important;
background: repeating-linear-gradient(#eee, #eee 1px, transparent 0, transparent 1em), repeating-linear-gradient(90deg, #eee, #eee 1px, transparent 0, transparent 1em) !important;
border-top:none; border-left:none; overflow:hidden; border: 1px solid rgba(0,0,0,.1);}