@charset "utf-8";
/* CSS Document */
body { font-size:16px;}
.box0{ width:105em; max-width:94%; margin:0 auto; box-sizing:border-box;}
.box1{ width:75em; max-width:94%; margin:0 auto; box-sizing:border-box;}

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

.sns > li > .wrap_in.blog .xi:before     { content:"\ebf9";}
.sns > li > .wrap_in.youtube .xi:before  { content:"\ec32";}
.sns > li > .wrap_in.facebook .xi:before { content:"\ebd3";}
.sns > li > .wrap_in.instagram .xi:before{ content:"\ebe9";}
.sns > li > .wrap_in.kakao .xi:before    { content:"\ebee";}
.sns > li > .wrap_in.blog .tt:before     { content:"blog";}
.sns > li > .wrap_in.youtube .tt:before  { content:"youtube";}
.sns > li > .wrap_in.facebook .tt:before { content:"facebook";}
.sns > li > .wrap_in.instagram .tt:before{ content:"instagram";}
.sns > li > .wrap_in.kakao .tt:before    { content:"ch";}

.ps_sticky{ position:sticky; position:-webkit-sticky; top:0;}

.fullH{ height:calc(100vh - 6.25em) !important; box-sizing:border-box;}
.fullMH{ min-height:100vh !important; box-sizing:border-box;}
.headH{ height:6.25em;}
.headT{ padding-top:6.25em;}

/*header*/
#header{ position:fixed; top:0; left:0; width:100%; z-index:999;}
#header .headerWrap .gnb_wrap .gnb > li,
#header .headerWrap .gnb_wrap .gnb > li .dp1{ height:6.25em;}
#header .headerWrap .headLine{ top:calc(6.25em - 1px);}
#header .headH,
#header .headerWrap .headLine,
#header .headerWrap .logo > .in img,
#header .headerWrap .gnb_wrap .gnb > li,
#header .headerWrap .gnb_wrap .gnb > li .dp1,
#header .headerWrap .gnb_wrap .gnb > li .dp2{ transition:.2s;}
#header .headerWrap{ background:#fff; box-shadow:0 .375em .625em rgba(0,0,0,.1);}

#header .headerWrap{}
#header .headerWrap > .inner{ position:relative; padding:0 .25em;}
#header .headerWrap .headLine{ content:""; position:absolute; left:0; width:100%; height:1px; background:#000; opacity:.1; display:none;}
#header .headerWrap .logo,
#header .headerWrap .side_wrap{ width:15.5em;}
#header .headerWrap .logo{ position:relative;}
#header .headerWrap .logo > .in,
#header .headerWrap .logo > .in img{ width:12.875em;}

#header .headerWrap .gnb_wrap{ flex:1;}
#header .headerWrap .gnb_wrap .gnb{ justify-content:center; text-align:center;}
#header .headerWrap .gnb_wrap .gnb > li{ flex:0 1 auto; overflow:hidden;}
#header .headerWrap .gnb_wrap .gnb > li .dp1{ position:relative; padding:0 1.6vw; text-transform:uppercase;}
#header .headerWrap .gnb_wrap .gnb > li .dp1:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#00c65e; opacity:0; transform:scaleX(0); transition:transform .3s;}
#header .headerWrap .gnb_wrap .gnb > li .dp1 .tt{ font-size:1.125em;}
#header .headerWrap .gnb_wrap .gnb > li .dp2{ display:block; opacity:0;}
#header .headerWrap .gnb_wrap .gnb > li .dp2 > li > a{ display:block; padding:.375em .25em; color:#75787b;}
#header .headerWrap .gnb_wrap .gnb > li .dp2 > li > a .tt{ font-size:.875em;}

#header .headerWrap .gnb_wrap .gnb > li.on .dp1{ color:#00c65e !important;}
#header .headerWrap .gnb_wrap .gnb > li:hover .dp1:after,
#header .headerWrap .gnb_wrap .gnb > li.on .dp1:after{ opacity:1; transform:scaleX(.8);}
#header .headerWrap .gnb_wrap .gnb > li .dp2 > li:hover > a .tt,
#header .headerWrap .gnb_wrap .gnb > li .dp2 > li.on > a .tt{ text-decoration:underline;}

#header .headerWrap .side_wrap{}
#header .headerWrap .side_wrap .callWrap{}
#header .headerWrap .side_wrap .callWrap .in{ position:relative; padding:0 .75em 0 0; transition:.2s;}
#header .headerWrap .side_wrap .callWrap .in:before{ content:""; position:absolute; top:0; left:0; width:1.75em; height:1.75em; background:#00c65e; border-radius:50%; transition:.2s;}
#header .headerWrap .side_wrap .callWrap .in > *{ position:relative;}
#header .headerWrap .side_wrap .callWrap .in .icon{ width:1.75em; height:1.75em;}
#header .headerWrap .side_wrap .callWrap .in .icon .xi{ font-size:.875em; color:#fff;}
#header .headerWrap .side_wrap .callWrap .in .con{ flex:1; padding-left:.625em;}
#header .headerWrap .side_wrap .callWrap .in .tel{ display:block; padding:.25em 0; font-size:1.063em; font-weight:700;}
#header .headerWrap .side_wrap .callWrap .in .time{ position:absolute; top:calc(100% + .5em); left:0; right:0; padding:.625em 1em .5em 1em; background:#fff; box-shadow:1px 1px .375em rgba(0,0,0,.15); border-radius:.375em; opacity:0; visibility:hidden; transition:.2s;}
#header .headerWrap .side_wrap .callWrap .in .time > .tt{ padding:.25em 0; font-size:.750em; color:#75787b;}
#header .headerWrap .side_wrap .callWrap .in .time > .tt > span{ display:block;}
#header .headerWrap .side_wrap .callWrap .in:hover{ color:#fff;}
#header .headerWrap .side_wrap .callWrap .in:hover:before{ width:100%; border-radius:6em;}
#header .headerWrap .side_wrap .callWrap .in:hover .time{ opacity:1; visibility:visible;}

#header .allWrap{ width:5em;}
#header .allWrap .btn_all{}
#header .allWrap .btn_all .btn_in{ position:relative; display:block; width:2.5em; height:1.75em;}
#header .allWrap .btn_all .ham,
#header .allWrap .btn_all .ham:before,
#header .allWrap .btn_all .ham:after { display:block; width:100%; height:4px; background:#333; border-radius:1em; transition:.2s;}
#header .allWrap .btn_all .ham:before,
#header .allWrap .btn_all .ham:after { content:""; position:absolute; right:0;}
#header .allWrap .btn_all .ham:before{ top:calc(50% - 2px); width:75%;}
#header .allWrap .btn_all .ham:after { top:calc(100% - 4px); background:#00c65e;}
#header .allWrap .btn_all .btn_in:hover .ham:before{ width:100%;}
#header .allWrap .btn_all .btn_in:hover .ham:after { width:75%;}

#header.allOpen .allWrap .btn_all .btn_in{ width:3.5em; height:3.5em; z-index:99;}
#header.allOpen .allWrap .btn_all .ham{ background:transparent; transition:0s;}
#header.allOpen .allWrap .btn_all .ham:before,
#header.allOpen .allWrap .btn_all .ham:after { width:100% !important; top:50% !important; background:#fff;}
#header.allOpen .allWrap .btn_all .ham:before{ transform:rotate(45deg);}
#header.allOpen .allWrap .btn_all .ham:after { transform:rotate(-45deg);}

#header .allWrap .all{ position:fixed; top:0; bottom:0; left:0; right:0; opacity:0; visibility:hidden;}
#header .allWrap .all .wrap_bg{ position:absolute; top:0; right:0; width:100%; height:100%; background:#000; opacity:.6; cursor:pointer;}
#header .allWrap .all .wrap_in{ position:absolute; top:0; right:0; width:100%; height:100%; background:#1e222a;}
#header .allWrap .all .all_gnb{ height:100vh; padding-top:18vh;}
#header .allWrap .all .all_gnb .gnb{ flex:1;}
#header .allWrap .all .all_gnb .gnb .flex{ display:block; text-align:left !important;}
#header .allWrap .all .all_gnb .gnb > li{ flex:1; position:relative; overflow:hidden;}
#header .allWrap .all .all_gnb .gnb > li:before{ content:""; position:absolute; top:0; left:0; width:1px; height:100%; background:#fff; opacity:.15;}
#header .allWrap .all .all_gnb .gnb > li:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#00c65e; transform:translateX(0);}
#header .allWrap .all .all_gnb .gnb > li a{ color:#fff;}
#header .allWrap .all .all_gnb .gnb > li > *{ transform:translateX(100%);}
#header .allWrap .all .all_gnb .gnb > li .dp1{ position:relative; padding:1.5em 3em;}
#header .allWrap .all .all_gnb .gnb > li .dp1:after{ content:""; display:block; margin:1.5em 0; width:1.5em; height:2px; background:#00c65e;}
#header .allWrap .all .all_gnb .gnb > li .dp1 .tt{ font-size:1.375em; font-weight:600; letter-spacing:-1px;}
#header .allWrap .all .all_gnb .gnb > li .dp2{ padding:0 3em 3em 3em;}
#header .allWrap .all .all_gnb .gnb > li .dp2 > li > a{ position:relative; padding:.75em 0; opacity:.7;}
#header .allWrap .all .all_gnb .gnb > li .dp2 > li > a:after{ content:"\e907"; font-family:xeicon; font-size:.875em; color:#111; position:absolute; top:50%; right:0; transform:translateY(-50%); width:2em; line-height:2em; background:#fff; border-radius:100%; text-align:center; opacity:0; transition:.3s;}
#header .allWrap .all .all_gnb .gnb > li .dp2 > li > a .tt{ font-size:1.125em; font-weight:400;}
#header .allWrap .all .all_gnb .gnb > li .dp2 > li:hover > a{ opacity:1;}
#header .allWrap .all .all_gnb .gnb > li .dp2 > li:hover > a:after{ color:#fff; right:-1em; background:#00c65e; opacity:1;}
#header.allOpen .allWrap .all{ opacity:1; visibility:visible; transition:.6s;}
#header.allOpen .allWrap .all .all_gnb .gnb > li:after{ transform:translateX(100%); transition:.4s;}
#header.allOpen .allWrap .all .all_gnb .gnb > li > *{ transform:translateX(0); transition:.4s;}
#header.allOpen .headerWrap .logo{ z-index:99;}

.scroll #header .headH,
.scroll #header .headerWrap .gnb_wrap .gnb > li,
.scroll #header .headerWrap .gnb_wrap .gnb > li .dp1{ height:5em;}
.scroll #header .headerWrap .headLine{ top:calc(5em - 1px);}
.scroll #header .headerWrap .logo > .in img{ transform:scale(.8); transform-origin:left;}

#header.gnbOpen .headerWrap .headLine{ display:block;}
#header.gnbOpen .headerWrap .gnb_wrap .gnb > li{ height:auto; overflow:visible;}
#header.gnbOpen .headerWrap .gnb_wrap .gnb > li .dp2{ padding:2em 0 2.5em 0; opacity:1;}

#header .headerWrap .gnb_wrap .gnb > li .dp3,
#contents .sub_page_top .sub_menu .gnb .dp3 { display: none; }

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

#contents .subTab{}
#contents .subTab .gnb,
#contents .subTab .gnb .flex{ flex-wrap:wrap}
#contents .subTab .gnb li{ width:100%}
#contents .subTab .gnb .dp3{}
#contents .subTab .gnb .dp3 > li{ flex:1 1 16.66%}
#contents .subTab .gnb .dp3 > li:nth-child(6) ~ li{ max-width:16.66%}
#contents .subTab .gnb .dp3 > li > a{ padding:0 1em; height:4em; border-bottom:1px solid #ddd; color:#777}
#contents .subTab .gnb .dp3 > li > a .va{ font-size:1.063em; font-weight:500}
#contents .subTab .gnb .dp3 > li > a:hover,
#contents .subTab .gnb .dp3 > li.on > a{ border-bottom-color:#0077cf; color:#0077cf}

