html,body {width:100%;height:100%; }

.wrap{position:relative;width:1660px; height:100%; margin:0 auto;}

/*header 이하 div 및 category, footer div는  common.css에~*/
.header{width:1660px;  height:80px; z-index: 1111;  }
.banner{ max-width:1660px;  margin:0 auto;  }
.banner .main_pic img{width:100%;}
.ban_detail{width:1410px;display: flex; justify-content: space-between;  padding:30px 0;margin:0 auto;  box-sizing: border-box; }

.ban_detail p.tit{font-size:34px;line-height: 40px;  font-weight:600; }
.ban_detail p.text{font-size:14px; margin:20px 0; color:#4a4f54; line-height: 20px;font-weight: 500; letter-spacing: 0.5px;}
.ban_detail p.btn{border-left: 1px solid #ccc; padding-left: 40px; height:40px;}
.ban_detail p.btn button{width:140px; height:40px;line-height:40px;  font-size:11px; background: #0c121c; color:#fff;}

.container{width:1410px; margin:0 auto;}
.container h2{font-size:24px; font-weight: 600; line-height: 40px;text-align: center; margin-bottom:10px;}

.cont_section{padding:20px; background:#e6e9eb; margin-bottom: 50px;box-sizing: border-box;}
.cont_section2{ margin-bottom: 50px;box-sizing: border-box;}
.cont_section:nth-child(2){display: none;}

.car_cont{display: flex; justify-content: flex-start;  }
.car_box a img{width:320px; margin:0 10px;}
.car_box a img.other_size{width:310px;}
.car_box a:hover img {transition: 0.2s all; filter: brightness(70%);}
.car_box p{text-align: left; font-size:16px;margin:10px 10px 0 10px; margin-top: 10px; font-weight: 600;}

.svo_zone{background:#e6e9eb; width:700px; padding:20px; box-sizing: border-box; margin-left:10px; float:left; }
.svo_zone:first-child{margin-left:0;}
.clear{content: ""; display: block; clear:both;}

.car_cont .car_box:last-child{margin-right: 0}

.icon_area{display: flex;  align-items: center; width:100%; padding:10px 0 60px 0;}
.icon_box{flex:1;   margin-right: 20px;}

.icon_box a{display:flex; align-items: center; justify-content: center; }
.icon_box .icon_txt{margin-left: 20px; font-size:20px; }

.footer{ width:1410px;margin:0 auto; padding:30px 0; border-top: 1px solid #ddd; }


.swiper-pagination { position: absolute; top:640px; padding-left: 120px;}
.swiper-pagination-bullet { border:2px solid #fff;}
.swiper-pagination-bullet-active { background: #fff;}



@media screen and (max-width:1199px){ 

.icon_box{  margin:0 20px;}

.icon_box .icon_txt{ font-size:14px; }

.banner{width:100%; }
.ban_detail{width:100%; padding:20px;}

.ban_detail p.tit{font-size:28px;line-height: 30px; }
.ban_detail p.text{font-size:12px; margin:10px 0 14px 0; line-height: 18px;}
.ban_detail p.btn{}
.ban_detail p.btn button{width:130px; height:36px;line-height:36px;  font-size:11px; background: #000; color:#fff;}

.container{width:100%;}
.container h2{font-size:24px; font-weight: 600; line-height: 40px;text-align: center; margin-bottom:10px;}

.cont_section{padding:20px 10px; }
.cont_section2{ width:100%; padding:0; margin:0; }

.cont_section h2,.cont_section2 h2{font-size: 20px;}

.car_cont{flex-wrap: wrap; justify-content: flex-start; }
.car_box{margin:10px; width:47%;}
.car_box a img{width:100%;margin:0;}
.car_box a img.other_size{width:100%;}
.car_box p{text-align: left; font-size:16px; margin: 10px 0 0 0; font-weight: 600; letter-spacing: -0.5px;}

.cont_section:nth-child(1){display: none;}
.cont_section:nth-child(2){display: block;}
.svo_zone{width:100%;padding:20px 10px 10px 10px; margin-left:0; margin-bottom: 50px;  flex-wrap: wrap; justify-content: flex-start; }

.clear{content: ""; display: block; clear:both;}

.car_cont .car_box:last-child{margin-right: 10px;}


}

@media screen and (max-width:767px){ 
.banner{width:100%;}

.ban_detail{ padding:30px; flex-direction:column;}
.ban_detail p.btn{border-left: 0; padding-left: 0; height:40px;}
.ban_detail p.tit{font-size:28px;line-height: 30px;}
.ban_detail p.tit br{display: block;}
.ban_detail p.text{font-size:13px; line-height: 16px; font-weight: normal;}

.icon_area{display:block;   border-top: 1px solid #eee;  padding:10px 0;}
.icon_box{width: 100%;  margin-right:0; margin: 30px 0;}
.icon_box img{width:8%;}
.icon_box a{height:30px;  display:flex; align-items: center; justify-content: flex-start; margin-left: 50px; }
.icon_box .icon_txt{margin-left: 20px; font-size:14px; }

.car_box{margin:8px; width:44%;}
.car_box p{text-align: left; font-size:12px; margin-top: 10px; font-weight: 600; letter-spacing: -0.5px;}

}