@charset "utf-8";

   
.main_h2{position: relative; font-size:35px; color:#222; padding:120px 0 0 0;  font-family: 'GmarketSansBold'; letter-spacing:-1px; }
.h2_p {font-size:18px; padding-bottom:30px;}
.txt-white {color:#fff!important;}
.txt-black {color:#222!important;}

 
.main-culture{max-width: 1920px;   }
.main-culture h2{position: relative;  margin:0px 0 0 0; }
.main-culture .h2_p { padding-bottom:20px;}
.main-culture{display: flex;flex-direction: column; justify-content: center ;position: relative; background: #fff url(/customized/images/main/port_bg3.gif) no-repeat right 170% / cover;}
/* .main-culture::before{content:"" ; position: absolute ;bottom: 0;left: 50%;background: url(../img/index/culture-text-bg.svg) no-repeat center bottom / 100% auto; transform: translateX(-50%);width: 100%;max-width: 1920px;height: 100%; ;}  */
.culture-slider {margin-top: 1rem;}
.culture-slider .swiper-wrapper{align-items: center;}
.culture-slider .swiper-slide{width: 400px;  }
.culture-slider .swiper-slide-active {width: 450px; }
.culture-slider div.img{display: block;background-size:cover;background-repeat: no-repeat; width:100%;height:220px}
.culture-slider .swiper-slide-active div.img{height: 260px;}
.culture-slider div.img+div{background: #f9f9f9 ; border:1px solid #ddd; padding:1rem;min-height:60px}
 
.culture-swiper-control{display: flex ; justify-content: center; margin-bottom:  1.5rem;z-index: 5;}
.culture-swiper-pn{position: relative;max-width:600px; margin:50px 100px 12px 50px ;border-bottom:2px solid #e6e6e6;text-align: center}
.culture-swiper-pn i{position: absolute;bottom:-2px;left:0;width: 0; height:2px; background:#222;transition: 0.3s;}
.culture-swiper-pn .progress{width:180px; transition:width 8s linear}
.culture-swiper-pn{width: 180px;}
.culture-swiper-pn-num{color:#999} 
.culture-swiper-pn-num b{position: absolute;top: 0;transform: translateY(-50% )}
.culture-swiper-pn-num b:first-child{ right:110%}
.culture-swiper-pn-num b:last-child{ left:110%;}
[class^=culture-swiper-btn-] {color:#555 !important; opacity: 0.5;}
[class^=culture-swiper-btn-]:hover {opacity:1;}

.point_black {color:#222;}

.port_p {font-size:16px; margin-top:2px; color:#555;}
.pp_ico { display:inline-block; float:left;  margin:0 10px 10px 0; color:#fff; border-radius:20px; font-size:14px; padding:3px 10px;}
.pp_ico_01 {background-color:#DE0203;} /*±â¾÷ȨÆäÀÌÁö*/
.pp_ico_02 {background-color:#DE0203;} /**/
.pp_ico_03 {background-color:#DE0203;} /**/
.pp_ico_04 {background-color:#DE0203;} /**/
.pp_ico_05 {background-color:#DE0203;} /**/
 
.main-culture{min-height: 100vh;} 
.vision-slider .swiper-button{position: absolute;top:562px;right:50%;}
.vision-slider li::before{content: "";position: absolute;top:210px;left: 0; width: 380px;height: 380px;background:#009BA9;z-index: -1;} 
.vision-slider li p.img.snd {position: absolute; right: 0;top:76px; width: 510px;height: 410px;z-index: 0;}
.vision-slider li p.img{ width: 813px;height: 562px; margin-left: 25px;}
.vision-slider li dl{ position: relative; background:#fff ;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);width: 510px;padding:40px 52px ;left:50%; transform: translateY(-50%);z-index: 2;}

.btn_go {display:inline-block; margin:10px 0 10px 0; padding:20px 100px 20px 40px;  transition: 0.3s; color:#fff;background:#222 url("/customized/imgs/ico_arrow.png") no-repeat 85% 50%;  }
.btn_go:hover {color:#fff; background-position:90% 50%;transition: 0.3s;}



@media (max-width:1200px) {
.h2_p {  padding-bottom:30px;}

}


@media (max-width:991px) {

.main-culture{padding:1rem 0}
.culture-slider .swiper-slide{width: 94vw }
.culture-slider .swiper-slide-active {width: 94vw;}
.culture-slider div.img{height:60vw}
.culture-slider .swiper-slide-active div.img{height: 60vw;}
.culture-swiper-control{display: block;text-align: center;}
.culture-swiper-pn{margin:2rem auto 1rem}
 
 
.main_h2{font-size:30px;  margin:0px 0 0 0;   padding: 110px 0 0 0; box-sizing:border-box;}
.h2_p {font-size:16px; padding-bottom:20px;}

.main-culture h2 { padding:50px 0 0 0;  }
.main-culture .h2_p {padding-bottom:20px;}

 

}



@media (max-width:589px) {
.btn_go { margin:30px 0; padding:20px 60px 20px 20px;    }
.btn_go { background-position: 90% 50%;}


.main_h2{font-size:21px;  margin:0px 0 0 0;padding: 80px 0 0 0; }
.h2_p {font-size:15px; padding-bottom:10px;}

.main-culture h2 {  padding:50px 0 0 0;  }
.main-culture .h2_p { padding-bottom:10px;}



}