/* BASIC css start */
section{margin-bottom: 60px;}
section .sec_inner{padding: 2% 1% 0 1%;}    /* 상 우 하 좌 */

section h2{text-align: center;margin-bottom: 10px;color: #333;font-family: 'Jost', sans-serif; font-size: 23px; font-weight: 600; letter-spacing: 3px; margin-top: -30px; }

section h3{text-align: center;margin-bottom: 30px;color: #333;font-family999: 'Jost999', sans-serif; font-size: 15px; font-weight: 380; letter-spacing: 0px; font-stretch: ultra-condensed; }


section h4{text-align: center;margin-bottom: 30px; color: #000000 ;font-family: 'Jost', sans-serif; font-size: 15px; font-weight: 400; letter-spacing: 0px;  margin-top: 20px;}


/* section h5{text-align: center;margin-bottom: 15px;color: #333;font-family: 'Jost', sans-serif; font-size: 23px; font-weight: 600; letter-spacing: 3px; margin-top: -30px; }  */

section h5{text-align: center;margin-bottom: 15px;color: #333;font-family: 'Jost', sans-serif; font-size: 23px; font-weight: 600; letter-spacing: 3px; margin-top: -30px; } 


#sec1{width: 100%;}
#sec1 .swiper{}
#sec1 .swiper ul{width: 100%;}
#sec1 .swiper ul li{width: 100%;}
#sec1 .swiper ul li a{display: block;width: 100%;}
#sec1 .swiper ul li a img{width: 100%;}
#sec1 .swiper-pagination{bottom: 20px;}
#sec1 .swiper-pagination-bullet{width: 20px; height: 3px; border-radius: 0; background-color: #fff; }
#sec1 .swiper{position:relative}
#sec1 .swiper_btn_prev{position: absolute; top: 50%; left: 10%; z-index: 10; transform: translateY(-50%); cursor: pointer; } 
#sec1 .swiper_btn_next{position: absolute; top: 50%; right: 10%; z-index: 10; transform: translateY(-50%); cursor: pointer;}
#sec1 .swiper_btn_prev img{transform:scale(.66); transform-origin:left center}
#sec1 .swiper_btn_next img{transform:scale(.66); transform-origin:right center}


/*
#sec2{margin-bottom:80px}
#sec2 .swiper{}
#sec2 .swiper ul{}
#sec2 .swiper ul li{position: relative; border-radius: 10px; overflow: hidden; width: 80%;}
#sec2 .swiper ul li img{width: 100%;}
#sec2 .swiper ul li a{position: absolute; margin-top: 15px; opacity: 0;  transition: margin-top .5s, opacity 1s; font-family: 'Noto Sans KR', sans-serif; 
                     font-size: 15px; width: max-content; color: #fff; top: 50%; left: 50%;border-radius: 25px; display: inline-block; transform: translate(-50%,-50%); 
                     z-index: 1;border: 1px solid #fff; font-weight: 400; padding: 12px 22px;}
#sec2 .swiper ul li a.show{margin-top: 0; opacity: 1;}
*/


 /* #sec3{margin-left:2px; margin-right:2px; } */   /* 좌우 여백 */

 #sec3{margin-left:2px; margin-right:2px; margin-bottom:60px; }   /* 생략과 동일값은 60 */


#sec3 .item_list .info .prdname{font-size:17px; padding-bottom:3px; margin-bottom:7px; border-bottom:3px; margin-top:0px;   }

#sec3 .item_list .info .prdetc{font-size:14.5px; padding-bottom:10px; margin-bottom:1px; border-bottom:10px; line-height:21px; text-align:left; font-weight: 400; 
                               letter-spacing: -0.5px; color: #848484; font-stretch: ultra-condensed; font-family: 'Noto Sans KR', sans-serif; }


/* #sec33 .item_list .info .prdetc{text-align:left; margin-bottom:30px; color:grey; font-family: 'Jost', sans-serif; font-size: 14px; font-weight: 380; letter-spacing: 5px; }   */


#sec3 .item_list .info p{margin-bottom:1px}


/*
#sec4 ul li{width:75%}
#sec4 .item_list .info .prdname{font-size:17px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #eee}
#sec4 .item_list .info .prdetc{font-size:14px}
#sec4 .item_list .info p{margin-bottom:11px}
*/


/* 띠배너 */
#sec5{margin-top:-20px; margin-bottom:75px; }   /* 아래 원래값 80, 탑은 만듬 */
/* 하단: 아래 베스트와 딱붙는 값은 25, 25에서 추가출발   */


#sec5 a{display: block; width: 100%;}
#sec5 a img{width: 100%;}


#sec6{}
#sec6 .sec_inner{}
#sec6 .sec_inner h2{margin-bottom:20px}
#sec6 .sec_inner .sec6_cate{margin: 0px 0 40px;}
#sec6 .sec_inner .sec6_cate ul{ }
#sec6 .sec_inner .sec6_cate ul li{margin:0 30px 0 0; width:auto !important;}
#sec6 .sec_inner .sec6_cate ul li a{font-family: 'Noto Sans KR', sans-serif; transition:border-color .3s; border-bottom:2px solid transparent; color:#bbbbbb; font-size: 15px; display: block;font-weight: 400;text-align:center;   padding: 8px 0; transition:border-color .2s, color .2s;}
#sec6 .sec_inner .sec6_cate ul li.on>a{ color: #000;border-color:#000;}

#sec6 .sec_inner .sec6_prd{}
#sec6 .sec_inner .sec6_prd>div{display:none;}
#sec6 .sec_inner .sec6_prd>div.show{display: block;}

#sec6 .sec_inner .sec6_prd>div>ul{width: 100%; display: flex; flex-wrap: wrap; }
#sec6 .sec_inner .sec6_prd>div>ul>li{width:31%; margin-right:3.5%;  position: relative; margin-bottom: 15px; border-radius: 10px; overflow: hidden;}
#sec6 .sec_inner .sec6_prd>div>ul>li:nth-child(3n){margin-right:0 }


#sec7{margin-bottom:50px; margin-top:80px; }   /* 탑마진 만듬, 생략동일값은 80 */
#sec7 .sec_inner{}
#sec7 .sec_inner h2{}
#sec7 .sec_inner ul{border-top: 1px solid #eee;width: 100%;}
#sec7 .sec_inner ul li{border-bottom: 1px solid #eee; width: 100%;}
#sec7 .sec_inner ul li a{display: flex; width: 100%; flex-direction: row; align-items: center; padding: 13px 0;}   /*패딩 원래는 20px */
#sec7 .sec_inner ul li a .thumb{width: 30%;}                           /* 이미지 자리 확보 설정 */
#sec7 .sec_inner ul li a .thumb img{width: 100%; border-radius: 10px;} /*이미지의 사이즈 조절 */
#sec7 .sec_inner ul li a .info{width: 100%; padding-left: 3%; padding-right: 2%;}
#sec7 .sec_inner ul li a .info p{margin: 0px 0;}

#sec7 .sec_inner ul li a .info p.prdname{font-family: 'Noto Sans KR', sans-serif; font-size: 14px; color: #000; font-weight: 500; margin-left: -1px; margin-bottom:5px; }

/* #sec7 .sec_inner ul li a .info p.prdcont{color: #000000; font-size: 13px; font-family: 'Noto Sans KR', sans-serif; font-weight: normal; margin-right: 1px; margin-left: -5px; } */  /*원본칼라는 #999999 회색 */

#sec7 .sec_inner ul li a .info p.prdcont{color: #848484; font-size: 13px; font-weight: normal; line-height:17px }  /*원본칼라는 #999999 회색 */


#sec7 .sec_inner ul li a .info p.prdheart{display: flex; align-items: center;}
#sec7 .sec_inner ul li a .info p.prdheart img{transform: scale(.66); transform-origin: left center;}
#sec7 .sec_inner ul li a .info p.prdheart span{font-size: 13px; color: #848484; font-family: 'Jost', sans-serif;  display: inline-block; margin-left: 1px; margin-top: 2px; font-weight: normal;}
/* 원칼라는 #242424 */

/* 원본 css 끝 */


/* 상품비교 추가(구홈피) */

/*
.mainlist2 {width:100%; height:70px; background:url('http://www.bizpaycard.co.kr/design/hcshin9006/uju/img/main_list_bg.jpg') 50% 50%;}
.mainlist2 {overflow:hidden; width:100%;}
.mainlist2_left {float:left; width:100%;}
.mainlist2_left a {display:block; width:100%; height:30px; line-height:40px; border-bottom:solid 0px #fff; border-right:solid 0px #fff; box-sizing:border-box; color:#fff; font-size:1.4em; text-shadow:#000 3px 2px 5px;}

.mainlist {width:100%; height:245px; background:url('http://www.bizpaycard.co.kr/design/hcshin9006/uju/img/main_list_bg.jpg') 50% 50%;}
.mainlist {overflow:hidden; width:100%;}
.mainlist_left {float:left; width:70%;}
.mainlist_left a {display:block; width:100%; height:35px; line-height:35px; border-top:solid 0px #fff; border-bottom:solid 0.5px #fff; border-right:solid 0.5px #fff; box-sizing:border-box; color:#fff; font-size:1.1em; text-shadow:#000 2px 2px 2px;}

.mainlist_right {float:left; width:30%;  }
.mainlist_right a {display:block; width:100%; height:35px; line-height:35px; border-top:solid 0px #fff; border-bottom:solid 0.5px #fff; border-right:solid 0px #fff; box-sizing:border-box; color:#fff; font-size:1.1em; text-shadow:#000 2px 2px 2px;}
*/


.mainlist2 {width:100%; height:39px; background:url('http://hcshin55.speedgabia.com/100logo/guhomebg.jpg') 50% 50%;}
.mainlist2 {overflow:hidden; width:100%;}
.mainlist2_left {float:left; width:100%;}
.mainlist2_left a {display:block; width:100%; height:30px; line-height:40px; border-bottom:solid 0px blue; border-right:solid 0px blue; box-sizing:border-box; color:#000000; font-size:1.2em; }
                                                                                                                                                                   /* 폰트칼라 */

.mainlist {width:100%; height:245px; background:url('http://hcshin55.speedgabia.com/100logo/guhomebg2.jpg') 50% 50%;}
.mainlist {overflow:hidden; width:100%;}
.mainlist_left {float:left; width:73%;}
.mainlist_left a {display:block; width:100%; height:35px; line-height:35px; border-top:solid 0px blue; border-bottom:solid 0.5px #999999; border-right:solid 0.5px #999999; box-sizing:border-box; color:#666666; font-size:1.1em; }
                                                                                                                              /* 칼라                           세로 칼라 */      
.mainlist_right {float:left; width:27%; }
.mainlist_right a {display:block; width:100%; height:35px; line-height:35px; border-top:solid 0px red; border-bottom:solid 0.5px #999999; border-right:solid 0px red; box-sizing:border-box; color:#666666; font-size:1.1em; }
                                                                                                                              /* 칼라 */      


.mainl_icon {
	padding-left:10px;
	padding-right:10px;
	font-size:20px;
	padding-top: 10px;
	vertical-align: middle;
	color: #F00;
}


/* 상품비교 추가(구홈피) 끝 */


/* BASIC css end */