/*공통input style*/ .don_input {border:1px solid #cbcbcb; padding:0 4px; line-height:21px; height:23px; float:left;} button.don_button {width:60px; line-height:25px; height:25px; text-align:center; color:#fff; font-size:11px; font-family:"돋움", "Dotum"; background:#6f6f6f; border:0 none; margin-left:3px;} .sit_opt_qty #ct_qty_11 { float:left;} .don_input.adress {width:335px !important; margin-top:5px;} .don_select {height:19px; line-height:17px; border:1px solid #cbcbcb; background:#fff; width:120px;} /*서브레이아웃*/ #don_subwrap {width:980px; margin:0 auto; height: 100%; min-height: 690px; padding-bottom: 60px} #don_subwrap .don_head {height:32px; padding:40px 0 16px; border-bottom:2px solid #e74d5f; margin-bottom:20px;} #don_subwrap .don_head > img {margin-left:30px;} #don_subwrap .don_head1 {height:32px; padding:40px 0 16px; border-bottom:2px solid #e74d5f; margin-bottom:20px;} #don_subwrap .don_head1 > img {margin-left:30px;} #don_subwrap .don_head2 {height:32px; padding:40px 0 16px; border-bottom:2px solid #e74d5f; margin-bottom:20px;} #don_subwrap .don_head2 > img {margin-left:30px;} #don_subwrap .products_head {height:32px; padding:30px 0 16px; border-bottom:2px solid #e74d5f; margin-bottom:10px; float:left; width:980px;} #don_subwrap .products_head > li.head {color:#3c3c3c; font-family:"NanumGothicBold"; font-size:25px; padding-left:10px; float:left;} #don_subwrap .products_head > li.don_guide {color:#3c3c3c; padding-left:10px; float:right; font-family:"돋움", "Dotum"; font-size:11px; margin-top:7px;} #don_subwrap .products_head > li.don_guide > select {font-family:"돋움", "Dotum"; font-size:11px; width:150px; padding:2px; line-height:20px; border:1px solid #cbcbcb;} #don_subwrap .don_center {width:770px; margin-left:30px; float:left; margin-top:10px;} #don_subwrap .don_center .sub_top ul {margin-bottom:30px; height:25px;} #don_subwrap .don_center .don_scontents {min-height:300px;} #don_subwrap .don_center2 {width:900px; margin:0 auto; padding-top:30px;} #don_subwrap .don_center2 .don_scontents {min-height:300px;} .don_scontents{margin-top:10px;} /* left menu */ #don_subwrap .don_leftmenu {float:left; width:178px; border:1px solid #686868; height:100%;} #don_subwrap .don_leftmenu > .leftmenu_s {background:#f2f2f2; font-family:"돋움", "Dotum"; font-weight:bold; padding-left:20px; line-height:30px; border-bottom:1px dotted #cbcbcb;} #don_subwrap .don_leftmenu > .leftmenu_s.s_bt {border-top:1px solid #686868;} #don_subwrap .don_leftmenu ul {padding:15px 0;} #don_subwrap .don_leftmenu ul li a {display:block; font-size:11px; font-family:"돋움", "Dotum"; color:#2f2f2f; line-height:20px; padding-left:20px;} #don_subwrap .don_leftmenu ul li a:hover {color:#e74d5f; display:block; text-decoration:underline;} #don_subwrap .don_leftmenu ul li a:active {color:#e74d5f; display:block; text-decoration:underline;} #don_subwrap .don_leftmenu .on_color {color:#e74d5f; display:block; text-decoration:underline;} #don_subwrap .don_leftmenu > .sub_menu {background:#f4f7fc; padding:15px 0 15px 23px; border:1px solid #dddddd; border-top:0;} #don_subwrap .don_leftmenu > .sub_menu > p {line-height:22px;} #don_subwrap .don_leftmenu > .sub_menu > p > a {color:#575757;} #don_subwrap .don_leftmenu > .sub_menu > p > a:hover {text-decoration:underline; color:#191919; font-family:"NanumGothicBold";} #don_subwrap .don_leftmenu > .sub_menu > p > a.on_color2 {text-decoration:underline; color:#191919; font-family:"NanumGothicBold";} /*상단 카테고리*/ #don_subwrap .pro_cate {border-collapse:collapse;} #don_subwrap .pro_cate td {width:162px; height:46px; border:1px solid #cbcbcb; } #don_subwrap .pro_cate td > a {padding:15px 10px; display:block; background:#f6f6f6;} #don_subwrap .pro_cate td > a:hover {padding:15px 10px; background:#fff; color:#e74d5f; font-family:"NanumGothicBold";} #don_subwrap .pro_cate td > a.active_cate {background:#fff; color:#e74d5f; font-family:"NanumGothicBold";} /*상단 카테고리 수정 */ #don_subwrap .pro_cate { padding:20px 1px 20px 0;border:1px solid #e1e1e1;background:#fff;} #don_subwrap .pro_cate:after { display:block;visibility:hidden;clear:both;content:""} #don_subwrap .pro_cate li { float:left;width:142px;padding-left:20px;line-height:2;border-right:1px solid #e1e1e1} #don_subwrap .pro_cate li.last { border-right:0;} #don_subwrap .pro_cate li a { color:#3c3c3c;} #don_subwrap .pro_cate li a:hover { color:#e74d5f;font-family:"NanumGothicBold";} #don_subwrap .pro_cate li a.active_cate { color:#e74d5f;font-family:"NanumGothicBold";} /*검색 카테고리*/ #ssch_cate ul { margin:0;padding:0;border-bottom:0;} #ssch_cate ul li { float:left;margin:0;padding:0;width:162px;height:46px;border:1px solid #cbcbcb;border-right:0;border-bottom:0;background:#f6f6f6;} #ssch_cate ul li.six { border-right:1px solid #cbcbcb;} #ssch_cate ul li a { padding:15px 10px;display:block;background:#f6f6f6;} /*고객센터*/ #don_subwrap .clear_caution > li {border-bottom:1px dashed #cbcbcb; padding-bottom:30px; margin-bottom:30px;} #don_subwrap .clear_caution > li > div {margin-bottom:15px;} #don_subwrap .clear_caution > li > p {padding-left:30px; color:#565656; line-height:1.9em; letter-spacing:-0.5px; font-size:13px;} #don_subwrap .clear_caution > li > p > b {font-family:"NanumGothicBold"; color:#1a1a1a;} #don_subwrap .clear_caution > li > p > strong {font-family:"NanumGothicBold"; color:#e62a16;} #don_subwrap .tab_box {margin-bottom:30px; font-size:13px;} #don_subwrap .red_tab {float:left; width:100%; background:url(../images/tab_line.gif) left bottom repeat-x; } #don_subwrap .red_tab > li {float:left; text-align:center;} #don_subwrap .red_tab > li > a {color:#363636; display:inline-block; background:#f5f5f5; border:1px solid #cbcbcb; border-bottom:1px solid #f32c17; padding:12px 0; width:152px;} #don_subwrap .red_tab > li > a:hover {background:#fff; color:#f32c17; font-family:"NanumGothicBold"; border:1px solid #f32c17; border-bottom:1px solid #fff;} #don_subwrap .red_tab > li > a.on_tab {background:#fff; color:#f32c17; font-family:"NanumGothicBold"; border:1px solid #f32c17; border-bottom:1px solid #fff;} #don_subwrap .tab_box > div.tab_inner {border:1px solid #e5e5e5; background:#f9f9f9; padding:15px; margin-top:20px; line-height:34px; letter-spacing:-0.5px;} #don_subwrap .tab_box > div.tab_inner > p {margin-bottom:10px; line-height:24px;} #don_subwrap .tab_box > div.tab_inner > p > .blank {width:15px; display:inline-block;} #don_subwrap .tab_box > div.tab_inner > div.in_wbox {background:#fff; border:1px solid #c5c5c5; padding:10px; text-align:center; margin-bottom:10px;} #don_subwrap .tab_box > div.tab_inner b {font-family:"NanumGothicBold"; color:#1a1a1a;} #don_subwrap .tab_box > div.tab_inner strong {font-family:"NanumGothicBold"; color:#e62a16;} #don_subwrap .tab_box > div.tab_inner > p.c_text {text-align:center;} #don_subwrap .tab_box > div.tab_inner > table.g_pro {width:365px; text-align:center; } #don_subwrap .tab_box > div.tab_inner > table.g_pro > thead > tr > th {width:24%; border:1px solid #cbcbcb; background:#ededed;} #don_subwrap .tab_box > div.tab_inner > table.g_pro > thead > tr > th:first-child {width:52%;} #don_subwrap .tab_box > div.tab_inner > table.g_pro > tbody > tr > td {background:#fff; border:1px solid #cbcbcb;} #don_subwrap .tab_box > div.tab_inner > table.s_pro {width:100%; text-align:center; } #don_subwrap .tab_box > div.tab_inner > table.s_pro > thead > tr > th {width:11%; border:1px solid #cbcbcb; background:#ededed;} #don_subwrap .tab_box > div.tab_inner > table.s_pro > thead > tr > th:first-child {width:34%;} #don_subwrap .tab_box > div.tab_inner > table.s_pro > tbody > tr > td {background:#fff; border:1px solid #cbcbcb;} /*제품리스트*/ #list_wrap {margin-top:40px;} #list_wrap > .search_field {float:left; width:100%; margin-bottom:10px;} #list_wrap > .search_field > .list_total {float:left; font-size:16px; font-family:"NanumGothicBold";} #list_wrap > .search_field > .list_total > span {color:#e74d5f;} #list_wrap > .search_field > .list_sort {float:right;} #list_wrap > .search_field > .list_sort > li {float:left;} #list_wrap > .search_field > .list_sort > li > a {padding:8px 15px 7px; background:#fafafa; font-family:"돋움", "Dotum"; font-size:11px; color:#6c6c6c; border:1px solid #cbcbcb; border-left:0; line-height:28px;} #list_wrap > .search_field > .list_sort > li:first-child > a {border-left:1px solid #cbcbcb;} #list_wrap > .search_field > .list_sort > li > a:hover {border:1px solid #6c6c6c; background:#fff; margin-left:-1px; font-weight:bold; letter-spacing:-1.1px;} #list_wrap > .search_field > .list_sort > li > a.sort_on {border:1px solid #6c6c6c; background:#fff; margin-left:-1px; font-weight:bold; letter-spacing:-1.1px;} #list_wrap > .search_field > .list_sort > li:first-child > a.sort_on {margin:0 !important;} #list_wrap > .search_field > .list_sort > li:first-child > a:hover {margin:0 !important;} #list_wrap > .search_field > .list_sort > li.list_count {margin-left:5px; margin-top:-1px; border:1px solid #cbcbcb; padding:5px; width:90px;} #list_wrap > .search_field > .list_sort > li.list_count > select {font-family:"돋움", "Dotum"; font-size:11px; color:#6c6c6c; background:none; border:0 none; border-radius:0px;} #list_wrap > .search_form {padding:12px 20px; border:1px solid #cbcbcb; background:#f6f6f6; } #list_wrap > .search_form .don_input {width:80px;} #list_wrap > .search_form > b {margin-right:15px;} #list_wrap > .search_form > label {margin-right:15px;} #list_wrap > .search_form > .keyword_search {margin-left:10px;} #list_wrap > .search_form > .keyword_search > input {width:140px !important;} #list_wrap > .search_form > .keyword_search > input.input_btn {background:#e74d5f; color:#fff; outline:none; border:0 none; font-family:"NanumGothicBold"; width:50px !important; padding:5px 10px; margin-left:3px; cursor:pointer;} #list_wrap > .search_form > .keyword_search > input.input_btn:active {background:#d33b4d;} #poducts_list {border-top:2px solid #6c6c6c; padding:20px 0 50px; margin-top:20px; border-bottom:1px solid #c6c6c6;} #poducts_list > ul.thumb_list {float:left;} #poducts_list > ul.thumb_list > li.thumb_box {float:left; margin-bottom:10px; margin-right:7px; text-align:center; width:218px; height:328px; border:1px solid #cbcbcb; padding:10px 9px;} /* 여기 수정했음 이미지 사이즈 줄였음 나중에 다시 바꿔서 맞춰보자*/ #poducts_list > ul.thumb_list > li.last { margin-right:0;} #poducts_list > ul.thumb_list > li.thumb_box > div.thumb_photo {width:218px; height:220px;} #poducts_list > ul.thumb_list > li.thumb_box > div.lp_info {margin-top:12px; color:#2f2f2f;} #poducts_list > ul.thumb_list > li.thumb_box > div.lp_info > .lp_name {height:30px; max-height:30px; line-height:1.3em; font-size:13px;} #poducts_list > ul.thumb_list > li.thumb_box > div.lp_info > .lp_name > a:hover {text-decoration:underline;} #poducts_list > ul.thumb_list > li.thumb_box > div.lp_info > .lp_price {font-size:16px; font-family:"Verdana", "NanumGothicBold"; font-weight:bold; margin:12px 0;} #poducts_list > ul.thumb_list > li.thumb_box > div.lp_info > .lp_sr {} #poducts_list > ul.thumb_list > li.thumb_box > div.lp_info > .lp_sr > .lp_star {margin-right:5px;} #poducts_list > ul.thumb_list > li.thumb_box > div.lp_info > .lp_sr > .lp_star > img {margin-top:-2px;} #poducts_list > ul.thumb_list > li.thumb_box > div.lp_info > .lp_sr > .lp_review:hover {text-decoration:underline;} #list_wrap > .don_paging {text-align:center; margin-top:30px;} #list_wrap > .don_paging > span > a {background:#e8e8e8; width:30px; height:30px; display:inline-block; line-height:30px;} #list_wrap > .don_paging > span > a:hover {background:#4b4b4b; font-family:"NanumGothicBold"; color:#fff;} #list_wrap > .don_paging > span > a.page_on {background:#4b4b4b; font-family:"NanumGothicBold"; color:#fff;} #list_wrap > .don_paging > a {margin:0 3px;} /*마이페이지 layout*/ #don_subwrap > .left_wrap {width:180px; float:left;} #don_subwrap > .left_wrap > .login_info {float:left; border:2px solid #e74d5f; padding:15px 8px; width:160px; margin-bottom:10px; font-family:"돋움", "Dotum";} #don_subwrap > .left_wrap > .login_info > p {text-align:center;} #don_subwrap > .left_wrap > .login_info > p > strong {color:#e74d5f;} #don_subwrap > .left_wrap > .login_info > .info_table {width:100%; border:1px solid #cbcbcb; font-size:11px; margin-top:15px;} #don_subwrap > .left_wrap > .login_info > .info_table th {background:#e9e9e9; text-align:left; font-family:"돋움", "Dotum"; font-weight:normal; padding:5px; border-bottom:1px solid #cbcbcb; border-right:1px solid #cbcbcb; width:50%;} #don_subwrap > .left_wrap > .login_info > .info_table td {padding:5px; text-align:right; border-bottom:1px solid #cbcbcb; width:50%;} #don_subwrap > .left_wrap > .login_info > ul {float:left; margin-top:10px;} #don_subwrap > .left_wrap > .login_info > ul > li {float:left;} #don_subwrap > .left_wrap > .login_info > ul > li:first-child {margin-right:4px; float:left;} #don_subwrap > .left_wrap > .login_info > ul > li > a {display:inline-block; padding:5px 0; width:78px; text-align:center; color:#fff; font-size:11px; background:#6f6f6f;} #don_subwrap > .left_wrap > .login_info > ul > li > a:hover, .left_wrap > .login_info > ul > li > a:active {background:#626262; text-decoration:none;} /*마이페이지 index*/ #don_subwrap .mini_info {margin-bottom:30px;} #don_subwrap .mini_info > dl {background:#f8f8f8; padding:10px 0; float:left; margin-top:2px; } #don_subwrap .mini_info > dl:first-child {margin-top:0;} #don_subwrap .mini_info > dl > dt {width:120px; float:left; text-align:center; font-family:"NanumGothicBold";color:#606060;} #don_subwrap .mini_info > dl > dd {width:265px; float:left; color:#666;} #don_subwrap .mini_info > dl > dd > span.pri_num {font-family:"NanumGothicBold"; color:#4574e0;} #don_subwrap .order_status {margin-bottom:30px;} #don_subwrap .don_center .don_scontents h3 {font-size:16px; font-family:"NanumGothicBold"; color:#606060; line-height:16px; padding-top:0; margin-bottom:0; border-bottom:1px solid #e2e2e2;} #don_subwrap .don_center .don_scontents h3 > span {background:url(../images/g_bar.gif) left top no-repeat; padding-left:10px; margin-left:10px; display:inline-block; font-size:11px; color:#787878; font-family:"돋움", "Dotum"; font-weight:normal;} #don_subwrap .order_status > .status_box {border:3px solid #cbcbcb; padding:20px; margin-top:15px;} #don_subwrap .order_status > .status_box > ul {float:left;} #don_subwrap .order_status > .status_box > ul > li {float:left;} #don_subwrap .order_status > .status_box > ul > li.order_arrow {margin:36px 43px 0 44px;} #don_subwrap .order_status > .status_box > ul > li > p:first-child {margin-bottom:10px;} #don_subwrap .order_status > .status_box > ul > li > p {color:#2f2f2f; font-family:"NanumGothicBold"; text-align:center;} #don_subwrap .order_status > .status_box > ul > li > p > a {color:#e74d5f; font-family:"Verdana"; font-weight:bold; text-decoration:underline;} .more_btn {float:right; margin-top:7px;} .more_btn > a {font-family:"돋움", "Dotum"; font-size:11px; color:#8a8a8a; letter-spacing:-0.5px; padding:5px 10px; border:1px solid #cbcbcb; display:inline-block; margin-bottom:15px;} .delivery_btn {float:right; margin-top:15px;} .delivery_btn > a {font-family:"돋움", "Dotum"; font-size:11px; color:#8a8a8a; letter-spacing:-0.5px; padding:5px 10px; border:1px solid #cbcbcb; display:inline-block; margin-bottom:7px;} table.my_table {width:100%;} table.my_table > thead > tr > th {background:#f8f8f8; padding:10px 0; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;} table.my_table > tbody > tr > td {border-bottom:1px solid #d8d8d8; padding:10px 0; text-align:center;} table.my_table > tbody > tr > td > a:hover {text-decoration:underline;} /*회원가입*/ #don_subwrap .agree_box {margin-bottom:20px;} #don_subwrap .agree_box > .agree_tit {font-size:16px; padding:5px 10px; letter-spacing:-0.5px; font-family:"NanumGothicBold"; color:#fff; background:#6f6f6f;} #don_subwrap .agree_box > .agree_con {width:100%;} #don_subwrap .agree_box > .agree_con > textarea {width:878px; padding:10px; height:130px; resize:none; border:1px solid #cbcbcb; border-top:0;} #don_subwrap .agree_chk {text-align:center; color:#e62a16; font-size:14px; font-family:"NanumGothicBold";} #don_subwrap .br_btn {margin:0 auto; text-align:center; margin-top:50px;} /*기본 테이블 스타일*/ #don_subwrap .join_form > h3 {font-size:16px; font-family:"NanumGothicBold"; color:#2f2f2f; margin-bottom:15px;} #don_subwrap span.c_pink {color:#e74d5f;} #don_subwrap span.c_gray {color:#cacaca;} #don_subwrap .basic_table {border-top:2px solid #e74d5f; font-size:13px; width:100%; margin-bottom:30px;} #don_subwrap .basic_table th {text-align:left; color:#2f2f2f; padding:15px 10px; background:#fafafa; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; width:160px;} #don_subwrap .basic_table td {padding:15px 10px; border-bottom:1px solid #cbcbcb;} #don_subwrap .basic_table td > input.don_input {width:200px} #don_subwrap span.advice {font-size:11px; font-family:"돋움", "Dotum"; color:#6f6f6f;} .lc_img {text-align:center;} /*로그인*/ .login_box {width:753px; margin:0 auto;padding-top:80px;} .login_box > .lf_wrap {background:url(../images/login_bg1.gif) left top no-repeat; width:753px; height:270px; padding:80px 80px 0;} .login_box > .lf_wrap > .login_form {float:left; padding-bottom:20px; width:610px; position:relative;} .login_box > .lf_wrap > .login_form > ul {float:left; width:280px; position:absolute; margin-left:255px;} .login_box > .lf_wrap > .login_form > ul > li {float:left;} .login_box > .lf_wrap > .login_form > ul > li > span{ margin-right:5px;} .login_box > .lf_wrap > .login_form > ul > li:first-child {margin-bottom:10px;} .login_box > .lf_wrap > .join_find {float:left; margin-top:58px;} .login_box > .lf_wrap > .join_find > li {float:left;} .login_box > .lf_wrap > .join_find > li:first-child {margin-right:140px;} .login_box input.don_input {height:28px; line-height:28px; padding:0 10px; width:203px;} /*회원정보수정*/ .member_box {width:753px; margin:0 auto;} .member_box > .lf_wrap2 {background:url(../images/member_bg1.gif) left top no-repeat; width:753px; height:270px; padding:80px 80px 0;} .member_box > .lf_wrap2 > .member_form {float:left; padding-bottom:20px; width:610px; position:relative;} .member_box > .lf_wrap2 > .member_form > ul {float:left; width:290px; position:absolute; margin:15px 0 0 245px; z-index:99999;} .member_box > .lf_wrap2 > .member_form > ul > li {float:left;} .member_box > .lf_wrap2 > .member_form > ul > li > span, .member_box > .lf_wrap2 > .member_form > ul > li > label { margin-right:5px;} .member_box > .lf_wrap2 > .member_form > ul > li > label { padding-left:8px;} .member_box > .lf_wrap2 > .member_form > ul > li:first-child {margin-bottom:10px;} .member_box > .lf_wrap2 > .member_home {margin:90px 0 0 180px; width:230px;} .member_box input.don_input {height:28px; line-height:28px; padding:0 10px; width:203px;} /*아이디패스워드찾기*/ .pw_pop{width:604px; position:relative; display:block; background:#fff; overflow:hidden;} .pw_pop > .pw_bg{width:100%; background:url(../images/po_pw_bg1.gif) left top no-repeat; color:#fff; font-size:20px; font-family:"NanumGothic"; padding:15px 0 15px 62px; margin-bottom:20px;} .pw_form{width:90%; margin:0 auto; border-spacing:0; border-collapse:collapse; margin-bottom:20px;} .po_pw_btn{margin:0 auto; width:90%; border-top:1px solid #d8d8d8;} .po_pw_btn ul{margin:20px 0 0 160px;} .po_pw_btn ul li{float:left;} .po_pw_btn ul li:first-child{margin-right:10px;} /*회사소개*/ .com_img1{margin:50px 0 0 0; text-align:center;} .event_img{margin-top:20px;} /* 이벤트에 할인률을 넣기 위해 이걸 추가 한다 */ div.pick_dis_sub {position:absolute; background:url(../images/dis_bg.gif) no-repeat; width:60px; height:50px; right:10px; text-align:center; line-height:40px; font-size:20px; letter-spacing:-0.5px; font-weight:bold; font-family:"Verdana"; color:#fff;} /* 장바구니 */ .cart_01{margin:0 0 20px;} .cart_01 table{width:100%;} .cart_01 thead th{padding:13px 0; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; background:#f8f8f8; color:#606060; font-size:13px; text-align:center; font-family:"NanumGothicBold";} .cart_01 tbody td{padding:13px 0; border-bottom:1px solid #d8d8d8; color:#666; font-size:12px; font-family:"NanumGothic"; line-height:1.5em; word-break:break-all;} .car_text{margin:5px 0; border:1px solid #e8e8e8; background:#fbfbfb; padding:7px;font-size:12px;font-family:"NanumGothic";} .mod_options{padding:5px; background:#fff; color:#e74d5f; border:1px solid #e74d5f; cursor:pointer; width:100%;} .cart_02{margin:0 0 20px;padding:15px; border:1px solid #e8e8e8; background:#fbfbfb; zoom:1; height:135px;} .cart_02 dt,.cart_02 dd{float:left; padding:13px 0; border-bottom:1px solid #d8d8d8;} .cart_02 dt{width:48%; padding-left:2%; font-family:"NanumGothicBold"; font-size:12px; } .cart_02 dd{ padding-right:2%; font-family:"NanumGothic"; font-size:12px; width:47%; text-align:right; font-weight:normal;} .cart_pink{background:#e74d5f; color:#fff; margin-top:10px;} .green{background:#fcfcfc; color:#e74d5f !important;} .btn_form01{border:0;}