/* BASIC css start */
#content { width: 100% !important; padding-left: 0 !important; margin-bottom: 50px !important; }
.Wrap { position: relative; width: 1260px !important; margin: 0 auto; padding-left: 0 !important; }


/* best-evt */
#main .best-evt { zoom: 1; overflow: hidden; margin-top: 20px; }
/* slideBestEvt */
#main #slideBestEvt { float: left; width: auto; border-left: 0; }
/* hashBestEvt */
#main #hashBestEvt { position: relative; float: right; }
/* headlineBanner */
#main #headlineBanner { position: relative; margin-top: 20px; }
/* mdItem */
#main #mdItem { position: relative; margin-top: 20px; }

/* 메인_top */

#contentWrap { width:100% !important; }
#content { float:none !important; width:100% !important;}
#main { position: relative; }
/* visual, notice */
#main .visual-evt { zoom: 1; overflow: hidden; }

/* 메인_배경이미지 */
#main .visual-evt .visual { float: left; }
#mainImg { background-image:url('https://gi.esmplus.com/cocovill1/youho_m/cocovill/event/20250630/W_main.jpg'); }
#mainImg .m_img { width: 100%; position: relative; }
    .m_img .fixed { width: 362px; height: 454px; overflow: hidden; display: block;}
#mainImg .m_img .bxImg { margin: 0 auto;  }
/* notice */
#main .visual-evt .evt-wrap { float: right; width: 212px; }
#main .visual-evt .ntc h2 { font-size: 0; line-height: 0; }
#main .visual-evt .ntc .list { zoom: 1; overflow: hidden; padding-top: 17px; padding-left: 10px; margin-right: 6px }
#main .visual-evt .ntc .list li,
#main .visual-evt .ntc .list a { float: left; }
#main .visual-evt .ntc .list li { padding-left: 16px; width: 180px; background: url(/images/d3/modern_simple/common/bull_main_ntc.gif) no-repeat 0 45%; }
#main .visual-evt .ntc .list a { width: 100%; height: 23px; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#main .visual-evt .ntc .list a:hover { font-weight: bold; letter-spacing: -1px; text-decoration: underline; }

