@charset "utf-8";

:root   {
    --width: 1220px;
	--width2: 1200px;
}




html{ margin:0px; padding:0px; overflow-y: scroll;  } 
body { font-family: 'Noto Sans KR', Dotum, AppleGothic, Sans-serif; border-collapse:collapse; margin:0px; padding:0px; font-weight:400;
width:100%; -webkit-text-size-adjust:none; zoom:1; background:url('/images/top-bg.gif') left top repeat-x; }

body.onn { font-family: 'Noto Sans KR', Dotum, AppleGothic, Sans-serif; border-collapse:collapse; margin:0px; padding:0px; font-weight:400;
width:100%; -webkit-text-size-adjust:none; zoom:1; background:#fff;}

.bodtops {
    position: fixed; bottom: 70px; right: 50px; 
	z-index: 10;
    width: 45px; height: 45px; box-shadow: 0 -2.5px 5px #fff, 0 2.5px 5px rgba(0,0,0,.25); border-radius: 50%;
    display: flex; align-items: center; justify-content: center; background: #fff;
    color: #5f5f5f; text-decoration:none;
}
.bodtops:hover { color: #000; }


h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px;}
img { border:none; margin:0px; padding:0px; vertical-align:top;}
ol, ul {margin:0px; padding:0px; list-style:none;}
div, li, dl, dt, dd, form, iframe, p, a, span{margin:0px; padding:0px; list-style:none; vertical-align:top;}
label {vertical-align: middle;}
table, th, td {margin:0px; padding:0px; border-collapse:collapse;}
select,input, textarea {margin:0px; padding:0px; font-family: 'Noto Sans KR', Dotum, "", Gulim, Tahoma, Verdana, AppleGothic, sans-serif;}

.wrap{}

.site_wrap1{width:var(--width); height:auto; margin:0 auto; min-width:var(--width);}
.site_wrap2{width:var(--width); float:left; height:auto; position:relative; min-width:var(--width);}
/**/
.header{width:100%; min-width:var(--width); height:auto; float:left; }
.top_sty{width:var(--width); height:auto; margin:0 auto; }
.top_sty3{width:var(--width);height:auto; float:left; }

.tbbtn{float:right;}
.tbbtn ul.top_b_btn{width:100%; float:right; height:auto; color:#777777;}
.tbbtn ul.top_b_btn li:first-child{float:left; font-size:13px; line-height:16px; margin-top:9px; }
.tbbtn ul.top_b_btn li{float:left; font-size:13px; line-height:16px; margin-top:9px; }
.bon_namesd{ }
.tbbtn ul.top_b_btn li.line{color:#d2d2d2; font-size:12px;  padding:0 10px 0 10px;margin-top:9px; }
.tbbtn ul.top_b_btn li a{color:#000; text-decoration:none; font-weight:300;  }


.dab_u{width:370px; height:auto; float:left; font-size:12px; padding:17px 0 10px 10px;}
.top_sty2{width:var(--width); height:104px; float:left;}
.top_sty2 ul.top_b_btn{width:100%; float:right; height:8px; margin:0px 0 0px 0; color:#777777; padding:10px 0 0 0;}
.top_sty2 ul.top_b_btn li.line{color:#666666; padding:2px 12px 0 12px; font-size:10px;}
.top_sty2 ul.top_b_btn li a{color:#d6d6d6; text-decoration:none;font-weight:normal;  }
.top_sty2 ul.top_b_btn li{float:left; height:8px; font-size:12px;  }
.top_sty2 ul.logo{ float:left; margin-left:50px; float:left; padding:15px 0 0 20px;}
.top_sty2 ul.logo li{ float:left;}

.search_in{width:370px; height:34px; float:left; border:1px solid #dedede; font-weight:bold; background:url('')left top no-repeat; border-radius:25px; margin:27px 0 0 150px;}


.top_b_btn a,.top_b_btn .text_in {font-size: 12px}
.bon_namesd{font-weight:700;}


.text_in{width:300px; height:25px; line-height:25px; float:left; border:0px solid #d9d9d9;  padding:0 0 0 12px;  margin:5px 10px; color:#666;}
.top_sty2 ul.lo_id_in{width:536px; height:14px; float:right; text-align:right; font-size:12px; margin-top:10px;}


.xmenu{width:49px; height:49px; float:left;}




.modu_menu2{width:100%; height:auto; float:left; background-color:#fff; display:none; 
position:absolute; top:165px; left:0; z-index:9999;}
.modu_menu3{width:var(--width); height:auto; margin:0 auto;}
.modu_menu{width:var(--width);height:auto; float:left; position:relative;}
.modu_menu ul{width:16%; float:left;}
.modu_menu li{float:left; text-align:center; width:100%; text-align:center;}
.modu_menu li.me_tit{font-size:12px; font-weight:bold; color:#fff; height:36px; line-height:36px; background-color:#d90302;}

.modu_menu li.sm_menu{width:100%; height:30px; float:left; text-align:center; line-height:30px; font-size:13px; }
.modu_menu li.sm_menu a{width:100%; height:30px; line-height:30px; float:left; text-align:center; text-decoration:none; color:#666;}
.modu_menu li.sm_menu a:hover{width:100%; height:30px; line-height:30px; float:left; text-align:center; text-decoration:none; color:#2c6df0; 
border-top:0px solid #2c6df0; background:#f3f7fd; font-size:14px;}


.mhl_zmenu td{}
.mhl_zmenu td a{}







.slid_x{position:absolute; bottom:0px; right:0px;}

.sub_menu11, .sub_menu12{width:227px; height:306px; float:left; padding:0 301px 1px 1px; position:absolute; display:none; top:37px; left:0; z-index:9999; background:#363940 url('../images/menu_bg1.png') top center no-repeat;}
.sub_menu13{width:227px; height:306px; float:left; padding:0 301px 1px 1px; position:absolute; display:none; top:37px; left:-100px; z-index:9999; background:#363940 url('../images/menu_bg2.png') top center no-repeat;}
.sub_menu14{width:227px; height:306px; float:left; padding:0 301px 1px 1px; position:absolute; display:none; top:37px; left:-200px; z-index:9999; background:#363940 url('../images/menu_bg3.png') top center no-repeat;}
.sub_menu15{width:227px; height:306px; float:left; padding:0 301px 1px 1px; position:absolute; display:none; top:37px; left:-300px; z-index:9999; background:#363940 url('../images/menu_bg4.png') top center no-repeat;}
.sub_menu16{width:227px; height:306px; float:left; padding:0 301px 1px 1px; position:absolute; display:none; top:37px; right:0; z-index:9999; background:#363940 url('../images/menu_bg5.png') top center no-repeat;}

.sub_menu11 ul.so_menu, .sub_menu12 ul.so_menu, .sub_menu13 ul.so_menu, .sub_menu14 ul.so_menu, .sub_menu15 ul.so_menu, .sub_menu16 ul.so_menu{width:100%; float:left; padding-top:30px;}
.sub_menu11 ul.so_menu li, .sub_menu12 ul.so_menu li, .sub_menu13 ul.so_menu li, .sub_menu14 ul.so_menu li, .sub_menu15 ul.so_menu li, .sub_menu16 ul.so_menu li{width:95%; float:left; height:25px; font-size:12px; line-height:25px; padding:0 0 0 5%;}
.sub_menu11 ul.so_menu li a, .sub_menu12 ul.so_menu li a, .sub_menu13 ul.so_menu li a, .sub_menu14 ul.so_menu li a, .sub_menu15 ul.so_menu li a, .sub_menu16 ul.so_menu li a{width:200px; text-decoration:none; color:#000; padding:0; margin:0; line-height:25px; height:25px; float:left;}
.sub_menu11 ul.so_menu li a:hover, .sub_menu12 ul.so_menu li a:hover, .sub_menu13 ul.so_menu li a:hover, .sub_menu14 ul.so_menu li a:hover, .sub_menu15 ul.so_menu li a:hover, .sub_menu16 ul.so_menu li a:hover{width:200px; text-decoration:none; color:#ffffff; background-color:#ed4023;  padding:0 2px; margin:0; line-height:25px; height:25px; float:left;}

.tre_cate{width:200px; height:auto; float:left; background-color:#fff; border:1px solid #000; display:none; position:absolute; right:-130px; z-index:99990;}
.tre_cate ul.tree_m2{width:100%; height:auto; float:left;}
.tre_cate ul.tree_m2 li.tree_m1{width:100%; height:30px; line-height:30px; float:left; padding:0; margin:0;}
.tre_cate ul.tree_m2 li.tree_m1 a{color:#000;  background-color:#fff; padding-left:5px; width:193px; height:30px; line-height:30px; float:left;}
.tre_cate ul.tree_m2 li.tree_m1 a:hover{ color:#ffffff; background-color:#ed4023;  padding-left:5px; width:193px; height:30px; line-height:30px; float:left;}
/*޴*/

.quk{position:fixed; width:90px; float:left; height:auto; margin:8px 0 0 1090px; background-color:#fff;}

.quk2{width:103px; float:left; height:auto; border:1px solid #dddddd;}
.quk2 ul.quk_btn, .quk2 ul.quk_btn2, .quk2 ul.quk_btn3{width:100%; height:auto; float:left;}
.quk2 ul.quk_btn li{float:left; width:100%; height:auto; border-bottom:1px solid #dddddd; font-size:12px; line-height:30px; text-align:center; color:#454545; cursor:pointer;}
.quk2 ul.quk_btn2 li.today_sang{float:left; width:100%; height:auto; line-height:30px; text-align:center; color:#454545; font-size:12px; cursor:pointer;}
.quk2 ul.quk_btn3 li{float:left; width:100%; height:auto; border-top:1px solid #dddddd; font-size:12px; line-height:30px; text-align:center; color:#454545; cursor:pointer;}
.today_sang2{width:100%; height:auto; float:left;}
.today_sang2 ul{width:100%; height:auto; float:left;}
.today_sang2 ul li{width:100%; height:auto; float:left; text-align:center;}
.sang_name_quk{width:80%; padding:5px 10% 10px 10%; height:auto; float:left; text-align:center; font-size:12px; color:#454545; letter-spacing:-1px;}

.quk_up{width:31px; height:17px; float:left; border:1px solid #a3a3a3;}
.quk_up2{width:31px; height:17px; float:left; border:1px solid #a3a3a3; margin-left:6px;}
.down_qk{padding-top:6px;}
.top_up{padding:12px 0 0 5px;}

.today_sang3{width:100%; height:auto; float:left;}
.today_sang3 ul{width:100%; height:auto; float:left;}
.today_sang3 ul li{width:100%; height:auto; float:left; text-align:center; cursor:pointer;}
.today_sang3 ul.upndown{width:72px; height:auto; float:left; margin-top:10px; margin:10px 8px 9px 15px;}

.printbans{width:1200px; float:left; margin-top:20px; border-bottom:1px solid #e0e0e0;}
.printbans ul{width:1200px; float:left;}
.printbans ul li{width:20%; float:left; height:auto; text-align:center;}


.bodprint{width:1200px;float:left; height:auto; margin-top:60px; min-height:200px; }
.bodprint2{width:340px; height:185px; float:left; margin:0 10px 0 10px;}
.bodprint2 ul.bod_border{width:340px; float:left; border-bottom:1px solid #000;}
.bodprint2 ul.bod_border li.bt{width:101px; text-align:center; float:left; margin-left:0px; padding:7px 0 7px 0; font-size:13px; 
}
.bodprint2 ul.bod_border li.bt2{font-size:12px; float:right; margin-top:7px;}
.bodprint2 ul.bod_border li.bt2 a{color:gray; font-size:12px; text-decoration:none;}
.bodprint2 ul.bodprint3{width:340px; float:left; border-bottom:1px dotted gray;}

.bodprint2 ul.bodprint3 li.nwbodfon{font-size:12px; float:left; padding:7px 0 7px 0;}
.bodprint2 ul.bodprint3 li.nwbodfon a{color:#000; text-decoration:none;}
.bodprint2 ul.bodprint3 li.nwbodfon2{font-size:12px; float:right; padding:7px 0 7px 0;}

.bodprint4{width:1200px; float:left; height:auto; margin-top:20px;}

.cardstyes{border:1px solid #666666; width:150px; height:21px; font-size:12px;}
.cardstyes2{border:1px solid #666666; width:400px; height:60px; font-size:12px;}
/**/
.conta{width:100%; height:auto; text-align:center; padding:0; clear:both;}

.main_soge{width:1200px; height:296px; border-top:0px solid #2d2b2b; border-bottom:2px solid #2d2b2b; float:left; margin-top:0px;}
.img_rolling{width:754px; height:296px; float:left; border-right:1px solid #d1d1d1;}
.img_rolling ul li img{width:754px; height:296px;}
.q_notice{width:306px; height:151px; float:left; border-bottom:1px solid #d1d1d1; padding-left:17px;}
.q_notice ul.noti_tit{width:100%; float:left; height:13px; margin:20px 0 13px 0;}
.q_notice ul.noti_con{width:297px; height:auto; float:left;}
.q_notice ul.noti_con li{width:100%; float:left; margin-top:7px;}
.noti_text_sty1{font-size:12px; color:#737373; float:left;}
.noti_text_sty2{font-size:12px; color:#808080; float:right; margin-right:10px;}
.noti_text_sty3{text-decoration:none; color:#737373;}
.jum{float:left; padding:5px 5px 0 0;}
.customer{ height:136px; float:right; padding:5px 0 0 0;}

.bp_con{width:1220px; height:auto;  padding:0px 0 30px 0; text-align:left; margin:0 auto;}
.bp_con2{width:100%; height:auto;  clear:both;padding:75px 0 70px 0; text-align:center; margin:0 auto; height:189px;transition: .5s;}
.bp_con2:hover{ opacity: .8; transform: scale(1.0); }

.main-pro:hover{ opacity: .8;  box-shadow:0.8em 0.8em 1em -0.5em #999; transform: scale(1.01);}

.bp_con ul.pro_tit{ height:auto; width:100%; float:left; text-align:center; margin-top:70px;}
.best_rolling{width:1220px;height:auto; float:left;}
.best_rolling ul.roll_left{width:37px; height:37px; float:left; margin:72px 9px 0 10px;}

.roll_img2{width:1240px; height:auto; float:left; padding:0 0 0 0px;}
.roll_img2 ul.roll_img{width:1240px; height:auto; float:left; }
.roll_img2 ul.roll_img li{width:222px; height:150px; margin:30px 24px 0 0px; border:1px solid #e9e9e9; float:left; cursor:pointer;  border-radius:7px;}
.roll_img2 ul.roll_img li:last-child{width:216px; height:150px; margin:30px 20px 0 0px; border:1px solid #e9e9e9; float:left; cursor:pointer;  border-radius:7px;}

.new_hot_img{width:270px; height:180px; float:left;  border:1px solid #e9eaec;}

.roll_name{width:100%; height:auto; float:left; text-align:center; font-size:15px; color:#737373;  letter-spacing:-1px; padding:7px 0 3px 0;}
.roll_won{width:100%; height:auto; float:left; text-align:center; font-size:14px; color:#000; font-weight:bold;}
.best_rolling ul.roll_right{width:37px; height:37px; float:left; margin:72px 10px 0 9px;}
.bp_con ul.npro{width:1200px; height:auto; float:left;}
.bp_con ul.npro li{width:216px; height:220px; float:left; cursor:pointer; margin-top:30px;}
.next1, .prev1{cursor:pointer;}


/* webist add banner - 2022-03-04 */
.banner_wrap {width:1210px; height:auto; margin:50px auto 0; overflow:hidden;}
.banner_wrap .bn-item {width:100%; height:auto; border-radius:0px; overflow:hidden;}
.banner_wrap .bn-item a {display:block; width:100%; height:100%;}
.banner_wrap img {width:100%; border-radius:10px;}
.banner_wrap .bn-long {float:left; width:840px; }
.banner_wrap .bn-medium {float:right; width:348px;}
.banner_wrap .bn-medium .bn-item:last-child {margin-top:10px;}

.hover_effect { display:block; transition:all .3s; border-radius:10px; overflow:hidden;}
.hover_effect:hover { box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}
.hover_effect img { transition:all .3s; transform: scale(1);}
.hover_effect:hover img { transform: scale(1.1);  }

.product_hover { display:block; width:270px; height:270px; float:left; position:relative; box-sizing: border-box; }
.product_hover .thumb { transition:all .3s; border-radius:10px; overflow:hidden; border:1px solid #dedede; height:0; padding-bottom:100%; box-sizing: border-box; }
.product_hover .thumb img { transition:all .3s; transform: scale(1); width:100%; }

.product_hover:hover .thumb{ box-shadow:0.8em 0.8em 1em -0.5em #999 }
.product_hover:hover .thumb img { transform: scale(1.05); }




.jung_ry3{width:1200px; height:auto; float:left; margin-top:50px;}
.jung_ry3 ul{width:1200px;height:auto; float:left;}
.jung_ry3 ul li.mypyp{width:268px; height:40px; float:left; border-top:1px solid #bababa; border-left:1px solid #bababa; border-right:1px solid #bababa; border-bottom:1px solid #000;}
.jung_ry3 ul li.mypyp2{width:269px; height:40px; float:left;  border-top:1px solid #bababa; border-right:1px solid #bababa; border-bottom:1px solid #000;}
.jung_ry3 ul li a{ width:100%; height:40px; float:left; text-align:center; text-decoration:none; font-size:12px; line-height:40px; }
.jung_ry3 ul li.mypyp3{width:268px; height:40px; float:left;border-top:1px solid #000; border-right:1px solid #000; border-left:1px solid #000; border-bottom:0;}
.mypyp_de{color:#858585;}
.mypyp_ov{color:#000;}





/*ϴ*/
.footer{width:100%; min-width:1220px; height:32px; float:left; background-color:#f2f2f2; margin-top:0px; text-align:center;
border-top:0px solid #d7d5d6;border-bottom:1px solid #d7d7d7;}
.footer ul.foot_btn{width:380px; height:32px; margin:0 auto; text-align:center;}
.footer ul.foot_btn li{float:left; height:32px; line-height:32px; color:#000; font-size:12px;}
.footer ul.foot_btn li a{text-decoration:none; color:#666666;}
.footer ul.foot_btn li.fo_bar{padding:0 17px 0 17px; color:#d7d7d7;}
.foot_copy{width:99%; min-width:1210px;height:auto; float:left; border-top:0px solid #d7d5d6;background-color:#f2f2f2; 
margin:100px 0 0px 0; padding:10px 0 45px 1%; }
.foot_copy2{width:1220px; height:auto; margin:0 auto;border-bottom:0px solid #d7d7d7; padding:10px 0 0 0;}
.foot_copy2 ul.copy_logo{width:185px; height:57px; float:left; margin:25px 20px 0 10px;}
.foot_copy2 ul.copy_adr{width:930px; height:auto; float:left; font-size:12px; color:#6f6f6f; margin:15px 0 0 9px; padding:20px 0 0 0;line-height:170%; border-top:1px solid #dddddd;}
.saup{width:auto; height:auto; font-size:11px; border:1px solid #bcbcbc; color:#000; padding:1px; cursor:pointer;}
.conps{width:1220px;height:auto; margin:0 auto;}
.conps ul{width:780px; height:auto; float:left;margin:12px 0 27px 200px;}
.conps ul li{float:left; margin-left:15px;}

/*ǰ*/
.god_detail{width:1200px; height:auto; margin:0 auto;}
.detail1{width:1200px; height:auto; float:left; margin-top:3px; padding-top:10px;}

.detail_nav{width:auto; float:right; padding:6px 10px 0 0; font-size:12px; color:#000; }

.det_img2{width:500px; height:auto; float:left; margin:0 32px 0 0px;}
.det_img{width:100%; height:580px; float:left;}


.mini_pro_img{width:610px; height:auto; float:left; margin-top:12px; }
.mini_pro_img li{float:left; margin-right:14px; }
.mini_pro_img li img{ width:66px; height:66px; border:1px solid #dddbdb; float:left;}

.detail1 ul.det_img li.pro_img{width:351px; height:344px; float:left; border:1px solid #dddbdb;}

.detail_text2{width:530px; height:auto; float:right; margin-left:0px;}
.detail_text2 ul.detail_text{width:100%; height:auto; float:left;}
.detail_text2 ul.detail_text li.pro_name{width:100%; height:auto; float:left; border-bottom:1px solid #d3d3d3; line-height:44px; font-size:16px; color:#3f3f3f; }
.detail_text2 ul.detail_text li.pro_name2{width:100%; height:auto; float:left; border-bottom:1px solid #d3d3d3;}
.b_n_icon{float:right; margin:17px 7px 0 0;}
.detail_text2 ul.detail_text li.pro_ga{width:100%; height:auto; float:left; padding:0 0 5px 0; border-bottom:1px dotted gray;}

.detail_text3{width:485px; height:auto; float:right; margin-right:30px;}
.detail_text3 ul.detail_text{width:100%; height:auto; float:left;}
.detail_text3 ul.detail_text li.pro_name{width:17%; height:auto; float:left;  line-height:44px; font-size:15px; color:#3f3f3f; }
.detail_text3 ul.detail_text li.pro_name2{width:100%; height:auto; float:left; border-bottom:1px solid #d3d3d3;}
.b_n_icon{float:right; margin:17px 7px 0 0;}
.detail_text3 ul.detail_text li.pro_ga{width:83%; height:auto; float:left; padding:0 0 5px 0; border-bottom:1px solid #d3d3d3;}


.w_fon{width:100%; float:left; margin-top:5px;}
.font_style1{font-size:12px; color:#6c6c6c; float:left; width:100px; padding:0 10px 0 10px;}
.font_style2{font-size:12px; color:#6c6c6c; float:left; font-weight:bold;}
.font_style3{font-size:12px; color:#6c6c6c; float:left;}
.font_style4{width:111px; height:17px; border:1px solid #7f9db9; float:left; font-size:11px;}
.font_style5{font-size:12px; color:#6c6c6c; float:left; width:100px; padding:5px 10px 0 10px;}
.w_fon2{width:100%; float:left; margin-top:17px;}
.w_fon2_1{width:100%; float:left; line-height:56px;}

.font_style6_1{font-size:12px; color:#6c6c6c; float:left; width:100px; padding:0 10px 0 10px;}
.font_style6{font-size:12px; color:#6c6c6c; float:left; width:60px; padding:0 10px 0 10px; line-height:20px;}
.font_style111{font-size:20px; color:red; float:left; font-weight:red; vertical-align:top;}
.font_style112{font-size:12px; color:#6c6c6c; float:left; padding-top:2px;}

.detail1 ul.detail_text li.pro_ga1{width:100%; height:55px; float:left; border-bottom:1px solid #2d2b2b; }
.detail1 ul.detail_text li.pro_ga3{width:100%; height:auto; float:left; border-bottom:1px solid #2d2b2b; padding:10px 0 10px 0; display:none;}
#pro_ga1{display:none;}




.pro_num{width:61px; height:18px; float:left; border:1px solid #9f9f9f;}

.detail1 ul.detail_text li.pro_ga2{width:100%; height:43px; float:left; text-align:center; margin-top:17px;}

#tabs{width:1156px; height:auto; float:left; margin-top:60px; margin-left:12px;}
#tabs ul.de_butn{width:1156px; height:auto; float:left;}
#tabs ul.de_butn li{float:left; height:40px;}
#tabs ul.de_butn li.cho_btn{ width:258px; border-top:1px solid #bababa; border-left:1px solid #bababa; border-right:1px solid #bababa; border-bottom:1px solid #000;}
#tabs ul.de_butn li.cho_btn2{ width:259px; border-top:1px solid #bababa; border-right:1px solid #bababa; border-bottom:1px solid #000;}

#tabs ul.de_butn li a{width:100%; height:40px; float:left; line-height:40px; text-align:center; font-size:12px; text-decoration:none; outline-style:none;}

.ui-state-default a{color:#858585; text-decoration: none;}
#tabs ul.de_butn li.ui-state-active{ width:214px; border-top:1px solid #000; border-right:1px solid #000; border-left:1px solid #000; border-bottom:0;}
.ui-state-active a{float:left; width:100%;  color: #000; text-decoration: none; }








.jum_img{float:right; margin:11px 20px 0 0;}

.detail_img_00{width:100%; float:left; margin-top:20px;}
.detail_text_00{width:100%; float:left; margin-top:20px;  font-size:12px;}

.detail_text_00 img{max-width:100%; min-width:auto;}

.boa_sty{width:100%; float:left; height:auto; margin-bottom:20px;}
.boa_sty ul{width:100%; height:32px; float:left; border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2;}
.boa_sty ul li{float:left; font-size:12px; text-align:center; height:32px; line-height:32px;}
.b_top1{width:6%;}
.b_top2{width:57.5%;}
.b_top3{width:10%;}
.b_top4{width:7%;}
.b_top5{width:0.5%;}

.b_top6{width:10%;}
.b_top7{width:58%;}

.boa_sty2{width:100%; float:left; height:auto;}
.boa_sty2 ul{width:100%; height:32px; float:left; border-bottom:1px dotted #b2b2b2;}
.boa_sty2 ul li{float:left; text-align:center; height:32px; line-height:32px;}
.boa_sty2 ul.paging_0{width:100%; float:left; height:auto; margin-top:10px; border:0;}
.boa_sty2 ul.paging_0 li{width:100%; float:left; text-align:center; height:20px; line-height:20px;}
.boa_sty2 ul.paging_0 li img{margin-top:6px;}
.sang_list{text-align:left; float:left; padding:0 20px 0 20px; text-decoration:none; color:#000; }

.hugi{width:80%; height:auto; float:left; margin:20px 5% 0 5%; border:1px solid #e4e3e3; padding:2% 5% 2% 5%;}
.hugi ul.hugi_inp{width:100%; float:left;}
.hugi ul.hugi_inp li{float:left;}
.hugi ul.hugi_inp li.inp_tit{width:80px; font-size:12px; height:20px; line-height:20px;}
.tit_text_in{width:289px; float:left; height:18px; border:1px solid #d4d0c8; background-color:#f7f7f7; }
.star_jum{margin-top:2px;}
.ra_di_o{margin-left:10px;}
.hugi ul.hugi_inp li.inp_tit2{width:80px; font-size:12px; height:69px; line-height:69px;}
.pang_pro{width:700px; height:67px; float:left;  border:1px solid #d4d0c8; background-color:#f7f7f7;}

.hugi ul.hugi_inp li.write_btn{width:100%; text-align:right;}
.boa_sty2 ul.hugi_write_btn{width:100%; float:left; border:0;}
.boa_sty2 ul.hugi_write_btn li{width:100%; float:right; text-align:right;}
.boa_sty2 ul.hugi_write_btn li img{cursor:pointer;}

.jang1{width:130px; height:41px; border:0; background-color:#dc44a4; color:#fff;   cursor:pointer; font-size:16px; outline:none;}
.jang2{width:130px; height:41px; border:0; background-color:#dc44a4; color:#fff;   cursor:pointer; font-size:16px; outline:none; }

.jang3{width:130px; height:41px; background-color:#b9aae3; color:#fff;  cursor:pointer; font-size:16px; outline:none; border:0;}

/*Ʈ*/
.list_tit_top{width:100%; height:auto; float:left; border-bottom:0px solid #000; margin-top:50px;}
.list_tit{width:auto; float:left; border-bottom:0; font-size:16px; font-weight:bold; color:#000; padding:0 0 10px 0px; line-height:130%;}
.title_b{padding-right:5px;}
.total_num{float:right; font-weight:normal; font-size:12px;}
.jung_ry{width:1200px; height:26px; float:left; margin-top:15px;}
.jung_ry li{float:right; width:69px; border:1px solid #dedede;}
.jung_ry li a{width:100%; float:left; text-align:center; line-height:24px; font-size:12px; text-decoration:none; color:#000; font-family:'Malgun Gothic';outline-style:none;}
.jung_ry li.jung_ry_left{margin-left:1px;}
.jung_ry li.jung_ry_left2{margin-left:1px; width:243px;}
.jum3{float:right; padding:10px 10px 0 0;}

.sang_pub{width:100%; height:auto; float:left; margin-top:5px;}
.sang_pub li.blo_list{width:265px; height:auto; float:left; margin:20px 15px 0 15px; cursor:pointer;}
.sang_pub li.blo2_list{width:100%; height:auto; float:left; padding:20px 0 20px 0; border-bottom:1px solid #b1b1b1; cursor:pointer;}
.new_hot_img2{width:265px; height:190px; float:left;}

.list_sur1{width:960px; height:150px; float:left; padding:15px 20px 15px 20px; margin:0 40px 0 40px; border-bottom:1px solid #e2e2e2;}

.list_sur{width:820px; height:auto; float:left;}
.list_sur ul{width:780px; height:auto; float:left; padding-left:40px;}
.list_sur ul li{float:left; width:100%;} 
.list_in_con{width:100%; float:left; height:auto; font-size:14px; font-weight:bold; padding-top:10px;}
.list_in_con2{width:70%; float:left; height:auto; font-size:12px; padding-top:10px; line-height:18px;}
.list_in_con3{width:30%; float:left; height:auto; font-size:16px; font-weight:bold; color:#333;}
.list_in_con4{width:30%; float:left; height:auto; font-size:16px; font-weight:bold; color:#000; padding-top:10px; color:red;}


.paging_01{width:100%; float:left; text-align:center; margin:30px 0 0 0; line-height:18px;}


.ne_pre{margin-top:5px;}
.list_btns{width:100%; height:auto; float:left; text-align:right; margin-top:15px;}



.n_list_styles{width:100%; height:auto; float:left;}
.n_list_styles ul.nlisimg{width:230px; height:auto; float:left;  padding-left:50px;}
.n_list_styles ul.nlisimg li{float:left;}


.n_list_styles ul.nlisimg2{width:440px; height:auto; float:left; margin-left:50px;}
.n_list_styles ul.nlisimg2 li.goodstitles{width:100%; float:left; padding:10px 0 20px 0; font-size:16px; color:#000; font-weight:bold;}
.n_list_styles ul.nlisimg2 li.goodstitles2{width:100%; float:left; padding:10px 0 20px 0; font-size:14px; color:gray;}

.n_list_styles ul.nlisimg3{width:280px; height:auto; float:left; margin-left:20px;}
.n_list_styles ul.nlisimg3 li.goodstitles3{width:100%; float:left; text-align:center; padding-top:10px; font-size:16px; font-weight:bold; color:#000;}


/*α*/
.login_new{width:100%; float:right; height:auto; margin-top:30px; padding-bottom:20px;}
.login_new ul.login_tit{width:100%; height:auto; float:right;}
.login_new ul.login_tit li{width:98%; padding:0 0 15px 0; height:auto; float:left; text-align:left; font-size:12px; font-family:'Malgun Gothic'; font-weight:bold;}
.login_new2{width:400px; float:left; height:auto; margin:15px 0 0 0;}
.login_new2 ul.login_fom{width:287px; height:70px; float:left;}
.login_new2 ul.login_fom li{width:287px; height:34px; float:left;}
.fom_syl{width:285px; height:32px; line-height:32px; float;left; border:1px solid #d9d9d9; padding:0; margin:0;}
.login_new2 ul.login_btn{width:95px; height:70px; float:left; margin-left:18px;}
.login_new2 ul.login_btn li{width:95px; height:70px; float:left; text-align:center;}
.login_btn_new{background-color:#000;  color:#fff; font-size:16px; border:0; width:95px; height:70px; cursor:pointer;}

.login_new2 ul.ser_joy{width:400px; height:auto; float:left; margin-top:10px;}
.login_new2 ul.ser_joy li{float:left; width:128px; height:30px; border:1px solid #d9d9d9; text-align:center; line-height:30px; font-size:12px; color:#555555;  cursor:pointer;}

.login_new2 ul.ser_joy2{width:400px; height:auto; float:left; margin-top:10px;}
.login_new2 ul.ser_joy2 li{float:left; width:94px; height:30px; border:1px solid #d9d9d9; text-align:center; line-height:30px; font-size:12px; color:#555555; font-weight:bold; cursor:pointer;}
.login_new2 ul.ser_joy2 li.bi_ju{float:left; width:97px; height:32px; border:0; text-align:center; line-height:32px; font-size:12px; color:#fff; font-weight:bold; background-color:#000;}

.login_new2 ul.login_he{width:400px; height:auto; float:left;}
.login_new2 ul.login_he li{width:100%; float:left; font-size:12px;}
.login_he_text{width:100%; height:auto; float:left; line-height:20px; padding-top:15px; color:#898989; font-size:12px;}
.login_he_text2{width:100%; height:auto; float:left; line-height:20px; color:#898989; font-size:12px;}


.login_new3{width:100%; float:left; height:auto; margin-top:0px;}
.login_new3 ul.login_he li.chk_box{width:100%; float:left; text-align:left; margin-top:10px; font-size:12px;}
.login_new3 ul.login_he2{width:100%; height:auto; float:left; border-bottom:1px solid #e9e9e9;}
.login_new3 ul.login_he2 li.join_foms1{width:140px; float:left; height:31px; line-height:31px; background-color:#f6f6f6; color:#5b6976; font-size:13px; padding:5px 0 5px 20px; font-weight:normal;}
.login_new3 ul.login_he2 li.join_foms2{width:570px; float:left; height:31px; font-size:13px; padding:5px 0 5px 20px; line-height:31px;}

.login_new3 ul.login_he2 li.join_foms3{width:140px; float:left; height:70px; line-height:70px; background-color:#f6f6f6; color:#5b6976; font-size:13px; padding:5px 0 5px 20px; font-weight:bold;}
.login_new3 ul.login_he2 li.join_foms4{width:570px; float:left; height:70px; font-size:12px; padding-left:20px;}

.login_new3 ul.login_he2 li.join_foms5{width:140px; float:left; height:120px; line-height:120px; background-color:#f6f6f6; color:#5b6976; font-size:13px; padding-left:20px; font-weight:bold;}
.login_new3 ul.login_he2 li.join_foms6{width:570px; float:left; height:120px; font-size:12px; padding-left:20px;}

.login_new3 ul.login_he2 li.join_foms7{width:750px; float:left; height:auto; font-size:12px;text-align:left; padding:15px 0 15px 0;}
.e_img_sty img{max-width:100%;}

.login_new3 ul.login_he2 li.join_foms8{width:7%; float:left; display:block; height:auto; line-height:38px; background-color:#f6f6f6; color:#5b6976; font-size:12px; padding-left:20px; font-weight:bold;}
.login_new3 ul.login_he2 li.join_foms9{width:36%; float:left; display:block; height:auto; font-size:12px; padding:3px 2%; line-height:32px; }
.login_new3 ul.login_he2 li.join_foms10{width:100px; float:left; height:70px; line-height:70px; background-color:#f6f6f6; color:#5b6976; font-size:12px; padding-left:20px; font-weight:bold;}
.login_new3 ul.login_he2 li.join_foms11{width:610px; float:left; height:70px; font-size:12px; padding-left:20px;}


.inryc{width:135px; height:23px; line-height:23px; float:left; border:1px solid #d9d9d9; margin-top:3px;}
.inryc2{width:288px; height:23px; line-height:23px; float:left; border:1px solid #d9d9d9; margin-top:3px;}
.inryc3{width:80px; height:23px; line-height:23px; float:left; border:1px solid #d9d9d9; margin-top:3px;}
.inryc4{width:100px; height:23px; line-height:23px; float:left; border:1px solid #d9d9d9; margin-top:3px;}
.inryc5{ float:left; margin:8px 5px 0 0;}
.inryc6{width:200px; height:23px; line-height:23px; float:left; border:1px solid #d9d9d9; margin-top:3px;}


.jung_bar{width:20px; float:left; height:31px; line-height:31px; text-align:center;}




.join_btn_ok{width:100%; height:auto; float:left; text-align:center; margin-top:15px;}
.ok_btn_sty{width:140px; height:49px;  background-color:#343434; border:0; color:#fff; font-weight:bold; cursor:pointer; border-radius:3px;}
.ok_btn_sty2{width:140px; height:49px;  background-color:#bebebe; border:0; color:#fff; font-weight:bold; cursor:pointer; border-radius:3px;}
.ok_btn_sty3{width:140px; height:40px;  background-color:#343434; border:0; color:#fff; font-weight:bold; cursor:pointer; border-radius:3px; margin:10px 0;}
.ok_btn_sty4{width:140px; height:40px;  background-color:#bebebe; border:0; color:#fff; font-weight:bold; cursor:pointer; border-radius:3px;}
.ok_btn_sty5{width:80px; height:62px; float:left; line-height:62px; margin:4px 0 0 4px; text-decoration:none; background-color:#343434; border:0; color:#fff; font-weight:bold; cursor:pointer;
border-radius:3px;}


.jung_ry2{width:1200px; height:auto; float:left; margin-top:25px;}
.jung_ry2 li{float:left; width:19.8%;}
.jung_ry2 li a{width:100%; float:left; text-align:center; line-height:30px; font-size:12px; text-decoration:none; color:#000; font-family:'Malgun Gothic';outline-style:none;}

.jung_ry2 li.jung_ov{background-color:#000; }
.jung_ry2 li.jung_ov a{color:#fff;}


.boa_sty3{width:100%; float:left; height:auto; margin-top:35px;}

.boa_sty3 table{margin-bottom:13px;}

.boa_sty3 ul{width:100%; height:auto; float:left;}
.boa_sty3 ul li{float:left; font-size:12px; text-align:center; height:auto; padding:8px 0 8px 0;}
.login_new3 ul li.besong img{margin-top:0px;}
.b_top8{width:7%;}
.b_top9{width:15%;}
.b_top10{width:41%;}
.b_top11{width:20%;}
.b_top12{width:9%;}
.b_top13{width:17.5%;}
.b_top14{width:13%;}
.b_top15{width:12.5%;}
.b_top16{width:37%;}
.b_top17{width:9.5%;}
.b_top18{width:41.5%;}
.b_top19{width:30%;}
.b_top20{width:16%;}
.b_top21{width:46%;}
.b_top22{width:53.5%;}
.b_top23{width:84.5%;}

.boa_sty3 ul.gunsim{width:32%; float:left; height:207px; border:1px solid #b2b2b2; margin:10px 0.5% 0 0.5%; padding:10px 0 10px 0;}
.boa_sty3 ul.gunsim li{float:left; width:100%; line-height:20px; height:auto;}

.boa_sty3 ul.gunsim1{width:24%; float:left; height:auto;  padding:10px 0.5% 10px 0.5%;}
.boa_sty3 ul.gunsim1 li{float:left; width:100%; height:auto;}

.boa_sty3 ul.couponlis{width:100%; height:80px; float:left; border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2; border-top:0; border-bottom:1px dotted #b2b2b2;}

.boa_sty4{width:100%; height:366px; float:left; margin-top:15px; background:url('../new_images/order_ok_t.png') center no-repeat;}
.boa_sty4 ul.sang_ok{width:559px; height:107px; float:left; margin:187px 96px 10px 248px; background-color:#f5f5f5; padding-top:7px;}
.boa_sty4 ul.sang_ok li{font-size:12px; line-height:20px; padding-left:20px;}
.boa_sty4 ul.sang_ok2{width:559px; height:auto; float:left; margin:0 96px 0 95px;;}
.boa_sty4 ul.sang_ok2 li{float:left; width:100%; text-align:right;}
.jumun{width:66px; height:22px; font-size:12px; border:0; background-color:#2d2b2b; color:#fff; cursor:pointer;}
.jumun2{width:66px; height:22px; font-size:12px; border:0; background-color:#2d2b2b; color:#fff; cursor:pointer;}

.boa_sty5{width:100%; height:300px; float:left; margin-top:15px; background:url('../image/index/search_bg.gif') center no-repeat;}
.boa_sty5 ul.sang_ok{width:559px; height:107px; float:left; margin:0 0 10px 40px; background-color:#f5f5f5; padding-top:7px;}
.boa_sty5 ul.sang_ok li{font-size:14px; padding:18px 0 0 20px; text-align:center; line-height:30px;}
.boa_sty5 ul.sang_ok2{width:100%; height:auto; float:left;;}
.boa_sty5 ul.sang_ok2 li{float:right; margin-right:20px;}
.boa_sty5 ul.mem_con{width:559px; height:auto; float:left; margin:30px 0 10px 40px;}
.boa_sty5 ul.mem_con li{line-height:20px;}



.hugi_pro_00{width:100%; float:left;}
.hugi_pro_00 img{float:left;}
.sang_name{float:left; height:60px; line-height:60px; padding-left:20px;}
.suche{width:66px; height:22px; border:0; background-color:#343434; color:#fff; float:right; font-size:11px;}


/*Խ*/
.bor_ser_fom{width:66px; height:22px; float:left; border:1px solid #b2b2b2;}
.bor_ser_in{width:115px; height:20px; float:left; border:1px solid #b2b2b2; margin:0 5px 0 5px;}

.top_ban{width:100%; height:296px; float:left; border-bottom:2px solid #2d2b2b;}
.left_menu{width:285px; height:256px; float:left; border-right:1px solid #d1d1d1; padding:20px;}
.left_menu ul.left_menu_tit{width:100%; height:auto; float:left;}
.left_menu ul.left_menu_tit li{width: 100%; height:30px; line-height:30px; border-bottom:2px solid #2d2b2b; font-size:16px; font-weight:bold; float:left;}
.left_menu ul.menu_t_menu{width:100%; height:214px; margin-top:10px; float:left; overflow-y:auto;}
.left_menu ul.menu_t_menu li{width:100%; height:auto; padding-bottom:5px; font-size:14px;}

.sub_rolimg{width:754px; height:296px; float:left;}

/*이미지롤링*/
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av
{
background: url('../images/b21.png') no-repeat;
overflow:hidden;
cursor: pointer;
}
.jssorb21{display: table;   margin: 0 auto; position:relative; height:296px;}
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }


.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn
{
position: absolute;
cursor: pointer;
display: block;
background: url('../images/a21.png') center center no-repeat;
overflow: hidden;
z-index:9999999999999999999;
}
.jssora21l { background-position: 0; }
.jssora21r { background-position: -29px 0; }
.jssora21l:hover { background-position:  0; }
.jssora21r:hover { background-position: -29px 0; }
.jssora21ldn { background-position: 0; }
.jssora21rdn { background-position: -29px 0; }
.main_roll{position: relative; margin: 0 auto; top: 0px; left: 0px; width: 754px; height: 296px; overflow: hidden;}
.main_roll2{ position: absolute; left: 0px; top: 0px; width: 754px; height: 296px; overflow: hidden;}

.f_caname{text-decoration:none; color:#000;}







.goods_li_top{width:var(--width); height:auto; float:left;}
.ca_home{float:left; color:#7a7a7a; font-size:13px; margin-right:10px; line-height:23px;}
.selbox_sty{width:308px; height:21px; float:left; position:relative; border:1px solid #989898; background:url('../images/sel_img.png') right no-repeat;}
.selc_chi{width:96%; height:21px; float:left; position:absolute; left:0; top:0; font-size:13px; line-height:21px; padding-left:4%;}
.ca_chois{width:100%; height:21px; float:left; opacity: 0; filter: alpha(opacity=0); cursor:pointer;}
.ca_home2{float:left; padding:0 10px 0 10px; line-height:23px;}


.goods_li_top2{width:var(--width2); height:auto; float:left; border:1px solid #dcdede; padding:6px 0 6px 0; margin:0px 0 20px 0; 
border-radius:20px;  }
.goods_li_top2 ul{width:100%; height:auto; float:left;}
.goods_li_top2 ul li{width:23%; height:25px; float:left; line-height:25px; font-size:14px; border-right:1px solid #e1e1e1; padding-left:1%;}
.s_lin_k{text-decoration:none; color:#222222; font-size:13px;}

.indu_info{width:var(--width);height:327px; float:left; border-bottom:2px solid e5e5e5;}
.indu_info_btn{width:717px; height:327px; float:left;}
.indu_btn_tit{width:717px; height:auto; float:left;}
.cate_btn_img{width:714px; height:272px; float:left;}
.cate_btn_img li{float:left;}

.indu_right_ban{width:363px; height:327px; float:left;}
.banw{width:363px; height:166px; float:left;}
.banw2{width:320px; height:126px; float:left; border:2px solid #d0d0d0; margin:0 4px 0 35px;}
















.dongi{width:746px; height:auto; float:left; border-top:1px solid #dddddd; margin:0 0 0px 0px; border-left:1px solid #dddddd; border-right:1px solid #dddddd;}
.dongi ul.dongi_u{width:100%; height:30px; float:left; border-bottom:1px solid #dddddd; background-color:#ffffff;}
.dongi ul.dongi_u li{float:left; text-align:center; font-weight:bold; line-height:30px; font-size:13px;}
.can1{width:248px; border-right:1px solid #dddddd;}
.can2{width:226px;}

.dongi ul.dongi_u2{width:100%; height:auto; float:left; border-bottom:1px solid #dddddd;}
.dongi ul.dongi_u2 li{float:left; padding:8px 0 8px 5px; font-size:12px;}
.can3{width:243px; text-align:center;}
.can4{width:191px; text-align:center;}
.can6{width:243px; border-right:1px solid #dddddd; border-left:1px solid #dddddd; text-align:center;}


/*커뮤니티*/
.commuty{width:100%; height:auto; float:left; margin-top:20px;}
.vew_list{width:48%; float:left; height:auto; border:1px solid #dedede;}
.vew_list ul.cou_list{width:100%; height:auto; float:left; background-color:#f4f4f4; border-bottom:1px solid #dedede;}
.vew_list ul.cou_list li{width:100%; float:left; font-size:14px; padding:10px 0 10px 0; color:#000;}
.vew_list ul.vew_list2{width:100%; height:auto; float:left;}
.vew_list ul.vew_list2 li{float:left; width:100%; padding:8px 0 8px 0;}
.cofurnd{float:left; padding-left:10px; font-size:14px;}
.cofurnd2{float:left; padding:7px 5px 0 0; vertical-align:top;}
.cofurnd3{float:right; font-size:14px; padding-right:10px;}



.miriviw{width:100%; height:auto; float:left;}
.miriviw td{padding:0;}
.mirtit{color:blue; word-break:break-all;}
.mirckh{font-size:14px; font-weight:bold; color:#000;}

.su_ry9s{width:20px; height:22px; float:left; font-size:14px; margin:4px 0 0 0; color:#000; background-color:#fff; border-left:0; border-right:1px solid #909090; border-top:1px solid #909090; border-bottom:1px solid #909090;}
.su_ry10s{width:20px; height:22px; float:left; font-size:14px; margin:4px 0 0 10px;  color:#000; background-color:#fff; border-right:0; border-left:1px solid #909090; border-top:1px solid #909090; border-bottom:1px solid #909090;}
.sel_cho3s{width:20px; float:left; height:20px; border:1px solid #909090; margin-top:4px; text-align:center;}


.su_ry9ss{width:20px; height:22px; float:left; font-size:14px; margin:4px 0 0 0; color:#000; background-color:#fff; border-left:0; border-right:1px solid #909090; border-top:1px solid #909090; border-bottom:1px solid #909090;}
.su_ry10ss{width:20px; height:22px; float:left; font-size:14px; margin:4px 0 0 10px;  color:#000; background-color:#fff; border-right:0; border-left:1px solid #909090; border-top:1px solid #909090; border-bottom:1px solid #909090;}
.sel_cho3ss{width:20px; float:left; height:20px; border:1px solid #909090; margin-top:4px; text-align:center;}



/*관련상품*/
.leration_div{width:90%; height:auto; float:left; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; margin-top:30px; margin:30px 5% 20px 5%;}
.optioby{width:100%; float:left; padding:10px 0 10px 0; font-size:16px; font-weight:bold; color:#000;}
.leration_lists{width:100%; height:auto; float:left;}
.leration_lists ul{width:100%; float:left;}
.leration_lists ul li{width:156px; height:156px; float:left; text-align:center; margin:0 3px 0 3px; line-height:14px;}

.re_fontstylesd{width:156px; height:auto; float:left; font-size:12px; color:#000; line-height:14px; padding-top:5px;}
.re_fontstylesd2{font-size:12px; color:#6c6c6c; font-weight:bold; padding-top:3px;}
.re_fontstylesd3{width:156px; height:auto; float:left; text-align:center; padding-bottom:3px;}
.leration_lists ul li a{ text-decoration:none; font-size:12px; color:#6c6c6c;}
.leration_lists ul li a:hover{text-decoration:underline; font-size:12px; color:#6c6c6c;}



/*쿠폰페이지*/
.pc_couponsd{width:100%; height:auto; margin:0 auto;}
.pc_couponsd ul{width:98%; height:auto; float:left; margin-left:1%;}
.pc_couponsd ul li{width:33.33%; float:left; height:auto;}


.pc_couponsd2{width:298px; height:150px; float:left; border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:2px dotted #f1144d;}
.pc_couponsd2 ul{width:258px; height:110px; float:left; padding:20px;}
.pc_couponsd2 ul li{width:100%; height:auto; float:left;}
.pc_couponsd2 ul li.cou_titlesd{font-size:16px; color:#f1144d; font-weight:bold; padding-bottom:5px;}
.pc_couponsd2 ul li.cou_titlesd2{font-size:35px; color:#000; font-weight:bold; padding-bottom:10px;}
.pc_couponsd2 ul li.cou_titlesd3{font-size:14px; color:#000;}

.pc_couponsd3{width:300px; height:50px; float:left; background-color:#f1144d; line-height:50px; text-align:center; font-size:20px; font-weight:bold;color:#fff; cursor:pointer;}

.btbns{float:left; margin-top:2px;}
.n_mius{width:27px; height:27px; border:1px solid #000; background-color:#fff; vertical-align:bottom; line-height:25px; font-size:18px; font-family:'돋음', Dotum; float:left; cursor:pointer; outline:none;}
.ns_mp{width:30px; height:25px; line-height:25px; border-top:1px solid #000; border-bottom:1px solid #000; border-left:0; border-right:0; background-color:#fff; vertical-align:bottom; outline:none; text-align:center; font-family:'돋음', Dotum; font-size:12px; float:left;}
.n_plus{width:27px; height:27px; border:1px solid #000; background-color:#fff; vertical-align:bottom; line-height:25px; font-size:18px; font-family:'돋음', Dotum; float:left; cursor:pointer; outline:none;}
















#keypad{

	width:auto; height:auto; float:left; border:1px solid #000; background-color:#5e5e5e; display:none;
	position:absolute; top:30px;
	
}


#keypad td{padding:5px;}

.key{
    border:solid 1px #000;
    background-color:#fff;
  
    color:#000;
    cursor:pointer;
	width:50px; height:50px;
	font-size:12px;
}
.key:hover{
    background-color:LightBlue;
}
.key:active{
    background-color:white;
}
.btner, .btners{
    border:solid 1px #000;
    text-align:center;
  
    color:#000;
    cursor:pointer;
    background-color:#fff;
    width:50px;
	height:50px;
	font-size:12px;
	white-space: normal;

}

.btnpptsd{
    border:solid 1px #000;
    text-align:center;
  
    color:#000;
    cursor:pointer;
    background-color:#fff;
    width:50px;
	height:73px;
	font-size:12px;
	white-space: normal;

}


.btner:hover, .btners:hover, .btnpptsd:hover{
    background-color:LightBlue;
}
.btner:active, .btners:active, .btnpptsd:active{
    background-color:white;
}


/*
* 고객센터 상단 리스트
*/
.board_top_menusd {width:100%; height:auto; float:left; margin-bottom:30px;}
.board_top_menusd ul{width:100%; height:auto; float:left;background:#fafafa;}
.board_top_menusd ul li{width:20%; float:left; }


.btmul_a{font-size:13px; width:100%; height:30px; float:left; line-height:30px; text-align:center; text-decoration:none; border-top:1px solid #bababa; border-left:1px solid #bababa; border-bottom:1px solid #bababa; color:#000;}
.btmul_a2{font-size:13px; width:100%; height:30px; float:left; line-height:30px; text-align:center; text-decoration:none; border-top:1px solid #bababa; border-bottom:1px solid #bababa; color:#000;}

.btmul_a3{ border-right:1px solid #bababa;}
.btmul_a4{ border-left:1px solid #bababa;}

.board_top_menusd2 {width:100%; height:auto; float:left; margin-bottom:30px;}
.board_top_menusd2 ul{width:100%; height:auto; float:left; margin-left:0;background:#fafafa;}
.board_top_menusd2 ul li{width:20%; float:left;}
.btmul_a5{ border-left:0px solid #bababa;}


/*
* 22.04.03 webist add - sns share
*/
.detail_share {position:relative; color:#fff; border:none; background:none; padding:0; margin:0; vertical-align: middle; cursor:pointer;}
.detail_share svg.sharebtns {fill:#999;}
.detail_share svg.shareico {width:28px; height:28px;}
.detail_share .share_detail {position:absolute; width:92px; padding:10px; right:0; border:1px solid #ddd; display:none; border-radius:3px; background:#fff}
.detail_share .share_detail:after {border-color: #ffffff transparent; border-style: solid; border-width: 0 6px 8px 6.5px; content: ''; display: block; right:5px; position: absolute; top: -7px; width: 0; z-index: 1; }
.detail_share .share_detail:before {border-color: #dddddd transparent; border-style: solid; border-width: 0 6px 8px 6.5px; content: ''; display: block; right:5px; position: absolute; top: -8px; width: 0; z-index: 0;}
.detail_share .share_detail li { display:inline-block; font-size:0;}
.detail_share .share_detail a {color:#fff; font-size:0}


/*
* 22.04.15 webist add - 일시품절
*/
div.empty_ico { text-align:center; font-size:0; line-height:0; margin-top:-2px;  margin-left:5px;}
div.empty_ico.glist { padding-top:5px; }
div.empty_ico > span { display:inline-block; padding:3px 7px; border-radius:2px; border:1px solid #ff0000; color:#ff0000; font-size:12px; line-height:12px;}
span.empty_ico { display:inline-block; padding:3px 7px; border-radius:2px; border:1px solid #ff0000; color:#ff0000; font-size:12px; line-height:12px; margin-left:5px; margin-top:3px; vertical-align:top; }


/*
* 22.10.16 webist add - mypage_addrs.php , my_addrs.php
*/
hr.row { float:left; border:0; padding-top:100px; }
h3.pop_tit { padding:10px; font-size:16px; }
.table_wrap { position:relative; box-sizing:border-box; clear: both; }
.table_wrap.pop { padding:0 10px; }
table.addr_table { clear:both; margin-top:0.75em; margin-bottom:0.75em; border-collapse:collapse; border-spacing:0; width:100%;  max-width:100%; border-top:1px solid #b2b2b2; font-size:12px;}
table.addr_table thead th { position:relative; border-bottom:1px solid #b2b2b2; padding:10px 0; }
table.addr_table thead th:before { content:''; width:1px; top:10px; bottom:10px; right:0; display:block; position:absolute; background:#b2b2b2;}
table.addr_table thead th:last-child:before { display:none; }
table.addr_table tbody td { text-align:center; border-bottom: 1px dotted #b2b2b2; padding:10px;}
table.addr_table tbody td.left { text-align:left; }
table.addr_table tbody td.empty { padding:80px 0;}
table.addr_table tbody td button { padding:2px 5px; cursor:pointer; border-radius:5px; vertical-align:middle; font-size:12px; }
table.addr_table tbody td button.btn-modify { margin-right:3px; background-color:#00c73c; color:#fff; border:1px solid #00c73c; }
table.addr_table tbody td button.btn-delete { background-color:#c71e1e; color:#fff; border:1px solid #c71e1e; }
table.addr_table tbody td button.btn-modify:hover { background-color:#00972d; border:1px solid #00972d; }
table.addr_table tbody td button.btn-delete:hover { background-color:#a50e0e; border:1px solid #a50e0e; }
table.addr_table tbody td button.btn-select { background-color:#333; color:#fff; border:1px solid #333; }
table.addr_table tbody td button.btn-select:hover { background-color:#000; color:#fff; border:1px solid #000; }
table.addr_table tbody td span.red { display:inline-block; padding:2px 10px; font-size:11px; background:#ff6600; border-radius:3px; color:#fff; }
.addr_btns { text-align:right; }
.addr_btns button { padding:8px 40px; font-size:12px; cursor:pointer; background-color: #343434; color:#fff; border:1px solid #343434; border-radius:5px; vertical-align:middle; }
.addr_btns button:hover { background-color: #000; border:1px solid #000; }
#addr_modal_pop { box-sizing:border-box; position:fixed; left:0; right:0; top:0; bottom:0; z-index:99; }
#addr_modal_pop * { box-sizing:border-box;}
#addr_modal_pop .modal_pop_inner { width:644px; height:484px; position:absolute; left:50%; top:50%; margin-left:-322px; margin-top:-242px; background:#fff; z-index:2; border-radius:5px; box-sizing:border-box;  padding:20px;}
#addr_modal_pop .modal_background { position:absolute; z-index:1; background:#000; opacity:.5; left:0; right:0; top:0; bottom:0;}
#addr_modal_pop .modal_header h3 { padding:5px 10px 10px; border-bottom:2px solid #333; }
#addr_modal_pop .modal_footer { border-top:2px solid #333; }
#addr_modal_pop .modal_footer .btns { padding-top:20px; text-align:right; }
#addr_modal_pop .modal_footer .btns button { padding:8px 40px; border-radius:5px; vertical-align:middle; font-size:12px; cursor:pointer; border:1px solid #000;}
#addr_modal_pop .modal_footer .btns button.btn-cancle { background-color: #bebebe; color:#fff; border:1px solid #bebebe;}
#addr_modal_pop .modal_footer .btns button.btn-cancle:hover { background-color:#a99d9d; color:#fff; border:1px solid #a99d9d; }
#addr_modal_pop .modal_footer .btns button.btn-submit { background-color: #343434; color:#fff; border:1px solid #343434;}
#addr_modal_pop .modal_footer .btns button.btn-submit:hover { background-color: #000; color:#fff; border:1px solid #000; }
#addr_modal_pop .modal_float { position:absolute; right:20px; top:20px; }
#addr_modal_pop .modal_float button { width:40px; height:40px; position:relative; cursor:pointer; border:none; background:none;}
#addr_modal_pop .modal_float button span { position: absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:polygon(0 0, 0 0, 0 0); }
#addr_modal_pop .modal_float button:before { content:''; width:2px; height:30px; background:#333; position:absolute; left:16px; top:3px; transform:rotate(45deg); }
#addr_modal_pop .modal_float button:after { content:''; width:2px; height:30px; background:#333; position:absolute; left:16px; top:3px; transform:rotate(-45deg);}
#addr_modal_pop .addr_row { padding:10px 10px; border-bottom:1px solid #ccc; }
#addr_modal_pop .addr_row:last-child { border-bottom:none; }
#addr_modal_pop .addr_row label { display:inline-block; width:80px; text-align:right; font-size:12px; vertical-align:middle; padding-right:20px; box-sizing:border-box;  }
#addr_modal_pop .addr_row label.inline { width:auto; }
#addr_modal_pop .addr_row input[type=text] { padding:8px 10px; border:1px solid #ccc; border-radius:5px; vertical-align:middle; box-sizing:border-box; font-size:12px; }
#addr_modal_pop .addr_row input[type=checkbox] + label { display:inline-block; cursor: pointer; padding:0;}
#addr_modal_pop .addr_row input[type=checkbox] { display: none;}
#addr_modal_pop .addr_row input[type=checkbox] + label:before { content:"\2714"; border:1px solid #ccc; border-radius:3px; display: inline-block; width:16px; height:16px; padding-left:0; padding-right:5px; padding-bottom:4px; margin-right:6px; vertical-align: baseline; color: transparent; transition: .2s;}
#addr_modal_pop .addr_row input[type=checkbox] + label:active:before { transform:scale(0);}
#addr_modal_pop .addr_row input[type=checkbox]:checked + label:before { background-color:#fff; border-color:#313a46; color: #333;}
#addr_modal_pop .addr_row input[type=checkbox]:disabled + label:before { transform: scale(1); border-color: #aaa;}
#addr_modal_pop .addr_row input[type=checkbox]:checked:disabled + label:before {  transform: scale(1);  background-color:#9bad9b;  border-color:#9bad9b;}
#addr_modal_pop .addr_row input.zonecode { width:120px; }
#addr_modal_pop .addr_row input.w100 { width:496px; }
#addr_modal_pop .addr_row button { padding:8px 10px; border:1px solid #000; border-radius:5px; vertical-align:middle; font-size:12px; cursor:pointer; background:#343434; color:#fff;  }
#addr_modal_pop .addr_row button:hover { background:#000; }
/*
* 22.04.16 webist add - order_sheet.php 배송지 
*/
.del_type_wrap { float:right; }
.del_type_wrap input[type=radio] + label { display:inline-block; cursor: pointer; padding:0; margin-right:10px;}
.del_type_wrap input[type=radio] { display: none;}
.del_type_wrap input[type=radio] + label:before { content:"\2714"; border:1px solid #ccc; border-radius:3px; display: inline-block; width:16px; height:16px; padding-left:5px; padding-right:0px; padding-bottom:4px; margin-right:6px; vertical-align: baseline; color: transparent; transition: .2s;}
.del_type_wrap input[type=radio] + label:active:before { transform:scale(0);}
.del_type_wrap input[type=radio]:checked + label:before { background-color:#fff; border-color:#313a46; color: #333;}
.del_type_wrap input[type=radio]:disabled + label:before { transform: scale(1); border-color: #aaa;}
.del_type_wrap input[type=radio]:checked:disabled + label:before {  transform: scale(1);  background-color:#9bad9b;  border-color:#9bad9b;}
.del_type_wrap button { padding:3px 10px; font-size:12px; border:1px solid #ccc; background:#fff; border-radius:3px; cursor:pointer;}
.del_type_wrap button:hover { background:#f1f1f1; }
.del_type_wrap input[type=checkbox] + label { display:inline-block; cursor: pointer; padding:0; margin-right:10px;}
.del_type_wrap input[type=checkbox] { display: none;}
.del_type_wrap input[type=checkbox] + label:before { content:"\2714"; border:1px solid #ccc; border-radius:3px; display: inline-block; width:16px; height:16px; padding-left:5px; padding-right:0px; padding-bottom:4px; margin-right:6px; vertical-align: baseline; color: transparent; transition: .2s;}
.del_type_wrap input[type=checkbox] + label:active:before { transform:scale(0);}
.del_type_wrap input[type=checkbox]:checked + label:before { background-color:#fff; border-color:#313a46; color: #333;}
.del_type_wrap input[type=checkbox]:disabled + label:before { transform: scale(1); border-color: #aaa;}
.del_type_wrap input[type=checkbox]:checked:disabled + label:before {  transform: scale(1);  background-color:#9bad9b;  border-color:#9bad9b;}
.receiver_del_wrap {display:inline-block; padding-left:10px; line-height: 18px; padding-top: 5px; }
.receiver_del_wrap input[type=checkbox] + label { display:inline-block; cursor: pointer; padding:0; margin-right:10px;}
.receiver_del_wrap input[type=checkbox] { display: none;}
.receiver_del_wrap input[type=checkbox] + label:before { content:"\2714"; border:1px solid #ccc; border-radius:3px; display: inline-block; width:16px; height:16px; padding-left:5px; padding-right:0px; padding-bottom:4px; margin-right:6px; vertical-align: baseline; color: transparent; transition: .2s;}
.receiver_del_wrap input[type=checkbox] + label:active:before { transform:scale(0);}
.receiver_del_wrap input[type=checkbox]:checked + label:before { background-color:#fff; border-color:#313a46; color: #333;}
.receiver_del_wrap input[type=checkbox]:disabled + label:before { transform: scale(1); border-color: #aaa;}
.receiver_del_wrap input[type=checkbox]:checked:disabled + label:before {  transform: scale(1);  background-color:#9bad9b;  border-color:#9bad9b;}

.btn-delivery-modify { float:right; display:inline-block; text-decoration:none; padding:5px 10px; border:1px solid blue; line-height:1; vertical-align:middle; margin-bottom:2px; border-radius:2px; margin-left:10px; color:#333;}
.btn-delivery-modify:hover { background:#f1f1f1 }
.btn-new { padding:3px 10px; cursor:pointer; background:#f1f1f1; color:#333; border:1px solid #ccc; border-radius:3px; display:inline-block;}
.delivery_list { padding:5px 10px; border:1px solid #ccc; border-radius:3px; }

.total_price{line-height:180%;}
.transMstr{line-height:180%;}