/* 서브 카테고리 */
.sub_category { margin:0 0 20px; overflow:hidden; }
.sub_category ul li { float:left; width:32%; margin:0.5%;}
.sub_category ul li a { display:block; border:1px solid #e0e0e0; padding:6px; font-size:0.8em; color:#666; text-align:center; }
.sub_category ul li a:hover { border:1px solid #999; background:#999; color:#fff; }
.sub_category ul li.on a { border:1px solid #20a89a; background:#20a89a; color:#fff;}
	
/* 리스트 */	
.productListMain { display:flex; justify-content:; flex-wrap:wrap; }
.productListMain li { position:relative; width:46%; height:100%; margin:0 1.5% 6% 1.5%; }
.productListMain li .img  { border: 0px#e0e0e0 solid; display: block;  }
.productListMain li .img img  { border-radius:15px; width:100%; height:100%; }
.productListMain li .caption { margin-top:10px; width:100%; font-family: 'Noto Sans KR', sans-serif; font-size:0.95em;  line-height:1.3em; text-align:center;}

	 
/* 뷰 */
.shopView {position:relative; overflow:hidden; width:100%; }
.shopView > .top {display:flex; justify-content:space-between; flex-wrap:wrap; }
.shopView > .top > .imgs { display:flex; align-items:center; width:100%; border:1px#e0e0e0 solid; }
.shopView > .top > .imgs > .bigImg { width:100%;  overflow:hidden;}
.shopView > .top > .imgs > .bigImg > img { width:100%; height:100%; border-bottom:0px#e0e0e0 solid;}
.shopView > .top > .imgs > .thumImg { display:none; width:100%;  overflow:hidden; }
.shopView > .top > .imgs > .thumImg  img { width:20%;  float:left; }

.shopView > .top > .contents { display:flex; flex-direction:column; width:100%; margin-top:20px;overflow:hidden; }
.shopView > .top > .contents > .cate { background:#1dac4a; border-radius:5px; margin-bottom:10px; padding:5px; width:40%;  font-family: 'Noto Sans KR', sans-serif; font-size:0.9em; color:#fff; font-weight:400; line-height:1.2em; text-align:center; }
.shopView > .top > .contents > .title { margin:10px 0 5px; font-family: 'Noto Sans KR', sans-serif; font-size:1.3em; color:#222; font-weight:600; line-height:1.4em; text-align:left; }
.shopView > .top > .contents > .model { margin:5px 0; font-family: 'Noto Sans KR', sans-serif; font-size:1.2em; color:#20a89a; font-weight:500; line-height:1.2em; text-align:left; }
.shopView > .top > .contents > .text { border-top:1px solid#333; margin-top:12px; padding-top:15px; }
.shopView > .top > .contents > .text ul li { list-style-type:disc; list-style-position:outside; margin-left:20px; padding-left:0; font-family: 'Noto Sans KR', sans-serif; font-size:1.0em; font-weight:400; line-height:1.6em; }

.shopView > .top > .contents > .btn { position:relative; float:right; margin:20px 0 0; padding:0; }
.shopView > .top > .contents > .btn > div { float:left; margin:10px 0 0 2px;}
.shopView > .top > .contents > .btn > .type1 > a{ color:#fff;font-size: 0.9rem; background:#fe434c; width:80px; line-height:30px; border:1px#fe434c solid; text-align: center; display:block;}
.shopView > .top > .contents > .btn > .type2 > a{ color:#353535;font-size:0.9rem; background: linear-gradient(to bottom, #efefef 100%, #fff 100%);width:80px; line-height:30px; border:1px#cdcdcd solid; text-align: center; display:block;}

.shopView > .event_banner {margin:30px 0;}

.shopView > .detailView {clear:both; margin-top:40px; border-bottom:1px solid #dde2e5;}
.shopView > .detailView > .title { background:#929faf; padding:10px; font-size:1.1em; font-weight:500; color:#fff; letter-spacing:0; text-align:center; }
.shopView > .detailView > .contents { margin:20px; text-align:center; }
.shopView > .afterNote {display:none;} 

/* 탭메뉴 */
#css_tabs input:nth-of-type(1), #css_tabs input:nth-of-type(1) ~ div:nth-of-type(1),
#css_tabs input:nth-of-type(2), #css_tabs input:nth-of-type(2) ~ div:nth-of-type(2) { display:none }
#css_tabs input:nth-of-type(1):checked ~ div:nth-of-type(1),
#css_tabs input:nth-of-type(2):checked ~ div:nth-of-type(2) {display:block}

 /* 라벨 기본 스타일 지정 */
#css_tabs > label {
     display:inline-block;
     font-variant:small-caps;
     font-size:0.9em;
     padding:10px 0; margin-right:-4px;
     text-align:center;
     width:50%;
     line-height:1.4em;
     font-weight:;
     border-radius:0;
     background:#f5f5f5;
     color:#;
     border-top:1px solid#d8d8d8;
    /* border-width:1px 1px 0; */
	 z-index:9999;
 }
#css_tabs > label:hover {
     cursor:pointer
 }
#css_tabs label[for=tab1] {
     margin-left:0
 }

 /* 선택된 라벨, 커서를 올린 라벨 스타일 지정 */
#css_tabs input:nth-of-type(1):checked ~ label:nth-of-type(1), /*#css_tabs > label[for=tab1]:hover, */
#css_tabs input:nth-of-type(2):checked ~ label:nth-of-type(2) {
     background:#20a89a; border:1px solid#20a89a;
     color:#fff; font-weight:500; font-size:0.9em;
 }

 /* 실제 내용이 담긴 div 요소 스타일 지정 */
#css_tabs .tab1_content { padding-top:20px; margin-top:; border-top:1px solid#20a89a; height:100%; font-size:1.0em; z-index:9; } 
#css_tabs .tab2_content { padding-top:20px; margin-top:; border-top:1px solid#20a89a; height:100%; font-size:1.0em; z-index:9; } 
#css_tabs .tab1_content .contents, #css_tabs .tab2_content .contents { width:100%; }
#css_tabs .tab1_content .contents img, #css_tabs .tab2_content .contents img { width:100%; }
#css_tabs .tab2_content .file_wrap {border-top:1px solid#e0e0e0; margin-top:20px; padding-top:20px;}
#css_tabs .tab2_content .file_name { margin-bottom:10px; text-align:center;}
#css_tabs .tab2_content .file_btn a { display:block; background:#4d4d4d; border-radius:30px; border:1px solid#4d4d4d; width:140px; margin:0 auto; padding:10px 0; font-size:0.9em; font-weight:500; color:#fff; left:2.0em; text-align:center; letter-spacing:0.5px; transition:all 0.5s}
#css_tabs .tab2_content .file_btn a:hover { background:#F00; border:1px solid#F00; transition:all 0.5s }
#css_tabs .tab1_content img, #css_tabs .tab2_content img { width:100%; margin:0 auto;}