/* BASIC css start */
h1 {text-align:center; font-size:23px; line-height:70px; font-weight:bold; background:#f7f7f7;}
.list_category {overflow:hidden; border-top:1px solid #eee; font-family: 'Noto Sans KR', sans-serif; }
.list_category li {float:left; width:25%; border-bottom:1px solid #eee; border-right:1px solid #eee; box-sizing:border-box; -moz-box-sizing:border-box; }
.list_category li:nth-child(4) {border-right:0px none;}
.list_category li a {display:block; color:#555; text-align:center; text-overflow: clip; white-space: nowrap; overflow: hidden; padding:15px 0; font-size:14px; }
.list_category li a.active{background:#333; color:#fff;}


.tabs {display: flex;flex-wrap: wrap; border:1px solid #eee;}
.tabs label {order: 1; display: block; margin:12px 5px; text-align: center;cursor: pointer;color: #838487; font-weight:300; font-size:16px; width:40px; line-height:40px; transition: color ease .2s; border:1px dashed #ccc; border-radius:50%;}
.tabs .tab {order: 99; flex-grow:1; width:100%; display:none;}
.tabs input[type="radio"] {display: none}
.tabs input[type="radio"]:checked+label {color: #333; font-weight:500; border:2px solid #333;}
.tabs input[type="radio"]:checked+label+.tab {display: block}
.swiper-container {width: 100%; margin-top:30px;}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.swiper-slide img{width:100%;}


/* BASIC css end */