#contents .subTab.on{ position:fixed; left:0; width:100%; z-index:100; top:5em}
#contents .subTab.on:before{ content:""; position:absolute; left:0; top:0; width:100vw; height:100%; background:#fff; box-sizing: border-box; border-top:1px solid #ddd; box-shadow:0 2px 4px rgba(0,0,0,.2)}
#contents .subTab.on .gnb{ position:relative}
#contents .subTab.on .gnb > li.on .dp2 > li.on{ display:flex !important}
#contents .subTab.on .gnb > li.on .dp2 > li.on > a{ display:block !important; width:15%; background:#0077cf; color:#fff}
#contents .subTab.on .gnb > li.on .dp2 > li.on > a .va{ font-size:1.063em; font-weight:500}
#contents .subTab.on .gnb > li.on .dp2 > li.on > .dp3{ width:85%}
#contents .subTab.on .gnb .dp3 > li{ flex:1;}
#contents .subTab.on .gnb .dp3 > li > a{ height:3.5em}
#contents .subTab.on .gnb .dp3 > li > a .va{ font-size:1em}

#header:hover ~ #contents .subTab,
body.hidden .subTab{ z-index:1}

/*footer*/
#footer .quickFix{ z-index:999; position:fixed; right:1em; bottom:1em; text-align:right; transform:translateY(5em); transition:.3s;}
#footer .quickFix > li{ padding:.5em 0;}
#footer .quickFix > li .wrap_in{ position:relative; width:4.5em; height:4.5em; box-sizing:border-box; transition:.3s;}
#footer .quickFix > li .goLink{ color:#fff; animation-name: updownAni; animation-duration: 3s; animation-iteration-count: infinite;}
#footer .quickFix > li .goLink:before{ content:""; position:absolute; top:0; right:0; width:100%; height:100%; background:#0077cf; border-radius:50%;}
#footer .quickFix > li .goLink > .in{ position:relative; white-space:nowrap;}
#footer .quickFix > li .goLink > .in .icon,
#footer .quickFix > li .goLink > .in .icon img{ width:2.5em;}
#footer .quickFix > li .goLink > .in .tt{ font-size:1.063em; font-weight:600; width:0; opacity:0; overflow:hidden;}
#footer .quickFix > li .goLink:hover{ width:100%; padding:0 1.75em 0 1.25em;}
#footer .quickFix > li .goLink:hover:before{ border-radius:10em;}
#footer .quickFix > li .goLink:hover > .in .tt{ flex:1; width:100%; opacity:1; padding-left:.75em;}
#footer .quickFix > li .goTop{ background:#00c65e; border:3px solid transparent; border-radius:50%; color:#fff; opacity:0;}
#footer .quickFix > li .goTop > .in .xi{ display:block;}
#footer .quickFix > li .goTop > .in .tt{ display:block; font-size:.750em;}
#footer .quickFix > li .goTop:hover{ background:#fff; border-color:#00c65e; color:#00c65e;}
.scroll #footer .quickFix{ transform:translateY(0);}
.scroll #footer .quickFix > li .goTop{ opacity:1;}

@keyframes updownAni{
0% { transform:translateY(.5em);}
50% { transform:translateY(-.5em);}
100% { transform:translateY(.5em);}
}

#footer{ background:#1e222a;}
#footer .infoWrap{ padding:3em 0 3.5em 0;}
#footer .infoWrap > .inner{ color:#fff;}
#footer .infoWrap .logo img{ width:12em; opacity:.4;}
#footer .infoWrap .copy_wrap{ flex:1; padding-left:4.375em; font-weight:400;}
#footer .infoWrap .copy_wrap .menu{ margin-bottom:1em;}
#footer .infoWrap .copy_wrap .menu > li{ position:relative;}
#footer .infoWrap .copy_wrap .menu > li:before{ content:""; position:absolute; top:50%; left:0; width:1px; height:1em; background:rgba(255,255,255,.2); transform:translateY(-50%);}
#footer .infoWrap .copy_wrap .menu > li .in{ display:block; padding:1em 1.5em;}
#footer .infoWrap .copy_wrap .menu > li:first-child .in{ padding-left:0;}
#footer .infoWrap .copy_wrap .menu > li:first-child:before{ display:none;}
#footer .infoWrap .copy_wrap .menu > li .in:hover .tt{ text-decoration:underline;}
#footer .infoWrap .copy_wrap .info{ line-height:1.8; opacity:.7;}
#footer .infoWrap .copy_wrap .info > li:not(.br){ padding-right:2em;}
#footer .infoWrap .copy_wrap .info > li.br{ width:100%;}
#footer .infoWrap .copy_wrap .info > li a[href]:hover{ text-decoration:underline;}
#footer .infoWrap .copy_wrap .info > li .tt{ font-size:.938em;}
#footer .infoWrap .copy_wrap .copy{ margin-top:1.875em;}
#footer .infoWrap .copy_wrap .copy .tt{ font-size:.813em; opacity:.4; text-transform:uppercase;}

#footer .infoWrap .side_wrap{}
#footer .infoWrap .side_wrap .link{}
#footer .infoWrap .side_wrap .link > .in,
#footer .infoWrap .side_wrap .sns > li .wrap_in{ height:2.5em;}
#footer .infoWrap .side_wrap .link{ padding:0 1.5em; background:#fff; border-radius:6em; color:#555; transition:.2s;}
#footer .infoWrap .side_wrap .link > .in .tt{ font-size:.875em;}
#footer .infoWrap .side_wrap .link > .in .xi{ font-size:1.125em; padding-left:.5em;}
#footer .infoWrap .side_wrap .link:hover{ background:#00c65e; color:#fff;}
#footer .infoWrap .side_wrap .link + .sns{ margin-left:1em;}
#footer .infoWrap .side_wrap .sns > li{ margin-left:.313em;}
#footer .infoWrap .side_wrap .sns > li:first-child{ margin-left:0;}
#footer .infoWrap .side_wrap .sns > li .wrap_in{ width:2.5em; height:2.5em; border:1px solid rgba(255,255,255,.4); border-radius:50%; transition:.2s;}
#footer .infoWrap .side_wrap .sns > li .wrap_in .xi{ font-size:1.125em;}
#footer .infoWrap .side_wrap .sns > li .wrap_in .tt{ display:none;}
#footer .infoWrap .side_wrap .sns > li .wrap_in:hover{ background:#00c65e; border-color:#00c65e;}

/*contents*/
#contents{}
#contents .sub_page_top{ position:relative; height:25em; overflow:hidden;}
#contents .sub_page_top .bg{ position:absolute; top:0; left:0; width:106%; height:100%; transform:translateX(0); opacity:0; transition:transform 6s ease, opacity 1s;}
#contents .sub_page_top .bg_about   { background-image:url(../images/sub/sub_visual_about.jpg);}
#contents .sub_page_top .bg_service { background-image:url(../images/sub/sub_visual_service.jpg);}
#contents .sub_page_top .bg_pest    { background-image:url(../images/sub/sub_visual_pest.jpg);}
#contents .sub_page_top .bg_analysis{ background-image:url(../images/sub/sub_visual_analysis.jpg);}
#contents .sub_page_top .bg_product { background-image:url(../images/sub/sub_visual_product.jpg);}
#contents .sub_page_top .bg_customer{ background-image:url(../images/sub/sub_visual_customer.jpg);}

.ready #contents .sub_page_top .bg{ opacity:1; transform:translateX(-3%);}

#contents .sub_tit_wrap{ position:relative; height:100%; padding:3em 0 7em 0; text-align:center;}
#contents .sub_tit_wrap .sub_tit{ color:#fff; line-height:1.5;}
#contents .sub_tit_wrap .sub_tit .tt{ display:inline-block;}
#contents .sub_tit_wrap .sub_tit .tit1 .tt{ font-size:.875em; letter-spacing:1.5em; text-indent:1.5em; opacity:.6;}
#contents .sub_tit_wrap .sub_tit .tit2 .tt{ font-size:2.750em; font-weight:700;}
#contents .sub_tit_wrap .sub_tit .tit2:after{ content:""; display:block; margin:.75em auto 0 auto; width:1px; height:2em; background:#fff; opacity:.6;}

#contents .sub_tit_wrap .sub_nav{}
#contents .sub_tit_wrap .sub_nav > li{ position:relative; padding:0 1.5em; color:#fff;}
#contents .sub_tit_wrap .sub_nav > li:before{ content:"\e93f"; font-family:xeicon; position:absolute; left:0; top:50%; transform:translate(-.375em,-50%);}
#contents .sub_tit_wrap .sub_nav > li .home{ display:block; color:#fff;}
#contents .sub_tit_wrap .sub_nav > li .xi{}
#contents .sub_tit_wrap .sub_nav > li .tt{}
#contents .sub_tit_wrap .sub_nav > li:first-child:before{ display:none;}
#contents .sub_tit_wrap .sub_nav > li:last-child .tt{ text-decoration:underline;}

#contents .sub_page_top .sub_menu{ position:absolute; left:0; right:0; bottom:0;}
#contents .sub_page_top .sub_menu .gnb{}
#contents .sub_page_top .sub_menu .gnb > li,
#contents .sub_page_top .sub_menu .gnb > li .dp1{ display:none;}
#contents .sub_page_top .sub_menu .gnb > li.on{ display:block;}
#contents .sub_page_top .sub_menu .gnb > li{ flex:1;}
#contents .sub_page_top .sub_menu .gnb .dp2{ justify-content:center; text-align:center;}
#contents .sub_page_top .sub_menu .gnb .dp2 > li{ flex:1 1 25%; max-width:33.33%;}
#contents .sub_page_top .sub_menu .gnb .dp2 > li > a{ position:relative; height:4.5em; padding:0 1em; background:rgba(255,255,255,.8);}
#contents .sub_page_top .sub_menu .gnb .dp2 > li > a:before{ content:""; position:absolute; left:-1px; top:50%; width:1px; height:50%; background:#000; opacity:.15; transform:translateY(-50%);}
#contents .sub_page_top .sub_menu .gnb .dp2 > li > a:after { content:""; position:absolute; bottom:0; left:50%; width:0; height:5px; background:#0077cf; border-radius:1em; opacity:0; transform:translateX(-50%); transition:.3s;}
#contents .sub_page_top .sub_menu .gnb .dp2 > li:first-child > a:before{ display:none;}
#contents .sub_page_top .sub_menu .gnb .dp2 > li > a .tt{ font-size:1.125em;}
#contents .sub_page_top .sub_menu .gnb .dp2 > li:hover > a:after{ width:70%; opacity:1;}
#contents .sub_page_top .sub_menu .gnb .dp2 > li.on{ z-index:1;}
#contents .sub_page_top .sub_menu .gnb .dp2 > li.on > a:before{ opacity:0;}
#contents .sub_page_top .sub_menu .gnb .dp2 > li.on > a{ background:#0077cf; box-shadow:0 0 1em .25em rgba(0,0,0,.3); color:#fff;}



