/* CSS Document */

/*layout*/

#header .hm { width:100%; overflow:hidden;background: url(../images/inc/hm_bg.gif) repeat-x left top}
#header .hm .hm_txt{ float:left; width:50%}
#header .hm .hm{ float:right; width:50%; text-align:right; overflow:hidden; padding-top:6px}
#header .hm .hm li{display:inline-block; *display:inline; zoom:1; background:url(../images/inc/hm_sec.gif) no-repeat left center; padding:2px 0 0 10px; margin-left:10px; font-weight:11px}
#header .hm .hm li:first-child{ background:none; margin-left:0}
#header .hm .hm .hm_cart a{ color:#fff; background:url(../images/inc/hm_cart_icon.gif) no-repeat left top; padding:2px 0 0 20px;}
#header .hm .hm .hm_cart a:hover{ background:url(../images/inc/hm_cart_icon_on.gif) no-repeat left top}
#header .hm .hm .hm_cart img{ vertical-align:top; margin-right:2px}
#header .hm .hm li a{ color:#a8a8a8; font-size:11px; letter-spacing:-1px}
#header .hm .hm li a:hover{ color:#FFFF00}

#header .top{overflow:hidden; height:84px}
#header .top h1{ float:left; width:320px; margin-top:21px}
#header .top .search{ float:left; width:400px; background:url(../images/inc/hearder_search.gif) no-repeat left top; margin-top:24px}
#header .top .search .search_bg{ width:310px; height:20px; border:none; padding:10px 0 10px 20px; font-size:15px; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFF00; vertical-align:middle}
#header .top .search .search_btn{ background:url(../images/inc/hearder_search_btn.gif) no-repeat left top; width:50px; height:40px; border:none; vertical-align:middle; cursor:pointer}
#header .top .sns{ float:right; width:100px; margin-top:37px}
.sns li{display:inline-block; *display:inline; zoom:1; margin-left:5px}
.sns li:hover{filter:alpha(opacity=40);opacity:0.4;}
.sns li:first-child{ margin-left:0}

#header .gnb img,#header .gnb_sub img{ vertical-align: top}
#header .gnb_sub{ width:100%; background: url(../images/inc/gnb_sub_bg.gif) repeat-x left top}
#header .gnb_sub .menu{ overflow:hidden}
#header .gnb_sub .menu li{ float:left; margin-left:-1px}
#header .gnb_sub .menu li:hover{filter:alpha(opacity=70);opacity:0.7;}
#header .gnb_sub .menu li:first-child{ margin-left:0}
#header .gnb{ width:100%; background: url(../images/inc/gnb_bg.gif) repeat-x left top; padding-top:5px; overflow:hidden}
#header .gnb .home{ float:left}
#header .gnb .menu{ float:left; margin-top:4px; overflow:hidden}
#header .gnb .menu .dp1{margin-left:-2px; float:left;}
#header .gnb .menu .dp1:first-child{ margin-left:0}
#header .gnb .menu .dp1 .dp2{ background:url(../images/gnb/bg_bt.png) no-repeat left bottom; padding-bottom:20px; position:absolute; clear:both; z-index:1000; display:none;}
#header .gnb .menu .dp1 .dp2 li{ background:url(../images/gnb/bg.gif) repeat-y left top; padding:0 2px}
#header .gnb .menu .dp1 .dp2 li a{ display:block;background:url(../images/gnb/bg_line.gif) repeat-x left top; padding-top:1px}
#header .gnb .menu .dp1 .dp2 li:hover{ background:#9324cf}
#header .gnb .menu .dp1 .dp2 img:hover{filter:alpha(opacity=50);opacity:0.5; }
#header .gnb .zi{ position:relative; z-index:1000}
#header .gnb .zi_up{ position:relative; z-index:10000}




.box{ margin:0 auto; width:1000px}

