/* BASIC css start */
#ftWrap { margin: 0 !important; }

/* 메인 롤링 배너 */
.sliderWrap {position:relative;min-width:1200px;height: 550px;overflow:hidden;}     /* 아래 간격 원래 660px */
.sliderWrap .sliderArea {margin-left:-1500px;position:absolute;top:0;left:50%;width:3000px;text-align: center;}
.sliderArea .bx-pager{position:absolute;bottom: 23px;left:0;right:0;z-index:60;text-align:center; font-size:20px; }
.sliderArea .bx-pager-item{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}
.sliderArea .bx-pager-link{display:inline-block;width: 15px;height: 15px;font-size:0;margin: 0 5px;background-color: #2e2e2e;border-radius: 10px;}
.sliderArea .bx-pager-link.active{background-color: #d2d2d2;}
.sliderArea .bx-controls-direction {position:absolute;top:50%;z-index:60;text-align:center;width: 100%; opacity:0;}
.sliderArea:hover .bx-controls-direction { transition:all 0.3s ease;-webkit-transition:all 0.3s ease; opacity:1; }
.sliderArea .bx-prev, .sliderArea .bx-next{position:absolute;top:0;margin-top:-30px;font-size: 30px;display:inline-block;width:60px;height:60px;line-height: 60px; border: 1px solid rgba(255, 255, 255, 0);transition:all 0.3s ease;-webkit-transition:all 0.3s ease;color:#fff;}
.sliderArea .bx-prev{left: 33%;margin-left: -152px; }
.sliderArea .bx-next{right: 33%;margin-right: -152px; }
.sliderArea .bx-controls-direction a.bx-prev:hover, .sliderArea .bx-controls-direction a.bx-next:hover {border:1px solid #fff;}

/* 4개 서브배너(1) */
.subBanArea { margin:100px 0 0; }  /* 상단 마진 */
.subBanArea .sBan { width:1200px; margin:0 auto ; }  /* 0 auto */  /* 상단 우 하단 좌 */
.subBanArea .sBan li { overflow:hidden; float:left; margin:0px 50px 0px 0px; }
.subBanArea .sBan li:last-child { margin:0 ; }
.subBanArea .sBan li a img { width:100%;-webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
.subBanArea .sBan li a:hover img {-webkit-transform: scale(1.15);transform: scale(1.15) }


/* 3개 서브배너(2) */
.subBanArea2 { margin:10px 0 0; }  /* 상단 마진 */  /*센터 중앙정렬됨*/
.subBanArea2 .sBan2 { width:1200px; margin:0 auto; }
.subBanArea2 .sBan2 li { overflow:hidden; float:left; margin:0 30px 0 0; }
.subBanArea2 .sBan2 li:last-child { margin:0 ; }
.subBanArea2 .sBan2 li a img { width:100%;-webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
.subBanArea2 .sBan2 li a:hover img {-webkit-transform: scale(1.0);transform: scale(1.0) }


/* 상품 타이틀 new 비사업자 */
.h_title h3 { text-align:center;margin:90px auto 40px; font-size: 28px; font-weight:bold; color:#2e2e2e; letter-spacing:1px; }

.item-wrap {overflow: hidden; width:1200px; margin: 0 auto;min-width: 1200px;}

.mdWrap { padding:70px 0; }
.mdArea { width:1200px; margin:0 auto; }

/* MD'S PICK, onSALE  롤링상품진열 */
.mdPickWrap { float:left; position:relative; border:1px solid #d8d8d8; }
.mdPickWrap p.ttl { font-size:28px; font-weight:bold; text-align:center; margin:45px 0 25px;}
.mdPickWrap .sliderArea{position:relative; padding:0 0 76px; width:543px; margin:0 auto; }
.mdPickWrap .list-box ul { *zoom:1 }
.mdPickWrap .list-box ul:after { display:block; clear:both; content:'' }
.mdPickWrap .list { float:left; margin: 0 5px;width: 170px;}
.mdPickWrap .list .thumb { display:block; overflow:hidden; text-align: center; position:relative;}
.mdPickWrap .list .thumb img {width: 100%; max-width: 100%; -webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease; }
.mdPickWrap .list .thumb:hover img {-webkit-transform: scale(1.15);transform: scale(1.15) }
.mdPickWrap .list .thumb:hover .prd-preview { display:block; -webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease; }
.mdPickWrap .list .thumb .prd-preview {display:none; position:absolute; right:12px; bottom:12px; width:32px; height:32px; background-color:rgba(255, 255, 255, 0.8);border-radius:100%;}
.mdPickWrap .list .thumb .prd-preview a { font-size:18px; line-height:32px;}
.mdPickWrap .prd-info { margin:20px 0 0; }
.mdPickWrap .prd-info .prd-name {font-size: 16px; }
.mdPickWrap .prd-info .prd-subname {font-size:14px; color:#999; margin-top:7px; }
.mdPickWrap .prd-info .prd-price del { color:#999; font-weight: normal; font-size: 14px; margin-right: 5px;}
.mdPickWrap .prd-info .prd-price {padding: 6px 0 0;font-size:16px;}
.mdPickWrap .mdPick_pagination { position:absolute; right:0; left:0; bottom:24px; text-align:center; }
.mdPickWrap .mdPick_pagination .swiper-pagination-bullet {width:13px; height:13px; background:#2e2e2e; margin:0 5px; opacity:1;}
.mdPickWrap .mdPick_pagination .swiper-pagination-bullet-active {width:13px; height:13px; background:#d2d2d2; opacity:1;}

.mdPickWrap .swiper-pagination { right:0; left:0; bottom:24px; }
.mdPickWrap .swiper-pagination .swiper-pagination-bullet {width:13px; height:13px; background:#2e2e2e; margin:0 5px; opacity:1;}
.mdPickWrap .swiper-pagination .swiper-pagination-bullet-active {width:13px; height:13px; background:#d2d2d2; opacity:1;}

/* 전체 배너 */
.rongBanner { position: relative; overflow:hidden; }
.rongBanner img { -webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
.rongBanner:hover img {-webkit-transform: scale(1.05);transform: scale(1.05) }    /*  원본은 1.15  */
.rongBanner .txt {position:absolute;left:0;right:0;text-align:center; z-index:10;letter-spacing:1px; }
.rongBanner .txt .t1 { padding: 150px 0 40px; font-size: 54px; color: #fff; font-weight: bold; line-height: 37px;}
.rongBanner .txt .t2 a { display:inline-block; font-size: 16px; color: #fff; border:1px solid #fff; padding:8px 40px; }
.rongBanner .txt .t2 a:hover { background-color:rgb(255,255,255,0.3)}

/* SPEICAL ITEM */
#specialWrap {width:1200px; margin:0 auto; }


/* 공지사항 */
/*
.boardArea { background-color:#f2f2f2; padding: 45px 0; margin: 100px auto 0;}     
.boardArea .inner { width: 1200px; margin: 0 auto; }
.boardArea .notice { width:560px; margin:0 40px 0 0; float:left; }
.boardArea .notice dt { font-size:24px; font-weight:bold; margin-bottom:10px; padding-bottom:6px; color:#2e2e2e; }
.boardArea .notice dt span a { font-size:14px; float:right; text-decoration:underline; color:#7e7e7e; font-weight:normal; margin-top:5px; }
.boardArea .notice dd { line-height:36px; border-bottom:1px solid #e5e5e5; }
.boardArea .notice dd a { font-size:14px; color:#2e2e2e; }
.boardArea .notice dd span { color:#7e7e7e; float:right; font-size:14px; }
.boardArea .notice a:hover { color:#000; font-weight:bold; }
*/


/* 공지사항(2) 사용후기 뺀후 수정함 */
.boardArea { background-color:#f2f2f2; padding: 45px 0; margin: 300px auto 0;}   
.boardArea .inner { width: 1200px; margin: 0 auto; }
.boardArea .notice { width:560px; margin:0 40px 0 0; float:left; }
.boardArea .notice dt { font-size:24px; font-weight:bold; margin-bottom:10px; padding-bottom:6px; color:#2e2e2e; }
.boardArea .notice dt span a { font-size:14px; float:right; text-decoration:underline; color:#7e7e7e; font-weight:normal; margin-top:5px; }
.boardArea .notice dd { line-height:36px; border-bottom:1px solid #e5e5e5; }
.boardArea .notice dd a { font-size:14px; color:#2e2e2e; }
.boardArea .notice dd span { color:#7e7e7e; float:right; font-size:14px; }
.boardArea .notice a:hover { color:#000; font-weight:bold; }


/* 고객센터, 은행계좌 */
.boardArea .csArea { position:relative; width:960px; height:160px; margin-left: 20px; float: left; }    /*width 원래는 560px */
.boardArea .csArea dl.csCenter { position:absolute; top:0; left:50px;  line-height: 20px;     }
.boardArea .csArea dt { font-size:20px; font-weight:bold; margin:0 0 12px; }
.boardArea .csArea dd { font-size:13px; line-height:28px; }

.boardArea .csArea dd.tel { font-size:30px; font-weight:bold; line-height: 20px; margin-top:30px; letter-spacing:4px; }   /*1600-1241*/

.boardArea .csArea dd.tel2 { font-size:13px; font-weight:normal; line-height: 20px; margin-top:18px;   }
.boardArea .csArea dd.tel3 { font-size:13px; font-weight:normal; line-height: 20px; margin-top:0px;   }
.boardArea .csArea dd.tel4 { font-size:26px; font-weight:normal; line-height: 20px; margin-top:18px; letter-spacing:0px;  }  /*010-2112-8050*/

.boardArea .csArea dl.csCenter dd a.qna,
.boardArea .csArea dl.csCenter dd a.m2m { display:inline-block; color:#fff; background:#2e2e2e; width:85px; height:30px; text-align: center; line-height: 30px; font-size: 14px; margin-top: 10px;}
.boardArea .csArea dl.csCenter dd a.m2m { margin-left: 5px;}
.boardArea .csArea dl.bankInfo { position:absolute; top:0; left:320px; }

.boardArea .csArea dl.bankInfo2 { position:absolute; top:0; left:620px; }


<--! 원본의뢰 크몽
.main_bd_wrap{ width:1200px; margin:0 auto; overflow:hidden;}
.main_bd_wrap h2{font-size:20px; font-weight:bold; float:left; width:100%; padding-bottom:10px;}
.main_bd_wrap .more_btn{position:absolute; top:5px; right:0;}
.main_bd_wrap .main_notice_bd{position:relative; float:left; width:562px;}
.main_bd_wrap .main_review_bd{position:relative; float:left; width:580px; margin-left:40px;}

.main_bd_wrap .bd_cont_box{clear:both; border: 1px solid #d8d8d8; padding:10px; box-sizing:border-box; overflow:hidden; font-size:14px;}
.main_bd_wrap .bd_cont_box a{font-size:14px; line-height:25px;}

.main_bd_wrap .main_notice_bd .bd_cont_box .subject{float:left; width:80%;}
.main_bd_wrap .main_notice_bd .bd_cont_box .date{float:left; width:20%; text-align:right;}

.main_bd_wrap .main_review_bd .bd_cont_box .subject{float:left; width:75%;}
.main_bd_wrap .main_review_bd .bd_cont_box .write{float:left; width:12.5%; text-align:left;}
.main_bd_wrap .main_review_bd .bd_cont_box .date{float:left; width:12.5%; text-align:right;}
-->


.main_bd_wrap{ width:1200px; margin:0 auto; overflow:hidden;}
.main_bd_wrap h2{font-size:20px; font-weight:bold; float:left; width:100%; padding-bottom:10px;}
.main_bd_wrap .more_btn{position:absolute; top:5px; right:10;}
.main_bd_wrap .main_notice_bd{position:relative; float:left; width:350px;        margin-left:0px;}
.main_bd_wrap .main_notice2_bd{position:relative; float:left; width:400px;        margin-left:20px;}     
.main_bd_wrap .main_notice3_bd{position:relative; float:left; width:400px;        margin-left:20px;}     

/*  .main_bd_wrap .main_review_bd{position:relative; float:left; width:450px; margin-left:20px;}  */

.main_bd_wrap .bd_cont_box{clear:both; border: 1px solid #d8d8d8; padding:10px; box-sizing:border-box; overflow:hidden; font-size:14px;}
.main_bd_wrap .bd_cont_box a{font-size:14px; line-height:25px;}

.main_bd_wrap .main_notice_bd .bd_cont_box .subject{float:left; width:98%; line-height:1.6em; margin-top:1px}
.main_bd_wrap .main_notice_bd .bd_cont_box .subject a:hover { border-bottom:1px solid #2d2d2d }
.main_bd_wrap .main_notice_bd .bd_cont_box .write{float:left; width:2%; text-align:right; line-height:1.6em ; margin-top:1px}
.main_bd_wrap .main_notice_bd .bd_cont_box .date{float:left; width:15%; text-align:right; line-height:1.6em ; margin-top:1px}
<!-- .main_bd_wrap .main_notice_bd .bd_cont_box .xi-search{float:left; width:3%; text-align:left; line-height:1.6em ; margin-top:6px; font-size:10px; } -->

.main_bd_wrap .main_notice2_bd .bd_cont_box .subject{float:left; width:60%; line-height:1.6em; margin-top:1px}
.main_bd_wrap .main_notice2_bd .bd_cont_box .subject a:hover { border-bottom:1px solid #2d2d2d }
.main_bd_wrap .main_notice2_bd .bd_cont_box .write{float:left; width:15%; text-align:right; line-height:1.6em ; margin-top:1px}
.main_bd_wrap .main_notice2_bd .bd_cont_box .date{float:left; width:25%; text-align:right; line-height:1.6em ; margin-top:1px}

<!-- .main_bd_wrap .main_notice2_bd .bd_cont_box .xi-book{float:left; width:3%; text-align:left; line-height:1.6em ; margin-top:6px;   font-size:12px; } -->


.main_bd_wrap .main_notice3_bd .bd_cont_box .subject{float:left; width:75%; line-height:1.6em; margin-top:1px}
.main_bd_wrap .main_notice3_bd .bd_cont_box .subject a:hover { border-bottom:1px solid #2d2d2d }
.main_bd_wrap .main_notice3_bd .bd_cont_box .write{float:left; width:25%; text-align:right; line-height:1.6em ; margin-top:1px}
.main_bd_wrap .main_notice3_bd .bd_cont_box .date{float:left; width:25%; text-align:right; line-height:1.6em ; margin-top:1px}

<!-- .main_bd_wrap .main_notice3_bd .bd_cont_box .xi-book{float:left; width:3%; text-align:left; line-height:1.6em ; margin-top:6px;   font-size:12px; } -->


/*
.main_bd_wrap .main_review_bd .bd_cont_box .subject{float:left; width:65%; line-height:1.6em; margin-top:1px;}
.main_bd_wrap .main_review_bd .bd_cont_box .subject a:hover { border-bottom:1px solid #2d2d2d }
.main_bd_wrap .main_review_bd .bd_cont_box .write{float:left; width:15%; text-align:left; line-height:1.6em; margin-top:1px;}
.main_bd_wrap .main_review_bd .bd_cont_box .date{float:left; width:20%; text-align:right; line-height:1.6em; margin-top:1px;}
*/

<!-- .main_bd_wrap .main_review_bd .bd_cont_box .xi-star{float:left; width:3%; text-align:left; line-height:1.6em;   margin-top:6px; font-size:12px; }  -->


.setting {font-size:10px; color:gray;  float:left; width:3%; text-align:left; line-height:1.6em;   margin-top:10px;   }
.house   {font-size:10px; color:gray;  float:left; width:3%; text-align:left; line-height:1.6em;   margin-top:10px;   }
.phone   {font-size:10px; color:gray;  float:left; width:3%; text-align:left; line-height:1.6em;   margin-top:10px;   }
.pen     {font-size:10px; color:gray;  float:left; width:3%; text-align:left; line-height:1.6em;   margin-top:10px;   }
.pen2    {font-size:15px; color:black;  float:left; width:3%; text-align:left; line-height:1.6em;   margin-top:10px;  }
.notice  {font-size:10px; color:gray;  float:left; width:3%; text-align:left; line-height:1.6em;   margin-top:10px;   }
.sc      {font-size:10px; color:gray;  float:left; width:3%; text-align:left; line-height:1.6em;   margin-top:10px;   }
.volume  {font-size:10px; color:gray;  float:left; width:3%; text-align:left; line-height:1.6em;   margin-top:10px;   }
.bell  {font-size:10px; color:gray;  float:left; width:3%; text-align:left; line-height:1.6em;   margin-top:10px;   }
.file  {font-size:10px; color:gray;  float:left; width:3%; text-align:left; line-height:1.6em;   margin-top:10px;   }
.megaphone  {font-size:10px; color:gray;  float:left; width:3%; text-align:left; line-height:1.6em;   margin-top:10px;   }
.clip  {font-size:10px; color:gray;  float:left; width:3%; text-align:left; line-height:1.6em;   margin-top:10px;   }
.card  {font-size:10px; color:gray;  float:left; width:3%; text-align:left; line-height:1.6em;   margin-top:10px;   }
.card2  {font-size:22px; color:black;  }


[CSS]
/* 파워리뷰 메인 포토리뷰 */
.main_power_review_list { width:1100px; margin:auto; }
.main_power_review_list .title { font-size:28px; text-align:center; margin:10px;}
.main_power_review_list li { float:left; padding:2px; }
.main_power_review_list li img { width:216px; }
.main_power_review_list:after { content: ''; display: block; clear: both; }


/* BASIC css end */