/*�쇳븨紐� 由ъ뒪��*/

.productListMain {overflow:hidden;}
.productListMain li { position:relative; width:29%;  float:left; margin:2%; overflow:hidden;   }
.productListMain li .img  {  }
.productListMain li .img img  {width:100%; height:;border:1px #e0e0e0 solid; box-sizing:border-box; }
.productListMain li .caption {  width:100%; text-align:center; height:42px; line-height:42px; font-size:15px; font-weight:400; color:#555555; margin-bottom:10px;}

/*�쇳븨紐� 酉�*/
.Viewtitle { display:none;}
.shopView {position:relative;overflow:hidden; width:100%; margin:0 auto;}
.shopView > .top { overflow:hidden;}
.shopView > .top > .imgs { width:35%; margin:0; float:left; border:1px #e0e0e0 solid; }
.shopView > .top > .imgs > .bigImg { width:100%;  overflow:hidden;}
.shopView > .top > .imgs > .bigImg > img { width:100%; height:308px;}
.shopView > .top > .imgs > .thumImg { width:100%;  overflow:hidden; }
.shopView > .top > .imgs > .thumImg  img { width:20%;  float:left; }


.shopView > .top > .contents { border-left:0; overflow:hidden;  position:relative; }
.shopView > .top > .contents >.title_wrap { text-align:left;   padding:20px; border:3px #d8dbe1 solid; position:relative; }
.shopView > .top > .contents >.title_wrap > .title { color:#1a75c1; font-size: 20px; font-weight:bold;  line-height:21px; }
.shopView > .top > .contents >.title_wrap > .text {   color:#333;  font-size: 14px;  padding-top:10px; margin-left:0; line-height:14px;     }
.shopView > .top > .contents >.title_wrap > .btn-down { position: absolute; right: 20px; top:20px;  }
.shopView > .top > .contents > .file {     margin-top:25px; margin-left:50px;  }
.shopView > .top > .contents > .file a {   color:#000000;  font-size: 12px;   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:133px; 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:133px; 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:30px; padding-bottom:40px; border-bottom:1px #d8dbe1 solid; }
.shopView > .detailView > .title {padding-left:0;  border-bottom:1px #e1e1e1 solid; border-top:1px #2d2d2d solid; }
.shopView > .detailView > .contents { font-size:12px;}
.shopView > .afterNote {display:block;}
.shopView  .btn {margin-top:30px; float:right;}
.shopView  .btn > .type2 > a{font-weight:bold; margin-left:5px; color:#fff; background:#1a75c1; width:115px; line-height:38px; border:1px #1a75c1 solid; text-align: center; display:block;}
.shopView  .btn > .type2 > a:hover{color:#fff; background:#222; border:1px #555 solid; }






/* �� 湲곌린�� (�� �곗뒪�ы깙, 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:12px;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; }



 }