#brand {width:100%; min-width:1200px; position:relative; top:71px;}
#brand > .box {float:left; position:relative; width:24.8%; margin:0.1%; border:1px solid #ccc; box-sizing:border-box; text-align:right;}
#brand > .box > a {display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; opacity:0; filter:alpha(opacity=0); z-index:999;}
#brand > .box > img {width:60%;}
#brand > .box .brand {position:absolute; top:20px; left:30px; font-size:30px; color:#ec1f1f; line-height:50px; font-weight:bold; text-align:left; font-family:Nanum Gothic;} 


#contentsW {width:100%; position:relative; top:73px; padding:50px 0; background:#efefef;}
#contentsW > #contents {width:1200px; margin:0 auto; background:#fff;  min-height:200px;}
#contentsW > #contents  .box {padding:30px 40px; float:left;}
#contentsW > #contents  .box  h3 {font-size:26px; line-height:26px; font-weight:500; color:#313131;}
#contentsW > #contents  .box .note {font-size:14px; margin-top:7px;} 

#contentsW > #contents > #product {background:#f9f9f9; width:720px;}
.amazon_scroller{padding: 0px ;margin:20px 0px 0;}
.amazon_scroller .amazon_scroller_nav{position: absolute; }
.amazon_scroller .amazon_scroller_nav li{cursor: pointer; position: absolute;}
.amazon_scroller .amazon_scroller_mask{position: absolute; overflow: hidden;}
.amazon_scroller ul{float: left;}
.amazon_scroller ul li{margin-right:20px; float:left; display:inline; background:#fff; text-align:center; border:1px solid #ddd; position:relative;}
.amazon_scroller ul li a{display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; opacity:0; filter:alpha(opacity=0);}
.amazon_scroller ul li p.tit{margin:20px 5px 15px; font-weight:500; font-size:14px; color:#505050; }

#contentsW > #contents > #as {width:320px; height:276px; background:url(../images/as_bg.jpg) center 533px; position:relative;}
#contentsW > #contents > #as h3 {color:#ec1f1f;}
#contentsW > #contents > #as .note {color:#c8c8c8}

#contentsW > #contents > #notice {width:320px; height:273px; background:#fff; position:relative;}
#contentsW > #contents > #notice .plus {position:absolute; right:30px; top:35px;}
#contentsW > #contents > #notice h3 {margin-bottom:30px;}
#contentsW > #contents > #notice dl {position:relative; height:40px; border-bottom:1px solid #ddd; font-size:13px; color:#828282;}
#contentsW > #contents > #notice dl a {color:#828282; font-size:13px;}
#contentsW > #contents > #notice dl a:hover {text-decoration:underline;  color:#ec1f1f}
#contentsW > #contents > #notice dt{position:absolute; top:10px; left:0;}
#contentsW > #contents > #notice dd{position:absolute; top:10px; right:0;}

#contentsW > #contents > #download {width:320px; height:273px; background:url(../images/down_bg.jpg) center -45px; position:relative;}
#contentsW > #contents > #download h3 {color:#fff;}
#contentsW > #contents > #download .note {color:#fff}

/***** as / 자료실 링크 CSS ******/
#contentsW > #contents > #download a, #contentsW > #contents > #as a {display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; opacity:0; filter:alpha(opacity=0); z-index:999; }


#contentsW > #contents > #customer {width:320px; height:273px; background:#f9f9f9 url(../images/customer_bg.png) no-repeat 285px 225px; position:relative;}
#contentsW > #contents > #customer .note {color:#7c7c7c; margin-bottom:10px;}
#contentsW > #contents > #customer .tel {font-size:35px; font-weight:500; margin-bottom:5px; letter-spacing:2px;}
#contentsW > #contents > #customer .mail {font-size:16px; background:url(../images/mail.png) no-repeat left 4px; padding-left:30px;}

#BsiteW {width:100%; position:relative; top:73px; background:#efefef; border-top:1px solid #ddd; padding:30px 0;}
#BsiteW > #Bsite{width:1200px; margin:0 auto;} 
#BsiteW > #Bsite ul li { float:left; height:34px; line-height:34px; margin:0 19px;}
#BsiteW > #Bsite ul li.middle { height:48px; line-height:48px; padding:13px 0 5px 0;}
#BsiteW > #Bsite ul li img { vertical-align:middle;}