01023932815@charset "utf-8";

.box0{ margin:0 3%}
.box0{ margin:0 5%}
.box1{ width:1200px; margin:0 auto}
.box2{ width:1600px; margin:0 auto;}
.box3{ width:1400px; margin:0 auto}
.box4 {width:93.750em; margin:0 auto;}
.box5{ width:80em; margin:0 auto}

.PC{ display:block !important}
.PHONE{ display:none !important}

.soon{background:#fff; height:50vh; padding:1em}
.soon .xi{ font-size:20em; opacity:.1}
.soon .tt .t1{ display:block; font-weight:700; font-size:3em; color:#555}
.soon .tt .t2{ display:block; font-size:1.5em; color:#999; margin-top:.5em}

.section{ position:relative; overflow:hidden; background:#fff; background-repeat:no-repeat; background-position:center top;}
.section .wrap_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; background-size:cover}
.section .wrap_con{ position:relative; height:100%; display:flex; align-items:center; /*opacity:0; transform:translateY(10em)*/}
.section.active .wrap_con{opacity:1; transform:translateY(0); transition:1s; transition-delay:.25s}
.section.fix .wrap_con{ opacity:1; transform:translateY(0); transition:0; transition-delay:0}
.section .wrap_bottom{ transform:translateY(16em); height:100%; position:relative; align-items:center; width:2000px; margin-left:-1000px; left:50%; opacity:0;}
.section.active .wrap_bottom{opacity:1; transform:translateY(11em); transition:1s; transition-delay:.25s}
.section.fix .wrap_bottom{ opacity:1; transform:translateY(11em); transition:0; transition-delay:0}
.section.fp-auto-height{ overflow: visible}

.mainNav_wrap{ position:fixed; z-index:999; right:0; top:70%;}
#mainNav > li *{transition:.3s}
#mainNav > li > a{ display:block; text-align:right; padding:.5em 0}
#mainNav > li > a .line,
#mainNav > li > a .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle}
#mainNav > li > a .line{background:#fff; margin-left:.5em; margin-right:2em; opacity:.5; width:15px; height:1px}
#mainNav > li > a .tt{ font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:.75em; opacity:0; visibility:hidden; letter-spacing:0}
#mainNav > li:hover> a .line,
#mainNav > li.on > a .line{margin-right:1em; opacity:1; background:#062d76; }
#mainNav > li:hover > a .tt,
#mainNav > li.on > a .tt{ opacity:1; visibility:visible}
#mainNav > li:hover:not(.on) > a .tt{ opacity:1}

.color #mainNav > li > a .line{ background:#062d76}
.color #mainNav > li > a .tt{ color:#333}

.headerT {padding-top:5em;}
#header{position:fixed; left:0; top:0; width:100%; z-index:1000; border-bottom:1px solid rgba(255,255,255,.2)}
#header .top_wrap,
#header .va_wrap{ height:5em;}
#header .top_wrap{ transition:.3s; position:relative;}

#header .logo{}
#header .logo > a{ display:block; width:10em;}
#header .logo > a img{width:10em;}

#header .gnb_wrap .gnb{ text-align:center;}  
#header .gnb_wrap .gnb > li{ position:relative}
#header .gnb_wrap .gnb > li:before,
#header .gnb_wrap .gnb > li:before{ left:50%}
#header .gnb_wrap .gnb > li:after{ right:50%}
#header .gnb_wrap .gnb > li .dp1{ color:#fff; display:block; padding:0 3em; min-width:5em; position:relative; transition:.3s; }
#header .gnb_wrap .gnb > li .dp1:after{ content:""; position:absolute; bottom:0; width:0; margin-left:-1.5em; left:50%; height:2px; background:#fff; transition:.3s}
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ width:3em}
#header .gnb_wrap .gnb > li .dp1 .va{ position:relative; z-index:1; font-size:1.25em; font-weight:500;}
#header .gnb_wrap .gnb > li .dp2{ position:absolute; left:50%; margin-left:-6rem; width:12rem; opacity:0; visibility:hidden; border:1px solid #ddd;  background:#fff; display:block;}
#header .gnb_wrap .gnb > li .dp2 > li{ display:block}
#header .gnb_wrap .gnb > li .dp2 > li > a{ height:auto; color:#888; text-align:center; padding:1em .2em; border-top:1px solid #ddd; font-size:.95em;}
#header .gnb_wrap .gnb > li .dp2 > li:first-child > a{ border-top:none}
#header .gnb_wrap .gnb > li .dp2 > li > a .va{  position:relative;}
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1{}
#header .gnb_wrap .gnb > li:hover:before,
#header .gnb_wrap .gnb > li.on:before,
#header .gnb_wrap .gnb > li:hover:after,
#header .gnb_wrap .gnb > li.on:after{ opacity:1; width:50%}
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ opacity:1}
#header .gnb_wrap .gnb > li:hover .dp2{ opacity:1; visibility:visible}
#header .gnb_wrap .gnb > li .dp2 > li:hover > a{ color:#390}
#header .gnb_wrap .gnb > li .dp2:after{ content:""; position:absolute; left:0; top:-3px; width:0; height:3px; background:#390; z-index:1; transition:.3s;}
#header .gnb_wrap .gnb > li:hover .dp2:after,
#header .gnb_wrap .gnb > li.on .dp2:after{ width:100%;}
#header .gnb > li.m_guide{ display:none;}

#header .etc_wrap {width:5em;}
#header .etc_wrap .all_wrap{}
#header .etc_wrap .all_wrap .all_btn{ display:block; color:#fff; line-height:5em; width:5em; text-align:center; position:absolute; right:0; top:0}
#header .etc_wrap .all_wrap .all_btn:before{ content:""; position:absolute; left:0; top:0; width:100%; height:0; background:linear-gradient(0deg, #f1f8f2 0%, #390 100%); transition:.3s}
#header .etc_wrap .all_wrap .all_btn .xi{ font-size:3em; position:relative}

#header .all_wrap{ padding:0 1em;}
#header .all_wrap .all{ position: fixed; z-index:999999999; right:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:.3s}
#header .all_wrap .all:before{ content:""; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5}
#header .all_wrap .all .in{ position: absolute; top:-100%; width:100%; height:100%; background:#fff; transition:.3s; padding:7.5em 0; }
#header .all_wrap.on .all{ opacity:1; visibility:visible}
#header .all_wrap.on .all .in{ top:0}
#header .all_wrap .gnb > li{ width:20%; position:relative; box-sizing:border-box; margin-bottom:2.5em;}
#header .all_wrap .gnb > li:before,
#header .all_wrap .gnb > li:after { content:""; position:absolute; top:0; left:4%; width:92%; height:8px; /*transform:skew(-45deg);*/ transition:.5s;}
#header .all_wrap .gnb > li:before{ background:#cdebd1;}
#header .all_wrap .gnb > li:after { background:#027a5d; width:0;}
#header .all_wrap .gnb > li:hover:after { width:92%;}
#header .all_wrap .gnb > li .dp1{ height:70px; font-size:1.250em;}
#header .all_wrap .gnb > li .dp2{ margin:0 8px; padding:1rem 0; background:#fff; border:1px solid #ddd; box-shadow:1px 1px 5px rgba(0,0,0,.1); height:350px;}
#header .all_wrap .gnb > li .dp2 .va_wrap{ height:inherit;}
#header .all_wrap .gnb > li .dp2 > li{ padding:.5em 1.5em;  display:block;}
#header .all_wrap .gnb > li .dp2 > li > a{ position:relative; font-size:1em; transition:.2s; text-align: left; padding-left:10px; color:#333;}
#header .all_wrap .gnb > li .dp2 > li > a:after{ content:""; position:absolute; left:0; top:.5em; width:4px; height:2px; background:#999;}
#header .all_wrap .gnb > li .dp2 > li:hover > a{ margin-left:.3em; color:#390;}
#header .all_wrap .gnb li:hover .dp2{ background:#fcfcfc; border-color:#ccc; transition:.2s;}
#header .all_wrap .tit_wrap .allClose{ position:absolute; top:1%; right:4%; font-size:1.8em;  color:#333; transition:.3s; opacity:.5;}
#header .all_wrap .tit_wrap .allClose:hover{ opacity:1;}
#header .all_wrap .all_mlogo{ text-align:center; margin-bottom:3em;}
#header .all_wrap .all_mlogo > img {width:10em;}

#header.hide{ transform:translateY(-6em)}
#header.menuOn .etc_wrap .all_wrap .all_btn:before{ height:100%}

#header:hover{background:#fff; border-bottom:none;}
.color #header .gnb_wrap .gnb > li .dp1,
#header:hover .gnb_wrap .gnb > li .dp1{ color:#333}
.color #header.on:after{ background:#666}
#header:hover .etc_wrap .all_wrap .all_btn:before,
.sub #header .etc_wrap .all_wrap .all_btn:before{ height:100%;}

.color #header {background:#fff; box-shadow:0 3px 8px rgba(0,0,0,.15);}
.color #header .gnb_wrap .gnb > li .dp1{ color:#333}
.color #header .gnb_wrap .gnb > li:hover .dp1{ color:#003c6b}
.color #header .gnb_wrap .gnb > li:hover .dp1:after{ background:#390}
.color #header .etc_wrap .lang > .lang_btn{ border-color:#ccc; color:#666}
.color #header:before{ background:#777}
.color #header .etc_wrap .all_wrap .all_btn{ color:#fff}
.color #header .etc_wrap .all_wrap .all_btn:before {height:100%;}

.scroll #header{ background:#fff; box-shadow:0 1px 5px rgba(0,0,0,.3); border-bottom:none;}
.scroll #header .gnb_wrap .gnb > li .dp1{ color:#666}
.scroll #header .gnb_wrap .gnb > li.on .dp1,
.scroll #header .gnb_wrap .gnb > li:hover .dp1{ color:#390}
.scroll #header .gnb_wrap .gnb > li.on .dp1:after,
.scroll #header .gnb_wrap .gnb > li:hover .dp1:after{ background:#390}
.scroll #header .etc_wrap .lang > .lang_btn{ border-color:#ccc; color:#666}
.scroll #header .etc_wrap .all_wrap .all_btn{ color:#fff}

/*content*/
#contents .subtop_wrap .sub_visual{ height:20em; position:relative; overflow:hidden}
#contents .subtop_wrap .sub_visual .bg{ position:absolute; left:0; top:0; width:100%; height:100%}
#contents .subtop_wrap .sub_visual .wrap_in{ position:relative; height:100%}
#contents .subtop_wrap .sub_visual .wrap_in .sub_slogan{ flex:1 1 auto}
#contents .subtop_wrap .sub_visual .wrap_in .sub_menu{ flex:0 0 auto}

#contents .sub_slogan{ color:#fff; transform:translateY(2em); opacity:0}
#contents .sub_slogan .in{ width:100%; text-align:center}
#contents .sub_slogan .t1{ font-size:3em; font-weight:700}

.load #contents .sub_slogan{ transform:translateY(0); opacity:1; transition:1s}

.sTit{ font-size:.813em}

#contents .sub_menu{ padding-bottom:1em}
#contents .sub_menu .gnb{ flex-wrap: wrap}
#contents .sub_menu .gnb > li{ width:100%}
#contents .sub_menu .gnb > li .dp2{ margin:-.5em 0 0 -.5em; display:flex;}
#contents .sub_menu .gnb > li .dp2 > li{ flex:1 1 10%}
#contents .sub_menu .gnb > li .dp2 > li.sm_inquiry {max-width:33.33%; margin:0 auto; flex:1 1 33.33%;}
#contents .sub_menu .gnb > li .dp2 > li.sm_emergency{max-width:25%; margin:0 auto;}
#contents .sub_menu .gnb > li .dp2 > li.sm_apply{max-width:25%; margin:0 auto;}
#contents .sub_menu .gnb > li .dp2 > li > a{ display:block; height:4.5em; padding:0 1em; border:1px solid rgba(255,255,255,.5); color:#fff; margin:.5em 0 0 .5em; transition:.3s}
#contents .sub_menu .gnb > li .dp2 > li > a .va{ font-size:1.125em; font-weight:500}
#contents .sub_menu .gnb > li .dp2 > li > a .va .sTit{ display:block}
#contents .sub_menu .gnb > li .dp2 > li:hover > a{ background:rgba(0,0,0,.3); border-color:transparent}
#contents .sub_menu .gnb > li .dp2 > li.on > a{ background:rgba(0,0,0,.6); border-color:transparent}

#contents .sub_nav_wrap{ background:#f1f1f1; border-bottom:1px solid #ddd; position:relative; z-index:2}
#contents .sub_nav_wrap .nav_btn{ background:#1c2335; color:#fff; padding:.5em 1.5em; box-shadow:1px 1px 3px rgba(0,0,0,.3); border-radius:2px; font-size:.938em}
#contents .sub_nav_wrap .nav_btn .xi{ margin-left:1em; transition:.3s;}
#contents .sub_nav_wrap .nav_btn:hover .xi{ transform:translateX(.5em)}

#contents .sub_nav{ position:relative; z-index:1 }
#contents .sub_nav > li .navBtn{ height:4em; border-right:1px solid #ddd; font-size:.938em; color:#777}
#contents .sub_nav > li.home .navBtn{ width:4em; border-left:1px solid #ddd}
#contents .sub_nav > li.tt{ position: relative; border:1px solid transparent}
#contents .sub_nav > li.tt .navBtn{ padding:0 4em 0 1.5em; position:relative; width:10em}
#contents .sub_nav > li.tt .navBtn:hover{ color:#111}
#contents .sub_nav > li.tt .navBtn:after{ font-family:xeicon!important; content:"\e940"; position:absolute; right:0; top:50%; line-height:2em; margin-top:-1em; width:3em; text-align:center; transition:.3s}
#contents .sub_nav > li .navBtn.tt:hover:after{ transform:rotate(90deg)}
#contents .sub_nav > li.on .navBtn{ background:#fff; color:#111}
#contents .sub_nav > li.on .navBtn.tt:after,
#contents .sub_nav > li.on .navBtn.tt:hover:after{ transform:rotate(-90deg)}
#contents .sub_nav > li .gnb{ position:absolute; left:-1px; width:100%; background:#fff; border:1px solid transparent; box-shadow:0 2px 3px rgba(0,0,0,.2); visibility:hidden; opacity:0; transition:.3s}
#contents .sub_nav > li.on{ border-color:#333; border-bottom-color:transparent}
#contents .sub_nav > li.on .gnb{ visibility:visible; opacity:1; border-color:#4b5162; border-top:none}
#contents .sub_nav > li .gnb,
#contents .sub_nav > li .gnb .flex{ display:block}
#contents .sub_nav > li .gnb li a{ border-top:1px solid #ddd; padding:1.25em 3em 1.25em 1.5em; text-align:left; font-size:.875em; color:#666; position:relative; overflow:hidden}
#contents .sub_nav > li .gnb li a:after{ font-family:xeicon!important; content:"\e93f"; position:absolute; right:-4em; top:50%; line-height:2em; margin-top:-1em; width:3em; text-align:center; transition:.3s; margin-right:.25em}
#contents .sub_nav > li .gnb li:hover > a:after,
#contents .sub_nav > li .gnb li.on > a:after{ right:0}
#contents .sub_nav > li .gnb li:hover > a,
#contents .sub_nav > li .gnb li.on > a{ background:#f9f9f9; color:#111}
#contents .sub_nav > li .sTit{ display:none !important}
#contents .sub_nav > li .gnb > li {display:block;}
#contents .sub_nav > li .gnb .dp2 > li {display:block;}
#contents .sub_nav > li .gnb .dp3 > li {display:block;}

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

#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:#390; color:#390}


.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 .sub_tit{ border-bottom:1px solid #ddd; padding:1.5em 0; text-align:center}
#contents .sub_tit .tit{ font-weight:700; font-size:2.5em; color:#333}
#contents .sub_tit .tit .sTit{ display:block}

#contents .doc{ padding:4em 0 10em 0}

/**/
#footer{ background:#efefef}
#footer .menu_wrap .box1{ position:relative}
#footer .menu_wrap .gnb_wrap{}
#footer .menu_wrap .gnb_wrap .gnb > li{ width:16.66%; position:relative; min-height:308px;}
#footer .menu_wrap .gnb_wrap .gnb > li:after,
#footer .menu_wrap .gnb_wrap .gnb > li:first-child:before{ content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:#222; opacity:.1}
#footer .menu_wrap .gnb_wrap .gnb > li:first-child:before{ left:0}
#footer .menu_wrap .gnb_wrap .gnb > li .dp1{ padding:2em 1.5em 1em 1.5em; color:#222; text-align:left}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2{ padding-bottom:3rem; display:block;}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li{ }
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a{ padding:.5em 1.5em; text-align:left; color:#222; opacity:.6; transition:.3s}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:.813em}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a:hover{ opacity:1}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a.gotop {display:inline-block; border-radius:50%; border:1px solid #222; padding:0; margin-left:1.5em; width:2em; text-align:center; height:2em; margin-top:1em;} 
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a.gotop .xi{display:block; font-size:1.250em;}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a.gotop .tt {display:block; font-size:.750em; display:none}

#footer .menu_wrap .etc_wrap{ width:16.7%; position:absolute; right:0; top:0; height:100%}
#footer .menu_wrap .etc_wrap:before,
#footer .menu_wrap .etc_wrap:after{ content:""; position:absolute; top:0; width:1px; height:100%; background:#222; opacity:.1}
#footer .menu_wrap .etc_wrap:after{ right:0}
#footer .menu_wrap .etc_wrap .in{ padding:2em 1em}
#footer .menu_wrap .etc_wrap .in .catalog{ display:block; background:#fff; color:#003f87; height:2.5em; transition:.3s}
#footer .menu_wrap .etc_wrap .in .catalog .tt{ font-size:.875em; padding-left:.5em}
#footer .menu_wrap .etc_wrap .in .catalog:hover{ background:#003f87; color:#222}

#footer .info_wrap{ padding:2em 0 3em 0;}
#footer .info_wrap .tit {color:#222; padding-bottom:4px; font-size:1.125em;}
#footer .info_wrap .info{ line-height:1.7}
#footer .info_wrap .info > dt{ float:left; width:3em; font-size:.813em; color:#222;}
#footer .info_wrap .info > dd{ float:left; }
#footer .info_wrap .info > dd .tt {padding-right:2em; color:#222; font-size:1.125em;}
#footer .info_wrap .copyright{ margin-top:1.5em; margin-bottom:1em; font-size:.688em; color:#f5f5f5; opacity:.5; letter-spacing:.2px;}
#footer .info_wrap .lEft {flex:1; min-width:0;}
#footer .info_wrap .riGht > img {width:13em}

#footer .link_wrap{ border:1px solid #333; border:1px solid rgba(0,0,0,.1); border-left:none; border-right:none}
#footer .link_wrap .va_wrap{ height:3em}
#footer .link_wrap .link > li > a{ margin:0 2.5em; color:#222}
#footer .link_wrap .link > li > a:first-child{ margin-left:0}
#footer .link_wrap .link > li > a .va{ font-size:.875em}
#footer .link_wrap .link > li > a:hover .va{ text-decoration:underline}
#footer .link_wrap .gotop{ display:block; width:3.5em; background:#222; background:rgba(0,0,0,.4); opacity:.9; color:#fff; text-align:center; transition:.3s}
#footer .link_wrap .gotop .xi{ display:block}
#footer .link_wrap .gotop .tt{ display:block; font-size:.625em; letter-spacing:0}
#footer .link_wrap .gotop:hover{ background:#003f87; color:#fff; opacity:1}

/*main*/
.mainSlider{ position:relative}
.mainSlider .el{ height:100vh; position:relative; overflow:hidden}
.mainSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.3,1.3); transition-delay:1s}
.mainSlider .el .box1{ position:relative}
.mainSlider .el.swiper-slide-active .bg,
.mainSlider .el.swiper-slide-duplicate-active .bg{transform:scale(1,1); transition:3s; transition-delay:0; transition-timing-function:ease-in-out}

.mainSlider .slogan_wrap{ position: absolute; left:-90px; top:22vh; width:100%;}
.mainSlider .slogan{ margin:auto; position:relative; padding:6em 70px; padding:6em 60px 10em 75px}
.mainSlider .slogan .t11 {font-size:1.313em; color:#fff;}
.mainSlider .slogan .t1{ color:#fff; padding:1em 0 2em 0; opacity:0; margin-left:-10%; vertical-align:middle}
.mainSlider .slogan .t1 .tt {font-size:3.250em; letter-spacing:-1px; vertical-align:middle; font-weight:700; padding-right:5px;}
.mainSlider .slogan .t1 .col {font-size:5em; font-weight:800; vertical-align:middle}
.mainSlider .slogan .t2{  font-size:1.188em; color:#fff; line-height:1.6; opacity:0; margin-left:-10%; font-weight:400;}
.mainSlider .slogan .line{ position:absolute; background:#fff; width:10px; height:10px}
.mainSlider .slogan .line.line1{ height:0; left:10%; bottom:90%}
.mainSlider .slogan .line.line2{ width:0; right:90%; top:0}
.mainSlider .slogan .line.line3{ height:0; left:0; top:0}
.mainSlider .slogan .line.line4{ width:0; left:0; bottom:0}
.mainSlider .slogan .line.line5{ height:0; left:20%; bottom:0}
.mainSlider .el.swiper-slide-active .slogan .line{ transition:.5s}
.mainSlider .el.swiper-slide-active .slogan .line.line1{ height:10%}
.mainSlider .el.swiper-slide-active .slogan .line.line2{ width:10%; transition-delay:.5s}
.mainSlider .el.swiper-slide-active .slogan .line.line3{ height:100%; transition-delay:1s}
.mainSlider .el.swiper-slide-active .slogan .line.line4{ width:20%; transition-delay:1.5s}
.mainSlider .el.swiper-slide-active .slogan .line.line5{ height:10%; transition-delay:2s}
.mainSlider .el.swiper-slide-active .slogan .t1{ opacity:1; margin-left:0; transition:1s}
.mainSlider .el.swiper-slide-active .slogan .t2{ opacity:1; margin-left:0; transition:1s; transition-delay:.5s}

.mainControl{ position:absolute; left:0; bottom:2em; width:100%; z-index:100}
.mainControl .box0{ position:relative}
.mainControl .mainSlider-btn{ width:3.125em; cursor:pointer; line-height:2.5em; color:#fff; outline:none; text-align:center; width:50px; line-height:50px;}
.mainControl .mainSlider-btn .xi{ font-size:1.5em;  text-align:center;}
.mainControl .mainSlider-btn:hover{ color:#fff; opacity:1}
.mainControl .mainProgress{ text-align:center; margin-right:1em}
.mainControl .mainPauseWrap{ position:absolute; left:0; width:50px; text-align:center; /*top:0*/ top:0%;}
.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; color:#fff}
.mainControl .mainSlider-pagination{ margin-left:2em;}
.mainControl .mainSlider-pagination span{ width:1em; height:1em; background:#fff; border-radius:0; font-size:.625em; opacity:.7; margin:0 .25em; transition:.3s;}
.mainControl .mainSlider-pagination span.swiper-pagination-bullet-active{ width:7em; opacity:1;}

#scrollAni{ position: absolute; left:50%; width:6em; margin-left:-3em; text-align:center; bottom:2em; opacity:1; z-index:100; text-decoration:none; animation-name: downAni; animation-duration: 3s; animation-iteration-count: infinite}
#scrollAni .xi{ vertical-align:middle}
#scrollAni .xi-mouse{font-size:3em; color:#fff; margin-right:-7px}
#scrollAni .xi-scroll{font-size:2em; color:#fff; margin-left:-7px}
#scrollAni .tt{ display:block; color:#fff; font-size:.75em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; letter-spacing:0}
#scrollAni.hide{ opacity:0; z-index:-1}

@keyframes downAni{
60% {margin-bottom:0}
80% {margin-bottom:-1em}
100% {margin-bottom:0}
}

.main_tit{ text-align:center; margin-top:6em;}
.main_tit .t1{ display:inline-block;  color:#fff; letter-spacing:.125em; border:1px solid #fff; border-top:none; border-bottom:none; padding:.075em 1.5em; margin-bottom:1.5em}
.main_tit .t2{ font-size:2em; color:#222}
.main_tit .t3{ position:relative; font-weight:500; color:#333; font-size:1.063em; text-align:left; padding-left:2.5em; margin:0 0 .375em 0}
.main_tit .t3:before{ content:""; position:absolute; left:0; top:50%; margin-top:-1px; height:1px; width:2em; background:#333}
.color .main_tit .t1{ color:#666; border-color:#777}

.main_tit2{ text-align:center}
.main_tit2 .t1{ font-weight:600; color:#333; font-size:2.5em; padding-bottom:.3em; letter-spacing:-2px;}
.main_tit2 .t2{ color:#666; font-size:1.125em}

.main_con{ padding:3em 0 0 0}
.main_con.st {padding:0 !important;}

.main_cont{ margin:-1.5em 0 0 -1.5em}
.main_cont > li{ width:50%}
.main_cont > li.w1{ width:30%}
.main_cont > li.w2{ width:50%}
.main_cont > li .wrap_in{ margin:1.5em 0 0 1.5em}
.shadow{ box-shadow:0 0 1em .125em rgba(0,0,0,.2)}

.mainPartnership_wrap{ position:relative}
.mainPartnership .el{}
.mainPartnership .el .wrap_in{ display:block; border:1px solid #ddd; text-align:center; padding-bottom:1em; background:#fff}
.mainPartnership .el .wrap_in .in{ display:block; position:relative; height:100%}
.mainPartnership .el .wrap_in img{ max-height:100%}
.mainPartnership .el .wrap_in .t1{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#666; font-size:.938em; line-height:1.5; padding:0 .5em}

.mainPartnership.sub_st{ margin:0 -1em -1em 0}
.mainPartnership.sub_st .el{ width:25%}
.mainPartnership.sub_st .el .wrap_in{ margin:0 1em 1em 0}
.mainPartnership.sub_st .main_tit{ font-size:1.25em; margin-bottom:1em}

.hover_st1{ cursor:pointer}
.hover_st1 .hover_in{ position:relative; overflow:hidden}
.hover_st1 .hover_in .obj{ transition:.5s}
.hover_st1 .hover_in .layer{ opacity:0}
.hover_st1 .hover_in .layer .more{ transition:.3s}
.hover_st1 .hover_in .layer.st1{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); display:flex; align-items:center; justify-content:center; color:#fff;  transition:.2s}
.hover_st1 .hover_in .layer.st1 .more{ font-size:3em}
.hover_st1 .hover_in .layer.st1 .more:before{content:"\e9c5"}
.hover_st1 .hover_in .layer.st2 .more{ margin-left:.5em; margin-top:-.075em; vertical-align:top}
.hover_st1 .hover_in .layer.st2 .more:before{ content:"\e917"}
.hover_st1:hover .hover_in .obj{ transform:scale(1.2)}
.hover_st1:hover .hover_in .layer{ opacity:1}
.hover_st1:hover .hover_in .layer .more{ transform:rotate(90deg)}

.mainBis_inn {margin-left:2em; border:1px solid #ddd; height:300px; margin-bottom:8em;}
.mainBis_inn .tt {background:#fff; display:block; text-align:center;  height:100px; margin:230px 10px 0 10px;  padding:1.5em; }
.mainBis_inn .tt .col {font-size:1.250em; display:block; padding-bottom:.8em; font-weight:700;}
.mainBis_inn .tt .txt{color:#666; font-size:.875em; line-height:1.4;}

.more_BTn {background:#003c6b; text-align:center; border-radius:50%; width:2.5em; line-height:2.5em; display:block; margin:1em auto 0 auto; opacity:0;}
.more_BTn .xi {color:#fff; }

.swiper-slide-active .mainBis_inn .tt {box-shadow:0 20px 20px rgba(0,0,0,0.1);}
.swiper-slide-active .more_BTn {opacity:1; transition:.3s;}

.main_pipeline_wrap { position:relative}
.main_pipeline_wrap .swiper-pagination-progressbar{ position:relative; height:.15em; margin-top:2em; margin-bottom:2em; background:#ccc}

.sliderBtnSt{ position:absolute; top:50%; width:2em; line-height:2em; margin-top:-1em; cursor:pointer; opacity:.6; transition:.3s; transform:translateY(-50%)}
.sliderBtnSt .xi{ font-size:3em; color:#666; border:1px solid #ccc; width:50px; line-height:50px; height:50px; text-align:center;}
.sliderBtnSt.prev{ left:-4em}
.sliderBtnSt.next{ right:-3em}
.sliderBtnSt:hover{ opacity:1}
.sliderBtnSt:hover .xi {background:#003c6b; color:#fff;}

.mainL {padding:0 6vw; box-sizing:border-box; width:100%;}
.section.system .wrap_bg .bg{ background-image:url(../images/sian/system.jpg)}
.section.system .wrap_bg .bg:after{ top:0; padding-top:5em}

.section.company .wrap_bg { background-image:url(../images/sian/sec1_bg.jpg)}

.noticeSlider_wrap{ margin:0 0 0 -1em}
.noticeSlider .el{ width:25%}
.noticeSlider .el .twrap{ border:1px solid #ddd; padding:3em 2em 4em 2em; margin:2em 0 0 1em; background:#fff}
.noticeSlider .el .twrap .t1{ font-size:1.063em; font-weight:500}
.noticeSlider .el .twrap .t1.c1{ color:#2c9c4a}
.noticeSlider .el .twrap .t1.c2{ color:#339966}
.noticeSlider .el .twrap .t2{ font-size:1.125em; margin-top:.5em}
.noticeSlider .el .twrap .t3{ font-size:.938em; color:#666; font-weight:400; margin-top:1em}
.noticeSlider .el .twrap .date{ font-size:.875em; margin-top:2em; color:#999}

.main_link{ margin:0 0 0 -1em}
.main_link > li{ width:50%}
.main_link > li .in{ margin:2em 0 0 1em; position:relative; overflow:hidden}
.main_link > li .in .bg{ height:13em; transition:.5s}
.main_link > li .in .layer{ background:rgba(0,0,0,.5); box-sizing:border-box; padding:2em}
.main_link > li .in:hover .bg{ transform:scale(1.2)}
.main_link_tw .t1{ font-weight:800; font-size:1.250em; letter-spacing:0; opacity:.3; margin-bottom:.5em}
.main_link_tw .t2{ font-weight:600; font-size:2em; line-height:1.1}
.main_link_tw .t3{ font-size:1em; margin-top:1em; opacity:.5}
.main_link_tw.white{ color:#fff}

.mainSec4_titw {}
.mainSec4_titw .ti {font-weight:800; font-size:3em; line-height:1.2;}

.main_more{ position:relative; padding:.750em 1.5em; min-width:6em; text-align:center; border-radius:10em; overflow:hidden; transition:.3s; display:inline-block}
.main_more:before{ content:""; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; border:1px solid #333; border-radius:10em;}
.main_more:after { content:""; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background:#390; transform:scaleX(0); transform-origin:top left; transition:.3s;}
.main_more > *{ position:relative; z-index:2;}
.main_more > .tt{ font-weight:500; text-transform:uppercase;}
.main_more > .xi{ margin-left:1.25em;}
.main_more:hover{ color:#fff;}
.main_more:hover:after{ transform:scaleX(1);}
.main_more.mtst3 {margin-top:3em;}

.main_Business{width:100%; height:100%;}
.main_Business > li{box-sizing:border-box; flex-basis:25%; position:relative; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.main_Business > li > a{ text-align:center; box-sizing:border-box; position:relative; z-index:11; height:100%; transform: scale(1.0,1.0); transition:transform 1300ms ease-in-out; border-left:1px solid rgba(255,255,255,.2);}
.main_Business > li > a .t1{ display:block; font-weight:700; font-size:2.250em; color:#fff;}
.main_Business > li > a .t2{ display:block; margin-top:1em; font-weight: 300; opacity:.85; font-size:1.125em; color:#fff; font-size:1em; letter-spacing:-.2px; display:none}
.main_Business > li > a .t3{ color:#fff; font-size:1.063em; line-height:1.5; display:block}
.main_Business > li > a .line {background:#fff; display:inline-block; width:30px; height:1px; margin:1.5em auto;}
.main_Business > li:after{ content:''; width:100%; height:100%; position:absolute; top:0; bottom:0; left:0; background:#114a76; opacity:.2; transition:0.3s; z-index:10; background:#000}
.main_Business > li:hover:after{opacity:.6; background:#000} 
.main_Business > li:hover .info{transition:.3s;}
.main_Business > li:hover .more{ opacity:1;}
.main_Business > li:hover > a { transform: scale(1.15,1.15) rotate(0.01deg);}

.main_service_wrap {margin-top:8em;}
.storeSlide_wrap{ position:relative; /*padding:0 5% 0 20%;*/ padding:0 5% 0 10%; }
.storeSlide .slick-slide{}
.storeSlide .item{ position:relative;}
.storeSlide .item.slick-center{}

.storeSlide .slick-list{ overflow:visible !important;}
.storeSlide .item > div{ padding-left:14em; padding-left:9em;}
.storeSlide .img_wrap {width:40em; position:relative;}
.storeSlide .img_wrap:before{ content:""; position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; background:#000; opacity:.1; transition:.4s;}
.storeSlide .item.slick-current .img_wrap:before{ opacity:0;}
.storeSlide .img_wrap .img_w {}
.storeSlide .img_T {transform:rotate(-90deg); color:#767676; font-size:2em;position:absolute; top:0; right:4em; height:4em; white-space:nowrap; transform-origin:right top; opacity:.7}

.storeSlide .txt_w {min-width:0; flex:1; padding-top:6em; position:relative; margin-right:2em; padding-left:2em;}
.storeSlide .txt_w .t11 {font-size:1.438em; font-weight:500; color:#333; padding-top:.5em;}
.storeSlide .txt_w .t1 {color:#390; font-size:2.750em; font-weight:700; padding-top:.250em;}
.storeSlide .txt_w .t2 {padding-top:2em; font-size:1.125em; line-height:1.5; color:#555;}

.storeSlide_wrap .arrow_wrap{ position:absolute; top:50%; left:0; width:100%;}
.storeSlide_wrap .arrow_wrap > li{ position:absolute; cursor:pointer; margin-top:-2em;}
.storeSlide_wrap .arrow_wrap > li.prev{/*left:18%; */left:8%;}
.storeSlide_wrap .arrow_wrap > li.next{right:3%;}
.storeSlide_wrap .arrow_wrap > li .xi{ font-size:3em; color:#fff; background:#390; text-align:center; width:80px; line-height:80px; text-align:center;}

.storeSlide_wrap .pagingInfo{ position:absolute; top:5%;/* left:27.5%; */left:19%}
.storeSlide_wrap .pagingInfo > i{ display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:2.3em; color:#3c3d3c;}
.storeSlide_wrap .pagingInfo .t1 {font-size:2.5em; font-weight:700;}
.storeSlide_wrap .pagingInfo .t2{ padding-top:.2em;}
.storeSlide_wrap .pagingInfo .t3{ padding-top:.4em;}

/**/
.page_sec1 {margin-top:1em !important;}
.page_sec2 {margin-top:2em !important;}
.page_sec3 {margin-top:3em !important;}
.page_sec4 {margin-top:4em !important;}
.page_sec5 {margin-top:5em !important;}
.page_sec6 {margin-top:6em !important;}
.page_sec7 {margin-top:7em !important;}

.agree_box{ border:1px solid #ddd; box-shadow:1px 1px 1em rgba(0,0,0,.2); padding:2em}
.agree_box .tit{ font-size:1.188em; font-weight:500; color:#111; margin-bottom:1em; margin-top:2em}
.agree_box .tit:first-child{ margin-top:0}
.agree_box .con{ font-size:.875em; color:#666; line-height:1.6}
.agree_box .con.hSt {overflow-y:scroll; height:10em;}
.agree_box .con > *{padding-top:.5em;}
.agree_box .check{ border-top:1px solid #ddd; margin-top:1.5em; padding-top:1em}
label_st.agree_box ul{ margin-top:1em}
.agree_box table{ margin:1em 0; width:100%}
.agree_box table th,
.agree_box table td{ border:1px solid #ddd; padding:1em}
.agree_box table th{ background:#f5f5f5}
.agree_box p strong{ font-size:1.125em; color:#333}
.agree_box a{ vertical-align:top; color:#666; text-decoration:underline}
.agree_box a:hover{ opacity:.6}
.agree_box strong{ vertical-align:top; font-weight:500}
.agree_big_ti {padding:3em 0;}
.agree_big_ti > i {font-size:2.5em; text-align:center; font-weight:700;}


.page_tit{ margin-bottom:1em;}
.page_tit.icon:after{ content:""; display:inline-block; width:1px; height:2em; margin-top:1.5em; background:#fff;}
.page_tit > .tt{ color:#fff;}
.page_tit > .tt > *{ vertical-align:baseline;}
.page_tit > .tt > strong{ font-weight:700;}
.page_tit > .tt + .page_tit{ margin-top:.75em;}
.page_tit > .t1{ font-size:2.375em; color:#fff;}
.page_tit > .t1.en{ font-size:2.750em;}

.main_tit{ margin-bottom:1.875em;}
.main_tit .tt{ color:#111;}
.main_tit > .t1{}
.main_tit > .t1 .tt{ font-size:1.250em; font-weight:500; letter-spacing:1px;}
.main_tit > .t2 .tt{ font-size:1.625em;}
.main_tit > .t3 .tt{ font-size:1.875em;}
.main_tit .c1{ color:#390;}

.main_txt{margin-bottom:1em;}
.main_txt .tt{ color:#111;}
.main_txt > .t1 .tt{ font-size:2.500em; letter-spacing:-1px; line-height:1.3; vertical-align:baseline;}
.main_txt > .t1.mst .tt{vertical-align:baseline}
.main_txt > .t1.mst .tt .mst {vertical-align:baseline}
.main_txt > .t1.mst1 .tt .mst1 {display:inline; vertical-align:baseline}
.main_txt > .t2{ margin-top:2.5em;}
.main_txt > .t2:first-child{ margin-top:0;}
.main_txt > .t2 .tt{ font-size:1.500em;}
.main_txt > .t2.mst1 .tt .mst1 {vertical-align:baseline}
.main_txt > .t3 .tt{ font-size:1.250em; line-height:1.5;}
.main_txt > .t4 .tt{ font-size:1.125em; color:#666; line-height:1.5;}
.main_txt > .t4.mst1 .tt {vertical-align:baseline}
.main_txt > .t4.mst1 .tt .mst1 {vertical-align:baseline}
.main_txt > .t5 .tt{ font-size:1.375em; line-height:1.5;}

.page_con_wrap {padding: 5em 0;}
.page_con_wrap.bg1 {background: #f9f9fa}
.page_title { text-align: left; font-size: 1.45em; letter-spacing: .375em !important; color: #390; line-height: 1.6; margin-bottom: .65em;}
.page_title_sm{padding:.65em 0; font-size:1.25em;}
.page_title_sm .xi{color:#390; margin-right:.5em; font-size:1.4em;}
.page_title.tit_bottom { margin-bottom: 2em; }

.sub_text .tit_tt { position: relative; font-size: 2.2em; font-weight:700; padding-left: 35px; }
.sub_text .tit_tt:before { position: absolute; left: 0; top: 17px; content: ""; width: 20px; height: 4px; background: #023f87; }
.sub_text .ex_tt { font-size: 1.2em; font-weight:500; margin: .5em 0 0 40px; }

.main_wrap { flex-direction: column; }
.main_wrap .intro_wrap { justify-content: center; align-items: center; margin-bottom: 4em; }
.main_wrap .intro_wrap .vision_img_wrap { width: 50%; }
.main_wrap .intro_wrap .vi_img  { width: 550px; height:550px; }
.main_wrap .intro_wrap .vision_text { width: 50%; padding-left: 3em; }
.main_wrap .intro_wrap .vision_text .vi_tt1 { font-size: 1.5em; line-height:1.7em; text-align: center; }
.main_wrap .intro_wrap .vision_text .vi_tt2 { font-weight: 600; color: #023f87; line-height:1.7em;  }
.main_wrap .intro_wrap .vision_text .vi_tt3 { font-weight: .8em; text-align: right; line-height: 3em; }

/**/
.con2_In {margin-top:1em;}
.con2_In .con2_list {margin:2em 0 0 -1.5em;}
.con2_In .con2_list > li {flex:1;}
.con2_In .con2_list > li .inner {margin:0 0 0 1.5em; border:1px solid rgba(255,255,255,.4); text-align:center; color:#fff; padding:3em 2em; position:relative;}
.con2_In .con2_list > li .inner:after { content:""; position:absolute; z-index:2; left:0; right:0; top:0; bottom:0; background:#00a67e; box-shadow:2px 2px .75em rgba(0,0,0,.4); transform:scale(1); opacity:0; visibility:hidden; transition:.2s;}
.con2_In .con2_list > li .inner .con {z-index:3; position:relative;}
.con2_In .con2_list > li .inner .icon .xi{font-size:3em;}
.con2_In .con2_list > li .inner .t1 {font-size:1.7em; font-weight:500; padding:1.3em 0;}
.con2_In .con2_list > li .inner .t2 {font-size:.938em; line-height:1.4; opacity:.9;}
.con2_In .con2_list > li .inner:hover:after{ transform:scale(1.12); opacity:1; visibility:visible;} 

.btn01{ color:#fff !important; font-size:0.938em; display:inline-block; margin-top:3em;}
.btn01.color{ color:#333 !important}
.btn01.color .xi{ border-color:#333 !important}
.btn01.color:hover .xi{ border-color:#1bc377 !important}
.btn01 .xi{width:40px; height:40px; text-align:center; line-height:40px; border:1px solid #fff; border-radius:50%; margin-left:1.3em;  transition:0.3s;}
.btn01:hover{ color:#1bc377}
.btn01:hover .xi{margin-left:2em;background: #fff;border-color: #00a67e;color: #00a67e;}


/*회사소개*/
.about_content .in_tx_box{ position:relative; color:#333; font-size:.95em; line-height:1.5;}
.about_content .in_tx_box .tw_st1{ font-size:1.15em; line-height:1.8; margin-bottom:20px; font-weight:600;}
.about_content .in_tx_box .tw_st2{ display:inline; color:#0067ab;}
.about_content .in_tx_box .ceo{ text-align:right; margin-top:30px; font-weight:600;}
.about_content .in_tx_box .ceo .ceo_name{ vertical-align: inherit; margin-left:10px; font-size:1.3em;}

.about_content .about_top{padding-top:6em;}
.about_content .about_top .top_left,
.about_content .about_top .top_right{ width:49%;}
.about_content .about_top .top_left .t_img{}
.about_content .about_top .top_left .t_img img{box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
.about_content .about_top .top_right .in_tx_box{ }



/*인사말*/
.greeting_Wrap {margin-top:0em;}
.greeting_Wrap .top_tw {margin-bottom:3em;}
.greeting_Wrap .top_tw .hi { line-height:1.35; font-size:1.8em; color:#222; font-weight:500;}
.greeting_Wrap .top_tw .hi .col {color:#390; font-weight:700; vertical-align:baseline; font-size:1.375em;}
.greeting_Wrap .con2 {flex:1 1 0%; min-width:0;}
.greeting_Wrap .con2 > p { font-size:1.063em; color:#555; line-height:1.6; padding-bottom:1em;}
.greeting_Wrap .con2 .t2{ font-size:1.125em; margin-top:3em; text-align:right;}
.greeting_Wrap .con2 .t2 .name{ font-size:1.188em; margin-left:1em; color:#222; position:relative;}
.greeting_Wrap .con2 .t2 .name img{margin-left:1em; position:absolute; bottom:-35px}

.greeting_Wrap .imgw {margin-left:5em; flex:0 0 auto; position:relative;}
.greeting_Wrap .imgw img{ position:relative; width:28em;}


.main_wrap .si_wrap { display: flex; justify-content: space-between; margin-top: 3em; padding-bottom: 5em; }
.main_wrap .si_wrap .si_img_wrap { width: 60%; }
.main_wrap .si_wrap .si_img  { width: 100%; height:470px; }
.main_wrap .si_wrap .si_text_wrap { width: 40%; }
.main_wrap .si_wrap .si_text_wrap .si_text { margin-left: 2em; }
.main_wrap .si_wrap .si_text_wrap .si_text.si_right { margin-right: 2em; }
.main_wrap .si_wrap .si_text_wrap .si_text .si_tt1 { font-size: 1.5em; line-height:1.7em; font-weight: 600; margin-bottom: .5em; }
.main_wrap .si_wrap .si_text_wrap .si_text .si_tt2 { font-weight: .8em; line-height: 1.7em; margin-bottom: 1em; }
.main_wrap .si_icon_wrap { flex-wrap: wrap; }
.main_wrap .si_icon_wrap.icon_right { justify-content: center; }
.main_wrap .si_wrap .si_text_wrap .icon_con { width: 30%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.main_wrap .si_wrap .si_text_wrap .icon_circle { height: 100px; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.main_wrap .si_wrap .si_text_wrap .icon_circle .icon_tt1 { font-size: 1.2em; color: #313232; }
.main_wrap .si_wrap .si_text_wrap .icon_circle .icon_tt2 { font-size: .8em; margin-top: .2em; font-weight: 500; color: #313232; }

.career_list {margin:2em 0 0 -2em;}
.career_list > li {flex:1 0 25%; max-width:33%;}
.career_list > li.li_s{ max-width:33%;}
.career_list > li.li_s2{ max-width:20%;}
.career_list > li .in {background:#fff; margin:0 0 0 2em; padding:3em 2.5em; text-align: center; border: 1px solid #ccc; border-top: 2px solid #023f87;}
.career_list > li .in.in_color {background:#fff;}
.career_list > li .in .icon {color:#1f65ba; font-size:1.250em;}
.career_list > li .in .tx {line-height:1.4; font-size:1.125em; padding-top:1em;}
.career_list2{ border-top:2px solid #390; margin-top:2em;}
.career_list2.none{ border-top:1px solid #ccc; }
.career_list2 > li{ padding:1.25em 1em; background:#fff; border-bottom:1px solid #ddd;}
.career_list2 > li:nth-child(2n){ background:#f7f7f7;}
.career_list2 > li .txt{ padding-top:.25em; white-space:normal !important; overflow:visible;}
.career_list2 > li .num{ margin-right:1.5em;}
.career_list2 > li .txt{ flex:1; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.career_list2 > li .num{ position:relative; width:2.5em; margin-right:1em; font-size:1.250em; text-align:center; color:#1f65ba; font-weight:700;}
.career_list2 > li .num:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:.625em; background:#1f65ba; opacity:.2;}
.career_list2 > li .num.xi {}
.career_list2 > li .num.xi:before {background:none;}
.career_list2 > li.li_w { width: 20% }
.career_list2 > li.li_w:nth-child(1) { width: 16% }
.career_list2 > li.li_w:nth-child(2) { width: 28% }
.career_list2 > li.li_w:nth-child(5) { width: 16% }

.main_wrap .ci_text { width: 100%; text-align: center; }
.main_wrap .ci_text .ci_tt1 { font-size: 2.2em; font-weight: 700; line-height: 1.8em; }
.main_wrap .ci_text .ci_tt2 { font-size: 1.6em; font-weight: 600; color: #390; line-height: 1.8em; }
.main_wrap .ci_text .ci_tt3 { line-height: 1.7em; }
.main_wrap .ci_text .ci_tt3 mark { background: #390; color: #fff; }
.main_wrap .intro_wrap .ci_text .ci_tt4 { font-size: 1.2em; color: #390; font-weight: 500; line-height: 1.7em; }
.main_wrap .intro_wrap .ci_text .ci_tt4.ci_b { color: #000; }
.main_wrap .icon_wrap {   }
.main_wrap .icon_wrap .icon_con { width: 20%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.main_wrap .icon_wrap .icon_circle { width: 150px; height: 150px; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.main_wrap .icon_wrap .icon_circle .icon_tt1 { font-size: 2.2em; color: #fff; }
.main_wrap .icon_wrap .icon_circle.icon1 { background: #40b4bd; }
.main_wrap .icon_wrap .icon_circle.icon2 { background: #7cafd1; }
.main_wrap .icon_wrap .icon_circle.icon3 { background: #1171b3; }
.main_wrap .icon_wrap .icon_circle.icon4 { background: #56c6df; }
.main_wrap .icon_wrap .icon_circle.icon5 { background: #33618e; }
.main_wrap .icon_wrap .icon_circle .icon_tt2 { margin-top: .2em; font-weight: 500; color: #fff; }
.sub_img { width: 100%; height: 1372px; margin-top: 3em; }
.village_img { width: 100%; height: 457px; }
.village_margin { margin: 3em 0 5em 0; }
.healthcare_img { width: 100%; height: 725px; margin-top: 3em; }
.healthcare2_img { width: 100%; height: 598px; margin-top: 3em; }
.org_img { width: 100%; height: 795px; }



/*사업분야*/
.bis_wrap{*zoom:1; width:94%; margin:4.5em auto 0 auto;}
.bis_wrap:after{ content:""; display:block; clear:both;}
.bis_wrap:first-child{ margin-top:0;}
.bis_wrap .left { float:left; width:50%;}
.bis_wrap .right{ float:right; width:50%;}
.bis_wrap .right .inner{/* margin-left:80px;*/}
.bis_wrap .right .inner img{border-radius:20px}
.bis_wrap .left .inner { padding:3em 3em; position:relative;}
.bis_wrap:nth-child(2n) .left { float:right;}
.bis_wrap:nth-child(2n) .right{ float:left; text-align:right;}
.bis_wrap:nth-child(2n) .right .inner{/* margin-left:0; margin-right:80px;*/}

.bis_wrap .txt_wrap{ margin-top:1.5em;}
.bis_wrap .txt_wrap:first-child{ margin-top:0;}
.bis_wrap .txt_wrap .ti{letter-spacing:-1px; font-weight:700; font-size:1.5em; margin-top:-.7em; position:relative; margin-bottom:1em; padding-bottom:1em;}
.bis_wrap .txt_wrap .ti:after {position:absolute; content:""; width:455px; height:2px; left:0; bottom:0; background:#339900;}
.bis_wrap .txt_wrap .tx {letter-spacing:.1px;  font-size:.938em; font-weight:400;  font-family:'ns',sans-serif; transform:skew(-0.3deg); width:100%; max-width:500px;}

.bis_wrap .txt_wrap.st {text-align:right;}
.bis_wrap .txt_wrap.st .ti:after {left:inherit; right:0;}



/* emergency */
.prod_wrap{ margin:-2em 0 0 -2em}
.prod_wrap > li{ width:33.333%}
.prod_wrap.st2 > li{ width:25%}
.prod_wrap.st2 > li .in {cursor:inherit; padding:0;}
.prod_wrap > li .in{ margin:2em 0 0 2em; border:1px solid #ddd; padding:1em 1em 2em 1em; text-align:center; cursor:pointer}
.prod_wrap > li .in .img .re {overflow:hidden;}
.prod_wrap > li .in .img img{transform:scale(.9,.9); transition:.6s}
.prod_wrap > li .in .tit{ font-size:1.25em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:500; }
.prod_wrap > li .in .img.resize{ padding-bottom:65%; margin-bottom:15px;}
.prod_wrap > li .in .more{ position:relative; width:1.5em; height:1.5em; line-height:1.7em; font-size:1em;}
.prod_wrap > li .in .more:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; background:#f5f5f5; transform:rotate(45deg); transition:.3s}
.prod_wrap > li .in .more:after{ content:"\e9c5"; position:relative}
.prod_wrap.st2 > li .in .info {height:3.5em;}
.prod_wrap > li .in .info > li{ margin-bottom:1em}
.prod_wrap > li .in .info .t1{ float:left; text-align:center; width:100%; color:#777; font-size:.938em}
.prod_wrap > li .in .info .t2{ float:right; text-align:left; width:55%; color:#777; font-size:.938em; text-overflow:ellipsis; withe-space:nowrap; overflow:hidden; white-space:normal; height:20px;display:inline-block; word-wrap:break-word;}/*height값 고정으로줘야됨(번역때문에)*/
.prod_wrap > li .in:hover .img img{transform:scale(1,1)}
.prod_wrap > li .in:hover .more{ color:#fff}
.prod_wrap > li .in:hover .more:before{transform:rotate(135deg); background:linear-gradient(135deg,#3f45c2 0,#24a1ba 100%); border-color:transparent;}
.board_icon.new .xi:before{vertical-align:middle; padding-left:.25em;}
.prod_wrap > li .in .img .prodLogo{ position:absolute; top:0; right:0; z-index:1111111;}
.prod_tab_wrap{ position:relative; margin-top:-1.5em; margin-bottom:3em;}
.prod_tab_wrap ul{ overflow:hidden;}
.prod_tab_wrap ul li{ float:left; width:25%; margin:2px 0;}
.prod_tab_wrap ul li > a{ display:block; padding:5px 10px 5px 0; margin-right:10px; border:1px solid transparent; border-radius:3px; font-size:.938em; color:#888; transition:.3s; text-align:center; border:1px solid #ddd; background:#f5f5f5; box-sizing:border-box; line-height:2.2em;}
.prod_tab_wrap ul li:hover a{ padding-left:20px; border-color:#003f87; color:#003f87; background:#f5f5f5;}
.prod_tab_wrap ul li.on a{ background:#0072c6; border-color:#0072c6; color:#fff;}
.ani_tit_wrap { display: flex; justify-content: center; align-items: center; padding:1em 0 1em 0; border-top:1px solid #ddd; height: 3em; }
/*searching*/
.searching_area{ font-size:.875em; margin-bottom:25px; overflow:hidden;}
.total_area{ float:left;}
.total_area .total{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; text-align:center;}
.total_area .total .xi{ width:30px; height:30px; line-height:30px; border:1px solid #ddd; border-radius:50%; font-size:1.438em;}
.total_area .num{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#111; margin:0 0 0 5px;}
.total_area .num > strong{ font-family:Arial, Helvetica, sans-serif; color:#003f87; font-weight:600; vertical-align:baseline; padding:0 8px;}
.board_search{ float:right;}
.board_search select,
.board_search input,
.board_search button{ display:inline-block; *display:inline; zoom:1; vertical-align:top; line-height:35px; height:35px; border:1px solid transparent; background-color:transparent; box-sizing:border-box;}
.board_search select,
.board_search input{ border-bottom-color:#666; margin-right:10px;}
.search_select{ width:110px; color:#111;}
.search_inp{ width:220px; padding:0 12px; color:#aaa;}
.search_inp:focus{ color:#111}
.search_btn{ font-size:0;}
.search_btn .xi{ font-size:1.6rem; color:#333; line-height:35px; transition:.3s;}
.search_btn:hover .xi{ color:#003f87;}
.board_view_top .tit.em_tit{ padding:1.5em; font-weight:500; border-top:2px solid #390; text-align:center; border-bottom:1px dashed #aaa; font-size:1.65em }

.prod_detail_wrap.flex_detail { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.prod_detail_wrap .inner{ *zoom:1; }
.prod_detail_wrap .inner:after{ content:""; display:block; clear:both;}
.prod_detail_wrap .inner .slide_wrap{ float:left; width:50%; position:relative; margin-bottom: 2em;}
.prod_detail_wrap .inner .slide_wrap .vm_tt{ max-width:100%;}
.prod_detail_wrap .inner .slide_wrap img{ display:inline-block; *display:inline; zoom:1;}
.prod_detail_wrap .inner .info_wrap { float:right; width:50%; }
.prod_detail_wrap .info_wrap .in{ padding:30px 0 0 130px;}
.prod_detail_wrap .info_wrap .prod_tit{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #ccc; }
.prod_detail_wrap .info_wrap .prod_tit .t1{ display:inline-block;*display:inline;zoom:1; vertical-align:middle; color:#1b5b8f; font-weight:700; font-size:.938em;}
.prod_detail_wrap .info_wrap .prod_tit .t1 .xi {vertical-align:middle; color:#1b5b8f; padding-right:1px;}
.prod_detail_wrap .info_wrap .prod_tit .t2{ display:block; font-size:2em; font-weight:700;}

.prod_detail_wrap .inner .info_wrap .prod_info .info{ font-weight:400; margin-bottom: .87em; }
.prod_detail_wrap .inner .info_wrap .prod_info .info .tit{ position: relative; top:10px; left:0; padding-left:10px; color:#666;}
.prod_detail_wrap .inner .info_wrap .prod_info .info .tit:before{ content:""; position:absolute; left:0; top:50%; margin-top:-1px; width:4px; height:2px; background:#390;}

.prod_detail_wrap .inner .slide_wrap .item.img{ background:#fff; border:1px solid #ddd;}
.prod_detail_wrap .inner .slide_wrap .item .img{ background:#fff; border:1px solid #ddd;}
.prod_detail_wrap .inner .slide_wrap .prod_slide .item .img{ padding:30px; }
.prod_detail_wrap .inner .slide_wrap .prod_slide .item .flex_center { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 1em 0; }
.prod_detail_wrap .inner .slide_wrap .prod_thumb{ margin:0 -2px; margin-top:5px; }
.prod_detail_wrap .inner .slide_wrap .prod_thumb .item .img{ margin:0 4px; padding:10px; cursor:pointer;}
.prod_detail_wrap .inner .slide_wrap .prod_thumb .slick-current .img{ border-color:#3578a8;}
.prod_detail_wrap .inner .slide_wrap .control_box{ position:absolute; top:50%; left:0; right:0;}
.prod_detail_wrap .inner .slide_wrap .control_arrow > li{ position:absolute; top:0; margin-top:-60px;}
.prod_detail_wrap .inner .slide_wrap .control_arrow > li .xi{ width:40px; height:40px; line-height:40px; text-align:center; background:#fff; border:1px solid #ccc; border-radius:100%; color:#777; cursor:pointer;}
.prod_detail_wrap .inner .slide_wrap .control_arrow .prev{ left:-50px;}
.prod_detail_wrap .inner .slide_wrap .control_arrow .next{ right:-50px;}
.prod_detail_wrap .inner .slide_wrap .control_arrow > li:hover .xi{ background:#3578a8; border-color:#3578a8; color:#fff; transition:.3s;}

.prod_review { margin-top: 6em; }
.prod_review .p_line { width: 50px; height: 3px; background: #390; margin: auto auto 1em auto; }
.prod_review .img_wd { text-align: center; margin-top: 3em; }
.prod_review .img_wd img { width: 847px; }

/* location */
.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:1em; font-weight:400; box-sizing:border-box; background:#fff;}
.map_info1 .t1 span { color:#666; display:inline-block; margin-right:30px; margin-bottom:10px; line-height:1.5;}
.map_info1 .t1 span:last-child { margin-right:0;}
.map_info1 .t1 .xi { font-size:1em; color:#fff; margin-right:10px; border-radius:50%; width:1.8em; height:1.8em; line-height:1.8em; text-align:center; background:#390}

/* vison */
.liSt3{ margin-right:-15px; margin-top:2em;}
.liSt3 > li{ width:50%; margin:0 auto;}
.liSt3 > li.li_three{ width:33.3%; margin:0 auto;}
.liSt3 > li .in{ border:1px solid #E4E4E4; margin: 0 1em 1em 0; text-align:center; overflow:hidden; background: #f6f7fb;}
.liSt3 > li .in .topw{padding:2em 1.5em;  background:#fff}
.liSt3 > li .in .topw .icon {display:block;}
.liSt3 > li .in .topw .t1 {font-size:1.313em; font-weight:500; color:#595757;}
.liSt3 > li .in .topw .t1 .col {font-weight:700; vertical-align:baseline; color:#cc0001;}
.liSt3 > li .in .topw .t1 .col_Blue {font-weight:700; vertical-align:baseline; color:#005cb2;}
.liSt3 > li .in .botw{ padding:2em 1.5em; border-top:1px solid #E4E4E4; background:#f6f7fb; position:relative; }
.liSt3 > li .in .botw:before{content: ''; position: absolute; top: 0; left: 50%; width: 20px; height: 5px; transform: translate(-50%, -50%); background: #390;}
.liSt3 > li .in .botw .t2 {line-height:1.5; font-size:1.063em; color:#666;}
.liSt3 > li .in .botw .t2 .col {font-weight:700; vertical-align:baseline; color:#cc0001;}
.liSt3 > li .in .botw .t2 .unl {vertical-align:baseline; text-decoration: underline;}

.page_ttbg_wrap.st1{ padding: 2em 0;}
.page_ttbg_wrap.st1 > li{ width:45%;}
.page_ttbg_wrap.st1 > li .wrap_tt .page_tt1 { font-size:1.313em; font-weight:500; color:#595757; line-height:1.5; }
.page_ttbg_wrap.st1 > li .wrap_tt .page_tt2 { line-height:1.5; font-size:1em; color:#666; }
.page_ttbg_wrap.st1 > li .wrap_tt .page_tt2 i { color:#390; }
.page_ttbg_wrap.st1 > li .wrap_img{ width:100%}
.page_ttbg_wrap.st1 > li:nth-child(2n){ margin-top:10em; margin-bottom:-3em}
.page_ttbg_wrap.st1 > li:nth-child(2n) .wrap_tt{ text-align:left}
.page_line.st1{ width:2em; height: 3px; margin:5em 0 .75em 0; background:#390; content:"";}

/* agree */
.agree_wrap{ padding:.5em; font-size:.938em; line-height:1.5; border-top:2px solid #390; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; box-shadow:3px 4px 3px rgba(0,0,0,.2); padding:2em; background:#f9f9f9;}
.agree_wrap .agree.st p{ line-height:1.9; padding:1em 0; color:#222;}
.agree_wrap .agree.st p strong {font-size:1.3em; }

.page_email{ letter-spacing:-1px;}
.page_email .email_top{ padding:20px 30px; background:#fff; border:2px solid #ddd; text-align:center; color:#111; line-height:1.4;}
.page_email .email_con{}
.page_email .email_con .tit{ text-align:center; font-size:1.125em; color:#000; padding-top:1em;}
.page_email .email_con .con_wrap{ margin-top:40px;}
.page_email .email_con .con_wrap > dt{ margin-bottom:10px;}
.page_email .email_con .con_wrap > dt > span{ display:block; position:relative; padding-top:2px; padding-left:25px; color:#333;}
.page_email .email_con .con_wrap > dt > span:before{ content:"\eb1f"; position:absolute; top:0; left:0; width:20px; font-family:xeicon; font-size:1.250em;}
.page_email .email_con .con_wrap > dd{ margin-left:25px; font-size:0.938em; color:#666; line-height:1.8;}

/*history*/
.history_wrap{ position:relative; overflow:hidden; padding:2em 0;}
.history_wrap:before,
.history_wrap .lineAni{ content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd}
.history_wrap .lineAni{ height:0; background:#7daa33; transition:.3s}
.history_wrap .lineAni:before,
.history_wrap:after{ content:""; position:absolute; left:50%; top:0; margin-left:-.5em; width:1em; height:1em; background:#fff; border:.25em solid #7daa33; border-radius:100%; box-sizing:border-box}
.history_wrap:after{ top:auto; bottom:0}
.history_wrap .history > li{ margin-top:4em}
.history_wrap .history > li:first-child{ margin-top:0}
.history_wrap .history > li .year{ width:50%; overflow:hidden; justify-content:flex-end}
.history_wrap .history > li .year .wrap_in{ position:relative; overflow:hidden; width:15em}
.history_wrap .history > li .year .tt{ display:inline-block; position:relative; padding:0 .5em; font-size:2.5em; color:#7daa33; font-weight:700;}
.history_wrap .history > li .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:100%; border-top:2px dotted #aaa}
.history_wrap .history > li .year .tt:after{ content:"'"; font-style:italic}
.history_wrap .history > li .list{ width:50%; margin-top:1em}
.history_wrap .history > li .list > li{ margin-top:.5em}
.history_wrap .history > li .list > li:first-child{ margin-top:0}
.history_wrap .history > li .list .wrap_in{ padding:0 2em}
.history_wrap .history > li .list .wrap_in .img_wrap .resize {padding-bottom:35% !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r {text-align:right !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_l {text-align:left !important;}
.history_wrap .history > li .list .month{ flex:0 0 3em}
.history_wrap .history > li .list .month .tt{ color:#999; font-size:1.125em; letter-spacing:-1px}
.history_wrap .history > li .list .month .tt:after{ content:""; font-size:.813em; font-weight:500}
.history_wrap .history > li .list .detail > li{ margin-top:.5em}
.history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.history_wrap .history > li .list .detail .tt{ position:relative; padding:0 1.5em; margin-top:.125em; color:#333; font-size:.938em; line-height:1.7; font-weight:400;}
.history_wrap .history > li .list .detail .tt:before{ content:""; position:absolute; left:0; top:.5em; width:.75em; border-top:2px solid #ddd}
.history_wrap .history > li:nth-child(2n) .year{ justify-content:flex-start; text-align:right}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ left:auto; right:100%}
.history_wrap .history > li:nth-child(2n) .list{ order:-1}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .list .month{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail{ order:-1}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ left:auto; right:0}

/*location*/
/**/
.sub_twrap{line-height:1.3; font-weight:600;}
.sub_twrap.line_b{ border-bottom:1px solid #efefef}
.sub_twrap:not(:first-child){ margin-top:4em}
.sub_twrap .wrap_line{ border-bottom:1px solid #efefef; padding:1.5em 0}
.sub_twrap .wrap_line.h1{ min-height:3em}
.sub_twrap .wrap_line.h2{ height:6em}
.sub_twrap li:first-child .wrap_line,
.sub_twrap .wrap_line.line{ border-top:1px solid #212121}
.sub_twrap .wrap_line.tn{ border-top:none !important}
.sub_twrap .wrap_line.bn{ border-bottom:none !important}
.sub_twrap .wrap_line.p0{ padding-top:0em}
.sub_twrap .wrap_line.p1{ padding-bottom:4em}
.sub_twrap .wrap_line.p2{ padding:1em 0}
.sub_twrap .wrap_line.p3{ padding:1em 2em}
.sub_twrap .wrap_tit{ width:16.25em; box-sizing:border-box; padding-right:1.25em}
.sub_twrap .wrap_tit.w1{ width:13em}
.sub_twrap .wrap_tit.w100{ width:100%}

.page_tt{ font-size:1.25em; color:#606167; line-height:1.7}
.page_tt.s1{ font-weight:500; color:#333}
.page_tt.en{ letter-spacing:0; word-spacing:.25em}
.page_tt2{ font-size:1.5em; font-weight:600; color:#333; line-height:1.2}
.page_tt3{ font-size:1.125em; font-weight:500; color:#aaa}
.page_tt4{ font-size:1.063em; color:#222; font-weight:500; line-height:1.5}

.inR{ display:inline-block; margin-right:4em; vertical-align:top}
.inR:last-child{ margin-right:0}


.ps05{ padding-top:.5em !important}
.ps1{ padding-top:1em !important}
.ps15{ padding-top:1.5em !important}
.ps2{ padding-top:2em !important}
.ps25{ padding-top:2.5em !important}
.ps3{ padding-top:3em !important}
.ps4{ padding-top:4em !important}
.ps5{ padding-top:5em !important}

.overviewSlider_wrap{ position:relative;}
.overviewSlider{ padding-bottom:4em !important;}
.overviewSlider .el{ width:58em;}
.overviewSlider.pagest .el{ width:inherit;}
.overviewSlider .el .wrap_txt{ position:absolute; left:50%; bottom:0; width:40em; height:8em; max-width:94%; padding:1.5em 2.5em; background:#fff; transform:translate(-50%, 50%); opacity:0; box-sizing:border-box; overflow:hidden;}
.overviewSlider .el .wrap_txt .main_txt{ transform:translateY(12em);}
.overviewSlider .el.swiper-slide-active .wrap_txt{ opacity:1; transition:.6s; transition-delay:.2s;}
.overviewSlider .el.swiper-slide-active .wrap_txt .main_txt{ transform:translateY(0); transition:.6s; transition-delay:.4s;}

.goods_wrap { text-align:center; line-height:1.6;}
.goods_wrap .t1 {font-size:1.7em; font-weight:700; margin-bottom:1em}
.goods_wrap .t1 .point_col {color:#390; vertical-align:baseline}
.goods_wrap .t2 {font-size:1.3em; margin-bottom:1em}
.goods_wrap .t3 {color:#666; }
.video_wrap {margin-top:3em;}
.video_wrap > video {width:100%;}
.goods_img {margin-top:3em;}
.goods_img .img { flex:1 1 48%; margin-bottom:1em;}
.goods_img .img:first-child {margin-right:1em;}

.apply_img {margin-top:2em;}
.apply_img .img {width:100%;}
.apply_img .img:last_child {margin-right:0%;}