/* BASIC css start */
#container{background-color: #FFF; }

/*»ó´Ü¶ì¹è³Ê*/
.topBanner img {width:100%; margin-top:40px;}

/* ºñµð¿À */
video {width:100%; height:100%; margin-top:35px; margin-bottom:40px;  }
.videoWrap{ width:100%; height:100%; margin:0 auto; position: relative; top:60px;   }
.mbanner img{width:100%; height:100%; margin-bottom:40px;}


/* º£¸£»ç±×¸³ */
.extreme img{ width:100%; height:100%; margin:100px auto; margin-top:84px;}
.pro img{ width:100%; height:100%; margin:0 auto;  }
.fit img{ width:100%; height:100%; margin:100px auto; }
.classic img{ width:100%; height:100%; margin:0 auto; margin-bottom:100px; }

    
/* ¸ÞÀÎ À̹ÌÁö */
.swiper-container.swiper0 {  width: 100%; margin:0 auto;  }
.swiper0 .swiper-slide img {width:100%; height:100%;}
.swiper0 .swiper-pagination {width:auto !important;right:5%;left:auto !important;bottom:10px !important;border-radius:20px;padding:5px 10px;font-size:11px;color:#cbcbcb;background-color:rgba(0, 0, 0, 0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);font-weight:300;}
.swiper0 .swiper-pagination .swiper-pagination-current {color:#fff !important;}
.swiper-wrapper{ width:100%; position: relative; }
.swiper-slide .title01{ position: absolute; top: 75%; left:5%;  color: #fff; font-size:28px; font-weight: bold; font-family: 'Noto Sans KR Medium'; text-shadow: 1px 2px 3px #000;  }
.swiper-slide .pmslider01 { position: absolute; top: 82%; left:5%; color: #fff;  font-size:18px; font-family: 'Noto Sans KR Medium';  text-shadow: 1px 2px 3px #000; }
.swiper-slide .title02{ position: absolute; top: 40%; left:5%;  color: #fff; font-size:28px; font-weight: bold; font-family: 'Noto Sans KR Medium'; text-shadow: 1px 2px 3px #000; }
.swiper-slide .pmslider02 { position: absolute; top: 47%; left:5%; color: #fff;  font-size:18px; font-family: 'Noto Sans KR Medium'; text-shadow: 1px 2px 3px #000; }
.swiper-slide .title03{ position: absolute; top: 75%; left:5%;  color: #fff; font-size:28px; font-weight: bold; font-family: 'Noto Sans KR Medium'; text-shadow: 1px 2px 3px #000;  }
.swiper-slide .pmslider03 { position: absolute; top: 82%; left:5%; color: #fff;  font-size:18px; font-family: 'Noto Sans KR Medium';  text-shadow: 1px 2px 3px #000; }

/* momain */
.momain{ width:100%; height:100%; margin: 0 auto;  margin-bottom:70px;  } 
.momain img{  width:100%; height: auto; display:flex; justify-content: center;   }
.momain a{  width: 100%; height: auto; }
.momain2 { width:100%; height:100%; margin: 0 auto;  margin-top:180px; }

.buywrap { width:100%; height:100%; margin: 0 auto;  margin-top:30px; }
.atcwrap { width:100%; height:100%; margin: 0 auto;  margin-top:30px; }
.gpcwrap { width:100%; height:100%; margin: 0 auto;  margin-bottom:50px; }


/* 12¿ùÀ̺¥Æ® ¹è³Ê */
.evbWrap { width:100%; height: 100%; margin: 0 auto;    }
.evban{ width:100%; height:100%; margin: 0 auto;    } 
.evban img{  width:100%; height: auto; display:flex; justify-content: center;   box-sizing:border-box;}

/* ºê·£µå½ºÅ丮 */
.brandstory h1{ text-align: center;  font-size: 26px;   color:#000; display: block; font-weight: bold;  padding-bottom: 50px; font-family: "Noto Sans KR Bold"; position: relative; }
.brandstory h1:after{ display: block; content: ''; width: 30px; height:5px; background-color: #c10230; position: absolute; top: 35px; left : 47%;}
.cstm h2{ text-align: center;  font-size: 26px;   color:#202946; display: block; font-weight: bold;  padding-bottom: 50px; margin-top:80px; font-family: "Noto Sans KR Bold"; position:relative;  }
.cstm h2:after{ display: block; content: ''; width: 30px; height:5px; background-color: #c10230; position: absolute; top: 35px; left : 47%;}
.intro {  width: 100%;  margin:80px auto 0 auto;    }
.intro ul{  width: 100%;   margin-bottom:80px; float: center;}
.intro ul li img{ max-width: 100%; height: auto; display: block; } 
.intro img.center{ display : block; margin-left: auto; margin-right: auto;}



/* ±â´É Ä÷º¼Ç */
.tec img{ width:100%; height:100%; margin:0 auto;}
.zsp img{ width:100%; height:100%; margin:0 auto;  }
.gpc img{ width:100%; height:100%; margin-bottom:100px; }


/* Ä¿½ºÅÒ Ä÷º¼Ç */
.art img{ width:100%; height:100%; margin:0 auto; }
.dclip img{ width:100%; height:100%; margin:0 auto; }
.clip img{ width:100%; height:100%; margin-bottom:100px;  }



/* Á¦Ç°¼Ò°³ */
.menuWrap {width:100%; margin : 80px auto 80px auto;  position: relative;   }
.menuWrap h1{ text-align: center;  font-size: 26px;   color: #000; display: block; font-weight: bold;  padding-bottom: 50px; font-family: "Noto Sans KR Bold";}
/*.menuWrap h1:after{ display: block; content: ''; width: 100%; height:5px; background-color: #000; position: absolute; top: 35px; }*/
.line01 {overflow:hidden; width:100%;}
.line01 ul li {float:left; width:50%; }
.line01 ul li a img {width:100%;  box-sizing: border-box;}
.line01 h2{ position:  absolute; top:50%;  color:#fff; font-size:20px; font-weight:bold;  text-shadow: 2px 1px 1px #000;  display: block; padding-left:12px;  }
.line02 {overflow:hidden; width:100%;}
.line02 ul li {float:left; width:50%;  }
.line02 ul li a img {width:100%;  box-sizing: border-box;}
.line02 h2{ position:  absolute; top:94%;  color:#fff; font-size:20px; font-weight:bold;  text-shadow: 2px 1px 1px #000;  display: block; padding-left:12px;  }


/* ¿Â½ºÅä¾î ¿µ¿ª */
.blank {margin-top:50px;}
.swiper1 {padding-left:10px; margin-bottom:50px;}
.swiper1 .swiper-slide {width:65% !important;position:relative;}
.swiper1 .swiper-slide img {width:100%;}
.swiper1 .swiper-slide a {font-size:0;display:block;}
.swiper1 .swiper-slide .t1 {font-size:16px;color:#111; line-height:1; padding:20px 0 0 5px;font-weight:700;letter-spacing:-0.025em}
.swiper1 .swiper-slide .t2 {font-size:14px;color:#555; line-height:18px;padding:10px 0 0 5px;letter-spacing:-0.025em;}
.swiper1 .swiper-slide .ev_ar {position:absolute;right:5px;bottom:10px;text-align:right;}
.swiper1 .swiper-slide .ev_ar img {width:80%;text-align:right;}



/* ¸ÞÀΠŸÀÌƲ */
.main_title {padding:50px 0px 25px; text-align:center; font-size:0px;}
.main_title .t1 {font-size:20px; color:#333; line-height:1; letter-spacing:0; font-weight:700; font-family:'Noto Sans KR', sans-serif;}
.main_title .t2 {font-size:13px; color:#999; line-height:1; letter-spacing:-0.2px; padding-top:10px;}

/* ÄíÆù, ¸¶ÀÌÆäÀÌÁö, ¾ÆÁöÆ® */
.menuWrap02 {width:100%;}
.five img {width:100%;}
.five {display:block; width:20%; margin:40px auto;}
.menu img {width:100%;}
.menu ul {overflow:hidden;}
.menu ul li {float:left; width:24%; margin-left:7%;}

/* ¸ÞÀÎ ¿ÀÇÁ¶óÀÎ ¸ÅÀå ¹è³Ê */
.mainBanner02 img {width:100%;}

/* Çϴܹè³Ê */
.bgwrap{ width:100%; height: auto; margin: 0 auto; }
.cwrap{ width:100%; height:auto; margin: 0 auto;  margin-bottom:150px;  } 
.cwrap img{  width:100%; height: auto; display:flex; justify-content: center;   box-sizing:border-box; filter: drop-shadow(1px 1px 2px #777); }
.bottomb01 {padding-bottom:20px;  padding-top: 50px; }


/* ¾ÆƮŬ¸³ ¹è³Ê */
.acbwrap { width:100%; height: 100%; margin: 0 auto;   }
.acwrap{ width:100%; height:100%; margin: 0 auto;  margin-bottom:80px;  } 
.acwrap img{  width:100%; height: auto; display:flex; justify-content: center;   box-sizing:border-box; box-shadow: 0px 2px 3px rgb(0 0 0 / 40%);}
.acwrap a{  width: 100%; height: auto; }


/* ±×¸³ÆÐÆ®ÄÉ¾î ¹è³Ê */
.gpbwrap { width:100%; height: 100%; margin: 0 auto;   }
.gpwrap{ width:100%; height:100%; margin: 0 auto;  margin-bottom:80px;  } 
.gpwrap img{  width:100%; height: auto; display:flex; justify-content: center;   box-sizing:border-box; box-shadow: 0px 2px 3px rgb(0 0 0 / 40%);}
.gpwrap a{  width: 100%; height: auto; }


/* Á¤Ç°µî·Ï ¹è³Ê */
.wtbwrap { width:100%; height: 100%; margin: 0 auto;   }
.wtwrap{ width:100%; height:100%; margin: 0 auto;  margin-bottom:80px;  } 
.wtwrap img{  width:100%; height: auto; display:flex; justify-content: center;   box-sizing:border-box; box-shadow: 0px 2px 3px rgb(0 0 0 / 40%);}
.wtwrap a{  width: 100%; height: auto; }

/* °í°´¹®ÀÇ ¹è³Ê */
.csbwrap { width:100%; height: 100%; margin: 0 auto;   }
.cswrap{ width:100%; height:100%; margin: 0 auto;  margin-bottom:130px;  } 
.cswrap img{  width:100%; height: auto; display:flex; justify-content: center;   box-sizing:border-box; box-shadow: 0px 2px 3px rgb(0 0 0 / 40%);}
.cswrap a{  width: 100%; height: auto; }



/* BASIC css end */