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

.pcHide{ display:none !important;}
.moHide{}

.gnb li.m_hide{ display:none}
.gnb .layer{ display:none !important;}
.gnb .blank .arrow:before{ content:"\e980";}

.sns_st{ gap:.5em;}
.sns_st > li .in{ width:2.5em; height:2.5em; background:#fff; border-radius:50%; color:#000; transition:.3s;}
.sns_st > li .in .tt{ display:none;}
.sns_st > li .in:hover{ background:var(--siteC); color:#fff;}
.cw > .sns_st > li .in{ background:transparent; color:#fff;}
.cw > .sns_st > li .in:hover{ background:#fff; color:#000;}

.fullH{ height:calc(100vh); box-sizing:border-box;}
.fullMH{ min-height:calc(100vh) !important; box-sizing:border-box;}

.filW{ filter:var(--crWhitefil);}/*화이트*/
.filB{ filter:var(--crBlackfil);}/*블랙*/
.filRE{ filter:var(--crfilRE);}  /*색상반전*/

/*header*/
.headT{ padding-top:var(--headH);}
.headH,
#header .gnb_wrap .gnb > li,
#header .gnb_wrap .gnb > li .dp1{ height:var(--headH); transition:height .2s, background .2s; box-sizing:border-box;}

#header{ z-index:1235; position:fixed; top:0; left:0; width:100%; transition:background .2s;}
#header .inner{ gap:0 2vw; color:#fff;}
#header .logo{}
#header .logo > .in{ transform-origin:left center; transition:.2s;}
#header .menu_wrap{ gap:0 5vw;}

#header .gnb_wrap{}
#header .gnb_wrap .gnb{}
#header .gnb_wrap .gnb > li{ position:relative; overflow:hidden;}
#header .gnb_wrap .gnb > li .dp3{ display:none;}
#header .gnb_wrap .gnb > li .dp1{ padding:0 2.5vw;}
#header .gnb_wrap .gnb > li .dp1 .tt{ font-size:1.250em; font-weight:600;}
#header .gnb_wrap .gnb > li .dp2{ display:block; position:absolute; top:80%; left:50%; width:14em; padding:0 1.5em; background:var(--siteC); box-shadow:0 2px .625em rgba(0,0,0,.1); border-radius:1em; color:#fff; opacity:0; visibility:hidden; transform:translateX(-50%); transition:padding .2s;}
#header .gnb_wrap .gnb > li .dp2 > li > a{ padding:.75em 1em; transition:.2s;}
#header .gnb_wrap .gnb > li .dp2 > li > a .tt{ font-size:1.063em;}
#header .gnb_wrap .gnb > li.act{ overflow:visible;}
#header .gnb_wrap .gnb > li.act .dp2{ padding-top:1.5em; padding-bottom:1.5em; opacity:1; visibility:visible;}
#header .gnb_wrap .gnb > li .dp2 > li.act > a{ background:rgba(0,0,0,.2);}

#header .util_wrap{ gap:0 1.5vw;}
#header .util_wrap .menu > li .in{}
#header .util_wrap .menu > li + li .in:before{ content:""; margin:0 1em; width:1px; height:1em; background:#fff; opacity:.3;}
#header .util_wrap .menu > li .in .tt{ font-size:.938em;}
#header .util_wrap .menu > li .in:hover .tt{ text-decoration:underline;}
#header .search_wrap{}
#header .search_wrap .sc{}
#header .search_wrap .sc_btn .xi{ font-size:1.625em;}
#header .search_wrap .search_layer{ position:fixed; top:0; left:0; width:100%; height:100vh; opacity:0; visibility:hidden; transition:.2s;}
#header .search_wrap .search_layer .sc_bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); backdrop-filter:blur(.375em);}
#header .search_wrap .search_layer .sc_inner{ position:relative; padding:4.5em 0 8em 0; background:#fff; box-shadow:0 3px 1em rgba(0,0,0,.2); text-align:center; color:#000;}
#header .search_wrap .search_layer .wrap_in{ gap:2em; width:52em; padding:0 3vw; margin:0 auto;}
#header .search_wrap .search_layer .sc_close{ position:relative; z-index:2;}
#header .search_wrap .search_layer .sc_close .close_btn{ position:absolute; top:2em; right:4vw; width:4em; height:4em; background:#000; border-radius:50%; color:#fff;}
#header .search_wrap .search_layer .sc_close .close_btn .xi{ font-size:1.875em; transition:.3s;}
#header .search_wrap .search_layer .sc_close .close_btn:hover .xi{ transform:rotate(180deg);}
#header .search_wrap .search_layer .sc_tit .tt{ font-size:2.500em; text-transform:uppercase;}
#header .search_wrap .search_layer .search{ max-width:100%; height:5em; border-bottom:2px solid #000;}
#header .search_wrap .search_layer .search .input_st{ height:100%; font-size:1.250em; border:none; background:none;}
#header .search_wrap .search_layer .search .inp_txt{ flex:1;}
#header .search_wrap .search_layer .search .inp_btn .xi{ font-size:1.500em;}
#header .search_wrap .search_layer .search .inp_btn:hover{ color:var(--siteC3);}

#header .search_wrap .search_layer .sc_keyword{ text-align:left;}
#header .search_wrap .search_layer .sc_keyword .kw_tit{ margin-bottom:1em;}
#header .search_wrap .search_layer .sc_keyword .kw_tit .tt{ font-size:1.188em; font-weight:700;}
#header .search_wrap .search_layer .sc_keyword .kw_list{ gap:.75em 1.5em;}
#header .search_wrap .search_layer .sc_keyword .kw_list > li{}
#header .search_wrap .search_layer .sc_keyword .kw_list > li > a{ display:block; color:#666;}
#header .search_wrap .search_layer .sc_keyword .kw_list > li > a .tt:before{ content:"# "}
#header .search_wrap .search_layer .sc_keyword .kw_list > li > a:hover{ color:#000; text-decoration:underline;}

.searchOn{ overflow-y:hidden}
.searchOn #header.active{ backdrop-filter:none !important;}
.searchOn #header .search_wrap .search_layer{ opacity:1; visibility:visible;}


#header .all_wrap{}
#header .all_wrap .all{}
#header .all_wrap .all_btn{ width:4em; height:4em; border:1px solid rgba(255,255,255,.2); border-radius:50%; transition:.2s;}
#header .all_wrap .all_btn .xi{ font-size:1.750em;}
#header .all_wrap .all_btn:hover{ background:#000; border-color:#000; color:#fff; transform:rotate(90deg);}

#header .all_wrap .all_layer{ position:fixed; top:0; left:0; width:100%; height:100vh; background:var(--siteBg1); color:#fff; transform:translateY(-80%); opacity:0; visibility:hidden; transition:.3s;}
#header .all_wrap .all_layer .all_header{ padding:2em 0 0;}
#header .all_wrap .all_layer .all_header .close_btn{ width:5em; height:5em; background:var(--siteC); border-radius:50%;}
#header .all_wrap .all_layer .all_header .close_btn .xi{ font-size:1.875em; transition:.3s;}
#header .all_wrap .all_layer .all_header .close_btn:hover .xi{ transform:rotate(180deg);}

#header .all_wrap .all_layer .all_inner{ flex:1; opacity:0; transition:.3s;}
#header .all_wrap .all_layer .all_inner > .wrap_in{ gap:2em; padding:3em 0 0 0;}
#header .all_wrap .all_layer .wrap_top .all_mem{ gap:.5em;}
#header .all_wrap .all_layer .wrap_top .all_mem > li .in{ height:2.75em; padding:0 2em; border:1px solid rgba(255,255,255,.3); border-radius:6em; transition:.2s;}
#header .all_wrap .all_layer .wrap_top .all_mem > li .in .tt{ font-size:.938em; font-weight:500;}
#header .all_wrap .all_layer .wrap_top .all_mem > li .in:hover{ background:var(--siteC); border-color:var(--siteC);}

#header .all_wrap .all_layer .wrap_middle .gnb{ flex-wrap:wrap;}
#header .all_wrap .all_layer .wrap_middle .gnb > li{ flex:1; padding:1.5em 2.5em 0 2.5em; border-left:1px solid rgba(255,255,255,.1);}
#header .all_wrap .all_layer .wrap_middle .gnb > li ul{ display:block; padding:1.25em 0 2em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li a{ justify-content:flex-start; text-align:left !important; padding:.5em .375em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .in{ display:flex; align-items:flex-end; gap:.75em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt{ font-size:2.250em; font-weight:700; background:linear-gradient(to right, var(--gradC2), var(--gradC1) 50%, #fff 50%); background-size:200% 100%; background-position:100%; transition: background-position 0.2s linear; background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; color:transparent;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .arrow{ display:inline-block; margin-bottom:.375em; width:.5em; height:.5em; background:var(--siteC3); border-radius:50%;}
#header .all_wrap .all_layer .wrap_middle .gnb > li.act{ background:rgba(0,0,0,.2);}
#header .all_wrap .all_layer .wrap_middle .gnb > li.act .dp1 .tt{ background-position: 0 100%;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .in{ display:inline-block; position:relative;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .in:after{ content:""; position:absolute; left:0; bottom:-.25em; width:100%; height:2px; background:#fff; transform:scaleX(0); transform-origin:left bottom; transition:.2s;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .tt{ font-size:1.188em; font-weight:500;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li.act > a .in:after{ transform:scaleX(1)}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp3 > li > a{ gap:0 .75em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp3 > li > a:before{ content:""; width:4px; height:2px; background:rgba(255,255,255,.4);}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp3 > li > a .tt{ opacity:.7;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp3 > li.act > a .tt{ text-decoration:underline; opacity:1;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp4{ display:none;}

#header .all_wrap .all_layer .wrap_bottom{ display:none;}

.allGnbOn{ overflow-y:hidden}
.allGnbOn #header .all_wrap .all_layer{ transform:translateY(0); opacity:1; visibility:visible;}
.allGnbOn #header .all_wrap .all_layer .all_inner{ opacity:1; transition-delay:.4s;}

.stickyT{ position:sticky !important; top:var(--headHS);}
#header.act .headH,
.wrapHide,
.scroll .headH,
#header.act .gnb_wrap .gnb > li,
#header.act .gnb_wrap .gnb > li .dp1,
.scroll #header .gnb_wrap .gnb > li,
.scroll #header .gnb_wrap .gnb > li .dp1{ height:var(--headHS);}
#header.act .logo > .in
.scroll #header .logo > .in{ transform:scale(.85,.85);}
#header.act,
.scroll #header.active{ background:rgba(255,255,255,.9); backdrop-filter:blur(.25em);}
.simple #header .inner,
#header.act .inner,
.scroll #header.active .inner{ color:#000;}
#header.act .gnb_wrap .gnb > li.act .dp1,
.simple #header .gnb_wrap .gnb > li.act .dp1,
.simple #header .gnb_wrap .gnb > li.on .dp1,
.scroll #header.active .gnb_wrap .gnb > li.act .dp1,
.scroll #header.active .gnb_wrap .gnb > li.on .dp1{ color:var(--siteC);}
#header.act .util_wrap .menu > li + li .in:before,
.simple #header .util_wrap .menu > li + li .in:before,
.scroll #header.active .util_wrap .menu > li + li .in:before{ background:#000; opacity:.15;}
#header.act .all_wrap .all_btn,
.simple #header .all_wrap .all_btn,
.scroll #header.active .all_wrap .all_btn{ border:1px solid rgba(0,0,0,.1);}


/*footer*/
#footer{ background:#0d0d0d;}
#footer .inner{ padding:4.25em 0; gap:1em 5vw; color:#fff;}
#footer .info_wrap{ flex:1;}
#footer .info_wrap .menu{}
#footer .info_wrap .menu > li > .in{ padding:.5em 0;}
#footer .info_wrap .menu > li:not(:last-child) > .in:after{ content:""; margin:0 1.25em; width:1px; height:1em; background:#fff; opacity:.3;}
#footer .info_wrap .menu > li > .in .tt{ font-size:1.125em;}
#footer .info_wrap .menu > li > .point{ font-weight:600; color:var(--siteC2);}
#footer .info_wrap .menu > li > .in:hover{ text-decoration:underline;}
#footer .info_wrap .info{ overflow:hidden; margin-top:3em;}
#footer .info_wrap .info > li{ float:left; margin:0 1.5em .75em 0; opacity:.7;}
#footer .info_wrap .info > li.br{ clear:left;}
#footer .info_wrap .info > li .tt{}
#footer .info_wrap .info .copyright{ margin-top:2em; font-size:.813em; text-transform:uppercase; opacity:.5;}

#footer .goTop{ z-index:998; position:fixed; right:0; bottom:0; width:3.5em; height:3.5em; text-align:center; background:var(--siteC3); 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)}


/*contents*/
#contents{}
#contents .sub_page_top{ position:relative; height:38em;}
#contents .sub_page_bg{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
#contents .sub_page_bg > .bg{ position:absolute; top:0; right:0; width:calc(100% + 2vw); height:100%; transition:3s;}
#contents .sub_page_bg > .bg:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(0,rgba(0,0,0,.7),rgba(0,0,0,.1));}
.load #contents .sub_page_bg > .bg{ right:-2vw;}
#contents .sub_page_tit{ flex:1; position:relative; z-index:9; padding:0 0 4.5em 0;}
#contents .sub_page_tit .sub_tit_wrap{ overflow:hidden;}
#contents .sub_page_tit .tit_inner{ padding:1.5em 0 5.5em 0; text-align:center;}
#contents .sub_page_tit .wrap_tit{ color:#fff; line-height:.65;}
#contents .sub_page_tit .wrap_tit .tt{ display:block; letter-spacing:.063em; text-transform:uppercase;}
#contents .sub_page_tit .wrap_tit .sub_txt .tt{ font-size:5.750em; font-weight:700; opacity:.15;}
#contents .sub_page_tit .wrap_tit .sub_tit .tt{ font-size:7.000em; font-weight:700; letter-spacing:.125em;}

#contents .sub_page_menu{}
#contents .sub_page_menu .gnb{ display:block;}
#contents .sub_page_menu .wrapH,
#contents .sub_page_menu .menu .gnb .dp2 > li > a{ height:5em; border-bottom:3px solid #fff; color:#fff;}
#contents .sub_page_menu .home .in{ width:5em; transition:.2s;}
#contents .sub_page_menu .home .in .xi{ font-size:1.500em;}
#contents .sub_page_menu .home:hover .in{ background:var(--siteC3); border-color:var(--siteC3);}
#contents .sub_page_menu .drop_menu{ position:relative;}
#contents .sub_page_menu .drop_menu .drop_tit{ gap:0 2em; padding:0 2.5em; min-width:14em;}
#contents .sub_page_menu .drop_menu .drop_tit .tt{ font-size:1.438em; font-weight:600;}
#contents .sub_page_menu .drop_menu .drop_tit .arrow{ transition:.2s;}
#contents .sub_page_menu .drop_menu .drop_tit .arrow:before{ content:"\e942";}
#contents .sub_page_menu .drop_menu .gnb{ position:absolute; top:100%; left:0; margin-top:-3px; padding:1.5em 1.75em; width:100%; background:var(--siteBg1); color:#fff; display:none;}
#contents .sub_page_menu .drop_menu .gnb a.flex{ display:block; text-align:left !important;}
#contents .sub_page_menu .drop_menu .gnb > li .dp1{ padding:.625em 0; opacity:.7; transition:.2s;}
#contents .sub_page_menu .drop_menu .gnb > li .dp1 .tt{ font-size:1.125em;}
#contents .sub_page_menu .drop_menu .gnb > li.act .dp1,
#contents .sub_page_menu .drop_menu .gnb > li.on .dp1{ opacity:1;}
#contents .sub_page_menu .drop_menu .gnb > li.on .dp1{ font-weight:600;}
#contents .sub_page_menu .drop_menu.on .drop_tit .arrow{ transform:rotate(-180deg);}
#contents .sub_page_menu .drop_menu.on .gnb{ display:block;}

#contents .sub_page_menu .menu .gnb{ position:relative;}
#contents .sub_page_menu .menu .gnb:before{ content:""; position:absolute; left:0; top:50%; width:1px; height:1.25em; background:#fff; opacity:.2; transform:translateY(-50%);}
#contents .sub_page_menu .menu .gnb .dp2{}
#contents .sub_page_menu .menu .gnb .dp2 > li{}
#contents .sub_page_menu .menu .gnb .dp2 > li > a{ position:relative; padding:1em 3.5em; min-width:14em; color:rgba(255,255,255,.6); border-color:rgba(255,255,255,.3);}
#contents .sub_page_menu .menu .gnb .dp2 > li > a .tt{ font-size:1.250em; font-weight:600;}
#contents .sub_page_menu .menu .gnb .dp2 > li > a .in{ position:relative; padding:0 .5em;}
#contents .sub_page_menu .menu .gnb .dp2 > li > a:after{ content:""; position:absolute; left:0; bottom:-3px; width:100%; height:3px; background:var(--siteC3); transform:scaleX(0); transition:transform .3s;}
#contents .sub_page_menu .menu .gnb .dp2 > li.act > a,
#contents .sub_page_menu .menu .gnb .dp2 > li.on > a{ color:#fff;}
#contents .sub_page_menu .menu .gnb .dp2 > li.act > a:after,
#contents .sub_page_menu .menu .gnb .dp2 > li.on > a:after{ transform:scaleX(1);}
#contents .sub_page_menu .menu .gnb .dp3{ display:none;}

.dp1_product #contents .sub_page_con {padding-top: 8.5em;}
#contents .sub_page_con{ padding:5em 0 0; text-align:center;}
#contents .sub_page_con .con_tit{}
#contents .sub_page_con .con_tit .tt{ display:block; font-size:3.000em; font-weight:700;}

#contents .sub_page_con .con_menu{ margin-top:3.5em;}
#contents .sub_page_con .con_menu .gnb,
#contents .sub_page_con .con_menu .gnb ul:not(.dp3){ display:block;}
#contents .sub_page_con .con_menu .gnb > li .dp3{ gap:1em; justify-content:center;}
#contents .sub_page_con .con_menu .gnb > li .dp3 > li{ width:calc(16.66% - .83333em);}
#contents .sub_page_con .con_menu .gnb > li .dp3 > li > a{ padding:.5em .5em; height:4.25em; border:1px dashed #bbb; color:#666; font-weight:500; transition:.2s;}
#contents .sub_page_con .con_menu .gnb > li .dp3 > li > a .tt{ font-size:1.188em;}
#contents .sub_page_con .con_menu .gnb > li .dp3 > li.act > a{ background:var(--crGray3);}
#contents .sub_page_con .con_menu .gnb > li .dp3 > li.on > a{ border:none; background:var(--siteC); color:#fff; font-weight:600;}

#contents .doc{ padding:5em 0 10em;}

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

.simple #contents{ padding-top:var(--headH);}
.simple #contents .sub_page_top{ display:none;}
.simple #contents .sub_page_top + .doc{ padding-top:2em;}
.simple #contents .sub_page_con{ padding:2em 0 0;}
.simple #contents .sub_page_con .con_tit .tt{ font-size:2.750em;}

/*SUB PAGE*******************/
/*inc*/
.page_con{ padding:6em 0;}
.page_con.conP1{ padding:3em 0;}
.page_con.bg1{}
.doc.pd0 .page_con:last-child,
.doc.pb0 .page_con:last-child{ padding-bottom:10em;}

.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 .tit.icon .page_tt{ position:relative;}
.page_txt .tit.icon .page_tt:before,
.page_txt .tit.icon .page_tt:after{ content:"";}
.page_txt .tit.icon.st1 .page_tt{ display:inline-block; padding-left:1em; line-height:1.4;}
.page_txt .tit.icon.st1 .page_tt:before,
.page_txt .tit.icon.st1 .page_tt:after{ position:absolute; left:0; top:.375em; width:.625em; height:.625em; border-radius:50%; box-sizing:border-box;}
.page_txt .tit.icon.st1 .page_tt:before{ border:1px solid rgba(0,0,0,.15);}
.page_txt .tit.icon.st1 .page_tt:after{ background:var(--siteC); transform:scale(.5);}

.page_txt .tit + .tit{ margin-top:1em;}
.page_txt .tit + .txt{ margin-top:2em;}
.page_txt .txt + .tit{ margin-top:2.5em;}
.page_txt > .txt:not(:first-child){ margin-top:2em;}

.page_list{ counter-reset:subListIdx;}
.page_list > li{ counter-increment:subListIdx;}
.page_list > li .num:before{ content:counter(subListIdx, decimal-leading-zero);}
.page_list.st2 > li .num:before{ content:counter(subListIdx);}

.page_mq{ overflow:hidden;}
.page_mq .mqTT{ display:flex; flex-shrink:0; white-space:nowrap;}
.page_mq .mqTT > *{ margin:0 .375em;}

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

.page_col .gsimgFix{}
.page_col .gsimgFix .posImg{ position:relative; height:100%; min-height:90vh;}
.page_col .gsimgFix .posImg img{ position:absolute; bottom:0; width:100%; height:130%;}
.page_col .gsimgFix.st2 .posImg{ height:30em; min-height:auto;}
.page_col .gsimgFix.st2 .posImg img{ height:150%;}

/*회사소개*/
.page_col.overview {}
.page_col.overview > li {flex: 1;}
.page_col.overview .img-wrap {height: 27.5em; border-radius: 10px; overflow: hidden; box-shadow: 0 10px 40px rgba(0,0,0,.1);}

.page_list.info{border-top: 2px solid var(--crBlack);}
.page_list.info > li{ width: 100%; border-bottom: 1px solid #eee;}
.page_list.info > li .in{ flex:1;}
.page_list.info > li .in .ico_wrap{ width:65%; margin:0 auto;}
.page_list.info > li .in .ico_wrap .ico{ background:#fff; box-shadow:0 2px 1.25em rgba(0,0,0,.05); border-radius:50%;}
.page_list.info > li .in .ico_wrap .ico img{ width:30%;}
.page_list.info > li .in .con_wrap{ gap:1.25em; padding: 1.5em 0;}
.page_list.info > li .in .con_wrap .t1{ font-size:1.250em; color:#555; min-width: 7em;}
.page_list.info > li .in .con_wrap .t2{ font-size:1.250em; font-weight:600;}


/***********************/
/*MAIN******************/
.visualSlider .el{ position:relative; overflow:hidden; height:100vh;}
.visualSlider .el .vod_wrap,
.visualSlider .el .img_wrap{height: 100vh;}
.visualSlider .el .vod,
.visualSlider .el .imgfix { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.visualSlider .el .vod_wrap:after,
.visualSlider .el .img_wrap:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.15);}
.visualSlider .el .bg{ position:absolute; left:0; top:0; width:calc(100% + 8em); height:100%; opacity:0; transition:3s, opacity 5s;}
.visualSlider .el .bg:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.4);}
.visualSlider .el.swiper-slide-active .bg,
.visualSlider .el.swiper-slide-duplicate-active .bg{ left:-4em; opacity:1; transition:5s, opacity 1s;}

.visualSlider_wrap{ position:sticky; top:0;}
.visualSlider_wrap .slogan{ position:absolute; left:0; width:100%; bottom:18vh; z-index:10; color:#fff;}
.visualSlider_wrap .slogan .wrap_in{}
.visualSlider_wrap .slogan .tt.line{ padding-bottom:1.5em; margin-bottom:1.5px; border-bottom:1px solid rgba(255,255,255,.4);}
.visualSlider_wrap .slogan [txt-split] .word{ display:flex !important; justify-content:space-between;}
.visualSlider_wrap .slogan .t1{ font-size:12.000em; font-weight:700; line-height:1; text-transform:uppercase;}
.visualSlider_wrap .slogan .t2{ font-size:3.250em; line-height:1.2;}
.visualSlider_wrap .slogan .tt{ opacity:0; transform:translateY(4em); transition:1s;}
.visualSlider_wrap .el.swiper-slide-active .slogan .tt{ opacity:1; transform:translateY(0); transition:2s;}
.visualSlider_wrap .el.swiper-slide-active .slogan .tt:nth-child(1){ transition-delay:.2s;}
.visualSlider_wrap .el.swiper-slide-active .slogan .tt:nth-child(2){ transition-delay:.8s;}

.visualSlider_control{ position:absolute; left:0; bottom:4vh; width:100%; z-index:10}
.visualSlider_control .swiperPG{ margin-right:2em;}
.visualSlider_control .swiperBtn{}

/**/
.main_wrapper{ position:relative; background:#fff;}
.main_con{ padding:8em 0; word-break:keep-all;}
.main_con.bg1{ background:var(--siteBg1);}
.main_con.bg2{ background:var(--crGray3);}

.main_txt{ position:relative;}
.main_txt:not(:last-child){ margin-bottom:3.5em;}
.main_txt.m1{ margin-bottom:1em;}
.main_txt.m2{ margin-bottom:5em;}
.main_txt .nw{ white-space:nowrap;}
.main_txt .tit{ margin-top:1em;}
.main_txt .txt{ margin-top:2em; line-height:1.6;}
.main_txt .txt + .txt{ margin-top:1em;}
.main_txt .tit:first-child,
.main_txt .txt:first-child{ margin-top:0;}
.main_txt .o1{ opacity:.6;}
.main_txt .t1{ font-size:1.000em;}
.main_txt .t2{ font-size:1.063em;}
.main_txt .t3{ font-size:1.125em;}
.main_txt .t4{ font-size:1.250em;}
.main_txt .t5{ font-size:1.375em;}
.main_txt .t6{ font-size:1.500em;}
.main_txt .t7{ font-size:1.750em;}
.main_txt .t8{ font-size:2.250em;}
.main_txt .t9{ font-size:3.000em;}
.main_txt .t10{ font-size:4.500em;}
.main_txt .t11{ font-size:5.500em;}
.main_txt .t12{ font-size:6.500em;}
.main_txt .t13{ font-size:8.500em;}
.main_txt .t14{ font-size:10em;}

.main_txt .wordSpace [txt-split],
.main_txt .wordSpace [txt-split] > .word,
.main_txt .wordSpace [txt-split] > .word .char{ display:flex !important; justify-content:space-between; gap:.15vw;}

.main_txt .inPosVod{ position:absolute; max-width:100%;}
.main_txt .inPosVod ~ *{ position:relative;}
.main_txt .inPosVod.st1{ width:20vw; top:0; left:50%; transform:translate(-50%,-15%); background:#000; border-radius:1em; overflow:hidden;}

.main_txt .line{ display:inline-block; width:2px; height:2px;}
.main_txt .line:before{ content:""; display:block; width:100%; height:100%; background:var(--siteC);}
.main_txt .line.w{ margin:2em 0; width:2.5em;}
.main_txt .line.h{ margin:1.5em .125em; height:1.5em;}
.main_txt .line:first-child{ margin-top:0;}
.main_txt .line:last-child{ margin-bottom:0;}
.main_txt .line + .tit,
.main_txt .line + .txt{ margin-top:0;}

.main_txt_wrap:not(:last-child){ margin-bottom:3.5em;}
.main_txt_wrap.flex{}
.main_txt_wrap.flex .main_txt{ margin-bottom:0;}

.main_more > .more{ position:relative; gap:0 1em; padding:.5em 2em; height:3.75em; min-width:12em; max-width:100%; background:var(--siteC); border-radius:6em; text-align:center; color:#fff; transition:.2s;}
.main_more > .more .in_tt{ font-size:1.125em; font-weight:500;}
.main_more > .more .xi{ font-size:1.250em;}
.main_more > .more.re{ background:transparent; border:1px solid var(--siteC); color:var(--siteC);}
.main_more > .more.re:hover{ background:var(--siteC); color:#fff;}

.main_more > .more.st1{ padding:0 0; width:3.75em; height:3.75em; min-width:auto; background:transparent; border:1px solid rgba(0,0,0,.4); border-radius:50%; color:#000; transition:.2s;}
.main_more > .more.st1 .xi{ font-size:1.250em;}
.main_more > .more.st1:hover{ background:var(--siteC); border-color:var(--siteC); color:#fff;}

.main_more > .more.st2{ height:3.25em; min-width:10em; font-size:.813em; text-transform:uppercase;}

.main_txt.cw .tt{ color:#fff;}
.main_txt.cw .line:before{ background:#fff;}
.main_more.cw > .more{ background:var(--siteC2);}
.main_more.cw > .more.re{ background:transparent; border:1px solid var(--siteC2); color:var(--siteC2);}
.main_more.cw > .more.st1{ background:transparent; border-color:var(--siteC2); color:var(--siteC2);}
.main_more.cw > .more.re:hover,
.main_more.cw > .more.st1:hover{ background:var(--siteC2); color:#fff;}

.main_layout{ gap:2em 6em;}
.main_layout > li{}
.main_layout > li.w1{ width:35%;}
.main_layout > li.w2{ width:25%;}
.main_layout + .main_layout{ margin-top:14em;}
.main_layout > li .p1{ padding:4em 0 5em 0;}
.main_layout > li .p2{ padding:1.5em 0;}
.main_layout > li .round{ border-radius:1.5em; overflow:hidden;}
.main_layout > li .wrap_img{ position:relative; height:100%;}
.main_layout > li.stickyT{ height:100%;}
.main_layout > li.inm1{ margin-top:8em; margin-left:10em;}
.main_layout > li.inm2{ margin-top:-8em;}

.main .blurCircle{ position:absolute; width:20%; padding:15%; border-radius:50%; background:var(--crGrad2); filter:blur(4em); opacity:.4; transition:all 1s linear; animation: blurCircle 4s linear infinite;}
.main .blurCircle.pos1{ left:5%; bottom:15%; position:fixed;}
.main .blurCircle.pos2{ right:0; bottom:0;}

.main_scroll{ position:relative;}

/**/
.main_about{}
.main_about .itemList{ gap:1em; color:#fff;}
.main_about .itemList > li{ display:flex;}
.main_about .itemList > li .in{ flex:1; padding:3em 2.5em 1.5em 2.5em; background-image:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(46,59,128,.5) 100%); border:1px solid rgba(255,255,255,.3); border-radius:1em; box-sizing:border-box;}
.main_about .itemList > li .in .ico_wrap{ max-width:60%; width:6em; margin-left:auto;}
.main_about .itemList > li .in .ico_wrap img{ width:100%; opacity:.8;}
.main_about .itemList > li:nth-child(1){ width:45%; height:24em;}
.main_about .itemList > li:nth-child(2){ width:35%; margin-top:auto;}
.main_about .itemList > li:nth-child(3){ width:calc(50% - .5em);}
.main_about .itemList > li:nth-child(4){ width:calc(50% - .5em);}
.main_about .itemList > li:nth-child(5){ width:calc(31% - .6666em); margin-top:auto;}
.main_about .itemList > li:nth-child(6){ width:calc(31% - .6666em); height:20em;}
.main_about .itemList > li:nth-child(7){ width:calc(31% - .6666em); height:20em;}
.main_about .itemList > li:nth-child(8){ width:100%;}

@keyframes blurCircle {
50% { -webkit-filter:blur(6em); filter:blur(6em); opacity:.2;}
}

.main_business .img_box .main_txt{ margin-top:-2em; padding:0 1.5em;}

.main_product{ position:relative;}
.main_product .main_prod_wrap{ position:absolute; top:0; right:0; height:100%; width:calc((100vw - var(--baseWidth)) / 2 + (var(--baseWidth) * 0.7)); padding:2em 5em; overflow:hidden; box-sizing:border-box;}
.main_product .main_prod_wrap .posBg{ position:absolute; top:0; left:0; width:100%; height:100%; filter:blur(.5em); transform:scale(1.1);}
.mainProdSlider .el{ height:auto;}
.mainProdSlider .el .wrap_in{ gap:2em; height:100%; padding:2em; background:#fff; border-radius:.75em; overflow:hidden;}
.mainProdSlider .el .wrap_in .con_wrap{ gap:1em;}
.mainProdSlider .el .wrap_in .con_wrap .cate{}
.mainProdSlider .el .wrap_in .con_wrap .cate .tt{ display:inline-block; padding:.375em .625em; background:var(--siteC3); color:#fff;}
.mainProdSlider .el .wrap_in .con_wrap .tit{ font-size:1.500em; font-weight:700;}
.mainProdSlider .el .wrap_in .con_wrap .txt .tt{ font-size:.875em; color:#555;}
.mainProdSlider .el .wrap_in .con_wrap .txt .tt + .tt{ margin-top:.5em;}
.mainProdSlider_wrap{ flex:1; position:relative;}
.mainProdSlider_wrap .swiperControl{ position:absolute; top:50%; left:-2em; right:-2em;}
.mainProdSlider_wrap .swiperControl .swiperBtn{ position:absolute; top:0; transform:translateY(-50%);}

.main_agency{ position:relative; overflow:hidden;}
.mainAgencySlider_wrap{}
.mainAgencySlider{}
.mainAgencySlider .el{ height:auto;}
.mainAgencySlider .el .wrap_in{ gap:2em; height:100%; color:#fff;}
.mainAgencySlider .el .wrap_in .img_wrap{ margin-top:auto; background:#fff; border-radius:.75em; overflow:hidden;}
.mainAgencySlider .el .wrap_in .con_wrap{ gap:.5em; padding:1.5em .5em 0; border-top:1px solid rgba(255,255,255,.15);}
.mainAgencySlider .el .wrap_in .con_wrap .cate{ color:var(--siteC2);}
.mainAgencySlider .el .wrap_in .con_wrap .txt{ font-size:1.063em; opacity:.6;}
.mainAgencySlider .el .wrap_in .con_wrap .tit{ font-size:1.750em; font-weight:700;}

/* main - partners */
.main_partners {
  overflow-x: hidden;
}
.main_partners_list {}
.main_partners_list .list {
  width: fit-content;
}
.main_partners_list .list.marqueeAni {
  animation-duration: 45s;
}
.main_partners_list .list > li {
  min-width: 15em;
  position: relative;
}
.main_partners_list .list > li::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 3em;
  background: #ddd;
  top: 50%;
  right: -2.5em;
  transform: translateY(-50%);
}
.main_partners_list .list > li .img-area {}
.main_partners_list .list > li .img-area .imgfix {
  height: 7em;
  /* max-width: 13em; */
}

.main_inquiry{}
.main_inquiry .form_wrap{}
.main_inquiry .form_wrap .form{ gap:1em; font-size:1.063em;}
.main_inquiry .form_wrap .form > li{}
.main_inquiry .form_wrap .form > li:not(.w100){ width:calc(50% - .5em);}
.main_inquiry .form_wrap .form > li .inp_wrap{ position:relative;}
.main_inquiry .form_wrap .form > li .inp_wrap .tit,
.main_inquiry .form_wrap .form > li .inp_wrap .input_st:not(textarea){ height:4em;}
.main_inquiry .form_wrap .form > li .inp_wrap .tit{ position:absolute; top:0; left:0; padding-left:1.5em;}
.main_inquiry .form_wrap .form > li .inp_wrap .tit .tt{ font-size:1.063em; font-weight:600;}
.main_inquiry .form_wrap .form > li .inp_wrap .input_st:not(textarea){ width:100%; padding-left:7em;}
.main_inquiry .form_wrap .form > li .inp_wrap textarea.input_st{ padding-top:4em; padding-left:1.5em; height:12em;}
.main_inquiry .form_wrap .form > li .inp_wrap .input_st{ border:none; box-shadow:0 2px 1em rgba(0,0,0,.05);}
.main_inquiry .form_wrap .form_chk{ margin-top:2em;}
.main_inquiry .form_wrap .form_chk .chk{ gap:1em;}
.main_inquiry .form_wrap .form_chk .btn .input_st{ width:10em;}



/* Mobile */
.moblie-filter-wrap {
  position: fixed;
  top: 100%;
  left: 0;
  padding: 2em 4vw;
  box-sizing: border-box;
  border: 1px solid #000;
  width: 100%;
  height: 100vh;
  background: #fff;
  z-index: 1024;
  display: none !important;
  transition: top 0.3s;
} 
.moblie-filter-wrap.active {
  top: 0;
  display: block !important;
}
.mo-filter-btn .input_st {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 0.5em;
  width: 2.5em;
  height: 2.5em;
}
.filter-closer .xi {
  font-size: 1.5em;
}

.captcha-wrap {}
.captcha-wrap .tit {
  position: static !important;
}
.captcha-wrap .captcha-inner {
  flex: 1;
  gap: 1em;
}
.captcha-wrap .captcha-inner #loading {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.captcha-wrap .input_st {
  padding-left: 1em !important;
}

.main_inquiry .captcha-wrap .tit {
  padding-left: 0 !important;
}