/*#contents .sub_page_top .sub_menu{ position:absolute; left:0; right:0; bottom:0;}
#contents .sub_page_top .sub_menu .gnb{}
#contents .sub_page_top .sub_menu .gnb > li,
#contents .sub_page_top .sub_menu .gnb > li .dp1{ display:none;}
#contents .sub_page_top .sub_menu .gnb > li.on{ display:block;}
#contents .sub_page_top .sub_menu .gnb > li{ flex:1;}

#contents .sub_menu{ padding-bottom:0}
#contents .sub_menu .gnb{ flex-wrap: wrap}
#contents .sub_menu .gnb > li{ width:100%}
#contents .sub_menu .gnb > li .dp2{ justify-content:center; overflow:hidden}
#contents .sub_menu .gnb > li .dp2 > li{ flex:1 1 50%; max-width:50%}
#contents .sub_menu .gnb > li .dp2 > li > a{ display:block; height:4.25em; background:#fff; color:#666; transition:.3s; position:relative; border-bottom:1px solid #ddd; margin-top:.5em}
#contents .sub_menu .gnb > li .dp2 > li > a:after{ content:""; position:absolute; left:-1px; top:25%; height:50%; width:1px; background:#ddd}
#contents .sub_menu .gnb > li .dp2 > li > a .va{ font-weight:500; font-size:1.125em}
#contents .sub_menu .gnb > li .dp2 > li:hover > a{ color:#af1f24}
#contents .sub_menu .gnb > li .dp2 > li.on{ z-index:1; box-shadow:0 0 1em .25em rgba(0,0,0,.3)}
#contents .sub_menu .gnb > li .dp2 > li.on > a{ color:#af1f24; border-bottom:1px solid #fff; margin-top:.5em}
#contents .sub_menu .gnb > li .dp2 > li.on > a:after{ background:#fff; width:100%; height:3px; top:-3px; left:0}*/


#contents .con_page_top{ padding:3em 0 0 0; text-align:center; overflow:hidden;}
#contents .con_page_top .con_tit > .in{ position:relative; display:inline-block; padding-top:2.25em;}
#contents .con_page_top .con_tit .icon{ position:absolute; top:0; left:50%; transform:translateX(-50%);}
#contents .con_page_top .con_tit .icon img{ width:1.75em;}
#contents .con_page_top .con_tit .tt{ position:relative; display:inline-block; font-size:2.250em; color:#222; font-weight:600; letter-spacing:-1px; text-indent:-1px;}

#contents .doc{ padding:4em 0 12em 0;}
#contents .doc_1{ padding:0 0 6em 0;}
#contents .doc.pd{ padding:4em 0 0 0;}


/*SUB PAGE************************/
/*inc*/
.page_sec { margin-top:3.5em !important;}
.page_sec0{ margin-top:-1px !important;}
.page_sec1{ margin-top:.375em !important;}
.page_sec2{ margin-top:1em !important;}
.page_sec3{ margin-top:2em !important;}
.page_sec4{ margin-top:5em !important;}

