@charset "utf-8";

.sub_contants{width:1100px;margin:0 auto;margin-top:65px;margin-bottom:100px;}
.Left{width:180px;float:left}
.Left h2{border-bottom:5px solid #a2d53f}

#snb{width:100%;border-right:1px solid #dbdbdb;padding-bottom:50px}
#snb ul {}
#snb ul li a{display:block;height:50px;color:#3c3c3c;font-size:16px;font-weight:bold;text-align:left;line-height:50px;padding-left:20px;letter-spacing:-0.04em}
#snb ul li a.on{color:#fff;background:#a2d53f}


.aside{width:920px;float:right}
.aside h2{height:52px;;border-bottom:5px solid #a2d53f;padding-left:80px;background: url("../images/sub/shop_icon01.png") no-repeat 40px center;line-height:52px;font-weight:600;font-size:18px;letter-spacing:-0.06em}
.aside_area{width:880px;margin-left:40px}

.sub_title01{font-size:24px;font-weight:bold;color:#3c3c3c;letter-spacing:-0.08em}
.sub_title01 span{color:#a2d53f}

.sub_title02{background: url(../images/btn/blit_sub.gif) no-repeat left center;padding-left:23px;color:#4e749c;font-weight:bold;font-size:18px;letter-spacing:-0.08em}

.location{height:40px;width:1100px;overflow:hidden}
.location li{float:left;margin-right:5px}
.img_area{width:549px;height:648px;overflow:hidden;border:1px solid #dbdbdb;border-right:0;float:left}
.img_area .img_line{width:450px;height:450px;overflow:hidden;margin-top:30px;margin-left:50px}
.img_area .img_line img{width:450px;height:auto}
.img_area .simg_line{width:400px;margin:0 auto;text-align:center}
.img_area .simg_line a{display:inline-block;width:78px;height:78px;overflow:hidden;margin:10px 5px;border:1px solid #dbdbdb}
.img_area .simg_line a img{width:100%}


.view_text_area{width:548px;height:648px;overflow:hidden;border:1px solid #dbdbdb;}
.view_text_area .txt_line{padding-top:45px;height:530px;margin:0 auto}
.view_text_area .txt_line h2.tit{font-size:26px;font-weight:bold;padding-top:35px;padding-left:50px}
.view_text_area .txt_line .top_tit{font-size:16px;font-weight:normal;color:#ababab;top:0;left:50px}
.view_text_area .txt_line ul li{padding-left:50px}
.view_text_area .txt_line ul li ul li{margin-bottom:12px;float:left;padding-left:0}
.view_text_area .txt_line ul li ul li:first-child{width:70px;font-weight:bold;margin-right:50px;display:inline-block}
.view_text_area .txt_line ul li ul li.won{color:#b5b5b5;font-size:19px;}
.view_text_area .txt_line ul li ul li.won1{color:#f65c60;font-size:22px;font-weight:bold}
.view_text_area .txt_line ul li ul li .won2{font-size:25px;font-weight:bold}
.view_text_area .txt_line ul li ul li.won em, .view_text_area .txt_line ul li ul li.won1 em{font-size:16px}
.view_text_area .txt_line ul li ul.count li{font-size:18px;font-weight:bold;float:left}
.view_text_area .txt_line ul li.big_txt li {margin-bottom:5px}
.view_text_area .txt_line ul li ul.count li:first-child{width:25px;margin-right:0}
.view_text_area .txt_line ul li ul.count li input{width:40px;height:22px;border:1px solid #dbdbdb;line-height:22px;font-size:18px;font-weight:bold;text-align:center}
.view_text_area .txt_line ul li.big_txt{font-size:18px;font-weight:bold;background:#f6f6f6}
.view_text_area .txt_line ul li.big_txt b{font-size:16px}
.view_text_area .point-info {font-size:14px;color:#f65c60;margin-top: 10px;}

.view_tab{margin-top:70px}
.view_tab ul li{float:left}
.view_tab ul li a{display:inline-block;width:273px;height:48px;color:#333;border:1px solid #dbdbdb;border-bottom:2px solid #a3d540;font-size:15px;font-weight:bold;text-align:center;line-height:48px}
.view_tab ul li a.on{color:#fff;background:#a3d540;border:1px solid #a3d540;border-bottom:2px solid #a3d540;}

.view_tit{margin-top:80px;height:0px;background:#ffffff;text-align:center;line-height:80px}
.view_tit img{margin-top:35px}

.img_info{width:900px;margin:30px auto}
.img_info h3{border-bottom:2px solid #5ab669}
.img_info h3 span{background:#67bf76;display:inline-block;font-size:20px;width:148px;height:40px;border-top-left-radius:7px;;border-top-right-radius:7px;color:#fff;text-align:center;line-height:40px}
.img_info table{}

.img_info01_tit{}
.img_info01_tit h3{font-size:18px;font-weight:600;background: url(../images/btn/blit_green.png) no-repeat left center;padding-left:10px;margin-bottom:10px}
.img_info01_tit p{margin-left:10px}

.img_info01_table{}
.img_info01_table h3{border-bottom:2px solid #a3d540}
.img_info01_table h3 span{background:#a3d540;display:inline-block;font-size:20px;width:148px;height:40px;color:#fff;text-align:center;line-height:40px}


/*���̺�*/
.tb_tyd {width:100%;line-height:30px}
.tb_tyd thead th {padding:25px 0;;border:solid 1px #cecece;font-size:16px;font-weight:600;background:#f6f6f6}
.tb_tyd tbody th {padding:25px 40px;border-bottom:solid 1px #dedfdf;background:#eee;text-align:left;font-size:16px;font-weight:600}
.tb_tyd td {padding:25px 40px;border-bottom:solid 1px #cecece;font-size:16px;background:#fafcfc}


.tb_tys {width:100%;border-bottom:2px solid #e8e8e8;background:#fff;text-align:center}
.tb_tys thead th {border-left:1px solid #ddd;border-bottom:solid 2px #a2d53f;font-size:16px;font-weight:600;height:40px;line-height:40px;background:#f9f9f9;border-top:1px solid #ddd;}
.tb_tys tbody th {padding:12px 5px;border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;text-align:center;background:#f9f9f9}
.tb_tys td {padding:15px 5px;border-bottom:solid 1px #e8e8e8;border-left:1px solid #e8e8e8;}
.tb_tys th:first-child, .tb_tys td:first-child {border-left:none;}
.tb_tys tfoot {border-bottom:2px solid #ddd;}
.tb_tys tfoot td {padding:8px 15px;text-align:right;color:#000000;}
.tb_tys .tdl {text-align:left;padding-left:10px;}
.tb_tys .pimg {text-align:center}
.tb_tys .pimg img {width:100px;height:100px;border:1px solid #e2e2e2;vertical-align:middle;}
.tb_tys .item{position:relative;margin:-4px 0}
.tb_tys .item input, .tb_tys .item textarea{margin-left:10px}
.tb_tys .item .i_text{padding:8px 4px;border:1px solid #dbdbdb;background:transparent;border-radius:5px}
.tb_tys .p_list{border-left:0}
.tb_tys .pname{display:block;;border-bottom:1px dashed #ccc;padding-bottom:10px;margin-bottom:10px;margin-right:10px}
.tb_tys .p_opt{color:#0000ff}
.tb_tys .label{position:absolute;left:15px;top:6px;color:#888}


.search_bar1{height:50px;width:100%;position:relative}
.search_bar1 ul{position:absolute;right:0;top:15px}
.search_bar1 li{float:left;margin-left:10px}
.search_bar1 input, .search_bar textarea{border:1px solid #dbdbdb;padding:10px;border-radius:5px}
.search_bar1 select{border:1px solid #dbdbdb;padding:9px;border-radius:5px}
.search_bar1 .btn_year{background:#999;color:#fff;padding:8px 10px;border-radius:5px;font-size:13px;font-weight:500;display:inline-block;cursor:pointer}
.search_bar1 .eun{line-height:37px}


.pagging{text-align:center}
.pagging a{background:#fff;border:1px solid #ddd;color:#555;width:36px;height:36px;display:inline-block;line-height:36px;margin:0 4px;font-weight:bold}
.pagging a.on{border:1px solid #a3d540;color:#a3d540}
.pagging a.no_action{background:none;border:none;position:relative}
.pagging a.no_action img{position:absolute;top:12px;left:0}
.pagging a.no_action:hover{background:none;border:none}


/* cart */
.cart_sec {}
.order_step:after {content:"";clear:both;display:block;}
.order_step li {float:left;width:336px;height:71px;margin-left:1px;background:url(../images/sub/bg_order_step.gif) no-repeat;}
.order_step li:first-child {margin-left:none;}
.order_step .s1 {background-position:0 0;}
.order_step .s1.on {background-position: 0 -71px;}
.order_step .s2 {background-position: -336px 0px;}
.order_step .s2.on {background-position: -336px -71px;}
.order_step .s3 {background-position: -672px 0px;}
.order_step .s3.on {background-position: -672px -71px;}

.cart_sec h2.tit {padding:20px 0 10px 0;border:none;background:none;}
.cart_sec h3.ti {margin-top:30px;padding:8px 0 8px 20px;font-size:14px;color:#333;}

.cart_sec .pnum {display:inline-block;width:19px;margin:-6px 0 5px 0;vertical-align:middle;border:1px solid #cbcbcb;border-left:none;}
.cart_sec .pnum a {display:inline-block;margin:0;padding:0;}
.cart_sec .pnum a:first-child {padding-top:1px;border-bottom:1px solid #cbcbcb;}
.cart_sec .product_num {width:40px;margin:-6px 0 5px 0;background:#fff;text-align:left;}

.cart_sum {border:10px solid #e4e4e4;text-align:right;background:#fff}
.cart_sum ul {display:inline-block}
.cart_sum ul:after {content:"";clear:both;display:block;}
.cart_sum li {float:left;font-size:24px;color:#000;;padding:18px 40px 22px 40px;}
.cart_sum li span {display:block;padding-bottom:5px;font-size:12px;color:#888888;}
.cart_sum li:first-child {padding-right:50px;background:url(../images/sub/bg_plus.png) no-repeat right center}
.cart_sum li.dc {padding-left:50px;background: url(../images/sub/bg_minus.png) no-repeat 0 center}
.cart_sum .total {padding-left:60px;background:url(../images/sub/bg_total.png) no-repeat 0 center}


.coupon_slt li {padding:8px 0 0 22px;}
.coupon_slt li:first-child {padding:0 0 0 22px;}
.coupon_slt li span {display:inline-block;width:120px;}
.coupon_slt li input, .coupon_slt li label {vertical-align:middle;}

.pay_cont {padding-right:16px;}
.pay_cont dt, .pay_cont dd {float:left;width:50%;height:20px;}
.pay_cont dd {text-align:right}

.pay_tip {font-size:11px;color:#b9b9b9;}

.pay_total {position:relative;top:15px;height:60px;margin:0 -5px 0 -20px;background:#b9021b;}
.pay_total:after {content:"";clear:both;display:block;}
.pay_total dt {display:inline-block;width:135px;height:30px;padding:20px 0 0 15px;font-weight:bold;color:#cccccc;}
.pay_total dd {display:inline-block;width:190px;height:30px;padding:20px 0 0 0;text-align:right;color:#fff;}
.pay_total dd strong {font-size:24px;}

.pay_agree {margin:20px 20px;padding:20px;height:180px;overflow-x:auto;border:1px solid #cbcbcb;border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4;background:#f5f5f5;}
.pay_agree dt {font-weight:bold;}
.pay_agree dl {padding-bottom:25px;}
.pay_chk {padding:10px 20px;}
.pay_chk input {vertical-align:top;margin-top:-1px}
.tb_tym input[type="radio"]{vertical-align:top;margin-top:-1px;cursor:pointer}

.order_ok {height:120px;margin:30px 0 12px;padding-top:50px;border:1px solid #cccccc;text-align:center;}
.order_ok .num {padding:10px 0;font-size:14px;font-weight:bold;color:#000;}

.order_info{background:#f7f7f7;padding:20px;line-height:25px;border-radius:10px}
.order_info li{display:block;width:100%}
.order_info .txt{width:100px;float:left;font-weight:600}

.end_tit{border:1px solid #ccc;height:160px;margin:30px 0 15px;text-align:center;background:#fff}
.end_tit p{font-size:14px;font-weight:bold;line-height:50px}

.opt-btns li{float:left}
.opt-btns li:first-child{margin-left:20px}
.opt-btns li input{border:1px solid #ccc;width:35px;height:24px;text-align:center}


.tb_tyc_bd{border-top:solid  2px #a2d53f}

.join_tb{width:100%}
.join_tb tbody th {padding:15px 10px;border-bottom:solid 1px #cecece;text-align:left;background:#f8f8f8;padding-left:50px}
.join_tb td {padding:15px 10px;border-bottom:solid 1px #cecece;color:#888}
.join_tb td div.item{;position:relative}
.join_tb td.item input, .join_tb td.item textarea{border:1px solid #dbdbdb;padding:8px;border-radius:5px}
.join_tb td.item input{background:transparent}
.join_tb td.item select{border:1px solid #dbdbdb;padding:7px;border-radius:5px}
.join_tb td .sel01{;position:absolute}
.join_tb td .join_stxt{font-size:12px;color:#a5a5a5}
.join_tb td .item .i_label{top:4px; left:10px;visibility:visible; position:absolute;}
.join_tb td .item input{border:1px solid #dbdbdb;padding:8px;border-radius:5px;background:transparent}

.end_tit{border:1px solid #ccc;height:160px;margin:30px 0 15px;text-align:center;background:#fff}
.end_tit p{font-size:14px;font-weight:bold;line-height:50px}


.call_center{border-top:2px solid #a2d53f;border-bottom:2px solid #a2d53f;padding:20px 0 20px 20px }
.call_center h3{font-size:16px;font-weight:500}
.call_center li{font-size:13px;margin:3px 0;letter-spacing:-0.05em}
.call_center li:first-child{font-size:30px;font-weight:bold;color:#a2d53f;margin:10px 0}

.review{border-bottom:1px dashed #ccc;padding:10px 0;}
.review ul li li{float:left}
.review li .name{font-size:13px;color:#ccc;float:right}
.review li .review_tit {height:25px;width:750px;line-height:25px;overflow:hidden}
.review li.review_txt {color:#999;margin-top:7px}


/*����¡*/
.paginate{text-align:center}
.paginate a{display:inline-block;height:30px;line-height:30px;width:30px;font-size:14px;margin:0 3px;border:1px solid #e1e1e1}
.paginate strong{display:inline-block;height:30px;line-height:30px;width:30px;font-size:14px;margin:0 3px;border:1px solid #a7d74a;color:#a7d74a}

/*�˾�*/
.pop_area{ }
.pop_mask{display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:#000;opacity: 0.7;    filter: alpha(opacity=70)}
.pop_box{width:600px;height:500px;position:absolute;top:50%;left:50%;margin-left:-300px;margin-top:250px}
.pop_tit{height:50px;line-height:50px;font-size:18px;padding-left:20px;background:#02835a;color:#fff;position:relative}
.pop_tit .close{position:absolute;right:5px;top:10px}
.pop_tit .close img{width:75%}

.tip_box{border:1px solid #dcdcdc;padding:30px}
.tip_box h3{font-size:20px;margin-bottom:15px}
.tip_box li{line-height:23px;color:#6c6c6c;background: url(../images/btn/blit_green.png) no-repeat left 8px;padding-left:10px}


/*20180122 �߰� �� ����*/
.sub_contants{width:1100px;margin:0 auto;margin-top:45px;margin-bottom:100px;}

/* 2020-05-08 jsung add 즉시주문 */
.tb_spd_ord {width:100%}
.tb_spd_ord td {padding:5px 10px; margin:0px 10px;}
.tb_spd_ord thead td {border-bottom:solid 1px #cecece;background:#6e9f4a; color: #ffffff; text-align:left;}
.tb_spd_ord thead td:first-child {text-align:center;}
.tb_spd_ord tfoot td {padding:15px;border-bottom:solid 1px #cecece; background:#f8f8f8; text-align:right;}
.tb_spd_ord tfoot td:first-child {text-align:left;}
.tb_spd_ord tbody td {border-bottom:solid 1px #cecece;color:#888; }
.tb_spd_ord .img {width: 40px; height: 40px;}
.tb_spd_ord .option{padding-left:10px; color: #ff0000;}
.tb_spd_ord .pv {text-align: right; color: #2eb30a;}
.tb_spd_ord .amt {text-align: right; color: #d52626;}
.tb_spd_ord .unit{padding-left: 5px; color: #dadada;}
.tb_spd_ord .qty {text-align: right; color: #8c8c8c;}
.tb_spd_ord .qty-num {max-width:50px; border:1px solid #dbdbdb;padding:8px;border-radius:5px; background:transparent; text-align: right;}

/* 2020-05-15 jsung add 포인트 */
.point-wrap {margin: 10px 0px; padding: 20px; background-color: #a2d53f; text-align: center;}
.point-wrap h3 {font-weight: bolder; color:#ffffff;}
.point-wrap span {color: #000}