/* BASIC css start */
/* title */
h3.title {background:url(/design/chagacokr/2015_images/icon/icon_title_dot.gif) no-repeat left top;padding:0 0 8px 15px;border-bottom:2px solid #029344;font-size:24px;line-height:24px;font-weight:600;*font-weight:bold;color:#333;margin:35px 0 0 0;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}
h3.title span.h3-txt {font-size:12px;font-weight:600;*font-weight:bold;color:#666;padding:0 0 0 10px;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}

/* 디자인컨텐츠 내용 - 공통 */
section {position:relative;width:700px;margin:30px 0 0 0}

.mt1 {margin-top:1px}
.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}

.blue {color:#00abef}
.green {color:#029344}
.orange {color:#f57c00}
.red {color:#e2421f}


/* 내용 */
/* 타이틀 */
p.product-title1 {float:left;width:100%;background:url(/design/chagacokr/2015_images/icon/bullet_title1.png) no-repeat left top;padding:0 0 0 28px;height:19px;font-size:16px;font-weight:600;*font-weight:bold;color:#333;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}
p.product-title2 {float:left;width:100%;background:url(/design/chagacokr/2015_images/icon/bullet_title2.png) no-repeat left top;padding:0 0 0 28px;height:19px;font-size:16px;font-weight:600;*font-weight:bold;color:#333;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}
p.product-title3 {float:left;width:100%;background:url(/design/chagacokr/2015_images/icon/bullet_title3.png) no-repeat left top;padding:0 0 0 28px;height:19px;font-size:16px;font-weight:600;*font-weight:bold;color:#333;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}

section.product-list {position:relative;width:700px}
/*베스트 판매상품*/
section.product-list p.best-title {float:left;width:100%;margin:25px 0 0 85px;font-size:24px;font-weight:600;*font-weight:bold;color:#333;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}
section.product-list ul.best-list {width:645px;height:395px;background:url(/design/chagacokr/2015_images/cont/best_product_bg.jpg) no-repeat left top;padding:0 27px 0 28px;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}
section.product-list ul.best-list li {float:left;display:inline-block;width:185px;padding:0;margin:30px 15px 0 15px}
section.product-list ul.best-list li a img {width:178px;height:178px;border:1px solid #ddd;padding:3px;background:#fff;}
section.product-list ul.best-list li p.best-list-txt a {float:left;width:100%;margin:25px 0 0 0;padding:0;text-align:center;line-height:19px;font-size:13px;font-weight:600;*font-weight:bold;color:#444;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}
section.product-list ul.best-list li p.best-list-txt a:hover {color:#029344;}
section.product-list ul.best-list li p.best-list-txt2 a {float:left;width:100%;margin:25px 0 0 0;padding:0;text-align:center;line-height:19px;font-size:13px;font-weight:600;*font-weight:bold;color:#444;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}
section.product-list ul.best-list li p.best-list-txt2 a:hover {color:#20689b;}
section.product-list ul.best-list li p.price {text-align:center;padding:0;margin:2px 0 0 0;}
section.product-list ul.best-list li p.price a {float:left;width:100%;margin:10px 0 0 0;padding:0;text-align:center;font-size:13px;font-weight:600;*font-weight:bold;color:#e2421f;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}
/* 제품리스트 - 그린 */
.product-list ul.product1-list {float:left;width:700px;padding:0;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}
.product-list ul.product1-list li {float:left;display:inline-block;width:212px;padding:0;margin:0 10px 20px 10px;}
.product-list ul.product1-list li a img {width:204px;height:204px;border:1px solid #ddd;padding:3px;}
.product-list ul.product1-list li a:hover img {width:204px;height:204px;border:1px solid #2ca437;padding:3px;}
.product-list ul.product1-list li p.product1-list-txt {text-align:center;padding:0;margin:0;}
.product-list ul.product1-list li p.product1-list-txt a {foat:left;width:100%;margin:10px 0 0 0;padding:0;text-align:center;line-height:19px;font-size:13px;font-weight:600;*font-weight:bold;color:#444;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}
.product-list ul.product1-list li p.product1-list-txt a:hover {color:#029344;}
.product-list ul.product1-list li p.price {text-align:center;padding:0;margin:10px 0 0 0;}
.product-list ul.product1-list li p.price a {foat:left;width:100%;padding:0;text-align:center;font-size:13px;font-weight:600;*font-weight:bold;color:#e2421f;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}

/* 제품리스트 - 블루 */
.product-list ul.product2-list {float:left;width:700px;padding:0;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}
.product-list ul.product2-list li {float:left;display:inline-block;width:212px;padding:0;margin:0 10px 20px 10px;}
.product-list ul.product2-list li a img {width:204px;height:204px;border:1px solid #ddd;padding:3px;}
.product-list ul.product2-list li a:hover img {width:204px;height:204px;border:1px solid #1ea0d7;padding:3px;}
.product-list ul.product2-list li p.product2-list-txt {text-align:center;padding:0;margin:0;}
.product-list ul.product2-list li p.product2-list-txt a {foat:left;width:100%;margin:10px 0 0 0;padding:0;text-align:center;line-height:19px;font-size:13px;font-weight:600;*font-weight:bold;color:#444;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}
.product-list ul.product2-list li p.product2-list-txt a:hover {color:#029344;}
.product-list ul.product2-list li p.price {text-align:center;padding:0;margin:10px 0 0 0;}
.product-list ul.product2-list li p.price a {foat:left;width:100%;padding:0;text-align:center;font-size:13px;font-weight:600;*font-weight:bold;color:#e2421f;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}

/* 차가버섯 구매 */
.product-list .product1 {position:relative;float:left;width:700px;}
.product1 p.product-point1 {float:left;border:1px solid #3e9965;background:#d2edde;width:692px;padding:3px;margin:0}
.product1 p.product-point1 span.p-green {display:block;border:1px solid #9dd8b6;background:#fff;width:630px;padding:20px 30px;line-height:24px;font-size:13px;font-weight:600;*font-weight:bold;color:#444;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}

.product1 ul.product1-list {float:left;width:700px;padding:0;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}
.product1 ul.product1-list li {float:left;display:inline-block;width:212px;padding:0;margin:0 10px 20px 10px;}
.product1 ul.product1-list li a img {width:204px;height:204px;border:1px solid #ddd;padding:3px;}
.product1 ul.product1-list li p.product1-list-txt {text-align:center;padding:0;margin:0;}
.product1 ul.product1-list li p.product1-list-txt a {foat:left;width:100%;margin:10px 0 0 0;padding:0;text-align:center;line-height:19px;font-size:13px;font-weight:600;*font-weight:bold;color:#444;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}
.product1 ul.product1-list li p.product1-list-txt a:hover {color:#029344;}
.product1 ul.product1-list li p.price {text-align:center;padding:0;margin:2px 0 0 0;}
.product1 ul.product1-list li p.price a {foat:left;width:100%;padding:0;text-align:center;font-size:13px;font-weight:600;*font-weight:bold;color:#e2421f;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}

/* 보조 & 용품 구매 */
.product-list .product2 {position:relative;float:left;width:700px;margin:20px 0 0 0;padding:40px 0 0 0;border-top:1px dashed #ccc}
.product2 p.product-point2 {float:left;border:1px solid #0099d6;background:#cde7f2;width:692px;padding:3px;margin:0}
.product2 p.product-point2 span.p-blue {display:block;border:1px solid #97c9dd;background:#fff;width:630px;padding:20px 30px;line-height:24px;font-size:13px;font-weight:600;*font-weight:bold;color:#444;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}

/* 추천프로그램 */
.product3 {position:relative;float:left;width:700px;margin:20px 0 0 0;padding:40px 0 0 0;border-top:1px dashed #ccc}
.product3 ul.product3-list1 {position:relative;width:680px;height:580px;background:url(/design/chagacokr/2015_images/cont/recommendation_bg1.jpg) no-repeat left top;padding:102px 10px 10px 10px;}
.product3 ul.product3-list1 li {display:block;width:680px;height:291px;padding:0;margin:0}
.product3 ul.product3-list2 {position:relative;width:680px;height:580px;background:url(/design/chagacokr/2015_images/cont/recommendation_bg2.jpg) no-repeat left top;padding:102px 10px 10px 10px;}
.product3 ul.product3-list2 li {display:block;width:680px;height:291px;padding:0;margin:0}
.product3 ul.product3-list3 {position:relative;width:680px;height:580px;background:url(/design/chagacokr/2015_images/cont/recommendation_bg3.jpg) no-repeat left top;padding:102px 10px 10px 10px;}
.product3 ul.product3-list3 li {display:block;width:680px;height:291px;padding:0;margin:0}


/* BASIC css end */