.page_box{ padding:1.5em 1.75em; border:1px solid #e6e6e6; box-sizing:border-box;}
.page_col{ margin-bottom:1em;}
.page_col > *{ margin-top:0 !important; margin-bottom:0 !important;}

.page_ex{ margin-top:1.5em; color:#333;}
.page_ex:first-child{ margin-top:0;}
.page_ex > .tt{ margin:.25em 0; line-height:1.4;}
.page_ex > .tt.t1{ font-size:.938em;}
.page_ex > .tt.t2{ font-size:1.125em;}
.page_ex > .icon{ position:relative;}
.page_ex > .icon.st1{ padding-left:1em;}
.page_ex > .icon.st2{ padding-left:1.5em;}
.page_ex > .icon:before{ position:absolute; left:0; line-height:1;}
.page_ex > .icon.st1:before{ content:"*"; top:.188em; font-size:1.375em;}
.page_ex > .icon.st2:before{ content:"※"; top:.125em; font-size:1.063em;}

.page_ex.st1{ padding:.75em 1em; background:#fff;}
.page_ex.st2{ padding:.75em 1em; background:#f2f5f6; border:1px solid #e3e3e3;}
.page_ex.ac > .icon,
.page_ex.ar > .icon{ display:inline-block;}

.page_icon{ padding:1.5em 1.75em; border:1px solid #e6e6e6;}
.page_icon > .icon .xi{ width:4em; height:4em; background:#f2f2f6; border-radius:100%; font-size:1em; color:#37494b;}
.page_icon > .icon .xi:before{ font-size:1.875em;}
.page_icon > .con{ flex:1; padding-left:3em;}
.page_icon > .con.flex > *{ margin-bottom:0; margin-right:1em;}
.page_icon > .con.flex > *:last-child{ margin-right:0;}
.page_icon > .con .page_tit:last-child{ margin-bottom:0;}

.page_tit > .tt > *{ vertical-align:baseline;}
.page_tit > .tt > span  { font-weight:400;}
.page_tit > .tt > strong{ font-weight:700;}
.page_tit > .tt + .page_tit{ margin-top:.75em;}
.page_tit > .c1{ color:#0342a1;}
.page_tit > .c2{ color:#111;}

.page_tit.dep1{ margin-bottom:1em;}
.page_tit.dep1 > .t1{ font-size:1.438em; color:#333; font-weight:500; letter-spacing:-1px;}
.page_tit.dep1 > .t2{ padding:.5em 0; font-size:1.063em; color:#666; line-height:1.5;}

.page_tit.dep2{ margin-bottom:1em;}
.page_tit.dep2 > .tt{ font-size:1.250em;}
.page_tit.dep2 > .tt.icon{ position:relative; padding-left:1.375em;}
.page_tit.dep2 > .tt.icon:before{ content:"\e92b"; font-family:xeicon; position:absolute; top:-.063em; left:0; font-size:1.125em; color:#06aba1;}

.page_tit.dep3{}

/*추가*/
.page_txt{}
.page_txt > .tit{ margin-bottom:1.5em;}
.page_txt > .tit.mg1{ margin-bottom:2.5em;}
.page_txt:last-child > .tit:last-child{ margin-bottom:0;}
.page_txt.line .tit:before{ content:""; display:block; margin-bottom:1.5em; width:2.25em; height:2px; background:#00c65e;}
.page_txt.icon .tt{ position:relative;}
.page_txt.icon .tt:before{ content:""; display:block; position:absolute;}
.page_txt.icon.st1 .tt{}
.page_txt.icon.st1 .tt:before{}
.page_txt .tt{ margin-top:1.375em;}
.page_txt .tt:first-child{ margin-top:0;}
.page_txt .t1{ font-size:.813em;}
.page_txt .t2{ font-size:.875em;}
.page_txt .t3{ font-size:.938em;}
.page_txt .t4{ font-size:1.063em;}
.page_txt .t5{ font-size:1.125em;}
.page_txt .t6{ font-size:1.250em;}
.page_txt .t7{ font-size:1.625em;}
.page_txt .t8{ font-size:2.000em;}
.page_txt .t9{ font-size:2.750em;}
.page_txt .t10{ font-size:3.000em;}
.page_txt .tt.c1{ color:#444;}
.page_txt a[href].tt:hover{ text-decoration:underline;}

.cw .page_txt .tt{ color:#fff;}

.page_tit_img{}
.page_tit_img .page_txt{ position:relative; z-index:2;}
.page_tit_img .page_txt + .img{ margin-top:-2em;}
.page_tit_img .img.resize{ padding-bottom:25%;}

.page_pos{ position:absolute; left:0; right:0;}
.page_pos.img1{ bottom:0;}
.page_pos.img1 .bg{ padding-bottom:25%; opacity:.3;}
/**/

.memo_st{ background:#f4f7f8; border:1px solid #ddd; padding:1.5em;}
.memo_st:first-child{ margin-bottom:3em;}
.memo_st:last-child { margin-top:3em;}
.memo_st > .tt{ position:relative; margin-top:.5em; padding:.125em 0 .125em 2.25em; line-height:1.4; font-size:.938em; color:#666;}
.memo_st > .tt:first-child{ margin-top:0;}
.memo_st > .tt:before{ content:"\e9a6"; font-family:xeicon!important; font-size:1.75em; color:#aaa; line-height:1; position:absolute; left:0; top:0;}
.memo_st > .tt * { vertical-align:baseline;}
.memo_st > .tt.t1{ font-size:1.063em; color:#111;}

.tt_bold{ font-weight:700;}
.tt_big{ font-size:1.250em;}
.tt_small{ font-size:.938em;}
.tt_line{ text-decoration:underline;}

.ttF{ vertical-align:baseline;}
.ttF.t1{ font-size:.750em;}
.ttF.t2{ font-size:.813em;}
.ttF.t3{ font-size:.875em;}
.ttF.t4{ font-size:.938em;}
.ttF.t5{ font-size:1.063em;}
.ttF.t6{ font-size:1.125em;}
.ttF.t7{ font-size:1.250em;}
.ttF.t8{ font-size:1.625em;}
.ttF.c1{ color:#002460;}
.ttF.c2{ color:#0b9087;}
.ttF.c3{ color:#a3d063;}
.ttF.c4{ color:#dc232d;}
.ttF.c5{ color:#f57440;}
.ttF.c6{ color:#2d3951;}
.ttF.c7{ color:#0d121b;}
.ttF.c8{ color:#999999;}
.ttF.c9{ color:#111111;}
.ttF.c10{ color:#333333;}

rad{ border-radius:0 1em 0 0;}

/**/
.agree_wrap{ background:#fff; border:1px solid #e1e2e6; color:#555;}
.agree_wrap .agree{ padding:1.375em 2em; line-height:1.8; font-size: .85em; }
.agree_wrap .agree .in.scrollst{ height:12em; padding-right:1em;}
.agree_wrap .agree *{ vertical-align:baseline;}
.agree_wrap .agree p{ padding:.375em 0;}
.agree_wrap .agree strong{ color:#222;}
.agree_wrap .check{ padding:1em 2em; border-top:1px solid #e1e2e6; text-align:right}
.agree_wrap .check .txt{ font-size:.875em; color:#777}
.agree_wrap .check label{ margin-left:2em; font-size:.9em;}
.agree_wrap .check label:first-child{ margin-left:0}


/*SUB DESIGN****************************/
/*기업소개*/
.page_Introduce_wrap{ position:relative; z-index:2; padding-bottom:10em;}
.page_Introduce .con_wrap{ flex:1; padding: 1em 3em 0 0}
.page_Introduce .con_wrap .sign{ margin-top:2em;}
.page_Introduce .con_wrap .sign > * ~ *{ padding-left:1em;}

/**/
.sub_greeting .tit_wrap{ width:100%; margin-bottom:2em}
.sub_greeting .tit_wrap .t1{ font-size:3em; font-family: serif; color:#666; letter-spacing:-.063em}
.sub_greeting .tit_wrap .t1 .point{ font-weight:bold; vertical-align:top; color:#111}
.sub_greeting .img_wrap{ order:1; width:45%; margin-left:auto; margin-top:-8em}
.sub_greeting .con_wrap{ width:45%}
.sub_greeting .con_wrap .t1{ margin-bottom:1.5em; font-size:1.063em; line-height:1.6; color:#333}
.sub_greeting .con_wrap .t2 .name{font-family:serif; font-size:2em; margin-left:.5em; font-weight:bold; vertical-align:baseline; letter-spacing:.5em}

.sub_history{ position:relative; padding:2em 0}
.sub_history .rail{ position:absolute; left:50%; top:0; width:1em; height:100%; transform:translateX(-50%); background:#fff; box-shadow:0 0 1em rgba(0,0,0,.1); box-sizing:border-box}
.sub_history .rail:before,
.sub_history .rail:after{ content:""; position:absolute; width:1.25em; height:1.25em; background:#fff; border:.25em solid #06aba1; border-radius:50%; bottom:100%; left:50%; transform:translateX(-50%); box-shadow:0 0 1em rgba(0,0,0,.1); box-sizing:border-box}
.sub_history .rail:after{ top:100%}
.sub_history .line{ position:absolute; left:50%; top:0; width:1px; height:0; max-height:100%; border-radius:1em; transform:translateX(-50%); background:#06aba1; transition:.3s}
.history > li{ position:relative; padding:3em 0 5em 0}
.history > li .tit_wrap,
.history > li .con_wrap{ width:50%; box-sizing:border-box; padding:0 5em; position:relative}
.history > li .tit_wrap .tit{ margin:0 0 3em 0}
.history > li .tit_wrap .t1{ font-weight:700; font-size:1.75em; color:#2177bd; margin:0 .25em .25em 0}
.history > li .tit_wrap .t2{ font-size:3.25em; letter-spacing:-.063em; word-spacing:.125em}
.history > li .tit_wrap .img{ position:relative; z-index:-2}
.history > li .con_wrap{ margin-top:8em}
.history > li .con_wrap .list > li{ position:relative}
.history > li .con_wrap .list > li:not(:first-child){ margin-top:2em}
.history > li .con_wrap .list > li:before{ content:""; position:absolute; top:.75em; left:-4.5em; width:2.5em; height:1px; background:#ddd}
.history > li .con_wrap .list > li:after{ content:""; position:absolute; top:.5em; left:-5.25em; width:.5em; height:.5em; background:#ddd; border-radius:50%; transition:.3s}
.history > li .con_wrap .list > li .date{ flex:0 0 auto; width:5em; font-weight: bold; font-size:1.25em; color:#06aba1}
.history > li .con_wrap .list > li .tt{ flex:1 1 0%; font-size:1.063em; color:#666; line-height:1.5; transform:translateY(-.125em)}
.history > li .con_wrap .list > li.on:after{ background:#06aba1}
.history > li:nth-child(2n-1) .tit_wrap{ text-align:right}
.history > li:nth-child(2n):before{ content:""; position:absolute; left:50%; top:0; height:100%; width:100vw; transform:translateX(-50%); background:rgba(0,0,0,.03); z-index:-1}
.history > li:nth-child(2n) .tit_wrap{ order:1}
.history > li:nth-child(2n) .con_wrap .list > li:before{ left:auto; right:-4.5em;}
.history > li:nth-child(2n) .con_wrap .list > li:after{ left:auto; right:-5.25em;}
.history > li:nth-child(2n) .con_wrap .list > li{ text-align:right}
.history > li:nth-child(2n) .con_wrap .list > li .date{order:1}

.sub_location{ padding:2em; box-shadow:0 0 2em rgba(0,0,0,.1)}
.sub_location .map_wrap{ position:relative; height:0; padding-bottom:40%}
.sub_location .map_wrap iframe{ position:absolute; left:0; top:0; width:100%; height:100%}
.sub_location .tt{ padding:2em; margin:0 0 2em 0; background:#f5f5f5; font-weight:500}
.sub_location .info > li{ position:relative; margin:1.5em 2em; padding:.5em 3.5em}
.sub_location .info > li .xi{ font-size:1em; width:2.5em; line-height:2.5em; border-radius:50%; background:#2177bd; color:#fff; text-align:center; position:absolute; left:0; top:0}
.sub_location .info > li .xi:before{ font-size:1.75em}
.sub_location .info > li:nth-child(2n) .xi{ background:#06aba1}
.sub_location .info > li .t1{ color:#666}

.sub_org{ overflow:hidden}
.sub_org > li{ display:flex; justify-content:center}
.sub_org > li:not(:first-child){ margin-top:3em}
.sub_org > li .in{ position:relative; box-sizing:border-box; height:4em; display:flex; align-items:center; justify-content:center; width:16em; border-radius:.5em}
.sub_org > li.d3{ align-items:flex-start}
.sub_org > li.d3 .type1{ margin-right:10em}
.sub_org > li.d3 .type2{ margin-left:10em}
.sub_org > li.d3 .in:before{ content:""; position:absolute; top:50%; width:calc(10em + 3px); height:1px; background:#ccc; z-index:-1}
.sub_org > li.d3 .type1 .in:before{ left:100%}
.sub_org > li.d3 .type2 .in:before{ right:100%; width:5em}
.sub_org > li.d3 .type2{ position:relative}
.sub_org > li.d3 .type2:before{ content:""; position:absolute; top:50%; left:-10em; width:calc(5em + 3px); height:1px; background:#ccc}
.sub_org > li.d3 .type2 > li:not(:first-child){ margin-top:1em}
.sub_org > li.d3 .type2 > li:not(:first-child) .in:after{ content:""; position:absolute; bottom:50%; left:-5em; width:1px; height:calc(100% + 1em + 6px); background:#ccc; z-index:-1}
.sub_org > li.dep{ display:block}
.sub_org > li.dep > ol{ display:flex; justify-content:center; margin-top:3em; position:relative}
.sub_org > li.dep > ol:before{ content:""; position:absolute; left:50%; bottom:100%; margin-bottom:-2px; width:1px; height:200vh; background:#ccc; z-index:-1}
.sub_org > li.dep > ol > li{ flex:1 1 1%; text-align:center; margin:3em .5em;}
.sub_org > li.dep > ol > li > .in{ width:100%}
.sub_org > li.dep > ol > li > ol{ border:2px solid #06aba1; border-radius:0 0 .5em .5em; margin-bottom:.5em; background:#fff; box-shadow:0 .5em 0 rgba(0,0,0,.1); border-top:none; box-sizing:border-box; height:calc(100% - 4em); padding:1em}
.sub_org > li.dep > ol > li .in:before{ content:""; position:absolute; left:50%; bottom:100%; width:1px; height:3em; background:#ccc; z-index:-1}
.sub_org > li.dep > ol > li:not(:first-child) .in:after{ content:""; position:absolute; right:50%; top:-3em; width:calc(100% + 1em); height:1px; background:#ccc}

.sub_org > li .st1{ background:#2177bd; background: linear-gradient(-45deg, #2177bd 0%, #2c3885 100%); color:#fff}
.sub_org > li .st1 .t1{ font-weight:700; font-size:1.313em}
.sub_org > li .st2{ background:#fff; color:#2177bd; border:3px solid #2177bd}
.sub_org > li .st2 .t1{ font-weight:500; font-size:1.125em}
.sub_org > li .st3{ background:#06aba1; color:#fff; border-radius:.5em .5em 0 0}
.sub_org > li .st3 .t1{ font-weight:700; font-size:1.063em}
.sub_org > li .st4{ padding:.25em}
.sub_org > li .st4 .t1{ color:#555}

.sub_prod_list{ margin:-2em 0 0 -2em}
.sub_prod_list > li{ width:50%}
.sub_prod_list > li .in{ cursor:pointer; margin:2em 0 0 2em; border:1px solid #ddd; padding:1.5em; position:relative}
.sub_prod_list > li .in:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; border:3px solid #0077cf; opacity:0; transition:.3s}
.sub_prod_list > li .in .img_wrap{ width:40% }
.sub_prod_list > li .in .con_wrap{ width:55%; margin-left:auto}
.sub_prod_list > li .in .con_wrap .t1{ font-size:2.5em; font-weight:700}
.sub_prod_list > li .in .con_wrap .t2{ font-size:1.25em; line-height:1.375em; height:2.75em; overflow:hidden; color:#666; margin-top:.5em}
.sub_prod_list > li .in:hover{ box-shadow:0 0 1em rgba(0,0,0,.1)}
.sub_prod_list > li .in:hover:after{ opacity:1}

/*product-sm*/
.subProdV_detail_sm{margin-bottom:3rem; background:#f5f5f5; padding:4rem;}
.subProdV_detail_sm .chk_icon{padding-left:40px; font-size:1.375em; color:#111; position:relative; margin-bottom:1.5rem !important;}
.subProdV_detail_sm .chk_icon:last-of-type{margin-bottom:0 !important;}
.subProdV_detail_sm .chk_icon:before{content:''; display:block; width:30px; height:30px; border-radius:50%; background:#9f705b; position:absolute; left:0; top:-2px; opacity:.4;}
.subProdV_detail_sm .chk_icon:after{content:'\e929'; display:block; font-family:'xeicon'; font-size:2.75rem; color:#b07d67; position:absolute; left:0px; top:-17px;}

.subProdV_ftable > li .tr.h100_sm{height:100%;}

/*yg*/
.list1 {margin:0 0 0 -1em;}
.list1 > li {flex:1 1 25%;}
.list1 > li .in {text-align:left; margin:0 0 1.5em 1em;}
.list1 > li .in .icon {}
.list1 > li .in .tx {padding-top:.5em; font-weight:500; font-size:1.125em; line-height:1.4; color:#282828; letter-spacing:-.5px;}


/**********************************/
/*POPUP****************************/
.popWrap.popAgree{ width:50em;}
.popWrap.popSecret{ width:35em;}


/*****************************/
/*MAIN************************/

/*NEW*/
.visualSlider_wrap{ position:relative; overflow:hidden;}

.mainSlider{ position:relative;}
.mainSlider .el{ position:relative; overflow:hidden}
.mainSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%;}

.visualSlider_wrap .mainSlogan{ position:absolute; z-index:2; left:0; top:12vh; width:100%; overflow:hidden; color:#fff;}
.visualSlider_wrap .mainSlogan .slogan,
.visualSlider_wrap .mainControl{ padding-left:4vw;}
.visualSlider_wrap .mainSlogan .slogan .txt{ margin-top:5vh;}
.visualSlider_wrap .mainSlogan .slogan .logo{ margin-bottom:.75em;}
.visualSlider_wrap .mainSlogan .slogan .logo img{ width:12.5em;}
.visualSlider_wrap .mainSlogan .slogan b{ font-weight:900;}
.visualSlider_wrap .mainSlogan .slogan .tt{ line-height:1.8;}
.visualSlider_wrap .mainSlogan .slogan .t1{ font-size:4.000em; font-weight:200; line-height:1.2;}
.visualSlider_wrap .mainSlogan .slogan .t2{ font-size:1.375em;}

.visualSlider_wrap .mainSlogan .slogan .ani > .in{ opacity:0;}
.visualSlider_wrap .mainSlogan .slogan .ani1{ overflow:hidden;}
.visualSlider_wrap .mainSlogan .slogan .ani1 > .in{ transform:translateY(100%);}
.visualSlider_wrap .mainSlogan .slogan .ani2 > .in{ letter-spacing:6.25em;}

.mainSlider.swiper-container-initialized ~ .mainSlogan .slogan .ani > .in { opacity:1; transition:1s;}
.mainSlider.swiper-container-initialized ~ .mainSlogan .slogan .ani1 > .in{ transform:translateY(0);}
.mainSlider.swiper-container-initialized ~ .mainSlogan .slogan .ani2 > .in{ letter-spacing:-1px; transition-delay:.4s;}

.mainControl{ margin-top:5vh;}
.mainControl .mainSlider-btn{ width:3.125em; cursor:pointer; line-height:2.5em; color:#fff; outline:none; text-align:center}
.mainControl .mainSlider-btn .xi{ font-size:1.5em; text-align:center;}
.mainControl .mainSlider-btn:hover{ opacity:1}
.mainControl .mainProgress{ position:relative; text-align:center; margin-right:1em}
.mainControl .mainPauseWrap{ position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; display:flex; align-items:center; justify-content:center;}
.mainControl .mainPauseWrap .mainSlider-btn{ line-height:50px}
.mainControl .mainPauseWrap .mainSlider-btn .xi{ font-size:1.5em;}
.mainControl .mainPauseWrap .mainSlider-play{ display:none}
.mainControl .mainPauseWrap.pause .mainSlider-pause{ display:none}
.mainControl .mainPauseWrap.pause .mainSlider-play{ display:block; opacity:1;}
.mainControl .mainSlider-pagination{ margin-left:2em;}
.mainControl .mainSlider-pagination span{ width:1em; height:1em; background:#fff; border-radius:3em; font-size:.625em; opacity:.8; margin:0 .25em; transition:.3s;}
.mainControl .mainSlider-pagination span.swiper-pagination-bullet-active{ width:7em; background:#00c65e; opacity:1;}

.mainControl > .inner{}
.mainControl > .inner .control,
.mainControl > .inner .contact{ flex:1; padding:1em 5vw;}
.mainControl > .inner .control{ background:#f7f7f7;}
.mainControl > .inner .contact{ background:#0077cf; color:#fff;}
.mainControl > .inner .inH{ height:7em;}
.mainControl > .inner .contact > .icon img{ width:3.5em;}
.mainControl > .inner .contact > .con{ flex:1; padding-left:2em;}
.mainControl > .inner .contact > .con .tit{ margin-bottom:.5em;}
.mainControl > .inner .contact > .con .btn{ padding-left:1.5em; transition:.2s;}
.mainControl > .inner .contact > .con .btn > .xi{ font-size:1.500em;}
.mainControl > .inner .contact > .con .tit:hover .btn{ padding-left:2em;}
.mainControl > .inner .contact > .con .txt{}
.mainControl > .inner .contact > .con .t1{ font-size:1.250em; font-weight:700;}
.mainControl > .inner .contact > .con .t2{ font-size:.938em; font-weight:400;}

/**/
.main_con{ padding:5em 0;}
.main_con.main_product,
.main_con.main_customer{ padding-bottom:8em;}
.main_conBg1{ background:#f7f7f7;}
.main_conBg2{}

.main_txt{}
.main_txt > .tit{ margin-bottom:2em;}
.main_txt > .tit.mg1{ margin-bottom:1.5em;}
.main_txt > .tit.mg2{ margin-bottom:4.5em;}
.main_txt > .tit.mg3{ margin-bottom:.5em;}
.main_txt > .txt .tt{ line-height:1.4;}
.main_txt  .tt{ margin-top:.75em;}
.main_txt  .tt:first-child{ margin-top:0;}
.main_txt .br{ display:block;}
.main_txt .op1{ opacity:.6;}
.main_txt .t1 { font-size:.938em;} /*15*/
.main_txt .t2 { font-size:1.000em;}/*16*/
.main_txt .t3 { font-size:1.063em;}/*17*/
.main_txt .t4 { font-size:1.125em;}/*18*/
.main_txt .t5 { font-size:1.250em;}/*20*/
.main_txt .t6 { font-size:1.375em;}/*22*/
.main_txt .t7 { font-size:1.500em;}/*24*/
.main_txt .t8 { font-size:1.625em;}/*26*/
.main_txt .t9 { font-size:1.750em;}/*28*/
.main_txt .t10{ font-size:1.875em;}/*30*/
.main_txt .t11{ font-size:2.250em;}/*36*/
.main_txt .t12{ font-size:2.375em;}/*38*/ 
.main_txt .t13{ font-size:3.375em;}/*54*/
.main_txt .t14{ font-size:4.375em; line-height:1;}/*70*/ 

.cw .main_txt .tt{ color:#fff;}

.main_more{}
.main_more.pd1{ padding-top:2.5em;}
.main_more.pd2{ padding-top:4em;}
.main_more > .more{ text-align:center; padding:1em 1.875em; background:transparent; border:1px solid #ddd; border-radius:6em; color:#0077cf; transition:.2s;}
.main_more > .more > .tt{ font-size:.875em;}
.main_more > .more > .xi{ font-size:1.125em;}
.main_more > .more > .tt ~ .xi{ margin-left:.5em;}
.main_more > .more > .xi:before{ content:"\e907";}
.main_more > .more.re{ background:#fff; border-color:#fff;}
.main_more > .more:hover{ background:#0077cf; border-color:#0077cf; color:#fff;}

.main_more.st2 > .more{ padding:0; background:transparent; border:none; color:#000;}
.main_more.st2 > .more > .xi{ font-size:1.750em; transition:.2s;}
.main_more.st2 > .more > .xi:before{ content:"\e913";}
.main_more.st2 > .more:hover{ color:#0077cf;}
.main_more.st2 > .more:hover > .xi{ transform:rotate(180deg);}

.main_moreWrap.flex .main_txt{ flex:1;}


.sub_more{}
.sub_more.pd1{ padding-top:2.5em;}
.sub_more.pd2{ padding-top:4em;}
.sub_more > .more{ text-align:center; padding:.5em 1em; background:transparent; border:1px solid #ddd; border-radius:6em; color:#0077cf; transition:.2s;}
.sub_more > .more.green{ color:#00c65e; }
.sub_more > .more.blue{ background: #0077cf; color:#fff; border-color:#0077cf; }
.sub_more > .more > .tt{ font-size:.93em;}
.sub_more > .more > .xi{ font-size:1.125em;}
.sub_more > .more > .tt ~ .xi{ margin-left:.5em;}
.sub_more > .more > .xi:before{ content:"\e907";}
.sub_more > .more.re{ background:#fff; border-color:#fff;}
.sub_more > .more:hover{ background:#0077cf; border-color:#0077cf; color:#fff;}
.sub_more > .more.green:hover{ background:#00c65e; border-color:#00c65e; color:#fff;}
.sub_more > .more.blue:hover{ background:#fff; border-color:#0077cf; color:#0077cf;}

.sub_more.st2 > .more{ padding:0; background:transparent; border:none; color:#000;}
.sub_more.st2 > .more > .xi{ font-size:1.750em; transition:.2s;}
.sub_more.st2 > .more > .xi:before{ content:"\e913";}
.sub_more.st2 > .more:hover{ color:#0077cf;}
.sub_more.st2 > .more:hover > .xi{ transform:rotate(180deg);}


.main_layout .inner{ padding:0 4vw;}
.main_layout .inner > .layL{ width:50%; max-width:31.25em; padding-right:5em;}
.main_layout .inner > .layR{ flex:1;}

.main_bnList1{ margin-top:2.5em;}
.main_bnList1 > .list > li,
.main_bnList1 > .list > li .wrap_in{ flex:1;}
.main_bnList1 > .list{ margin:0 0 -3em -3em;}
.main_bnList1 > .list > li .wrap_in{ position:relative; z-index:1; margin:0 0 3em 3em; padding:2.5em 2.5em; padding-top:16em;}
.main_bnList1 > .list > li .wrap_in:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#0077cf; opacity:0; visibility:hidden; transform:scale(.4,.4); transition:.3s;}
.main_bnList1 > .list > li .wrap_in .main_txt{ flex:1; position:relative; transition:.3s;}
.main_bnList1 > .list > li .wrap_in .main_txt > .txt{ min-height:3.5em;}
.main_bnList1 > .list > li .wrap_in:hover .main_txt{ z-index:2; transform:translateY(-2em);}
.main_bnList1 > .list > li .wrap_in:hover:before{ opacity:1; visibility:visible; transform:scale(1.1,1.1);}

.main_bnList1_1{ margin:0 0 4em;}
.main_bnList1_1 > .list > li,
.main_bnList1_1 > .list > li .wrap_in{ flex:1;}
.main_bnList1_1 > .list{ margin:0 0 -2em -2em;}
.main_bnList1_1 > .list > li .wrap_in{ position:relative; z-index:1; margin:0 0 2em 2em; padding:2em 2em; padding-top:16em;}
.main_bnList1_1 > .list > li .wrap_in:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#0077cf; opacity:0; visibility:hidden; transform:scale(.4,.4); transition:.3s;}
.main_bnList1_1 > .list > li .wrap_in .main_txt{ flex:1; position:relative; transition:.3s;}
.main_bnList1_1 > .list > li .wrap_in .main_txt > .txt{ min-height:3.5em;}
.main_bnList1_1 > .list > li .wrap_in:hover .main_txt{ z-index:2; transform:translateY(-2em);}
.main_bnList1_1 > .list > li .wrap_in:hover:before{ opacity:1; visibility:visible; transform:scale(1.1,1.1);}

.main_bnList1_1_1{ margin:0 0 4em;}
.main_bnList1_1_1 > .list > li,
.main_bnList1_1_1 > .list > li .wrap_in{ flex:1;}
.main_bnList1_1_1 > .list{ margin:0 0 -3em -1em;}
.main_bnList1_1_1 > .list > li .wrap_in{ position:relative; z-index:1; margin: 0 0 0 1em; padding: 0em 2em; padding-top: 11em; }
/*.main_bnList1_1_1 > .list > li .wrap_in:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#0077cf; opacity:0; visibility:hidden; transform:scale(.4,.4); transition:.3s;}*/
.main_bnList1_1_1 > .list > li .wrap_in .main_txt{ flex:1; position:relative; transition:.3s;}
.main_bnList1_1_1 > .list > li .wrap_in .main_txt > .txt{ min-height:3.5em;}
.main_bnList1_1_1 > .list > li .wrap_in:hover .main_txt{ z-index:2; transform:translateY(-2em);}
.main_bnList1_1_1 > .list > li .wrap_in:hover:before{ opacity:1; visibility:visible; transform:scale(1.1,1.1);}

.main_bnList2{ text-align:center;}
.main_bnList2 .inner{ padding:5em 0;}
.main_bnList2 .list{}
.main_bnList2 .list > li{ flex:1;}
.main_bnList2 .list > li .wrap_in{ padding:0 5em;}
.main_bnList2 .list > li .wrap_in .icon{ margin-bottom:2em;}
.main_bnList2 .list > li .wrap_in .icon > .in:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); border-radius:50%;}
.main_bnList2 .list > li .wrap_in .icon > .in:after{ content:""; position:absolute; left:50%; bottom:0; width:1px; height:4em; background:#fff; transform:translateY(30%);}
.main_bnList2 .list > li .wrap_in .icon > .in img{ width:4em;}

.main_layout2 .inner{}
.main_layout2 .inner > .layL{ flex:1;}
.main_layout2 .inner > .layR{ width:50%; padding:2em 6vw 3em 6.25em;}

.main_pest .pestType_list{ margin-top:2em;}
.main_pest .pestType_list > li{ padding:1.25em 0; border-top:1px solid #d9d9d9;}
.main_pest .pestType_list > li:first-child{ border-top-width:0;}
.main_pest .pestType_list > li .in{}
.main_pest .pestType_list > li .in .icon img{ width:3.5em;}
.main_pest .pestType_list > li .in .con{ flex:1; padding-left:2.5em;}
.main_pest .pestType_list > li .in .arrow{ padding-right:2em; color:#ccc; transition:.2s;}
.main_pest .pestType_list > li .in .arrow .xi{ font-size:1.750em;}
.main_pest .pestType_list > li .in:hover .arrow{ padding-right:1em; color:#00c65e;}

.main_pr .main_layout .inner > .layL{ padding-top:3em; padding-bottom:3em;}
.main_pr .youtube_wrap #player{ width:100%; height:100%;}
.main_pr .youtube_wrap .start_vod{ position:absolute; top:0; left:0; width:100%; height:100%;}
.main_pr .youtube_wrap .start_vod .xi{ font-size:5.000em; color:#fff; cursor:pointer;}
.main_pr .youtube_wrap .start_vod .xi:hover{ color:#00c65e;}

.main_process{}
.sub_process{ margin:-3em 0 0 -3em; display:flex; flex-wrap:wrap}
.sub_process > li{ width:33.33%; counter-increment: sub_process_idx}
.sub_process > li .wrap_in{ flex:1; margin:3em 0 0 3em; border-radius:1em; padding:1em; box-sizing:border-box; border:1px solid #ddd; position:relative; background:#fff}
.sub_process > li .wrap_in .line{ content:""; position:absolute; left:100%; top:50%; transform:translateY(-50%); width:3em; height:.5em; background:#ddd}
.sub_process > li:not(.before) .wrap_in .line{ background:#00c65e;}
.sub_process > li .wrap_in .line:before{ content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#00c65e}
.sub_process > li:last-child .wrap_in .line{ display:none}
.sub_process > li:nth-child(6n - 1) .wrap_in .line,
.sub_process > li:nth-child(6n - 2) .wrap_in .line{ left:auto; right:100%}
.sub_process > li:nth-child(6n - 1) .wrap_in .line:before,
.sub_process > li:nth-child(6n - 2) .wrap_in .line:before{ left:auto; right:0}
.sub_process > li:nth-child(3n) .wrap_in .line{ height:3em; width:.5em; left:50%; top:100%; transform:translate(-50%,0)}
.sub_process > li:nth-child(3n) .wrap_in .line:before{ width:100%; height:0}
.sub_process > li .wrap_in .img_wrap{ border-radius:.5em; overflow:hidden}
.sub_process > li .wrap_in .con_wrap .tit{ text-align:center; padding:1.5em 0 2.5em 0; margin-bottom:2.5em; border-bottom:1px solid #eee; position:relative}
.sub_process > li .wrap_in .con_wrap .tit .icon{ display:block; text-align:center; font-size:3em; margin-bottom:.25em; color:#ccc}
.sub_process > li .wrap_in .con_wrap .tit:after{content:"0"counter(sub_process_idx); position:absolute; left:50%; top:100%; width:3em; line-height:3em; border-radius:50%; background:#00c65e; color:#fff; /*font-weight:800;*/ transform:translate(-50%, -50%)}
.sub_process > li .wrap_in .con_wrap .t1{ font-size:1.125em; font-weight:600;}
.sub_process > li .wrap_in .con_wrap .t2{ font-size:.938em; line-height:1.4;}
.sub_process > li:nth-child(-n+3){ order:-4}
.sub_process > li:nth-child(4){ order:-1}
.sub_process > li:nth-child(5){ order:-2}
.sub_process > li:nth-child(6){ order:-3}
.sub_process > li.before .wrap_in{ border-color:#535252; box-shadow:0 0 .5em rgba(0,0,0,.1); transition:.3s}
.sub_process > li.before .wrap_in .line:before{ width:100%; height:100%; transition:all .5s ease-in-out}

.main_product{ position:relative;}
.main_product .txt_wrap{ position:absolute; left:60%; top:90%}
.main_product .txt_wrap .tit{ margin-bottom:.625em;}
.main_product .txt_wrap .tit .tt{ font-size:2.000em; color:#222; font-weight:900; transform:translateX(70%); opacity:0;}
.main_product .txt_wrap .txt .tt{ font-size:1.250em; color:#555; line-height:1.5; transform:translateX(70%); opacity:0;}
.main_product .storeSlide_wrap .slick-active .txt_wrap .tit .tt{opacity: 1; transform: translateX(0%); transition-delay: .4s; transition:1s;}
.main_product .storeSlide_wrap .slick-active .txt_wrap .txt .tt{opacity: 1; transform: translateX(0%); transition-delay: .8s; transition:1s;}

.storeSlide_wrap{ position:relative; padding:0 24%; margin-top:4em;}
.storeSlide .slick-slide .inner{ width:39em; max-width:94%; margin:0 auto}
.storeSlide .item{ position:relative;}
.storeSlide .slick-list{ overflow:visible !important;}
.storeSlide .item > div{}
.storeSlide .img_wrap .img_w{ position:relative; box-sizing:border-box; padding:3em}
.storeSlide .img_wrap .img_w:after{ content:''; width:100%; height:100%; background:#f5f5f5; border-radius:50%; position:absolute; top:0; left:0; z-index:-99;}
.storeSlide .img_wrap .img_w .resize{ padding-bottom:100%;}
.storeSlide .img_wrap .img_w img{ max-width:85%;}

.storeSlide_wrap .pagingInfo{ position:absolute; top:5%; left:32%;}
.storeSlide_wrap .pagingInfo > i{ display:inline-block; vertical-align:bottom; font-size:3.500em; color:#222; font-weight:900;}
.storeSlide_wrap .pagingInfo .t1{ font-size:5em;}
.storeSlide_wrap .pagingInfo .t2{}
.storeSlide_wrap .pagingInfo .t3{}

.storeSlide_wrap .prod_box{ position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%)}
.storeSlide_wrap .prod_box .btn{ width:3em; height:3em; line-height:3em; background:#000; color:#fff; text-align:center; border-radius:50%; font-size:1.25em; transition:.2s; cursor:pointer;}
.storeSlide_wrap .prod_box .btn:hover{ background:#00c65e;}

.main_customer{}
.main_layout3 .inner{}
.main_layout3 .inner > .layL{ width:43.5%;}
.main_layout3 .inner > .layR{ flex:1; padding-left:6.875em;}
.main_layout3 .inner .main_notice,
.main_layout3 .inner .main_cus{ flex:1;}

.main_notice .main_moreWrap{ padding:1.250em 0;}
.main_notice .notice_list{}
.main_notice .notice_list .tit{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main_notice .notice_list .txt{ font-size:.813em; color:#555; font-weight:400; line-height:1.4;}
.main_notice .notice_list .date{ font-size:.750em; color:#888;}
.main_notice .notice_list .list_top{ padding:1.25em 0; color:#111;}
.main_notice .notice_list .list_top > .img{ width:9.375em;}
.main_notice .notice_list .list_top > .con{ flex:1; padding-left:2.375em;}
.main_notice .notice_list .list_top .tit{ font-size:1.063em; font-weight:600;}
.main_notice .notice_list .list_top .txt{ margin-top:.625em;}
.main_notice .notice_list .list_top .date{ margin-top:.75em;}
.main_notice .notice_list .list{}
.main_notice .notice_list .list > li{}
.main_notice .notice_list .list > li .link{ padding:.375em 0; color:#222;}
.main_notice .notice_list .list > li .link:before{ content:""; width:.375em; height:2px; background:#00c65e; margin-right:.5em;}
.main_notice .notice_list .list > li .link .tit{ flex:1; padding-right:1em; font-size:.938em;}
.main_notice .notice_list .list > li .link .date{}
.main_notice .notice_list a:hover{ color:#00c65e !important;}
.main_notice .notice_list .no_con{ font-size:.813em;}

.main_customer .main_cus{ margin:0 0 -.625em -.625em;}
.main_customer .main_cus > li{ flex:1;}
.main_customer .main_cus > li .con_wrap{ position:relative; flex:1; margin:0 0 .625em .625em; padding:2.5em 2.125em; min-height:21.25em;}
.main_customer .main_cus > li .con_wrap:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; opacity:.8;}
.main_customer .main_cus > li:nth-child(1) .con_wrap:before{ background:linear-gradient(180deg,transparent 10%, #007f5d 100%);}
.main_customer .main_cus > li:nth-child(2) .con_wrap:before{ background:linear-gradient(180deg,transparent 10%, #023d80 100%);}
.main_customer .main_cus > li .con_wrap .inH{ position:relative; min-height:5em; transition:.2s;}
.main_customer .main_cus > li .sns{ margin:0 0 -.25em -.25em;}
.main_customer .main_cus > li .sns > li .wrap_in{ margin:0 0 .25em .25em; width:2.5em; height:2.5em; border:1px solid #fff; border-radius:50%; color:#fff; transition:.2s;}
.main_customer .main_cus > li .sns > li .wrap_in .xi{ font-size:1.125em;}
.main_customer .main_cus > li .sns > li .wrap_in .tt{ display:none;}
.main_customer .main_cus > li .sns > li .wrap_in:hover{ background:#00c65e; border-color:#00c65e;}

.main_customer .main_cus > li .con_wrap:hover:before{ opacity:1;}
.main_customer .main_cus > li:nth-child(1) .con_wrap:hover:before{ background:#00c65e;}
.main_customer .main_cus > li:nth-child(2) .con_wrap:hover:before{ background:#0077cf;}
.main_customer .main_cus > li .con_wrap:hover .inH{ padding-bottom:3em;}
/*NEW end*/

@keyframes circleWave {
0% {border-radius:65% 35% 60% 40%;}
25%{border-radius:35% 65% 40% 60%;}
50%{border-radius:60% 40% 65% 35%;}
75%{border-radius:40% 60% 35% 65%;}
}
@-webkit-keyframes circleWave {
0% {border-radius:65% 35% 60% 40%;}
25%{border-radius:35% 65% 40% 60%;}
50%{border-radius:60% 40% 65% 35%;}
75%{border-radius:40% 60% 35% 65%;}
}

/*sub*/
.pageBg { background: #f7f7f7; padding: 4em 0; margin: 6em 0; }
.pageBg.pd { margin-bottom: 0; }
.pageBg_1 { background: #f7f7f7; padding: 2em 0 2em; margin: 3em 0; }
.pageBg_1.pd { margin-bottom: 0; }

.pageWrap {  }
.pageWrap.margin { margin: 2em 0 3em 0; }
.pageWrap.tab { margin: 2em 0 2em 0; }
.pageWrap .pageCon { position: relative; border: 1px solid #ddd; border-left: none; border-right: none; padding: 2em 1em; }
.pageWrap .pageCon.none { position: relative; border: 1px solid #ddd; border-left: none; border-right: none; padding: 2em 1em 0; }
.pageWrap .pageCon:before { position: absolute; content: ""; width: 2.25em; height: 2px; background: #00c65e; top: -2px; left: 0; }
.pageWrap .pageCon .tit { width: 35%; padding-right: 2em; box-sizing: border-box; }
.pageWrap .pageCon .tit .t1 { padding-bottom: .3em; }
.pageWrap .pageCon .con { flex: 1; }
.pageWrap .pageCon .con.line { border-left: 1px solid #ddd; }
.pageWrap .pageCon .con.con_img { margin-right: 1em; }
.pageWrap .pageCon .con.con_img:last-of-type { margin-right: 0; }
.pageWrap .pageCon .con.con_img .t1 { padding-bottom: 1em; }
.pageWrap .pageCon .ipmp_wrap{ flex:1;}
.pageWrap .pageCon .bi { margin-top: 2em; }
.pageWrap .pageCon .bi > img:first-of-type { margin-right: 2em; }
.pageWrap .pageCon .row { padding: 1.5em 0; border-bottom: 1px dashed #ddd; }
.pageWrap .pageCon .row:first-of-type { padding-top: 0; }
.pageWrap .pageCon .row:last-of-type { padding-bottom: 0;  border-bottom: none; }
.pageWrap .pageCon .con_table { margin: 2em 0 0 0; }
.pageWrap .pageCon .con_table .board_st.write { border-top: 2px solid #00c65e; }
.pageWrap .pageCon .pageTbl {  }
.pageWrap .pageCon .pageTbl > .board_st { border-top: 2px solid #0077cf; border-bottom: 2px solid #0077cf; }
.pageWrap .pageCon .pageTbl > .board_st tr {}
.pageWrap .pageCon .pageTbl > .board_st th,
.pageWrap .pageCon .pageTbl > .board_st td { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.pageWrap .pageCon .pageTbl > .board_st td { color: #000; }
.pageWrap .pageCon .pageTbl > .board_st th:last-of-type,
.pageWrap .pageCon .pageTbl > .board_st td:last-of-type { border-right: none; }
.pageWrap .pageCon .pageTbl > .board_st td.al { padding-left: 1em; }

.pageWrap .pageCon .pageTbl .Tbl_ul { margin: 2em 0 -0.5em -0.5em; }
.pageWrap .pageCon .pageTbl .Tbl_ul > li { width: 30%; }
.pageWrap .pageCon .pageTbl .Tbl_ul > li .in { padding: 1.25em; background: #f7f9fb; margin: 0 0 0.5em 0.5em; text-align: center; font-size: .92em; color: #222; text-align: center; }
.pageWrap .pageCon .pageTbl .Tbl_ul > li:nth-of-type(2n) { width: 70%; }
.pageWrap .pageCon .pageTbl .Tbl_ul > li:nth-of-type(1),
.pageWrap .pageCon .pageTbl .Tbl_ul > li:nth-of-type(2) { font-weight: 600; font-size: 0.94em; }

.pageWrap .pageCon_1 { position: relative; border-left: none; border-right: none; padding: 0em 2em; }
.pageWrap .pageCon_1 .tit { width: 35%; padding-right: 2em; box-sizing: border-box; }
.pageWrap .pageCon_1 .tit .t1 { padding-bottom: .3em; }
.pageWrap .pageCon_1 .con { flex: 1; }
.pageWrap .pageCon_1 .con.line { border-left: 1px solid #ddd; }
.pageWrap .pageCon_1 .con.con_img { margin-right: 2em; }
.pageWrap .pageCon_1 .con.con_img:last-of-type { margin-right: 0; }
.pageWrap .pageCon_1 .con.con_img .t1 { padding-bottom: 1em; }
.pageWrap .pageCon_1 .ipmp_wrap{ flex:1;}
.pageWrap .pageCon_1 .bi { margin-top: 2em; }
.pageWrap .pageCon_1 .bi > img:first-of-type { margin-right: 2em; }
.pageWrap .pageCon_1 .row { padding: 1.5em 0 1.5em 1.5em; border-bottom: 1px dashed #ddd; }
.pageWrap .pageCon_1 .row:first-of-type { padding-top: 0; }
.pageWrap .pageCon_1 .row:last-of-type { padding-bottom: 0;  border-bottom: none; }

.pageWrap .btn_B { margin-top: 2.2em; }
.pageWrap .btn_B > div { margin-right: 1em; }
.pageWrap .btn_B > div:last-of-type { margin-right: 0; }

/*.pageWrap .pageCon .pageTbl > .board_st .tbl_bg { background: #eefbf4; }
.pageWrap .pageCon .pageTbl > .board_st .tbl_bg2 { background: #e7f6fd; }*/
.pageWrap .pageCon .pageTbl > .board_st .line { border-bottom: 2px solid #00c65e; }

/**/
.sub_tt { font-size: 1em; line-height: 1.5; }
.sub_tt.t1 { font-size: 1.5em; }
.sub_tt.t2 { font-size: 1.12em; }
.sub_tt.t3 { font-size: .8em; color: #fff; text-transform: capitalize; }
.sub_tt.t4 { font-size: 1.2em; }
.sub_tt.t5 { font-size: .83em; /*text-transform: uppercase;*/ font-style: italic; }
.sub_tt.t6 { font-size: 2.6em; }
.sub_tt.t7 { font-size: .938em; }
.sub_tt.t8 { font-size: 1.7em; }
.sub_tt.t9 { font-size: .8em; }
.sub_tt.t10 { color: #fff; letter-spacing: 5px; }

.sub_tt.we1 { font-weight: 500; }
.sub_tt.we2 { font-weight: 600; }
.sub_tt.we3 { font-weight: 700; }
.sub_tt.dot { position: relative; padding: 0 0 0.3em 0.8em; }
.sub_tt.dot:last-of-type { padding: 0 0 0 0.8em; }
.sub_tt.dot:before { position: absolute; content: ""; width: 5px; height: 5px; background: #0077cf; top: 9px; left: 0; }

/*.round { position: relative; }
.round:before { position: absolute; content: ""; background: #00c65e; border-radius: 30px; width: 4em; height: 1.6em; left: -14px; top: 0; }*/
.round { position: relative; display: inline-block; background: #00c65e; width: auto; border-radius: 2em; padding: 0.2em 1em; }
.round > p { position: relative; padding-top: 3px; }
.line .round:after { position: absolute; content: ""; top: 7px; left: -45px; width: 5px; height: 5px; border: 2px solid #00c65e; border-radius: 50%; background: #fff; }

.line .step_wrap { padding-left: 1em; }
.step_wrap {  }
.step_wrap .step_con { padding: 1.5em 0 1.5em 1.5em; border-bottom: 1px dashed #ddd; }
.step_wrap .step_con:first-of-type { padding-top: 0; }
.step_wrap .step_con:last-of-type { padding-bottom: 0;  border-bottom: none; }
.step_wrap .step_con .step { width: 21%; text-transform: uppercase; }
.step_wrap .step_con .text { flex: 1; }
.step_wrap .step_con .text .t4 { padding-bottom: .5em; }
.step_wrap .step_con .num_wrap .num_con .icon { margin-top: .5em; }
.step_wrap .step_con .num_wrap .num_con .icon > img {  }
.step_wrap .step_con .num_wrap_1 { margin: 1.5em 0 0 0; }
.step_wrap .step_con .num_wrap_1 .num_con .icon { margin-top: .5em; }
.step_wrap .step_con .num_wrap_1 .num_con .icon > img {  }
.step_wrap .step_con .num_wrap_2 { margin: 1.5em 0 0 0; }
.step_wrap .step_con .num_wrap_2 { margin: 1.5em 0 0 0; }
.step_wrap .step_con .num_wrap_2 .num_con .icon { margin-top: .5em; }
.step_wrap .step_con .num_wrap_2 .num_con .icon > img {  }
.step_wrap .step_con .num_wrap_2 { margin: 1.5em 0 0 0; }

.monitoring {  }
.monitoring > div { flex: 1; }
.monitoring .monitoring_left { padding-right: 3em; box-sizing: border-box; }
.monitoring .t1:first-of-type { padding-bottom: .8em; }
.monitoring .t2 { padding-bottom: .4em; }
.monitoring .t2:last-of-type { padding-bottom: 0; }

.main_pipeline_wrap { width: 100%; position: relative; }
.mainPipeline { width: auto;  }
.main_pipeline_wrap .mainPipeline-btn { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index:10; color: #fff; }
.main_pipeline_wrap .mainPipeline-btn.prev { left: 1em; }
.main_pipeline_wrap .mainPipeline-btn.next { right: 1em; }
.main_pipeline_wrap .mainPipeline-btn > .xi { font-size: 3em; padding: 0.3em; margin-right: 0.2em; }
.mainPipeline .t2 { padding-bottom: .5em }

.pest.pageCon { position: unset; border-bottom: 1px dashed #ddd; border-top: none; }
.pest.pageCon:first-of-type { position: relative; border-top: 1px solid #ddd; }
.pest.pageCon:last-of-type { border-bottom: 1px solid #ddd; }
.pest .step_wrap.pest_wrap .pest_con .text .t4 { padding-bottom: 0; }
.pest .pest_wrap .pest_con .pest_txt { margin-bottom: 1em; }
.pest .pest_wrap .pest_con .pest_txt .t5 { padding-left: 1em; }

.company_wrap .con{}
.company_wrap .con.tx{flex:1; min-width:0;}
.company_wrap .con .in .t1{padding-bottom:.5em; font-size:2.2em; color:#00c65e; font-weight:500;}
.company_wrap .con .in .t1 > i{ vertical-align:baseline; transform:scaleX(0); opacity:0; transform-origin:left top; transition:.6s}
.company_wrap .con .in .t1 > .t1_sec{padding:0 .2em;}
.company_wrap .con > .sub_tt.t1,
.company_wrap .con > .sub_tt.t8,
.monitoring .sub_tt.t8 { padding-bottom: 0.4em; }
.company_wrap .con .mt_p > .sub_tt { padding-bottom: 0.3em; }
.load .company_wrap .con .in .t1 > i{ transform:scaleX(1); opacity:1}
.load .company_wrap .con .in .t1 > i:first-child{transition-delay:0.1s;}
.load .company_wrap .con .in .t1 > i:nth-child(2){transition-delay:0.2s;}
.load .company_wrap .con .in .t1 > i:nth-child(3){transition-delay:0.3s;}
.load .company_wrap .con .in .t1 > i:nth-child(4){transition-delay:0.4s;}
.load .company_wrap .con .in .t1 > i:nth-child(5){transition-delay:0.5s;}
.load .company_wrap .con .in .t1 > i:nth-child(6){transition-delay:0.6s;}
.load .company_wrap .con .in .t1 > i:nth-child(7){transition-delay:0.7s;}
.load .company_wrap .con .in .t1 > i:nth-child(8){transition-delay:0.8s;}
.load .company_wrap .con .in .t1 > i:nth-child(9){transition-delay:0.9s;}
.load .company_wrap .con .in .t1 > i:nth-child(10){transition-delay:1.0s;}
.load .company_wrap .con .in .t1 > i:nth-child(11){transition-delay:1.1s;}
.load .company_wrap .con .in .t1 > i:nth-child(12){transition-delay:1.2s;}
.load .company_wrap .con .in .t1 > i:nth-child(13){transition-delay:1.35s;}
.load .company_wrap .con .in .t1 > i:nth-child(14){transition-delay:1.3s;}
.load .company_wrap .con .in .t1 > i:nth-child(14){transition-delay:1.4s;}
.load .company_wrap .con .in .t1 > i:nth-child(15){transition-delay:1.5s;}
.load .company_wrap .con .in .t1 > i:nth-child(16){transition-delay:1.6s;}
.load .company_wrap .con .in .t1 > i:nth-child(17){transition-delay:1.7s;}
.load .company_wrap .con .in .t1 > i:nth-child(18){transition-delay:1.8s;}
.load .company_wrap .con .in .t1 > i:nth-child(19){transition-delay:1.9s;}
.load .company_wrap .con .in .t1 > i:nth-child(20){transition-delay:2.0s;}

.company_wrap .circle_wrap { margin: 2em 0 3em 0; }
.company_wrap .circle_wrap .circle { width: 13em; height: 13em; border: 1px solid #0077cf; border-radius: 50%; padding: 1em; }
.company_wrap .circle_wrap .circle.bg { background: #0077cf; }
.company_wrap .circle_wrap .circle:last-of-type { margin-left: 1em; }
.company_wrap .circle_wrap > p { margin: 0 1em;}
.company_wrap .circle_wrap .circle.plus { position: relative; }
.company_wrap .circle_wrap .circle.plus:before { position: absolute; content: "+"; width: 3em; height: 3em; background: #0077cf; color: #fff; border-radius: 50%; left: -33px; display: flex; justify-content: center; align-items: center; }
.company_wrap .company_img { margin: 2em 0 3em 0; }
.company_wrap .con > .t8 > span { font-size: 0.57em; font-weight: 500; }

.pattern_wrap { margin: 2em 0 3em 0; }
.pattern_wrap .patternGrid{flex: 1; padding: 2em 1em; background-image: repeating-linear-gradient(#ddd, #ddd 1px, transparent 0, transparent 10px), repeating-linear-gradient(90deg, #ddd, #ddd 1px, transparent 0, transparent 10px); margin-right: 1em;}
.pattern_wrap .patternGrid:last-of-type { margin-right: 0; }
.pattern_wrap .patternGrid > img { width: 60%; }

.num_wrap { margin: 2em 0 3em 0; }
.num_wrap.no { margin: 0; }
.num_wrap .num_con { position: relative; flex: 1; padding: 0 1em; box-sizing: border-box; }
.num_wrap .num_con:after { position: absolute; content: ""; width: 1px; height: 100%; background: #ddd; right: 0; }
.num_wrap .num_con:last-of-type:after { width: 0; }
.num_wrap .num_con .num { width: 3em; height: 3em; background: #00c65e; border-radius: 50%; color: #fff; margin-bottom: 1em; font-size: .9em; }
.num_wrap .num_con .t2 { margin-bottom: .5em; }
.num_wrap .num_con .icon { margin-top: 1.5em; }
.num_wrap .num_con .num:before{ width:100%; background:#ddd}
.num_wrap .num_con .num:after{ width:0; background:#0077cf}
.num_wrap .num_con.on{ transform:translateY(-1em); border-color:#0077cf; transition:.5s}
.num_wrap .num_con.before .num{ background:#0077cf; transition:.5s}
.num_wrap .num_con.before .num:after{ width:100%; transition:1s}

.num_wrap_1 { margin: 3em 0 3em 0; }
.num_wrap_1 .num_con { position: relative; flex: 1; padding: 0 1em; box-sizing: border-box; }
/*.num_wrap_1 .num_con:after { position: absolute; content: ""; width: 1px; height: 100%; background: #ddd; right: 0; }*/
.num_wrap_1 .num_con:last-of-type:after { width: 0; }
.num_wrap_1 .num_con .num { width: 3em; height: 3em; background: #00c65e; border-radius: 50%; color: #fff; margin-bottom: 1em; font-size: .9em; }
.num_wrap_1 .num_con .t2 { margin-bottom: .5em; }
.num_wrap_1 .num_con .icon { margin-top: 1.5em; }
.num_wrap_1 .num_con .num:before{ width:100%; background:#ddd}
.num_wrap_1 .num_con .num:after{ width:0; background:#0077cf}
.num_wrap_1 .num_con.on{ transform:translateY(-1em); border-color:#0077cf; transition:.5s}
.num_wrap_1 .num_con.before .num{ background:#0077cf; transition:.5s}
.num_wrap_1 .num_con.before .num:after{ width:100%; transition:1s}

.num_wrap_2 { margin: 0 0 2em 0; }
.num_wrap_2 .num_con { position: relative; flex: 1; padding: 0 1em 1em; box-sizing: border-box; }
.num_wrap_2 .num_con:after { position: absolute; content: ""; width: 1px; height: 100%; background: #ddd; right: 0; }
.num_wrap_2 .num_con:last-of-type:after { width: 0; }
.num_wrap_2 .num_con .num { width: 3em; height: 3em; background: #00c65e; border-radius: 50%; color: #fff; margin-bottom: 1em; font-size: .9em; }
.num_wrap_2 .num_con .t2 { margin-bottom: .5em; }
.num_wrap_2 .num_con .icon { margin-top: 1.5em; }
.num_wrap_2 .num_con .num:before{ width:100%; background:#ddd}
.num_wrap_2 .num_con .num:after{ width:0; background:#0077cf}
.num_wrap_2 .num_con.on{ transform:translateY(-1em); border-color:#0077cf; transition:.5s}
.num_wrap_2 .num_con.before .num{ background:#0077cf; transition:.5s}
.num_wrap_2 .num_con.before .num:after{ width:100%; transition:1s}

.con_img_wrap { margin-bottom: 3em; }


<!--standard-->

.box_title {text-align:center;}
.list_tab li {flex: 1; border:1px solid #ddd; padding:1em 1.5em; position:relative; margin: 0 0 0 -1px; }
.list_tab li:after {content:''; position:absolute; bottom:-2px; left:0; width:100%; height:2px; background-color:#0077cf;}
.list_tab li.on .c_point { color:#00c65e !important; }
.list_tab li.on:before { content: "\e928"; position: absolute; right: 1.3em; top: 50%; transform: translateY(-50%); font-family: xeicon; font-size: 1.5em; color: #00c65e; }
.list_tab li.on:after {background-color:#00c65e;}
.step_top {font-size:.8em; margin-bottom:.5em;}
.step_tit {font-weight:600; font-size:1em;}
.step_en {font-size:.8em; font-weight:300;}
.step_icon {margin-left:1.5em;}

.title_box {text-align:center; margin: 0 0 2em 0;}
.title_box .tit_step {margin-bottom:1.5em; background-color:#00c65e; color:#fff; display:inline-block; border-radius:30px; padding: .5em 1em; font-weight: 400;}
.title_box .tit_ti {font-size:1.3em; margin-bottom:.5em; font-weight:600;}
.title_box .tit_tx {font-size:1em;}

.img_box {margin:.5em; width:48%;}
.img_box.st2 {width:3%;}
.img_box .img_box_img {margin-bottom:1em;}
.img_box .img_box_ti {font-size:1.1em; font-weight:600; margin-bottom:.5em;}
.img_box .img_box_tx {margin-bottom:0.3em;}
.img_box .img_box_tx:last-child {margin-bottom:0em;}
.img_box .img_box_icon {font-size:1.3em; padding-top:.5em;}
.img_box .img_box_icon a {border:1px solid #0077cf; border-radius:1em; display:inline-block; padding: 0 .1em;}
.img_box .img_box_icon a:hover {background:#0077cf; color:#fff;}

.fz {font-size:.9em;}

.stan_e {text-align:center;}
.stan_e_icon {margin-bottom:1em;}
.stan_e_icon img {width:7em;}
.stan_e_box {width:33%; margin-left:1em;}

.ipmp_wrap {  }
.ipmp_wrap .ipmp_con {  }
.ipmp_wrap .ipmp_con .sub_tt.t2 { padding: 1em 0 0.3em 0; }
.ipmp_wrap .ipmp_con.pro { border-right: 1px dashed #ddd; padding-right: 1em; margin-right: 1em !important; }
.ipmp_wrap .ipmp_con.pro:last-of-type { border-right: none; padding-right: 0; margin-right: 0; }
.ipmp_wrap.w2 { margin:0 0 -1em -1em;}
.ipmp_wrap.w2 > .con.con_img { flex:1 1 50%; max-width:50%; margin-right:0;}
.ipmp_wrap.w2 > .con > .wrap_in { margin:0 0 1em 1em;}

.color_wrap {  }
.color_wrap .system { flex: 1; margin-right: 1em; }
.color_wrap .system:last-of-type { margin-right: 0; }
.color_wrap .system .area { width: 100%; padding: 2em; box-sizing: border-box; margin: .5em  0; }
.color_wrap .system .area.blue { background: #0077cf; }
.color_wrap .system .area.green { background: #00c65e; }
.color_wrap .system .area.gray { background: #75787b; }

.wid { width:60em;}
.wid_1 { width:90em;}

.pageImg { margin-top: 2em; }
.pageImg .wrap_img { flex: 1; margin-right: 1em; }
.pageImg .wrap_img:last-of-type { margin-right: 0; }

.label_con {  }
.label_con .label_select { width: 49.4%; }
.input_wrap {  }
.input_wrap > .input_con { flex: 1; }

.ana_tit {margin-top:3em;}
.ana_tit .left {width:50%;}
.ana_tit .right {width:50%; text-align:right;}
.border {border-top: 1px solid #e1e2e6;}
.sample {color:#000; margin-right:.5em;}
.ml2 {margin-left:1em;}
.mb1 {margin-bottom:.5em;}
.ana_bottom_inner {padding:2em;}
.request_add {padding:1.5em;}

.sub_tt.t2.txtIn { text-indent:1.8em;}

.apply_tbl {  }
.apply_tbl td.line { border-right: 1px solid #ddd; }
.apply_tbl td { padding-right: 1em !important }

.page_step_list.st2 { width: 100%; }
.page_step_list.st2 > .step_list > li{ }
.page_step_list.st2 > .step_list > li .inner{ position:relative; flex:1; margin:0 0 2em 2em; padding:1.5em 1.5em; padding-left:.5em; background:#fff; border:1px solid #ddd; box-shadow:0 .25em .375em rgba(9,50,145,.1); border-radius: 1em;}
.page_step_list.st2.small > .step_list > li .inner {padding:1em; box-shadow:none;}
.page_step_list.st2 > .step_list > li .tit_wrap_list .tit_wrap{ background: #00c65e; padding: 0.75em; border-radius: 50%; }
.page_step_list.st2 > .step_list > li .con_wrap{ flex:1; padding:.25em 0 .25em 1em; }
.page_step_list.st2 > .step_list > li .con_wrap.bottom > div:first-of-type { border-bottom: 1px dashed #ddd; padding-bottom: 0.5em; }
.page_step_list.st2 > .step_list > li .con_wrap.bottom > div:last-of-type { padding-top: 0.5em; }
.page_step_list.st2 > .step_list > li .tit_wrap_list{ text-align:center;}
.page_step_list.st2 > .step_list > li .tit_wrap_list .page_tit > .tt{ color:#111; line-height:1.2;}
.page_step_list.st2 > .step_list > li .step_icon > .icon{ width:3.5em; height:3.5em; background:#f9f9f9;}
.page_step_list.st2 > .step_list > li .step_icon > .icon img{ width:1.75em;}
.page_step_list.st2 > .step_list > li .page_ex_list > li{ padding:.125em 0;}
.page_step_list.st2 > .step_list > li .inner:after{ content:""; display:block; z-index:2; position:absolute;}
.page_step_list.st2 > .step_list > li:last-child .inner:after{ display:none;}

.page_step_list.line.st2 > .step_list > li .inner{ margin:0 0 3em 0;}
.page_step_list.line.st2 > .step_list > li:last-of-type .inner { margin:0 0 0 0;}
.page_step_list.line.st2 > .step_list > li .inner:after{ width:3em; height:8px; background:#00c65e; bottom:calc(-1.5em - 1px); right:50%; transform:translate(50%,50%) rotate(90deg);}

.board_gallery.cert{}
.board_gallery{ margin:1em 0 0 -2em}
.board_gallery > li{ width: 33.333%;}
.board_gallery > li .in{ margin:0 0 0 2em; border:1px solid #ddd; background:#fff; transition:.3s}
.board_gallery > li .in .img_wrap{ padding:1em; overflow:hidden}
.board_gallery > li .in .img_wrap .img{ transition:.5s}
.board_gallery > li .in .img_wrap .resize.s4{ padding-bottom:130%}
.board_gallery > li .in .info_wrap{ padding:1em; text-align:center; border-top:1px solid #aaa; opacity:.8; transition:.3s}
.board_gallery > li .in .info_wrap .t1{ color:#111; font-size:.938em}
.pop_cert_v{ height:calc(96vh - 10em)}

.layer_more_wrap{ position:relative}
.layer_more{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.5); opacity:0; visibility:hidden; transition:.3s}
.layer_more .icon{ font-size:1.5em; width:2em; line-height:2em; text-align:center; border-radius:50%; background:#fff; color:#00c65e; transform:translateX(3em); transition:.3s}
.layer_more.zoom .icon:before{ content:"\e97b"}
.layer_more_wrap:hover .layer_more{ opacity:1; visibility:visible}
.layer_more_wrap:hover .layer_more .icon{ transform:translateX(0)}
.layerImg_bg{ width:100%; height:100%; background:#000; position:fixed; z-index:9999; left:0; top:0; display:none; filter:alpha(opacity=70);opacity:0.7;}
.layerImg_bg .xi {color:#fff; font-size:2.5em; position:absolute; right:1em; top:.5em;}
.layer_frame_div{ position: fixed; z-index:10001; left:50%; top:50%; width:0; overflow:hidden; display:none; border:3px solid #8aaad9; border-radius:10px; background:#fff;}
.layer_close_btn{ position:absolute; z-index:10002; right:0; top:0; display:block; width:30px; height:30px; background:url(../images/inc/layer_icon_close.png) no-repeat center center #8aaad9; border-radius:0 10px; cursor:pointer}
.pop{ border-radius:10px; background:#fff; padding:30px 60px}