@import url("font.css");
html,body,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin:0; padding:0;}
* {font-family:'Noto Sans KR', sans-serif;}
a {font-family:'Noto Sans KR', sans-serif; text-decoration:none;}
ul {margin:0; padding:0;}
li {list-style-type:none;}
.contain {width:640px; margin:0 auto;}
.inner {width:600px; margin:0 auto}
.relative {position:relative}
.tl {text-align:left}
.tc {text-align:center}
.tr {text-align:right}
.fl {float:left}
.fr {float:right}
.block {display:block}
.inline {display:inline}
.inline-block {display:inline-block}
.mt0 {margin-top:0px !important}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px !important}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important;}
.mt90 {margin-top:90px !important}
.mt100 {margin-top:100px !important}
.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb30 {margin-bottom:30px !important}
.mb35 {margin-bottom:35px !important}
.mb40 {margin-bottom:40px !important}
.mb50 {margin-bottom:50px !important}
.mb60 {margin-bottom:60px !important}
.mb70 {margin-bottom:70px !important}
.mb80 {margin-bottom:80px !important}
.mb90 {margin-bottom:90px !important}
.mb100 {margin-bottom:100px !important}
.mb150 {margin-bottom:150px !important}
.ml40 {margin-left:40px !important}
.ml60 {margin-left:60px !important}
.ml70 {margin-left:70px !important}
.mr30 {margin-right:30px !important}
.mr40 {margin-right:40px !important}
.pt0 {padding-top:0px !important}
.pt5 {padding-top:5px !important}
.pt10 {padding-top:10px !important}
.pt20 {padding-top:20px !important}
.pt25 {padding-top:25px !important}
.pt30 {padding-top:30px !important}
.pt60 {padding-top:60px !important}
.pb5 {padding-bottom:5px !important}
.pb10 {padding-bottom:10px !important}
.pb20 {padding-bottom:20px !important}
.pt70 {padding-top:70px !important}
.pl10 {padding-left:10px !important}
.pl15 {padding-left:15px !important}
.pl20 {padding-left:20px !important}
.pl25 {padding-left:25px !important}
.pl30 {padding-left:30px !important}
.pl40 {padding-left:40px !important}
.pl50 {padding-left:50px !important}
/* font */
.font1 {display:inline-block; padding-left:40px; vertical-align:3px; font-size:20px; color:#c30000; font-weight:400; letter-spacing:1px;}
.font2 {display:block; padding:10px 0 10px 20px; height:auto; font-size:18px; color:#c30000; font-weight:400; letter-spacing:1px; line-height:26px;}
.font3 {display:block; clear:both; padding:30px 10px 0 20px; height:auto; text-align:left; font-size:18px; color:#c30000; font-weight:400; letter-spacing:2px; line-height:26px;}
.white {color:#ffff !important}
.gray {color:#767a7f !important}
/* 버튼 */
.bt1 {display:inline-block; margin:0 auto; padding:0 15px; vertical-align:0; border-radius:100px; background-color:#555; text-align:center; font-size:14px; color:#fff; font-weight:500; text-indent:0}
/*########################### 공통 ########################### */
/* 내용 */
.contents_wrap {position:relative; clear:both; width:100%; height:auto; padding-bottom:40px;}
.bg_white {background-color:#fff;}
.cont {font-size:18px; color:#353535; font-weight:400; line-height:30px; padding-top:30px;}
/* 상단 */
.top {clear:both; width:100%; height:55px; line-height:52px; background-color:#295c35; text-align:center;}
.top a {display:inline-block; font-size:24px; color:#fff; font-weight:500; display:inline-block; margin-left:33px;}
.top a:first-child {margin-left:0;}
.top strong {color:#eedc00;}
/* 로고 */
.logo {position:relative; z-index:1001; clear:both; width:100%; height:70px; text-align:center}
.logo img {margin-top:8px;}
/* 헤더 */
.header {position:relative; z-index:1001; clear:both; width:100%; height:68px; padding-top:2px; }
#cate_open {cursor:pointer; position:absolute; top:0; left:0; display:inline-block; width:137px; height:59px; line-height:54px; border-radius:15px; background-color:#4480c4; text-align:center; font-size:20px; color:#fff; font-weight:700;}
#cate_close {cursor:pointer; position:absolute; top:0; left:0; display:inline-block; width:137px; height:59px; line-height:54px; border-radius:15px; background-color:#4480c4; text-align:center; font-size:20px; color:#fff; font-weight:700;}
.bt_words {position:absolute; top:0; right:0; display:inline-block; width:137px; height:59px; line-height:54px; border-radius:15px; background-color:#4480c4; text-align:center; font-size:20px; color:#fff; font-weight:700;}
.search {position:relative; width:241px; height:59px; margin:0 auto; border:1px solid #397c5f; text-align:center; overflow:hidden;}
.search input {position:absolute; top:13px; left:20px; width:160px; height:27px; border:none; font-size:16px; color:#9c9c9c; font-weight:700; background-color:transparent}
.search img {position:absolute; top:0; right:0; display:block;}
/* 전체메뉴 */
#cate_wrap {display:none; position:absolute; top:0; left:0; z-index:1000; clear:both; width:100%; height:100%; background:url('../img/cate_bg.png') repeat;}
#cate {position:absolute; top:236px; left:20px; clear:both;}
#cate a {display:block; clear:both; width:170px; height:40px; line-height:40px; margin-top:-1px; border:1px solid #5b997e; background-color:#fff; font-size:20px; color:#5b997e; font-weight:700; text-indent:10px; text-decoration:none;}
#cate1 {border:1px solid #5b997e; background-color:#5b997e; color:#fff;}
.cate_on {border:1px solid #5b997e !important; background-color:#5b997e !important; color:#fff !important;}
.cate_off {border:1px solid #5b997e !important; background-color:#fff !important; color:#5b997e !important;}
#cate_sub_wrap {position:relative; top:243px;}
#cate_sub_wrap div {position:absolute; left:190px; background:url('../img/cate_arrow.png') no-repeat top left;}
#cate_sub_wrap div a {display:block; clear:both; width:auto; height:40px; line-height:40px; font-size:20px; color:#fff; font-weight:700; text-indent:40px; text-decoration:none;}
#cate_sub_wrap div a:hover {text-decoration:underline;}
#cate_sub1 {display:block; position:absolute; top:0px;}
#cate_sub2 {display:none; position:absolute; top:40px;}
#cate_sub3 {display:none; position:absolute; top:80px;}
#cate_sub4 {display:none; position:absolute; top:120px;}
#cate_sub5 {display:none; position:absolute; top:160px;}
#cate_sub6 {display:none; position:absolute; top:200px;}
#cate_sub7 {display:none; height:0; overflow:hidden;}
/* 하단 */
.bottom {clear:both; width:100%; height:40px; line-height:37px; margin-top:30px; border-top:1px solid #a5abaf; border-bottom:1px solid #a5abaf; text-align:center;}
.bottom a {display:inline-block; margin-left:14px; font-size:17px; color:#000; font-weight:700;}
.bottom a.round {height:30px; line-height:27px; margin-left:55px; padding:0 15px; border-radius:100px; background-color:#616366; font-size:17px; color:#fff; font-weight:700;}
/* 푸터 */
.footer {position:relative; clear:both; width:100%; line-height:24px; padding:15px 0 30px 0; text-align:center; font-size:14px; color:#767a7f; font-weight:700;}
.footer strong {display:inline-block; padding:15px 0 25px 0; font-size:18px; color:#000; font-weight:700;}
.bt_pc {display:inline-block; width:145px; height:34px; line-height:32px; border-radius:20px 0 0 20px; background-color:#007bc7; font-size:18px; color:#fff; font-weight:700;}
.bt_top {display:inline-block; width:145px; height:34px; line-height:32px; border-radius:0 20px 20px 0; background-color:#759805; font-size:18px; color:#fff; font-weight:700;}
.btn_top {display:none; cursor:pointer; position:fixed; z-index:9999; bottom:6px; right:6px;}
/* 페이지명 */
.page_title {clear:both; padding-top:20px; font-size:30px; color:#0b0b0b; font-weight:700; letter-spacing:2px;}
/*########################### 메인 ########################### */
/* 메뉴 */
.menu_green {clear:both; width:100%; height:245px;}
.menu_green h1 {clear:both; width:100%; height:32px; line-height:31px; margin-bottom:1px; border-radius:15px 15px 0 0; background-color:#3d7d25; font-size:16px; color:#fff; font-weight:700; text-shadow:1px 1px 1px #275018; text-indent:15px;}
.menu_green h1 img {margin-right:9px; vertical-align:-2px}
.menu_green ul {clear:both;}
.menu_green ul li {float:left; width:148px; height:100px; background-color:#3d7d25; border:1px solid #fff;text-align:center;}
.menu_green ul li img {display:block; margin:4px auto 0 auto;}
.menu_green ul li a {font-size:14px; color:#fff; font-weight:700;}
.menu_blue {clear:both; width:100%; height:245px;}
.menu_blue h1 {clear:both; width:100%; height:32px; line-height:31px; margin-bottom:1px; border-radius:15px 15px 0 0; background-color:#006ead; font-size:16px; color:#fff; font-weight:700; text-shadow:1px 1px 1px #003f63; text-indent:15px;}
.menu_blue h1 img {margin-right:9px; vertical-align:-2px}
.menu_blue ul {clear:both;}
.menu_blue ul li {float:left; width:148px; height:100px; background-color:#006ead; border:1px solid #fff;text-align:center;}
.menu_blue ul li img {display:block; margin:4px auto 0 auto;}
.menu_blue ul li a {font-size:14px; color:#fff; font-weight:700;}
/* 추천상패 */
.recommend_wrap {position:relative; clear:both; width:100%; height:auto; padding-top:10px; background-color:#f3f5ed; text-align:center;}
.recommend_wrap h1 {display:block; clear:both; width:100%; height:85px; text-align:center; font-size:24px; color:#41693d; font-weight:700;}
.recommend_wrap h1 img {display:block; margin: 0 auto;}
.recommend_wrap h1 a {display:inline-block; padding:0 10px; height:30px; border-radius:100px; background-color:#41693d; font-size:20px; color:#fff; font-weight:400; line-height:30px;}
/****
.recommend {cursor:pointer; position:relative; width:280px; height:365px; border:7px solid #5b825d; background-color:#fff; text-align:left;}
.recommend > .tag {position:absolute; top:300px; left:11px; display:inline-block; width:auto; height:22px; line-height:20px; padding:0 8px; background-color:#5b825d; font-size:14px; color:#fff; font-weight:700;}
.recommend > .tit {position:absolute; top:330px; left:17px; font-size:16px; color:#333; font-weight:700;}
.recommend > .price {position:absolute; top:330px; right:17px; font-size:16px; color:#b47700; font-weight:700;}
****/
.recommend {cursor:pointer; position:relative; width:94%; height:auto; padding-bottom:10px; border:4px solid #5b825d; background-color:#fff; text-align:left; overflow:hidden;}
.recommend > .thumb {width:100%}
.recommend > .thumb img {width:100%; height:auto;}
.recommend > .tag {position:relative; top:0; left:10px; display:inline-block; width:auto; height:22px; line-height:20px; padding:0 8px; background-color:#5b825d; font-size:12px; color:#fff; font-weight:700;}
.recommend > .tit {position:relative; top:0; left:10px; display:block; font-size:12px; color:#333; font-weight:700;}
.recommend > .price {position:relative; top:0; left:10px; display:block; font-size:12px; color:#b47700; font-weight:700;}
/* 위치 */
.recommend_wrap2 > .left {position:absolute; z-index:1; top:80px; left:20px; border:7px solid #9bae9c}
.recommend_wrap2 > .center {position:absolute; z-index:2; top:80px; left:170px;}
.recommend_wrap2 > .right {position:absolute; z-index:1; top:80px; left:325px; border:7px solid #9bae9c}
/* cover */
.recommend_wrap2 > .left > .cover {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-color:#000; filter:alpha(opacity=50); opacity:0.5;}
.recommend_wrap2 > .center > .cover {display:none;}
.recommend_wrap2 > .right > .cover {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-color:#000; filter:alpha(opacity=50); opacity:0.5;}
/* 베스트상패판매 */
.best_list {clear:both; width:100%; height:auto; padding-top:20px;}
.best_list h1 {clear:both; width:100%; height:45px; line-height:42px; background:url('../img/mbg1.jpg') repeat-y 0 0; text-align:left; font-size:20px; color:#fff; font-weight:700; text-indent:15px;}
.best_list ul {clear:both; padding-top:15px;}
.best_list ul li {width:100%; height:250px; text-align:left;}
.best_thumb {float:left; width:255px; height:235px; border-radius:10px; overflow:hidden; margin-right:45px;}
.best_thumb img {width:255px; height:235px;}
.best_tag {float:right; width:50%; height:180px; text-align:left}
.best_tag_s {display:none}
.best_title {float:right; width:50%; height:25px; text-align:left; font-size:20px; color:#262626; font-weight:700;}
.best_price {float:right; width:50%; text-align:left; font-size:24px; color:#a5b300; font-weight:700;}
/* 인기상품 */
.popularity_list {clear:both; width:100%; height:auto; padding-top:50px;}
.popularity_list h1 {clear:both; width:100%; height:45px; line-height:42px; background:url('../img/mbg2.jpg') repeat-y 0 0; text-align:left; font-size:20px; color:#fff; font-weight:700; text-indent:15px;}
.popularity_list h1 span {display:inline-block; font-size:14px; color:#fff; font-weight:400; text-indent:20px;}
.popularity_list ul {clear:both; padding-left:15px;}
.popularity_list ul li {float:left; width:280px; height:360px; margin:15px 5px 0 5px; border:7px solid #e4eccf; text-align:left;}
.popularity_thumb {padding-bottom:20px;}
.popularity_thumb img {width:280px; height:285px;}
.popularity_title {float:left; padding-left:10px; font-size:20px; color:#333; font-weight:700;}
.popularity_price {float:right; padding-right:10px; font-size:20px; color:#b47700; font-weight:700;}
/* 문구 */
.main_txt {clear:both; width:100%; height:50px; padding-top:20px; text-align:center; font-size:20px; color:#303030; font-weight:700;}
/* 재질별 */
.bt_material {clear:both; width:100%}
.bt_material h1 {clear:both; width:100%; height:73px; line-height:69px; border-radius:15px 15px 0 0; background-color:#4a4f41; text-align:center; font-size:30px; color:#fff; font-weight:700;}
.bt_material ul {clear:both; width:100%;}
.bt_material ul li {float:left; width:298px; height:66px; line-height:63px; margin-top:5px; background-color:#4a4f41; text-align:center;}
.bt_material ul li a {font-size:24px; color:#fff; font-weight:700;}
.bt_material ul li:nth-child(2n) {float:right}
/* 용도별 */
.bt_use {clear:both; width:100%; padding-top:20px;}
.bt_use h1 {clear:both; width:100%; height:73px; line-height:69px; border-radius:15px 15px 0 0; background-color:#415b2e; text-align:center; font-size:30px; color:#fff; font-weight:700;}
.bt_use ul {clear:both; width:100%;}
.bt_use ul li {float:left; width:298px; height:66px; line-height:63px; margin-top:5px; background-color:#415b2e; text-align:center;}
.bt_use ul li a {font-size:24px; color:#fff; font-weight:700;}
.bt_use ul li:nth-child(2n) {float:right}
/* 최고인기30선 */
.main_ranking {clear:both; width:100%; height:80px; padding-top:15px; background:url('../img/main_ranking.jpg') no-repeat center 15px;}
.main_ranking a {display:block; width:100%; height:65px;}
.main_ranking h1 {float:left; padding:11px 0 0 45px; font-size:26px; color:#000; font-weight:700;}
.main_ranking h2 {float:right; padding:15px 45px 0 0; font-size:22px; color:#fff; font-weight:700;}
.main_ranking h2 img {vertical-align:-4px}
/* 첫번째 배너 */
.main_banner_a {position:relative;clear:both; width:100%; height:74px; background-color:#ccbea6;}
.main_banner1 {position:absolute; top:7px; left:7px; width:290px; height:60px; line-height:60px; background-color:#fff; text-align:left; font-size:24px; color:#625e54; font-weight:700; letter-spacing:1px; text-indent:100px;}
.main_banner1 img:first-child {position:absolute; top:13px; left:19px;}
.main_banner1 img {position:absolute; top:13px; left:230px;}
.main_banner1 a {color:#625e54;}
.main_banner2 {position:absolute; top:7px; left:303px; width:290px; height:60px; line-height:60px; background-color:#fff; text-align:left; font-size:24px; color:#625e54; font-weight:700; letter-spacing:1px; text-indent:100px;}
.main_banner2 img:first-child {position:absolute; top:9px; left:33px;}
.main_banner2 img {position:absolute; top:13px; left:240px;}
.main_banner2 a {color:#625e54;}
/* 두번째 배너 */
.main_banner_b {position:relative; clear:both; width:100%; height:217px; margin-top:15px; background-color:#b7aa00;}
.main_banner3 {position:absolute; top:8px; left:8px; width:290px; height:123px; text-align:center;}
.main_banner3 a {font-size:15px; color:#fff; font-weight:700;}
.main_banner3 img {vertical-align:-18px; margin-right:10px;}
.main_banner3 strong {display:block; padding-top:12px; font-size:30px; color:#fff; font-weight:700; letter-spacing:1px;}
.main_banner4 {position:absolute; top:141px; left:8px; width:290px; height:68px; background-color:#fff; text-align:center;}
.main_banner4 h1 {float:left; padding:10px 0 0 18px;}
.main_banner4 h2 {width:240px; padding:7px 0 0 35px; font-size:18px; color:#3e2e31; font-weight:700; letter-spacing:1px;}
.main_banner4 h3 {width:240px; padding:2px 0 0 35px; font-size:18px; color:#766e00; font-weight:700; letter-spacing:1px;}
.main_banner5 {position:absolute; top:8px; left:303px; width:290px; height:99px; background-color:#fff; text-align:center;}
.main_banner5 img {display:block; margin:10px auto 5px auto;}
.main_banner5 a {font-size:22px; color:#272727; font-weight:700; letter-spacing:1px;}
.main_banner6 {position:absolute; top:115px; left:303px; width:290px; height:94px; background-color:#fff; text-align:center; font-size:22px; color:#272727; font-weight:700; letter-spacing:1px;}
.main_banner6 img {display:block; margin:10px auto 5px auto;}
/* 세번째 배너 */
.main_banner_c {clear:both; width:100%; height:92px; margin-top:15px;}
.main_banner7 {float:left; width:298px; height:92px; background-color:#ac9b7d;}
.main_banner7 h1 {clear:both; width:100%; height:25px; padding-top:5px; text-align:center; font-size:14px; color:#fff; font-weight:300;}
.main_banner7 h2 {clear:both; width:283px; height:50px; margin-left:7px; padding-top:5px; background-color:#fff; text-align:center; font-size:18px; color:#2d2923; font-weight:700; letter-spacing:1px;}
.main_banner7 h2 strong {display:inline-block; padding-right:20px; font-size:18px; color:#2d2923; font-weight:700;}
.main_banner7 h2 u {display:block; font-size:16px; color:#2d2923; font-weight:700; text-decoration:none;}
.main_banner8 {float:right; width:296px; height:92px; background-color:#ac9b7d;}
.main_banner8 a {display:block; width:282px; height:78px; line-height:76px; margin:7px 0 0 7px; background-color:#fff; font-size:24px; color:#6f634e; font-weight:700; letter-spacing:1px;}
.main_banner8 a img {margin:10px 6px 0 5px; vertical-align:-20px;}
/*########################### 게시판 ########################### */
/* 페이징 */
.paging {clear:both; width:100%; text-align:center; padding-top:30px; line-height:30px;}
.paging a {display:inline-block; min-width:25px; height:30px; padding:0 5px; border:1px solid #e5e5e5; background-color:#f4f4f4; vertical-align:0; font-size:16px; color:#636363; font-weight:400; vertical-align:0;}
.paging a.on {border:1px solid #3c3c3c; background-color:#3c3c3c; color:#fff;}
.paging a.bt_prev {font-family:'Nanum Gothic'; font-size:11px; color:#999; vertical-align:3px;}
.paging a.bt_next {font-family:'Nanum Gothic'; font-size:11px; color:#999; vertical-align:3px;}
/* 게시판 목록 */
.board_stats {clear:both; height:30px; padding-top:25px; text-align:left; text-indent:10px; font-size:14px; color:#4c4c4c; font-weight:300; letter-spacing:1px;}
.board {clear:both; width:100%; margin-bottom:40px; padding-bottom:0; border-radius:15px; border:1px solid #e8eaed; background-color:#fff; overflow:hidden;}
.board table {clear:both; width:100%;}
.board table th {padding:17px 0; background-color:#46bd7b; text-align:center; font-size:14px; color:#fff; font-weight:400; letter-spacing:1px;}
.board table td {padding:20px 0; border-bottom:1px dashed #989898; text-align:center; font-size:14px; color:#4c4c4c; font-weight:400; letter-spacing:1px;}
.board table td a {font-size:14px; color:#4c4c4c; font-weight:400; letter-spacing:1px;}
/* 게시판 뷰어 */
.board_view {clear:both; width:100%; overflow:hidden; margin:20px 0; padding-bottom:40px; border-radius:15px; border:1px solid #e8eaed; background-color:#fff; text-align:center; overflow:hidden;}
.board_view > div.tit {position:relative; clear:both; width:98%; margin:20px auto 0 auto; padding:15px 0; border-top:2px solid #333; text-align:center; font-size:16px; color:#333; font-weight:400; letter-spacing:1px;}
.board_view > div.tit > div.btn_wrap {clear:both; width:100%; padding-top:10px; text-align:center}
.board_view > div.tit > div.btn_wrap a.answer {display:inline-block; width:50px; height:23px; line-height:21px; border-radius:100px; border:1px solid #ddd; text-align:center; font-size:13px; color:#555; font-weight:400; letter-spacing:1px;}
.board_view > div.tit > div.btn_wrap a.modify {display:inline-block; width:50px; height:23px; line-height:21px; border-radius:100px; border:1px solid #ddd; text-align:center; font-size:13px; color:#555; font-weight:400; letter-spacing:1px;}
.board_view > div.tit > div.btn_wrap a.del {display:inline-block;width:50px; height:23px; line-height:21px; border-radius:100px; border:1px solid #ddd; text-align:center; font-size:13px; color:#555; font-weight:400; letter-spacing:1px;}
.board_view > div.info {clear:both; width:98%; margin:0 auto; padding:10px 0 10px 0; background-color:#f8f8f8; text-align:right; font-size:11px; color:#ccc; font-weight:300; letter-spacing:1px;}
.board_view > div.info b {display:inline-block; padding:0 10px 0 10px; vertical-align:-2px; font-size:14px; color:#333; font-weight:300; letter-spacing:1px;}
.board_view > div.cont {clear:both; width:98%; margin:0 auto; min-height:150px; padding:20px 0; border-bottom:1px solid #ccc; text-align:left; font-size:14px; color:#333; font-weight:300; letter-spacing:1px; line-height:24px;}
.board_view > div.cont > div.answer {clear:both; width:100%; margin-top:70px; min-height:150px; padding:20px 0; border-top:1px dashed #ccc; text-align:left; font-size:14px; color:#333; font-weight:300; letter-spacing:1px; line-height:24px;}
.board_view > div.bt {clear:both; width:98%; margin:0 auto; padding:20px 0; text-align:center;}
.board_view > div.bt a.list {display:inline-block; width:150px; height:45px; line-height:45px; border-radius:100px; background-color:#46bd7b; text-align:center; font-size:16px; color:#fff; font-weight:400; letter-spacing:1px;}
.board_view > div.reply_list {clear:both; width:98%; margin:3px auto 0 auto; border-top:1px dashed #ddd; text-align:left; font-size:11px; color:#ccc; font-weight:300; letter-spacing:1px;}
.board_view > div.reply_list ul {clear:both; width:100%;}
.board_view > div.reply_list li {clear:both; width:100%; padding:7px 0; border-bottom:1px dashed #ddd; text-align:left;}
.board_view > div.reply_list li > span.subject {display:inline-block; font-size:14px; color:#333; font-weight:300; letter-spacing:1px;}
.board_view > div.reply_list li > span.subject > a.del {display:inline-block; border-radius:100px; border:1px solid #ccc; margin-left:10px; padding:1px 5px; font-size:10px; color:#c00; font-weight:500; letter-spacing:1px;}
.board_view > div.reply_list li > span.name {float:right; display:inline-block; padding-right:25px; font-size:14px; color:#999; font-weight:300; letter-spacing:1px;}
.board_view > div.reply_list li > span.date {float:right; display:inline-block; font-size:14px; color:#999; font-weight:300; letter-spacing:1px;}
.board_view > div.reply {position:relative; clear:both; width:98%; margin:20px auto 0 auto; text-align:left; font-size:14px; color:#333; font-weight:300; letter-spacing:1px; line-height:24px;}
.board_view > div.reply input[type="text"] {width:200px; height:25px; border:1px solid #ccc; font-size:14px; color:#333; font-weight:300;}
.board_view > div.reply input[type="password"] {width:200px; height:25px; border:1px solid #ccc; font-size:14px; color:#333; font-weight:300;}
.board_view > div.reply textarea {width:74%; height:100px; margin-top:5px; border:1px solid #ccc; font-size:14px; color:#333; font-weight:300; line-height:24px;}
.board_view > div.reply a.ok {position:absolute; top:34px; right:0; width:25%; height:104px; line-height:100px; background-color:#333; text-align:center; font-size:15px; color:#fff; font-weight:400;}
/* 게시판 뷰어(iframe) */
.board_view2 {clear:both; width:98%; margin:0 auto; text-align:center; overflow:hidden; padding:20px 0 20px 0; }
.board_view2 > div.tit {position:relative; clear:both; width:100%; margin:20px auto 0 auto; padding:15px 0; border-top:2px solid #333; text-align:center; font-size:16px; color:#333; font-weight:400; letter-spacing:1px;}
.board_view2 > div.tit > div.btn_wrap {clear:both; width:100%; padding-top:10px; text-align:center}
.board_view2 > div.tit > div.btn_wrap a.answer {display:inline-block; width:50px; height:23px; line-height:21px; border-radius:100px; border:1px solid #ddd; text-align:center; font-size:13px; color:#555; font-weight:400; letter-spacing:1px;}
.board_view2 > div.tit > div.btn_wrap a.modify {display:inline-block; width:50px; height:23px; line-height:21px; border-radius:100px; border:1px solid #ddd; text-align:center; font-size:13px; color:#555; font-weight:400; letter-spacing:1px;}
.board_view2 > div.tit > div.btn_wrap a.del {display:inline-block;width:50px; height:23px; line-height:21px; border-radius:100px; border:1px solid #ddd; text-align:center; font-size:13px; color:#555; font-weight:400; letter-spacing:1px;}
.board_view2 > div.info {clear:both; width:98%; margin:0 auto; padding:10px 0 10px 0; background-color:#f8f8f8; text-align:right; font-size:11px; color:#ccc; font-weight:300; letter-spacing:1px;}
.board_view2 > div.info b {display:inline-block; padding:0 10px 0 10px; vertical-align:-2px; font-size:14px; color:#333; font-weight:300; letter-spacing:1px;}
.board_view2 > div.cont {clear:both; width:100%; margin:0 auto; min-height:150px; padding:20px 0; border-bottom:1px solid #ccc; text-align:left; font-size:14px; color:#333; font-weight:300; letter-spacing:1px; line-height:24px;}
.board_view2 > div.cont > div.answer {clear:both; width:100%; margin-top:70px; min-height:100px; padding:20px 0; border-top:1px dashed #ccc; text-align:left; font-size:14px; color:#333; font-weight:300; letter-spacing:1px; line-height:24px;}
.board_view2 > div.bt {clear:both; width:100%; margin:0 auto; padding:20px 0; text-align:center;}
.board_view2 > div.bt a.list {display:inline-block; width:150px; height:45px; line-height:45px; border-radius:100px; background-color:#46bd7b; text-align:center; font-size:16px; color:#fff; font-weight:400; letter-spacing:1px;}
.board_view2 > div.reply_list {clear:both; width:98%; margin:3px auto 0 auto; border-top:1px dashed #ddd; text-align:left; font-size:11px; color:#ccc; font-weight:300; letter-spacing:1px;}
.board_view2 > div.reply_list ul {clear:both; width:100%;}
.board_view2 > div.reply_list li {clear:both; width:100%; padding:7px 0; border-bottom:1px dashed #ddd; text-align:left;}
.board_view2 > div.reply_list li > span.subject {display:inline-block; font-size:14px; color:#333; font-weight:300; letter-spacing:1px;}
.board_view2 > div.reply_list li > span.subject > a.del {display:inline-block; border-radius:100px; border:1px solid #ccc; margin-left:10px; padding:1px 5px; font-size:10px; color:#c00; font-weight:500; letter-spacing:1px;}
.board_view2 > div.reply_list li > span.name {float:right; display:inline-block; padding-right:25px; font-size:14px; color:#999; font-weight:300; letter-spacing:1px;}
.board_view2 > div.reply_list li > span.date {float:right; display:inline-block; font-size:14px; color:#999; font-weight:300; letter-spacing:1px;}
.board_view2 > div.reply {position:relative; clear:both; width:100%; margin:20px auto 0 auto; text-align:left; font-size:14px; color:#333; font-weight:300; letter-spacing:1px; line-height:24px;}
.board_view2 > div.reply input[type="text"] {display:block; width:200px; height:25px; border:1px solid #ccc; font-size:14px; color:#333; font-weight:300;}
.board_view2 > div.reply textarea {width:79%; height:104px; margin-top:5px; border:1px solid #ccc; font-size:14px; color:#333; font-weight:300; line-height:24px;}
.board_view2 > div.reply a.ok {position:absolute; top:34px; right:0; width:20%; height:108px; line-height:100px; background-color:#333; text-align:center; font-size:15px; color:#fff; font-weight:400;}
/*########################### 목록 ########################### */
/* 검색 */
.product_search {clear:both; width:600px; margin:10px auto 0 auto;}
.product_search h1 {clear:both; padding:5px 0; border-top:1px solid #ededed; border-bottom:1px solid #ededed; font-size:28px; color:#0b0b0b; font-weight:700;}
.product_search h1 img {display:inline-block; margin-right:20px; vertical-align:-25px;}
.product_search > .amount {clear:both; width:100%; margin-top:5px; padding:5px 10px; border:1px solid #ededed; background-color:#fff; text-align:left; font-size:14px; color:#000; font-weight:400; letter-spacing:1px; line-height:27px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product_search > .amount u {padding:0 10px 0 5px; font-size:14px; color:#b70202; font-weight:300; letter-spacing:1px; text-decoration:none;}
.product_search > .wrap {clear:both; width:100%; margin-top:5px; padding:15px 0 15px 0; border:1px solid #e3e6e0; background-color:#fff; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product_search > .wrap > .search_price {clear:both;}
.product_search > .wrap > .search_price h2 {display:block; float:left; width:172px; height:100px; text-indent:10px; font-size:20px; color:#2c2f2b; font-weight:700;}
.product_search > .wrap > .search_price a {display:inline-block; width:130px; height:24px; line-height:20px; margin:0 0 3px 3px; border:1px solid #535353; text-align:center; font-size:18px; color:#000; font-weight:400; letter-spacing:1px; text-decoration:none;}
.product_search > .wrap > .search_price a:hover {border:1px solid #535353; background-color:#535353; color:#fff;}
.product_search > .wrap > .search_price a.on {display:inline-block; width:130px; height:24px; line-height:20px; margin:0 0 3px 3px; border:1px solid #535353; background-color:#535353; text-align:center; font-size:18px; color:#fff; font-weight:400; letter-spacing:1px; text-decoration:none;}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
.product_search > .wrap > .search_price a {line-height:22px;}
.product_search > .wrap > .search_price a.on {line-height:22px;}
}*/
.product_search > .wrap > .search_name {clear:both;}
.product_search > .wrap > .search_name h2 {display:block; float:left; width:175px; height:45px; text-indent:10px; font-size:20px; color:#2c2f2b; font-weight:700; letter-spacing:-1px;}
.product_search > .wrap > .search_name input {width:220px; height:24px; vertical-align:-3px; border:1px solid #535353; text-indent:5px; font-size:18px; color:#000; font-weight:400;}
.product_search > .wrap > .search_name a.bt_search {display:inline-block; width:70px; height:26px; margin:0 0 0 5px; border:1px solid #535353; background-color:#535353; text-align:center; font-size:16px; color:#fff; font-weight:400; text-decoration:none;}
.product_search > .wrap > .search_name a.bt_all {display:inline-block; width:90px; height:26px; border:1px solid #535353; background-color:#7d7d7d; text-align:center; font-size:16px; color:#fff; font-weight:400; text-decoration:none;}
.product_search > .wrap > .search_material {clear:both;}
.product_search > .wrap > .search_material h2 {display:block; float:left; width:175px; height:100px; text-indent:10px; font-size:20px; color:#2c2f2b; font-weight:700;}
.product_search > .wrap > .search_material a {display:inline-block; height:28px; line-height:27px; margin:0 0 3px 1px; padding:0 35px 0 34px; border:1px solid #535353; font-size:16px; color:#000; font-weight:400; text-decoration:none;}
.product_search > .wrap > .search_material a:hover {border:1px solid #535353; background-color:#535353; color:#fff;}
.product_search > .wrap > .search_material a.on {display:inline-block; height:28px; line-height:27px; margin:0 0 3px 1px; padding:0 35px 0 34px; border:1px solid #535353; background-color:#535353; font-size:16px; color:#fff; font-weight:400; text-decoration:none;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.product_search > .wrap > .search_material a {line-height:28px;}
.product_search > .wrap > .search_material a.on {line-height:28px;}
}
/* 인기상패 */
.recommend_list_wrap {position:relative; clear:both; width:100%; height:430px; margin-top:7px; padding-top:10px; background-color:#f3f5ed; text-align:center;} /* height:840px */
.recommend_list_wrap h1 {display:block; clear:both; width:100%; height:45px; text-align:center; font-size:24px; color:#41693d; font-weight:700;}
/***
.recommend_list {cursor:pointer; position:relative; width:280px; height:365px; border:7px solid #5b825d; background-color:#fff; text-align:left;}
.recommend_list > .tag {position:absolute; top:300px; left:11px; display:inline-block; width:auto; height:22px; line-height:20px; padding:0 8px; background-color:#5b825d; font-size:14px; color:#fff; font-weight:700;}
.recommend_list > .tit {position:absolute; top:330px; left:17px; font-size:16px; color:#333; font-weight:700;}
.recommend_list > .price {position:absolute; top:330px; right:17px; font-size:16px; color:#b47700; font-weight:700;}
***/
.recommend_list {cursor:pointer; position:relative; width:90%; height:auto; padding-bottom:10px; border:4px solid #5b825d; background-color:#fff; text-align:left; overflow:hidden;}
.recommend_list > .thumb {width:100%}
.recommend_list > .thumb img {width:100%; height:auto;}
.recommend_list > .tag {position:relative; top:0; left:10px; display:inline-block; width:auto; height:22px; line-height:20px; padding:0 8px; background-color:#5b825d; font-size:12px; color:#fff; font-weight:700;}
.recommend_list > .tit {position:relative; top:0; left:10px; display:block; font-size:12px; color:#333; font-weight:700;}
.recommend_list > .price {position:relative; top:0; left:10px; display:block; font-size:12px; color:#b47700; font-weight:700;}
/* 위치 */
.recommend_list_wrap2 > .left {position:absolute; z-index:1; top:60px; left:20px; border:7px solid #9bae9c}
.recommend_list_wrap2 > .center {position:absolute; z-index:2; top:60px; left:170px;}
.recommend_list_wrap2 > .right {position:absolute; z-index:1; top:60px; left:325px; border:7px solid #9bae9c}
.recommend_list_wrap > .left2 {position:absolute; z-index:1; top:455px; left:20px; border:7px solid #9bae9c}
.recommend_list_wrap > .center2 {position:absolute; z-index:2; top:455px; left:170px;}
.recommend_list_wrap > .right2 {position:absolute; z-index:1; top:455px; left:325px; border:7px solid #9bae9c}
/* cover */
.recommend_list_wrap2 > .left > .cover {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-color:#000; filter:alpha(opacity=50); opacity:0.5;}
.recommend_list_wrap2 > .center > .cover {display:none;}
.recommend_list_wrap2 > .right > .cover {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-color:#000; filter:alpha(opacity=50); opacity:0.5;}
.recommend_list_wrap > .left2 > .cover {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-color:#000; filter:alpha(opacity=50); opacity:0.5;}
.recommend_list_wrap > .center2 > .cover {display:none;}
.recommend_list_wrap > .right2 > .cover {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-color:#000; filter:alpha(opacity=50); opacity:0.5;}
/* 목록 */
.list_product_stats {clear:both; height:auto; padding-top:25px; text-align:left; font-size:14px; color:#4c4c4c; font-weight:300; letter-spacing:1px;}
.product_list {clear:both; width:100%; height:auto; padding-top:15px;}
.product_list h1 {clear:both; width:340px; height:42px; margin:0 auto 20px auto; line-height:40px; border-radius:100px; overflow:hidden; background:url('../img/product_tit.jpg') no-repeat center top; text-align:center; font-size:26px; color:#fff; font-weight:500; cursor:pointer;}
.product_list ul {clear:both; padding-left:15px;}
.product_list ul li {float:left; width:280px; height:360px; margin:15px 5px 0 5px; border:7px solid #e4eccf; text-align:left;}
.product_thumb {padding-bottom:20px;}
.product_thumb img {width:280px; height:285px;}
.product_title {float:left; padding-left:10px; font-size:20px; color:#333; font-weight:700;}
.product_price {float:right; padding-right:10px; font-size:20px; color:#b47700; font-weight:700;}
/* 페이징 */
.paging {clear:both; width:100%; height:70px; text-align:center; padding-top:40px; line-height:30px;}
.paging a {display:inline-block; min-width:25px; height:30px; padding:0 5px; border:1px solid #e5e5e5; background-color:#f4f4f4; vertical-align:0; font-size:16px; color:#636363; font-weight:400; vertical-align:0;}
.paging a.on {border:1px solid #3c3c3c; background-color:#3c3c3c; color:#fff;}
.paging a.bt_prev {font-family:'Nanum Gothic'; font-size:11px; color:#999; vertical-align:3px;}
.paging a.bt_next {font-family:'Nanum Gothic'; font-size:11px; color:#999; vertical-align:3px;}
/*########################### 상세페이지 ########################### */
/* 좌측 */
.detail_left {float:left; width:600px; margin:0 auto; padding-top:10px;}
.detail_img {clear:both;}
.detail_img img {display:block; width:600px; height:auto;}
.detail_navi {clear:both; width:600px; height:70px; margin:0 auto; padding-top:20px; text-align:center;}
.detail_sns {clear:both; width:600px; height:52px; margin:0 auto; line-height:52px; background:url('../img/detail_thumb.jpg') no-repeat center center; border:1px solid #535353;}
.detail_sns h1 {display:inline-block; padding:0 0px 0 0; vertical-align:11px; text-indent:30px; font-size:18px; color:#333; font-weight:700;}
.detail_sns h2 {display:inline-block; padding-top:7px;}
.detail_sns h3 {display:block; float:right; padding:0; cursor:pointer}
/* 우측 */
.detail_right {float:left; width:600px; margin:0 auto; padding-top:10px;}
.detail_title {clear:both;}
.detail_title h1 {display:block; clear:both; width:100%; height:40px; border-bottom:1px solid #535353; font-size:24px; color:#1a1a1a; font-weight:400;}
.detail_title h2 {display:block; clear:both; padding-top:10px; font-size:20px; color:#272727; font-weight:300;}
.detail_title h2 strong {display:inline-block; padding:2px 0 0 15px; font-size:20px; color:#c9253c; font-weight:400;}
.detail_title h3 {display:block; clear:both; padding-top:10px; font-size:16px; color:#1a1a1d; font-weight:400;}
.detail_option {clear:both; width:600px; margin:0 auto; line-height:31px; margin-top:15px; padding-top:15px; border-top:1px dashed #999;}
.detail_option th {vertical-align:top; width:135px; padding-bottom:15px; background:url('../img/colon.jpg') no-repeat right top; text-align:left; font-size:20px; color:#333; font-weight:300;}
.detail_option td {vertical-align:top; padding-bottom:15px; text-align:left; font-size:20px; color:#333; font-weight:300;}
.detail_option td > input {margin-right:0; }
.bt_minus {vertical-align:-10px;}
.bt_plus {vertical-align:-10px;}
.detail_option td > .amount {width:45px; height:30px; border:1px solid #bfbfbf ;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.detail_option td > .msg {display:inline-block; margin-left:20px; font-size:20px; color:#da690d; font-weight:300; text-decoration:none;}
.detail_option td > strike {display:inline-block; margin-left:50px; font-size:20px; color:#7f7f7f; font-weight:400;}
.detail_option td > strong {display:inline-block; margin-left:15px; font-size:24px; color:#d40000; font-weight:400;}
.detail_summary {clear:both; line-height:24px; margin-bottom:40px; padding:10px 0; border-top:1px dashed #999; border-bottom:1px dashed #999; font-size:16px; color:#353535; font-weight:300;}
/* 주문내역 */
.detail_order {position:relative; clear:both; width:100%; height:auto; margin-top:10px; padding-top:20px; text-align:center; border-top:1px dashed #999;}
.detail_order h1 {display:block; width:220px; height:77px; line-height:50px; text-indent:25px; background:url('../img/detail_order_title.jpg') no-repeat left top; text-align:left; font-size:18px; color:#fff; font-weight:700}
.detail_order h2 {position:absolute; top:23px; right:155px; line-height:22px; text-align:left; font-size:18px; color:#000; font-weight:300;}
.detail_order h3 {position:absolute; top:26px; right:20px; margin:0 0 0 10px;}
.detail_order_cell_top {clear:both; border-top:2px solid #626262;}
.detail_order_cell {clear:both; width:600px; margin:0 auto; padding:5px 0; vertical-align:middle; border-bottom:1px dashed #c0c0c0; text-align:left; font-size:16px; color:#323232; font-weight:300;}
.detail_order_cell img {vertical-align:-22px}
.detail_order_cell input {margin-right:6px; padding:15px; border:1px solid #bebebe; vertical-align:0; font-size:20px; color:#616161; font-weight:500; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.detail_order_cell textarea {width:100%; height:180px; padding:15px; border:1px solid #bebebe; vertical-align:0; font-size:20px; color:#616161; font-weight:500; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.detail_order_cell > select,
.detail_order_cell > option {height:59px; margin-top:6px; padding-left:15px; border:1px solid #bebebe; vertical-align:0; font-size:20px; color:#616161; font-weight:500; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.detail_order_cell > .black {font-size:16px; color:#323232; font-weight:300;}
.detail_order_cell > .txt1 {display:inline-block; padding-bottom:5px; font-size:14px; color:#323232; font-weight:300;}
.detail_order_cell > .txt2 {display:inline-block; padding-bottom:5px; font-size:14px; color:#da690d; font-weight:300; letter-spacing:1px;}
.detail_order_cell > .txt3 {font-size:16px; color:#da690d; font-weight:300; letter-spacing:1px;}
.detail_order_cell > .txt4 {display:block; padding:5px 0 10px 0; font-size:16px; color:#323232; font-weight:300; letter-spacing:1px;}
.detail_order_cell > .txt4 strong {vertical-align:0; font-size:16px; color:#da690d !important; font-weight:300;}
.detail_order_cell > .txt5 {display:block; padding:5px 0 10px 0; font-size:20px; color:#616161; font-weight:500;}
.detail_order_cell > .file {width:420px;}
.detail_order_cell > .file2 {width:508px;}
.detail_order_cell > .input {width:100%; margin-right:20px;}
.detail_order_cell > .checkbox {vertical-align:0; margin-right:10px;}
.detail_order_cell_1 {clear:both; padding:4px 0; text-align:left; font-size:20px; color:#333; font-weight:500;}
.detail_order_cell_2 {clear:both; padding:4px 0; text-align:left; font-size:16px; color:#777; font-weight:300; line-height:25px; border-bottom:1px dashed #c0c0c0;}
/* 주문내역 버튼 */
.detail_guide_bt {clear:both; width:100%; height:100px; padding-top:20px; text-align:center;}
.detail_guide_bt > .bt_buy {display:inline-block; width:180px; height:60px; line-height:57px; border-radius:100px 0 0 100px; background-color:#e74700; text-align:center; font-size:20px; color:#fff; font-weight:500; letter-spacing:1px;}
.detail_guide_bt > .bt_cart {display:inline-block; width:140px; height:60px; line-height:57px; background-color:#2da100; text-align:center; font-size:20px; color:#fff; font-weight:500; letter-spacing:1px;}
.detail_guide_bt > .bt_shopping {display:inline-block; width:180px; height:60px; line-height:57px; border-radius: 0 100px 100px 0; background-color:#006da0; text-align:center; font-size:20px; color:#fff; font-weight:500; letter-spacing:1px;}
/* 카카오톡으로 주문하기 */
.bt_kakaotalk_order {clear:both; width:100%; height:150px; text-align:center; font-size:23px; color:#333; font-weight:500}
.bt_kakaotalk_order a {display:block; width:405px; margin:15px auto 0 auto; height:47px; border:1px solid #695a5b; border-radius:17px; overflow:hidden; background:url('../img/bt_kakaotalk_order.jpg') no-repeat center top; text-align:left; font-size:18px; color:#fff; font-weight:500; text-indent:125px; line-height:45px;}
/* 상세안내 */
.explanation {clear:both; width:600px; margin:0 auto;}
.explanation_tab {clear:both; width:100%;}
.explanation_tab li {cursor:pointer; display:block; float:left; height:48px; font-weight:400; line-height:45px; margin-left:-1px; border:1px solid #a3a3a3; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.explanation_tab li.on {background-color:#323232 !important; color:#fff !important;}
.explanation_tab li.on a {color:#fff;}
.explanation_tab li:first-child {width:100px;}
.explanation_tab li:nth-child(2) {width:100px;}
.explanation_tab li:nth-child(3) {width:160px; font-weight:700;}
.explanation_tab li:nth-child(4) {width:143px;}
.explanation_tab li:nth-child(5) {width:100px; line-height:18px; padding-top:6px; background-color:#0054a6; color:#fff;}
.explanation_cont {clear:both; width:600px; margin:0 auto; padding:30px 0 0 0;}
#myframe1 {display:block;}
#myframe2 {display:none;}
#myframe3 {display:none;}
#myframe4 {display:none;}
#myframe5 {display:none; width:100%;}
.explanation_cont_1 {clear:both; text-align:left; padding-bottom:50px; font-size:18px; color:#353535; font-weight:400; line-height:30px;}
.explanation_cont_1 img {clear:both; display:block; margin-top:60px;}
.explanation_cont_2 {clear:both; text-align:left; padding-bottom:50px; font-size:18px; color:#353535; font-weight:400; line-height:30px;}
.explanation_cont_2 img {clear:both; display:block; width:100%; height:auto;}
.explanation_cont_3 {clear:both; text-align:left; padding-bottom:50px; font-size:18px; color:#353535; font-weight:400; line-height:30px;}
.explanation_cont_3 h1 {display:block; height:auto; margin-top:20px; padding:0 0 10px 30px; background:url('../img/bullet.jpg') no-repeat left 4px;; font-size:18px; color:#768e00; font-weight:700; line-height:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.explanation_cont_3 h4 {display:block; padding-left:30px; font-size:18px; color:#313131; font-weight:400; line-height:30px;}
.explanation_cont_3 h2 {display:block; clear:both; width:100%; text-align:center; padding-top:20px;}
.explanation_cont_3 h2 img {clear:both; margin:0 auto;}
.explanation_cont_4 {clear:both; width:100%; padding-bottom:50px; overflow:hidden; text-align:left; font-size:18px; color:#353535; font-weight:400; line-height:30px;}
.explanation_cont_4 img {clear:both; display:block; margin-top:30px;}
.explanation_cont_4 ul {clear:both; width:100%; padding-top:10px;}
.explanation_cont_4 li {clear:both; width:100%; padding:30px 0; border-top:1px solid #efefef; text-align:left; font-size:16px; color:#353535; font-weight:300; line-height:24px; letter-spacing:1px;}
.explanation_cont_4 li:first-child {border-top:none}
.explanation_cont_4 li img {float:left; margin:0 20px 35px 0;}
/* 사용후기 */
.detail_ps {clear:both; width:600px; margin:0 auto; padding:0; text-align:center;}
.detail_ps ul {clear:both; width:100%; padding:0; text-align:center;}
.detail_ps li{position:relative; clear:both; width:100%; height:150px; margin:0 auto; padding:15px 0 0 0; border-top:1px dashed #7d7d7d; text-align:left;}
.detail_ps li:first-child{border-top:none;}
.detail_ps_thumb {position:absolute; top:20px; left:0}
.detail_ps_thumb img {width:95px; height:auto;border:1px solid #bfbfbf;}
.detail_ps_title {clear:both; padding-left:125px; font-size:20px; color:#353535; font-weight:500;}
.detail_ps_name {clear:both; padding-left:125px; padding-top:5px; font-size:16px; color:#808080; font-weight:300;}
.detail_ps_text {clear:both; padding-left:125px; padding-top:5px; font-size:16px; color:#353535; font-weight:300; line-height:24px;}
/*########################### 시안작업 ########################### */
.situation_search {clear:both; width:100%; height:60px; line-height:60px; margin-top:10px; text-align:right; font-size:18px; color:#4b4b4d; font-weight:400; letter-spacing:1px;}
.situation_search img {vertical-align:-3px;}
.situation_search > .input {border:1px solid #d2d5d9; display:inline-block; width:245px; height:30px; margin:0 4px 0 10px; font-size:18px; color:#333; font-weight:400;}
.situation_search > .bt {vertical-align:2px; display:inline-block; width:77px; height:36px; line-height:33px; background-color:#4b4b4d; text-align:center; font-size:18px; color:#fff; font-weight:400; letter-spacing:1px;}
.situation_list {clear:both; width:100%;}
.situation_list table {clear:both; width:100%; margin:0 auto;}
.situation_list table th {height:53px; line-height:53px; text-align:center; font-size:18px; color:#fff; font-weight:400; border-right:2px solid #fff;}
.situation_list table th:first-child {background-color:#4b4b4d}
.situation_list table th:nth-child(2) {background-color:#4b4b4d}
.situation_list table th:nth-child(3) {background-color:#57b846; width:332px;}
.situation_list table th:nth-child(4) {background-color:#ff5d65; width:75px; border-right:none;}
.situation_list table td {padding:10px 0; text-align:center; font-size:18px; color:#4d4d4d; font-weight:400;}
.situation_list table td > .situation span {display:inline-block; width:75px; height:53px; margin-left:-6px; padding:0 3px; line-height:53px; border:1px solid #57b846; background-color:#fff; text-align:center; font-size:16px; color:#4c4c4c; font-weight:400;}
.situation_list table td > .situation span.on {background-color:#57b846; color:#fff; font-weight:400;margin-left:-6px;}
.situation_list table td > .situation a.more {display:inline-block; width:75px; height:53px; line-height:53px; border:1px solid #ff7b8a; background-color:#ff7b8a; text-align:center; font-size:16px; color:#fff; font-weight:400;}
.situation_list table td.division {height:1px; padding:0; overflow:hidden; border-top:1px dashed #626262;}
.situation_list table td.division_last {height:1px; padding:0; overflow:hidden; border-top:1px solid #7d7d7d;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.situation_list table td > .situation span {line-height:25px;}
.situation_list table td > .situation a.more {line-height:25px;}
}
/*########################### 마이페이지 ########################### */
.mypage_top_warp {clear:both; width:100%; padding-top:25px;}
.mypage_top {position:relative; clear:both; width:100%; height:158px; margin-bottom:25px; border-radius:12px; text-align:left;}
.mypage_top h1 {width:239px; height:150px; margin:3px 0 0 3px; overflow:hidden; border-radius:10px 0 0 10px; border:1px solid #f2f4f7;}
.mypage_top h2 {position:absolute; top:15px; right:10px; font-size:24px; color:#343434; font-weight:300; width:330px;}
.mypage_top h3 {position:absolute; top:50px; right:10px; font-size:17px; color:#343434; font-weight:300; width:330px;}
.mypage_top h3 strong {font-weight:400;}
.mypage_top h3 u {font-weight:400; color:#4272d7; text-decoration:none;}
.mypage_top h3 a {display:block; margin-left:0; margin-top:10px; width:130px; height:35px; line-height:31px; background-color:#363636; text-align:center; font-size:18px; color:#fff; font-weight:300; letter-spacing:1px; text-decoration:none;}
.mypage {clear:both; width:100%; margin-top:10px; padding-bottom:45px; text-align:center;}
.mypage_search {clear:both; width:100%; height:60px; line-height:60px; margin-top:10px; text-align:right; font-size:18px; color:#4b4b4d; font-weight:400; letter-spacing:1px;}
.mypage_search img {vertical-align:-3px;}
.mypage_search > .input {border:1px solid #d2d5d9; display:inline-block; width:245px; height:30px; margin:0 4px 0 10px; font-size:18px; color:#333; font-weight:400;}
.mypage_search > .bt {vertical-align:2px; display:inline-block; width:77px; height:36px; line-height:33px; background-color:#4b4b4d; text-align:center; font-size:18px; color:#fff; font-weight:400; letter-spacing:1px;}
.mypage_list {clear:both; width:100%;}
.mypage_list table {clear:both; width:100%; margin:0 auto;}
.mypage_list table th {height:53px; line-height:53px; text-align:center; font-size:18px; color:#fff; font-weight:400; border-right:2px solid #fff;}
.mypage_list table th:first-child {background-color:#4b4b4d}
.mypage_list table th:nth-child(2) {background-color:#4b4b4d}
.mypage_list table th:nth-child(3) {background-color:#6d93e1; width:332px;}
.mypage_list table th:nth-child(4) {background-color:#ff5d65; width:75px; border-right:none;}
.mypage_list table td {padding:10px 0; text-align:center; font-size:18px; color:#4d4d4d; font-weight:400;}
.mypage_list table td > .situation span {display:inline-block; width:75px; height:53px; margin-left:-6px; padding:0 3px; line-height:53px; border:1px solid #a0a0a0; background-color:#fff; text-align:center; font-size:16px; color:#4c4c4c; font-weight:400;}
.mypage_list table td > .situation span.on {border:1px solid #6d93e1 !important; background-color:#6d93e1; color:#fff; font-weight:400;margin-left:-6px;}
.mypage_list table td > .situation a.more {display:inline-block; width:75px; height:53px; line-height:53px; border:1px solid #ff7b8a; background-color:#ff7b8a; text-align:center; font-size:16px; color:#fff; font-weight:400;}
.mypage_list table td.division {height:1px; padding:0; overflow:hidden; border-top:1px dashed #626262;}
.mypage_list table td.division_last {height:1px; padding:0; overflow:hidden; border-top:1px solid #7d7d7d;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.mypage_list table td > .situation span {line-height:25px;}
.mypage_list table td > .situation a.more {line-height:25px;}
}
#member_modify {display:none}
.member_desc {clear:both; width:100%; margin-top:10px; padding:10px 0 25px 0; border:1px solid #edf0eb; background-color:#fff; text-align:center;}
.member_desc table {clear:both; width:98%; margin:0 auto; margin-bottom:5px; border:1px solid #edf0eb;}
.member_desc th {width:130px; padding:10px 0 10px 30px; border-right:1px solid #edf0eb; background-color:#f6f7f5; text-align:left; font-size:18px; color:#4c4c4c; font-weight:300; letter-spacing:1px;}
.member_desc th.require {background:#f6f7f5 url('../img/require2.jpg') no-repeat left center;}
.member_desc td {padding:5px 0 5px 30px; text-align:left; font-size:18px; color:#4c4c4c; font-weight:300; letter-spacing:1px; line-height:24px;}
.member_desc td .bt_overlap {display:inline-block; margin:0 40px 0 10px; vertical-align:-9px;}
.member_desc td > div.radio {padding:0 40px 10px 0;}
.member_desc td > div.radio input {margin-right:10px;}
.member_desc td .bt_zip {display:inline-block; margin:0 0 0 10px; vertical-align:-9px;}
.member_desc td input[type="text"]{height:26px; border:1px solid #dadbd9;}
.member_desc td input[type="password"]{height:26px; border:1px solid #dadbd9;}
.member_desc td textarea {width:96%; height:160px; border:1px solid #dadbd9;}
.member_desc td > span.txt1 {display:inline-block; padding:0 20px 0 50px; background:url('../img/require3.jpg') no-repeat left center;}
.member_desc td > span.txt2 {display:block; padding:0 0 10px 0; color:#7292e4;}
.member_desc td > .input1 {width:96%}
.member_desc td > .input2 {width:90px}
.member_desc td > .input3 {width:40%}
.member_desc td > .pl15 {display:block; padding-left:0px !important}
.member_bt {clear:both; width:100%; padding-top:20px; text-align:center;}
.member_bt a {display:inline-block; width:200px; height:50px; line-height:50px; background-color:#959595; text-align:center; font-size:18px; color:#fff; font-weight:400; letter-spacing:1px;}
.member_bt a:first-child {background-color:#6d93e1;}
/*########################### 시안확인 ########################### */
.proposal_wrap {clear:both; width:100%; margin-top:25px; padding-bottom:40px;}
.proposal_notice {clear:both;}
.proposal_notice h1 {clear:both; padding-top:35px; height:40px; font-size:24px; color:#4b4b4d; font-weight:400; letter-spacing:2px;}
.proposal_notice h2 {clear:both; height:120px; padding-top:20px; line-height:30px; font-size:18px; color:#4b4b4d; font-weight:400; letter-spacing:1px;}
.proposal_notice h2 strong {font-size:18px; color:#de1010; font-weight:700; letter-spacing:1px;}
.proposal_notice h2 u {font-size:18px; color:#de1010; font-weight:400; letter-spacing:1px; text-decoration:none;}
.proposal_notice input[type='text'] {vertical-align:3px; width:150px; height:35px; margin-right:5px; border:1px solid #4b4b4d; text-indent:10px; font-size:14px; color:#333; font-weight:300;}
.proposal {clear:both; padding-top:30px}
.proposal h1 {clear:both; height:45px; font-size:24px; color:#4b4b4d; font-weight:500; letter-spacing:2px;}
.proposal h2 {display:block; float:left;}
.proposal h2 img {display:block; float:left; width:145px; height:125px;}
.proposal_tb1 {float:right; width:445px; border-top:1px solid #7d7d7d; border-left:1px solid #7d7d7d;}
.proposal_tb1 th {padding:9px 0; border-bottom:1px solid #7d7d7d; border-right:1px solid #7d7d7d; background-color:#eee; text-align:center; font-size:14px; color:#4b4b4d; font-weight:300; letter-spacing:1px;}
.proposal_tb1 td {padding:9px 0; border-bottom:1px solid #7d7d7d; border-right:1px solid #7d7d7d; background-color:#fff; text-align:center; font-size:14px; color:#4b4b4d; font-weight:300; letter-spacing:1px;}
.proposal_tb1 td a {font-size:14px; color:#4b4b4d; letter-spacing:1px;}
.proposal_tb1 td b {font-weight:500;}
.proposal_tb1 td.price {padding:15px 0;}
.proposal_tb2 {clear:both; width:100%}
.proposal_tb2 th {padding:30px 0 0 0; width:100%; overflow:hidden; text-align:center}
.proposal_tb2 td {padding:20px 0 40px 0; font-size:18px; color:#4b4b4d; font-weight:400; letter-spacing:1px; line-height:30px;; text-align:center}
.proposal_tb2 td a {display:inline-block; width:178px; height:38px; line-height:38px; margin-top:10px; background-color:#4b4b4d; text-align:center; font-size:16px; color:#fff; font-weight:500; letter-spacing:1px; border-radius:100px;}
.proposal_bt_del {cursor:pointer; display:inline-block; width:178px; height:38px; line-height:38px; margin-top:10px; background-color:#FF0000; text-align:center; font-size:16px; color:#fff; font-weight:500; letter-spacing:1px; border-radius:100px;}
.proposal_file {clear:both;}
.proposal_file input {width:325px; height:39px; margin-right:10px; border:1px solid #4b4b4d; text-indent:10px; font-size:14px; color:#333; font-weight:300; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.proposal_file a {vertical-align:-14px; display:inline-block; width:120px; height:39px; overflow:hidden; margin:0; padding:0; background-color:#4f4f51; border:none; text-align:center; font-size:16px; color:#fff; font-weight:400; line-height:39px;}
.proposal_memo {position:relative; clear:both; padding:10px 0 0 0; height:270px;}
.proposal_memo strong {display:block; clear:both; height:auto; padding:10px 0 5px 0; font-size:16px; font-weight:400;}
.proposal_memo textarea {float:left; width:435px; height:200px; margin-right:10px; border:1px solid #4b4b4d; font-size:14px; color:#333; font-weight:300; line-height:24px;}
.proposal_memo button {display:block; float:right; width:148px; height:102px; overflow:hidden; margin:0; padding:78px 0 0 0; background-color:#4f4f51; border:none; text-align:center; font-size:16px; color:#fff; font-weight:400; line-height:24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.proposal_account {clear:both; width:600px; height:85px; margin-top:30px; border-radius:0 100px 100px 0; background-color:#4b4b4d;}
.proposal_account span {display:block; padding:17px 0 0 25px; font-size:16px; color:#fff; font-weight:400; letter-spacing:1px; line-height:26px;}
.proposal_delivery {clear:both;}
.proposal_delivery h1 {clear:both; padding-top:45px; height:40px; font-size:24px; color:#4b4b4d; font-weight:400; letter-spacing:2px;}
.proposal_tb3 {clear:both; width:100%; border-top:1px solid #7d7d7d; border-left:1px solid #7d7d7d;}
.proposal_tb3 th {width:135px; padding:7px 0; border-bottom:1px solid #7d7d7d; border-right:1px solid #7d7d7d; background-color:#eee; text-align:center; font-size:14px; color:#4b4b4d; font-weight:300; letter-spacing:1px;}
.proposal_tb3 td {padding:7px 0; border-bottom:1px solid #7d7d7d; border-right:1px solid #7d7d7d; background-color:#fff; text-align:left; text-indent:30px; font-size:14px; color:#4b4b4d; font-weight:300; letter-spacing:1px;}
.proposal_tb4 {clear:both; width:100%; border-top:1px solid #7d7d7d; border-left:1px solid #7d7d7d;}
.proposal_tb4 th {width:135px; padding:7px 0; border-bottom:1px solid #7d7d7d; border-right:1px solid #7d7d7d; background-color:#eee; text-align:center; font-size:14px; color:#4b4b4d; font-weight:300; letter-spacing:1px;}
.proposal_tb4 td {padding:7px 0; border-bottom:1px solid #7d7d7d; border-right:1px solid #7d7d7d; background-color:#fff; text-align:center; font-size:14px; color:#4b4b4d; font-weight:300; letter-spacing:1px;}
.proposal_payment {clear:both;}
.proposal_payment h1 {clear:both; padding-top:45px; height:40px; font-size:24px; color:#4b4b4d; font-weight:400; letter-spacing:2px;}
.proposal_payment h2 {clear:both; padding-top:10px; font-size:14px; color:#d23d3d; font-weight:400; letter-spacing:1px;}
.proposal_bt {clear:both; width:100%; height:auto; padding-bottom:40px; text-align:center;}
.proposal_bt h1 {clear:both; height:50px; font-size:24px; color:#d23d3d; font-weight:400; letter-spacing:1px;}
.proposal_bt h2 {clear:both; padding-top:10px; font-size:18px; color:#4b4b4d; font-weight:400; letter-spacing:1px;}
/*########################### 주문하기 ########################### */
.order {clear:both; width:100%; height:175px; margin-top:20px; padding:5px 0 20px 0; border-top:1px solid #edf0eb; border-bottom:1px solid #edf0eb; background-color:#fff; text-align:center;}
.order table {clear:both; width:98%; margin:0 auto;}
.order table th {padding:7px 0; border:1px solid #dadbd9; background-color:#e4e6e3; text-align:center; font-size:14px; color:#616161; font-weight:500; letter-spacing:1px;}
.order table td {position:relative; padding:5px 0; text-align:center; font-size:14px; color:#4c4c4c; font-weight:300; letter-spacing:0; line-height:24px;}
.order table td h1 {position:relative; top:0; left:10px;}
.order table td h1 img {width:55px; height:40px;}
.order table td.divison {clear:both; width:100%; height:1px; padding:0; overflow:hidden; border-top:1px solid #dadbd9;}
.order table td input[type="text"] {border:1px solid #d2d5d9; width:34px; height:19px; line-height:19px; vertical-align:-2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.order table td button {display:inline-block; width:34px; height:19px; line-height:19px; margin:0; padding:0; background-color:#4f4f51; border:none; text-align:center; font-size:12px; color:#fff; font-weight:400;}
.order dl {float:right; width:250px; height:50px; padding:10px 0;}
.order dl dt {float:left; width:85px; height:25px; background:url('../img/colon2.jpg') no-repeat right top; text-align:left; font-size:14px; color:#4c4c4c; font-weight:700; letter-spacing:1px;}
.order dl dd {float:left; width:165px; height:25px; text-align:right; font-size:14px; color:#4c4c4c; font-weight:700; letter-spacing:1px;}
.order dl dd strong {font-size:14px; color:#c41111; font-weight:700; letter-spacing:1px;}
.order_tit {clear:both; height:30px; padding-top:35px; height:35px; text-align:left; font-size:18px; color:#4c4c4c; font-weight:700; letter-spacing:1px;}
.order_desc {clear:both; width:98%; background-color:#fff; text-align:center;}
.order_desc h1 {display:block; clear:both; width:100%; padding:10px 0 20px 0; text-align:left; font-size:14px; color:#4c4c4c; font-weight:300; letter-spacing:1px;}
.order_desc h1 input {margin-right:20px;}
.order_desc table {clear:both; width:100%; margin:0 auto;}
.order_desc table th {width:170px; padding:7px 0; border:1px solid #edf0eb; background-color:#f6f7f5; text-align:left; text-indent:15px; font-size:17px; color:#616161; font-weight:500;}
.order_desc table td {padding:7px 0 7px 20px; text-align:left; font-size:17px; color:#4c4c4c; font-weight:400; letter-spacing:1px; line-height:24px;}
.order_desc table td.divison {height:5px; padding:0; overflow:hidden; border:none}
.order_desc table td > span.year {display:inline-block; width:145px; text-align:right}
.order_desc table td > span.month {display:inline-block; width:90px; text-align:right}
.order_desc table td > span.date {display:inline-block; width:90px; text-align:right}
.order_desc table td > div.zip {padding-bottom:5px;}
.order_desc table td > div.zip img {vertical-align:-9px;}
.order_desc table td img {vertical-align:0;}
.order_desc table td.group {line-height:40px; letter-spacing:-1px;}
.order_desc table td > span.radio1 {display:inline-block; padding-right:0;}
.order_desc table td > span.radio1 input {margin-right:5px;}
.order_desc table td > span.radio2 {display:inline-block; padding-right:60px;}
.order_desc table td > span.radio2 input {margin-right:10px;}
.order_desc table td > span.stit1 {display:inline-block; width:100px;}
.order_desc table td > span.stit2 {display:inline-block; width:57px; text-align:center;}
.order_desc table td input[type="text"] {height:26px; border:1px solid #dadbd9;}
.order_desc table td select {height:26px; border:1px solid #dadbd9;}
.order_desc table td .input1 {width:220px;}
.order_desc table td .input2 {width:135px;}
.order_desc table td .input3 {width:110px;}
.order_desc table td .input4 {width:60px;}
.order_desc table td .input5 {width:250px;}
.order_desc table td .input6 {width:70px;}
.order_desc table td .input7 {width:40px;}
.order_desc table td .input8 {width:120px;}
.order_desc table td .input9 {width:284px;}
.order_desc table td .input10 {width:110px;}
.order_desc table td .input11 {width:120px;}
.order_desc table td .input12 {width:160px;}
.order_desc table td .input13 {width:135px;}
.order_desc table td .input14 {width:240px;}
.order_desc table td .input15 {width:220px;}
.order_desc table td .input16 {width:100px;}
.order_desc table td .input17 {width:157px;}
.order_desc table td textarea {width:385px; height:80px; border:1px solid #dadbd9;}
.order_desc table td select {width:355px; text-indent:15px; font-size:14px; color:#4c4c4c; font-weight:300; }
.order_desc2 {position:relative; clear:both; width:100%; height:auto; text-align:center; }
.order_desc2_cell h1 {clear:both; display:block; height:auto; padding:5px 0; font-size:25px; color:#616161; font-weight:500;}
.order_desc2_txt {display:block; clear:both; width:100%; padding:0 0 10px 0; text-align:left; font-size:14px; color:#4c4c4c; font-weight:300; letter-spacing:1px;}
.order_desc2_txt input {margin-right:10px;}
.order_desc2_cell_top {clear:both; border-top:2px solid #626262;}
.order_desc2_cell {clear:both; width:600px; margin:0 auto; padding:5px 0; vertical-align:middle; border-bottom:1px dashed #c0c0c0; text-align:left; font-size:20px; color:#616161; font-weight:500;}
.order_desc2_cell textarea {width:100%; height:180px; padding:15px; border:1px solid #bebebe; vertical-align:0; font-size:20px; color:#616161; font-weight:500; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.order_desc2_cell > select,
.order_desc2_cell > option {height:59px; margin-top:5px; padding-left:15px; border:1px solid #bebebe; vertical-align:0; font-size:20px; color:#616161; font-weight:500; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.order_desc2_cell > .w100,
.order_desc2_cell > .w100 > option {width:100%;}
.order_desc2_cell input[type='text'] {vertical-align:0; margin-right:6px; height:60px; border:1px solid #bebebe; vertical-align:0; font-size:20px; color:#616161; font-weight:500; text-indent:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.order_desc2_cell > .input1 {width:100%;}
.order_desc2_cell > .input2 {width:71%;}
.order_desc2_cell > .input3 {width:35%;}
.order_desc2_cell > .input4 {width:33%; margin-right:3px !important;}
.order_desc2_cell > .input5 {width:33%; float:right; margin-right:0 !important;}
.order_desc2_cell > .input6 {width:45%;}
.order_desc2_cell > .input7 {width:48%; float:right; margin-right:0 !important;}
.order_desc2_bt1 {width:28%; height:60px; float:right; background-color:#555; font-size:18px; color:#fff; font-weight:500; line-height:58px; text-align:center;}
.order_desc2_bt2 {width:28%; height:60px; float:right; background-color:#555; font-size:18px; color:#fff; font-weight:500; line-height:58px; text-align:center;}
.order_bt {clear:both; width:100%; padding:50px 0 30px 0; text-align:center;}
.order_bt a {display:inline-block; width:196px; height:45px; line-height:45px; border:1px solid #434343; background-color:#fff; text-align:center; font-size:18px; color:#434343; font-weight:400; letter-spacing:1px;}
.order_bt a:first-child {display:inline-block; width:196px; height:45px; line-height:45px; border:1px solid #434343; background-color:#434343; text-align:center; font-size:18px; color:#fff; font-weight:400; letter-spacing:1px;}
.order_result {clear:both; width:98%; margin:25px auto 0 auto; padding:30px 0; border-radius:12px; border:1px solid #e8eaed; background-color:#fff; text-align:center; font-size:18px; color:#555; font-weight:400; letter-spacing:1px; line-height:28px;}
.order_result strong {vertical-align:0; font-size:18px; color:#000; font-weight:500;}
.order_result h1 {display:inline-block; vertical-align:0; font-size:18px; color:#08c; font-weight:500;}
.order_result h2 {display:inline-block; vertical-align:0; font-size:18px; color:#f60; font-weight:500;}
.order_result a.blue {display:block; clear:both; width:210px; height:50px; line-height:50px; margin:20px auto 0 auto; background-color:#6d93e1; font-size:18px; color:#fefefe; font-weight:400; letter-spacing:2px;}
.order_result a.green {display:block; clear:both; width:210px; height:50px; line-height:50px; margin:20px auto 0 auto; background-color:#63c76a; font-size:18px; color:#fefefe; font-weight:400; letter-spacing:2px;}
/*########################### 카톡이랑 ########################### */
.kakaotalk {text-align:left; font-size:18px; color:#4c4c4c; font-weight:300; letter-spacing:1px; line-height:32px;}
.kakaotalk h1 {display:block; clear:both; padding:50px 0 0 0; height:auto; font-size:22px; color:#4c4c4c; font-weight:500; letter-spacing:1px; line-height:30px;}
.kakaotalk h2 {display:block; clear:both; height:auto; padding:30px 0 20px 0; font-size:20px; color:#333; font-weight:400; letter-spacing:1px}
/*########################### 개인정보 ########################### */
.policy_wrap {clear:both; width:100%; height:auto; margin-top:35px; padding:30px 20px 40px 20px; border:1px solid #edf0eb; background-color:#fff; text-align:left; font-size:14px; color:#4c4c4c; font-weight:300; letter-spacing:1px; line-height:24px; word-break: keep-all;}
/*########################### 로그인 ########################### */
.login_wrap {clear:both; width:100%; padding:15px 0 25px 0; text-align:left;}
.login_img {clear:both;}
.login_box {clear:both; width:100%; margin-top:50px;}
.login_box h1 {clear:both; width:100%; height:65px; line-height:65px; border-radius:20px 50px 0 0; border:1px solid #7d7d7d; border-bottom:3px solid #7d7d7d; text-indent:20px; font-size:18px; color:#262626; font-weight:400; letter-spacing:2px;}
.login_box h1 strong {font-size:18px; color:#17751d; font-weight:400; letter-spacing:2px;}
.login_box h1 img {display:inline-block; margin-right:15px; vertical-align:-3px;}
.login_box dl {clear:both; width:100%; height:100px; padding-top:30px; border-bottom:1px solid #b8b8b8;}
.login_box dl dt {float:left; width:95px; height:34px; line-height:34px; text-indent:15px; font-size:18px; color:#0b0b0b; font-weight:400; letter-spacing:1px;}
.login_box dl dd {float:left; width:380px; height:34px; line-height:34px; padding-bottom:8px;}
.login_box dl dd input {width:370px; height:32px; border:1px solid #bfbfbf;}
.login_box dl a {float:right; width:125px; height:79px; line-height:79px; background-color:#45b64c; text-align:center; font-size:24px; color:#fff; font-weight:400; letter-spacing:2px;}
.login_box h2 {clear:both; padding:15px 0 0 15px; font-size:18px; color:#4c4c4c; font-weight:300; letter-spacing:1px; line-height:30px;}
.login_box h2 a {display:inline-block; height:26px; line-height:24px; margin-left:20px; padding:0 15px; background-color:#626262; font-size:18px; color:#fff; font-weight:400; letter-spacing:1px;}
/*########################### 문자메세지 ########################### */
.sms_wrap {display:none; position:fixed; z-index:2000; top:0; left:0; width:100%; height:100%; background:url('../img/sms_bg.png') repeat; text-align:center;}
.sms {overflow: auto; clear:both; width:465px; height:705px; margin:100px auto 0 auto; background-color:#fff; text-align:left;}
.sms_top{position:relative; clear:both; width:100%; height:75px; background-color:#57b846;}
.sms_top h1 {position:absolute; top:6px; left:30px; font-size:22px; color:#fff; font-weight:500; line-height:30px;}
.sms_top img {position:absolute; top:4px; right:4px; cursor:pointer}
.sms_cont {clear:both; padding-left:30px; font-size:14px; color:#4c4c4c; font-weight:300; line-height:24px;}
.sms_cont h2 {clear:both; padding-top:40px; height:35px; font-size:18px; color:#333; font-weight:400;}
.sms_cont h3 {display:block; clear:both; padding:5px 0 0 281px; text-align:left; font-size:14px; color:#333; font-weight:300;}
.sms_cont table {float:left; width:340px; margin-right:8px; border-top:1px solid #ccc8c8; border-left:1px solid #ccc8c8;}
.sms_cont table th {width:130px; padding:9px 0; border-bottom:1px solid #ccc8c8; border-right:1px solid #ccc8c8; background-color:#f6f7f5; text-align:left; text-indent:40px; font-size:14px; color:#333; font-weight:300;}
.sms_cont table td {padding:9px 0; border-bottom:1px solid #ccc8c8; border-right:1px solid #ccc8c8; text-align:left; text-indent:15px; font-size:14px; color:#333; font-weight:300;}
.sms_cont table td input {width:180px; height:22px; border:1px solid #ccc8c8;}
.sms_cont textarea {width:390px; height:90px; margin-top:15px; border:1px solid #ccc8c8;}
.sms_bt {clear:both; width:385px; padding-top:35px; text-align:center;padding-bottom:10px;}
.sms_bt a {display:inline-block; width:160px; height:40px; line-height:40px; margin-bottom:30px; background-color:#57b846; text-align:center; font-size:14px; color:#fff; font-weight:400;}
/*########################### 상패예문 ########################### */
.example_tab {clear:both; width:100%; margin-top:35px; overflow:hidden;}
.example_tab table {clear:both; width:100%; border-left:1px solid #00b26f; border-top:1px solid #00b26f;}
.example_tab td {height:54px; line-height:54px; border:1px solid #00b26f; border-left:none; border-top:none; background-color:#fff; text-align:center; font-size:18px; color:#333; font-weight:400; letter-spacing:1px;}
.example_tab td a {font-size:18px; color:#333; font-weight:400; letter-spacing:1px;}
.example_tab td.on {background-color:#00b26f; font-weight:500;}
.example_tab td.on a {color:#fff; font-weight:500;}
.example {clear:both; width:100%; height:270px; margin:35px 0 0 0; font-size:18px; color:#4c4c4c; font-weight:300; letter-spacing:1px; line-height:24px;}
.example li {float:left; width:100%; height:auto; margin:0 0 20px 0; padding:20px; border:1px solid #bfbfbf; background-color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.example li h1 {display:block; clear:both; width:100%; height:40px; text-align:center; font-size:20px; color:#262626; font-weight:500; letter-spacing:1px;}
.example li h2 {display:block; clear:both; width:100%; padding-top:20px; text-align:center;}
.example li h2 a {display:inline-block; height:32px; line-height:32px; padding:0 20px; font-size:16px; color:#fff; font-weight:400; letter-spacing:1px;}
.example li h2 a:first-child {background-color:#00b26f}
.example li h2 a:nth-child(2) {background-color:#6d93e1}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.example li h2 a {line-height:28px;}
}
.example2 {clear:both; width:100%; height:270px; margin:35px 0 0 0; font-size:18px; color:#4c4c4c; font-weight:300; letter-spacing:1px; line-height:24px;}
.example2 li {float:left; width:100%; height:auto; margin:0 0 20px 0; padding:20px; border:1px solid #bfbfbf; background-color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.example2 li h1 {display:block; clear:both; width:100%; height:40px; text-align:center; font-size:20px; color:#262626; font-weight:500; letter-spacing:1px;}
.example2 li h2 {display:block; clear:both; width:100%; padding-top:20px; text-align:center;}
.example2 li h2 a {display:inline-block; height:32px; line-height:32px; padding:0 20px; font-size:16px; color:#fff; font-weight:400; letter-spacing:1px;}
.example2 li h2 a:first-child {background-color:#00b26f}
.example2 li h2 a:nth-child(2) {background-color:#6d93e1}
/*########################### 아이디비번찾기 ########################### */
.find_desc {position:relative; clear:both; width:100%; height:auto; margin-top:30px; text-align:center;}
.find_desc_cell_top {clear:both; border-top:2px solid #626262;}
.find_desc_cell {clear:both; width:600px; margin:0 auto; padding:5px 0; vertical-align:middle; border-bottom:1px dashed #c0c0c0; text-align:left; font-size:20px; color:#616161; font-weight:500;}
.find_desc_cell input[type='text'] {vertical-align:0; margin-right:6px; height:60px; border:1px solid #bebebe; vertical-align:0; font-size:20px; color:#616161; font-weight:500; text-indent:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.find_desc_cell > .input1 {width:100%;}
.find_desc_cell > .input6 {width:45%;}
.find_desc_cell > .input7 {width:48%; float:right; margin-right:0 !important;}
.find_id {clear:both; width:100%; height:auto; padding-top:25px; border-radius:12px; border:0px solid #e8eaed; background-color:#fff; text-align:center;}
.find_id a {display:inline-block; width:210px; height:40px; line-height:37px; background-color:#6d93e1; font-size:20px; color:#fefefe; font-weight:400; letter-spacing:2px;}
.find_pw {clear:both; width:100%; height:auto; padding-top:80px; border-radius:12px; border:0px solid #e8eaed; background-color:#fff; text-align:center;}
.find_pw a {display:inline-block; width:210px; height:40px; line-height:37px; background-color:#63c76a; font-size:20px; color:#fefefe; font-weight:400; letter-spacing:2px;}
.find_result {clear:both; width:100%; margin-top:35px; padding:40px 0; border-radius:12px; border:1px solid #e8eaed; background-color:#fff; text-align:center; font-size:18px; color:#555; font-weight:300; letter-spacing:1px;}
.find_result strong {vertical-align:0; font-size:18px; color:#f60; font-weight:500;}
.find_result a.blue {display:block; clear:both; width:210px; height:50px; line-height:50px; margin:20px auto 0 auto; background-color:#6d93e1; font-size:18px; color:#fefefe; font-weight:700; letter-spacing:2px;}
.find_result a.green {display:block; clear:both; width:210px; height:50px; line-height:50px; margin:20px auto 0 auto; background-color:#63c76a; font-size:18px; color:#fefefe; font-weight:700; letter-spacing:2px;}
/*########################### 사용후기 ########################### */
/* 목록 */
.postscript {clear:both; width:98%; height:auto; margin:-10px auto -20px auto; text-align:center;}
.postscript ul {clear:both; width:100%; padding:15px 0; text-align:center;}
.postscript li{position:relative; clear:both; width:100%; margin:0 auto; padding:25px 0; border-top:1px dashed #7d7d7d; text-align:left;}
.postscript li:first-child{border-top:none;}
.postscript_thumb {}
.postscript_thumb img {width:120px; height:120px; border:1px solid #bfbfbf;}
.postscript_title {position:absolute; top:25px; left:155px; font-size:24px; color:#353535; font-weight:300; letter-spacing:-1px;}
.postscript_name {position:absolute; top:65px; left:155px; font-size:16px; color:#808080; font-weight:300;}
.postscript_text {position:absolute; top:100px; left:155px; line-height:24px; font-size:16px; color:#353535; font-weight:300;}
/* 뷰어 */
.postscript_view {clear:both; width:98%; margin-top:20px; background-color:#fff; text-align:center; overflow:hidden;}
.postscript_view > div.tit {position:relative; clear:both; width:100%; margin:0 auto; padding:15px 0; border-top:2px solid #333; text-align:center; font-size:16px; color:#333; font-weight:400; letter-spacing:1px;}
.postscript_view > div.tit > div.btn_wrap {clear:both; width:100%; padding-top:10px; text-align:center}
.postscript_view > div.tit > div.btn_wrap a.answer {display:inline-block; width:50px; height:23px; line-height:21px; border-radius:100px; border:1px solid #ddd; text-align:center; font-size:13px; color:#555; font-weight:400; letter-spacing:1px;}
.postscript_view > div.tit > div.btn_wrap a.modify {display:inline-block; width:50px; height:23px; line-height:21px; border-radius:100px; border:1px solid #ddd; text-align:center; font-size:13px; color:#555; font-weight:400; letter-spacing:1px;}
.postscript_view > div.tit > div.btn_wrap a.del {display:inline-block;width:50px; height:23px; line-height:21px; border-radius:100px; border:1px solid #ddd; text-align:center; font-size:13px; color:#555; font-weight:400; letter-spacing:1px;}
.postscript_view > div.info {clear:both; width:98%; margin:0 auto; padding:10px 0 10px 20px; background-color:#f8f8f8; text-align:right; font-size:11px; color:#ccc; font-weight:300; letter-spacing:1px;}
.postscript_view > div.info b {display:inline-block; padding:0 10px 0 10px; vertical-align:-2px; font-size:14px; color:#333; font-weight:300; letter-spacing:1px;}
.postscript_view > div.img {clear:both; width:100%; margin:0 auto; padding:20px 0 0 0; text-align:center;}
.postscript_view > div.cont {clear:both; width:100%; margin:0 auto; min-height:150px; padding:20px 0; border-bottom:1px solid #ccc; text-align:left; font-size:14px; color:#333; font-weight:300; letter-spacing:1px; line-height:24px;}
.postscript_view > div.cont > div.answer {clear:both; width:100%; margin-top:70px; min-height:150px; padding:20px 0; border-top:1px dashed #ccc; text-align:left; font-size:14px; color:#333; font-weight:300; letter-spacing:1px; line-height:24px;}
.postscript_view > div.bt {clear:both; width:100%; margin:0 auto; padding:20px 0; text-align:center;}
.postscript_view > div.bt a.list {display:inline-block; width:150px; height:45px; line-height:45px; border-radius:100px; background-color:#46bd7b; text-align:center; font-size:16px; color:#fff; font-weight:400; letter-spacing:1px;}
.postscript_view > div.reply_list {clear:both; width:98%; margin:3px auto 0 auto; border-top:1px dashed #ddd; text-align:left; font-size:11px; color:#ccc; font-weight:300; letter-spacing:1px;}
.postscript_view > div.reply_list ul {clear:both; width:100%;}
.postscript_view > div.reply_list li {clear:both; width:100%; padding:7px 0; border-bottom:1px dashed #ddd; text-align:left;}
.postscript_view > div.reply_list li > span.subject {display:inline-block; font-size:14px; color:#333; font-weight:300; letter-spacing:1px;}
.postscript_view > div.reply_list li > span.subject > a.del {display:inline-block; border-radius:100px; border:1px solid #ccc; margin-left:10px; padding:1px 5px; font-size:10px; color:#c00; font-weight:500; letter-spacing:1px;}
.postscript_view > div.reply_list li > span.name {float:right; display:inline-block; padding-right:25px; font-size:14px; color:#999; font-weight:300; letter-spacing:1px;}
.postscript_view > div.reply_list li > span.date {float:right; display:inline-block; font-size:14px; color:#999; font-weight:300; letter-spacing:1px;}
.postscript_view > div.reply {position:relative; clear:both; width:100%; margin:20px auto 0 auto; text-align:left; font-size:14px; color:#333; font-weight:300; letter-spacing:1px; line-height:24px;}
.postscript_view > div.reply input[type="text"] {display:block; width:200px; height:25px; border:1px solid #ccc; font-size:14px; color:#333; font-weight:300;}
.postscript_view > div.reply textarea {width:74%; height:98px; margin-top:5px; border:1px solid #ccc; font-size:14px; color:#333; font-weight:300; line-height:24px;}
.postscript_view > div.reply a.ok {position:absolute; top:34px; right:0; width:25%; height:104px; line-height:100px; background-color:#333; text-align:center; font-size:15px; color:#fff; font-weight:400;}
/*########################### 장바구니 ########################### */
.cart {clear:both; width:100%; margin-top:30px; padding-bottom:35px; border-radius:15px; border:1px solid #e8eaed; background-color:#fff; overflow:hidden;}
.cart table {clear:both; width:100%;}
.cart table th {padding:17px 0; background-color:#46bd7b; text-align:center; font-size:14px; color:#fff; font-weight:400;}
.cart table td {position:relative; padding:20px 0; border-bottom:1px dashed #989898; text-align:center; font-size:14px; color:#4c4c4c; font-weight:400;}
.cart table td a {font-size:14px; color:#4c4c4c; font-weight:400;}
.cart table td input[type="text"] {border:1px solid #d2d5d9; width:34px; height:19px; line-height:19px; vertical-align:-3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cart table td button {display:inline-block; width:34px; height:19px; line-height:19px; margin:0; padding:0; background-color:#4f4f51; border:none; text-align:center; font-size:12px; color:#fff; font-weight:400;}
.cart table td h1 {display:inline-block; float:left; margin-left:10px;}
.cart table td h1 img {width:55px; height:40px;}
.cart dl {float:right; width:250px; height:50px; margin:30px 40px 0 0; }
.cart dl dt {float:left; width:85px; height:25px; text-align:left; font-size:14px; color:#4c4c4c; font-weight:400;}
.cart dl dt strong {font-size:18px; font-weight:400;}
.cart dl dd {float:left; width:165px; height:25px; text-align:right; font-size:14px; color:#4c4c4c; font-weight:300;}
.cart dl dd strong {font-size:18px; color:#d43c19; font-weight:500;}
.cart > .bt {float:right; padding:40px 20px 0 0;}
.cart > .bt a {display:inline-block; width:167px; height:39px; line-height:39px; text-align:center; font-size:18px; color:#fff; font-weight:400;}
.cart > .bt a:first-child {background-color:#00b26f;}
.cart > .bt a:nth-child(2) {background-color:#92afec;}
.cart_guide {clear:both; width:100%; height:auto; margin-top:30px; padding:25px; border-radius:15px; border:1px solid #e8eaed; background-color:#fff; font-size:18px; color:#4c4c4c; font-weight:400; line-height:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cart_guide h1 {display:block; clear:both; height:40px; font-size:20px; color:#4c4c4c; font-weight:700;}
/*########################### 회사소개 ########################### */
.company {width:98%; margin:0 auto; padding:30px 0 0 0; font-size:14px; color:#333; font-weight:300; letter-spacing:1px; line-height:24px;}
.company h1 {display:block; height:40px; font-size:18px; color:#2c6ed5; font-weight:400; letter-spacing:1px;}
.company_tb {clear:both; width:100%; height:145px; margin:30px auto 40px auto; border:1px solid #c4d3f6; border-radius:12px; background-color:#fff;}
.company_tb table {margin:13px 0 0 35px}
.company_tb th {width:120px; padding-bottom:6px; text-align:left; font-size:14px; color:#2553b4; font-weight:400; letter-spacing:1px;}
.company_tb td {padding-bottom:6px; text-align:left; font-size:14px; color:#2553b4; font-weight:400; letter-spacing:1px;}
.company dl {clear:both; width:100%; height:90px; line-height:90px; margin:30px auto 0 auto; border:1px solid #c4d3f6; border-radius:12px; background-color:#fff;}
.company dt {float:left; width:110px; border-right:1px solid #c4d3f6; text-align:center; font-size:18px; color:#2553b4; font-weight:400; letter-spacing:1px;}
.company dd {float:left; width:447px; text-align:center; font-size:18px; color:#2553b4; font-weight:400; letter-spacing:2px;}
/*########################### 회원가입 ########################### */
.join_policy {width:100%; height:220px; overflow-y:auto; margin-top:35px; padding:25px; border:1px solid #ededed; background-color:#fff; font-size:14px; color:#4c4c4c; font-weight:300; letter-spacing:1px; line-height:24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.join_policy_check {width:100%; height:90px; padding-top:30px; text-align:center; font-size:18px; color:#4c4c4c; font-weight:300; letter-spacing:1px;}
.join_policy_check input {margin-right:15px; vertical-align:-2px;}
.join_desc {position:relative; clear:both; width:100%; height:auto; text-align:center; }
.join_desc_cell_top {clear:both; border-top:2px solid #626262;}
.join_desc_cell {clear:both; width:600px; margin:0 auto; padding:5px 0; vertical-align:middle; border-bottom:1px dashed #c0c0c0; text-align:left; font-size:20px; color:#616161; font-weight:500;}
.join_desc_cell h1 {padding:5px 0; font-size:25px; color:#616161; font-weight:500;}
.join_desc_cell textarea {width:100%; height:180px; padding:15px; border:1px solid #bebebe; vertical-align:0; font-size:20px; color:#616161; font-weight:500; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.join_desc_cell > select,
.join_desc_cell > option {width:100%; height:59px; margin-top:5px; padding-left:15px; border:1px solid #bebebe; vertical-align:0; font-size:20px; color:#616161; font-weight:500; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.join_desc_cell input[type='text'] {vertical-align:0; margin-right:6px; height:60px; border:1px solid #bebebe; vertical-align:0; font-size:20px; color:#616161; font-weight:500; text-indent:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.join_desc_cell input[type='password'] {vertical-align:0; margin-right:6px; height:60px; border:1px solid #bebebe; vertical-align:0; font-size:20px; color:#616161; font-weight:500; text-indent:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.join_desc_cell > .input1 {width:100%;}
.join_desc_cell > .input2 {width:71%;}
.join_desc_cell > .input3 {width:35%;}
.join_desc_cell > .input4 {width:33%;}
.join_desc_cell > .input5 {width:32%; float:right; margin-right:0 !important;}
.join_desc_cell > .input6 {width:45%;}
.join_desc_cell > .input7 {width:48%; float:right; margin-right:0 !important;}
.join_desc_bt1 {width:28%; height:60px; float:right; background-color:#555; font-size:18px; color:#fff; font-weight:500; line-height:58px; text-align:center;}
.join_desc_bt2 {width:28%; height:60px; float:right; background-color:#555; font-size:18px; color:#fff; font-weight:500; line-height:58px; text-align:center;}
.join_bt {clear:both; width:100%; padding-top:25px; text-align:center;}
.join_bt a {display:inline-block; width:210px; height:50px; line-height:50px; background-color:#959595; text-align:center; font-size:24px; color:#fff; font-weight:400; letter-spacing:1px;}
.join_bt a:first-child {background-color:#6d93e1;}
/* 이용후기 글쓰기 */
.postscript_write {clear:both; width:1100px; margin:40px auto 20px auto; background-color:#fff; border-top:3px solid #46bd7b;}
.postscript_write th {padding:15px 0; border-bottom:1px dashed #ccc; font-size:14px; color:#555; font-weight:400; text-indent:20px; text-align:left; width:190px;}
.postscript_write td {padding:15px 0; border-bottom:1px dashed #ccc; font-size:14px; color:#555; font-weight:400; text-indent:20px; text-align:left;}
.postscript_write td > .red {color:#f55}
.postscript_write td > input {font-size:14px; color:#555; font-weight:400; background-color:#eee; border:none;}
.postscript_write td > textarea {font-size:14px; color:#555; font-weight:400; background-color:#eee; border:none;}
.postscript_write_btn {clear:both; width:1100px; text-align:center; }