.qm_l{position: fixed; left:50%; margin-left:-628px; margin-top:20px;z-index:100;}
.qm_fix{bottom:275px}
.qm_l .tit_banner img:hover{filter:alpha(opacity=50);opacity:0.5;}
.qm_l .brand{ background:#4f4f4f;padding:11px 0 3px 0; text-align:center}
.qm_l .brand li{ margin-bottom:8px; }
.qm_l .brand li img{ vertical-align:top; border:1px solid #666}
.qm_l .brand li img:hover{ vertical-align:top; border:1px solid #fff;filter:alpha(opacity=60);opacity:0.6;}
.qm_r_top_con{ position:absolute; top:0; left:50%; margin-left:88px; z-index:10001;background:url(../images/inc/qm_r_order_con_bg.png) no-repeat; width:408px; height:408px; display:none}
.qm_r_top_con .btn_down{ position:absolute; left:0; top:0; margin:240px 0 0 24px}
.qm_r_top_con .btn_down img{ margin:0 3px}
.qm_r_top_con .btn_link{ position:absolute; left:0; top:0; margin:330px 0 0 60px}
.qm_r_top_con .btn_link img{ margin:0 22px}
.qm_r_top_con .btn_close{ position:absolute; left:0; top:0; margin:360px 0 0 330px}
.qm_r_top_con .btn_close img{ cursor:pointer}
.qm_r_top{position: absolute; left:50%; top:55px; margin-left:508px; z-index:100}
.qm_r_top img{ cursor:pointer}
.qm_r{position: fixed; left:50%; margin-left:508px; margin-top:20px; z-index:100}
.qm_r .today{ margin:10px 0; border:1px solid #cfcfcf; text-align:center; padding:10px; width:98px; background:#fff}
.qm_r .today .prod{ margin:5px 0 0 0 }
.qm_r .today .prod img{ display:block; width:98px; height:98px; border:1px solid #e6e6e6; vertical-align:top; margin-bottom:5px}
.qm_r .today .prod img:hover{ border:1px solid #b32ce2}
.qm_r .menu{ background:#ebebeb; text-align:center; padding-top:9px}
.qm_r .menu img{ vertical-align:top; margin-bottom:5px}
.qm_r .menu img:hover{filter:alpha(opacity=70);opacity:0.7;}

/**/
#contents .main_visual{ width:100%; padding:20px 0}
#contents .visual_bg{ background:url(../images/inc/visual_bg.gif)}

#contents .main_banner{ margin:20px auto 40px auto}
#contents .main_banner img{ vertical-align:top}
#contents .main_banner .area1{ overflow:hidden; padding:1px 0 0 1px;}
#contents .main_banner .area1 li{ float:left; margin:-1px 0 0 -1px;}
#contents .main_banner .area1 li:hover{filter:alpha(opacity=50);opacity:0.5;}
#contents .main_banner .area1 .end{ margin-top:-115px}
#contents .main_banner .area2{ overflow:hidden; margin-top:10px}
#contents .main_banner .area2 li{ float:left}
#contents .main_banner .area2 li:hover{filter:alpha(opacity=70);opacity:0.7;}

#contents .main_product{ padding-bottom:47px}
#contents .main_product .titarea{ overflow:hidden; margin-bottom:10px}
#contents .main_product .titarea .tit_img{ float:left}
#contents .main_product .titarea .more{ float:right;}

#contents .prodarea{ overflow:hidden; margin-left:-13px}
#contents .prodarea .prod{ width:238px; float:left; margin:0 0 13px 13px}
#contents .prodarea .prod .img{height:238px;}
#contents .prodarea .prod .img img{ width:238px; vertical-align:top}
#contents .prod{ border:1px solid #e6e6e6; position:relative}
#contents .prod:hover{ border:1px solid #b32ce2; cursor:pointer;}
#contents .prod .layer{ position:absolute; left:0; top:0; margin:-2px 0 0 -1px }
#contents .prod .img{ }
#contents .prod .prod_tit{ padding:20px 15px 0 15px; font-family:±¼¸²; font-size:13px; color:#515150; font-weight:bold; letter-spacing:-1px; border-top:1px solid #e6e6e6}
#contents .prod .icon{padding:6px 15px 6px 15px; height:32px}
#contents .prod .icon img{ vertical-align:top; margin-right:3px}
#contents .prod .price{ padding:0 16px 10px 0; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#292929; font-weight:bold; letter-spacing:-1px; background:url(../images/inc/prod_won.gif) no-repeat right 4px;margin:0 15px 0 0}

#contents .subbox{ overflow:hidden; padding:20px 0 50px 0; min-height:300px}
#contents .subbox .board_topimg{ width:100%;}
#contents .subbox .board_topimg img{ vertical-align:middle;}
#contents .subbox .lnb{ float:left; width:180px}
#contents .subbox .lnb img{ vertical-align:top}
#contents .subbox .lnb .box_top{ background:url(../images/lnb/box_top.gif) no-repeat; height:20px}
#contents .subbox .lnb .box_bt{ background:url(../images/lnb/box_bt.gif) no-repeat; height:20px}
#contents .subbox .lnb .menu{ padding:0 10px; background:url(../images/lnb/box_ml.gif) repeat-y}
#contents .subbox .lnb .menu .on{background:url(../images/lnb/bg_on.gif) no-repeat;}
#contents .subbox .lnb .menu .on img{filter:none}
#contents .subbox .lnb .menu li{background:url(../images/lnb/bg_off.gif) no-repeat}
#contents .subbox .lnb .menu li img{filter:alpha(opacity=50);opacity:0.5;}
#contents .subbox .lnb .menu li:hover{background:url(../images/lnb/bg_on.gif) no-repeat}
#contents .subbox .lnb .menu li:hover img{ filter:none}

#contents .subbox .con{ float:right; width:800px}
#contents .subbox .con .titarea{ border-bottom:1px solid #292233; padding-bottom:2px; overflow:hidden; margin-bottom:20px}
#contents .subbox .con .titarea .rot{ padding:25px 5px 0 0}
#contents .prod_cate .tit_area{ overflow:hidden; padding:20px 0 10px 0}
#contents .prod_cate .tit_area .rot{padding:5px 5px 0 0  }
/*#contents .tit{ float:left; width:45%; font-family:"±¼¸²"; color:#161515; font-weight:bold; font-size:16px; letter-spacing:-1px;}*/
#contents .rot{ float:right; width:45%; text-align:right; color:#686767; font-size:11px;letter-spacing:-1px;}
#contents .prod_cate .list_cate{ padding-bottom:20px}
#contents .prod_cate .list_cate .menu li{ width:173px; height:25px; border:1px solid #d1d1d1; background:url(../images/product/list_cate_icon.gif) no-repeat 10px center #fff;display:inline-block; *display:inline; zoom:1; overflow:hidden; white-space:nowrap; padding:15px 5px 0 20px; margin-left:-1px;text-overflow:ellipsis; letter-spacing:-1px; font-weight:bold; font-size:11px; color:#5e5e5e; cursor:pointer}
#contents .prod_cate .list_cate .menu{ margin:-1px 0 0 1px}
#contents .prod_cate .list_cate .menu .on{ background: url(../images/product/list_cate_icon_on.gif) no-repeat 10px center #656565; color:#fff}
#contents .prod_cate .list_cate .menu_con div{ display:none}
#contents .prod_cate .list_cate .menu_con div ul{ background:#8e8e8e; border-left:1px solid #999;border-right:1px solid #999;border-bottom:1px solid #999; width:992px; padding:10px 0}
#contents .prod_cate .list_cate .menu_con div ul li{display:inline-block; *display:inline; zoom:1; letter-spacing:-1px; font-weight:bold; font-size:11px; color:#fff; background:url(../images/product/list_cate_icon2.gif) no-repeat 10px center; width:109px; height:15px;text-overflow:ellipsis;overflow:hidden; white-space:nowrap; padding:10px 0 5px 15px; cursor:pointer}
#contents .prod_cate .list_cate .menu_con div ul .on,#contents .prod_cate .list_cate .menu_con div ul li:hover{ color:#ffea00; background:url(../images/product/list_cate_icon2_on.gif) no-repeat 10px center;}
#contents .prod_cate .list_cate .menu_con div ul{ margin-left:1px}

#contents .rot .home{ font-weight:bold; color:#d07cff}
#contents .rot .sec{ color:#999}
#contents .rot .this{ font-weight:bold; color:#9324cf}

#contents .page_box{ background: url(../images/inc/page_box_ml.gif) repeat-y}
#contents .page_box .page_top{ background:url(../images/inc/page_box_top.gif) no-repeat left top; height:5px}
#contents .page_box .page_bt{ background:url(../images/inc/page_box_bt.gif) no-repeat left top; height:5px}
#contents .page_box .page{ padding:30px 30px 40px 30px}
#contents .page_box .page .box_left,#contents .page_box .page .box_right{width:340px;}
#contents .page_box .page .login_box .tit{ background:#292233; width:100%}
#contents .page_box .page .login_box .con{ background: url(../images/member/login_box_bg.gif) repeat-y; border-bottom:1px solid #292233; width:100%; padding:20px 0}
#contents .page_box .page .login_box .con .row{ margin-bottom:10px}
#contents .page_box .page .login_box .con .row img{vertical-align:middle; margin-left:10px}
#contents .page_box .page .login_box .con .row input{ vertical-align:middle;}
#contents .page_box .page .login_box .con .row .btn_ok{ width:190px; height:30px; background:none; border:none; padding-left:100px}
#contents .page_box .page .login_box2{ margin-top:30px; border-top:1px solid #292233; border-bottom:1px solid #cbcacd; background:#f4f4f4; padding:17px 0 16px 0}
#contents .page_box .page .login_box2 span:first-child{ margin-right:110px}
#contents .page_box .page .login_box2 .join_done{ background:url(../images/member/join_done.jpg) no-repeat left top; margin:20px 0 0 50px; padding:155px 0 50px 0}

#contents .law_box,#contents .law_box2{scrollbar-3dlight-color:#FFFFFF;scrollbar-arrow-color:#CCCCCC; scrollbar-track-color:#F9F9F9; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF;	scrollbar-highlight-color:#CCCCCC;scrollbar-shadow-color:#CCCCCC;background:#f4f4f4;overflow-y:scroll; padding:20px; border-top:1px solid #292233;border-bottom:1px solid #cbcacd;}
#contents .law_box{height:500px;}
#contents .law_box2{height:100px;}

#contents .page_box .coupon_box{ background:url(../images/mypage/coupon.jpg); height:60px; margin-bottom:20px}
#contents .page_box .coupon_box .coupon{ padding:15px 0 0 180px}
#contents .page_box .coupon_box .coupon .input_st{ height:22px; width:380px; margin:5px 20px 0 0; border:none; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:21px; font-weight:bold; color:#8b5892; letter-spacing:-1px}
#contents .page_box .coupon_box .coupon input{ vertical-align: top}

#contents .list_search{ padding:20px 0; overflow: hidden;}
#contents .list_search .array{ float:left; margin-left:10px; width:300px}
#contents .list_search .input{ float:right; overflow:hidden; margin-right:10px; width:620px;}
#contents .list_search .input .name{ float:left}
#contents .list_search .input .price{ margin-left:30px; float:left}
#contents .list_search input,#contents .list_search img{ vertical-align:middle}

#contents .list_total{ background:#efefef; border-top:1px solid #b4a9b7; padding:10px 0; margin-bottom:30px}
#contents .list_total img,#contents .list_total span{ vertical-align:middle}
#contents .list_total .text_st{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ff5d5b; font-weight:bold}

#contents .prod_view{ background:url(../images/product/view_bg_top_line.gif) repeat-y left top; border-bottom:5px solid #e6e6e6; margin-top:20px;position:relative}
#contents .prod_view .area_top{ background:url(../images/product/view_bg_top.gif) no-repeat left top; padding:30px 0; overflow:hidden;}
#contents .prod_view .area_top .box1{ width:472px; float:left}
#contents .prod_view .area_top .box1 .prod_img{ width:432px; height:432px; margin-left:20px; padding-left:20px; background:url(../images/product/view_bg_mark2.gif) no-repeat left bottom; text-align:right}
#contents .prod_view .area_top .box1 .prod_img .img_detail{ background:#494949; width:920px; height:650px; margin:20px 0 0 20px; padding:20px; position:absolute; left:0; top:10px; text-align:left; overflow:hidden}
#contents .prod_view .area_top .box1 .prod_img .img_detail .zoom_tit{ font-family: "Times New Roman", Times, serif; font-size:23px; color:#ebebeb; font-weight:bold; padding-bottom:10px; letter-spacing:-1px}
#contents .prod_view .area_top .box1 .prod_img .img_detail .zoom_img img{ width:600px}
#contents .prod_view .area_top .box1 .prod_img .img_detail .zoom_img{ float:left} 
#contents .prod_view .area_top .box1 .prod_img .img_detail .zoom_thum{ float:left;}
#contents .prod_view .area_top .box1 .prod_img .img_detail .zoom_thum p{width:120px;border:2px solid #fff; margin-left:20px; margin-bottom:10px; cursor:pointer}
#contents .prod_view .area_top .box1 .prod_img .img_detail .zoom_thum p:hover{border:2px solid #b967d6}
#contents .prod_view .area_top .box1 .prod_img .img_detail .zoom_thum p img{ width:120px;}
#contents .prod_view .area_top .box1 .prod_img .img_detail .zoom_close{ float:right; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#999; letter-spacing:-1px; cursor:pointer}
#contents .prod_view .area_top .box1 .prod_img .img_detail .zoom_close:hover{ color:#fff}

#contents .prod_view .area_top .box1 .prod_img .img_area{border:1px solid #e6e6e6; min-width:430px; max-width:430px; max-height:430px; min-height:430px}
#contents .prod_view .area_top .box1 .prod_img .img_area img{ width:430px;}

#contents .prod_view .area_top .box1 .img_btn{ width:452px; margin-left:20px; margin-bottom:30px}
#contents .prod_view .area_top .box1 .img_btn .img_zoom{height:75px; padding-top:15px; background:#494949; overflow:hidden }
#contents .prod_view .area_top .box1 .img_btn .img_zoom .zoom_tt{ float:left; margin:0 5px 0 35px}
#contents .prod_view .area_top .box1 .img_btn .img_zoom .zoom_tt .zoom_btn{ margin-top:7px; cursor:pointer}
#contents .prod_view .area_top .box1 .img_btn .img_zoom .zoom_prod{ float:left; overflow:hidden; padding-left:12px}
#contents .prod_view .area_top .box1 .img_btn .img_zoom .zoom_prod p{ float:left; margin-left:15px; width:60px; border:2px solid #fff; cursor:pointer}
#contents .prod_view .area_top .box1 .img_btn .img_zoom .zoom_prod p:hover{border:2px solid #b967d6}
#contents .prod_view .area_top .box1 .img_btn .img_zoom .zoom_prod p img{ width:60px}

#contents .prod_view .area_top .box1 .img_btn .sns_area{ background:#767676; height:20px; text-align:right; padding:5px 30px 5px 5px }

#contents .prod_view .area_top .box2{ width:506px; float:left}
#contents .prod_view .area_top .box2 .spec{ width:506px;  }
#contents .prod_view .area_top .box2 .spec .prod_tit{ font-family:"±¼¸²"; font-size:24px; background:#494949;font-weight:bold; color:#fff; letter-spacing:-2px;; height:35px; padding:13px 0 5px 30px}
#contents .prod_view .area_top .box2 .spec .op{background:url(../images/product/view_bg_mark1.gif) no-repeat right top; padding-top:20px;}
#contents .prod_view .area_top .box2 .spec .op .sec_area{ width:488px;border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb;margin-right:18px; min-height:360px; max-height:360px; overflow-y:auto; overflow-x: hidden;scrollbar-3dlight-color:#FFFFFF;scrollbar-arrow-color:#CCCCCC; scrollbar-track-color:#F9F9F9; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF;	scrollbar-highlight-color:#CCCCCC;scrollbar-shadow-color:#CCCCCC;}
#contents .prod_view .area_top .box2 .spec .op .sec_area .op_con{}
#contents .prod_view .area_top .box2 .spec .op .sec_area .op_con th{text-align:left; padding:0 0 15px 30px; vertical-align: top; color:#494949}
#contents .prod_view .area_top .box2 .spec .op .sec_area .op_con td{ padding:0 0 15px 0;vertical-align:top; text-align:left; font-weight:bold; font-size:12px; color:#8a8a8a; background:#fff; letter-spacing:-1px}
#contents .prod_view .area_top .box2 .spec .op .sec_area .op_con .tt_price{  color:#ed0403; font-family: Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; letter-spacing:-1px}
#contents .prod_view .area_top .box2 .spec .op .sec_area .op_con .tt_price2{  color:#4B4B4B; font-family: Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; letter-spacing:-1px}
#contents .prod_view .area_top .box2 .spec .op .sec_area .op_con .op_select{ margin-bottom:5px}
#contents .prod_view .area_top .box2 .spec .op .sec_area .op_con .op_select dt{display:inline-block; vertical-align:top; *display:inline; zoom:1; width:30%;color:#851cc1}
#contents .prod_view .area_top .box2 .spec .op .sec_area .op_con .op_select dd{display:inline-block; vertical-align:top; *display:inline; zoom:1; width:70%;}
#contents .prod_view .area_top .box2 .spec .op .sec_area .op_con .op_select dd select{ border:1px solid #dddddd; padding:1px;width:220px}
#contents .prod_view .area_top .box2 .spec .op .sec_area .op_con .op_file{ margin-bottom:5px}
#contents .prod_view .area_top .box2 .spec .op .sec_area .op_con .op_file dt{display:inline-block; vertical-align:middle; *display:inline; zoom:1; }
#contents .prod_view .area_top .box2 .spec .op .sec_area .op_con .op_file dd{display:inline-block; vertical-align:middle; *display:inline; zoom:1; }
#contents .prod_view .area_top .box2 .spec .op .sec_area .op_con .op_file dd input{ margin-left:2px; cursor:pointer; vertical-align:middle; }

#contents .prod_view .area_top .box2 .spec .op .sec_area .op_line{ background:url(../images/product/view_dot.gif) repeat-x; padding:10px 0}



#contents .prod_view .area_top .box2 .buy_btn,#contents .prod_view .area_top .box2 .buy_btn2{ border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; height:119px; width:488px; text-align:center}
#contents .prod_view .area_top .box2 .buy_btn img{ margin:40px 5px 0 5px}
#contents .prod_view .area_top .box2 .buy_btn2 p input{ margin:0 5px}
#contents .prod_view .area_top .box2 .buy_btn2 p:first-child input:first-child{ margin-left:24px}
#contents .prod_view .area_top .box2 .buy_btn2 p:first-child{ margin:15px 0 8px 0}

#contents .prod_view .area_top .box3{ clear:both;width:940px; margin-left:20px}
#contents .prod_view .area_top .box3 .marking_tit{background:#e8e8e8}
#contents .prod_view .area_top .box3 .marking_con{background:#e8e8e8; width:880px; margin-left:20px; padding:0 20px 30px 20px}
#contents .prod_view .area_top .box3 .marking_con .price{ text-align:right; font-weight:bold; color:#000; padding:10px 45px 20px 0}
#contents .prod_view .area_top .box3 .marking_con .price img{ vertical-align:top}
#contents .prod_view .area_top .box3 .marking_con .price .suit{ padding:4px 10px 0 30px; display:inline-block; *display:inline; zoom:1}
#contents .prod_view .area_top .box3 .marking_con .price .won{padding:4px 10px 0 50px; display:inline-block; *display:inline; zoom:1}
#contents .prod_view .area_top .box3 .marking_con .memo{ background:#fff; border:1px solid #cbcbcb}
#contents .prod_view .area_top .box3 .marking_con .memo textarea{ margin-top:20px; width:100%; border:1px solid #dddddd; height:36px; width:640px; padding:5px; color:#d79aec; font-weight:bold}
#contents .prod_view .area_top .box3 .marking_con .memo img,.prod_view .area_top .box3 .marking_con .memo textarea{ vertical-align:top}

#contents .prod_view_con{}
#contents .prod_view_con .tab{ overflow:hidden; margin:30px 0 20px 0}
#contents .prod_view_con .tab li{ float:left; margin-left:-2px}
#contents .prod_view_con .tab li:first-child(){margin-left:2px}
#contents .prod_view_con .etc{ border:1px solid #d1d1d1; padding:20px}

#contents .prod_view .area_top .order_box{ width:920px; margin:0 auto}
#contents .prod_view .area_top .order_box .order_done{ background:url(../images/product/order_done.jpg); width:920px; height:330px; position:relative; margin-top:20px}
#contents .prod_view .area_top .order_box .order_done p{position: absolute; left:50px; top:220px}

#contents .quantity{ overflow:hidden}
#contents .quantity .inp{ float:left}
#contents .quantity .inp input{ vertical-align:top}
#contents .quantity .btn{float:left}
#contents .quantity .btn img{ display:block; margin:0 0 1px 1px}
#contents .quantity .link{float:left}
#contents .quantity .link img,#contents .quantity .link input{ vertical-align:middle; margin:0 3px}

#contents .btn_area{ overflow:hidden; padding-top:10px}
#contents .btn_area .btn_l{ float:left;}
#contents .btn_area .btn_r{ float:right}
#contents .btn_area input{ height:40px; margin:0 3px}

#contents .page_mg{ margin-top:40px}
#contents .btn_mg{ margin:0 5px}
#contents .form_pd{ padding-right:20px}

#contents .text_st1{ width:18%; background:#4b3d5f; color:#fff; padding:10px 0 5px 2%; font-weight:bold; font-size:12px; letter-spacing:-1px; font-family:"±¼¸²"; vertical-align:bottom}
#contents .text_st2{ text-align:right; padding:10px;  background:#f9f9f9; border-bottom:1px solid #cbcacd; color:#4b3d5f; font-weight:bold; letter-spacing:-1px}
#contents .text_st3{ text-align:right; color:#b32ce2; padding:0 10px; vertical-align:bottom}
#contents .text_st4{ font-weight:bold; color:#FF0000; font-family:Arial, Helvetica, sans-serif; font-size:21px; letter-spacing:-1px}

#contents .input_st1{ border:1px solid #cccccc; padding:5px;width:178px; height:15px; font-family:"roB","ngB",sans-serif; color:#333}
#contents .input_st2{ border:1px solid #cccccc; padding:8px 5px; font-family:"roB","ngB",sans-serif; color:#333}
#contents .input_st3{ border:1px solid #e6e6e6; padding:5px 5px; font-family:"roB","ngB",sans-serif; color:#333}
#contents .input_st4{ border:1px solid #dddddd; padding:3px 5px; font-family:"roB","ngB",sans-serif; color:#000}
#contents .input_va{ vertical-align: sub; *vertical-align:text-bottom}

#contents .table_ttt{ text-align:right; color:#999}

#contents .map_text .tt1{ font-family:Arial, Helvetica, sans-serif; font-size:21px; font-weight:bold; letter-spacing:-1px; color:#292233}
#contents .map_text .tt2{ font-size:11px; color:#e59cff; letter-spacing:-1px; font-weight:bold; padding:0 20px 0 180px}
#contents .map_text .tt3{font-size:11px; color:#ccc; letter-spacing:-1px; font-weight:bold}
#contents .map_box{ border-top:10px solid #292233;border-bottom:10px solid #292233;border-left:1px solid #292233;border-right:1px solid #292233; width:740px; height:500px}


#footer img{ vertical-align:top}
#footer .copy_menu{ background:#47424f; overflow:hidden; margin-top:50px}
#footer .copy_menu .area1{ overflow:hidden; margin:5px 0 0 -1px; float:left}
#footer .copy_menu .area1 li{ float:left; margin-left:1px}
#footer .copy_menu .area2{ float:right; overflow:hidden; margin-top:6px}
#footer .copy_menu .area2 p{ float:left; margin:4px 10px 0 0}
#footer .copy_menu .area2 ul{ float:left; overflow:hidden}
#footer .copy_menu .area2 li{ float:left}
#footer .copyright{ background:#292233; padding:40px 0}

#footer .cs{ margin-top:60px; background:url(../images/inc/cs_bg.gif) repeat-x; ; overflow:hidden}
#footer .cs .left{ float:left}
#footer .cs .right{ float:right; background:url(../images/inc/cs_bg_r.gif) no-repeat right top; padding-right:24px; width:604px; height:283px}
#footer .cs .right .board_area{ margin-top:31px; height:145px; overflow:hidden}
#footer .cs .right .board_area img{ vertical-align: bottom}
#footer .cs .right .board_area .sec{ float:left;}
#footer .cs .right .board_area .sec .list{ margin:15px 0}
#footer .cs .right .board_area .sec .list p{ background:url(../images/inc/cs_icon.gif) no-repeat left center; color:#505050; font-size:11px; padding:5px 5px 2px 5px; width:175px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
#footer .cs .right .quick{ background:url(../images/inc/cs_quick_bg.gif); width:604px; height:82px; margin-top:5px; position:relative}
#footer .cs .right .quick ul{ margin:0 0 0 100px; padding-top:17px}
#footer .cs .right .quick li{ float:left; margin-left:10px}
#footer .cs .right .quick li:hover{ background: #FFFF00}
#footer .cs .right .quick li img:hover{filter:alpha(opacity=70);opacity:0.7;}
#footer .cs .right .quick li:first-child{margin-left:0}

.pop_wrap{  width:636px; height:696px; border:2px solid #f95757;margin:auto; text-align:center; overflow:auto;overflow-x: hidden;scrollbar-3dlight-color:#FFFFFF;scrollbar-arrow-color:#CCCCCC; scrollbar-track-color:#F9F9F9; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF;	scrollbar-highlight-color:#CCCCCC;scrollbar-shadow-color:#CCCCCC;background:#ebebeb; padding:0 30px}
.pop_wrap .pop_title{ padding-bottom:30px}
.pop_wrap .pop_cont { width:300px; float:left; margin:0 9px 15px 9px;}
.pop_wrap .pop_cont .pop_img{ border:1px solid #ccc; background:#fff}
.pop_wrap .pop_cont .pop_img img{ vertical-align:middle; width:280px}
.pop_wrap .pop_cont .pop_tt{ height:20px; border-bottom:1px dashed #999; padding-top:7px;font-weight:bold; font-size:12px; color:#666;letter-spacing:-1px;}

.pop_wrap .pop_cont2{ width:76px; float:left; margin:0 6px 15px 6px;}
.pop_wrap .pop_cont2 .pop_img{ border:1px solid #ccc; background:#fff}
.pop_wrap .pop_cont2 .pop_img img{ width:74px}
.pop_wrap .pop_cont2 .pop_tt{ height:38px; border-bottom:1px dashed #999; padding-top:7px;font-weight:bold; font-size:12px; color:#666;letter-spacing:-1px;}

.pop_wrap .pop_cont3 img{ border:1px solid #ccc; width:626px; vertical-align:middle; margin-bottom:30px}

.pop_wrap2{  width:900px; height:800px; text-align:center; overflow:auto;overflow-x: hidden;scrollbar-3dlight-color:#FFFFFF;scrollbar-arrow-color:#CCCCCC; scrollbar-track-color:#F9F9F9; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF;	scrollbar-highlight-color:#CCCCCC;scrollbar-shadow-color:#CCCCCC;}
.pop_wrap2 img{ width:900px; vertical-align:middle}

.pop_wrap3{  width:740px; height:500px; text-align:center; overflow:auto;overflow-x: hidden;scrollbar-3dlight-color:#FFFFFF;scrollbar-arrow-color:#CCCCCC; scrollbar-track-color:#F9F9F9; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF;	scrollbar-highlight-color:#CCCCCC;scrollbar-shadow-color:#CCCCCC;}