/* BASIC css start */
/* layout */

/*메인타이틀 공통*/

.sec_title { padding:40px 0 30px;letter-spacing:-1px; }
.sec_title .sec_title_line { width:60px;height:2px;background:#222;margin:0 auto;} 
.sec_title .sec_title_one { font-size:35px;color:#555;text-align:center;padding:10px 0;} 
.sec_title .sec_title_one .sub_color { color:#222;} 
.sec_title .sec_title_two { font-size:15px;color:#777;text-align:center;padding-bottom:10px;} 



#section_01 { }

#section_02:after {content:""; display:block; clear:both;}
#section_02 { background:#e0e0e0;min-width:1170px;padding:0 50px 80px; text-align:center;*zoom1;} /* IE5.5~7 브라우저 대응 Hack */
#section_02 li { display:inline-block;width:31.0%;margin:0 0.5% } 
#section_02 li img {
    width:100%;
    display: block;
    outline: 0px solid #222;
    transition: .15s ease;
}


#section_02 li img:hover  {
    outline: 8px solid #222;
    transition: .15s ease;
}


#section_03 { min-width:1170px;padding:0 50px 50px;margin-bottom:30px;} 

#section_04 { position:relative;overflow: hidden;min-width:1170px;text-align:center;margin-bottom:30px;*zoom1;} /* IE5.5~7 브라우저 대응 Hack */
#section_04 img { width:100%;height: auto;
     -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
} 

#section_04:hover img { 
     -webkit-transform:scale(1.09);
    -moz-transform:scale(1.09);
    -ms-transform:scale(1.09);   
    -o-transform:scale(1.09);
    transform:scale(1.09);
} 



#section_05 { min-width:1170px;padding:0 50px 50px;margin-bottom:30px;} 

#section_06 { min-width:1170px; text-align:center;}
#section_06 ul:after {content:""; display:block; clear:both;}
#section_06 ul { *zoom1;} /* IE5.5~7 브라우저 대응 Hack */
#section_06 li { float:left;width:33.3%;position:relative;overflow: hidden; } 
#section_06 li img { width:100%;
     -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}

#section_06 li.sec06_01:hover img { 
     -webkit-transform:scale(1.09);
    -moz-transform:scale(1.09);
    -ms-transform:scale(1.09);   
    -o-transform:scale(1.09);
    transform:scale(1.09);
}  
#section_06 li.sec06_02:hover img { 
     -webkit-transform:scale(1.09);
    -moz-transform:scale(1.09);
    -ms-transform:scale(1.09);   
    -o-transform:scale(1.09);
    transform:scale(1.09);
} 
#section_06 li.sec06_03:hover img { 
     -webkit-transform:scale(1.09);
    -moz-transform:scale(1.09);
    -ms-transform:scale(1.09);   
    -o-transform:scale(1.09);
    transform:scale(1.09);
}  
#section_06 li.sec06_04:hover img { 
     -webkit-transform:scale(1.09);
    -moz-transform:scale(1.09);
    -ms-transform:scale(1.09);   
    -o-transform:scale(1.09);
    transform:scale(1.09);
} 
#section_06 li.sec06_05:hover img { 
     -webkit-transform:scale(1.09);
    -moz-transform:scale(1.09);
    -ms-transform:scale(1.09);   
    -o-transform:scale(1.09);
    transform:scale(1.09);
} 
#section_06 li.sec06_06:hover img { 
     -webkit-transform:scale(1.09);
    -moz-transform:scale(1.09);
    -ms-transform:scale(1.09);   
    -o-transform:scale(1.09);
    transform:scale(1.09);
} 


#section_06 li .pb { position:absolute;bottom:25px;right:30px;transition: .5s ease; } 
#section_06 li .plus_btn:hover { 
-webkit-transform: rotateZ(-360deg);
-ms-transform: rotateZ(-360deg);
transform: rotateZ(-360deg);
transition: .5s ease; 
 } 





