﻿

#wrap{font-size:12px;}

#header{width:200px; height:910px; background-color:#ab1344; color:#fff; float:left}
.header_logo{height:158px; background-color:#fff;}
.header_logo img{margin:58px 0 0 32px;}
.header_gnb{font-size:16px;}
.header_gnb ul li{height:37px; border-bottom:1px solid #990033; padding-top:12px;}
.header_gnb ul .h_click{background-color:#4f051d; background-image:url(/Contents/images/sbm/menu/menu_over.png); background-repeat:no-repeat;}
.header_gnb ul li img{margin:4px 0 0 34px;}
.header_center{height:200px; background-color:#4f051d; font-size:11px;}
.header_center ul{padding-top:20px;}
.header_center ul li {margin:10px 0 0 34px;}
.header_center .box{background-color:#f8f8f8; padding:5px 45px 5px 10px; font-size:11px; border:0px;}
.header_bottom{font-size:12px; color:#ffcccc;}
.header_bottom p {margin:9px 0 0 21px;}

#footer{height:45px; border-top:1px solid #cccccc; position:fixed; bottom:0px; z-index:1990; width:100%; background-color:#fff;}
#footer > p {padding: 16px 0 0 23px;}

/************** 메인 **************/

#content{width:1785px; height:910px; margin-left:200px;}
.cont_image{width:640px; float:left;}
.cont_products{width:479px; height:901px; padding-top:8px; float:left; color:#333333; background-color:#fff; border-right:1px solid #cccccc;}
#content .inner_txt{font-size:17px; padding-top:75px;}
#content .more{margin-top:25px;}
.cont_products .pro_1{width:360px; height:239px; margin:0 60px 0 59px; background-image:url('/Contents/images/sbm/main/pro1.png'); border-bottom:1px solid #cccccc;}
.cont_products .pro_2{width:360px; height:239px; margin:0 60px 0 59px; font-size:15px; background-image:url('/Contents/images/sbm/main/pro2.png'); border-bottom:1px solid #cccccc;}
.cont_products .pro_2 .point{color:#993333; font-weight:bold;}
.cont_products .pro_2 ul{padding-top:60px; width:210px;}
.cont_products .pro_2 ul li{margin-top:12px; background-image:url('/Contents/images/sbm/main/mbutton.png'); background-repeat:no-repeat;}
.cont_products .pro_2 ul li a:hover{color:#ff0000; display:inline; border-bottom:1px solid #ff0000; padding-bottom:2px;}
.cont_products .pro_2 ul li:hover{background-image:url('/Contents/images/sbm/main/mbutton_over.png'); background-repeat:no-repeat;}
.cont_products .pro_2 .mb{}
.cont_products .pro_3{width:360px; height:269px; margin:0 60px 0 59px; background-image:url('/Contents/images/sbm/main/pro3.png'); }
.cont_rnd{width:479px; height:901px; padding-top:8px; float:left; color:#333333; background-color:#fff; border-right:1px solid #cccccc;}
.cont_rnd .rnd_1{width:360px; height:239px; margin:0 60px 0 59px; font-size:14px; background-image:url('/Contents/images/sbm/main/rnd1.png'); border-bottom:1px solid #cccccc; overflow:hidden;}
.cont_rnd .rnd_1 .m_notice{width:310px; height:150px; margin-top:80px ; margin-left:-8px;}
.cont_rnd .rnd_1 .m_notice_bt{position:absolute; margin:35px 0 0 245px;}
.cont_rnd .rnd_2{width:360px; height:239px; margin:0 60px 0 59px; background-image:url('/Contents/images/sbm/main/rnd2.png'); border-bottom:1px solid #cccccc;}
.cont_rnd .rnd_3{width:360px; height:269px; margin:0 60px 0 59px; background-image:url('/Contents/images/sbm/main/rnd3.png'); background-repeat:no-repeat;}

/************** 서브 **************/
.headr_top{width:1383px; height:4px; background-color:#ab1344; position:absolute;}
.gnb_open{width:179px; height:909px; background-color:#fff; float:left; border-top:none; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.gnb_open .gnb_top{height:157px; background-color:#fff; border-bottom:1px solid #cccccc;}
.gnb_open .gnb_top img{margin:58px 0 0 37px;}
.gnb_menu ul li{height:37px; border-bottom:1px solid #cccccc; padding-top:12px;}
.gnb_menu .click{height:37px; border-bottom:1px solid #ab1344; padding-top:12px; background-color:#eb2061;}
.gnb_menu ul li img{margin:4px 0 0 37px;}

#sub_content{width:1041px; padding:58px 0 0 62px; margin-left:380px;}
.sub_content_area{padding:40px 0 70px 0;}
#sub_content .location{float:right; margin-right:120px; font-weight:bold;}
#sub_content .map{ padding:300px 0 30px 15px; background-image:url('/Contents/images/sbm/menu/menu1/menu5_img.jpg'); background-repeat:no-repeat;}

/* 제품정보 */
.search_area{margin-top:20px; height:35px;}
.search_area .name{float:left;}
.search_box{width:506px; height:24px; border:1px solid #d5d5d5; float:left; margin-left:5px;}
.search_box ul li{float:left;}
.search_box .search{height:22px; border:none; padding:0 5px 0 5px; width:431px;}
.search_box .bt{height:24px; width:65px; background-color:#333333; color:#fff; font-size:14px; font-weight:bold;}

/* 고객지원 */
.search_area2{margin-top:80px; height:35px;}
.search_area2 .name{float:left;}
.search_area2 .name p{font-size:15px;}
.search_box2{width:280px; height:24px; border:1px solid #d5d5d5; margin-left:489px;}
.search_box2 ul li{float:left;}
.search_box2 .search{height:22px; border:none; padding:0 5px 0 5px; width:205px;}
.search_box2 .bt{height:24px; width:65px; background-color:#333333; color:#fff; font-size:14px; font-weight:bold;}

.down{margin-top:10px;}
.down .d_bt{position:absolute; margin:24px 0 0 2px;}

.p_contents{float:left;}
.p_contents .type{position:absolute; margin:236px 0 0 58px;}
.p_contents .type li{float:left; margin-left:6px;}
.board{width:771px; font-size:14px; color:#333333; margin-bottom:120px;}
.board_top{height:40px; text-align:center; border-top:1px solid #c2c2c2;}
.bo1{width:40px;}
.bo2{width:141px;}
.bo3{width:300px;}
.bo4{width:170px;}
.bo5{width:60px;}
.bo6{width:80px;}
.bo7{width:470px;}
.bo8{width:431px;}
.bo9{width:471px;}
.board_cont .bo9{text-align:left;}
.board_cont{height:40px; text-align:center; border-top:1px solid #c2c2c2;}

/* 로그인 */
.sub_content_area .l_box{width:695px; height:450px; background-color:#f6f6f6; border:1px solid #a3a3a3; margin-top:60px;}
.sub_content_area .l_box .login_area{font-size:14px; margin:150px 0 0 55px;}
.sub_content_area .l_box .login_area .l1{width:140px; float:left; margin-top:10px;}
.sub_content_area .l_box .login_area .l2{width:320px; float:left;}
.sub_content_area .l_box .login_area .l3{width:100px; float:left; margin-top:28px;}
.lo1{width:296px; height:32px; border:1px solid #999999; background-color:#fff; margin-top:10px;}
.lo2{margin-top:22px;}
.login_i{padding-left:5px; width:290px; height:30px; border:0;}
.login_text{clear:both; margin-top:20px;}

/* 사이트맵 */
.sub_content_area .s_box{width:735px; height:410px; background-color:#f6f6f6; border:1px solid #a3a3a3; margin-top:60px; padding:40px 0 0 47px;}
.sub_content_area .s_box .top{width:685px; height:30px; background-color:#ab1344; margin-top:40px;}
.sub_content_area .s_box .top li{float:left; margin:5px 80px 0 10px;}
.sub_content_area .s_box {}
.sub_content_area .s_box .cont{float:left; margin:15px 45px 0 6px; width:100px;}
.sub_content_area .s_box .cont li{margin-top:8px;}