@charset "utf-8";
/* CSS Document */
.box0{ padding:0 var(--pagePD); box-sizing:border-box}
.boxSub,
.box1{ box-sizing:border-box; width:1400px; margin:0 auto}

.siteC {color:var(--siteC)}
.siteC2 {color:var(--siteC2)}

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


.goTop { z-index:999; position: fixed; bottom: 2em; right: 3em; width: 3.5em; line-height: 3.5em; text-align: center; background: var(--siteC); color: #fff; box-shadow: 0 0 1em rgba(0, 0, 0, .1); opacity: 0; transform: translateY(100%); transition: .3s; border-radius:1em;}
.goTop .xi { font-size: 1.5em}
.scroll .goTop { opacity: 1; transform: translateY(0)!important;}

.scroll.up #header{ box-shadow:0 0 1em rgba(0,0,0,.2); transition:transform .3s}
.scroll:not(.up):not(.allOn) #header{ transform:translateY(-100%); box-shadow:none}

.fade_up_item {opacity:0; transform:translateY(20%); transition:all .5s ease-out;} 
.fade_up_item.is_active {opacity: 1; transform: translateY(0);}

.autoH {height:auto !important}
.autoW {width:auto !important}

.noBorder {border:none!important;}

#header{ position: fixed; left:0; top:0; width:100%; z-index:1000; background:#fff}
#header .top_wrap{ position:relative}
#header .top_wrap .wrapH,
#header .top_wrap .gnb_wrap .dp1{ height:var(--headerH)}
.headerT{ padding-top:var(--headerH)}
#header .top_wrap .wrapF{ display:flex; align-items:center; gap:0 3vw}
#header .top_wrap .wrapF > *{ position:relative; z-index:2}
#header .top_wrap .logo > a{ display:block; height:4em; overflow:hidden}
#header .top_wrap .logo > a .in{ display:block; height:100%; transition:.3s}
#header .top_wrap .logo > a img{ height:100%; display:block}
#header .top_wrap .etc_wrap{ display:flex; align-items:center; gap:2vmin}
#header .top_wrap .etc_wrap .btnInc{ width:3em; height:3em; display:flex; align-items:center; justify-content:center; border-radius:1em}
#header .top_wrap .etc_wrap .btnInc .ico{ font-size:1.75em}
#header .top_wrap .etc_wrap .allBtn{ position:relative}
#header .top_wrap .etc_wrap .allBtn .line{ width:90%; height:1px; position:absolute; left:50%; top:50%; background:#000; transition:.3s}
#header .top_wrap .etc_wrap .allBtn .line.e1{ transform:translate(-50%, -.375em)}
#header .top_wrap .etc_wrap .allBtn .line.e2{ transform:translate(-50%, .375em)}
html:not(.allOn) #header .top_wrap .etc_wrap .allBtn:hover .line{ width:70%}
html:not(.allOn) #header .top_wrap .etc_wrap .allBtn:hover .line.e1{ margin-left:10%}
html:not(.allOn) #header .top_wrap .etc_wrap .allBtn:hover .line.e2{ margin-left:-10%}

html:not(.allOn) #header .top_wrap .gnb_wrap{ display:flex; align-items:center; flex:1; min-width:0; justify-content:center; height:100%; z-index:1; max-width:90vmin; margin:0 auto}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb{ position:absolute; left:50%; transform:translateX(-50%); top:0; width:100%; justify-content:space-around; box-sizing:border-box; transition:padding .3s}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb a{ display:flex}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li{ position:relative;}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1{ display:flex; align-items:center; justify-content:center}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .tt{ font-weight:700; font-size:1.125em}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2{ display:none}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li:hover .dp1,
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li.on .dp1{ color:var(--siteC)}

html #header .top_wrap .gnb_wrap .gnb > li .dp1 .va{ position:relative}
html #header .top_wrap .gnb_wrap .gnb > li .dp1 .va:after{ content:""; position:absolute; bottom:0; left:50%; width:0; height:1px; background:var(--siteC); transform:translate(-50%, .25em)}
html #header .top_wrap .gnb_wrap .gnb li:hover > a .va:after,
html #header .top_wrap .gnb_wrap .gnb li.on .dp1 .va:after{ width:100%; transition:.3s}

html.main:not(.scroll):not(.allOn) #header{ background:none}

html:is(.allOn,.main:not(.scroll)) #header{ color:#fff}
html:is(.allOn,.main:not(.scroll)) #header .top_wrap .logo .in,
html:is(.allOn,.main:not(.scroll)) #header .top_wrap .etc_wrap .allBtn,
html:is(.allOn,.main:not(.scroll)) #header .top_wrap .gnb_wrap .gnb > li .dp1,
html:is(.allOn,.main:not(.scroll)) #header .top_wrap .gnb_wrap .gnb > li .dp1 .va:after{ filter:brightness(0) invert(1)}



.allOn{ overflow-y:hidden}
.allOn #header{ height:100vh; background:rgba(0,0,0,.5); backdrop-filter:blur(1em); overflow-y:scroll; scrollbar-width: thin; scrollbar-color: white transparent}
.allOn #header .top_wrap .etc_wrap .allBtn .line{ position: absolute; left:50%; top:50%; width:90%}
.allOn #header .top_wrap .etc_wrap .allBtn .line.e1{ transform:translate(-50%, -50%) rotate(45deg)}
.allOn #header .top_wrap .etc_wrap .allBtn .line.e2{ transform:translate(-50%, -50%) rotate(-45deg)}
.allOn #header .top_wrap{ height:100%}
.allOn #header .top_wrap .wrapF{ flex-direction:column; height:100%; align-items:flex-start; position:relative; box-sizing:border-box}
.allOn #header .top_wrap .logo,
.allOn #header .top_wrap .etc_wrap{ height:var(--headerH); display:flex; align-items:center}
.allOn #header .top_wrap .logo{ position:absolute; left:var(--sitePD); top:0}
.allOn #header .top_wrap .etc_wrap{ margin-left:auto;}
.allOn #header .top_wrap .gnb_wrap{ order:1; flex:1; min-height:0; width:100%; display:flex; align-items:center; box-sizing:border-box; padding-bottom:var(--headerH); position:relative}
.allOn #header .top_wrap .gnb_wrap .gnb{ width:100%; max-height:100%}
.allOn #header .top_wrap .gnb_wrap .gnb > li{ flex:1; padding-bottom:calc(var(--headerH) / 2)}
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp1{ height:calc(var(--headerH) * 1.5)}
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp1 .tt{ font-size:1.75em; font-weight:800}
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2{ flex-direction:column; gap:1em}
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a .tt{ opacity:.7; font-weight:700; font-size:1.063em}
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a:hover .tt{ opacity:1}
.allOn #header .top_wrap .gnb_wrap .gnb > li.m_guide{ display:block; position:absolute; right:0; bottom:0; font-size:.875em}
.allOn #header .top_wrap .gnb_wrap .gnb > li.m_guide .dp1{ display:none}

#footer { z-index: 1; color: #fff; background: #111; } 
#footer.white {color:#fff!important;}
#footer .link_menu { padding: 1em 0; border-bottom: 1px solid rgba(255,255,255, .1); } 
#footer .link_menu .box0 { justify-content: flex-end;  margin: 0 8vw} 

#footer .infoW {display: flex; flex-flow:column nowrap;}

#footer .box0 {padding:0}
#footer .box1 {margin:0 auto;}
#footer .f_info { padding: 4em 0 5em; margin: 0 8vw } 
#footer .logo img { height:5em; filter:brightness(0) invert(1)} 
#footer .cname { margin-bottom: .5em; color: rgba(255,255,255, .65); font-size: .938em; } 
#footer .infoW { margin-bottom:.25em; display:flex; font-size:.938em } 
#footer .infoW > dt {font-weight:500; opacity:.8 } 
#footer .infoW > dt > ul {display: flex; flex-flow: row nowrap;}
#footer .infoW > dd { flex:1 1 0%; min-width:0 } 
#footer .info > li { float:left; margin-right:2em; margin-bottom:.3em; 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 .info .sitename { opacity:1; font-weight:600;} 

#footer .copyright { font-size:.813em; opacity:.6; text-transform:uppercase; margin-top:1em } 
#footer .cs_wrap { display:flex; gap:0 4em } 
#footer .cs_wrap .wrap_in { position:relative } 
#footer .cs_wrap .wrap_in:not(:first-child):after { content:""; position:absolute; left:-2em; top:0; width:1px; height:100%; background:#fff; opacity:.2 } 
#footer .cs_wrap .t1 { opacity:.7; font-weight:500; margin-bottom:.5em } 
#footer .cs_wrap .t2 { font-weight:700; font-size:1.25em } 

#footer .family { position: relative; } 
#footer .family .btn { gap:0 5.5em; height:3.5em; padding:0 1.5em; border-radius:.25em; background: #444; } 
#footer .family .btn .tt { font-size:.813em; } 
#footer .family .btn .xi { font-size:1.125em; } 
#footer .family .list { display:none; position:absolute; left:0; bottom: calc(100% + 2px); width:100%; max-height: 16em; margin-bottom:-1px; padding:1em 1em; background: #f8f8f8; border-bottom:1px solid rgba(255,255,255,.2); border-radius: .25em; box-sizing:border-box; border: 1px solid #ddd; } 
#footer .family .list > li > a { display:block; padding:.5em 0; font-size:.938em; color:#777; } 
#footer .family .list > li > a:hover { text-decoration:underline; } 
#footer .family.on .in { opacity:1; } 
#footer .family.on .in .arrow { transform:rotate(180deg); } 
#footer .family.on .list { display:block } 

#footer .footer_menuW { display:flex; gap:2em } 
#footer .footer_menuW > li > a { opacity:.6; font-weight:500 } 
#footer .footer_menuW > li.point > a { opacity:1; font-weight:700 } 

#footer .info_wrap {gap:3em;}

#contents{ flex:1 1 0%; min-height:0; box-sizing:border-box}
#contents .sub_top_wrap{ height:60vh; position:relative}
#contents .sub_top_wrap .wrapBg{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:#f1f1f1; overflow:hidden}
#contents .sub_top_wrap .wrapBg .bg{ height:100%; background-size:100% auto; position:relative}
#contents .sub_top_wrap .wrapBg .bg:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.2}
#contents .sub_top_wrap .wrapBg .bg.vod_wrap:after{ opacity:.4}
#contents .sub_top_wrap .wrapCon{ display:flex; height:100%; flex-direction:column; position:relative; padding-top:var(--headerH); box-sizing:border-box}
#contents .sub_top_wrap .wrapF{}
#contents .sub_top_wrap .subTit{ flex:1; min-height:0; justify-content:center; display:flex; align-items:center}
#contents .sub_top_wrap .subTit .wrapF{ height:100%; display:flex; flex-direction:column; justify-content:center; color:#fff; line-height:1; gap:1em; box-sizing:border-box; padding:1em}
#contents .sub_top_wrap .subTit .t1{ font-size:10vmin; font-weight:900; color:transparent; line-height:1; -webkit-text-stroke: 1px white; text-transform:uppercase}
#contents .sub_top_wrap .subTit .t1.co{ font-size:5vmin; font-weight:700; color: rgba(255, 255, 255,0.2);  }
#contents .sub_top_wrap .subTab{ position:relative}
#contents .sub_top_wrap .subTab .gnb > li.on{ display:flex !important; justify-content:center; width:100%}
#contents .sub_top_wrap .subTab .gnb > li > .dp2{ display:inline-flex; justify-content:center; flex-wrap:wrap}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li{ position:relative; flex:1; min-width:0; width:30vmin; max-width:30vmin}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a{ height:4em; display:flex; align-items:center; justify-content:center; color:#fff; box-sizing:border-box; background:var(--siteC); position:relative}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a:before{ content:""; position:absolute; right:0; top:50%; height:30%; transform:translateY(-50%); background:#fff; width:1px; opacity:.2}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a .va{ display:flex; align-items:center; line-height:1.1; position:relative; transition:.3s; word-break:keep-all; text-align:center}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a .va .tt{ font-size:1em; font-weight:700}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a .va .arrow{ position:absolute; right:0; top:50%; transform:translateY(-50%); overflow:hidden; font-size:0; transition:.3s}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a .va .arrow:before{content:"\e942"}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li.on > a{ background:#fff; color:var(--siteC)}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li.on > a .va{ opacity:1; transform:translateX(0); padding-right:1.5em}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li.on > a .va .arrow{ font-size:1.25em}

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

#contents .sub_top_wrap .wrapBg .bg:not(.vod_wrap){ background-position:center 20%; transition:3s}
#contents .sub_top_wrap.on .wrapBg .bg:not(.vod_wrap){background-position:center 60%}

#contents .doc{ padding:8vmin 0 20vmin 0}

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

.sns_st{ display:flex; gap:.5em}
.sns_st > li > a{ display:flex; align-items:center; justify-content:center; width:2.5em; height:2.5em; border-radius:50%; transition:.3s}
.sns_st > li > a .xi{ font-size:1.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}

/**/
.mainBox{ padding:8vmin 0; position:relative}
.mainBox.bg1{ background:#ebecf0}
.mainBox .wrapBg{ position:absolute; left:0; top:0; width:100%; height:100%}
.mainBox .wrapBg:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.2}
.mainBox .wrapF{ display:flex; flex-direction:column; gap:4em 12vmin; position:relative}
.mainBox .wrapF .mainTit{ margin-bottom:0}
.mainBox .wrapF.dRow{ flex-direction:row; align-items:center}
.mainBox .wrapF.dRow .wrapCon{ flex:1; min-width:0}

.mainTit{ display:flex; flex-direction:column; align-items:flex-start; gap:2.5em; margin-bottom:2em}
.mainTit.ac{ align-items:center; text-align:center}
.mainTit.g1{ gap:2em}
.mainTit .wIn{ display:flex; flex-direction:column; gap:1.5em;}
.mainTit .tit1{ font-size:2.875em; font-weight:900; letter-spacing:-.05em; word-spacing:.2em; padding:0 .1em; line-height:1.1; text-transform:uppercase}
.mainTit .tit2{ font-size:2em; font-weight:700; color:#333; word-spacing:.2em}
.mainTit .tt1{ font-weight:500; font-size:1.125em; line-height:1.8}
.mainTit .mgL{ margin-left:auto}
.mainTit.white{ filter:brightness(0) invert(1)}
.mainTit.white .tt1{ opacity:.8}
.mainTit .mainMore{ margin:4em 0 0 0}
.mainTitW{ display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:2em}
.mainTitW .mainTit{ margin-bottom:0}

.mainMore{ display:flex; align-items:center; gap:1em; color:#333}
.mainMore .t1{ font-size:1.125em; font-weight:700}
.mainMore .arrow{ display:flex; align-items:center}
.mainMore .arrow:before{ content:""; display:block; width:3em; height:1px; background:#333; transition:.3s}
.mainMore .arrow .cc{ width:1em; height:1em; background:#333; border-radius:50%; position:relative}
.mainMore .arrow .cc:before{ content:""; position:absolute; left:0; top:calc(50% - 1px); width:60%; height:1px; background:#fff}
.mainMore:hover .arrow:before{ width:4em}
.mainMore.white{ color:#fff}
.mainMore.white .arrow{ filter:invert(1)}
.mainMore.st1{ border:2px solid #ddd; padding:1.5em 3em; font-size:1.125em; border-radius:.25em}

.tabSt{ display:flex; gap:4em; align-items:center}
.tabSt > li > a{ position:relative; opacity:.5}
.tabSt > li > a .t1{ font-weight:700; font-size:1.25em}
.tabSt > li.on > a,
.tabSt > li:hover > a{ opacity:1}
.tabSt > li.on > a:before{ content:""; position:absolute; right:calc(100% + .25em); top:0; width:.375em; height:.375em; border-radius:50%; background:#111}

.vod_wrap{ position:relative; height:100%}
.vod_wrap .vod{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover}
.vod_wrap .layer{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.1}
.vod_wrap .layer.gra{ background: linear-gradient(0deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 80%, rgba(0,0,0,.3) 100%);}
.visualSlide .el{ position: relative; overflow:hidden; height:100vh; background:#fff}
.visualSlide .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.15)}
.visualSlide .el .vod_wrap{ position:absolute; left:0; top:0; width:100%; height:100%;}
.visualSlide .el .vod_wrap:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000}
.visualSlide .el.swiper-slide-active .vod_wrap:after,
.visualSlide .el.swiper-slide-duplicate-active .vod_wrap:after{ transition:2s; opacity:.4}
.visualSlide .el.swiper-slide-active .bg,
.visualSlide .el.swiper-slide-duplicate-active .bg{ transition:7s; transform:scale(1) rotate(.001deg)}

.visualSlide_wrap { position:relative}
.visualSlide_wrap .slogan{ position:absolute; width:100%; height:100%; left:0; top:0; color:#fff; z-index:10}
.visualSlide_wrap .slogan .in{ width:auto; display:flex; flex-direction:column; justify-content:center; align-items:center; height:100%; box-sizing:border-box}
.visualSlide_wrap .slogan .t1{ font-size:5vmin; font-weight:900; text-transform:uppercase; word-spacing:.5vmin; margin-bottom:6vmin; display:flex; gap:.5em}
.visualSlide_wrap .slogan .t2{ font-weight:500; font-size:3vmin}

.visualSlide_wrap .controlW{ position:absolute; bottom:2em; z-index:10; width:100%}
.visualSlide_wrap .controlW .wrapIn{ display:flex; align-items:flex-end;}
.visualSlide_wrap .swiperControl{ display:flex; align-items:center;}
.visualSlide_wrap .swiperControl .paging{ display:flex; margin:0}
.visualSlide_wrap .swiperControl .paging span{ font-size:.75em}
.visualSlide_wrap .swiperControl .paging span.swiper-pagination-bullet-active{ height:0; width:8em; transform:none; transition:width .5s}
.visualSlide_wrap .swiperControl .btnW{ display:flex; margin:0 1em}
.visualSlide_wrap .swiperControl .btnW .swiperBtn:hover{ background:none}

.gsClass.tShow .el em {font-weight:700}
.gsClass.tShow .el {text-align: center;}

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

.mainAbout{ overflow:hidden}
.mainAbout .list{ --mainSecGap:2em; display:flex; gap:var(--mainSecGap)}
.mainAbout .list > li{ width:calc(33.33% - (var(--mainSecGap) * 2 / 3));}
.mainAbout .list .in{--mainAboutBg:var(--siteC); position:relative; overflow:hidden; border-radius:1em; background:var(--mainAboutBg); color:#fff; gap:1em}
.mainAbout .list .in .img{ position:relative}
.mainAbout .list .in .img:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background: linear-gradient(0deg, var(--mainAboutBg) 0%, rgba(0,0,0,0) 80%);}
.mainAbout .list li:nth-child(2n) .in{ --mainAboutBg:#222}
.mainAbout .list .in .img .resize{ padding-bottom:120%}
.mainAbout .list .in .con{ position:absolute; left:0; bottom:0; width:100%; display:flex; flex-direction:column; box-sizing:border-box; padding:10%; gap:1em}
.mainAbout .list .in .con .t1{ font-weight:700; font-size:1.75em}
.mainAbout .list .in .con .t2{ font-weight:100; font-size:1.063em}
.mainAbout .list .in .img img {max-width:100%; height:100%; object-fit:cover;}

.serviceSt{--serviceStTitH:18vmin; padding-top:var(--serviceStTitH); box-sizing:border-box; background:#fff; box-shadow:0 0 1em rgba(0,0,0,.1); border-radius:2em; position:relative; border:4px solid transparent; transition:.3s}
.serviceSt .titW{ padding:0 10%; height:var(--serviceStTitH); position: absolute; left:0; top:0; width:100%; color:#fff; overflow:hidden; box-sizing:border-box; display:flex; align-items:center}
.serviceSt .titW .bg{ position:absolute; left:0; top:0; width:100%; height:100%; border-radius:calc(2em - 4px); overflow:hidden}
.serviceSt .titW .bg:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.3}
.serviceSt .titW .tit{ position:relative; display:flex; align-items:center; height:5em; gap:1em; line-height:1}
.serviceSt .titW .tit .t1{ font-weight:900; font-size:1.75em; word-break:keep-all;}
.serviceSt .conW{ padding:2em 10%; position:relative; height:100%; box-sizing:border-box; display:flex; flex-direction:column; gap:2em}
.serviceSt .conW .t1{ color:#555; word-break:keep-all; line-height:1.7}
.serviceSt .conW .t2{ font-weight:500; font-size:1.063em; line-height:1.3}
.serviceSt .conW .check{ display:flex; flex-direction:column; gap:1em}
.serviceSt .conW .check > li{ display:flex; gap:.5em}
.serviceSt .conW .check > li > i{ flex:1; min-width:0}
.serviceSt .conW .check > li:before{ content:"\e928"; font-family:xeicon; color:var(--siteC)}
.serviceSt .conW .btn{ display:flex; gap:2px; margin-top:auto; padding-top:2em}
.serviceSt .conW .btn .st{ flex:1; min-width:0; justify-content:center; font-size:1.063em; font-weight:700}
.serviceSt.st1 .bg:after{ background:#fff; opacity:.2}
.serviceSt.st1 .titW{ color:#111}
.serviceSt:hover{ border-color:var(--siteC)}
.mainService{}
.mainServiceSlide{ margin:0 -2em; overflow:visible !important}
.mainServiceSlide .el{ width:60%; height:auto}
.mainServiceSlide .el .serviceSt{ height:100%; margin:0 2em}
.mainServiceSlide .el [class^="swiper-slide-shadow-"]{ width:calc(100% - 2em); border-radius:2em}
.mainServiceSlide .el .swiper-slide-shadow-right{ left:auto; right:0}
.mainServiceSlide .el:not(.swiper-slide-active) .titW{ position:absolute; left:0; top:0; width:100%; height:100%}
.mainServiceSlide .el:not(.swiper-slide-active) .conW{ opacity:0}
.mainService .swiperControl:not(.nav){ z-index:10; position:relative; margin:0 0 4em 0; justify-content:center}
.mainService .swiperControl .paging{ padding:.5em; background:var(--siteC); border-radius:5em; box-shadow:0 0 1em rgba(0,0,0,.2); flex:0 0 auto;}
.mainService .swiperControl .paging .swiper-pagination-bullet{ display:flex; width:auto; height:3.5em; align-items:center; background:none; opacity:.6; border-radius:3em; padding:0 1em; color:#fff}
.mainService .swiperControl .paging .swiper-pagination-bullet-active{ font-weight:700; background:#fff; color:var(--siteC); opacity:1; transition:.3s; transform:none}
.mainService .swiperControl .paging .swiper-pagination-bullet .tt{ font-weight:700; font-size:.938em}
.mainService .swiperControl.nav{ position:absolute; top:50%; transform:translateY(-50%)}
.mainService .swiperControl.nav.prev{ left:0}
.mainService .swiperControl.nav.next{ right:0}
.mainService .swiperControl.nav.prev .prev{ transform:translateX(100%)}
.mainService .swiperControl.nav.next .next{ transform:translateX(-100%)}

.mainGlobal .wrapBg{ background:#000; overflow:hidden}
.mainGlobal .wrapBg:after{ opacity:.5}
.mainGlobal .wrapBg .vod_wrap{ transform:translateY(-20%)}
.mainGlobalW{ display:flex; flex-direction:column; gap:3em }
.mainGlobalSlideW{ margin:0 -1em;}
.mainGlobalSlide .swiper-wrapper{ align-items:stretch}
.mainGlobalSlide .el{ width:33.33%; height:auto}
.mainGlobalSlide .el .in{ margin:1em; background:rgba(255,255,255,.2); height:calc(100% - 1em); border-radius:1em; display:flex; flex-direction:column; gap:2em; box-sizing:border-box; padding:10%; color:#fff; backdrop-filter:blur(1em)}
.mainGlobalSlide .el .in .tit .t1{ font-weight:900; font-size:1.25em}
.mainGlobalSlide .el .in .logo{ margin-top:auto; display:flex; justify-content:flex-end; gap:.5em}
.mainGlobalSlide .el .in .logo .resize{ width:33.33%; padding-bottom:20%; box-sizing:border-box; background:#fff; border-radius:.5em}
.mainGlobalSlide .el .in .logo .resize .objC img{ min-height:0.8em; min-width:1.5em; max-width:60%;}

.mainClientSlideW{ display:flex; flex-direction:column; gap:2em; margin-top:2em}
.mainClientSlide{ width:100%}
.mainClientSlide .swiper-wrapper{transition-timing-function: linear}
.mainClientSlide .el{ width:calc(16.66% - 18px)}
.mainClientSlide .el .img_wrap{ padding:0}
.mainClientSlide .el .img_wrap .resize{ padding-bottom:30%}
.mainClientSlide .el .img_wrap .resize img{ max-height:70%; min-height:30%}

.mainCs{ position:relative; z-index:1}
.mainCs .inquiry{ display:flex; gap:3vmin}
.mainCs .wInc{ border-radius:1em; box-sizing:border-box; overflow:hidden; position:relative}
.mainCs .img_wrap{ width:20vw; padding:5vmin; position:relative}
.mainCs .img_wrap .bg{ position:absolute; left:0; top:0; width:100%; height:100%; filter:saturate(0) brightness(2); transition:.5s}
.mainCs .img_wrap .bg:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; transform-origin:0 0; transition:1s}
.mainCs .img_wrap > *{ position:relative}
.mainCs .con_wrap{ flex:1; min-width:0; background:#fff; box-shadow:0 0 1em rgba(0,0,0,.1); padding:5vmin}
.mainCs .btn_wrap{ order:1; width:12vw; border:1px solid var(--siteC2); display:flex; align-items:center; justify-content:center;}
.mainCs .btn_wrap .st{ position:relative; flex:1; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:.5em; background:var(--siteC2); color:#fff}
.mainCs .btn_wrap .st:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; transform:scaleX(0); transform-origin:0 0}
.mainCs .btn_wrap .st .t1{ font-weight:700; font-size:1.375em}
.mainCs .btn_wrap .st .arrow{ font-size:2em}
.mainCs .btn_wrap .st > *{ position:relative}
.mainCs .btn_wrap .st:hover{ color:var(--siteC2)}
.mainCs .btn_wrap .st:hover:before{ transform:scaleX(1); transition:.5s }
.mainCs .btn_wrap:hover ~ .img_wrap .bg{ filter:saturate(2)}
.mainCs .btn_wrap:hover ~ .img_wrap .bg:before{ opacity:0}
.mainCs .formSt{ display:flex; flex-wrap:wrap; gap:1vmin; position:relative}
.mainCs .formSt > li{ width:100%}
.mainCs .formSt > li.w1{ width:calc(50% - .5vmin)}
.mainCs .formSt .wrap_in{ display:flex; align-items:center; gap:1em}
.mainCs .formSt .wrap_in > *{ flex:1 1 0%; min-width:0}
.mainCs .formSt .input_st{ background-color:none}
.mainCs .formSt textarea{ height:15vmin; padding:1.5em}
.mainCs .formSt .label_wrap{ border:1px solid rgba(0,0,0,.3); padding:1em; border-radius:.5em}
.mainCs .formSt .label_st{ font-weight:700; color:#666}
.mainCs .formSt .label_st .xi{ border-color:#ccc}
.mainCs .formSt .btnW > *{flex:0 0 auto}
.mainCs .formSt .btnW .link{ padding:.25em 1.25em; border-radius:2em; border:1px solid rgba(0,0,0,.3); font-size:.875em; font-weight:500; display:flex; align-items:center; color:#666}

/* sub */
/* 서브 공통 */
.page_txt:not(:last-child) { margin-bottom:3.5em; } 
.page_txt.m0 { margin-bottom:.75em; } 
.page_txt.m1 { margin-bottom:1.25em; } 
.page_txt.m2 { margin-bottom:5em; } 

.page_txt .inner{margin: 0 1em;}

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

.page_tt.dot1{margin-bottom:.8em; padding-left: 1.2em; display: inline-block; font-weight: 600; font-size: 1.875em !important; color:#111; position: relative;}
.page_tt.dot1::before{content:''; position:absolute; top: 50%; left:0; transform: translateY(-50%); width: 10px; height: 10px; border: 6px solid #e4e4ff; background:var(--siteC); border-radius: 15%;}
.page_tt.dot2{margin-bottom:.5em; font-weight: 600; padding-left: .7em;  color:#111; position: relative;}
.page_tt.dot2::before{content: ''; width: 5px; height: 5px; border-radius: 50%; background: #111; position: absolute; left: 0; top: 10px;}
.page_tt.s4.dot2::before{top: 12px;}
.page_tt.dot3{margin-bottom:.6em; padding-left: 1.3em; ; font-size: 1.06em; color:#111; position: relative;}
.page_tt.dot3.page_tt.s6{ margin-bottom: .2em !important;}
.page_tt.dot3::before{position: absolute; left: 0; top: 50%; content:"\e92b"; display: inline-block; transform: translateY(-50%); margin-right: .3em; font-family:xeicon; color:var(--siteC); line-height: 1.5;}
.page_tt.dot3.st1::before{top: 0; transform: translateY(0);}
.page_tt:last-child{margin-bottom: 0;}

.page_tt.dot4{ padding-left: 1em; color:#555; position: relative; line-height: 1.6; font-weight: 500;}
.page_tt.in{margin: 0 1.3em;}
.page_tt.dot4.in{margin: 0 .5em;}
.page_tt.dot4::before{ content: ''; width: 5px; height: 1px; background-color:#777; position: absolute; left: 0; top: 13px;}

.page_tt.dot4.st1{padding-left: 0.7em;}


/*온라인 문의*/
.addinfo_tw{ margin-bottom: .5em; display: flex; flex-direction: column; align-items: end;}
.addinfo_tw > .tt{ font-size: 1.063em; color: #999; font-weight: 500;}

.select-wrapper { position:relative; } 
.select-wrapper:before { position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); font-size: 1.5rem; color: #fff; transition: all .4s ease-in-out; font-family: 'xeicon'; z-index: 2; } 
.select-wrapper:not(.selected):before { content: '\e936' } 
.select-wrapper.selected:before { content: '\e930'; } 
/* 
#opSelect { position:relative; color: #fff; } 
#opSelect option { color: #111; } 
*/ 
#opSelect:focus option { color: black; } 

.form_wrap { } 
.form_wrap .form { gap:1em; font-size:.95em; } 
.form_wrap .form > li { position: relative; } 
.form_wrap .form > li:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; content: ''; background: #fafafa; border-radius: 0.25rem; } 
.form_wrap .form > li:not(.w100) { width:calc(50% - .5em); } 
.form_wrap .form > li .inp_wrap { position:relative; } 
.form_wrap .form > li .inp_wrap .tit,
.form_wrap .form > li .inp_wrap .input_st:not(textarea) { height:4.5em; } 
.form_wrap .form > li .inp_wrap .input_st::placeholder { font-size: 1.15em; } 
.form_wrap .form > li .inp_wrap .tit { position:absolute; top:0; left:0; padding-left:2em; } 
.form_wrap .form > li .inp_wrap .tit .tt { font-size: 1.215em; font-weight:600; } 
.form_wrap .form > li .inp_wrap .input_st:not(textarea) { width:100%; padding-left:13em; } 
.form_wrap .form > li .inp_wrap textarea.input_st { padding-top:4em; padding-left:1.5em; height:12em; } 
.form_wrap .form > li .inp_wrap .input_st { border:none; background: transparent; border-radius: .15em; outline: 1px solid transparent; transition: all .4s ease-in-out; } 
.form_wrap .form > li .inp_wrap input:focus { outline: 1px solid #fff; } 
.form_wrap .form_chk { margin-top:2em; } 
.form_wrap .form_chk .chk { gap:1em; } 
.form_wrap .form_chk .btn .input_st { background: transparent; color: #fff; width:12em; border: 4px solid rgba(255, 255, 255, .4); transition: all .4s ease-in-out; } 
.form_wrap .form_chk .btn .input_st:hover { border: 4px solid #fff; } 

.form_wrap .form_chk .btn .input_st{background: var(--siteC); border-color: var(--siteC); color: var(--crWhite); border: none;}

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

.form_label_st:not(.cssbrowser) input ~ .xi.st1 { padding-right:0; padding-left:.125em; font-size:1em } 
.form_label_st:not(.cssbrowser) input ~ .xi.st1:before { content:"\e929"; opacity:0 } 
.form_label_st:not(.cssbrowser) input:checked ~ .xi.st1:before { content:"\e929"; opacity:1 } 

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

.filebox .upload-name { height: 3.5em; padding: 0 10px; vertical-align: middle; border: none; background: transparent; width: 80%; } 
.filebox .upload-name::placeholder { font-size: 1.15em; font-weight: 500; color: #aaa; } 
.filebox label { padding: 10px 20px; color: #fff; background-color: var(--siteC); cursor: pointer; margin-left: 10px; border-radius: 5px; display: flex; align-items: center; justify-content: center; width: 30%; min-width: 6.25em; } 
.filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; } 

.form_chk .label_st input[type=checkbox],
.form_chk .label_st input[type=radio] { width: auto; height: auto; overflow: visible; margin-bottom: auto; } 

.dp1_inquiry #contents {overflow: hidden;}
.inquiry-con .inquiry-bg-wrap { position: relative; height: 48em; filter: contrast(0.9);} 
.inquiry-con .inquiry-bg-wrap .img-area { position: absolute; width: 50vw; height: inherit; overflow: hidden; border-radius: 1em 0 0 1em; } 
.inquiry-con .inTxt{ padding-top: 9em;}

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


.mainFacility {}
.mainFacilityWrap {display:flex; flex-flow:column; margin:0 auto; gap:2em}
.mainFacilityWrap .facility {display:flex; flex-flow:row nowrap; gap:2em; height:25em}
.mainFacilityWrap .facility .imgWrap {height:100%; overflow:hidden; border-radius:1em}
.mainFacilityWrap .facility .imgWrap img {height:100%;}
.mainFacilityWrap .facility .txt { padding: 2em; font-size:var(--font-size-base)}
.mainFacilityWrap .facility ul {display:flex; flex-flow:column nowrap; gap:0.25em; }
.mainFacilityWrap .facility .txt li {margin: 0.5em 0;}
.mainFacilityWrap .facility .facilCon {gap:0;}
.mainFacilityWrap .facility.Bottom .leftCon {text-align:right;}
.mainFacilityWrap .facility .facilCon {padding:0.5em;}




.mainFacility{ overflow:hidden}
.mainFacility .list{ --mainSecGap:2em; display:flex; gap:var(--mainSecGap);justify-content: center;}
.mainFacility .list > li{ width:40%;}
.mainFacility .list .in{--mainAboutBg:var(--siteC); position:relative; overflow:hidden; border-radius:1em; background:var(--mainAboutBg); color:#fff; gap:1em; position:relative;}
.mainFacility .list .in .img{ position:relative}
.mainFacility .list .in .img:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background: linear-gradient(0deg, var(--mainAboutBg) 0%, rgba(0,0,0,0.5) 80%);
    opacity: 0.5; 
    transition: opacity 0.4s ease; }
.mainFacility .list li:nth-child(2n) .in{ --mainAboutBg:#222}
.mainFacility .list .in .con{ margin-bottom: 0; transition: margin-bottom 0.4s ease-in-out; position:absolute; left:0; bottom:0; width:100%; display:flex; flex-direction:column; box-sizing:border-box; padding:10%; gap:1em}
.mainFacility .list .in .con .t1{ font-weight:700; font-size:1.75em}
.mainFacility .list .in .con .t2{ font-weight:100; font-size:1.063em; word-break:keep-all;}
.mainFacility .list .in .img img {max-width:100%; height:100%; object-fit:cover;}
.mainFacility .list .in .detail_btn {position:absolute; opacity: 0; transition: all 0.4s ease;}
.mainFacility .list .in:hover .img:after {opacity: 1;}
.mainFacility .list .in:hover .con {margin-bottom: 2em;}
.mainFacility .list .in:hover .detail_btn {opacity: 1; right: 2em; bottom: 2em;}
.mainFacility a {display:block;}


/* privacy */



/*커스터머*/
.main_customer {background-color:#fafafa;}
.main_customer .wrap_bg { width: 30%; height: 100vh; display: flex; align-items: center; /* border-top-right-radius:10em; */} 
.main_customer .wrap_bg > * {filter:none;}
.main_customer .wrap_bg .wrap_in { width: 100%; box-sizing: border-box; padding: 0 0 0 4vw; z-index: 1; } 
.main_customer .wrap_cs { margin-right:4vw; padding:2em; color:#fff; position:relative } 
.main_customer .wrap_cs:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--siteC); opacity:.8; border-radius:.5em } 
.main_customer .wrap_cs .in { display:flex; gap:0 2em; align-items:center; position:relative ; word-break:keep-all; } 
.main_customer .wrap_cs .ico { height:4em; filter:brightness(0) invert(1) } 
.main_customer .wrap_cs .t1 { font-size:var(--font-size-sm); margin-bottom:var(--space-2);} 
.main_customer .wrap_cs .t2 { font-size:var(--font-size-lg); font-weight:800 } 

.main_customer .customer_wrap { position:relative; width: 70%; height: 100vh; flex-direction: column; justify-content: center; display: flex; align-items: center; padding: 0 8vw 0 6vw; box-sizing: border-box; } 
.main_customer .customer_wrap .customer_linkW { width: 100%; margin-bottom: 2em; } 
.main_customer .customer_wrap .customer_linkW .link_list > li { display: flex; } 
.main_customer .customer_wrap .customer_linkW .link_list > li > .in { flex: 1; height: 100%; box-sizing: border-box; transition: all .3s; border-radius:1em; overflow:hidden;} 
.main_customer .customer_wrap .customer_linkW .link_list > li > .in > .infocon {border-bottom-left-radius:1em; border-bottom-right-radius:1em; background-color:#fff; padding: 1.5em; min-height: 10rem; width: 100%; box-sizing: border-box;  overflow:hidden;} 
.main_customer .customer_wrap .customer_linkW .link_list > li > .in > .infocon > .tt { font-size: 1.15em; margin-bottom: .5em; font-weight: 700; } 
.main_customer .customer_wrap .customer_linkW .link_list > li > .in > .infocon > .tx { font-size: .95em; color: #666; line-height: 1.3; } 
.flex_box .fst3 > li:first-child  > .in{margin:0 0 1em 0;}

.main_customer .customer_wrap .customer_linkW .link_list > li > .in > .icon { } 
.main_customer .customer_wrap .customer_linkW .link_list > li > .in > .icon > img { } 

.main_customer .customer_wrap .customer_linkW .link_list > li > .in > .img_con { width: 100%; height: 11.5em; overflow: hidden; } 
.main_customer .customer_wrap .customer_linkW .link_list > li > .in > .img_con > img { transition: .3s; } 
.main_customer .customer_wrap .customer_linkW .link_list > li > .in > .tt { font-size: 1.15em; font-weight: 600; margin-top: 1em; } 

.main_customer .customer_wrap .customer_linkW .link_list > li > .in:hover > .img_con > img { transform: scale(1.05); } 

.customer_wrap .page_mq { position: absolute; left: 0; bottom: 0em; z-index: 2; width:100%; overflow:hidden; } 
.customer_wrap .page_mq .tit { font-size: 5.5em; font-weight: 900; color: rgba(0,0,0, .03); text-transform: uppercase; letter-spacing: -.05em; } 

.main_customer .brand_wrap .brand_list > li {width:24%; display:flex; justify-content: center;}
.main_customer .mainTit {margin-bottom:1em;}

.flex { display:flex } 
.flex.wrap { flex-wrap:wrap } 
.fRow {flex-direction:row}
.flex.col {flex-direction:column}
.main_tit .t3 {font-size:var(--font-size-lg); font-weight:800;}
.imgfit {width:100%; height:100%; object-fit:cover;}
.flex_box .fst2 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst3 > li { flex: 1 1 33.33%; max-width: 33.33%; } 
.flex_box .fst3 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst4 > li { flex: 1 1 25%; max-width: 25%; } 
.flex_box .fst4 > li > .in { margin: 0 0 1em 1em; } 
.main_tit.mb1 {margin-bottom:1.5em;}

/*메인 브랜드*/
.main_customer .brand_wrap { width: 100%; } 
.main_customer .brand_wrap .brand_list { gap:0.5em; flex-flow: row wrap;} 
.main_customer .brand_wrap .brand_list > li { border: 1px solid #ddd; display:block;  } 
.main_customer .brand_wrap .brand_list > li > .in {} 
.main_customer .brand_wrap .brand_list > li > .in > .logo_con { display: flex; align-items: center; justify-content: center; width: 100%; height: 4em; background: #fff; } 
.main_customer .brand_wrap .brand_list > li > .in > .logo_con > img { width: 55%; height: 4em; object-fit: contain; } 

.full-height { position: relative; box-sizing: border-box; display: flex; align-items: center; width: 100%; height: 100%; min-height: 100vh; padding-top: 0; } 

/*슬라이드 css*/
.page_mq { overflow:hidden; } 
.page_mq .mqTT { display:flex; flex-shrink:0; white-space:nowrap; } 
.page_mq .mqTT > * { margin:0 .215em; } 

.marqueeAni { animation-name: marqueeAni; animation-duration: 60s; animation-timing-function:linear; animation-iteration-count: infinite } 
@keyframes marqueeAni { 
  0% { transform:translateX(0); } 
100% { transform:translateX(-50%); } 
}




/* products */

.product_wrap {}
.product_wrap .top {}
.product_wrap .top .sub_tit {font-size:var(--font-size-base); color:var(--siteC2)}
.product_wrap .top .tit {font-size:var(--font-size-xl); margin-bottom:1em;}
.product_bg {background-color:#fafafa;}
.product_box {align-items: center; justify-content: space-between; padding:4em 0; }
.product_box .main_img_wrap {border:1px solid #ddd; background-color:#fff; padding:2em; border-radius: 1em; box-shadow: 0 0.25em 0.5em rgba(0,0,0,0.1);}
.product_box .main_img_wrap.box1 img {}
.product_box .main_img_wrap img {}
.product_box .parts_wrap {}
.product_box .parts_wrap .parts_ul {box-sizing:border-box;}
.product_box .parts_wrap .parts_ul .part_card {box-sizing:border-box; background-color:#fff; padding:1em; border-radius:1em; border:1px solid #ddd; height:100%;}
.product_box .parts_wrap ul > li {padding: 0 0 1em 1em; box-sizing:border-box;}
.product_box .parts_wrap ul > li .part_img_wrap {margin:0 auto; width:100%; aspect-ratio:1/1; overflow:hidden; background-color:#fff; background-repeat: no-repeat; background-position: center; background-size:contain; position:relative; border-radius:0.5em;}
.product_box .parts_wrap ul > li .part_img_wrap .part_detail {padding:1em 0.5em; background-color:rgba(0,0,0,0.8); position:absolute; left:0; top:0; justify-content: center; align-items: center; width:100%; height:100%; display:flex; border-radius:0.5em; box-sizing:border-box; opacity:0; transition:opacity .3s;}
.product_box .parts_wrap ul > li .part_img_wrap .part_detail.active {opacity:1;}
.product_box .parts_wrap ul > li .part_img_wrap .part_detail p {font-size:var(--font-size-xs); color:#fff; word-break:keep-all; }
.product_box .parts_wrap ul > li .txt_wrap {text-align:left; margin-top:0.5em;}
.product_box .parts_wrap ul > li .txt_wrap .txt {font-size:var(--font-size-xs); font-weight:700; }
.product_box .parts_wrap ul > li .txt_wrap .btn_wrap {text-align:right; margin-top:0.5em;}
.product_box .parts_wrap ul > li .txt_wrap .btn_wrap .part_detail_btn {font-size:var(--font-size-xxs); padding:0.5em 1em; border:1px solid #ddd; border-radius:999px; background-color:#fff; color:#666;}
.product_box .parts_wrap ul > li .txt_wrap .btn_wrap .part_detail_btn:hover {background-color:#ddd; color:#000;}




/* 연혁 */
.history_wrap .history_list{ position:relative; overflow:hidden; padding:3em 0 5em 0;}
.history_wrap .history_list:before,
.history_wrap .history_list .lineAni{ content:""; position:absolute; left:50%; top:0; transform:translateX(-50%); width:2px; height:100%; background:#ddd}
.history_wrap .history_list .lineAni{ height:0; background:var(--siteC2); transition:.3s}
.history_wrap .history_list .lineAni:before,
.history_wrap .history_list:after{ content:""; position:absolute; width:1.25em; height:1.25em; background:#fff; border:.25em solid var(--siteC2); border-radius:50%; box-sizing:border-box; margin-left:1px; transform:translateX(-55%);}
.history_wrap .history_list:after{ top:auto; bottom:0; left:50%; transform:translateX(-55%);}
.history_wrap .history_list .history > li{ margin-top:5em}
.history_wrap .history_list .history > li:first-child{ margin-top:0}
.history_wrap .history_list .history > li .year{ width:11em; text-align:right; margin-left:50%; transform:translateX(-110%);}
.history_wrap .history_list .history > li:nth-of-type(2n) .year{margin-left:0; text-align:left; margin-left:50%; transform:translateX(10%);}
.history_wrap .history_list .history > li .year .tt{ position:relative; font-size:2.500em; color:#888; font-weight:700; transition:.3s; vertical-align:baseline}
.history_wrap .history_list .history > li .year .tt:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:40%; background:#1f65ba; opacity:0; transition:.3s;}
.history_wrap .history_list .history > li .year .tt > *{ position:relative;}
.history_wrap .history_list .history > li .year.on .tt{ color:#111;}
.history_wrap .history_list .history > li .year.on .tt:before{ opacity:.2;}
.history_wrap .history_list .history > li .year .tx {display:inline-block; vertical-align:baseline; padding-left:.5em; color:#888;}
.history_wrap .history_list .history > li .year .tx > i {font-size:.938em;}
.history_wrap .history_list .history > li .year.on .tx {color:#111;}

.history_wrap .history_list .history > li .list{ margin:1em 0 2em 12em; margin-left:50%;}
.history_wrap .history_list .history > li:nth-of-type(2n) .list{text-align:right; margin-left:0; margin-right:50%;}
.history_wrap .history_list .history > li .list > li{ margin-top:1.5em}
.history_wrap .history_list .history > li .list > li:not(.noMonth):first-child{ margin-top:40px; margin-bottom:-50px; text-align:right; margin-left:-100%; width:100%;}
.history_wrap .history_list .history > li:nth-of-type(2n) .list > li:not(.noMonth):first-child{text-align:left; margin-left:100%;}
.history_wrap .history_list .history > li .list .ti{ padding:0 1em; color:#111; font-weight:700; font-size:1.25em;}
.history_wrap .history_list .history > li .list .tt{ position:relative; padding:0 2em; margin-top:.125em; font-size:1em; color:#333; line-height:1.5;}
.history_wrap .history_list .history > li .list .tt .dot{ position:absolute; left:0; top:-.125em; width:1.875em; height:1.875em; background:transparent; border-radius:50%; box-sizing:border-box; margin-left:1px; transform:translateX(-50%);}
.history_wrap .history_list .history > li:nth-of-type(2n) .list .tt .dot{left:auto; right:-1.875em;}
.history_wrap .history_list .history > li .list .tt .dot:before{ content:""; position:absolute; top:.625em; bottom:.625em; left:.625em; right:.625em; background:#ddd; border-radius:50%;}
/*.history_wrap .history_list .history > li:nth-of-type(2n) .list .tt .dot:before{margin-left:100%;}*/
.history_wrap .history_list .history > li .list .tt .dot.on{ background:#fff;}
.history_wrap .history_list .history > li .list .tt .dot.on:before{ background:var(--siteC2);}


/* 오시는길 */
.root_daum_roughmap .cont {display:none;}

.location_wrap {gap:var(--space-7)}
.location_wrap .con {margin: auto 0; gap:var(--space-7)}
.location_wrap .con .tit {gap:1.5em;}
.location_wrap .con .sitename_en {font-size:var(--font-size-base)}
.location_wrap .con .sitename_co {font-size:var(--font-size-xl)}
.location_wrap .con ul {gap:var(--space-4)}
.location_wrap .con ul li {font-size:var(--font-size-base); gap:var(--space-5)}
.location_wrap .con ul .tit {color:#666; width:6em;}
.location_wrap .con ul .txt {}

.location_wrap.factory {text-align:center; padding:5rem 0;}
.location_wrap.factory .sub_tit {font-size:var(--font-size-base); color:var(--siteC2);}
.location_wrap.factory .tit {font-size:var(--font-size-xl); text-align:center; margin-bottom:1em;}
.location_wrap .factory_img {border-radius:4em; overflow:hidden;box-shadow:0 0 1em rgba(0, 0, 0, .1)}
.location_wrap .factory_img img {margin:0 auto; display:block;}

/* ceo 인사말 , 회사개요 */
.greetings_wrap {display:flex; flex-flow:row; gap:var(--space-6);padding:0 0 80px 0;}
.greetings_wrap .con {text-align:right; display:flex; flex-flow: column nowrap; gap:var(--space-5); width:50%}
.con .top_txt { color:#000; font-size:var(--font-size-xl)!important; font-weight:700;}
.con .top_txt em {color:var(--siteC2)}
.con .txt {line-height:150%; font-size:var(--font-size-base); color:#555;}
.img_wrap {width:40%}
.shadow_img_box {border-radius:2em; overflow:hidden; width:100%; height:90%;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
.shadow_img_box img {width:100%; height:100%; object-fit: contain; transform:scale(1.4); }
.img_wrap .ceo_name {text-align:left; color:#555; margin-top:20px; }
.img_wrap .ceo_name em {color:#000; font-weight:700;}
.policy_wrap {padding:  0 0 80px 0;}
.mainTitWrap {margin-bottom:50px;}
.mainTitWrap .tit_en {text-align:center; width:100%; font-size:var(--font-size-base); color:var(--siteC2) }
.mainTitWrap .tit_ko {text-align:center; width:100%; font-size:var(--font-size-xl); font-weight:700}
.policy_wrap .policy_con {}
.policy_wrap .policy_con .jg_logo {}
.policy_wrap .policy_con .jg_logo img {}
.policy_wrap .policy_con ul {}
.policy_wrap .policy_con ul > li {}
.policy_wrap .policy_con ul .txt {}
.policy_wrap .policy_con ul .txt .policy_co {}
.policy_wrap .policy_con ul .txt .policy_en {}
.policy_wrap .policy_con ul .icon {}
.policy_wrap .policy_con ul .icon img {}
.policy_wrap {text-align:center;}
.policy_wrap img {}
.overview_wrap {}
.overview_wrap .con_wrap {gap:var(--space-7)}
.overview_wrap .con_wrap .img {height:100%; width:60%;}
.overview_wrap .con_wrap .con {padding:1em 0;}
.overview_wrap .con_wrap .con ul {display:flex; flex-flow:column nowrap; justify-content: space-between; height: 100%;}
.overview_wrap .con_wrap .con ul > li {display:flex; flex-flow:row nowrap;}
.overview_wrap .con_wrap .con ul > li .tit {width:8em; color:#555; font-size:var(--font-size-base)}
.overview_wrap .con_wrap .con ul > li .txt {color:#000;}

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

/* 조직도 */
.organization_wrap .img_wrap {width:60%; margin:0 auto;}
.organization_wrap .img_wrap img {width:100%}

.orgWrapper {text-align:center; position: relative; padding: 3rem 5rem; box-sizing: border-box; border: 1px solid #ddd; border-radius: 1rem;}
.topInner {position: relative; padding-bottom: 4rem; }

.orgTop_wrap {position: relative;}
.topInner: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;}
.orgTop_wrap .orgBox {background: #fff; border: 5px solid var(--siteC); border-radius:999px; text-align:center; display:flex; flex-direction:column; justify-content:center; width:10em; height:10em; margin: 0 auto; padding:1rem; box-sizing:border-box;}
.orgTop_wrap .orgBox + .orgBox{margin-top: var(--space-6); }
.orgTop_wrap .orgBox.ceo{border-radius: 100%; width: 8rem; height: 8rem; background: var(--siteC); border: 22px solid rgb(148, 151, 185); box-sizing: content-box;}
.orgTop_wrap .orgBox.ceo .tit{color: #fff;}
.orgTop_wrap .tit {color: var(--siteC); font-size:var(--font-size-md-1); line-height:1.6em; font-weight: 600; /* padding: 0 1rem; */}
.orgTop_wrap .t1{font-size: var(--font-size-sm); line-height:var(--line-height-normal); font-weight: 500; color: #fff; padding: 0.7rem 1rem 0; border-top:1px solid rgba(255,255,255,0.1);}

.middleInner {position: relative; z-index: 1; text-align:right; margin-top: 5.4rem; left:auto; bottom:auto; margin-left:auto;}
.middleInner:before{display: none;}
.middleInner .orgBox {position: relative; width: 17rem; display:flex; align-items:center; justify-content:center; flex-direction:column; background: #666; border-radius:5px; padding: 1.5rem 0; text-align:center; box-sizing:border-box; margin-left:calc(50% + 19rem);}
.middleInner .orgBox:before {display: block; content:""; left: 0; top: 50%; position:absolute; height: 1px; width: 19rem; background: rgba(0,0,0,0.1); transform:translate(-100%, calc(-50% + 0.5px)); z-index:-1;}
.middleInner .tit {color: #fff; font-weight: 700; font-size:var(--font-size-md); line-height:var(--line-height-normal); }
.middleInner .t1 {color: rgba(255,255,255,0.7); font-size:var(--font-size-base); line-height:var(--line-height-normal);}

.bottomInner {margin-top: 0;  width: 100%;}
.bottomInner ul {position: relative; display:flex;}
.bottomInner ul:after {display: block; content: ""; position:absolute; left: 50%; top: -2.5rem; width: 82%; height: 1px; background: rgba(0, 0, 0, 0.1); transform: translateX(calc(-50% + 0.5px));}
.bottomInner ul li {position: relative; width: 17.9%; margin-right: 2rem;}
.bottomInner ul li:last-child {margin-right: 0;}
.orgIn {position: relative; background-color:#f1f1f1; margin-top: .9rem; text-align:center; padding: 1rem 0.5em; border-radius:1em; min-width:7rem; max-width:7rem;}
.orgIn.orgIn2 {background-color:#fff!important; border:1px solid var(--siteC2)}
.orgIn: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;} 
/* .orgIn:last-of-type:after {height: 2rem; top: -2rem;} */
.orgIn:first-of-type {margin-top: 1rem;}
.orgIn .tit {font-size:var(--font-size-sm-1); line-height:var(--line-height-normal); color: var(--siteC2); font-weight: 600; word-break:keep-all}
.orgIn .t1 {font-size:var(--font-size-base); line-height:var(--line-height-normal); color: rgba(0,0,0,0.7); padding: 0 1rem;}
.orgGroup {position: relative; display: inline-block; width: 7em; height:7em; text-align: center; font-size:var(--font-size-base); line-height:6.5em; font-weight: 700; border-radius:999px; background-color: #fff; border:5px solid var(--siteC2);  box-sizing:border-box; color:var(--siteC2)}
.orgGroup:after {display: block; content:""; position:absolute; left: 50%; transform:translateX(calc(-50% + 0.5px)); width: 1px; height: 2.8rem; background: rgba(0, 0, 0, 0.1); top: -2.8rem; z-index: -1;}
.org_list {width:100%}
.org_wrap {gap:0.5em; margin-top:2em; position:relative; justify-content: center;}
.org_wrap:after {display: block; content: ""; position: absolute; left: 50%; top:-1px; width: 7.5em; height: 1px; background: rgba(0, 0, 0, 0.1); transform: translateX(-50%); z-index: -1;}
.org_wrap:before {display: block; content:""; position:absolute; left: 50%; transform:translateX(calc(-50% + 0.5px)); width: 1px; height: 2.8rem; background: rgba(0, 0, 0, 0.1); top: -2.8rem; z-index: -1;}

.img_bg_wrap .mainTitWrap .tit_en {text-align:left; color:#93b7e4}
.img_bg_wrap .mainTitWrap .tit_ko {text-align:left; color:#fff; font-weight:500; font-size:var(--font-size-lg-2)}
.img_bg_wrap .mainTitWrap {margin-bottom:0;}

.img_bg_wrap {background:url('../images/sub/organization_bg02.png') no-repeat center center; padding:5em; border-radius:1em; box-sizing:border-box; width:1400px; margin:0 auto 2em; }


/* 주요설비 */
.keyfacility_wrap {}
.keyfacility_wrap .top {text-align:center;}
.keyfacility_wrap .top .tit {font-size:var(--font-size-xl); font-weight:700; margin-bottom:0.5em;}
.keyfacility_wrap .top .tt {font-size:var(--font-size-md)}
.keyfacility_wrap .main_img_wrap {height: 30em; overflow:hidden; position: relative; margin:var(--space-5) 0; border-radius: 1em; box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.1); }
.keyfacility_wrap .main_img_wrap img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.keyfacility_wrap .line_list {display:flex; flex-flow:column nowrap; }
.keyfacility_wrap .line_list > li {}
.keyfacility_wrap .line_list .line_wrap {border-top:1px solid #ddd; padding:var(--space-5) var(--space-2)}
.keyfacility_wrap .line_list .line_wrap .line_name {font-size:var(--font-size-lg); font-weight:800; color:var(--siteC2)}
.keyfacility_wrap .line_list .line_wrap .line { gap:var(--space-5); align-items:stretch;  }
.keyfacility_wrap .line_list .line_wrap .line .con_wrap { box-sizing:border-box; overflow:hidden; display:flex; flex-flow:column nowrap;}
.keyfacility_wrap .line_list .line_wrap .line .con_wrap .txt_wrap {font-size:var(--font-size-base); display:flex; flex-flow:row nowrap; justify-content:space-between; margin-bottom:var(--space-2); margin-top:var(--space-2)}
.keyfacility_wrap .line_list .line_wrap .line .con_wrap .txt_wrap .txt {font-weight:600}
.keyfacility_wrap .line_list .line_wrap .line .con_wrap .txt_wrap .num {color:#aaa}
.keyfacility_wrap .line_list .line_wrap .line .img_wrap {flex-shrink: 0; height:20em; overflow:hidden; width:100%; border:1px solid #ddd;}
.keyfacility_wrap .line_list .line_wrap .line .img_wrap img {height:100%}
.keyfacility_wrap .line_list .line_wrap.etc .line .con_wrap .img_wrap {height:auto!important; flex-grow: 1;}
.keyfacility_wrap .line_list .line_wrap.etc .line .con_wrap {flex:1;}
.keyfacility_wrap .line_list .line_wrap.etc .line {align-items:stretch}


/* 주요 장비 */
.keyequipment_wrap {margin-top:var(--space-5)}
.keyequipment_wrap .top_tit .tit {font-size:var(--font-size-lg-2); font-weight:600; margin-bottom:1em; }
.keyequipment_table {margin:0 auto; font-size:var(--font-size-sm); width:100%; }
.keyequipment_table col.no,
.keyequipment_table col.count {width:5%}
.keyequipment_table th {font-size:var(--font-size-base); padding: 1rem; font-weight:600; color:#000; border-top:3px solid var(--siteC); border-right:1px solid #bbb;}
.keyequipment_table th:last-child {border-right:none;}
.keyequipment_table td {text-align:center; border-right:1px solid #bbb; padding: 1rem; color:#444; }
.keyequipment_table td:last-child {border-right:none;}

.keyequipment_table thead {background-color:#eee; }
.keyequipment_table tr {border-bottom:1px solid #bbb;}


/* 사업분야 */
.business_wrap {}
.business_wrap .con1 {padding:6em 0;}
.business_wrap .tit_wrap {width:100%; text-align: center;}
.business_wrap .tit_wrap .sub_tit {font-size:var(--font-size-base); color:var(--siteC2); }
.business_wrap .tit_wrap .main_tit {font-size:var(--font-size-xl); font-weight:700;}
.business_wrap .con1 .flex_wrap {justify-content: center;align-items: center; margin:0 auto;}
.business_wrap .con1 .flex_wrap .img_wrap { border-radius:1em; overflow:hidden; box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.1); }
.business_wrap .con1 .flex_wrap .img_wrap img { height:100%; display:block;}
.business_wrap .con1 .flex_wrap .txt_wrap {}
.business_wrap .con1 .flex_wrap .txt_wrap .tit::before {content:""; display:block; height:1em; width:3px; background-color:var(--siteC2); margin-right:0.5em;}
.business_wrap .con1 .flex_wrap .txt_wrap .tit {font-size:var(--font-size-md); display:flex; align-items:center;}
.business_wrap .con1 .flex_wrap .txt_wrap .txt{margin:2em 0; font-size:var(--font-size-sm); color:#555; line-height:150%; word-break:keep-all}
.business_wrap .con1 .flex_wrap .txt_wrap .txt b.siteC2 {color:var(--siteC2); font-weight:700;}
.business_wrap .con1 .flex_wrap .txt_wrap .partner_wrap{width:100%; height:3em;}
.business_wrap .con1 .flex_wrap .txt_wrap .partner_wrap .partner {border:1px solid #ddd; width:100%; object-fit: contain; display:flex; justify-content:center; align-items:center;}
.business_wrap .con1 .flex_wrap .txt_wrap .partner_wrap .partner img {height:100%;}
.business_wrap .con2 {background-color:#f5f5f5; padding:6em 0; }
.business_wrap .con2 .card_wrap {margin-top:var(--space-5)}
.business_wrap .con2 .card_wrap ul {gap:var(--space-5)}
.business_wrap .con2 .card_wrap ul > li.card { box-shadow: 0 0em 0.5em rgba(0, 0, 0, 0.1);  width:100%; height:100%; background-color:#fff; border-radius:1em; padding:1.5em 2em; }
.business_wrap .con2 .card_wrap .card .top_wrap {display:flex; flex-flow:row nowrap; justify-content: space-between; align-items: start;}
.business_wrap .con2 .card_wrap .card .top_wrap .tit {font-size:var(--font-size-base); font-weight:700;}
.business_wrap .con2 .card_wrap .card .top_wrap img {width:50px;}
.business_wrap .con2 .card_wrap .card .con {margin-top:var(--space-4)}
.business_wrap .con2 .card_wrap .card .con .txt {font-size:var(--font-size-sm); color:#555; word-break:keep-all;}
.business_wrap .con3 {padding:6em 0;}
.business_wrap .con3 .flex_wrap {justify-content:center; align-items: center;}
.business_wrap .con3 .initiative {height:stretch; padding:2em; border-radius:1em; background-color:#f5f5f5;}
.business_wrap .con3 .initiative > .tit {font-size:var(--font-size-md-1); font-weight:800; text-align:center; margin-bottom:var(--space-3)}
.business_wrap .con3 .initiative .card_wrap {width:100%; gap:var(--space-3); display:flex; flex-direction:column; justify-items: start; align-items: center;}
.business_wrap .con3 .initiative .card_wrap .card {box-sizing:border-box;  width:100%; padding:1em 2em; border-radius:1em; background-color:#fff;}
.business_wrap .con3 .initiative .card_wrap .card .tit {font-size:var(--font-size-base); font-weight:700; margin-bottom:var(--space-1)}
.business_wrap .con3 .initiative .card_wrap .card .txt {font-size:var(--font-size-sm); color:#555;}
.business_wrap .con3 .arrow {padding:1em; object-fit: cover; text-align:center;}


/* ====== guide ====== */
.privacy_wrap{ margin-top: var(--space-6);}
.privacy_wrap > .label_st{ font-size: var(--font-size-base);}
.privacy_wrap .guideBox{ margin-top: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--color-black-3);}
.guideBox{}
.guideBox .guide_inner{ padding: 2.5rem; background: var(--color-gray-1); box-sizing: border-box; border: 1px solid #ddd; border-radius: 1rem;}
.guideBox .guide_inner.scroll{ height: 23svh; overflow-y: scroll;}
.guideBox .guide_inner div{ margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid var(--gray-line);}
.guideBox .guide_inner p{ font-size: var(--font-size-base); margin-bottom: .25rem;}
.guideBox .guide_inner p:last-of-type{ border-bottom: none;}
.guideBox .guide_inner .tit{ font-size: var(--font-size-lg-1); font-weight: 700; padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 2px solid #111;}
.guideBox .guide_inner strong{ font-size: var(--font-size-md-1); font-weight: 600; margin-top: var(--space-3); margin-bottom: var(--space-1);}