/* tit */
.tit_type01 { font-size: 1.9em; color: #000;  }
.tit_type01 span { display: inline-block; padding-left: 10px; font-size: 13px; color: #666; }

/* #bestPrd */
#bestPrd_ombs { width:100%; overflow: hidden;  padding: 40px 0 40px;  }
#bestPrd_ombs .Wrap { overflow: visible; }


.best_ombs { display: table; width:100%; overflow: hidden; }
.best_ombs > li { display: inline-block;  box-sizing: border-box; vertical-align: top; width:238px;  }  
.best_ombs.col3 > li { width: 33%; }
.best_ombs.col4 > li { width: 24.7%; }
.best_ombs.col5 > li { width: 19.7%; }
.best_ombs .listPrd { padding: 0 !important;  }
.best_ombs > li .suj {  padding: 5px 0 0 0 !important; }
.best_ombs > li .price { display: inline-block !important;  font-size: 1.3em; margin-bottom: 5px; padding-left: 5px; }
.best_ombs > li .brand { margin: 7px 0 10px 0; }
.best_ombs > li .listPrd { border: 1px solid #eee; height: 325px; }
.best_ombs > li .listPrd .list { padding: 0 !important; border-bottom: 1px solid #eee; }
.best_ombs > li .list_con { padding: 0 13px 0px; }
.best_ombs > li .list > a { border: none; }

/* 레시피 배너*/
.Wrap .m_recipe {  width:1260px; height:288px; padding-bottom:200px ; }
.Wrap .m_recipe li {float:left; }
.Wrap .m_recipe .bo li:nth-child(2) {padding-left: 29px; padding-right: 29px;}
.Wrap .m_recipe .gu li:nth-child(2) {padding-left: 29px; padding-right: 29px;}

/* #banner_type01 */
#banner_type01 { margin: 10px 0 50px 0; border: 1px solid #e8e8e8; background: #f7f7f7;  }
#banner_type01 .Wrap { display: table;  }
#banner_type01 .Wrap > div { display: table-cell; border-right: 1px solid #e8e8e8; position: relative; }
#banner_type01 .Wrap > div:last-child { border: none; }
#banner_type01 .Wrap > div a { position: absolute; bottom: 35px; left: 45px; border: 1px solid #e4e4e4; background: #fff; font-size: 11px; padding: 3px 0 3px 13px; width: 80px; box-sizing: border-box; border-radius: 2px; }
#banner_type01 .Wrap > div a i { display: inline-block; padding-left: 5px; }

/* #banner_type02 */
#banner_type02 { display: table; margin-bottom: 50px; }
#banner_type02 > div { display: table-cell; vertical-align: top; }
#banner_type02 .ombs_banner02 { padding-right: 18px; width: 420px; }
#banner_type02 > div:last-child a { display: inline-block; }
#banner_type02 .left, .left_bot { padding-right: 14px;  }
#banner_type02 .left_bot, .right_bot { padding-top: 18px;  }

/* tab 상품들 */
#tabPrd { margin: 0 0 50px 0; background: #fff;  padding: 60px 0 0; position: relative; }
#tabCate { width: 100%; display: table; border-top: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee;  box-sizing: border-box; margin-bottom: 40px; }
#tabCate li { display: table-cell; width: 14.2%; border-left: 1px solid #eee; height: 50px;  text-align:center; background: #fff; position: relative; }
#tabCate li a { position: absolute; height:100%; width:100%; display: block;  top:0; left:0;line-height: 50px; color: #888; font-size: 15px; }
#tabCate li a:hover,
#tabCate li a.active { background: #bf4a41; height: 51px; border:1px solid #eee; border-bottom: none; top: -1px; left: -1px; width:100%; z-index: 200; color: #fff; font-weight: bold; }
/* tab 상품 list */
.tabPrd_list { /* border: 1px solid #eee; border-top: none; */ box-sizing: border-box;  overflow: hidden; margin-bottom: 60px; padding-bottom: 40px; }
.tabPrd_list .bx-wrapper { box-sizing: border-box; }

.tabPrd_list li { overflow: hidden; display: table; width: 100%; min-height: 255px; overflow: hidden;  }
.tabPrd_list li > div {  width: 19.7%;  display: inline-block; vertical-align: top; box-sizing: border-box; float: left; }
.tabPrd_list li .price strike { display: block !important;  font-size: 0.9em; margin-bottom: 5px; }


.tabPrd_ombs { display: table; width:100%; overflow: hidden;  }
/*
.tabPrd_ombs > li { position: relative; overflow: hidden;  display: inline-block; width: 223px !important;  box-sizing: border-box; vertical-align: top;  margin-right: 15px;  }
*/
.tabPrd_ombs > li > div { box-sizing: border-box;  }

.tabPrd_ombs > li .list { padding: 4px 4px 0 0;  box-sizing: border-box; overflow: hidden; position: relative; width: 227px !important;  margin: 0 30px 30px 0; }
.tabPrd_ombs > li > div:nth-of-type(4),
.tabPrd_ombs > li > div:nth-of-type(7) {  margin-right: 0 !important;  }

.tabPrd_ombs > li .list_size { width: 478px !important; padding: 4px 4px 0 0;  box-sizing: border-box; overflow: hidden; position: relative; margin-right: 30px; }
.tabPrd_ombs > li > div .list_con {  position: absolute; right: 4px; top: 4px; display: none;  width: 100%; height: 100%; padding: 50px 18px 0; box-sizing: border-box; 
                                          background: rgba(0, 0, 0, 0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4f000000, endColorstr=#4f000000); 
                                          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4f000000, endColorstr=#4f000000)";
                                        }          
.tabPrd_ombs > li > div .fixed { overflow: hidden; width:100%; display: inline-block; border: 1px solid #eee;  }
.tabPrd_ombs > li > div .prdImg { width: 100%;  }

.tabPrd_ombs > li .suj { border-bottom: 1px solid #a1a1a1; margin-bottom: 10px;  }
.tabPrd_ombs > li .suj a { color: #fff; }
.tabPrd_ombs > li .price strike,
.tabPrd_ombs > li .price strike { display: block; color: #fff; font-size: 0.9em; margin-bottom: 3px; }
.tabPrd_ombs > li .price { color: #fff; }
.tabPrd_ombs > li .brand { margin: 7px 0 10px 0; }
.link_detail { width: 100%; height: 100%; position: absolute; z-index:20000; display:block;top:0; left:0; }

/*conbax-1*/
.conbox-1{height:350px;}

/* ban-1260 */
.ban-1260 { margin-top:15px; margin-bottom: 15px; padding:0 0;  }
.ban-1260 .hd { display: table; width:100%; text-align: left; margin-top: 15px; margin-bottom: 15px; }
.ban-1260 .hd > h2 { font-weight:bold; font-size: 2.5em;  font-family:"Open Sans",'sans-serif'; color:#222; line-height:35px; text-transform: uppercase; display: inline-block; }
.ban-1260 .hd span { font-weight:bold; color:#999; font-size: 17px; display: inline-block; margin: 8px 0 0 10px; } 
.ban-1260 .hd > a { position: absolute; top: 15px; right: 10px; font-size: 0.85em; text-transform: lowercase; font-family:'Dotum','sans-serif';  }


/* ban-1260-01 */
.ban-1260-01 {  margin-bottom: 0px; margin-top: 30px; }
.ban-1260-01 .hd { display: table; width:100%; text-align: left; margin-top: 15px; margin-bottom: 15px; }
.ban-1260-01 .hd > h2 { font-weight:bold; font-size: 2.5em;  font-family:"Open Sans",'sans-serif'; color:#222; line-height:35px; text-transform: uppercase; display: inline-block; }
.ban-1260-01 .hd span { font-weight:bold; color:#999; font-size: 17px; display: inline-block; margin: 8px 0 0 10px; } 
.ban-1260-01 .hd > a { position: absolute; top: 15px; right: 10px; font-size: 0.85em; text-transform: lowercase; font-family:'Dotum','sans-serif';  }


/* ban-bg */
.ban-bg {background:#08091a; height:85px; margin-top:25px; margin-bottom: 25px;}


/* 선착순특가 */
.banWrap { position: relative; width: 1260px; margin: 0 auto; }

.saleSec .prd_listWrap {padding-left:30px;}
.saleSec .prd_listWrap > li { background:#fff; width: 28.5%; margin:0 20px; margin-bottom:30px; border:solid 1px #aaa;}  
.saleSec .prd_listWrap .saleBox:hover {border:solid 1px #ff5f27; outline:solid 1px #ff5f27;} 
.salePrd {width:100%; padding:0;}    
.saleList {width:100%; padding:0;} 
.saleList a {width:100%; display: inline-block; }
.saleList img { width: 100%; border:0; }

.salePrd .saleInfo {padding:0 15px 10px 15px;} 
.salePrd .saleInfo p { border:0; margin-bottom: 15px; }
.sale_suj { word-break:break-all; padding: 5px 0 5px; margin-top: 10px; }
.sale_suj a { font-weight:bold; color: #333; font-size: 17px; letter-spacing: -0.03em;}
.price_suj {display:inline-block; font-weight:bold; width:30%; font-size:19px; }
.price_suj span { color:#ff5f27; }
.sale_price {display:inline-block; width:67%; text-align:right; margin: 7px 0; font-size: 13px;}
.sale_price span{font-weight:bold; font-size:22px; color:#222; letter-spacing: -0.07em;}
.sale_price del{ color: #999; margin-right:7px; font-size:15px; letter-spacing: -0.05em;}
.sub_content { word-break:break-all; padding: 0 0 5px 0; }
.sub_content a {  font-size: 14px;  }


/* time sale*/
#timerSec {
      width: 1260px;
      display:none;
      background-color:#fff;
      text-align:center; height:565px; margin: 0 auto; margin-top:25px;
      }
#timerBox {
      background-image:url("https://gi.esmplus.com/cocovill1/youho_m/cocovill/event/20240418/W_timebanner.gif");
      text-align:center; width:1260px; height:565px ; margin:0 auto;
      }
          
#time { width : 550px; padding-top:19.5%; padding-left:58%;
	text-align: center;
	color:#fff;
	letter-spacing:-2px;
    word-spacing:-1px;
	font-size:30px;
	font-family: 'Do Hyeon', sans-serif;
    }
#days { font-size:55px; letter-spacing:3px; font-weight: bold;
}
#hour { font-size:55px; letter-spacing:3px; font-weight: bold;
}
#min { font-size:55px; letter-spacing:5px; font-weight: bold;
}
#sec { font-size:55px; letter-spacing:5px; font-weight: bold;
}
    

/* md's choice */
.md_hoiceWrap { margin-top:15px; margin-bottom: 15px;  }
.md_hoiceWrap .hd { margin-top:10px; display: table; width:100%; text-align: left; margin-bottom:0px; padding-left:15px; }
.md_hoiceWrap .hd > h2 { font-weight:bold; font-size: 1.8em;  font-family:"Open Sans",'sans-serif'; color:#222; line-height:35px; text-transform: uppercase; display: inline-block; }
.md_hoiceWrap .hd span { font-weight:bold; color:#999; font-size: 17px; display: inline-block; margin: 8px 0 0 10px; } 
.md_hoiceWrap .hd > a { position: absolute; top: 15px; right: 10px; font-size: 0.85em; text-transform: lowercase; font-family:'Dotum','sans-serif';  }

.prd_list_boxWrap { display: table; width:100%; overflow: hidden; }
.prd_list_boxWrap > li { position: relative; overflow: hidden;  display: inline-block; width: 15.3%; box-sizing: border-box; vertical-align: top;  margin-right: 15px;  }
.prd_list_boxWrap > li .list { padding: 4px 4px 0 0;  box-sizing: border-box; overflow: hidden; position: relative; }

.prd_list_boxWrap > li[data-slide-index="0"],
.prd_list_boxWrap > li[data-slide-index="1"],
.prd_list_boxWrap > li[data-slide-index="2"] { width: 32.3%; margin-bottom: 15px;  }

.prd_list_boxWrap > li[data-slide-index="1"] { margin-left: -4px; }

.prd_list_boxWrap > li[data-slide-index="2"],
.prd_list_boxWrap > li[data-slide-index="8"] { margin: 0 0 0 0 !important; }

.prd_list_boxWrap > li .list .list_con {  position: absolute; right: 4px; top: 4px; display: none;  width: 100%; height: 100%; padding: 50px 18px 0; box-sizing: border-box; 
                                          background: rgba(0, 0, 0, 0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4f000000, endColorstr=#4f000000); 
                                          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4f000000, endColorstr=#4f000000)";
                                        }          

.prd_list_boxWrap > li[data-slide-index="0"] .list_con,
.prd_list_boxWrap > li[data-slide-index="2"] .list_con { padding: 42% 30px 0;}
.prd_list_boxWrap > li[data-slide-index="3"] { margin-left: 4px; }

.prd_list_boxWrap > li .list .fixed { overflow: hidden; width:100%; display: inline-block;  }
.prd_list_boxWrap > li .list .prdImg { width: 100%;  }

.prd_list_boxWrap > li .suj { border-bottom: 1px solid #a1a1a1; margin-bottom: 10px;  }
.prd_list_boxWrap > li .suj a { color: #fff; }
.prd_list_boxWrap > li .price strike,
.prd_list_boxWrap > li .price strike { display: block; color: #fff; font-size: 0.9em; margin-bottom: 3px; }
.prd_list_boxWrap > li .price { color: #fff; }
.prd_list_boxWrap > li .brand { margin: 7px 0 10px 0; }

/* 특별상품 */
.specialWrap { padding-top: 10px; padding-bottom: 50px;   position: relative; overflow: hidden; }
.specialWrap > div + div { width:100%; box-sizing: border-box; overflow: visible; /*  padding: 0 7%; */ }
.specialWrap > div + div > div { margin: 0 auto; }


.special_list_boxWrap { display: table; width:100%; overflow: hidden;  }
.special_list_boxWrap > li { position: relative; overflow: hidden;  display: inline-block; /* width: 15.3%; */ width: 255px !important; box-sizing: border-box; vertical-align: top;  margin-right: 15px;  }
.special_list_boxWrap > li .list { padding: 4px 4px 0 0;  box-sizing: border-box; overflow: hidden; position: relative; }
.special_list_boxWrap > li .list .list_con {  position: absolute; right: 4px; top: 4px; display: none;  width: 100%; height: 100%; padding: 50px 18px 0; box-sizing: border-box; 
                                          background: rgba(0, 0, 0, 0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4f000000, endColorstr=#4f000000); 
                                          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4f000000, endColorstr=#4f000000)";
                                        }          
.special_list_boxWrap > li .list .fixed { overflow: hidden; width:100%; display: inline-block;  }
.special_list_boxWrap > li .list .prdImg { width: 100%;  }

.special_list_boxWrap > li .suj { border-bottom: 1px solid #a1a1a1; margin-bottom: 10px;  }
.special_list_boxWrap > li .suj a { color: #fff; }
.special_list_boxWrap > li .price strike,
.special_list_boxWrap > li .price strike { display: block; color: #fff; font-size: 0.9em; margin-bottom: 3px; }
.special_list_boxWrap > li .price { color: #fff; }
.special_list_boxWrap > li .brand { margin: 7px 0 10px 0; }

/* 신상품 */
.prd_newWrap { margin-top:18px;}

/* banner02 배너 */
.banner02_slideWrap { margin: 90px 0; overflow: hidden; }
.banner02_slideWrap li { width: 2000px !important; left: 50%; margin-left: -1000px; }

/* 파워상품 */
#powerPrd { padding: 50px 0 50px; }
.prd_listWrap_type02 { overflow: hidden; display: table; width:100%; margin-top: 10px;  }
.prd_listWrap_type02 > li { display: inline-block; padding: 10px 10px; box-sizing: border-box; width: 49.8%; vertical-align: top; }
.prd_listWrap_type02 > li > div { border: 1px solid #eee; display: table; width:100%;  position: relative; }
.prd_listWrap_type02 > li > div > div { display: inline-block; width: 49.7%;  vertical-align: middle; }
.prd_listWrap_type02 > li > div > div.list_con { padding: 20px 20px;  box-sizing: border-box;  }
.prd_listWrap_type02 > li > div > div.list { position: relative; overflow: hidden; border-left:1px solid #eee;  box-sizing: border-box; }
.prd_listWrap_type02 > li > div > div.list img { width:100%;  }
.prd_listWrap_type02 > li .discount { text-align: left; left: 300px; }
.prd_listWrap_type02 .suj a { font-size: 15px; }
.prd_listWrap_type02 .price { padding-top: 7px !important; }
.prd_listWrap_type02 .price em { font-size: 17px;   }
.prd_listWrap_type02 .price strike { display: block !important;padding-bottom: 7px; font-size: 13px; }
.prd_listWrap_type02 .suj { padding: 0px 0 13px; }
.prd_listWrap_type02 .list > a { display: block; }

/* #boardWrap */
#boardWrap { display: table; overflow: hidden;}
#boardWrap > div { display: inline-block; vertical-align: top; float:left; }
#boardWrap > div.boardban {margin-left:5px;}
#boardWrap > div.noticeWrap { width: 435px; margin-right: 0px; border: 1px solid #eee; height: 200px; box-sizing: border-box;overflow: hidden;   }
#boardWrap > div.noticeWrap > div {  border-bottom: 1px solid #eee; display: table; width:100%; padding: 10px 20px; box-sizing: border-box; background: #fbfbfb; }
#boardWrap > div.noticeWrap > div > h3 { font-size: 1.2em; color: #000; margin-bottom:10px; }
#boardWrap > div.noticeWrap > div i,
#boardWrap > div.noticeWrap > div dl { display: table-cell; vertical-align: middle; }
#boardWrap > div.noticeWrap > div i { padding-left: 20px; }
#boardWrap > div.noticeWrap > div dl { padding: 0 20px; }
#boardWrap > div.noticeWrap > div dl dt { font-size: 1.3em; color: #333; margin-bottom: 10px; }
#boardWrap > div.noticeWrap > div dl dd { font-size: 12px;  }
#boardWrap > div.noticeWrap > div dl dd a:hover { text-decoration: underline; }
#boardWrap > div.noticeWrap > div:last-child { border-bottom: none; background: #fff;  }
#boardWrap > div.noticeWrap > div i { font-size: 4.5em; color: #000; }
#boardWrap > div.noticeWrap ul { width: 95%; }
#boardWrap > div.noticeWrap li:before { padding-right:5px; }
#boardWrap > div.noticeWrap li a { padding: 5px 0; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 95%; }
#boardWrap > div.noticeWrap li a:hover { text-decoration: underline; }
#boardWrap > div.noticeWrap li a font {  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; font-size: 14px; }


#boardWrap > div.board_review { border: 1px solid #eee; background:#fcfcfc; padding: 3px 3px; width: 1000px; box-sizing: border-box; float:left;} 
#boardWrap > div.board_review h3 { text-transform: uppercase; color: #000; }
#boardWrap .board_review_event { width:250px; height:356px;}

/* #review*/
#reviewBox li{float:left;}
#reviewWrap { display: block; overflow: hidden; width:1000px; height:354px; padding:0 1px; border:1px solid #ddd;}
#reviewWrap #power_review {width:12500px;}
#reviewWrap #power_review li{ margin-right:1px; float:left; width:250px;}
#reviewWrap #power_review li #review_product {margin-left:3px; margin-top:3px; font-size:12px; font-weight:bold; }
#reviewWrap #power_review li #review_score {margin-left:3px; margin-top:1px; color:red; font-size:15px; }
#reviewWrap #power_review li #review_memo {margin-left:3px; margin-top:3px; padding-right:5px; line-height:1.2em; font-size:1.1em; color:#000;}

/* #board2Wrap */
#board2Wrap { padding:15px 0;display: table; overflow: hidden;}
#board2Wrap > div { display: inline-block; vertical-align: top; float:left; }
#board2Wrap > div.boardban {margin-left:5px;}

/* #infoWrap */
#infoWrap { display: table; overflow: hidden; }
#infoWrap > div { display: inline-block; vertical-align: top; float:left; }
#infoWrap > div.noticeWrap { width: 365px; margin-bottom: 5px; border: 1px solid #eee; height: 265px; box-sizing: border-box;overflow: hidden;   }
#infoWrap > div.noticeWrap > div {  border-bottom: 1px solid #eee; display: table; width:100%; padding: 20px 20px; box-sizing: border-box; background: #fbfbfb; }
#infoWrap > div.noticeWrap > div > h3 { font-size: 1.2em; color: #000; margin-bottom:8px; }
#infoWrap > div.noticeWrap > div i,
#infoWrap > div.noticeWrap > div dl { display: table-cell; vertical-align: middle; }
#infoWrap > div.noticeWrap > div i { padding-left: 20px; }
#infoWrap > div.noticeWrap > div dl { padding: 0 20px; }
#infoWrap > div.noticeWrap > div dl dt { font-size: 1.3em; color: #333; margin-bottom: 10px; }
#infoWrap > div.noticeWrap > div dl dd { font-size: 12px;  }
#infoWrap > div.noticeWrap > div dl dd a:hover { text-decoration: underline; }
#infoWrap > div.noticeWrap > div:last-child { border-bottom: none; background: #fff;  }
#infoWrap > div.noticeWrap > div i { font-size: 4.5em; color: #000; }
#infoWrap > div.noticeWrap ul { width: 95%; }
#infoWrap > div.noticeWrap li:before { content: "-"; padding-right:5px; }
#infoWrap > div.noticeWrap li a { padding: 5px 0; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 95%; }
#infoWrap > div.noticeWrap li a:hover { text-decoration: underline; }
#infoWrap > div.noticeWrap li a font { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; font-size: 14px; }
#infoWrap > div.infoban {  }
#infoWrap > div.infoban > div { margin-left: 0px ; height:265px;}
#infoWrap > div.infoban2 > div { margin-left: 30px ; height:265px;}


/* review */
#reviewWrap { max-width: 2520px; margin: 0 auto; }
#reviewWrap .hd { margin-bottom: 30px; }
.board_list { overflow: hidden; width: 100%; display: table; }
.board_list > li { position: relative; overflow: hidden;  display: inline-block;  box-sizing: border-box; vertical-align: top;  width: 250px !important; }
.board_list .listBoard { padding: 0 2px 0 0;  box-sizing: border-box; overflow: hidden; position: relative;}
.board_list .board_con { margin-top: 10px; }
.board_list .board_con .star { margin-bottom: 5px; margin-top: 20px; }
.board_list .board_con p {word-break: break-all; }
.board_list .board_con:last-child p { margin-bottom: 10px; padding-right: 10px; }
.board_list .board_con .MS_review_mark { margin-top: 5px; }
.board_list > li .board_img {  box-sizing: border-box; overflow: hidden; position: relative; }
.board_list > li .board_img .fixed { overflow: hidden; display: inline-block; width: 100%; }
.board_list > li .board_img .prdImg { width: 100%;  }


 /** ===================================*
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.c om
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
 /** RESET AND LAYOUT
=================================== 지우지 마세요! */

/*
.bx-wrapper img { display: block; width:100%; }
*/
.bx-wrapper .prdImg,
.bx-wrapper .bxImg { /* max-width: 100%; min-height: 450px; */ display: block; width:100%; }

/* 메인이미지 */
/* .m_img ul { width: 2000px; left: 50%; margin-left: -1000px; } */
#mainImg { width: 2000px; left: 50%; margin-left: -1000px; position: relative; height: 430px; overflow: hidden; } 
.m_img .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%; }
.m_img .bx-pager { width: 100%;  z-index: 9999;  bottom: 5%; /* top: 58%; */ position: absolute;  display: table; text-align: center; }
.m_img .bx-pager > div { display: inline-block; text-align: center; margin: 0 5px; }
.m_img .bx-pager-item {  }
.m_img .bx-pager-item a { text-indent: -999em;   width: 10px; height: 10px; border-radius: 50%; background: #fff; display: block;  }
.m_img .bx-pager-item a.active { background: #555; }
     /* DIRECTION CONTROLS (NEXT / PREV) */  
.m_img .bx-wrapper .bx-controls-direction { position: absolute; top: 45%; width: 100%;  display: none; }
.m_img .bx-wrapper .bx-controls-direction a { position: absolute; top: 0;  outline: 0; width: 27px; height: 52px;  text-indent: -9999px; z-index: 9999;  }
.m_img .bx-wrapper .bx-controls-direction a.disabled { display: none; }    
.m_img .bx-wrapper .bx-controls-direction a { text-indent: -999em; }   
.m_img .bx-wrapper .bx-prev { left: 5%; background: url(/design/d4-0693/s024/images/main_best_arrow_l.png) no-repeat;  }
.m_img .bx-wrapper .bx-next { right: 5%; background: url(/design/d4-0693/s024/images/main_best_arrow_r.png) no-repeat; }
.m_img .bx-controls-direction a {
    opacity: 0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.m_img .bx-wrapper:hover .bx-controls-direction a {
    opacity: 1;
}
#bx-pager { position: absolute; bottom:0; left: 50%; margin-left: -405px; width:810px; z-index: 9000; top: 399px;}
#bx-pager a { font-size:1.2em; display: inline-block; float:left; width: 160px; text-align: center; height: 30px; line-height: 30px; background-color: rgba(255,255,255,0.8); border-top:2px solid #fff; color:#333; }
#bx-pager a.active { color:#ff5f27; border-top:2px solid #ff7521; font-weight:bold; }

/* 판매자 추천상품 */
#bestPrd_ombs .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%; }
#bestPrd_ombs .bx-pager { width: 100%;  z-index: 9999;  bottom: 5%; /*top: 58%; */  position: absolute;  display: table; text-align: center;  display: none; }
#bestPrd_ombs .bx-pager > div { display: inline-block; text-align: center; margin: 0 5px; }
#bestPrd_ombs .bx-pager-item {  }
#bestPrd_ombs .bx-pager-item a { text-indent: -999em;   width: 10px; height: 10px; border-radius: 50%; background: #fff; display: block;  }
#bestPrd_ombs .bx-pager-item a.active { background: #555; }
/* DIRECTION CONTROLS (NEXT / PREV) */  
#bestPrd_ombs .bx-wrapper .bx-controls-direction { position: absolute; top: -55px; width: 100%;  }
#bestPrd_ombs .bx-wrapper .bx-controls-direction a { position: absolute; top: 0;  outline: 0; width: 32px; height: 32px;  text-indent: -9999px; z-index: 9999; border:1px solid #ddd; }
#bestPrd_ombs .bx-wrapper .bx-controls-direction a i { display: inline-block; width:100%; position: absolute; text-align: center; font-size:1.5em; height: 33px; line-height: 33px; text-indent: 0; left:0; top: 0; }
#bestPrd_ombs .bx-wrapper .bx-controls-direction a.disabled { display: none; }    
#bestPrd_ombs .bx-wrapper .bx-controls-direction a { text-indent: -999em; }   
#bestPrd_ombs .bx-wrapper .bx-prev { right: 33px; background: #f4f4f4;  }
#bestPrd_ombs .bx-wrapper .bx-next { right: 0px; background: #f4f4f4; }
/* start / stop */ 
#bestPrd_ombs .bx-wrapper .bx-controls-auto {  position: absolute; top: -25px; width: 100%; text-align: right; display: table; }
#bestPrd_ombs .bx-wrapper .bx-controls-auto > div { display: inline-block; width: 20px; text-align: left; }
#bestPrd_ombs .bx-wrapper .bx-controls-auto > div a { position: relative; display: block; color: #fff; margin-right: 10px;  }
#bestPrd_ombs .bx-wrapper .bx-controls-auto > div a i { position: absolute; top: 0; left: 0; width: 100%; color: #888; font-size: 1.5em; }
#bestPrd_ombs .bx-wrapper .bx-controls-auto > div a:hover i { color: #000; }
#bestPrd_ombs .bx-wrapper .bx-controls-auto .bx-stop {     }
#bestPrd_ombs .bx-wrapper .bx-controls-auto .bx-start { }

.tabPrd_list .bx-controls-direction { display: none; }

/* #bannery_type02 */
#banner_type02 .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%; }
#banner_type02 .bx-pager { width: 100%;  z-index: 9999;  bottom: 10px; /*top: 58%; */  position: absolute;  display: table; text-align: center; }
#banner_type02 .bx-pager > div { display: inline-block; text-align: center; margin: 0 1.5px; }
#banner_type02 .bx-pager-item {  }
#banner_type02 .bx-pager-item a { text-indent: -999em;   width: 22px; height: 3px; background: #b5b5b5; display: block;  }
#banner_type02 .bx-pager-item a.active { background: #000; }
/* DIRECTION CONTROLS (NEXT / PREV) */  
#banner_type02 .bx-wrapper .bx-controls-direction { position: absolute; top: 48%; width: 100%;  }
#banner_type02 .bx-wrapper .bx-controls-direction a { position: absolute; top: 0;  outline: 0; width: 49px; height: 36px;  text-indent: -9999px; z-index: 9999;  }
#banner_type02 .bx-wrapper .bx-controls-direction a i { display: inline-block; width:100%; position: absolute; text-align: center; font-size:1.5em; height: 33px; line-height: 33px; text-indent: 0; left:0; top: 0; color: #fff; }
#banner_type02 .bx-wrapper .bx-controls-direction a.disabled { display: none; }    
#banner_type02 .bx-wrapper .bx-controls-direction a { text-indent: -999em; }   
#banner_type02 .bx-wrapper .bx-prev { left: 0px; background: rgba(000, 000, 000, 0.4);  }
#banner_type02 .bx-wrapper .bx-next { right: 0px; background: rgba(000, 000, 000, 0.4); }

/* 특별상품 */
.specialWrap .bx-pager { display: none; }
/* DIRECTION CONTROLS (NEXT / PREV) */  
.specialWrap .bx-wrapper .bx-controls-direction { position: absolute;  top: -90px; width: 100%; /* display: none;  height: 80px; */ }
.specialWrap .bx-wrapper .bx-controls-direction a { position: absolute; top: 0;  outline: 0; width: 27px; height: 52px;  text-indent: -9999px; z-index: 9999;  }
.specialWrap .bx-wrapper .bx-controls-direction a.disabled {  display: none; }    
.specialWrap .bx-wrapper .bx-controls-direction a { text-indent: -999em; }   
.specialWrap .bx-wrapper .bx-prev { left: 50px; background: url(/design/d4-0693/s024/images/main_best_arrow_l.png) no-repeat; background-size: 90%; }
.specialWrap .bx-wrapper .bx-next { right: 50px; background: url(/design/d4-0693/s024/images/main_best_arrow_r.png) no-repeat;  background-size: 90%; }

.specialWrap .bx-controls-auto { display: none; }

/* .banner01 DIRECTION CONTROLS (NEXT / PREV) */
.banner02_slideWrap .bx-wrapper .bx-controls-direction {  width: 1000px; left: 50%; margin-left: -570px; position: absolute; top: 30px; z-index: 9999; }
.banner02_slideWrap .bx-wrapper .bx-controls-direction a { position: absolute; top: 0;  outline: 0;  text-indent: -9999px; z-index: 19999; height: 30px; opacity: 0.3; width: 40px; background: #000;  }
.banner02_slideWrap .bx-wrapper .bx-controls-direction a.disabled {  display: none; }    
.banner02_slideWrap .bx-wrapper .bx-controls-direction a { text-indent: -999em; }   
.banner02_slideWrap .bx-wrapper .bx-prev {    }
.banner02_slideWrap .bx-wrapper .bx-next {  left: 41px;  }
.banner02_slideWrap .bx-wrapper .bx-controls-direction a i { text-indent: 0px !important;  color: #fff; font-size: 1.5em; width:100%; height:100%; position: absolute; top:5px; left:0; text-align: center; }
.banner02_slideWrap .bx-wrapper .bx-controls-direction a:hover {  opacity: 0.5; }

.banner02_slideWrap  .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%;  }
.banner02_slideWrap  .bx-pager { width: 100%;   z-index: 9999;  bottom: 10px;  position: absolute;  display: table; text-align: center;  }
.banner02_slideWrap  .bx-pager > div { display: inline-block; text-align: center; margin: 0 5px; }
.banner02_slideWrap  .bx-pager-item {  }
.banner02_slideWrap  .bx-pager-item a { text-indent: -999em;   width: 9px; height: 9px; border-radius: 50%; background: #fff; display: block;  }
.banner02_slideWrap  .bx-pager-item a.active { background: #555;}

/* review */
.board_review .bx-pager { display: none; }
/* DIRECTION CONTROLS (NEXT / PREV) */  
.board_review .bx-wrapper .bx-controls-direction { position: absolute; top: -33px; width: 100%;  }
.board_review .bx-wrapper .bx-controls-direction a { position: absolute; top: 0;  outline: 0; width: 10px; height: 32px;  text-indent: -9999px; z-index: 9999;  }
.board_review .bx-wrapper .bx-controls-direction a i { display: inline-block; width:100%; position: absolute; text-align: center; font-size:1.5em; height: 33px; line-height: 33px; text-indent: 0; left:0; top: 0; }
.board_review .bx-wrapper .bx-controls-direction a.disabled { display: none; }    
.board_review .bx-wrapper .bx-controls-direction a { text-indent: -999em; }   
.board_review .bx-wrapper .bx-prev { right: 33px;  }
.board_review .bx-wrapper .bx-next { right: 0px;  }

.board_review .bx-controls-auto { display: none; }


@media screen and (min-width:320px) and (max-width:1530px){

.banner01_Wrap ul {  margin-left: 23%;  }
.banner01_Wrap .bx-wrapper .bx-controls-direction {  left: 23%;  }

}


/* pack */ 
#pack {margin:20px 0; text-align:center;}
#pack ul {margin:20px 0 30px 0;}
#pack li {display:inline-block; margin-right:15px;}
#pack li:last-child {display:inline-block; margin-right:0px;}
#pack li img {width:300px;}


.popup_171027 {position:absolute; top:480px;left:17px;z-index:999999;border-radius:0px;}
.popup_171027 img{width:300px;border-radius:0px;}

/*상품상세페이지 고정 팝업
.popup_171027 {
animation-name: popup123;
animation-duration: 1.0s;
animation-direction: alternate;
animation-iteration-count: infinite;
animation-timing-function: linear;
width:300px; }

  @keyframes popup123 {
  from { transform: translate(0px,0px); }
  to { transform: translate(0px,20px); }  */
  
  
.popup_190805 {position:fixed; top:80px;left:17px;z-index:999999;}
.popup_190805 img{width:300px;}

/* BASIC css end */