/* 상품진열 스타일 */
.ec-base-product_main_01 { margin:22px 0 0; }
.ec-base-product_main_01 img { vertical-align:middle; }
.ec-base-product_main_01 .prdList { display:table; width:100%; min-width:756px; margin:-20px 0 0; font-size:0; line-height:0; }
.ec-base-product_main_01 .prdList .prame_box { background:#FFFFFF; border:1px solid #eaeaea;max-width:500px;margin:20px 10px; }
.ec-base-product_main_01 .prdList .prame_box:hover { border:1px solid #777; }
.ec-base-product_main_01 .prdList > li { display:inline-block; margin:0px 0; color:#757575; vertical-align:top; }

.ec-base-product_main_01 .prdList .thumbnail { position:relative; text-align:center; }
.ec-base-product_main_01 .prdList .thumbnail a img { width:100%; box-sizing:border-box;border-bottom:1px solid #eaeaea }
.ec-base-product_main_01 .prdList .thumbnail .etc_icon { position:absolute; right:3px; bottom:4px; z-index:1; cursor:pointer; }
.ec-base-product_main_01 .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; }

.ec-base-product_main_01 .prdList .description { margin:0 auto; padding:25px 0 0 0; font-size:12px; line-height:18px; text-align:center; }
.ec-base-product_main_01 .prdList .description .name { display:block; text-align:center;padding-bottom:5px;font-size: 12px;color: #222222;font-weight: bold; }
.ec-base-product_main_01 .prdList .description .name a { font-size: 12px;color: #222222;font-weight: bold; }
.ec-base-product_main_01 .prdList .description .sub_names { font-size: 11px;color: #555555; }
.ec-base-product_main_01 .prdList .description .prd-price .prd-price2 { font-size: 12px;color: #000000;font-weight: bold; }
.ec-base-product_main_01 .prdList .description .spec { font-weight:normal }
.ec-base-product_main_01 .prdList .description .icon { margin:0 0 15px; /*border-bottom:1px solid #e8e8e8;*/ vertical-align:middle; }
.ec-base-product_main_01 .prdList .description .icon:after { content:""; display:block; clear:both; }
.ec-base-product_main_01 .prdList .description .promotion { /*float:left; margin:0 0 4px;*/ text-align:center; }


/* 진열방식 */
.ec-base-product_main_01 ul.grid3 > li { width:33.33%; }
.ec-base-product_main_01 ul.grid4 > li { width:25%; }
.ec-base-product_main_01 ul.grid5 > li { width:20%; }





/* 상품진열 스타일2 */

.ec-base-product_main_02 { width:101.7%;margin:22px 0 0; }
.ec-base-product_main_02 img { vertical-align:middle; }

.ec-base-product_main_02 .prdList { display:table; width:100%; min-width:756px; margin:-20px 0 0; font-size:0; line-height:0; }
.ec-base-product_main_02 .prdList > li { display:inline-block; margin:10px 0; color:#757575; vertical-align:top; }



/* 마우스오버시 액션 */
.ec-base-product_main_02 .prdList > li.view {
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.ec-base-product_main_02 .prdList > li.view .mask {
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.ec-base-product_main_02 .prdList > li.view img {
   display: block;

}

.ec-base-product_main_02 .prdList > li.third-effect .mask {
   width:95%;
   height:100%;
   opacity: 0;
   overflow:visible;
   background:rgba(0,0,0,0.5);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

.ec-base-product_main_02 .prdList > li.third-effect:hover .mask {
   width:95%;
   height:100%;
   opacity: 1;
   background:rgba(0,0,0,0.5);
   cursor:pointer;
}


.ec-base-product_main_02 .prdList .chk { display:block; margin:0 0 10px; text-align:center; }
.ec-base-product_main_02 .prdList .thumbnail { position:relative; text-align:center; }
.ec-base-product_main_02 .prdList .thumbnail a img { width:95%; box-sizing:border-box; }
.ec-base-product_main_02 .prdList .thumbnail .wish { text-align:center; cursor:pointer; }
.ec-base-product_main_02 .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; }

.ec-base-product_main_02 .prdList .description {position:relative;  margin:0 auto;padding:50px; font-size:12px; line-height:18px; text-align:center;z-index:14 }
.ec-base-product_main_02 .prdList .description .percent { margin:0 auto;width:80px;height:80px;background:#ff0000;border-radius:40px;line-height:80px;font-size:18px;font-weight:bold;color:#FFF;margin-bottom:20px; }
.ec-base-product_main_02 .prdList .description .name { display:block; text-align:center;padding-bottom:5px;font-size: 14px;color: #FFF;font-weight: bold; }
.ec-base-product_main_02 .prdList .description .name a { font-size: 14px;color: #FFF;font-weight: bold; }
.ec-base-product_main_02 .prdList .description .sub_names { font-size: 11px;color: #e1e1e1; }
.ec-base-product_main_02 .prdList .description .prd-price strike { font-size: 11px;color: #e1e1e1; }
.ec-base-product_main_02 .prdList .description .prd-price .prd-price2 { font-size: 12px;color: #FFF;font-weight: bold; }
.ec-base-product_main_02 .prdList .description .icon { margin:0 0 15px; /*border-bottom:1px solid #e8e8e8;*/ vertical-align:middle;text-align:center; }
.ec-base-product_main_02 .prdList .description .icon:after { content:""; display:block; clear:both; }
.ec-base-product_main_02 .prdList .description .promotion { /*float:left; margin:0 0 4px;*/ text-align:center; }
.ec-base-product_main_02 .prdList .description .promotion img { display:inline }

.ec-base-product_main_02 .prdList .description .etc_icon2 {position:relative; text-align:center;z-index:15 }
.ec-base-product_main_02 .prdList .description .etc_icon2 img { display:inline;}


/* 진열방식 */
.ec-base-product_main_02 ul.grid3 > li { width:33.33%; }
.ec-base-product_main_02 ul.grid4 > li { width:25%; }
.ec-base-product_main_02 ul.grid5 > li { width:20%; }






/* 상품진열 스타일3 */

.ec-base-product_main_03 { margin:22px 0 0; }
.ec-base-product_main_03 img { vertical-align:middle; }

.ec-base-product_main_03 .prdList { display:table; width:100%; min-width:756px; margin:-20px 0 0; font-size:0; line-height:0; }
.ec-base-product_main_03 .prdList .prd_frame:after {content:""; display:block; clear:both;}
.ec-base-product_main_03 .prdList .prd_frame { border:1px solid #e8e8e8;margin-right:20px;*zoom1;} /* IE5.5~7 브라우저 대응 Hack */
.ec-base-product_main_03 .prdList .prd_frame:hover { border:1px solid #777;}
.ec-base-product_main_03 .prdList > li { display:inline-block; margin:10px 0; color:#757575; vertical-align:top; }

.ec-base-product_main_03 .prdList .description { float:left; width:240px;padding:25px; font-size:12px; line-height:18px; text-align:left;word-break: break-all; }
.ec-base-product_main_03 .prdList .description .percent { width:66px;height:66px;text-align:center;background:#000;border-radius:33px;line-height:66px;font-size:18px;font-weight:bold;color:#FFF;margin-bottom:20px; }
.ec-base-product_main_03 .prdList .description .name { display:block; padding-bottom:10px;font-size: 14px;color: #222222;font-weight: bold;}
.ec-base-product_main_03 .prdList .description .name a { font-size: 14px;color: #222222;font-weight: bold; }
.ec-base-product_main_03 .prdList .description .sub_names { font-size: 11px;color: #555555; }
.ec-base-product_main_03 .prdList .description .prd-price .prd-price2 { font-size: 14px;color: #000000;font-weight: bold; }
.ec-base-product_main_03 .prdList .description .icon {/* margin:0 0 15px; border-bottom:1px solid #e8e8e8;*/ vertical-align:middle; }
.ec-base-product_main_03 .prdList .description .icon:after { content:""; display:block; clear:both; }
.ec-base-product_main_03 .prdList .description .promotion { float:left; margin:0 0 4px; text-align:left; }


.ec-base-product_main_03 .prdList .thumbnail { float:right;position:relative; text-align:center; }
.ec-base-product_main_03 .prdList .thumbnail a img { width:280px; box-sizing:border-box; }
.ec-base-product_main_03 .prdList .thumbnail .etc_icon3 { position:absolute; right:3px; bottom:4px; z-index:1; cursor:pointer; }
.ec-base-product_main_03 .prdList .thumbnail .etc_icon3 img { width:100%; }



/* 진열방식 */
.ec-base-product_main_03 ul.grid2 > li { width:50%; }
.ec-base-product_main_03 ul.grid3 > li { width:33.33%; }
.ec-base-product_main_03 ul.grid4 > li { width:25%; }
.ec-base-product_main_03 ul.grid5 > li { width:20%; }

/* BASIC css end */