/*common*/
#headerWarp{width:100%; margin:0 auto 0 auto; position:relative; border-top:4px solid #444751}
#headerWarp .header{width:980px; height:108px; margin:0 auto; border-bottom:1px solid #444751 }
#headerWarp .logo{float:left}
#headerWarp .inner{margin:70px 0 0 0 ;float:right}
#headerWarp .topMenu{overflow:hidden; float:right; margin:2px 20px 0 0}
#headerWarp .topMenu img{ vertical-align:top}
#headerWarp .topMenu a{display:block; height:12px; padding:3px 5px 0 5px; margin:0 2px 0 2px; float:left }
#headerWarp .search{width:80px; padding-left:45px; margin-right:25px; position:relative; float:right; border-bottom:1px solid #E3E3E3; background:url(../img_comm/js_btnHeader_bgSearch.jpg) no-repeat 1px 6px}
#headerWarp input{ width:80px; height:17px; padding:4px 0 0 0; border:none; font-size:11px}
#headerWarp .btnSearch{position:absolute; top:0; right:-25px}
.flashBox{width:980px; position:relative; margin:0 auto}
#headerWarp #flashMain{width:980px}
.gnbMenu{width:455px; position:absolute; top:0; left:0; z-index:10}
.notice{padding:0 0 0 18px; text-align:left}
.notice p{padding:0 0 15px 0;}
.notice a{color:#999}
.notice a:hover{color:#333; text-decoration:none}


.flashBanner{width:980px; clear:both; height:196px; margin-top:27px}
.flashBanner ul li{float:left}


#container{width:980px; margin:0 auto; position:relative}
#container:after{display:block; clear:both; content:"";}



#contents{width:980px}
#contents h1{padding:50px 0 0 0; display:block}
#contents h1.titleBest{padding:13px 0 0 0}
#contents .flashMove{width:980px; height:265px; border:1px solid #DCDCDC}
#CODEHTML{}


#footerWarp{width:980px; margin:150px auto 0 auto; padding:49px 0; position:relative; clear:both; background:#444751}
#footerWarp:after{display:block; clear:both; content:"";}
#footerWarp .customer{border-right:1px solid #575B68; float:left}
#footerWarp p{text-align:left}
#footerWarp .address{margin:0 0 15px 8px}
#footerWarp .copyRight{margin:0 0 0 8px}
#footerWarp .inner{float:left; margin-left:10px}
#footerWarp ul{display:block; height:34px}
#footerWarp ul li{display:block; margin:7px 0 15px 0}
#footerWarp ul li{float:left; padding:0 10px;  background:url(../img_comm/js_footer_line.jpg) no-repeat right 50% }
#footerWarp ul li.last{background:none}






/*main*/
#headerWarp #flashMain.mPic{height:432px}

/*sub*/
#headerWarp #flashMain.sPic{height:302px}





/*detial_info*/
#productName{height:60px; margin:50px 0 0 0; padding-bottom:10px; position:relative; border-bottom:1px solid #F0F0F0; font-size:10px}
#productName p{font-size:18px; font-weight:bold; color:#333}
#productName .nap{position:absolute; right:0}
#productName .nap a{display:block}


#detail_info{margin-top:10px; overflow:hidden}
#detail_info{display:block; clear:both; content:"";}
#detail_info .inner{width:717px; _width:771px; border:1px solid #F0F0F0; padding:16px 26px 20px 26px; float:left}
#detail_info .banner{float:right}
#detail_info .pic{width:300px; height:343px; float:left; position:relative; background:url(../img_comm/js_bg.jpg)}
#detail_info .pic p{display:block; position:absolute; bottom:0; right:0}
#detail_info .info{width:364px; float:right}
#detail_info .info ul li{display:block; text-align:left; color:#333; font-size:12px; font-weight:bold; padding:3px 0}
#detail_info .shopBtn{margin:6px 0 0 0 }

#detail_info .info p{text-align:left; display:block; padding:3px 0}
#detail_info .info p.nhn{width:261px}


#detail_view{width:920px; margin:20px auto 0 auto}



#detail_infoBox{width:814px; /*height:540px; border-bottom:3px*/ solid #333; text-align:left; padding-bottom:45px; overflow:hidden}
#detail_infoBox .reviewPic{width:431px; float:left}
#detail_infoBox .reviewInfo{width:300px; float:right}
#detail_infoBox .inner{background:url(/design/flora3/img_comm/js_line2.jpg) repeat-x left bottom}
#detail_infoBox .inner.pad{padding:17px 0}
#detail_infoBox .inner.pad2{padding:12px 0}
#detail_infoBox .inner ul li{display:block; padding:5px 0}
#detail_infoBox .inner ul li span.title{display:inline-block; width:80px; font-weight:bold}
#detail_infoBox .option1_title{display:inline-block; width:80px; font-weight:bold}
#detail_infoBox .brandName{/*padding:15px 0 0 0 ; border-bottom:2px solid #F66*/}



#review_content_box{width:600px}


/*디테일페이지 장바구니 팝업*/
#maxzone #contents{width:380px}




#listList.boxBest{padding:20px 0 0 0}
#listList.boxNew{padding:20px 0 0 0}
#listList.boxNew{text-align:center}
#listList table tr td{vertical-align:top}


#listBox.boxBest{margin:0 31px 20px 31px}
#listBox.boxNew{margin:0 0 20px 23px}
#listBox a{font-size:11px; color:#010101}
.listBox a:hover{font-size:11px; color:#666; text-decoration:none}
.listProduct{}
.listName{padding-top:10px; text-align:left}
.listPrice{font-size:11px; padding-top:5px; text-align:left; font-family:Tahoma, Geneva, sans-serif; color:#444651; font-weight:bold; letter-spacing:1px}
.pagging{text-align:center}