/* 작은화면일때 */ @media screen and (max-width:639px) and (min-height:320px) { .contain {width:100%; margin:0 auto} .inner {width:98%; margin:0 auto} .w100 {width:100%; height:auto;} /* font */ .font1 {display:inline-block; padding-left:10px; vertical-align:3px; font-size:12px; color:#c30000; font-weight:400; letter-spacing:1px;} .font2 {display:block; padding:10px 0 10px 5px; height:auto; font-size:12px; color:#c30000; font-weight:400; letter-spacing:0; line-height:18px;} .font3 {display:block; clear:both; padding:10px 10px 0 5px; height:auto; text-align:left; font-size:12px; color:#c30000; font-weight:400; letter-spacing:0; line-height:18px;} .white {color:#ffff !important} .gray {color:#767a7f !important} /* 버튼 */ .bt1 {display:inline-block; padding:0 10px; vertical-align:0; border-radius:100px; background-color:#555; text-align:center; text-indent:0; font-size:12px; color:#fff; font-weight:500;} /*########################### 공통 ########################### */ /* 내용 */ .contents_wrap {position:relative; clear:both; width:100%; height:auto; padding-bottom:25px; } .bg_white {background-color:#fff;} .cont {font-size:14px; color:#353535; font-weight:300; line-height:21px; padding-top:20px;} /* 상단 */ .top {clear:both; width:100%; height:auto; line-height:22px; padding:5px 0 7px 0;background-color:#295c35; text-align:center;} .top a {display:inline-block; font-size:11px; color:#fff; font-weight:700; display:inline-block; margin-left:10px;} .top a:first-child {margin-left:0;} .top strong {color:#eedc00;} /* 로고 */ .logo {clear:both; width:100%; height:40px; text-align:center} .logo img {margin-top:5px; width:180px; height:auto;} /* 헤더 */ .header {position:relative; clear:both; width:100%; height:40px; padding-top:0; } #cate_open {cursor:pointer; position:absolute; top:0; left:0; display:inline-block; width:60px; height:30px; line-height:28px; border-radius:8px; background-color:#4480c4; text-align:center; font-size:12px; color:#fff; font-weight:700;} /*#cate_close {cursor:pointer; position:absolute; top:0; left:0; display:inline-block; width:60px; height:30px; line-height:28px; border-radius:8px; background-color:#4480c4; text-align:center; font-size:12px; color:#fff; font-weight:700;}*/ .bt_words {position:absolute; top:0; right:0; display:inline-block; width:60px; height:30px; line-height:28px; border-radius:8px; background-color:#4480c4; text-align:center; font-size:12px; color:#fff; font-weight:700;} .search {position:relative; width:50%; height:28px; margin:0 auto; border:1px solid #397c5f; text-align:center; overflow:hidden;} .search input {position:absolute; top:2px; left:5px; width:100px; height:20px; border:none; font-size:12px; color:#9c9c9c; font-weight:700; background-color:transparent} .search img {position:absolute; top:0; right:0; display:block; width:auto; height:28px;} /* 전체메뉴 */ #cate_close {cursor:pointer; position:absolute; top:0; left:0; display:inline-block; width:60px; height:30px; line-height:28px; border-radius:8px; background-color:#4480c4; text-align:center; font-size:12px; color:#fff; font-weight:700;} #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:120px; left:5px; clear:both;} #cate a {display:block; clear:both; width:115px; height:26px; line-height:26px; margin-top:-1px; border:1px solid #5b997e; background-color:#fff; font-size:12px; 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:120px;} #cate_sub_wrap div {position:absolute; left:122px; background:url('../img/cate_arrow.png') no-repeat top left;} #cate_sub_wrap div a {display:block; clear:both; width:auto; height:30px; line-height:30px; font-size:12px; color:#fff; font-weight:700; text-indent:25px; 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:27px;} #cate_sub3 {display:none; position:absolute; top:54px;} #cate_sub4 {display:none; position:absolute; top:81px;} #cate_sub5 {display:none; position:absolute; top:108px;} #cate_sub6 {display:none; position:absolute; top:135px;} #cate_sub7 {display:none; height:0; overflow:hidden;} /* 하단 */ .bottom {clear:both; width:100%; height:auto; line-height:27px; margin-top:20px; padding:5px 0 10px 0; border-top:1px solid #a5abaf; border-bottom:1px solid #a5abaf; text-align:center;} .bottom a {display:inline-block; margin:0 1px; font-size:12px; color:#000; font-weight:700; letter-spacing:-1px;} .bottom a.round {height:25px; line-height:22px; margin:2px 0 0 2px; padding:0 5px; border-radius:100px; background-color:#616366; font-size:11px; color:#fff; font-weight:700;} /* 푸터 */ .footer {clear:both; width:100%; line-height:18px; padding:15px 0 20px 0; text-align:center; font-size:12px; color:#767a7f; font-weight:700;} .footer strong {display:inline-block; padding:10px 0 15px 0; font-size:12px; color:#000; font-weight:700;} .bt_pc {display:inline-block; width:120px; height:30px; line-height:28px; border-radius:20px 0 0 20px; background-color:#007bc7; font-size:12px; color:#fff; font-weight:700;} .bt_top {display:inline-block; width:120px; height:30px; line-height:28px; border-radius:0 20px 20px 0; background-color:#759805; font-size:12px; color:#fff; font-weight:700;} .btn_top {display:none; cursor:pointer; position:fixed; z-index:9999; bottom:6px; right:6px; width:40px; height:auto;} /* 페이지명 */ .page_title {clear:both; padding-top:10px; font-size:20px; color:#0b0b0b; font-weight:700; letter-spacing:2px;} /*########################### 메인 ########################### */ /* 메뉴 */ .menu_green {clear:both; width:100%; height:auto;} .menu_green h1 {clear:both; width:100%; height:30px; line-height:30px; margin-bottom:1px; border-radius:8px 8px 0 0; background-color:#3d7d25; font-size:10px; color:#fff; font-weight:700; text-shadow:1px 1px 1px #275018; text-indent:15px;} .menu_green h1 img {margin-right:4px; vertical-align:-4px} .menu_green ul {clear:both; padding-left:1px;} .menu_green ul li {float:left; width:25%; height:70px; margin:0 0 -2px -2px; background-color:#3d7d25; border:1px solid #fff;text-align:center;} .menu_green ul li img {display:block; margin:7px auto 0 auto; width:auto; height:40px;} .menu_green ul li a {font-size:10px; color:#fff; font-weight:700; letter-spacing:-1px; display:block;} .menu_blue {clear:both; width:100%; height:150px; padding-top:10px;} .menu_blue h1 {clear:both; width:100%; height:30px; line-height:30px; margin-bottom:1px; border-radius:8px 8px 0 0; background-color:#006ead; font-size:10px; color:#fff; font-weight:700; text-shadow:1px 1px 1px #003f63; text-indent:15px;} .menu_blue h1 img {margin-right:4px; vertical-align:-4px} .menu_blue ul {clear:both; padding-left:1px;} .menu_blue ul li {float:left; width:25%; height:70px; margin:0 0 -2px -2px; background-color:#006ead; border:1px solid #fff;text-align:center;} .menu_blue ul li img {display:block; margin:7px auto 0 auto; width:auto; height:40px;} .menu_blue ul li a {font-size:10px; color:#fff; font-weight:700; letter-spacing:-1px; display:block;} /* 추천상패 */ .recommend_wrap {position:relative; clear:both; width:100%; height:auto; margin:0 auto; padding:5px 0; background-color:#f3f5ed; text-align:center;} .recommend_wrap h1 {display:block; clear:both; width:100%; height:42px; text-align:center; font-size:13px; color:#41693d; font-weight:700;} .recommend_wrap h1 img {display:block; margin: 0 auto; width:auto; height:15px;} .recommend_wrap h1 a {display:inline-block; padding:0 4px; height:20px; border-radius:100px; background-color:#41693d; font-size:10px; color:#fff; font-weight:400; line-height:20px;} .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:70px; left:20px; border:4px solid #9bae9c} .recommend_wrap2 > .center {position:relative; z-index:2; top:0; left:50%; margin-left:-25%;} .recommend_wrap2 > .right {position:absolute; z-index:1; top:70px; left:43%; border:4px 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:10px;} .best_list h1 {clear:both; width:100%; height:30px; line-height:28px; background:url('../img/mbg1.jpg') repeat-y 0 0; text-align:left; font-size:14px; color:#fff; font-weight:700; text-indent:10px;} .best_list ul {clear:both; width:100%; padding-top:0;} .best_list ul li {clear:both; width:100%; height:auto; text-align:left; padding-top:10px;} .best_thumb {clear:both; width:50%; height:auto; border-radius:10px; overflow:hidden; margin-right:0;} .best_thumb img {width:100%; height:auto;} .best_tag {float:right; width:45%; height:auto;} .best_tag img {width:auto; height:135px;} .best_tag_s {display:none;} .best_title {float:right; width:45%; height:17px; text-align:left; font-size:12px; color:#262626; font-weight:700;} .best_price {float:right; width:45%; text-align:left; font-size:12px; color:#a5b300; font-weight:700;} /* 인기상품 */ .popularity_list {clear:both; width:100%; height:auto; padding-top:20px;} .popularity_list h1 {clear:both; width:100%; height:30px; line-height:28px; background:url('../img/mbg2.jpg') repeat-y 0 0; text-align:left; font-size:14px; color:#fff; font-weight:700; text-f:10px;} .popularity_list h1 span {display:inline-block; font-size:12px; color:#fff; font-weight:400; text-indent:10px;} .popularity_list ul {clear:both; width:100%; padding:0;} .popularity_list ul li {float:left; width:48%; height:auto; margin:4px 0 0 1%; padding-bottom:5px; border:1px solid #e4eccf; text-align:left;} .popularity_thumb {padding-bottom:0; width:100%;} .popularity_thumb img {width:100%; height:auto;} .popularity_title {float:left; height:17px; padding-left:5px; font-size:12px; color:#333; font-weight:700;} .popularity_price {float:right; padding-left:5px; font-size:12px; color:#b47700; font-weight:700;} /* 문구 */ .main_txt {clear:both; width:100%; height:35px; padding-top:12px; text-align:center; font-size:14px; color:#303030; font-weight:700;} /* 재질별 */ .bt_material {clear:both; width:100%} .bt_material h1 {clear:both; width:100%; height:30px; line-height:28px; border-radius:8px 8px 0 0; background-color:#4a4f41; text-align:center; font-size:14px; color:#fff; font-weight:700;} .bt_material ul {clear:both; width:100%;} .bt_material ul li {float:left; width:50%; height:30px; line-height:22px; margin-top:1px; margin-left:-1px; border-left:1px solid #fff; background-color:#4a4f41; text-align:center;} .bt_material ul li a {font-size:12px; color:#fff; font-weight:700;} .bt_material ul li:nth-child(2n) {float:right} /* 용도별 */ .bt_use {clear:both; width:100%; padding-top:10px;} .bt_use h1 {clear:both; width:100%; height:30px; line-height:28px; border-radius:8px 8px 0 0; background-color:#415b2e; text-align:center; font-size:14px; color:#fff; font-weight:700;} .bt_use ul {clear:both; width:100%;} .bt_use ul li {float:left; width:50%; height:30px; line-height:22px; margin-top:1px; margin-left:-1px; border-left:1px solid #fff; background-color:#415b2e; text-align:center;} .bt_use ul li a {font-size:12px; color:#fff; font-weight:700;} .bt_use ul li:nth-child(2n) {float:right} /* 최고인기30선 */ .main_ranking {clear:both; width:100%; height:50px; line-height:50px; padding:10px 0 0 0; background:url('../img/main_ranking_s.jpg') no-repeat center 10px;} .main_ranking a {display:block; width:100%; height:50px;} .main_ranking h1 {float:left; padding:0 0 0 20px; font-size:14px; color:#000; font-weight:700;} .main_ranking h2 {float:right; padding:0 10px 0 0; font-size:14px; color:#fff; font-weight:700;} .main_ranking h2 img {vertical-align:-5px} /* 첫번째 배너 */ .main_banner_a {position:relative;clear:both; width:100%; height:51px; margin-top:10px; background-color:#ccbea6;} .main_banner1 {overflow:hidden; position:absolute; top:3px; left:3px; width:48%; height:45px; line-height:43px; background-color:#fff; text-align:left; font-size:12px; color:#625e54; font-weight:700; letter-spacing:1px; text-indent:55px;} .main_banner1 img:first-child {position:absolute; top:10px; left:10px;} .main_banner1 img {position:absolute; top:10px; left:82%; width:auto; height:25px;} .main_banner1 a {color:#625e54;} .main_banner2 {overflow:hidden; position:absolute; top:3px; left:50%; width:49%; height:45px; line-height:43px; background-color:#fff; text-align:left; font-size:12px; color:#625e54; font-weight:700; letter-spacing:1px; text-indent:45px;} .main_banner2 img:first-child {position:absolute; top:10px; left:10px;} .main_banner2 img {position:absolute; top:10px; left:82%; width:auto; height:25px;} .main_banner2 a {color:#625e54;} /* 두번째 배너 */ .main_banner_b {position:relative; clear:both; width:100%; height:133px; margin-top:10px; background-color:#b7aa00;} .main_banner3 {position:absolute; top:10px; left:1%; width:48%; height:123px; text-align:center;} .main_banner3 a {font-size:13px; color:#fff; font-weight:700; letter-spacing:-1px;} .main_banner3 img {vertical-align:-3px; margin-right:5px; width:20px; height:auto;} .main_banner3 strong {display:block; padding-top:10px; font-size:16px; color:#fff; font-weight:700; letter-spacing:1px;} .main_banner4 {position:absolute; top:78px; left:1%; width:48%; height:50px; background-color:#fff; text-align:center;} .main_banner4 h1 {float:left; padding:5px 0 0 18px;} .main_banner4 h1 img {width:30px; height:auto;} .main_banner4 h2 {width:90%; padding:7px 0 0 15px; font-size:12px; color:#3e2e31; font-weight:700; letter-spacing:1px;} .main_banner4 h3 {width:90%; padding:2px 0 0 15px; font-size:12px; color:#766e00; font-weight:700; letter-spacing:1px;} .main_banner5 {position:absolute; top:5px; left:50%; width:49%; height:60px; background-color:#fff; text-align:center;} .main_banner5 img {display:block; margin:5px auto 3px auto; width:20px; height:auto;} .main_banner5 a {font-size:12px; color:#272727; font-weight:700; letter-spacing:1px;} .main_banner6 {position:absolute; top:68px; left:50%; width:49%; height:60px; background-color:#fff; text-align:center; font-size:14px; color:#272727; font-weight:700; letter-spacing:1px;} .main_banner6 img {display:block; margin:5px auto 3px auto; width:20px; height:auto;} /* 세번째 배너 */ .main_banner_c {clear:both; width:100%; height:92px; margin-top:10px;} .main_banner7 {float:left; width:49.3%; height:80px; 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:95%; height:40px; margin:0 auto; padding-top:5px; background-color:#fff; text-align:center; font-size:12px; color:#2d2923; font-weight:700; letter-spacing:0;} .main_banner7 h2 strong {display:inline-block; padding-right:5px; font-size:12px; color:#2d2923; font-weight:700;} .main_banner7 h2 u {display:block; padding-top:3px; font-size:12px; color:#2d2923; font-weight:700; text-decoration:none;} .main_banner8 {float:right; width:49.3%; height:80px; background-color:#ac9b7d; text-align:center;} .main_banner8 a {display:block; width:95%; height:70px; line-height:76px; margin:5px auto 0 auto; background-color:#fff; font-size:12px; color:#6f634e; font-weight:700; letter-spacing:1px;} .main_banner8 a img {margin:0 8px 0 5px; vertical-align:-14px; width:50px; height:auto;} /*########################### 게시판 ########################### */ /* 페이징 */ .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:25px; padding-top:5px; text-align:left; text-indent:5px; font-size:12px; color:#4c4c4c; font-weight:300; letter-spacing:1px;} .board {clear:both; width:100%; margin-bottom:0; padding-bottom:0; border-radius:10px; border:1px solid #e8eaed; background-color:#fff; overflow:hidden;} .board table {clear:both; width:100%;} .board table th {padding:10px 0; background-color:#46bd7b; text-align:center; font-size:12px; color:#fff; font-weight:400; letter-spacing:0;} .board table td {padding:10px 0; border-bottom:1px dashed #989898; text-align:center; font-size:12px; color:#4c4c4c; font-weight:400; letter-spacing:0;} .board table td a {font-size:12px; color:#4c4c4c; font-weight:400; letter-spacing:0;} /* 게시판 뷰어 */ .board_view {clear:both; width:98%; overflow:hidden; margin:10px auto 0 auto; padding-bottom:20px; border-radius:10px; border:1px solid #e8eaed; background-color:#fff; text-align:center; overflow:hidden;} .board_view > div.tit {position:relative; clear:both; width:98%; margin:10px auto 0 auto; padding:10px 0; border-top:2px solid #333; text-align:center; font-size:14px; color:#333; font-weight:400; letter-spacing:0;} .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; background-color:#f8f8f8; text-align:right; font-size:14px; color:#ccc; font-weight:300; letter-spacing:1px;} .board_view > div.info b {display:inline-block; padding:0 5px; vertical-align:-2px; font-size:14px; color:#333; font-weight:300; letter-spacing:0;} .board_view > div.cont {clear:both; width:98%; margin:0 auto; min-height:150px; padding:10px 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:40px; min-height:50px; 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:10px 0; text-align:center;} .board_view > div.bt a.list {display:inline-block; width:120px; height:35px; line-height:35px; border-radius:100px; background-color:#46bd7b; text-align:center; font-size:14px; 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:14px; 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:72%; height:98px; 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%; overflow:hidden; margin:0 auto; text-align:center; overflow:hidden; padding-top:50px; padding-bottom:40px;} .board_view2 > div.tit {position:relative; clear:both; width:100%; margin:20px auto 0 auto; padding:10px 0; border-top:2px solid #333; text-align:center; font-size:14px; color:#333; font-weight:400; letter-spacing:0;} .board_view2 > div.tit > div.btn_wrap {clear:both; width:100%; padding-top:10px; text-align:center} .board_view2 > div.tit 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 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 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:100%; margin:0 auto; padding:5px 0 5px 5px; background-color:#f8f8f8; text-align:right; font-size:14px; color:#ccc; font-weight:300; letter-spacing:1px;} .board_view2 > div.info b {display:inline-block; padding:0 5px; vertical-align:-2px; font-size:14px; color:#333; font-weight:300; letter-spacing:0;} .board_view2 > div.cont {clear:both; width:100%; margin:0 auto; min-height:150px; padding:10px 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:40px; min-height:50px; padding:10px 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:10px 0; text-align:center;} .board_view2 > div.bt a.list {display:inline-block; width:120px; height:35px; line-height:35px; border-radius:100px; background-color:#46bd7b; text-align:center; font-size:14px; color:#fff; font-weight:400; letter-spacing:1px;} .board_view2 > div.reply_list {clear:both; width:100%; margin:3px auto 0 auto; border-top:1px dashed #ddd; text-align:left; font-size:14px; 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:15px 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:77%; 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:110px; line-height:100px; background-color:#333; text-align:center; font-size:15px; color:#fff; font-weight:400;} /*########################### 목록 ########################### */ /* 검색 */ .product_search {clear:both; width:98%; 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:18px; color:#0b0b0b; font-weight:700;} .product_search h1 img {display:inline-block; margin-right:10px; vertical-align:-10px; width:30px; height:auto;} .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:12px; color:#000; font-weight:400; letter-spacing:1px; line-height:18px; -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:12px; color:#b70202; font-weight:300; letter-spacing:1px; text-decoration:none;} .product_search > .wrap {clear:both; width:100%; margin-top:5px; padding:5px 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:25%; height:80px; padding-bottom:5px; text-indent:5px; font-size:12px; color:#2c2f2b; font-weight:700;} .product_search > .wrap > .search_price a {display:inline-block; width:23%; height:20px; line-height:20px; margin:0 0 3px 0; border:1px solid #535353; text-align:center; font-size:12px; color:#000; font-weight:400; letter-spacing:0; 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:23%; height:20px; line-height:20px; margin:0 0 3px 0; border:1px solid #535353; background-color:#535353; text-align:center; font-size:12px; 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 {clear:both; display:block; width:25%; height:25px; margin-top:5px; padding-bottom:5px; text-indent:5px; font-size:12px; color:#2c2f2b; font-weight:700; letter-spacing:-2px;} .product_search > .wrap > .search_name input {width:38%; height:18px; vertical-align:-1px; border:1px solid #535353; text-indent:5px; font-size:12px; color:#000; font-weight:400;} .product_search > .wrap > .search_name a.bt_search {display:inline-block; width:12%; height:20px; margin:0; border:1px solid #535353; background-color:#535353; text-align:center; font-size:12px; color:#fff; font-weight:400; text-decoration:none;} .product_search > .wrap > .search_name a.bt_all {display:inline-block; width:18%; height:20px; border:1px solid #535353; background-color:#7d7d7d; text-align:center; font-size:12px; color:#fff; font-weight:400; text-decoration:none;} .product_search > .wrap > .search_material {clear:both;} .product_search > .wrap > .search_material h2 {clear:both; display:block; width:25%; height:80px; margin-top:5px; padding-bottom:5px; text-indent:5px; font-size:12px; color:#2c2f2b; font-weight:700;} .product_search > .wrap > .search_material a {display:inline-block; height:20px; line-height:20px; margin:0 0 3px 1px; padding:0 25px; border:1px solid #535353; font-size:12px; 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:20px; line-height:20px; margin:0 0 3px 1px; padding:0 25px; border:1px solid #535353; background-color:#535353; font-size:12px; 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:20px;} .product_search > .wrap > .search_material a.on {line-height:20px;} } /* 인기상패 */ .recommend_list_wrap {position:relative; clear:both; width:100%; height:auto; margin:5px auto 0 auto; padding:10px 0 20px 0; background-color:#f3f5ed; text-align:center;} .recommend_list_wrap h1 {display:block; clear:both; width:100%; height:30px; text-align:center; font-size:16px; color:#41693d; font-weight:700;} .recommend_list_wrap h1 img {display:block; margin: 0 auto;} .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:40px; left:20px; border:4px solid #9bae9c} .recommend_list_wrap2 > .center {position:relative; z-index:2; top:0; left:50%; margin-left:-25%;} .recommend_list_wrap2 > .right {position:absolute; z-index:1; top:40px; left:43%; border:4px solid #9bae9c;} .recommend_list_wrap > .left2 {position:absolute; z-index:1; top:320px; left:20px; border:4px solid #9bae9c} .recommend_list_wrap > .center2 {position:relative; z-index:2; top:12px; left:50%; margin-left:-25%;} .recommend_list_wrap > .right2 {position:absolute; z-index:1; top:320px; left:43%; border:4px 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:15px; text-align:left; font-size:12px; color:#4c4c4c; font-weight:300; letter-spacing:0;} .product_list {clear:both; width:100%; height:auto; padding-top:10px;} .product_list h1 {clear:both; width:250px; height:30px; margin:0 auto 15px auto; line-height:30px; background:url('../img/product_tit.jpg') no-repeat center top; text-align:center; font-size:14px; color:#fff; font-weight:500;} .product_list h1 span {display:inline-block; font-size:12px; color:#fff; font-weight:400; text-indent:10px;} .product_list ul {clear:both; width:100%; padding:0;} .product_list ul li {float:left; width:48%; height:auto; margin:4px 0 0 1%; padding-bottom:5px; border:1px solid #e4eccf; text-align:left;} .product_thumb {padding-bottom:0; width:100%;} .product_thumb img {width:100%; height:182px;} .product_title {clear:both; height:17px; padding-left:5px; font-size:12px; color:#333; font-weight:700;} .product_price {clear:both; padding-left:5px; font-size:12px; color:#b47700; font-weight:700;} /* 페이징 */ .paging {clear:both; width:98%; height:45px; margin:0 auto; text-align:center; padding-top:15px; line-height:20px;} .paging a {display:inline-block; min-width:15px; height:20px; margin:0 -1px; padding:0 3px; border:1px solid #e5e5e5; background-color:#f4f4f4; vertical-align:0; font-size:12px; 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:10px; color:#999; vertical-align:2px;} .paging a.bt_next {font-family:'Nanum Gothic'; font-size:10px; color:#999; vertical-align:2px;} /*########################### 상세페이지 ########################### */ /* 좌측 */ .detail_left {clear:both; width:98%; margin:0 auto; padding-top:10px;} .detail_img {clear:both; width:100%;} .detail_img img {display:block; width:100%; height:auto;} .detail_navi {clear:both; width:100%; height:30px; margin:0 auto; padding-top:10px; text-align:center;} .detail_navi img {width:15px; height:auto;} .detail_sns {clear:both; width:100%; height:35px; overflow:hidden;margin:0 auto; line-height:35px; background:url('../img/detail_thumb.jpg') no-repeat center center; border:1px solid #535353;} .detail_sns h1 {display:inline-block; padding:0 0 0 0; vertical-align:11px; text-indent:6px; font-size:13px; color:#333; font-weight:700;} .detail_sns h2 {display:inline-block; padding-top:0; position:relative; top:-5px;} .detail_sns h2 img {width:20px; height:auto;} .detail_sns h3 {display:block; float:right; padding:0; cursor:pointer} .detail_sns h3 img {width:auto; height:35px; margin-right:-10px;} /* 우측 */ .detail_right {clear:both; width:98%; margin:0 auto; padding-top:20px;} .detail_title {clear:both;} .detail_title h1 {display:block; clear:both; width:100%; height:40px; border-bottom:1px solid #535353; font-size:20px; color:#1a1a1a; font-weight:400;} .detail_title h2 {display:block; clear:both; padding-top:5px; font-size:18px; color:#272727; font-weight:300;} .detail_title h2 strong {display:inline-block; padding:2px 0 0 5px; font-size:18px; color:#c9253c; font-weight:400;} .detail_title h3 {display:block; clear:both; padding-top:5px; font-size:14px; color:#1a1a1d; font-weight:400;} .detail_option {clear:both; width:98%; margin:0 auto; line-height:30px; margin-top:10px; padding-top:10px; border-top:1px dashed #999;} .detail_option th {vertical-align:top; width:100px; padding-bottom:5px; background:url('../img/colon.jpg') no-repeat right top; text-align:left; font-size:16px; color:#333; font-weight:300;} .detail_option td {vertical-align:top; padding-bottom:5px; text-align:left; font-size:16px; color:#333; font-weight:300;} .detail_option td > input {margin-right:0; } .bt_minus {vertical-align:-11px;} .bt_plus {vertical-align:-11px} .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:0; font-size:14px; color:#da690d; font-weight:300; text-decoration:none;} .detail_option td > strike {display:inline-block; margin-left:20px; font-size:16px; color:#7f7f7f; font-weight:400;} .detail_option td > strong {display:inline-block; margin-left:10px; font-size:18px; color:#d40000; font-weight:400;} .detail_summary {clear:both; line-height:21px; margin-bottom:20px; padding:10px 0; border-top:1px dashed #999; border-bottom:1px dashed #999; font-size:14px; color:#353535; font-weight:300;} /* 주문내역 */ .detail_order {position:relative; clear:both; width:98%; height:auto; overflow:hidden; text-align:center;} .detail_order h1 {display:block; width:100%; height:55px; line-height:40px; text-indent:7px; background:url('../img/detail_order_title.jpg') no-repeat left top / 140px 40px; text-align:left; font-size:16px; color:#fff; font-weight:700;} .detail_order h2 {position:absolute; top:20px; right:76px; line-height:18px; text-align:left; font-size:13px; color:#000; font-weight:300;} .detail_order h3 {position:absolute; top:26px; right:0; margin:0 0 0 10px;} .detail_order h3 img {width:auto; height:25px;} .detail_order_cell_top {clear:both; border-top:2px solid #626262;} .detail_order_cell {clear:both; width:100%; 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:-12px; width:auto; height:35px;} .detail_order_cell input {height:35px; margin: 0 6px 0 0; padding:5px; border:1px solid #bebebe; vertical-align:0; font-size:14px; 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:5px; border:1px solid #bebebe; vertical-align:0; font-size:14px; 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:35px; margin-top:5px; padding-left:5px; border:1px solid #bebebe; vertical-align:0; font-size:14px; color:#616161; font-weight:500; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .detail_order_cell > .file {width:68%;} .detail_order_cell > .file2 {width:84%;} .detail_order_cell > .input {width:100%; margin-right:20px;} .detail_order_cell > .txt4 {font-size:12px; height:auto; padding:0;} .detail_order_cell > .txt4 strong {font-size:12px;} .detail_order_cell > .txt4 input {vertical-align:-13px; margin-right:5px;} .detail_order_cell > .txt5 {display:block; padding:0; font-size:14px; color:#616161; font-weight:500; height:auto;} .detail_order_cell > .txt5 input[type=checkbox] {vertical-align:-12px; margin-left:3px;} .detail_order_file {float:right !important;} .detail_order_file2 {float:right !important;} .detail_order_cell_1 {clear:both; padding:4px 0; text-align:left; font-size:14px; color:#333; font-weight:500;} .detail_order_cell_2 {clear:both; padding:4px 0; text-align:left; font-size:12px; color:#777; font-weight:300; line-height:17px; border-bottom:1px dashed #c0c0c0;} /* 주문내역 버튼 */ .detail_guide_bt {clear:both; width:100%; height:75px; padding-top:15px; text-align:center;} .detail_guide_bt > .bt_buy {display:inline-block; width:95px; height:50px; line-height:50px; border-radius:100px 0 0 100px; background-color:#e74700; text-align:center; font-size:16px; color:#fff; font-weight:500; letter-spacing:0;} .detail_guide_bt > .bt_cart {display:inline-block; width:95px; height:50px; line-height:50px; background-color:#2da100; text-align:center; font-size:16px; color:#fff; font-weight:500; letter-spacing:0;} .detail_guide_bt > .bt_shopping {display:inline-block; width:90px; height:50px; line-height:50px; border-radius: 0 100px 100px 0; background-color:#006da0; text-align:center; font-size:16px; color:#fff; font-weight:500; letter-spacing:0;} /* 카카오톡으로 주문하기 */ .bt_kakaotalk_order {clear:both; width:100%; height:80px; text-align:center; font-size:16px; color:#333; font-weight:500} .bt_kakaotalk_order a {display:block; width:295px; margin:3px auto 0 auto; height:47px; border:1px solid #695a5b; border-radius:17px; overflow:hidden; background:url('../img/bt_kakaotalk_order.jpg') no-repeat -10px top; text-align:left; font-size:16px; color:#fff; font-weight:500; line-height:45px; text-indent:92px; letter-spacing:-1px;} .kakaotalk img {width:100%; height:auto; margin:5px 0 40px 0 !important} /* 상세안내 */ .explanation {clear:both; width:98%; margin:0 auto;} .explanation_tab {clear:both; width:100%} .explanation_tab li {display:none; cursor:pointer; display:block; float:left; height:40px; font-weight:700; line-height:37px; margin-left:-1px; border:1px solid #a3a3a3; text-align:center; font-size:12px; color:#555; font-weight:400; letter-spacing:-1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .explanation_tab li.on {background-color:#323232; color:#fff;} .explanation_tab li.on a {color:#fff;} .explanation_tab li:first-child {width:25%;} .explanation_tab li:nth-child(2) {width:25%;} .explanation_tab li:nth-child(3) {width:25%; font-weight:700;} .explanation_tab li:nth-child(4) {width:25%;} .explanation_tab li:nth-child(5) {width:16%;} .explanation_cont {clear:both; width:98%; margin:0 auto; padding:20px 0 0 0;} #myframe1 {display:block;} #myframe2 {display:none;} #myframe3 {display:none;} #myframe4 {display:none;} #myframe5 {display:none;} .explanation_cont_1 {clear:both; width:100%; text-align:left; padding-bottom:20px; font-size:14px; color:#353535; font-weight:400; line-height:21px;} .explanation_cont_1 img {clear:both; display:block; margin-top:20px; width:100%; height:auto;} .explanation_cont_2 {clear:both; width:100%; text-align:left; padding-bottom:20px; font-size:14px; color:#353535; font-weight:400; line-height:21px;} .explanation_cont_2 img {clear:both; display:block; width:100%; height:auto;} .explanation_cont_3 {clear:both; width:100%; text-align:left; padding-bottom:20px; font-size:14px; color:#353535; font-weight:400; line-height:21px;} .explanation_cont_3 h1 {display:block; height:auto; margin-top:20px; padding:0 0 0 30px; background:url('../img/bullet.jpg') no-repeat left 0;; font-size:14px; color:#768e00; font-weight:700; line-height:21px; -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:14px; color:#313131; font-weight:400; line-height:21px;} .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; width:80%; height:auto;} .explanation_cont_4 {clear:both; width:100%; overflow:hidden; padding-bottom:20px; text-align:left; font-size:14px; color:#353535; font-weight:300; line-height:21px;} .explanation_cont_4 img {clear:both; display:block; margin-top:10px; width:100%; height:auto;} .explanation_cont_4 ul {clear:both; width:100%; padding-top:10px;} .explanation_cont_4 li {clear:both; width:100%; padding:10px 0; border-top:1px solid #efefef; text-align:left; font-size:10px; color:#353535; font-weight:300; line-height:15px; letter-spacing:0;} .explanation_cont_4 li:first-child {border-top:none} .explanation_cont_4 li img {float:left; width:75px; height:auto; margin:0 5px 20px 0;} /* 사용후기(목록) */ .detail_ps {clear:both; width:100%; overflow:hidden; margin:0 auto; text-align:center;} .detail_ps ul {clear:both; width:100%; padding:0; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .detail_ps li{position:relative; clear:both; width:98%; height:80px; margin:0 auto; padding:10px 0; border-top:1px dotted #ccc; text-align:left;} .detail_ps li:first-child{border-top:none; padding-top:0} .detail_ps_thumb {position:absolute; top:5px; left:0; width:17%; height:auto;} .detail_ps_thumb img {width:100%; height:auto; border:1px solid #bfbfbf;} .detail_ps_title {clear:both; padding-left:30%; font-size:12px; color:#353535; font-weight:500;} .detail_ps_name {clear:both; padding-left:30%; padding-top:3px; font-size:10px; color:#808080; font-weight:300;} .detail_ps_text {clear:both; padding-left:30%; padding-top:3px; font-size:10px; color:#353535; font-weight:300; line-height:14px;} /*########################### 시안작업 ########################### */ .situation_search {clear:both; width:100%; height:35px; line-height:35px; padding:0 0 10px 0; text-align:right; font-size:12px; color:#4b4b4d; font-weight:400; letter-spacing:0;} .situation_search img {vertical-align:-3px; margin-right:3px;} .situation_search > .input {border:1px solid #d2d5d9; vertical-align:0; display:inline-block; width:120px; height:25px; margin:0 0 0 5px; border:1px solid #edf0eb; text-indent:10px; font-size:12px; color:#333; font-weight:400;} .situation_search > .bt {vertical-align:0; display:inline-block; width:48px; height:29px; line-height:29px; background-color:#4b4b4d; text-align:center; font-size:12px; color:#fff; font-weight:400; letter-spacing:1px;} .situation_list {clear:both; width:100%; margin:0 auto;} .situation_list table {clear:both; width:100%; margin:0 auto;} .situation_list table th {height:29px; line-height:29px; text-align:center; font-size:10px; color:#fff; font-weight:400; letter-spacing:0; 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:190px;} .situation_list table th:nth-child(4) {background-color:#fe5d65; width:48px; border-right:none;} .situation_list table td {padding:10px 0; text-align:center; font-size:10px; color:#4d4d4d; font-weight:400; letter-spacing:0;} .situation_list table td > .situation span {display:inline-block; width:48px; height:27px; padding:0; margin-left:-4px; line-height:27px; border:1px solid #57b846; background-color:#fff; text-align:center; font-size:10px; color:#4c4c4c; font-weight:400; letter-spacing:-1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .situation_list table td > .situation span.on {background-color:#57b846; color:#fff; font-weight:400;} .situation_list table td > .situation a.more {display:inline-block; width:48px; height:27px; padding:0; line-height:27px; border:1px solid #ff7b8a; background-color:#ff7b8a; text-align:center; font-size:10px; color:#fff; font-weight:400; letter-spacing:-1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .situation_list table td.division {height:1px; padding:0; overflow:hidden; border-top:1px dotted #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:27px;} .situation_list table td > .situation a.more {line-height:27px;} } /*########################### 마이페이지 ########################### */ .mypage_top_warp {clear:both; width:100%; padding-top:25px;} .mypage_top {position:relative; clear:both; width:100%; height:auto; margin-bottom:0; border-radius:12px; text-align:left;} .mypage_top h1 {width:47%; height:auto; margin:3px 0 0 3px; overflow:hidden; border-radius:10px 0 0 10px; border:none} .mypage_top h1 img {width:100%; height:auto;} .mypage_top h2 {position:absolute; top:0px; right:10px; font-size:12px; color:#343434; font-weight:700; width:45%;} .mypage_top h3 {position:absolute; top:20px; right:10px; font-size:11px; color:#343434; font-weight:300; width:45%; line-height:16px;} .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:25px; line-height:25px; background-color:#363636; text-align:center; font-size:12px; color:#fff; font-weight:300; letter-spacing:0; text-decoration:none;} .mypage {clear:both; width:100%; margin-top:0; padding-bottom:45px; text-align:center;} .mypage_search {clear:both; width:100%; height:35px; line-height:35px; padding:5px 0 10px 0; text-align:right; font-size:12px; color:#595959; font-weight:400;} .mypage_search img {vertical-align:-2px; margin-right:3px;} .mypage_search > .input {border:1px solid #d2d5d9; vertical-align:0; display:inline-block; width:120px; height:25px; margin:0 0 0 5px; border:1px solid #edf0eb; text-indent:10px; font-size:12px; color:#333; font-weight:400;} .mypage_search > .bt {vertical-align:0; display:inline-block; width:48px; height:29px; line-height:29px; background-color:#4b4b4d; text-align:center; font-size:12px; color:#fff; font-weight:400; letter-spacing:1px;} .mypage_list {clear:both; width:100%; margin:0 auto;} .mypage_list table {clear:both; width:100%; margin:0 auto;} .mypage_list table th {height:29px; line-height:29px; text-align:center; font-size:10px; color:#fff; font-weight:400; letter-spacing:0; 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:190px;} .mypage_list table th:nth-child(4) {background-color:#fe5d65; width:48px; border-right:none;} .mypage_list table td {padding:10px 0; text-align:center; font-size:10px; color:#4d4d4d; font-weight:400; letter-spacing:0;} .mypage_list table td > .situation span {display:inline-block; width:48px; height:27px; padding:0; margin-left:-4px; line-height:27px; border:1px solid #a0a0a0; background-color:#fff; text-align:center; font-size:10px; color:#4c4c4c; font-weight:400; letter-spacing:-1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .mypage_list table td > .situation span.on {border:1px solid #6d93e1 !mportant; background-color:#6d93e1; color:#fff; font-weight:400;} .mypage_list table td > .situation a.more {display:inline-block; width:48px; height:27px; padding:0; line-height:27px; border:1px solid #ff7b8a; background-color:#ff7b8a; text-align:center; font-size:10px; color:#fff; font-weight:400; letter-spacing:-1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .mypage_list table td.division {height:1px; padding:0; overflow:hidden; border-top:1px dotted #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:27px;} .mypage_list table td > .situation a.more {line-height:27px;} } #member_modify {display:none} .member_desc {clear:both; width:100%; margin-top:10px; padding:10px 0 20px 0; border:1px solid #edf0eb; background-color:#fff; text-align:center;} .member_desc table {clear:both; width:98%; margin:0 auto; margin-bottom:0; border:1px solid #edf0eb;} .member_desc th {width:72px; padding:5px 0 5px 20px; border-right:1px solid #edf0eb; background-color:#f6f7f5; text-align:left; font-size:12px; color:#4c4c4c; font-weight:300; letter-spacing:1px;} .member_desc th.require {background:#f6f7f5 url('../img/require2.jpg') no-repeat -10px center;} .member_desc td {padding:5px 0 5px 10px; text-align:left; font-size:12px; color:#4c4c4c; font-weight:300; letter-spacing:1px; line-height:18px;} .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:95%; 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:37px} .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:120px; height:40px; line-height:40px; background-color:#959595; text-align:center; font-size:14px; color:#fff; font-weight:400; letter-spacing:1px;} .member_bt a:first-child {background-color:#6d93e1;} /*########################### 시안확인 ########################### */ .proposal_wrap {clear:both; width:96%; margin:0 auto; padding-bottom:30px;} .proposal_notice {clear:both;} .proposal_notice h1 {clear:both; padding-top:15px; height:30px; font-size:16px; color:#4b4b4d; font-weight:400; letter-spacing:1px;} .proposal_notice h2 {clear:both; height:auto; padding-top:10px; line-height:18px; font-size:12px; color:#4b4b4d; font-weight:400; letter-spacing:0;} .proposal_notice h2 strong {font-size:12px; color:#de1010; font-weight:700; letter-spacing:1px;} .proposal_notice h2 u {font-size:12px; color:#de1010; font-weight:400; letter-spacing:1px; text-decoration:none;} .proposal_notice input[type='text'] {vertical-align:1px; width:80px; height:20px; margin-right:5px; border:1px solid #4b4b4d; text-indent:5px; font-size:12px; color:#333; font-weight:300;} .proposal {clear:both; padding-top:15px} .proposal h1 {clear:both; height:45px; font-size:18px; color:#4b4b4d; font-weight:500; letter-spacing:2px;} .proposal h2 {display:block; float:left; width:22%;} .proposal h2 img {display:block; float:left; width:100%; height:auto;} .proposal_tb1 {float:right; width:75%; border-top:1px solid #7d7d7d; border-left:1px solid #7d7d7d;} .proposal_tb1 th {padding:2px 0; border-bottom:1px solid #7d7d7d; border-right:1px solid #7d7d7d; background-color:#eee; text-align:center; font-size:12px; color:#4b4b4d; font-weight:300; letter-spacing:0;} .proposal_tb1 td {padding:2px 0; border-bottom:1px solid #7d7d7d; border-right:1px solid #7d7d7d; background-color:#fff; text-align:center; font-size:12px; color:#4b4b4d; font-weight:300; letter-spacing:0;} .proposal_tb1 td a {font-size:12px; color:#4b4b4d; letter-spacing:1px;} .proposal_tb1 td b {font-weight:500;} .proposal_tb1 td.price {padding:7px 0;} .proposal_tb2 {clear:both; width:100%} .proposal_tb2 th {width:100%; padding:20px 0 0 0; overflow:hidden; text-align:center;} .proposal_tb2 th img {width:98%; height:auto;} .proposal_tb2 td {width:100%; padding:20px 0 20px 0; font-size:12px; color:#4b4b4d; font-weight:400; letter-spacing:1px; line-height:18px; text-align:center;} .proposal_tb2 td a {display:inline-block; width:120px; height:34px; line-height:34px; margin-top:10px; background-color:#4b4b4d; text-align:center; font-size:12px; color:#fff; font-weight:500; letter-spacing:1px; border-radius:100px;} .proposal_bt_del {cursor:pointer; display:inline-block; width:120px; height:34px; line-height:34px; margin-top:10px; background-color:#FF0000; text-align:center; font-size:12px; color:#fff; font-weight:500; letter-spacing:1px; border-radius:100px;} .proposal_file {clear:both;} .proposal_file input {width:170px; height:30px; margin-right:4px; border:1px solid #4b4b4d; text-indent:10px; font-size:12px; color:#333; font-weight:300; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .proposal_file a {vertical-align:-10px; display:inline-block; width:120px; height:30px; overflow:hidden; margin:0; padding:0; background-color:#4f4f51; border:none; text-align:center; font-size:12px; color:#fff; font-weight:400; line-height:30px;} .proposal_memo {clear:both; padding-top:10px; height:130px;} .proposal_memo strong {display:block; clear:both; width:100%; height:auto; padding:10px 0 5px 0; font-size:12px; font-weight:400;} .proposal_memo textarea {width:70%; height:80px; margin-right:4px; border:1px solid #4b4b4d; font-size:12px; color:#333; font-weight:300; line-height:18px;} .proposal_memo button {display:block; float:right; width:26%; height:43px; overflow:hidden; margin:0; padding:25px 0 0 0; background-color:#4f4f51; border:none; text-align:center; font-size:12px; 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:100%; height:auto; margin-top:20px; border-radius:0 100px 100px 0; background-color:#4b4b4d;} .proposal_account span {display:block; padding:15px; font-size:12px; color:#fff; font-weight:400; letter-spacing:1px; line-height:18px;} .proposal_delivery {clear:both;} .proposal_delivery h1 {clear:both; padding-top:25px; height:30px; font-size:14px; color:#4b4b4d; font-weight:400; letter-spacing:1px;} .proposal_tb3 {clear:both; width:100%; border-top:1px solid #7d7d7d; border-left:1px solid #7d7d7d;} .proposal_tb3 th {width:80px; padding:4px 0; border-bottom:1px solid #7d7d7d; border-right:1px solid #7d7d7d; background-color:#eee; text-align:center; font-size:12px; color:#4b4b4d; font-weight:300; letter-spacing:0;} .proposal_tb3 td {padding:4px 0; border-bottom:1px solid #7d7d7d; border-right:1px solid #7d7d7d; background-color:#fff; text-align:left; text-indent:10px; font-size:12px; color:#4b4b4d; font-weight:300; letter-spacing:0;} .proposal_tb4 {clear:both; width:100%; border-top:1px solid #7d7d7d; border-left:1px solid #7d7d7d;} .proposal_tb4 th {width:80px; padding:4px 0; border-bottom:1px solid #7d7d7d; border-right:1px solid #7d7d7d; background-color:#eee; text-align:center; font-size:12px; color:#4b4b4d; font-weight:300; letter-spacing:0;} .proposal_tb4 td {padding:4px 0; border-bottom:1px solid #7d7d7d; border-right:1px solid #7d7d7d; background-color:#fff; text-align:center; text-indent:0; font-size:12px; color:#4b4b4d; font-weight:300; letter-spacing:0;} .proposal_payment {clear:both;} .proposal_payment h1 {clear:both; padding-top:25px; height:30px; font-size:14px; color:#4b4b4d; font-weight:400; letter-spacing:1px;} .proposal_payment h2 {clear:both; padding-top:5px; font-size:12px; color:#d23d3d; font-weight:400; letter-spacing:0;} .proposal_bt {clear:both; width:100%; height:auto; padding-bottom:25px; text-align:center;} .proposal_bt h1 {clear:both; height:30px; font-size:14px; color:#d23d3d; font-weight:400; letter-spacing:1px;} .proposal_bt img {width:auto; height:45px;} .proposal_bt h2 {clear:both; padding-top:5px; font-size:14px; color:#4b4b4d; font-weight:400; letter-spacing:1px;} /*########################### 주문하기 ########################### */ .order {clear:both; width:100%; height:145px; overflow:hidden; 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:2px 0; border:1px solid #dadbd9; background-color:#e4e6e3; text-align:center; font-size:10px; color:#616161; font-weight:500; letter-spacing:0;} .order table th:nth-child(2) {width:50px;} .order table th:nth-child(3) {width:40px; letter-spacing:-1px} .order table th:nth-child(4) {width:45px;} .order table th:nth-child(5) {width:50px;} .order table td {position:relative; padding:2px 0; text-align:center; font-size:10px; color:#4c4c4c; font-weight:300; letter-spacing:0; line-height:14px;} .order table td h1 {position:relative; top:0; left:10px;} .order table td h1 img {width:35px; height:30px;} .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:17px; height:19px; line-height:19px; vertical-align:-1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .order table td button {display:inline-block; width:22px; height:19px; line-height:19px; margin:0; padding:0; background-color:#4f4f51; border:none; text-align:center; font-size:10px; color:#fff; font-weight:400;} .order dl {float:right; width:190px; height:50px; padding:10px 0;} .order dl dt {float:left; width:60px; height:25px; background:url('../img/colon2.jpg') no-repeat right top; text-align:left; font-size:11px; color:#4c4c4c; font-weight:700; letter-spacing:1px;} .order dl dd {float:left; width:120px; height:25px; text-align:right; font-size:11px; color:#4c4c4c; font-weight:700; letter-spacing:1px;} .order dl dd strong {font-size:11px; color:#c41111; font-weight:700; letter-spacing:1px;} .order_tit {clear:both; height:30px; padding-top:20px; height:35px; text-align:left; font-size:18px; color:#4c4c4c; font-weight:700; letter-spacing:1px;} .order_desc {clear:both; width:98%; overflow:hidden; 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:12px; color:#4c4c4c; font-weight:300; letter-spacing:0;} .order_desc h1 input {margin-right:20px;} .order_desc table {clear:both; width:100%; margin:0 auto;} .order_desc table th {width:100px; padding:3px 0; border:1px solid #edf0eb; background-color:#f6f7f5; text-align:left; text-indent:5px; font-size:11px; color:#616161; font-weight:500;} .order_desc table td {padding:3px 0 3px 10px; text-align:left; font-size:11px; color:#4c4c4c; font-weight:400; letter-spacing:-1px; line-height:18px;} .order_desc table td.divison {height:5px; padding:0; overflow:hidden; border:none} .order_desc table td > span.year {display:inline-block; width:70px; text-align:right} .order_desc table td > span.month {display:inline-block; width:50px; text-align:right} .order_desc table td > span.date {display:inline-block; width:50px; text-align:right} .order_desc table td > div.zip {padding-bottom:5px;} .order_desc table td > div.zip img {vertical-align:-6px; width:auto; height:22px;} .order_desc table td img {vertical-align:0;} .order_desc table td.group {line-height:25px; 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:0;} .order_desc table td > span.radio2 input {margin-right:5px;} .order_desc table td > span.stit1 {display:inline-block; width:55px;} .order_desc table td > span.stit2 {display:inline-block; width:35px; text-align:center;} .order_desc table td input[type="text"]{height:20px; border:1px solid #dadbd9;} .order_desc table td .input1 {width:225px;} .order_desc table td .input2 {width:80px;} .order_desc table td .input3 {width:55px;} .order_desc table td .input4 {width:30px;} .order_desc table td .input5 {width:140px;} .order_desc table td .input6 {width:40px;} .order_desc table td .input7 {width:30px;} .order_desc table td .input8 {width:45px;} .order_desc table td .input9 {width:170px;} .order_desc table td .input10 {width:64px;} .order_desc table td .input11 {width:120px;} .order_desc table td .input12 {width:160px;} .order_desc table td .input13 {width:80px;} .order_desc table td .input14 {width:100px;} .order_desc table td .input15 {width:120px;} .order_desc table td .input16 {width:50px;} .order_desc table td .input17 {width:93px;} .order_desc table td textarea {width:225px; height:80px; border:1px solid #dadbd9;} .order_desc table td select {width:225px; margin:7px 0; text-indent:15px; font-size:14px; color:#4c4c4c; font-weight:300; } .order_desc2 {position:relative; clear:both; width:100%; height:auto; overflow:hidden; text-align:center; } .order_desc2_cell_top {clear:both; border-top:2px solid #626262;} .order_desc2_cell {clear:both; width:100%; margin:0 auto; padding:5px 0; vertical-align:middle; border-bottom:1px dashed #c0c0c0; text-align:left; font-size:12px; color:#616161; font-weight:500;} .order_desc2_cell h1 {clear:both; display:block; height:auto; padding:5px 0; font-size:16px; color:#616161; font-weight:500;} .order_desc2_cell textarea {width:100%; height:180px; padding:5px; border:1px solid #bebebe; vertical-align:0; font-size:12px; 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:30px; margin-top:5px; padding-left:5px; border:1px solid #bebebe; vertical-align:0; font-size:12px; color:#616161; font-weight:500; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .order_desc2_cell input[type='text'] {vertical-align:0; margin-right:6px; height:30px; border:1px solid #bebebe; vertical-align:0; font-size:12px; color:#616161; font-weight:500; text-indent:5px; -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:70%;} .order_desc2_cell > .input3 {width:34%;} .order_desc2_cell > .input4 {width:33%; margin-right:1px;} .order_desc2_cell > .input5 {width:32%; 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_bt {clear:both; width:100%; padding:25px 0 15px 0; overflow:hidden; text-align:center;} .order_bt a {display:inline-block; width:120px; height:40px; line-height:40px; border:1px solid #434343; background-color:#fff; text-align:center; font-size:14px; color:#434343; font-weight:400; letter-spacing:1px;} .order_bt a:first-child {display:inline-block; width:120px; height:40px; line-height:40px; border:1px solid #434343; background-color:#434343; text-align:center; font-size:14px; color:#fff; font-weight:400; letter-spacing:1px;} .order_result {clear:both; width:98%; margin:15px auto 0 auto; padding:20px 0; overflow:hidden; border-radius:12px; border:1px solid #e8eaed; background-color:#fff; text-align:center; font-size:12px; color:#555; font-weight:400; letter-spacing:1px; line-height:18px;} .order_result strong {vertical-align:0; font-size:12px; color:#000; font-weight:500;} .order_result h1 {display:inline-block; vertical-align:0; font-size:12px; color:#08c; font-weight:500;} .order_result h2 {display:inline-block; vertical-align:0; font-size:12px; color:#f60; font-weight:500;} .order_result a.blue {display:block; clear:both; width:160px; height:40px; line-height:40px; margin:20px auto 0 auto; background-color:#6d93e1; font-size:14px; color:#fefefe; font-weight:400; letter-spacing:2px;} .order_result a.green {display:block; clear:both; width:160px; height:40px; line-height:40px; margin:20px auto 0 auto; background-color:#63c76a; font-size:14px; color:#fefefe; font-weight:400; letter-spacing:2px;} /*########################### 카톡이랑 ########################### */ .kakaotalk {text-align:left; font-size:14px; color:#4c4c4c; font-weight:300; letter-spacing:1px; line-height:24px;} .kakaotalk h1 {display:block; clear:both; padding:20px 0 0 0; height:auto; font-size:16px; color:#4c4c4c; font-weight:500; letter-spacing:1px; line-height:20px;} .kakaotalk h2 {display:block; clear:both; height:auto; padding:20px 0 10px 0; font-size:16px; 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:10px 0 20px 0; text-align:left;} .login_img {clear:both; width:100%;} .login_img img {clear:both; width:100%; height:auto;} .login_box {clear:both; width:100%; margin-top:20px;} .login_box h1 {clear:both; width:100%; height:55px; line-height:55px; border-radius:20px 50px 0 0; border:1px solid #7d7d7d; border-bottom:3px solid #7d7d7d; text-indent:20px; font-size:16px; color:#262626; font-weight:400; letter-spacing:0;} .login_box h1 strong {font-size:16px; color:#17751d; font-weight:400; letter-spacing:0;} .login_box h1 img {display:inline-block; margin-right:7px; vertical-align:-3px;} .login_box dl {clear:both; width:100%; height:100px; padding-top:20px; border-bottom:1px solid #b8b8b8;} .login_box dl dt {float:left; width:20%; height:34px; line-height:34px; text-indent:5px; font-size:14px; color:#0b0b0b; font-weight:400; letter-spacing:0;} .login_box dl dd {float:left; width:57%; height:34px; line-height:34px; padding-bottom:8px;} .login_box dl dd input {width:100%; height:32px; border:1px solid #bfbfbf;} .login_box dl a {float:right; width:20%; height:79px; line-height:79px; background-color:#45b64c; text-align:center; font-size:14px; color:#fff; font-weight:400; letter-spacing:0;} .login_box h2 {clear:both; padding:15px 0 0 5px; font-size:13px; color:#4c4c4c; font-weight:300; letter-spacing:0; line-height:30px;} .login_box h2 a {display:inline-block; height:26px; line-height:26px; margin-left:6px; padding:0 8px; background-color:#626262; font-size:13px; color:#fff; font-weight:400; letter-spacing:0;} /*########################### 문자메세지 ########################### */ .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:330px; height:525px; margin:36px auto 0 auto; background-color:#fff; text-align:left;} .sms_top{position:relative; clear:both; width:100%; height:55px; background-color:#57b846;} .sms_top h1 {position:absolute; top:6px; left:10px; font-size:14px; color:#fff; font-weight:500; line-height:20px;} .sms_top img {position:absolute; top:4px; right:4px; cursor:pointer; width:auto; height:43px;} .sms_cont {clear:both; padding-left:15px; font-size:12px; color:#4c4c4c; font-weight:300; line-height:18px;} .sms_cont h2 {clear:both; padding-top:15px; height:22px; font-size:14px; color:#333; font-weight:700;} .sms_cont h3 {display:block; clear:both; height:25px; padding:0; text-align:left; font-size:12px; color:#333; font-weight:300} .sms_cont table {float:left; width:215px; margin-right:8px; border-top:1px solid #ccc8c8; border-left:1px solid #ccc8c8;} .sms_cont table th {width:60px; padding:9px 0; border-bottom:1px solid #ccc8c8; border-right:1px solid #ccc8c8; background-color:#f6f7f5; text-align:left; text-indent:10px; font-size:12px; 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:10px; font-size:12px; color:#333; font-weight:300;} .sms_cont table td input {width:120px; height:22px; border:1px solid #ccc8c8;} .sms_cont textarea {width:265px; height:90px; margin-top:15px; border:1px solid #ccc8c8;} .sms_bt {clear:both; width:100%; padding-top:15px; text-align:center;padding-bottom:10px;} .sms_bt a {display:inline-block; width:160px; height:40px; line-height:40px; margin-bottom:15px; background-color:#57b846; text-align:center; font-size:14px; color:#fff; font-weight:400;} /*########################### 상패예문 ########################### */ .example_tab {clear:both; width:100%; margin-top:15px; overflow:hidden;} .example_tab table {clear:both; width:100%; border-left:1px solid #00b26f; border-top:1px solid #00b26f;} .example_tab td {height:30px; line-height:30px; border:1px solid #00b26f; border-left:none; border-top:none; background-color:#fff; text-align:center; font-size:12px; color:#333; font-weight:400; letter-spacing:1px;} .example_tab td a {font-size:12px; 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:10px 0 0 0; font-size:12px; color:#4c4c4c; font-weight:300; letter-spacing:1px; line-height:18px;} .example li {float:left; width:100%; height:auto; margin:0 0 10px 0; padding:15px; 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:30px; text-align:center; font-size:16px; color:#262626; font-weight:500; letter-spacing:0;} .example li h2 {display:block; clear:both; width:100%; padding-top:15px; text-align:center;} .example li h2 a {display:inline-block; height:32px; line-height:32px; padding:0 15px; font-size:12px; color:#fff; font-weight:400; letter-spacing:0;} .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:10px 0 0 0; font-size:12px; color:#4c4c4c; font-weight:300; letter-spacing:1px; line-height:18px;} .example2 li {float:left; width:100%; height:auto; margin:0 0 10px 0; padding:15px; 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:25px; text-align:center; font-size:16px; color:#262626; font-weight:500; letter-spacing:0;} .example2 li h2 {display:block; clear:both; width:100%; padding-top:15px; text-align:center;} .example2 li h2 a {display:inline-block; height:32px; line-height:32px; padding:0 15px; font-size:12px; color:#fff; font-weight:400; letter-spacing:0;} .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; text-align:center;} .find_desc_cell_top {clear:both; border-top:2px solid #626262;} .find_desc_cell {clear:both; width:100%; margin:0 auto; padding:5px 0; vertical-align:middle; border-bottom:1px dashed #c0c0c0; text-align:left; font-size:12px; color:#616161; font-weight:500;} .find_desc_cell h1 {font-size:14px; color:#000; font-weight:500;} .find_desc_cell textarea {width:100%; height:180px; padding:5px; border:1px solid #bebebe; vertical-align:0; font-size:12px; color:#616161; font-weight:500; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .find_desc_cell > select, .find_desc_cell > option {width:auto; height:59px; margin-right:6px; padding-left:5px; 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;} .find_desc_cell input[type='text'] {vertical-align:0; margin-right:6px; height:30px; border:1px solid #bebebe; vertical-align:0; font-size:12px; color:#616161; font-weight:500; text-indent:5px; -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; margin:0 auto; padding-top:10px; border-radius:12px; border:0px solid #e8eaed; background-color:#fff; text-align:center;} .find_id a {display:inline-block; width:120px; height:30px; line-height:30px; background-color:#6d93e1; font-size:14px; color:#fefefe; font-weight:400; letter-spacing:0;} .find_pw {clear:both; width:100%; height:auto; margin:0 auto; padding-top:10px; border-radius:12px; border:0px solid #e8eaed; background-color:#fff; text-align:center;} .find_pw a {display:inline-block; width:120px; height:30px; line-height:30px; background-color:#63c76a; font-size:14px; color:#fefefe; font-weight:400; letter-spacing:0;} .find_result {clear:both; width:100%; margin-top:25px; padding:20px 0; border-radius:12px; border:1px solid #e8eaed; background-color:#fff; text-align:center; font-size:12px; color:#555; font-weight:300; letter-spacing:0;} .find_result strong {vertical-align:0; font-size:12px; color:#f60; font-weight:500;} .find_result a.blue {display:block; clear:both; width:150px; height:30px; line-height:30px; margin:20px auto 0 auto; background-color:#6d93e1; font-size:14px; color:#fefefe; font-weight:400; letter-spacing:0;} .find_result a.green {display:block; clear:both; width:150px; height:30px; line-height:30px; margin:20px auto 0 auto; background-color:#63c76a; font-size:14px; color:#fefefe; font-weight:400; letter-spacing:0;} /*########################### 사용후기 ########################### */ /* 목록 */ .postscript {clear:both; width:98%; height:auto; margin:-20px auto -25px 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:15px 0; border-top:1px dashed #7d7d7d; text-align:left;} .postscript li:first-child{border-top:none;} .postscript_thumb {} .postscript_thumb img {width:100px; height:100px; border:1px solid #bfbfbf;} .postscript_title {position:absolute; top:10px; left:115px; font-size:15px; color:#353535; font-weight:300; letter-spacing:-1px;} .postscript_name {position:absolute; top:35px; left:115px; font-size:12px; color:#808080; font-weight:300;} .postscript_text {position:absolute; top:60px; left:115px; line-height:20px; font-size:12px; color:#353535; font-weight:300;} /* 뷰어 */ .postscript_view {clear:both; width:98%; margin:10px auto 0 auto; background-color:#fff; text-align:center; overflow:hidden;} .postscript_view > div.tit {position:relative; clear:both; width:100%; margin:0 auto; padding:10px 0; border-top:2px solid #333; text-align:center; font-size:14px; 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 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 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 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 20px 10px 0; background-color:#f8f8f8; text-align:right; font-size:14px; color:#ccc; font-weight:300; letter-spacing:1px;} .postscript_view > div.info b {display:inline-block; padding:0 5px; 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:10px 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:40px; min-height:50px; 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:10px 0; text-align:center;} .postscript_view > div.bt a.list {display:inline-block; width:120px; height:35px; line-height:35px; border-radius:100px; background-color:#46bd7b; text-align:center; font-size:14px; 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:14px; 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:72%; 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:10px; padding-bottom:25px; border-radius:15px; border:1px solid #e8eaed; background-color:#fff; overflow:hidden;} .cart table {clear:both; width:100%; margin-top:0;} .cart table th {padding:10px 0; background-color:#46bd7b; text-align:center; font-size:10px; color:#fff; font-weight:400; letter-spacing:-1px;} .cart table th:nth-child(2) {width:50px;} .cart table th:nth-child(3) {width:40px; letter-spacing:-1px} .cart table th:nth-child(4) {width:45px;} .cart table th:nth-child(5) {width:50px;} .cart table td {position:relative; padding:10px 0; border-bottom:1px dashed #989898; text-align:center; font-size:10px; color:#4c4c4c; font-weight:400; line-height:14px} .cart table td a {font-size:10px; color:#4c4c4c; font-weight:400; line-height:14px} .cart table td input[type="text"] {border:1px solid #d2d5d9; width:17px; height:19px; line-height:19px; vertical-align:-1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .cart table td button {display:inline-block; width:22px; height:19px; line-height:19px; margin:0; padding:0; background-color:#4f4f51; border:none; text-align:center; font-size:10px; color:#fff; font-weight:400;} .cart table td h1{position:relative; top:0; left:0;} .cart table td h1 img {width:35px; height:30px; margin:0;} .cart dl {float:right; width:140px; height:50px; margin:20px 20px 0 0; } .cart dl dt {float:left; width:70px; height:25px; text-align:left; font-size:12px; color:#4c4c4c; font-weight:400;} .cart dl dt strong {font-size:18px; font-weight:400;} .cart dl dd {float:left; width:70px; height:25px; text-align:right; font-size:12px; color:#4c4c4c; font-weight:300;} .cart dl dd strong {font-size:18px; color:#d43c19; font-weight:500;} .cart > .bt {float:right; padding:20px 10px 0 0;} .cart > .bt a {display:inline-block; width:120px; height:35px; line-height:35px; text-align:center; font-size:14px; 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:20px; padding:15px; border-radius:15px; border:1px solid #e8eaed; background-color:#fff; font-size:12px; color:#4c4c4c; font-weight:400; line-height:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .cart_guide h1 {display:block; clear:both; height:30px; font-size:16px; color:#4c4c4c; font-weight:700;} /*########################### 회사소개 ########################### */ .company {padding:30px 0 0 0; font-size:12px; color:#333; font-weight:300; letter-spacing:1px; line-height:18px;} .company h1 {display:block; height:auto; padding-bottom:10px; font-size:14px; color:#2c6ed5; font-weight:400; letter-spacing:1px;} .company_tb {clear:both; width:100%; height:auto; margin:20px 0; border:1px solid #c4d3f6; border-radius:12px; background-color:#fff;} .company_tb table {margin:10px auto} .company_tb th {width:auto; padding-right:5px; padding-bottom:4px; text-align:left; font-size:12px; color:#2553b4; font-weight:400; letter-spacing:1px;} .company_tb td {padding-bottom:4px; text-align:left; font-size:12px; color:#2553b4; font-weight:400; letter-spacing:1px;} .company dl {clear:both; width:100%; height:60px; line-height:60px; margin:10px auto 0 auto; padding:0; border:1px solid #c4d3f6; border-radius:12px; background-color:#fff;} .company dt {float:left; width:20%; border-right:1px solid #c4d3f6; text-align:center; font-size:12px; color:#2553b4; font-weight:400; letter-spacing:0;} .company dd {float:left; width:79%; text-align:center; font-size:12px; color:#2553b4; font-weight:400; letter-spacing:0;} /*########################### 회원가입 ########################### */ .join_policy {width:100%; height:220px; overflow-y:auto; margin-top:20px; padding:10px; border:1px solid #ededed; background-color:#fff; font-size:12px; color:#4c4c4c; font-weight:300; letter-spacing:0; line-height:18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .join_policy_check {width:100%; height:50px; padding-top:10px; text-align:center; font-size:12px; color:#4c4c4c; font-weight:300; letter-spacing:1px;} .join_policy_check input {margin-right:5px; vertical-align:-3px;} .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:100%; margin:0 auto; padding:5px 0; vertical-align:middle; border-bottom:1px dashed #c0c0c0; text-align:left; font-size:12px; color:#616161; font-weight:500;} .join_desc_cell h1 {padding:5px 0; font-size:16px; color:#616161; font-weight:500;} .join_desc_cell textarea {width:100%; height:180px; padding:5px; border:1px solid #bebebe; vertical-align:0; font-size:12px; 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:auto; height:59px; margin-right:6px; padding-left:5px; 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:30px; border:1px solid #bebebe; vertical-align:0; font-size:12px; color:#616161; font-weight:500; text-indent:5px; -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:30px; border:1px solid #bebebe; vertical-align:0; font-size:12px; color:#616161; font-weight:500; text-indent:5px; -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:70%;} .join_desc_cell > .input3 {width:34%;} .join_desc_cell > .input4 {width:32%;} .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:30px; float:right; background-color:#555; font-size:12px; color:#fff; font-weight:500; line-height:30px; text-align:center;} .join_desc_bt2 {width:28%; height:30px; float:right; background-color:#555; font-size:12px; color:#fff; font-weight:500; line-height:30px; text-align:center;} .join_bt {clear:both; width:100%; padding-top:20px; text-align:center;} .join_bt a {display:inline-block; width:120px; height:40px; line-height:40px; background-color:#959595; text-align:center; font-size:14px; 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; } }