/*쇼핑몰 리스트*/

.productListMain {overflow:hidden;}
.productListMain li { position:relative; width:31.3%;  float:left; margin:0 1% 3% 1%; overflow:hidden; border-bottom:1px #ececeb solid; padding-bottom:2%;}
.productListMain li .img  {  }
.productListMain li .img img  {width:100%; height:183px; }
.productListMain li .caption {  width:100%; text-align:center; height:20px; line-height:20px; font-size:13px; color:#333;  font-family:'맑은 고딕'; margin-top:10px; font-weight:bold;}
.productListMain li .price {  width:100%; text-align:center; height:20px; line-height:20px; font-size:14px; color:#333;  font-family:'맑은 고딕'; margin-top:10px;}
.productListMain li .shortText {  width:100%; text-align:center; height:40px; line-height:20px; font-size:12px; color:#888;  font-family:'맑은 고딕'; margin-top:10px; overflow:hidden;}

/*쇼핑몰 뷰*/
.Viewtitle { display:none;}
.shopView {position:relative;overflow:hidden; width:100%; margin:0 auto;}
.shopView > .top { overflow:hidden;}
.shopView > .top > .imgs { width:46%; margin:0; float:left; border:1px #e0e0e0 solid; }
.shopView > .top > .imgs > .bigImg { width:100%;  overflow:hidden;}
.shopView > .top > .imgs > .bigImg > img { width:100%; height:270px;}
.shopView > .top > .imgs > .thumImg { width:100%;  overflow:hidden; margin-top:1px; }
.shopView > .top > .imgs > .thumImg  img { width:20%; height:60px;  float:left; padding-left:1px; box-sizing:border-box; }


.shopView > .top > .contents { width:53%;float:left; height:332px; border-left:0; overflow:hidden;  position:relative; }
.shopView > .top > .contents > .title { text-align:left;  color:#2d2d2d; font-size: 32px; font-family:'맑은 고딕'; line-height:34px; margin-left:50px;  }
.shopView > .top > .contents > .text {   color:#6b6b6b;  font-size: 14px;  margin-top:15px; margin-left:50px;font-family:'맑은 고딕'; line-height:22px;     }
.shopView > .top > .contents > .text table { color: #393939; font-size:12px; width:100%; border-top:2px #366bb3 solid; padding:0; border-spacing:0;border-collapse:collapse;   }
.shopView > .top > .contents > .text table th{background:#f9f9f9; border:1px #d0d0d0 solid; padding:4px; text-align:center; }
.shopView > .top > .contents > .text table td{border:1px #d0d0d0 solid; padding:6px 15px; line-height:; }



.shopView > .top > .contents > .file {     margin-top:25px; margin-left:50px;  }
.shopView > .top > .contents > .file a {   color:#000000;  font-size: 12px;  font-family:'맑은 고딕'; line-height:22px;  }
.shopView > .top > .contents > .btn { padding:0; overflow:hidden; position:absolute; bottom:0; right:0;  }
.shopView > .top > .contents > .btn > div {  margin: 20px 0 0 0; }
.shopView > .top > .contents > .btn > .type1 > a{ font-weight:bold; color:#fff; background:#fe434c; width:113px; line-height:38px; border:1px #fe434c solid; text-align: center; display:block;}
.shopView > .top > .contents > .btn > .type2 > a{font-weight:bold; margin-left:5px; color:#353535; background: linear-gradient(to bottom,  #efefef 100%,#fff 100%); width:113px; line-height:38px; border:1px #cdcdcd solid; text-align: center; display:block;}
.shopView > .top > .contents > .btn > .type2 > a:hover{color:#fff; background:#666; border:1px #666 solid; }


.shopView > .detailView { clear:left; margin-top:60px; }
.shopView > .detailView > .title {padding-left:0;  border-bottom:1px #e1e1e1 solid; border-top:1px #2d2d2d solid; }
.shopView > .detailView > .contents { font-size:14px; line-height:21px;margin-top:20px;}
.shopView > .detailView > .contents p {margin-top:10px;}
.shopView > .afterNote {display:block;}





/* 큰 기기들 (큰 데스크탑, 640px 이하) */
 @media all and (max-width:640px) {
	 
/*쇼핑몰 뷰*/
.shopView {position:relative;background:#fff; overflow:hidden; width:340px; margin:0 auto; padding-bottom:15px;}
.shopView > .top > .imgs { width:340px; margin:0; }
.shopView > .top > .imgs > .bigImg { width:340px;  overflow:hidden;}
.shopView > .top > .imgs > .bigImg > img { width:340px; height:auto;}
.shopView > .top > .imgs > .thumImg { width:340px; height:68px; overflow:hidden;}
.shopView > .top > .imgs > .thumImg img { width:68px;}
.shopView > .top > .contents { width:340px;  }
.shopView > .top > .contents > .title { color:#131313; font-weight:bold; font-size: 1.2em; padding:5px; border-bottom:1px #e5e5e5 solid;border-top:1px #e5e5e5 solid; margin-top:20px; margin-left:0;}
.shopView > .top > .contents > .text {  color:#131313;  font-size: 0.9em; line-height:1.5em; padding:5px; margin-left:0; }
.shopView > .top > .contents > .file {     padding:5px; margin-left:0; }
.shopView > .top > .contents > .file a {   color:#000000;  font-size: 0.9em;line-height:1.5em;  }

.shopView > .top > .contents > .btn { padding:0; overflow:hidden; position:relative; margin:0; }
.shopView > .top > .contents > .btn > div { float:left; margin:10px 0 0 2px;}
.shopView > .top > .contents > .btn > .type1 > a{ color:#fff;font-size: 0.9em; 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.9em; background: linear-gradient(to bottom,  #efefef 100%,#fff 100%);width:80px; line-height:30px; border:1px #cdcdcd solid; text-align: center; display:block;}
.shopView > .detailView {clear:left;margin-top:20px;}
.shopView > .detailView > .title { color:#333333;  font-size: 1.1em; font-weight:bold;  border-bottom:1px #b1b1b1 solid; border-top:1px #b1b1b1 solid; }
.shopView > .detailView > .title img{ height:32px; }
.shopView > .detailView > .contents { font-size:1em;margin-top:20px;}
.shopView > .afterNote {display:none;} 



.productListMain {overflow:hidden;}
.productListMain li {overflow:hidden; width:154px;  float:left; margin:7px;  }
.productListMain li .img  { display:block; border:1px #d4d4d4 solid; }
.productListMain li .img img  {width:100%; height:114px; }
.productListMain li .caption { display:block; width:154px ; line-height:1.3em; font-size:1em; color:#333; text-align:center; margin-top:5px; }



 }