/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap'); */ @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css'); /* 요소(element) 여백 초기화 */ html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, address, pre, cite, form, fieldset, input, textarea, select, table, th, td { margin:0; padding:0; } /* 테이블설정 */ table, th, td{ margin:0; } caption{display:none} /* 목록 */ ol, ul,li { list-style:none;padding:0;margin:0 } /* 테두리 없애기 */ fieldset, img, abbr,acronym { border:0 none; } /* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */ table { border-collapse: collapse; border-spacing:0; border:0 none; } /* 텍스트 관련 요소 초기화 */ address, caption, em, cite, th { font-weight:normal; font-style:normal; } ins { text-decoration:none; } del { text-decoration:line-through; } /* body 스타일 */ body,td,div { color:#000000; font-size:16px; /* font-family:'Noto Sans KR', sans-serif; */ font-family:'pretendard', sans-serif; } /* 링크 */ a, a:link {color:#000;text-decoration:none;} a:visited {color:#000;text-decoration:none;} a:hover {color:#31456f;text-decoration:none;} a:focus {color:#000;text-decoration:none;} a:active {color:#000;text-decoration:none;} /* 이미지, 폼관련 요소 */ label, select, input, textarea,span { vertical-align:middle; box-sizing:border-box; } select {padding:8px; font-size:14px; border:1px solid #D8D8D8; border-radius:4px;} textarea { border:1px solid #D8D8D8; border-radius:4px;} .memu{color:#000000;font-size:9pt; font-family:굴림,pretendard;line-height:140%} A.menu:link {color:#000000; text-decoration:none;} A.menu:visited {color:#000000; text-decoration:none;} A.menu:hover {color:#FF0000; text-decoration:none;} .input_{border:1px solid #D8D8D8; padding:10px 15px; box-sizing:border-box; border-radius:5px;} /* button */ /* 게시판 하단 버튼 */ .tb_bt {width:auto !important;} .tb_bt .bts {min-width:50px; padding:10px 20px !important; border:1px solid #858585 !Important; border-radius:5px; background:#858585 !Important; color:#fff !important;} .bts {border-radius:4px !important; background:#858585; color:#fff !important;} .bts.black {background-color:#333 !important; color:#fff !important; border-color:#333 !important;} .bts.scon_btn {background-color:#ef2a23 !important; color:#fff !important; border-color:#ef2a23 !important;} .bts.white {background-color:#fff !important; color:#222 !important; border-color:#ddd !important;} .sbts {display:inline-block; border-radius:4px; border:1px solid #ddd !important; border-radius:5px; background:#fff; color:#222 !important; padding:10px 20px !important;} .sbts.blue {background-color:#0e7aff !important; color:#fff !important; border-color:#0e7aff !important;} /* 게시판 검색 */ .td_search .bts {border-radius:4px !important; background-color:#333 !important; color:#fff !important; border-color:#333 !important;} /* 시중가,판매가,포인트,상품명,간략설명*/ .goodsName {padding-bottom:10px; font-weight:600; font-size:18px; color:#2a2a2a;} .goodsMarketPrice {display:block; color:#9c9c9c; font-size:14px; display:inline-block; margin:0 5px;} .goodsPrice{font-size:18px; font-family:pretendard; font-weight:bolder; color:red; color:#000; display:inline-block;} .goodsPoint{color:#3f7d9e} .goodsAdvance { color:#333;padding-bottom:5px; font-size: .9em;} .goodsAdvance.size {font-weight: 600; } /*.goodsAdvance{display: none;}*/ .goodsSale {color: #EF2A23; display:inline-block; font-size: 18px; margin: 0 3px 0 0; font-weight: 600;} .goodsPct {display:inline-block; font-size: 18px; color:#F3270A; font-weight: 600; margin:0 5px 0 0;} .goodsDetail {color:#8D8D8D; margin: 0 0 30px 0;} .goodsNumberIcon{position:relative;left:0px;top:0px;} .goodsNumberIcon img{display:block;position:absolute;z-index:1; left:0px; top:0px;} /* 카테고리 네비게이션 */ .category_m{letter-spacing: 0px;} /* 필수입력마크 */ .p{color:red;font-weight:bolder; padding-right:6px} /* 약관 */ .member_agree {margin-bottom:100px;} .member_agree h1{margin-bottom:10px} .member_agree h2{margin-bottom:10px;font-size:18px; margin-top:30px;} .member_agree ol{margin-bottom:15px;padding-left:20px; color:#666; line-height:1.4;} .member_agree ol li {font-size:16px; line-height:160%; } .member_agree p {margin-bottom:15px;padding-left:20px; font-size:16px; color:#666; line-height:1.4;} /* 상품목록 카테고리 상단버튼 */ .bt_category_top{display:block;padding:14px;color:#333333;text-decoration:none; font-size:16px; text-align:center; transition:.3s all;} a.bt_category_top:hover{position:relative; text-decoration:none; color:#fff; color:#222; } /* 상품구매 가격내역 정보 */ .userinfo_priceinfo{border-top:2px solid #3a3a3a;border-bottom:2px solid #3a3a3a;margin-top:10px;margin-bottom:10px} .userinfo_priceinfo td,.userinfo_priceinfo th{padding:12px;border-right:1px solid #dddddd;width:25%} .userinfo_priceinfo th{background-color:#f0f1f7;font-weight:bolder} .userinfo_priceinfo td{text-align:center;font-family:pretendard;font-size:22px;font-weight:bolder;position:relative;padding:30px;} .userinfo_priceinfo_end{border-right:0 !important;color:#db0000} .userinfo_priceinfo td div{position:absolute; z-index:1;right:-13px;top:32px;} .userinfo_priceinfo2{border-bottom:1px solid #dddddd;padding-bottom:10px;margin-bottom:10px} .userinfo_priceinfo2 span{display:inline-block;width:120px;} .total_price_show{color:red;font-weight:bolder;font-family:pretendard;font-size:20px} /* 장바구니 수량 */ .cartnum_box{border-collapse:collapse;background-color:#ffffff} .cartnum_box td{border:1px solid #dddddd;padding:0;} .cartnum_box .option_num {min-width:80px;} .cartnum_box td input{border:0;text-align:center} /* 장바구니스탭 */ .cart_step_number{border-radius:100px;border:1px solid #d2d2d2;background-color:#f2f2f2;color:#7d7d7d;font-size:20px;text-align:center;width:60px;height:60px;line-height:60px;padding:0} .cart_step_number_over{border-radius:100px;border:1px solid #242424;background-color:#242424;color:#ffffff;font-size:20px;text-align:center;width:60px;height:60px;line-height:60px;padding:0} .cart_step_number_line{height:1px;border-top:1px solid #d2d2d2} .cart_step_space{width:30px} .cart_step_text{padding-top:10px;text-align:center} /* 네비게이션 디자인 */ .navi_design{/* background-color:#F5F5F5;border:1px solid #dddddd; */text-align:left; margin:0 0 50px 0; line-height:50px; display: flex; justify-content: flex-end;} .navi_design ul{float:left;padding-left:10px} .navi_design ul li{float:left;padding:0 15px 0 10px;background:url(../image/A_icon_7.gif);background-repeat:no-repeat;background-Position:100% 50%; line-height:1.2; font-size: 14px;} .navi_design ul li:last-child{background:url(); padding:0 0 0 10px; } .navi_design ul li:last-child a {color:#222; font-weight: 500;} .navi_design ul li a {color:#757575;} .subtitle{padding:20px 0;font-weight:bolder;} .subtitle_line{border-bottom:1px solid #dddddd} .input_ess{background:url(../../../image/input_ess.gif); background-repeat:no-repeat;background-Position:0% 0%; background-size:5px;} .formtitle{padding:10px 0 10px 25px;margin-top:20px;font-weight:normal;text-align:left;font-size:1.2em;background:url(../../../image/icon_point.gif);background-repeat:no-repeat;background-Position:0px 50%;} /* 관리자전용알림 */ .adminmess{background-color:#f5f5f5;border:1px solid #ccc;padding:15px;text-align:center;color:#8c9339;display:block} /* 줌효과 */ .zoomimg_wrap{width: 280px; height:280px; position: relative; overflow:hidden; border:1px solid #ddd; background:#F5F7FA; border-radius: 10px; margin-bottom:20px; font-size: 0; line-height: 0;} .zoomimg_wrap img{transition:all .4s; position:absolute; top:0; left:0; width:100%; height:100%;} .zoomimg_wrap:hover img{transform:scale(1.1);} /*------------------------------------ 제품 리스트 ------------------------------------*/ .cont_tit {margin:50px 0 30px 0} #prod_list .sub_category_wrap{ padding:1px} #prod_list .sub_category_wrap ul {display:flex; flex-wrap:wrap; justify-content: center} #prod_list .sub_category_wrap ul li{margin: 0 15px 15px 0;padding:0;} #prod_list .sub_category_wrap ul li a{display:block; font-size: 18px; width: auto;transition: all 0.3s;padding: 15px 20px; text-align: center;background: #f2f4f7;border-radius: 30px; color:#595959; letter-spacing:-0.025em;} #prod_list .sub_category_wrap ul li a:hover {background:#222; color:#fff; font-weight: 500;} /* 제품상단 탑 (총상품, 셀렉트 검색결과 공통)*/ .top_prod_box {display:flex; justify-content: space-between; align-items: center; } .top_prod_box .total {font-size: 18px;} .top_prod_box .total b {color:#EF2A23;} /* drop 박스 */ .select_box {position:relative;} .select_box > p {position:relative; display:flex; align-items: center; width:100px; justify-content: space-between; font-size: 16px; color:#303030; padding:12px 15px; border:1px solid #ddd; border-radius:5px; cursor:pointer;} .select_box > p i {display:inline-block; padding:0 5px; line-height:16px; color:#222;} .select_box > p.on i {transform:rotate(-180deg);} .select_box .sel_list {position:absolute; z-index:1; top:100%; width:100%; display:none; border:1px solid #ddd; background:#fff; border-radius:5px; overflow:hidden; padding: 10px 5px; box-sizing:border-box;} .select_box .sel_list li{} .select_box .sel_list li a {width:100%; border:0; box-sizing:border-box;} /*------------------------------------ 제품 View 리스트 ------------------------------------*/ #prod_view_list .tit_box {position:relative; display:flex; justify-content: space-between; border-bottom:1px solid #eaeaea; margin:0 0 20px 0; padding:0 0 20px 0;} #prod_view_list .tit_box .tit{font-size: 28px; font-weight: 600; line-height:1; color:#000; } #prod_view_list .tit_box .tit p {margin: 0 0 10px 0; line-height:1.4; } #prod_view_list .wish_share {display:flex; height:28px; align-items: center} #prod_view_list .wish_share > * {padding:0 0 0 10px;} #prod_view_list .wish_share .link_box {position:relative;} #prod_view_list .wish_share .link_box #btsns {position:absolute; z-index:1; left:-55%; top:40px; border:1px solid #ddd; padding:5px; background:#fff;} #prod_view_list .wish_share .link_box #btsns ul {display:flex; align-items: center} #prod_view_list .wish_share .link_box #btsns ul li {padding: 5px;} #prod_view_list .thumb {position:relative; width:500px; height:500px; border-radius:20px; overflow:hidden; border:1px solid #ddd;} #prod_view_list .thumb img { position: absolute; width: 100%; height:100%; top: 50%; left: 50%; transform: translate(-50%, -50%);} #prod_view_list .thumbnail{display:flex; justify-content: center; margin:10px 0; } #prod_view_list .thumbnail li{position:relative; margin-right:10px; width:100px;height:100px;border:1px solid #eee; border-radius:10px; overflow:hidden;} #prod_view_list .thumbnail li:hover {border-color:#eee;} #prod_view_list .thumbnail li:last-child{margin-right:0px} #prod_view_list .thumbnail li img{width:100%; height:100%; cursor:pointer;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} .option_table select {width:100%; height:48px; border-radius:5px; border:1px solid #ddd; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 15px; margin:3px 0; box-sizing:border-box; background:url(../image/ico_sel_down.svg)no-repeat 96% 50%;} /* 총금액 */ #prod_view_list .total_price_box {width:100%; font-size: 16px; font-weight: 500; display:flex; justify-content: space-between; align-items: center;} #prod_view_list .total_price_box .total_price {font-family:'Pretendard' ,sans-serif; font-size:1.7em; font-weight:bolder; color:red} #prod_view_list .btn_box {width:100%; display:flex; margin: 25px 0 0 -1%; } #prod_view_list .btn_box a {display:inline-block; width:49%; margin:0 0 0 1%; text-align:center; border-color:#111; font-size: 20px; padding:22px 70px; letter-spacing:-0.025em; color:#111; font-weight: 600; border-radius:5px;} #prod_view_list .btn_box a.payment {background:#111; color:#fff;} /*정보 (right)*/ #gc {padding:6px 0 0 0} #gc .tb_1{width:120px; padding:10px 20px; font-size:15px; letter-spacing:-0.025em; font-weight: 500; color:#5d5d5d;} #gc .tb_2{padding:7px 0;color:#3e3e3e; font-family:'Pretendard'; font-size: 15px; } #gc .tb_2 span {line-height:1; vertical-align:1px; display:inline-block;} #total_price_show {border-top:1px solid #ddd; margin:20px 0 0 0;} #op_show {margin:10px 0 0 0;} /* 제품설명 탭 */ /*.goods_tap{border-top:1px solid #e2e2e2}*/ .goods_tap td{width:25%} .goods_tap td a{display:block;padding:20px;text-align:center;border-bottom:1px solid #e2e2e2; /*background:url(/image/H_line_1.gif);*/ background-repeat:no-repeat;background-Position:100% 50%;color:#525252; font-size:18px} .goods_tap td:last-child a{background:url();} .goods_tap a.goods_tap_ov{border-bottom:2px solid #000000;font-weight:bolder;color:#000000} /* 상품정보고시 테이블 */ .tb_gosi {border-collapse:collapse;border-style:none;margin-bottom:20px;border-top:1px solid #dddddd;} .tb_gosi th,.tb_gosi td{border-bottom:1px solid #dddddd;padding:16px;text-align:left} .tb_gosi th{background-color:#f0f1f7;width:150px} .stitle{margin-bottom:12px;margin-top:50px;font-size:1.6em; letter-spacing:-0.025em; font-weight: 500;/*border-top:2px solid #000000;*/ padding:20px 0} /* 상품후기 */ #af_main {border:1px solid #dddddd;border-bottom:0px} #af_main th, #af_main td{text-align:center;} #af_main th{background-color:#f0f1f7;border-top:1px solid #A4A4A4;border-bottom:1px solid #dddddd;padding:13px 0} #af_main th.tb_1{width:100px; } #af_main th.tb_3{width:120px;} #af_main th.tb_4{width:130px;} #af_main td.tb_1{width:100px;border-bottom:1px solid #dddddd;background-color:#ffffff; padding:13px 0} #af_main td.tb_2{text-align:left;padding-left:15px;border-bottom:1px solid #dddddd;background-color:#ffffff;padding:13px 0;cursor:pointer; font-size:15px;} #af_main td.tb_3{width:120px;border-bottom:1px solid #dddddd;background-color:#ffffff;padding:13px 0} #af_main td.tb_4{width:130px;border-bottom:1px solid #dddddd;background-color:#ffffff;padding:13px 0} .review_tit {font-size: 17px; margin:30px 0 15px; font-weight: 500;} .comment_body p { font-size: 16px;} .comment_body img{max-width:600px; } /* 상품문의 */ #qa_main {border:1px solid #dddddd;border-bottom:0px} #qa_main th, #qa_main td{text-align:center;} #qa_main th{background-color:#f0f1f7;border-top:1px solid #A4A4A4;border-bottom:1px solid #dddddd;padding:13px 0} #qa_main th.tb_1{width:100px; } #qa_main th.tb_3{width:100px;} #qa_main th.tb_4{width:130px;} #qa_main td.tb_1{width:100px;border-bottom:1px solid #dddddd;background-color:#ffffff; padding:13px 0} #qa_main td.tb_2{text-align:left;padding-left:15px;border-bottom:1px solid #dddddd;background-color:#ffffff;padding:13px 0;cursor:pointer} #qa_main td.tb_3{width:100px;border-bottom:1px solid #dddddd;background-color:#ffffff;padding:13px 0} #qa_main td.tb_4{width:130px;border-bottom:1px solid #dddddd;background-color:#ffffff;padding:13px 0} /* 반품 교환 */ .takeback {border-collapse:collapse;margin-top:10px} .takeback th{background-color:#f9f9f9;border:1px solid #d7d7d7;text-align:left;padding:20px; } .takeback td{border:1px solid #d7d7d7;padding:25px;color:#5f5f5f; line-height:1.5;} .takeback td b {color:#222;} .takeback th div{font-size:1.2em;font-weight:700;background:url(/image/H_icon_point.gif);background-repeat:no-repeat;background-Position:100% 50%; } /*------------------------------------ Member > 회원가입 ------------------------------------*/ .tac {text-align:center;} /* 약관동의 */ .member_wp input[type=checkbox] {vertical-align: middle; width: 25px !important; height: 25px !important; border-radius:4px; margin-right: 8px; appearance: none; border:1px solid #cdcdcd !important; background-size: cover;} .member_wp input[type=checkbox]:checked {appearance: none; background: url(../image/ico_chk.svg) no-repeat 50% 50% / 14px; border-color:#333 !important;} .member_wp input[type=checkbox]:checked + label {color:#000; font-weight: 600;} .member_wp input[type=radio] {vertical-align: middle; width: 25px !important; height: 25px !important; appearance: none; border:1px solid #cdcdcd !important; border-radius:20px; box-sizing:border-box;} .member_wp input[type=radio]:checked {position:relative; border-color:#333 !important;} .member_wp input[type=radio]:checked:before {position:absolute; left:50%; top:50%; transform:translate(-50%, -54%); width:14px; height:14px; border-radius:20px; background:#222; content:'';} .member_wp input[type=radio]:checked + label {color:#000; font-weight: 600;} .member_wp fieldset legend {font-size:22px; font-weight: 600; padding: 0 0 15px 0;} .member_wp .box {border:1px solid #e5e5e5; border-radius:10px; overflow:hidden;} .member_wp .box > div { padding: 20px;} .member_wp .agree_box {margin:20px 0 0 0; text-align: center;} .member_wp .agree_box input {margin:0 10px; } .member_wp .agree_box label {font-size:16px; color:#555; font-weight: 500;} .member_wp .agree_box.all {text-align:left; padding:20px 0 40px 0;} .member_wp .member_text{width:100%;height:200px;overflow-y:scroll;text-align:left;line-height:1.4em} .member_wp .member_text h1, h2, h3, h4, h5, h6{margin-bottom:10px;font-size:1.2em} .member_wp .member_text ol{margin-bottom:30px;margin-left:20px; color:#666; font-size: 16px; } .member_wp .member_text p{margin-bottom:30px; font-size: 16px; color:#666; line-height:1.5;} .member_wp .btn_wp {margin:20px 0 0 0;} .member_wp .btn_wp.mgt50 {margin:50px 0 0 0;} .member_wp .bts {padding:15px 20px !important; min-width:150px; text-align: center; border:1px solid #ddd; border-radius:30px; font-weight: 600; color:#222; transition:.2s;} .member_wp .bts.white {background:#fff; border:1px solid #ddd;} .member_wp .bts.white:hover {border-color:#222 !important; opacity:1;} .member_wp .bts.black:hover {background:#2155ff !important; border-color:#2155ff !important; color:#fff; opacity:1;} .member_wp .sbtn {background:#444; color:#fff; display:inline-block; padding:12px; border-radius:4px; } /* 입력폼 */ .member_wp .cont_tit p {margin:15px 0 0 0; font-size: 15px; color:#868686; line-height:1.4;} .member_form_wrap{width:700px;margin:0 auto} .member_form_wrap > li{padding:10px 0;} .member_form_wrap > li > span{display:inline-block;width:150px;font-weight:bolder} .member_form_wrap > li input.input_{width:100%; border-color:#E2E2E2; border-radius:4px; padding:15px} .member_form_wrap > li .code_box {display:inline-block; padding:9px 0; background:#efefef; text-align:center; margin: 0 2px 0 0; border-radius:4px;} .member_form_wrap .inp_tit {display:block; font-size:16px; padding: 0 0 10px 0; font-weight: 500;} .member_form_wrap .inp_tit .req {margin: 0 5px; color:red; vertical-align:top;} /* 회원탈퇴 */ .member_wp.delete .cont_tit {margin:30px 0 20px 0;} .member_wp.delete .tit {font-size: 30px;} /* FAQ */ .member_wp.faq .search_box {position:relative; display:inline-block; border-radius:50px; max-width:500px; height:52px; overflow:hidden;} .member_wp.faq .search_box input {width:100% !important; height:52px; border:0; border-radius:50px; padding:0 20px !important; box-sizing:border-box; background:#F5F7FA;} .member_wp.faq .search_box a.bts {position:absolute; right:0; height:100%; font-size:0; background:url(../image/ico_search.svg)no-repeat 50% 50%; border:0; width:60px; padding: 0 !important; top: 0; min-width: auto !important; height: 52px !important;} /* FAQ 카테고리 버튼 */ .faq_menu {display:flex; margin: 0 0 20px 0;} .faq_menu li {width:14.55%; margin-left:-1px;} .faq_menu li a{display:block; width:100%; box-sizing:border-box; padding:12px 15px; text-align:center; margin-right:1px;border:1px solid #cacaca;margin-bottom:1px} .faq_menu li a:hover{position:relative; text-decoration:none;background-color:#3a3a3a;border:1px solid #3a3a3a;color:#fff; z-index:2;} /* 게시판 form */ .bbs_form_wrap .input_ {border-radius:5px; padding:12px 8px;} /* 통합검색 */ .search_wp .cont_tit p {font-size: 18px; margin: 20px 0;} .search_wp .cont_tit p b {color:red;} .search_wp .search_box {display: inline-block; width:100%; text-align:center; margin: 20px 0 50px 0;} .search_wp .search_box form {display:flex; justify-content: center; align-items: center} .search_wp .search_box .form_box {position:relative; display:flex; border:2px solid #ddd; min-width:500px; border-radius:50px; overflow:hidden; box-sizing:border-box;} .search_wp .search_box .form_box > * {border:0; height:50px; font-size:16px;} .search_wp .search_box .form_box select {width:160px;} .search_wp .search_box .form_box input {width:calc(100% - 160px);} .search_wp .search_box .form_box a {position:absolute; top:0; right:0; width:50px; height:100%; background:url(../image/ico_search.svg)no-repeat 50% 50%; font-size: 0;} .search_wp .search_box .result {margin: 0 0 0 10px; font-size: 16px; color:#666} .search_wp .search_box .result input[type=checkbox] {width:20px; height:20px; border:1px solid #ddd;} /* 통합검색 카테고리 상단버튼 */ .search_wp .bt_category_top{display:block;padding:14px;color:#333333;text-decoration:none; font-size:16px; text-align:center; transition:.3s all;} .search_wp a.bt_category_top:hover{position:relative; text-decoration:none; color:#fff; color:#222; } .search_wp a.bt_category_top:hover:before {position:absolute; top:0; left:0; margin:-1px; content:''; width:100%; height:100%; border:1px solid #222;} /* 주문하기 */ #or_main .tb_1 {font-weight: 600 !important; color:#222 !important;} #or_main .tb_2 {padding:14px 20px !important} #or_main .tb_2 a {display:inline-block !important; padding: 5px 10px; width:auto !important; font-size: 14px;} .order_wp {text-align:center; margin:50px 0 40px 0;} .order_wp .tit {font-size:2em; font-weight:600; letter-spacing:-0.025em; margin:0 0 20px 0; color:#222;} .order_wp p {color:#666; line-height:1.5;} .order_wp p span {color:red; font-weight: 500;}