@charset "utf-8"; /* CSS Document */ /*폰트*/ /*@font-face { font-family: 'Spoqa Han Sans Neo'; font-weight: 700; src: local('Spoqa Han Sans Neo Bold'), url('../../Content/font/SpoqaHanSansNeo-Bold.woff2') format('woff2'), url('../../Content/font/SpoqaHanSansNeo-Bold.woff') format('woff'), url('../../Content/font/SpoqaHanSansNeo-Bold.ttf') format('truetype'); } @font-face { font-family: 'Spoqa Han Sans Neo'; font-weight: 500; src: local('Spoqa Han Sans Neo Medium'), url('../../Content/font/SpoqaHanSansNeo-Medium.woff2') format('woff2'), url('../../Content/font/SpoqaHanSansNeo-Medium.woff') format('woff'), url('../../Content/font/SpoqaHanSansNeo-Medium.ttf') format('truetype'); } @font-face { font-family: 'Spoqa Han Sans Neo'; font-weight: 400; src: local('Spoqa Han Sans Neo Regular'), url('../../Content/font/SpoqaHanSansNeo-Regular.woff2') format('woff2'), url('../../Content/font/SpoqaHanSansNeo-Regular.woff') format('woff'), url('../../Content/font/SpoqaHanSansNeo-Regular.ttf') format('truetype'); }*/ @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css"); /*공통요소*/ *{ margin: 0; padding: 0; -webkit-text-size-adjust:none; box-sizing: border-box; } html,body, #renew2022{width:100%; height:100%;} body {font-size:14px; color:#1D2023; } body {font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;;} img, fieldset { border:0 } img{ vertical-align: bottom;} img{border:0;outline:none; selector-dummy:expression(this.hideFocus=true);}/*링크점선제거*/ ul, ol, li, dl { list-style:none; } h1, h2, h3, h4, h5, h6, h7 { font-size:100%; font-weight:normal; } hr { display:none; } a:link, a:visited ,a:hover, a:active{ display:block; color:inherit; text-decoration: none; selector-dummy:expression(this.hideFocus=true); } em, i, address { font-style:normal; font-weight:normal; } legend, caption { display:none; clear:both; } input, textarea, select, button, table { font-size:inherit; font-family:inherit; line-height:inherit; } section, nav, article, aside, hgroup, header, footer { display:block } textarea, input { border-radius:1px; -moz-appearance: none; -webkit-apprearance:none;,apprearance:none; outline: none; } textarea { resize:none; padding:15px; } label { cursor:pointer; } caption{display:none;} table { border-collapse:collapse;} input::placeholder{font-size:13px; color:#999899;} textarea::placeholder{font-size:13px; color:#999899;} select{height:35px; border:1px solid #dedede; padding:0 10px;} /*정의요소공통*/ #renew2022 .site_width{width:100%; margin:auto; position:relative;} #renew2022 .bg_grey{background: #F7F8F6;} #renew2022 input:not(input[type="radio"],input[type="checkbox"]){outline:0; height:36px; border:1px solid #E8ECEF; border-radius:8px; padding:0 10px;} #renew2022 #content input.date{padding-right:30px; background:#fff url("../../Content/svg/ico_date.svg")no-repeat right 10px center; } #renew2022 #content .sub_tit02{font-size:16px; font-weight:500; padding: 0 20px; margin-top:20px;} #renew2022 input[type="radio"]{width:22px; height:22px; border-radius:50%; border:1.5px solid #DEE2E6; appearance: none;} #renew2022 input[type="radio"]:checked{background: url("../../Content/svg/ico_radio_act.svg") no-repeat center;} #renew2022 #content .site_width>.sub_tit02{margin-top:30px;} #renew2022 input[type="checkbox"]{background:#fff; border-radius:5px; width:22px; height:22px; border-radius: 2px; border:1px solid #DEE2E6; appearance: none;} #renew2022 input[type="checkbox"]:checked{background: url("../../Content/svg/ico_checkbox.svg"); background-size:100%; border:none; } #renew2022 label{ display: flex; align-items: center; font-size:14px; color:#4C5055; margin-right:20px;} #renew2022 label>input{ margin-right:5px;} #renew2022 #content .btn_grey{background:#f5f5f5; border-radius:10px; padding:0 15px; border:1px solid #dedede;} #renew2022 #content textarea{border:1px solid #dedede;} #renew2022 #content .btn_lg{width:160px; height:50px; font-size:18px;} #renew2022 #content .nomargin{padding:0 !important;} /*상단해더공통*/ #renew2022 #header{ border-bottom:1px solid #E2E2E2;} #renew2022 #header .top{display: flex; justify-content: space-between; align-items: center; height:50px; padding:0 20px 0 10px; } #renew2022 #header .top .logo{ margin-right:20px; background-size:100% !important;} #renew2022 #header .top .logo img{vertical-align:middle; height:36px !important;} #renew2022 #header .top .title{font-size:18px; font-weight:bold; letter-spacing:-1px;} #renew2022 #header .top .btn_back{width:36px; height:36px; background: url("../../Content/svg/ico_arr_back.svg") no-repeat center; background-size:25% } #renew2022 #header .top .left {display: flex; align-items: center;flex-shrink:0; } #renew2022 #header .top .left .btn_cate{width:16px; height:16px; margin-right:10px; background: url("../../Content/svg/ico_catemenu.svg") no-repeat center; background-size:100%;} #renew2022 #header .top .search_group{display:flex; flex:1; margin-left:20px; justify-content:space-between; align-items:center; height:36px; background:#F1F3F5; border-radius: 20px; padding-right:12px;} #renew2022 #header .top .search_group input{border:none; outline: none; width:100%; height:36px; border-radius: 5px; background:transparent } #renew2022 #header .top .search_group input::placeholder{font-size:14px; color:#999; } #renew2022 #header .top .search_group .btn_topsearch{width:20px; height:20px; background:url("../../Content/svg/ico_search.svg")no-repeat center; background-size:100%;} #renew2022 #header .top .top_globalmenu{height:36px; display: flex; } #renew2022 #header .top .top_globalmenu>a{position:relative; margin-right:15px; color:#707070; font-size:11px; padding-top:21px; } #renew2022 #header .top .top_globalmenu>a:last-child{margin-right:0; } #renew2022 #header .top .top_globalmenu>a:nth-child(1){ background: url("../../Content/svg/ico_favorite.svg") no-repeat top center; } #renew2022 #header .top .top_globalmenu>a:nth-child(2){ background: url("../../Content/svg/ico_like.svg") no-repeat top center; } #renew2022 #header .top .top_globalmenu>a:nth-child(3){ background: url("../../Content/svg/ico_mypage.svg") no-repeat top center; } #renew2022 #header .top .top_globalmenu>a:nth-child(4){ background: url("../../Content/svg/ico_customer.svg") no-repeat top center; } #renew2022 #header .top .top_globalmenu>a:nth-child(5){ background: url("../../Content/svg/ico_alim.svg") no-repeat top center; } #renew2022 #header .top .top_globalmenu>a.badge:before{position:absolute; display: block; content:''; right:-3px; top:0; width:5px; height:5px; border-radius: 50%; background:red; } #renew2022 #header .top .top_globalmenu .pop_alim{position:absolute; z-index: 10; top:70px; right:0;background:#E62E17; color:#fff; font-size:13px; padding:10px 12px; border-radius: 10px; } #renew2022 #header .top .top_globalmenu .pop_alim:before{position:absolute; display: block; content: ''; background:#E62E17; width:10px; height:10px; transform:rotate(45deg); top:-5px; right:20px; } #renew2022 #header .top .top_globalmenu .pop_alim .txt_wrap{display: flex; justify-content: space-between; align-items: center; } #renew2022 #header .top .top_globalmenu .pop_alim .txt_wrap .btn{font-size:11px; color:#000; background:#fff; border-radius: 5px; padding:5px 10px; margin-left:10px; } #renew2022 #header .navgroup{display: flex; height:50px; justify-content: space-between; align-items: center;} #renew2022 #header .navgroup .menulist{ display: flex; flex:1; font-size:16px; font-weight:500; letter-spacing:-0.5px;} #renew2022 #header .navgroup .menulist>a{display:block; flex:1; height:50px; line-height: 50px; text-align: center; font-weight:600;} #renew2022 #header .navgroup .menulist>a.active{border-bottom:4px solid #E86600; color:#E86600; } #renew2022 #header .sub_toptit{display:flex; align-items: center; padding: 0 20px 0 20px; font-size:16px; letter-spacing:-0.5px; font-weight:bold; height:50px; background:#fafafa;} #renew2022 #header .sub_toptit .btn_back{ width:36px; height:36px; margin-left:-10px; background:url("../../Content/svg/ico_arr_back.svg")no-repeat center;; } #renew2022 #header .sub_toptit .tit{text-overflow: ellipsis; white-space:nowrap; overflow:hidden; width:100%;} /****메인페이지****/ /*메인배너*/ #renew2022 .mainban_wrap{width:100%; overflow: hidden; position: relative; } #renew2022 .mainban_wrap .control_wrap{position:absolute; display: flex; bottom:15px; left:15px;z-index:10; } #renew2022 .mainban_wrap .control_wrap .nav{ display: flex; align-items: center; height:22px; line-height:22px; padding:0 10px; border-radius: 15px; background:rgba(0, 0, 0, 0.5); color:#cacaca; letter-spacing: 2px; font-weight: normal;} #renew2022 .mainban_wrap .control_wrap .nav .txt{ font-size:11px;} #renew2022 .mainban_wrap .control_wrap .nav .txt em{ color:#fff; font-size:11px;} #renew2022 .mainban_wrap .mainbanner{width:100%; text-align: center;} #renew2022 .mainban_wrap .mainbanner img{width:100%; text-align: center;} #renew2022 #content .section{padding:30px 0;} #renew2022 #content .section .tit_wrap{position:relative; text-align: center; margin-bottom:20px;} #renew2022 #content .section .tit_wrap .tit{font-size:20px; font-weight:bold; color:#000; letter-spacing: -1px; } #renew2022 #content .section .proimg{width:100%; position:relative;} #renew2022 #content .section .proimg .ico{position:absolute; padding:3px 5px; font-size:11px; color:#fff; border-radius:5px; background:#e80000; left:10px; right:10px;} #renew2022 #content .section .proimg img{width:100% !important; border-radius: 10px; border:1px solid #dedede; } #renew2022 #content .section .proimg .sale_rate{position:absolute; width:35px; height:35px; border-radius:7px; background:#e86600; color:#fff; display:flex; justify-content:center; align-items:center; left:5px; top:5px;} #renew2022 #content .section .prolist{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:-40px; padding:0 20px; } #renew2022 #content .section .prolist .item{width:48% !important; margin-bottom:40px; position: relative; height:auto;} #renew2022 #content .section .prolist .item .box .txt{height:auto;} #renew2022 #content .section .prolist .item .box .txt .sale_price{font-weight:bold; font-size:15px;} #renew2022 #content .section .prolist .item .box .txt .title, #renew2022 #content .section .prolist .item .box .txt .title a{overflow:hidden; white-space: normal; text-overflow:ellipsis; overflow:hidden; line-height: 1.4; height: 2.8em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} #renew2022 #content .section .prolist .item .ico{position:absolute; width:40px; text-align:center; padding:22px 5px 5px 5px; font-size:10px; color:#fff; border-radius:5px; background:#e80000 url('../svg/ico_crown.svg') no-repeat top 2px center; background-size:20px; left:10px; top:10px; font-weight:bold; letter-spacing:-0.5px; z-index:1;} #renew2022 #content .section .prolist.circle{display: block; overflow: hidden; white-space: nowrap; overflow-x: scroll; margin-bottom:0px;} #renew2022 #content .section .prolist.circle .item{width:140px; margin:0 15px 0 0; display: inline-block;} #renew2022 #content .section .prolist.circle .item .proimg{width:140px; height:140px; border-radius: 50%; } #renew2022 #content .section .prolist.circle .item .proimg a{width:100%; height:100%;} #renew2022 #content .section .prolist.circle .item .proimg img{border-radius: 88px; } #renew2022 #content .section .prolist.circle .item .proimg .sale_rate{position:absolute; left:0; top:0; display: flex; justify-content: center; align-items: center; background:#FF0000; width:35px; height:35px; color:#fff; border-radius: 50%; } #renew2022 #content .section .prolist.circle .item .proimg .sale_rate em{font-size:14px; font-weight:500; } #renew2022 #content .section .prolist.circle .item .btn_like{display: none; } #renew2022 #content .section .prolist.circle .txt{text-align: center; white-space: normal; } #renew2022 #content .section .prolist.circle .price_wrap{justify-content: center; align-items: center; } #renew2022 #content .section .prolist.circle .price_wrap .sale_price{justify-content: center; } #renew2022 #content .section .prolist .item .txt{font-size:14px; margin-top:10px; word-break:keep-all;white-space: normal; overflow:hidden; line-height: 1.4; height: 2.8em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#666; } #renew2022 #content .section .prolist.circle_list .item .proimg img{border-radius:50%;} #renew2022 #content .section .prolist.circle_list .item .proimg .sale_rate{width:40px; height:40px; border-radius:50%;} #renew2022 #content .section .prolist .item .price_wrap{display: flex; flex-direction: column; margin-top:10px;} #renew2022 #content .section .prolist .item .price_wrap .sale_rate{font-size:16px; color:#e86600; margin-right:10px; } #renew2022 #content .section .prolist .item .price_wrap .sale_rate em{font-size:17px; font-weight:bold; } #renew2022 #content .section .prolist .item .price_wrap .sale_price{font-size:12px;margin-right:10px; } #renew2022 #content .section .prolist .item .price_wrap .sale_price .sub_price01{margin-right:10px;} #renew2022 #content .section .prolist .item .price_wrap .sale_price em{font-size:15px; font-weight:bold; } #renew2022 #content .section .prolist .item .price_wrap .price{font-size:12px; color:#999999; text-decoration: line-through; } #renew2022 #content .section .prolist .item .btn_like{width:16px; height:16px; background:url("../../Content/svg/ico_heart.svg"); position:absolute; right:0; bottom:5px; } #renew2022 #content .section .prolist .item .btn_like.active{width:16px; height:16px; background:url("../../Content/svg/ico_heart_active.svg") no-repeat; } #renew2022 #content .section .control_wrap{position:absolute; top:47%; left:-20px; width:1210px; z-index: 10; display: flex; justify-content: space-between; } #renew2022 #content .section .control_wrap .btn_back{width:40px; height:40px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3); border-radius: 50%; background:#fff url("../../Content/svg/ico_arr_l.svg")no-repeat center; } #renew2022 #content .section .control_wrap .btn_next{width:40px; height:40px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3); border-radius: 50%; background:#fff url("../../Content/svg/ico_arr_r.svg")no-repeat center; } #renew2022 #content .tit.line{position:relative; background:#fff; display: inline-block; padding:0 20px;} /*#renew2022 #content .section .tit_wrap:before{display: block; content:''; position:absolute; z-index: -1; top:50%; left:50%; transform:translate(-50%,-50%); height:1px; width:100%; background:#dedede;}*/ #renew2022 #content .section01{ position:relative;} #renew2022 #content .section01 .time_wrap{padding:0 20px; } #renew2022 #content .section01 .time_wrap .tit{font-size:18px; font-weight:500; color:#000; letter-spacing: -1px;} #renew2022 #content .section01 .time_wrap .time{font-size:14px; color:#000; } #renew2022 #content .section01 .time_wrap .time em{font-size:20px; color:#EF0000; font-weight: bold; margin-right:3px; padding-left:30px; background:url("../../Content/svg/ico_time.svg") no-repeat left center; letter-spacing: 1px;} #renew2022 #content .section01 .item_list{ margin-top:10px; padding-left:20px; white-space: nowrap; overflow-x: scroll; } #renew2022 #content .section01 .item_list .item{width:150px; margin-right:15px; position: relative; display:inline-block;} #renew2022 #content .section01 .item_list .item .txt{font-size:13px; margin-top:10px; white-space: normal; text-overflow:ellipsis; overflow:hidden; line-height: 1.4; height: 2.8em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} #renew2022 #content .section01 .item_list .item .price_wrap{display: flex; align-items: center; margin-top:2px;} #renew2022 #content .section01 .item_list .item .price_wrap .sale_price{font-size:11px; margin-right:10px;} #renew2022 #content .section01 .item_list .item .price_wrap .sale_price em{font-size:15px; font-weight: bold;} #renew2022 #content .section01 .item_list .item .price_wrap .price {font-size:12px; text-decoration: line-through; color:#999999;} #renew2022 #content .section01 .item_list .item .btn_like {width:16px; height:16px; background: url("../../Content/svg/ico_heart.svg") no-repeat; margin-top:18px;} #renew2022 #content .section01 .item_list .item .btn_like.active {background: url("../../Content/svg/ico_heart_active.svg")no-repeat;} #renew2022 #content .section01 .item_list .item .proimg .sale_rate{position:absolute; left:10px; top:10px; display: flex; justify-content: center; align-items: center; background:#e80000; border-radius: 5px; width:35px; height:35px; color:#fff; } #renew2022 #content .section01 .item_list .item .proimg .sale_rate em{font-size:14px; font-weight: 500;} #renew2022 #content .section01 .item_list .item .proimg .sale_rate>.txt{margin-top:0; width:100%; height:100%; display: flex; justify-content: center; align-items: center; font-size:10px;} #renew2022 #content .section02 .ban_list{ display: flex; flex-wrap: wrap; padding:0 20px;} #renew2022 #content .section02 .ban_list a{margin-bottom:20px;} #renew2022 #content .section02 .ban_list .item{width:100%; margin-bottom:30px; box-shadow: 0px 15px 10px rgba(0, 0, 0, 0.05);} #renew2022 #content .section02 .ban_list .item .txt_wrap{text-align: center; background:#fff; padding:15px 15px 20px;} #renew2022 #content .section02 .ban_list .item .txt_wrap .tit{font-size:17px; font-weight:500; color:#000;} #renew2022 #content .section02 .ban_list .item .txt_wrap .txt{font-size:14px; margin-top:5px; color:#777777;} #renew2022 #content .section02 .ban_list .item .ban_img{width:100%; position:relative; } #renew2022 #content .section02 .ban_list .item .ban_img img{width:100%; } #renew2022 #content .section02 .ban_list .item .ban_img::after{position:absolute; left:0; top:0; display:block; content:''; width:100%; height:100%; background:rgba(0, 0, 0, 0.2); z-index:1;} #renew2022 #content .section02 .ban_list .item:last-child{margin-bottom:0;} #renew2022 #content .section04{} #renew2022 #content .section04 .prolist .item .proimg .sale_rate{position:absolute; left:10px; top:10px; display: flex; justify-content: center; align-items: center; background:#e80000; border-radius: 5px; width:35px; height:35px; color:#fff; } #renew2022 #content .section04 .prolist .item .proimg .sale_rate em{font-size:14px; font-weight: 500;} #renew2022 #content .section04 .prolist .item .proimg .sale_rate>.txt{margin-top:0;} #renew2022 #content .section05 .control_wrap{width:1225px;} /*레이아웃_하단*/ #renew2022 #footer{ background:#F1F3F5; margin:16px 20px 65px; border-radius:10px; padding:20px; letter-spacing:-0.5px;} #renew2022 #footer+.bg_grey{margin-top:0px;} #renew2022 #footer .footer_link .site_width{display: flex; margin-bottom:16px;} #renew2022 #footer .footer_link a{ font-size:14px; font-weight:500; padding-right:16px; margin-right:16px; color:#000000; border-right:1px solid #D4D4D4} #renew2022 #footer .footer_link a:last-child{border-right:none;} #renew2022 #footer .footer_info .company_info{line-height: 21px; color:#9199A0; font-size:12px;} #renew2022 #footer .footer_info .copyright{ color:#A2A2A2; margin-top:16px; font-size:11px;} #renew2022 #footer .customer_info {padding:10px 20px; letter-spacing:-0.5px;} #renew2022 #footer .customer_info .tel{font-size:16px; font-weight: 500;} #renew2022 #footer .customer_info .txt{font-size:12px; color:#707070; line-height:20px; margin:10px 0;} #renew2022 #footer .customer_info .foot_bi{} #renew2022 #footer .customer_info .foot_bi img{height:30px;} /*기획전*/ #renew2022 #content .sub_tit{font-size:18px; color:#000; font-weight:600; margin:10px 20px; letter-spacing: -1px;} #renew2022 #content .sub_tit .txt{font-size:14px; margin-top:10px; color:#666; font-weight:normal} #renew2022 #content .promotion_list{} #renew2022 #content .promotion_list>.item{ padding:50px 0; margin:auto;} #renew2022 #content .promotion_list>.item:nth-child(even){background:#f5f5f5;} #renew2022 #content .promotion_list>.item>.site_width>.tit{font-size:20px; color:#000; font-weight:500; margin-bottom:10px;} #renew2022 #content .promotion_list>.item .group{display: flex; justify-content: space-between;} #renew2022 #content .promotion_list .group .ban{width:300px; height:345px; position:relative;} #renew2022 #content .promotion_list .group .ban img{width:100%;} #renew2022 #content .promotion_list .group .ban:before{ position:absolute; left:0; top:0; display: block; content:''; background:rgba(0, 0, 0, 0.3); width:300px; height:345px; z-index: 10;} #renew2022 #content .promotion_list .group .ban .txt_wrap{ position:absolute; width:200px; z-index: 20; left:30px; bottom:30px; color:#fff;} #renew2022 #content .promotion_list .group .ban .txt_wrap>.tit{ font-size:20px; font-weight:500; } #renew2022 #content .promotion_list .group .ban .txt_wrap>.txt{ font-size:12px; margin-top:10px; color:rgba(255, 255, 255, 0.8); } #renew2022 #content .promotion_list .group .prolist{flex:1; display: flex; justify-content: space-between; padding:40px 60px; background:#f5f5f5; } #renew2022 #content .promotion_list>.item:nth-child(even) .group .prolist{background:#fff;} #renew2022 #content .promotion_list .group .prolist>.item{width:160px;} #renew2022 #content .promotion_list .group .prolist>.item .proimg{width:100%;} #renew2022 #content .promotion_list .group .prolist>.item .proimg img{width:100%; border-radius: 80px;} #renew2022 #content .promotion_list .group .prolist>.item .txt{font-size:13px; margin-top:10px;} #renew2022 #content .promotion_list .group .prolist>.item .price_wrap{display: flex; align-items: center; margin-top:10px;} #renew2022 #content .promotion_list .group .prolist>.item .price_wrap .sale_price{margin-right:10px;} #renew2022 #content .promotion_list .group .prolist>.item .price_wrap .sale_price em{font-size:18px; font-weight:bold;} #renew2022 #content .promotion_list .group .prolist>.item .price_wrap .price{color:#999999; text-decoration: line-through;} #renew2022 #content .promotion_list .group .prolist>.item .btn_like{width:16px; height:16px; margin-top:5px; background:url("../../Content/svg/ico_heart.svg") no-repeat;} #renew2022 #content .promotion_list .group .prolist>.item .btn_like.active{ background:url("../../Content/svg/ico_heart_active.svg") no-repeat;} /*마이페이지*/ #renew2022 #content .mypage_top{} #renew2022 #content .mypage_top .mypage_info_group{display:flex; flex-direction: column; background:#fff; width:100%; } #renew2022 #content .mypage_info_group .tit_group{display: flex; flex-direction: column; padding:0 45px; } #renew2022 #content .mypage_info_group .tit_group>.txt{font-size:14px; color:#6389B5;} #renew2022 #content .mypage_info_group .tit_group>.tit{font-size:30px; font-weight:500; color:#000;} #renew2022 #content .mypage_info_group .point_group {display:flex; border-radius:10px; justify-content: space-between; padding:20px; margin:20px; background:#F5F5F5;} #renew2022 #content .mypage_info_group .point_group:before{content:'';width:40px; height:40px; display:flex; justify-content: center; align-items: center; margin-right:10px;background:url("../../Content/svg/ico_mypage_topimg.svg") no-repeat; } #renew2022 #content .mypage_info_group .point_group .left{flex:1; } #renew2022 #content .mypage_info_group .point_group .btn_logout {border:1px solid #dedede; color:#666666; background:#fff; border-radius:14px; height:28px; line-height:28px; padding:0 10px;} #renew2022 #content .mypage_info_group .point_group .meminfo{font-size:16px; } #renew2022 #content .mypage_info_group .point_group .meminfo em{font-weight:600;} #renew2022 #content .mypage_info_group .point_group .point{margin-top:4px;} #renew2022 #content .mypage_info_group .point_group .point em{font-size:18px; font-weight:600;} #renew2022 #content .mypage_info_group .mypage_cate{display: flex; padding:0 25px;} #renew2022 #content .mypage_info_group .mypage_cate .item{display: flex; font-size:16px; font-weight:500; padding:42px 20px 0 20px; } #renew2022 #content .mypage_info_group .mypage_cate .item>.txt{display: flex; font-size:16px; font-weight:500;} #renew2022 #content .mypage_info_group .mypage_cate .item:nth-child(1){background:url("../../Content/svg/ico_mypage01.svg")no-repeat top center;} #renew2022 #content .mypage_info_group .mypage_cate .item:nth-child(2){background:url("../../Content/svg/ico_mypage02.svg")no-repeat top center;} #renew2022 #content .mypage_info_group .mypage_cate .item:nth-child(3){background:url("../../Content/svg/ico_mypage03.svg")no-repeat top center;} #renew2022 #content .mypage_info_group .delivery_group{display: flex; align-items: center; justify-content: center; background:#f5f5f5; border-radius:10px; margin:0 20px 20px; } #renew2022 #content .mypage_info_group .delivery_group .item{flex:1; padding:16px 0px;} #renew2022 #content .mypage_info_group .delivery_group .item .tit{ text-align: center; margin-top:4px; margin-bottom:5px; color:#4C5055; } #renew2022 #content .mypage_info_group .delivery_group .item .count {display: flex; align-items: center; justify-content:center;} #renew2022 #content .mypage_info_group .delivery_group .item .count .ico{ width:45px; height:45px; border-radius: 50%;} #renew2022 #content .mypage_info_group .delivery_group .item:nth-child(1) .count .ico{background:#9199AA url("../../Content/svg/ico_delivery01.svg")no-repeat center;} #renew2022 #content .mypage_info_group .delivery_group .item:nth-child(2) .count .ico{background:#9199AA url("../../Content/svg/ico_delivery02.svg")no-repeat center;} #renew2022 #content .mypage_info_group .delivery_group .item:nth-child(3) .count .ico{background:#9199AA url("../../Content/svg/ico_delivery03.svg")no-repeat center;} #renew2022 #content .mypage_info_group .delivery_group .item:nth-child(4) .count .ico{background:#ED6857 url("../../Content/svg/ico_heart_wh.svg")no-repeat center; background-size:20px;} #renew2022 #content .mypage_info_group .delivery_group .item:nth-child(4){background:#FDECEA;} #renew2022 #content .mypage_info_group .delivery_group .item:nth-child(4) .count{justify-content:center;} #renew2022 #content .mypage_info_group .delivery_group .item .count .txt{font-size:20px; font-weight:500; color:#000 } #renew2022 #content .order_search_wrap{display: flex; justify-content: space-between; padding:20px 20px 20px; } #renew2022 #content .order_search_wrap .btn_group{display: flex; flex:1; justify-content: space-between;} #renew2022 #content .order_search_wrap .btn_group>a{flex:1; background:#fff; color:#888888; padding:0 15px; height:36px; line-height: 36px; border-radius:18px; border:1px solid #DEDEDE; font-size:14px; font-weight:500;margin-right:6px; text-align: center; } #renew2022 #content .order_search_wrap .btn_group>a.on{ background:#e86600; color:#fff; border:none;} #renew2022 #content .myorder_list{border-top:1px solid #000; margin:0 20px 50px 20px;; } #renew2022 #content .myorder_list .item{ display: flex; flex-direction: column; align-items: center; justify-content: space-between; border-bottom:1px solid #dedede; } #renew2022 #content .myorder_list .item .proimg{width:118px; height:118px; background:#f8f8f8 url("../../Content/svg/ico_noimg.svg") no-repeat center; backgrouns-size:50px; border:1px solid #dedede; border-radius:12px; overflow:hidden;} #renew2022 #content .myorder_list .item .proimg img{width:100%; border-radius:7px;} #renew2022 #content .myorder_list .item .protxt_wrap{ flex:1} #renew2022 #content .myorder_list .item .ordernum{font-size:14px; width:100%; padding:10px 15px; font-weight:500; background:#f8f8f8; margin-bottom:10px; border-bottom:1px solid #dedede; } #renew2022 #content .myorder_list .item .ordernum em{margin-right:10px;} #renew2022 #content .myorder_list .item .protxt_wrap .protxt{font-size:14px; line-height:1.6em; } #renew2022 #content .myorder_list .item .protxt_wrap .option{font-size:12px; color:#666666;} #renew2022 #content .myorder_list .item .protxt_wrap .sale_price{font-size:14px; margin-top:5px; } #renew2022 #content .myorder_list .item .protxt_wrap .sale_price em{font-size:15px; font-weight:bold; color:#000;} #renew2022 #content .myorder_list .item .delinfo{display: flex; align-items: center;} #renew2022 #content .myorder_list .item .delinfo .delnum{font-size:14px;} #renew2022 #content .myorder_list .item .delinfo .txt{text-align: center; margin-right:5px; margin-top:5px; color:#e86600; } #renew2022 #content .myorder_list .item .order_status{margin:0 30px;} #renew2022 #content .myorder_list .item .btn_group{margin:0; display: flex; width:100%;} #renew2022 #content .myorder_list .item .btn_group>a{flex:1; border-radius:8px; height:40px; line-height: 40px; text-align: center; border:1px solid #dedede; margin:10px 15px 10px; font-size:13px;} #renew2022 #content .myorder_list .item .group{display:flex; padding:0 15px 0 15px; width:100%; } #renew2022 #content .myorder_list .item .group .right{margin-left:20px; flex:1; } #renew2022 #content .box_notice{padding:20px; } #renew2022 #content .box_notice .txt{font-size:13px; color:#4C5055; line-height:22px; letter-spacing: -0.3px;} #renew2022 #content .box_notice .txt_info{font-size:13px; color:#000; margin-top:10px; line-height:22px;} #renew2022 #content .box_notice .tit{margin-top:10px;} #renew2022 #content .ordernum_detail{ border-radius:8px;; margin:20px 20px 0; font-size:14px; padding:12px 20px; background:#FEF4ED;} #renew2022 #content .ordernum_detail .date{margin-right:10px;} #renew2022 #content .ordernum_detail .ordernum{color:#e86600; } #renew2022 #content .delivery_info_detail{} #renew2022 #content .delivery_info_detail .delinfo{font-size:14px; font-weight:500; text-align: center; padding:20px 0;} #renew2022 #content .delivery_info_detail .delinfo .del_statu{font-size:16px; font-weight:500;} #renew2022 #content .delivery_info_detail .del_statu_tab{display:flex; height:40px; background:#F5F5F5; border-radius: 20px; margin:0 20px;} #renew2022 #content .delivery_info_detail .del_statu_tab .tab{flex:1; display: flex; align-items: center; justify-content: center; font-size:14px; font-weight:500;} #renew2022 #content .delivery_info_detail .del_statu_tab .tab.active{background:#4C5055; color:#fff; border-radius: 30px;} #renew2022 #content .order_detailinfo{margin:20px;} #renew2022 #content .order_detailinfo dl{display: flex; flex-direction: column; margin:12px 0; } #renew2022 #content .order_detailinfo dl dt{font-size:14px; font-weight:500;} #renew2022 #content .order_detailinfo dl dd{font-size:14px; color:#666666;margin-top:5px;} #renew2022 #content .order_detailinfo dl dd em{font-size:14px; font-weight:500; color:#000;} #renew2022 #content .order_proinfo{margin:10px 20px; border-top:1px solid #dedede;} #renew2022 #content .order_proinfo .item{display:flex; align-items: center; padding:15px; border-bottom:1px solid #dedede;} #renew2022 #content .order_proinfo .proimg{width:100px;} #renew2022 #content .order_proinfo .proimg img{width:100%;} #renew2022 #content .order_proinfo .protxt{ flex:1; margin-left:20px;} #renew2022 #content .order_proinfo .protxt .date{ color:#666; font-size:14px;} #renew2022 #content .order_proinfo .protxt .txt{ flex:1; font-size:14px; margin-top:5px;} #renew2022 #content .order_proinfo .protxt .option{ font-size:12px; color:#666666;} #renew2022 #content .order_proinfo .protxt .group{display: flex; align-items: center; margin-top:10px;} #renew2022 #content .order_proinfo .protxt .group .txt_red{color:#E86600;} #renew2022 #content .order_proinfo .price_wrap .sale_price{ font-size:14px; margin-right:5px;} #renew2022 #content .order_proinfo .price_wrap .sale_price em{ font-size:14px; font-weight:500;} #renew2022 #content .order_proinfo .price_wrap .price{ font-size:12px; color:#9F9F9F; text-decoration: line-through;} #renew2022 #content .order_proinfo .btn{display: inline-block; margin-top:5px; height:30px; line-height:30px; padding:0 10px; text-align: center; border:1px solid #dedede;} #renew2022 #content .info_table{border-top:1px solid #000; border-bottom:1px solid #dedede; padding:10px 0; margin:10px 20px;} #renew2022 #content .info_table dl{display: flex; align-items: center; margin:10px 0;} #renew2022 #content .info_table dl dt{width:100px; font-size:14px; font-weight:500;} #renew2022 #content .info_table dl dd{flex:1; font-size:vpx; } #renew2022 #content .info_table dl dd .price{font-size:14px; } #renew2022 #content .info_table dl dd .price em{font-size:16px; font-weight:500;} /*버튼정의*/ #renew2022 #content .btm_btn_group{display: flex; justify-content: center; align-items: center; margin:20px 15px 40px;} #renew2022 #content .btm_btn_group .btn{font-size:16px; flex:1; height:45px; line-height:45px; text-align: center; font-weight:500; margin:0 5px;} #renew2022 #content .btm_btn_group .btn_outline{ border:1px solid #dedede; border-radius:10px; display: flex; justify-content: center; align-items: center;} #renew2022 #content .btm_btn_group .btn_navy{ background:#4C5055; color:#fff; display: flex; justify-content: center; align-items: center; margin-right:10px;} #renew2022 #content .mid_btn_group{display: flex; justify-content:flex-end; align-items: center; margin:30px auto ;} #renew2022 #content .mid_btn_group .btn{padding:0 15px; min-width:130px; height:40px; line-height:40px; text-align: center; font-size:16px; margin:0 5px;} #renew2022 #content .mid_btn_group .btn_outline{border:1px solid #dedede; display: flex; justify-content: center; align-items: center;} #renew2022 #content .mid_btn_group .btn_navy{ background:#4C5055; color:#fff; display: flex; justify-content: center; align-items: center;} /*테이블정의*/ #renew2022 #content .table_commonstyle{ border-top:1px solid #000; margin:20px;} #renew2022 #content .table_commonstyle+.sub_tit02{ margin-top:50px;} #renew2022 #content .table_commonstyle dl{display: flex; border-bottom:1px solid #dedede;} #renew2022 #content .table_commonstyle dl dt{width:150px; font-size:16px; font-weight:500; padding:15px; background:#f8f8f8;} #renew2022 #content .table_commonstyle dl dd{flex:1;font-size:14px; padding:5px 0px 5px 0px; display: flex; align-items: center;} #renew2022 #content .table_commonstyle dl dd input:not(input[type="radio"],input[type="checkbox"]){min-width:100%;} #renew2022 #content .table_commonstyle .radio_group {display: flex; align-items: center; } #renew2022 #content .table_commonstyle .radio_group input{margin-right:5px;} #renew2022 #content .table_commonstyle .radio_group label{display: flex; align-items: center; margin-right:10px;} #renew2022 #content .table_commonstyle input +.radio_group {margin-left:15px;} #renew2022 #content .table_commonstyle .group {display: flex; flex-direction: column;} #renew2022 #content .table_commonstyle .space {display: flex;;align-items: center;} #renew2022 #content .table_commonstyle .space+input{margin-top:5px;} #renew2022 #content .table_commonstyle .space+.space{margin-top:5px;} #renew2022 #content .table_commonstyle dd .btn_info{font-size:14px; color:#4C5055; margin-left:10px; padding-left:20px; background: url("../../Content/svg/ico_info.svg")no-repeat left center;} #renew2022 #content .table_commonstyle input+input{margin-left:5px;} #renew2022 #content .table_commonstyle .btn_outline{height:35px; line-height: 35px; border:1px solid #dedede; padding:0 15px; margin-left:5px; } #renew2022 #content .info_txt{font-size:16px; margin-top:10px; color:#4C5055;} #renew2022 #content .sel_control{border-bottom:1px solid #000; display: flex; align-items: center; padding-bottom:10px;margin:20px;} #renew2022 #content .sel_control .btn_sel_del{font-size:14px; color:#4C5055; padding-left:20px; background:url("../../Content/svg/ico_del.svg") no-repeat left center;} #renew2022 #content .sel_control+.section{padding-top:0px;} /*결제페이지*/ #renew2022 #content .order_table{ border-top:1px solid #000; margin-top:50px;} #renew2022 #content .order_table .item{padding:15px; display: flex; align-items: center;} #renew2022 #content .order_table .proimg{width:100px;} #renew2022 #content .order_table .proimg img{width:100%;} #renew2022 #content .order_table .protxt{margin-left:20px; font-size:14px; flex:1;} #renew2022 #content .order_table .protxt .option{color:#666666; font-size:12px; margin-top:5px; } #renew2022 #content .order_table .pro_count{padding:0 100px; font-size:18px; } #renew2022 #content .order_table .price{ font-size:16px; color:#000; font-weight: 500; } #renew2022 #content .order_table .price em{font-weight:500;} #renew2022 #content .total_price{padding:10px 20px;background:#FEF4ED;; display: flex; justify-content: center; font-size:16px; font-weight:500; color:#000;} #renew2022 #content .total_price .txt{margin-right:10px;} #renew2022 #content .total_price em{font-weight:500;} #renew2022 #content .payment_info{margin-top:50px; display: flex; justify-content: space-between;} #renew2022 #content .payment_info .left{;flex:1; margin-right:50px;} #renew2022 #content .payment_info .right{flex:1; } #renew2022 #content .table_style02{border-bottom:1px solid #dedede; padding:10px 20px 20px;} #renew2022 #content .table_style02 dl{display: flex; flex-direction: column; margin:10px auto;} #renew2022 #content .table_style02 dt{font-size:16px; width:120px; font-weight: 500;} #renew2022 #content .table_style02 dd{flex:1; display: flex; font-size:16px;} #renew2022 #content .table_style02 dd>input{flex:1;} #renew2022 #content .table_style02 dd textarea{flex:1;} #renew2022 #content .table_style02 dd input+label{margin-left:10px;} #renew2022 #content .table_style02 dd .btn_darkgrey{margin-left:10px;} #renew2022 #content .table_style02+.sub_tit02{margin-top:50px;} #renew2022 #content .table_style02 .space{display: flex; flex:1; align-items: center; margin-top:10px;} #renew2022 #content .table_style02 .group{display: flex; flex:1; flex-direction: column;} #renew2022 #content .table_style02 .group input+input{margin-top:5px;} #renew2022 #content .table_style02 .group .space+input{margin-top:5px;} #renew2022 #content .table_style02 .group .space>input{flex:1;} #renew2022 #content .table_style02 .space .point{flex:1; font-size:16px; text-align: right;} #renew2022 #content .table_style02 .space .txt{font-size:14px;} #renew2022 #content .table_style02 .space .btn_grey{height:30px; line-height: 30px; margin-left:10px;} #renew2022 #content .table_style02 .space .inp_group{flex:1; width:100%; display: flex; margin-left:10px; align-items: center;} #renew2022 #content .table_style02 .space .inp_group input{flex:1; } #renew2022 #content .table_style02 .group .inp_group{display: flex; align-items: center; margin-top:10px; } #renew2022 #content .table_style02 .group .inp_group input{flex:1; } #renew2022 #content .table_style02 .group .inp_group .btn_outline{border:1px solid #dedede; border-left:none; height:35px; line-height: 35px; padding:0 15px; } #renew2022 #content .sub_tit02+.payment_detail{margin-top:10px;} #renew2022 #content .payment_detail{border-top:1px solid #000; border-bottom:1px solid #dedede;} #renew2022 #content .payment_detail .total_price_info{font-size:14px; display: flex; align-items: center; justify-content: space-between; padding:8px 20px;} #renew2022 #content .payment_detail .total_price_info .price{font-size:18px; color:#e86600;} #renew2022 #content .payment_detail .total_price_info .price em{font-weight:500;} #renew2022 #content .payment_detail .detail_list{ padding:0 20px 15px;} #renew2022 #content .payment_detail .detail_list .item{color:#666666; display: flex; justify-content: space-between; font-size:13px; margin:5px 0;} #renew2022 #content .payment_detail .detail_list .item .txt:before{display:inline-block; content:'ㄴ'; margin-right:5px;} #renew2022 #content .payment_agree_chk{display: flex; padding:20px 0; flex-direction: column;} #renew2022 #content .payment_agree_chk .txt{font-size:14px; line-height:24px;} #renew2022 #content .payment_agree_chk label{margin:10px 0 0 0 ;} #renew2022 #content .btn_buy{font-size:24px; color:#fff; margin-top:50px; background: #E62E17; text-align: center; line-height: 65px; height:65px; font-weight:500;} #renew2022 #content .btn_darkgrey{font-size:14px; border-radius:3px; color:#fff; text-align: center; background:#999899; padding:0 15px; height:35px; line-height: 35px;} #renew2022 #content .payment_complete{padding:180px 20px 0px; text-align: center; background:url("../../Content/svg/ico_payment_complete.svg")no-repeat top 50px center; background-size:100px;} #renew2022 #content .payment_complete .tit{font-size:18px; font-weight:500;} #renew2022 #content .payment_complete .ordernum{font-size:16px; font-weight:500;} #renew2022 #content .payment_complete .ordernum em{color:#DE040A; margin-left:10px;} #renew2022 #content .payment_complete .txt{font-size:13px; margin-top:5px;} #renew2022 #content .payment_price{font-size:13px; padding:15px; border-bottom:1px solid #000; text-align: center;} #renew2022 #content .payment_price .txt03{font-weight:500;} #renew2022 #content .payment_price .txt03 em{font-weight:bold;} #renew2022 #content .payment_complete.fail{background:url("../../Content/svg/ico_payment_fail.svg")no-repeat top 50px center; background-size:100px;} /*공통팝업*/ #renew2022 #common_pop{position:absolute; left:50%; top:50%; transform: translate(-50% , -50%); border:1px solid #9A9A9A; border-radius: 10px; background:#fff; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);} #renew2022 #common_pop .address_list{padding:15px 15px 0;} #renew2022 #common_pop> .tit{position:relative; font-size:20px; border-bottom:1px solid #707070; padding:15px 20px;} #renew2022 #common_pop> .tit .btn_close{position:absolute; width:14px; height:14px; background: url("../../Content/svg/ico_close.svg"); background-size:100%; right:20px; top:22px;} #renew2022 #common_pop .txt{padding:20px 20px 0; color:#666666; font-size:14px; line-height: 24px;} #renew2022 #common_pop .item{padding:15px; border-bottom:1px solid #dedede; display: flex; justify-content: space-between; } #renew2022 #common_pop .item input{margin:3px 10px 0 0;} #renew2022 #common_pop .item .tit{font-weight:500;} #renew2022 #common_pop .item .address{display: flex; color:#666666; font-size:14px;} #renew2022 #common_pop .item .address .num{margin-right:10px;} #renew2022 #common_pop .item .tel{display: flex; color:#666666; font-size:14px;} #renew2022 #common_pop .btm_btn_group{margin:30px auto;} #renew2022 #common_pop .btm_btn_group .btn_navy{height:40px; width:140px; margin-right:10px;} #renew2022 #common_pop .btm_btn_group .btn_outline{height:40px; width:140px;} /*공통탭버튼*/ #renew2022 #content .common_tabs{display: flex; border-top:1px solid #dedede;} #renew2022 #content .common_tabs .tab{flex:1; border-bottom:1px solid #E8ECEF; color:#858E96; border-top:none; font-size:16px; height:48px; display: flex; justify-content: center; align-items: center;} #renew2022 #content .common_tabs .tab.active{border-bottom:2px solid #e86600; color:#e86600; font-weight:bold;} #renew2022 #content .common_tabs .tab+.tab{border-left:none;} #renew2022 #content .cus_askban{display: flex; flex-direction: column; background:#f5f5f5 url("../../Content/svg/ico_cus_topimg.svg") no-repeat top 30px right 30px; padding:30px; } #renew2022 #content .cus_askban .tit{ font-size:20px; font-weight:500; line-height:24px;} #renew2022 #content .cus_askban .tit em{font-weight:bold; display:block; } #renew2022 #content .cus_askban .btn{ height:32px; line-height:32px; margin-top:10px; color:#000; border-radius: 16px; text-align: center; width:120px; font-size:14px; padding-right:16px; background:#fff url("../../Content/svg/ico_arr_r.svg") no-repeat right 16px center; background-size:12px;} #renew2022 #content .common_tabs+.cus_askban{margin-top:-1px; z-index:1; position:relative;} /*게시판공통*/ #renew2022 #content .table_info{display: flex; justify-content: space-between; align-items: center; font-size:16px; font-weight: 500; margin:30px auto 8px; padding:0 20px;} #renew2022 #content .table_info .txt{font-size:14px; letter-spacing: -1px; font-weight: normal;} #renew2022 #content .table_info .count{color:#4C5055; font-size:12px; font-weight:normal;} #renew2022 #content .table_style01{border-top:1px solid #000; margin:0 20px; width:calc(100% - 40px);} #renew2022 #content .table_style01 td{display:flex; flex-direction: column;justify-content: center; font-size:14px; padding:15px 5px; } #renew2022 #content .table_style01 .tit{flex:1;} #renew2022 #content .table_style01 tr{display: flex; justify-content: space-between; border-bottom:1px solid #dedede;} #renew2022 #content .table_style01 .date{color:#9B9B9B;} #renew2022 #content .table_style01 .statu{color:#9B9B9B; font-size:12px;} #renew2022 #content .table_style01 .btn_open{width:14px; height:14px; background: url("../../Content/svg/ico_arr_down.svg") no-repeat; background-size:100%; } #renew2022 #content .table_style01 .answer{width:100%; background: #F5F5F5; padding:20px; display: flex; flex-direction: row; justify-content:flex-start; flex-wrap:wrap;} #renew2022 #content .table_style01 .ico{font-size:11px; margin-bottom:4px; color:#fff; background:#4C5055; padding:5px 7px; border-radius: 3px; white-space: nowrap; height:25px; margin-right:15px; } #renew2022 #content .table_style01 .txt{text-align: left; margin-bottom:4px; line-height:24px; color:#666; } #renew2022 #content .table_style01 .txt_q{font-weight: bold; } /*고객센터*/ #renew2022 #content .customer_info_gruop{display: flex; flex-direction: column; background:#f5f5f5;} #renew2022 #content .customer_info_gruop .info{background:#4E575E;; padding:20px; margin:0 20px 20px; border-radius:10px; display: flex; justify-content: space-between; } #renew2022 #content .customer_info_gruop .info .tit_group{font-size:16px; font-weight:500; color:#fff; } #renew2022 #content .customer_info_gruop .info .tit_group em{color:#fff } #renew2022 #content .customer_info_gruop .info .service_group{margin-left:30px; flex:1} #renew2022 #content .customer_info_gruop .info .service_group .tel{font-size:17px; background:url("../../Content/svg/ico_service.svg") no-repeat left center; padding-left:25px; background-size:20px; } #renew2022 #content .customer_info_gruop .info .service_group .txt{font-size:14px; color:#fff; line-height:20px; } #renew2022 #content .customer_info_gruop .info .service_group .txt em{color:#C8D3DC} #renew2022 #content .customer_info_gruop .cus_menuban{display: flex; flex:1; background:#fff; margin:0 20px 20px; border-radius:10px; border:1px solid #DEDEDE} #renew2022 #content .customer_info_gruop .cus_menuban .item{position:relative; flex:1; display: flex; align-items: center; padding:20px;} #renew2022 #content .customer_info_gruop .cus_menuban .item+.item{} #renew2022 #content .customer_info_gruop .cus_menuban .item .txt_group{margin-left:12px;} #renew2022 #content .customer_info_gruop .cus_menuban .item .tit{font-size:16px; font-weight:500; color:#000; letter-spacing: -0.5px;} #renew2022 #content .customer_info_gruop .cus_menuban .item .txt{font-size:12px; color:#999899; margin-top:8px; } #renew2022 #content .customer_info_gruop .cus_menuban .item .ico{display: block; width:40px; height:40px; background:url("../../Content/svg/ico_faq.svg") no-repeat center; background-size:36px; } #renew2022 #content .customer_info_gruop .cus_menuban .item.ask .ico{display: block; width:40px; height:40px; background: url("../../Content/svg/ico_ask.svg") no-repeat center; background-size:28px; } #renew2022 #content .table_tit{display: flex; justify-content: space-between; align-items: center; margin:40px 0 8px; } #renew2022 #content .table_tit>.tit{font-size:18px; font-weight:600; color:#000; padding:0 20px;} #renew2022 #content .table_tit .btn_more{ font-size:12px; padding-right:20px; margin-right:20px; background: url("../../Content/svg/ico_plus.svg") no-repeat right center;} #renew2022 #content .write_agree_chk{display: flex; flex-direction: column; margin:20px; font-size:14px; color:#4C5055 } #renew2022 #content .write_agree_chk .radio_group{display: flex; align-items: center; margin-top:10px; } #renew2022 #content .table_commonstyle.write dd>input{flex:1; } #renew2022 #content .table_commonstyle.write dd>textarea{flex:1; } #renew2022 #content .faq_search{background: #F5F5F5; padding:20px 20px ; margin-bottom:20px; } #renew2022 #content .faq_search .input_wrap{display:flex; align-items: center; height:40px; background:#fff; border:1px solid #dedede; } #renew2022 #content .faq_search .input_wrap input{border:none; flex:1; padding:0 15px; } #renew2022 #content .faq_search .input_wrap .btn_search{width:20px; height:20px; background: url("../../Content/svg/ico_search.svg") no-repeat ; background-size:100%; margin-right:10px;} #renew2022 #content .faq_tab{display: flex; padding:0 0 20px 5px; margin-bottom:10px; white-space: nowrap; overflow-x: scroll;} #renew2022 #content .faq_tab .tab{display:flex; justify-content:center; align-items:center; font-size:14px; font-weight:500; border:1px solid #dedede; padding:0 20px; border-radius:20px; height:40px; margin-right:10px;} #renew2022 #content .faq_tab .tab.active{font-size:14px; font-weight:500; border:none; padding:0 20px; background:#4E575E; color:#fff;} /*페이징공통*/ #renew2022 #content .pagination{display: flex; justify-content: center; align-items: center; margin:50px auto;} #renew2022 #content .pagination .btn{width:30px; height:30px; margin:0 2.5px; border:1px solid #dedede;} #renew2022 #content .pagination .btn.btn_f_back{background: url("../../Content/svg/ico_arr_r_f.svg")no-repeat center; transform: rotate(180deg); } #renew2022 #content .pagination .btn.btn_back{background: url("../../Content/svg/ico_arr_l.svg")no-repeat center; margin-right:5px; } #renew2022 #content .pagination .btn.btn_next{background: url("../../Content/svg/ico_arr_r.svg")no-repeat center; margin-left:5px;} #renew2022 #content .pagination .btn.btn_f_next{background: url("../../Content/svg/ico_arr_r_f.svg")no-repeat center; } #renew2022 #content .pagination .paging_num{display: flex;} #renew2022 #content .pagination .paging_num .num{display: flex; justify-content: center; align-items: center; width:30px; height:30px; margin:0 2.5px; border:1px solid #dedede;} #renew2022 #content .pagination .paging_num .num.active{background: #000; color:#fff;} /*로그인*/ #renew2022 #login{width:100%; height:100%; background: #F5F5F5; display: flex; flex-direction: column; align-items: center; justify-content: center;} #renew2022 #login .login_wrap{display: flex; flex-wrap: wrap; flex-direction: column; min-width:280px;} #renew2022 #login .login_wrap .logo{ margin:0 auto 20px;background-size:100%;} #renew2022 #login .login_wrap .logo img{height:40px;} #renew2022 #login .login_wrap input:not([type="checkbox"]){ height:40px; border:1px solid #dedede; border-radius: 5px; padding:0 15px; margin-bottom:5px;} #renew2022 #login .login_wrap input::placeholder{font-size:12px; color:rgba(0, 0, 0, 0.5); } #renew2022 #login .login_wrap label{font-size:13px; } #renew2022 #login .login_wrap .space{display: flex; font-size:13px; justify-content: space-between; align-items: center; margin-top:15px; } #renew2022 #login .login_wrap .btn_login{ height:45px; background:#E62E17; color:#fff; display: flex; justify-content: center; align-items: center; font-size:16px; font-weight:500; border-radius: 5px; margin-top:5px;} #renew2022 #login .login_wrap .customer_info{background:#fff; display:flex; margin-top:20px; align-items: center; border:1px solid #dedede; padding:20px 15px;} #renew2022 #login .login_wrap .customer_info:before{display:block; content: ''; width:40px; height:40px; background:#f5f5f5 url("../../Content/svg/ico_service.svg") no-repeat center; background-size:18px; margin-right:10px; border-radius: 50%; } #renew2022 #login .login_wrap .customer_info .tit_group{ } #renew2022 #login .login_wrap .customer_info .tit{font-size:12px; } #renew2022 #login .login_wrap .customer_info .tel{font-size:16px; font-weight:500;} #renew2022 #login .login_wrap .customer_info .txt_info{font-size:10px; line-height: 16px; color:#666; margin-left:20px;} #renew2022 #login .login_wrap .login_info{font-size:11px; line-height: 18px; color:#999; margin-top:15px;} #renew2022 #login .login_wrap .enter_txt{font-size:14px; color:#000; text-align: center; margin-bottom:20px;} #renew2022 #login .login_wrap .enter_txt em{color:#E62E17; font-weight:bold; } #renew2022 #login .login_wrap .btn_txt{font-size:12px; } #renew2022 #login .footer_info{width:100%; margin-top:30px; color:#666666; text-align: center; line-height: 22px;} #renew2022 #login .footer_info .txt{font-size:12px; color:#666666;} #renew2022 #login .footer_info .copy{font-size:11px; color:#A2A2A2; margin-top:10px;} #renew2022 .btn_promore{ padding:10px; border:1px solid #dedede; border-radius:5px; margin:20px 20px 0 20px; text-align:center; } #renew2022 .btn_promore .txt{font-size:14px; font-weight:500; padding:10px; text-align:center; background:url("../../Content/svg/ico_plus.svg")no-repeat left center; background-size:10px; padding-left:15px; } #cateall{position: absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);} #cateall .cate_wrap{width:70%; background:#fff; min-height:100%; min-width: 300px; padding-bottom:50px;} #cateall .cate_wrap .top_gnb{height:50px; padding:0 20px; display: flex; justify-content: space-between; align-items: center;} #cateall .cate_wrap .top_gnb .left{ display: flex; align-items: center; } #cateall .cate_wrap .top_gnb .btn_cate{width:18px; height:18px; margin-right:10px; background: url("../../Content/svg/ico_catemenu.svg")no-repeat center; background-size:100%;} #cateall .cate_wrap .top_gnb .logo{margin-right:20px; font-size:16px; display:none;} #cateall .cate_wrap .top_gnb .logo img{height:35px;} #cateall .cate_wrap .top_gnb .btn_close{width:14px; height:14px; background: url("../../Content/svg/ico_close.svg") no-repeat center; background-size:100%;} #cateall .cate_wrap .mem_quickmenu{background:#4E575E; color:#fff;} #cateall .cate_wrap .mem_quickmenu .mem_info{display: flex; justify-content: space-between; align-items: center; padding:16px 20px; border-bottom:1px solid rgba(255, 255, 255, 0.5); font-weight:normal} #cateall .cate_wrap .mem_quickmenu .mem_info .txt{padding-left:20px; background: url("../../Content/svg/ico_point_wh.svg") no-repeat left center;} #cateall .cate_wrap .mem_quickmenu .mem_info .point{font-size:16px; font-weight:500; padding-left:18px;} #cateall .cate_wrap .mem_quickmenu .mem_info .point em{font-size:20px; font-weight:500;;} #cateall .cate_wrap .mem_quickmenu .quickmenu{display: none; justify-content: space-between; padding:0 20px;} #cateall .cate_wrap .mem_quickmenu .quickmenu .item{margin:15px 0; padding-top:30px;} #cateall .cate_wrap .mem_quickmenu .quickmenu .item.ico01{background:url("../../Content/svg/ico_like_wh.svg")no-repeat top center; background-size:22px;} #cateall .cate_wrap .mem_quickmenu .quickmenu .item.ico02{background:url("../../Content/svg/ico_mypage_wh.svg")no-repeat top center; background-size:22px;} #cateall .cate_wrap .mem_quickmenu .quickmenu .item.ico03{background:url("../../Content/svg/ico_customer_wh.svg")no-repeat top center; background-size:22px;} #cateall .cate_wrap .mem_quickmenu .quickmenu .item.ico04{background:url("../../Content/svg/ico_logout_wh.svg")no-repeat top center; background-size:22px;} #cateall .cate_wrap .cate_list{font-size:15px;} #cateall .cate_wrap .cate_list .cate01>a{display:flex; font-weight:500; justify-content:space-between; align-items: center; padding:12px 20px; border-bottom:1px solid #dedede; letter-spacing: -0.5px; } #cateall .cate_wrap .cate_list .cate01>a em{width:10px; height:8px; background:url("../../Content/svg/ico_arr_down.svg") no-repeat center; background-size:100%; opacity:0.7 } #cateall .cate_wrap .cate_list .cate01>a.open em{background:url("../../Content/svg/ico_arr_down.svg") no-repeat center; background-size:10px; transform: rotate(180deg);} #cateall .cate_wrap .cate_list .cate02>a{padding:8px 20px; letter-spacing: -0.5px;} #cateall .cate_wrap .cate_list .cate02>a:hover{color:#E80000;} #cateall .cate_wrap .cate_list .cate02{background:#f5f5f5; padding:5px 0; border-bottom:1px solid #dedede;} #cateall .cate_wrap .etc_menu{margin:40px 0;} #cateall .cate_wrap .etc_menu .tit{padding-left:45px; font-size:16px; font-weight:500; color:#000; letter-spacing: -0.3px;} #cateall .cate_wrap .etc_menu .tit.customer{background:url("../../Content/svg/ico_customer_bk.svg") no-repeat left 20px center; background-size:16px;} #cateall .cate_wrap .etc_menu .tit.mypage{background:url("../../Content/svg/ico_mypage_bk.svg") no-repeat left 20px center; background-size:16px;} #cateall .cate_wrap .etc_menu a{font-size:16px; font-weight:bold; padding:12px 20px; } /*검색팝업*/ #renew2022 #searchpop{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6);} #renew2022 #searchpop .searchpop_wrap{width:100%; background:#fff; padding-bottom:30px;} #renew2022 #searchpop .topsearch{display: flex; justify-content: space-between; align-items: center; padding:10px 20px 10px 10px; } #renew2022 #searchpop .topsearch .btn_back{width:16px; height:16px; margin-right:10px; background:url("../../Content/svg/ico_arr_l.svg")no-repeat; background-size:100%; } #renew2022 #searchpop .topsearch .searchbox{display:flex; justify-content: space-between; align-items: center; flex:1; border:1px solid #E62E17; border-radius: 5px; padding-right:10px; } #renew2022 #searchpop .topsearch .searchbox input{border:none; border-radius: 10px; height:30px; } #renew2022 #searchpop .topsearch .searchbox .btn_search{width:20px; height:20px; background:url("../../Content/svg/ico_top_search.svg")no-repeat; background-size:100%; } #renew2022 #searchpop .search_result{padding:20px; margin-bottom:40px; } #renew2022 #searchpop .search_result .tit{font-size:14px; } #renew2022 #content .no_result,#renew2022 #searchpop .no_result{margin:10px auto; text-align:center; color :#666; border-bottom:1px solid #dedede; background:url("../../Content/images/nodata.jpg") no-repeat top 60px center; padding:130px 0 80px;; } #renew2022 #searchpop .search_result .search_list{display:flex; flex-wrap: wrap; border-top:1px solid #000;} #renew2022 #searchpop .search_result .search_list .item{display:flex; justify-content: space-between; align-items: center; width:50%; color:#666; border-bottom:1px solid #dedede; padding:10px 0;} #renew2022 #searchpop .search_result .search_list .item:nth-child(2n){padding-left:15px;} #renew2022 #searchpop .search_result .search_list .item .btn_close{width:8px; height:8px; background:url("../../Content/svg/ico_close.svg") no-repeat; background-size:100%; opacity: 0.7;} #renew2022 #searchpop .search_result .search_list .item:nth-child(odd) .btn_close{margin-right:15px;} #renew2022 #searchpop .search_result .btn_search_del{float:right; font-size:11px; color:#666; padding:10px 0 10px 15px ; background:url("../../Content/svg/ico_close.svg") no-repeat left center; background-size:9px;} #renew2022 #searchpop .section05 {padding:20px;} #renew2022 #searchpop .section05 .tit_wrap .tit{font-size:16px; font-weight:500; margin-bottom:20px;} #renew2022 #searchpop .section05 .prolist{ display: flex; justify-content: space-between;} #renew2022 #searchpop .section05 .prolist .item{width:21%;} #renew2022 #searchpop .section05 .prolist .item .proimg{position:re lative; width:100%; } #renew2022 #searchpop .section05 .prolist .item .proimg .sale_rate{position:absolute;left:-5px; top:0; width:30px; height:30px; background: #E80000; color:#fff; display: flex; justify-content: center; align-items: center; border-radius: 50%;} #renew2022 #searchpop .section05 .prolist .item .proimg img{width:100%; border-radius: 50%; border:1px solid #dedede; } #renew2022 #searchpop .section05 .prolist .item .txt{margin-top:5px; font-size:11px; line-height: 1.2; height: 2.4; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;} #renew2022 #searchpop .section05 .prolist .item .price_wrap{margin-top:5px; } #renew2022 #searchpop .section05 .prolist .item .sale_price em{font-size:14px; font-weight:500; color:#000; } #renew2022 #searchpop .section05 .prolist .item .price {display: none;} #renew2022 #content .section03 .promotion_ban {position: relative; margin-bottom:20px; height:200px; overflow:hidden;} #renew2022 #content .section03 .promotion_ban img{ position:relative; top:50%; transform:translateY(-50%); } #renew2022 #content .section03 .promotion_ban a{display:block; height:100%; width:100%;} #renew2022 #content .section03 .promotion_ban:after {position:absolute; left:0; top:0; display: block; content:''; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);} #renew2022 #content .section03 .promotion_ban img{width:100%;} #renew2022 #content .section03 .promotion_ban .txt_wrap{position:absolute; text-align: center; z-index: 10; color:#fff; top:50%; left:50%; transform: translate(-50% ,-50%)} #renew2022 #content .section03 .promotion_ban .txt_wrap .tit{font-size:20px; line-height:24px; font-weight:bold;} #renew2022 #content .section03 .promotion_ban .txt_wrap .txt{font-size:14px; line-height: 20px; font-weight:normal; margin-top:10px; opacity: 0.9;} #renew2022 #content .section03 .promotion_wrap{margin-bottom:40px;} #renew2022 #content .section03 .promotion_view img{width:100%; margin-bottom:40px;} #renew2022 .order{margin:0 20px;} #renew2022 .order .delivery_info dl dd input{width:100%;} #renew2022 .order .delivery_info dl{display:flex; justify-content:space-between; align-items:center; padding:8px 0;} #renew2022 .order .delivery_info dl dt{display:flex; flex:1; align-items:center;justify-content: flex-start;} #renew2022 .order .delivery_info dl dd{display:flex; flex:3; align-items:center;justify-content: flex-start;} #renew2022 .delivery_info .btn_outline_bk{background:#4E575E; color:#fff; border-radius: 5px; height:32px; line-height:30px; padding:0 10px;} #renew2022 .info_box{padding:10px 0; display: flex; } #renew2022 .info_box.column{flex-direction: column } #renew2022 .info_box .txt01{color:#000; font-size:14px; font-weight:500;} #renew2022 .info_box .txt02{color:#999; margin-top:5px; } #renew2022 .info_box .txt03{color:#000; margin-top:5px; } #renew2022 .info_box .txt03{color:#000; margin-top:5px; } #renew2022 .info_box .txt04{margin-bottom:8px; color:#777; font-size:14px;} #renew2022 .info_box .left{flex:1;} #renew2022 .info_box .btn_outline_bk{background:#4E575E; color:#fff; border-radius: 5px; height:32px; line-height:30px; padding:0 10px;} #renew2022 .info_box dl{display: flex; margin:5px 0;} #renew2022 .info_box dl dt{width:100px; font-size:14px; color:#666666;} #renew2022 .info_box dl dd{flex:1; font-size:14px;} #renew2022 .info_box dl dd em{color:#E80000;} #renew2022 .info_box .tit{font-size:14px; border-bottom:1px solid #dedede; padding-bottom:8px; margin:8px 0;} #renew2022 .info_box .style02 dl dt{ color:#000;} #renew2022 .info_box .style02 dl dd{ color:#777; font-weight:normal;} #renew2022 .info_box .style03 {margin:10px 0 20px;} #renew2022 .info_box .style03 .txt01{margin:10px 0 10px;} #renew2022 .page_tit{position:relative; letter-spacing:-0.5px; border-bottom:1px solid #dedede; font-size:18px; font-weight:600; padding:24px 0 10px; display: flex; justify-content: space-between; align-items: center; } #renew2022 .page_tit .txt_sm{font-size:12px; color:#666;} #renew2022 .order_prolist .item{display: flex; align-items: center; padding:10px 20px;} #renew2022 .order_prolist .proimg{width:100px;} #renew2022 .order_prolist .proimg img{width:100%;} #renew2022 .order_prolist .protxt{margin-left:20px;} #renew2022 .order_prolist .protxt .option{color:#999; margin-top:5px; display: flex; } #renew2022 .order_prolist .protxt .option:before{display: block; content:'옵션'; border:1px solid #dedede; border-radius: 5px; padding:0 5px; font-size:10px; margin-right:5px;} #renew2022 .order_prolist .price_wrap{margin-top:10px; font-size:14px;} #renew2022 .order_prolist .price_wrap .sale_price em{font-size:15px; font-weight:500;} #renew2022 .btn_primary_group{display: flex; justify-content: space-between; margin:20px;} #renew2022 .btn_primary_group .btn_grey{ flex:1; background:#CECECE !important; margin-right:8px; border:none !important; height:50px; display: flex; justify-content: center; align-items: center; color:#fff; font-size:18px; font-weight:600;} #renew2022 .btn_primary_group .btn_primary{ flex:2; background:#E86600; border-radius:10px; height:50px; display: flex; justify-content: center; align-items: center; color:#fff; font-size:18px; font-weight:600;} #renew2022 #content .viewpage{} #renew2022 #content .viewpage .view_img{width:100%;} #renew2022 #content .viewpage .view_img img{width:100%;} #renew2022 #content .viewpage .pro_viewimg{width:100%;} #renew2022 #content .viewpage .pro_viewimg img{width:100%;} #renew2022 #content .viewpage .pro_info .pro_name{font-size:15px; line-height:1.6em; font-weight:500; color:#000; margin:15px 0 10px;} #renew2022 #content .viewpage .pro_info .price_wrap{ display:flex; justify-content: space-between; align-items: center; margin:10px 0;} #renew2022 #content .viewpage .pro_info .price_wrap .sale_rate{font-size:14px; color:#E86600; font-weight:500; margin-right:5px;} #renew2022 #content .viewpage .pro_info .price_wrap .sale_rate em{font-size:18px; font-weight:bold;} #renew2022 #content .viewpage .pro_info .price_wrap .sale_price{font-size:16px; color:#000; margin-right:5px; } #renew2022 #content .viewpage .pro_info .price_wrap .sale_price em{font-size:18px; font-weight:bold;} #renew2022 #content .viewpage .pro_info .price_wrap .price{font-size:13px; text-decoration: line-through; color:#777;} #renew2022 #content .viewpage .pro_info .price_wrap .btn_heart{display:none; width:18px; height:18px; background:url("../../Content/svg/ico_heart.svg")no-repeat; background-size:100%;} #renew2022 #content .viewpage .pro_info .price_wrap .btn_heart.active{background:url("../../Content/svg/ico_heart_active.svg")no-repeat; background-size:100%;} #renew2022 #content .viewpage .pro_info02{margin:10px 0 20px; padding:15px; border:1px solid #dedede;} #renew2022 #content .viewpage .pro_info02 dl{display: flex; margin:5px 0;} #renew2022 #content .viewpage .pro_info02 dl dt{font-size:14px; width:100px; } #renew2022 #content .viewpage .pro_info02 dl dd{flex:1; font-size:14px; } #renew2022 #content .viewpage .pro_info02 dl .txt_red{color:#E86600; } #renew2022 #content .viewpage .page_tit .btn_delinfo{font-size:12px; font-weight:normal; padding-right:20px; background:url("../../Content/svg/ico_arr_r.svg") no-repeat right center; background-size:10px; } #renew2022 #pop_buy{position:fixed; z-index: 100; width:100%;background:#fff; left:0; bottom:60px; box-shadow:-5px 0px 20px rgba(0, 0, 0, 0.09); } #renew2022 #pop_buy.open .buy_wrap{display: block;} #renew2022 #pop_buy .buy_wrap{padding:0 20px; display: none; } #renew2022 #pop_buy .btn_arr{ width:20px; height:11px; background:url("../../Content/svg/ico_down_close.svg") no-repeat; margin:10px auto;} #renew2022 #pop_buy .txt01{ font-size:14px;} #renew2022 #pop_buy .txt01 em{ font-weight:500;} #renew2022 #pop_buy select{margin:10px 0px; width:100%;} #renew2022 #pop_buy .option_list .item{display: flex; align-items: center; justify-content: space-between; padding:15px 0; border-bottom:1px solid #dedede;} #renew2022 #pop_buy .option_list .item .txt{font-size:14px; color:#666;} #renew2022 #pop_buy .option_list .item .price{font-size:15px; color:#000; font-weight:500; margin-top:5px;} #renew2022 #pop_buy .option_list .item .num_box{display: flex; align-items: center; border:1px solid #dedede;} #renew2022 #pop_buy .option_list .item .num_box .btn_minus{width:8px; height:2px; background:#000; margin:0 0 0 7px} #renew2022 #pop_buy .option_list .item .num_box .btn_plus{width:10px; height:10px; margin:0 7px 0 0; background:url("../../Content/svg/ico_plus.svg") no-repeat; background-size:100%;} #renew2022 #pop_buy .option_list .item .num_box input{border:none; width:50px; text-align: center; font-size:14px;} #renew2022 #pop_buy .option_list .item .btn_close{width:37px; height:37px; background:#f5f5f5 url("../../Content/svg/ico_close_grey.svg") no-repeat center; background-size:12px; margin-left:5px; } #renew2022 #pop_buy .option_list .item .right{display: flex; align-items: center; } #renew2022 #pop_buy .total_price{display: flex; padding:0; margin:20px 0 15px 0; justify-content: space-between; align-items: center; background:#fff; } #renew2022 #pop_buy .total_price .price em{font-size:18px; font-weight:bold; color:#000; } #renew2022 #pop_buy .btn_buy{background:#e86600; margin:16px; border-radius:10px; font-weight:600; height:50px; line-height:50px; font-size:18px; } #renew2022 #delivery_pop .dell_infoist .item{display: flex; padding:15px 20px; border-bottom:1px solid #dedede;} #renew2022 #delivery_pop .dell_infoist .item input{margin-right:10px; } #renew2022 #delivery_pop .dell_infoist .item .group{flex:1; } #renew2022 #delivery_pop .dell_infoist .item .txt01{font-size:14px; color:#000; font-weight:500;} #renew2022 #delivery_pop .dell_infoist .item .txt02{font-size:12px; color:#777; margin-top:3px;} #renew2022 #delivery_pop .dell_infoist .item .txt03{font-size:12px; color:#000; margin-top:3px;} #renew2022 #delivery_pop .dell_infoist .item .badge{color:#E80000; border-radius: 5px; border:1px solid #E80000; height:25px; line-height:24px; font-size:11px; padding:0 8px; } #renew2022 #delivery_pop .btn_wrap{margin:20px 20px; display: flex; justify-content: space-between; } #renew2022 #delivery_pop .btn_wrap.right{justify-content: flex-end; } #renew2022 #delivery_pop .btn_wrap .btn_outline{height:35px; line-height: 35px; padding:0 10px; border:1px solid #dedede; } #renew2022 #delivery_pop .info_group{margin:20px;} #renew2022 #delivery_pop .info_group dl{margin-bottom:10px;} #renew2022 #delivery_pop .info_group dt{margin-bottom:5px; font-size:13px;} #renew2022 #delivery_pop .info_group input{margin-bottom:5px; width:100%;} #renew2022 #delivery_pop .info_group .space{display: flex;} #renew2022 #delivery_pop .info_group .space input{flex:1} #renew2022 #delivery_pop .info_group .space input+.btn_grey{border-left:none;} #renew2022 #delivery_pop .info_group .space .btn_grey{height:35px; line-height: 35px; background:#DEDEDE;} #renew2022 #delivery_pop .info_group textarea{width:100%;} /*하단메뉴*/ #btm_menu{display: flex; width:100%; position: fixed; left:0; bottom:0; background:#fff; height:60px; border-top:1px solid #dedede;} #btm_menu .item{flex:1; text-align: center; padding-top:35px; font-size:11px;} #btm_menu .item01{background: url("../svg/ico_home.svg")no-repeat top 10px center; background-size:20px;} #btm_menu .item02{background: url("../svg/ico_mypage03.svg")no-repeat top 10px center; background-size:20px;} #btm_menu .item03{background: url("../svg/ico_mypage_bk.svg")no-repeat top 11px center; background-size:18px;} #btm_menu .item04{background: url("../svg/ico_service.svg")no-repeat top 10px center; background-size:20px;} #btm_menu .item05{background: url("../svg/ico_catemenu.svg")no-repeat top 11px center; background-size:18px;} #btm_menu .btn_top{position:absolute; right:10px; bottom:60px; width:65px; height:65px; background:url("../svg/btn_top.svg"); background-size:100%;} /*특가딜*/ .pak_pro_list_wrap{width:100%; margin:auto; overflow:hidden;} .pak_pro_list_wrap .pro_wrap a.img{margin:1em auto; width:100%; display:block;} .pak_pro_list_wrap .pro_wrap a.img img{ border-radius:10px; border:1px solid #dedede;} .pak_pro_list_wrap .pro_wrap{padding:20px; display:flex; justify-content:space-between; flex-wrap:wrap; } .pak_pro_list_wrap .pro_wrap li{ margin-bottom:12px; width:48%; background:#FFFFFF; } .pak_pro_list_wrap .pro_wrap .pro_info_wrap{ width:88%; margin:0; } .pak_pro_list_wrap .pro_wrap .pro_info_wrap .txt{font-size:0.7em; letter-spacing:-1px; height:2.5em; line-height:1.2em; overflow:hidden; } .pak_pro_list_wrap .pro_wrap .pro_info_wrap a.txt{ font-size:13px; display:block; width:100%; white-space: normal; text-overflow:ellipsis; overflow:hidden; line-height: 1.4; height: 2.8em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .pak_pro_list_wrap .pro_wrap .pro_info_wrap .price_wrap{ position:relative; padding-top:10px; padding-left:40px;} .pak_pro_list_wrap .pro_wrap .pro_info_wrap .price_wrap .price{ font-size:12px; text-decoration:line-through; font-size:0.7em; color:#999999; } .pak_pro_list_wrap .pro_wrap .pro_info_wrap .price_wrap .sale_price{ font-size:15px; font-weight:bold; color:#000; margin-top:-3px;} .pak_pro_list_wrap .pro_wrap .pro_info_wrap .price_wrap .sale_rate{ color:#e80000; font-size:20px; letter-spacing:-1px; position:absolute; left:0; top:12px;} .pak_pro_list_wrap .pro_wrap .pro_info_wrap .price_wrap .sale_rate span{font-size:0.7em ; } .pak_ban img{width:100%;} /* slider*/ .touchslide-viewport { } .touchslide-items { } .touchslide-item { } .touchslide-nav { width:100%; position:absolute; text-align: center; margin-top: 10px; } .touchslide-nav a { cursor: pointer; color: #000; } .touchslide-nav a:active { background: #ef9; } .touchslide-nav-item { width:8px; height:8px; margin: 0 5px; display: inline-block; border-radius:4px; background:#999; } .touchslide-nav-item-current { background: #e86600; width:20px; } /*loading*/ .ex_bar{text-align:center; border-bottom:none !important;} .ex_bar a{font-size:18px !important; padding-left:0px !important;} div.listing-loading { padding:3px; display:none;5 z-index:2; color:#fff; font:8pt tahoma; } /*포인트별 탭*/ .category-container .button { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 20px; } .category-container .button li { border:1px solid #dedede; color:#888; border-radius:20px; margin-right:4px; } .category-container .button li:last-child{margin-right:0} .category-container .button li a{width:100%; height:100%; padding:8px 15px;} .category-container .button span { } .category-container .button a.select { border-radius:20px; background-color:#e86600; color:#fff; } .category-container .button li div{width:100%; height:100%; padding:8px 15px;} .category-container .button div.select { border-radius:20px; background-color:#e86600; color:#fff; } /* Popup 상단 헤더 */ #popup_title { position: relative; clear: both; width: 100%; height: 50px; border-bottom: 1px solid #414561; font-size: 17px; color: #222222; text-align: center; line-height: 50px; font-weight: bold;} #popup_title a.popup_close { position:absolute; right:10px; top:50%; width:40px; height:40px; background:url(../svg/ico_close.svg) no-repeat 50%; text-align:center; transform: translateY(-50%);} /*상품리스트*/ .top_select_filter{display: flex; justify-content: space-between; align-items: center; margin:10px 20px;} .top_select_filter select{flex:1;} .top_select_filter select + select{margin-left:10px;} .top_search_info{padding:20px;} .top_search_info .result_info{ text-align: center;} .top_search_info .result_info .txt01{font-size:16px;} .top_search_info .result_info .txt01 em{ font-weight:bold;} .top_search_info .result_info .txt02{ font-size:14px; color:#666;} .top_search_info .result_info .txt02 em{color:#E86600;} .search_filter_price{display: flex; flex-wrap: wrap;} .search_filter_price a{background:#f5f5f5; font-weight:500; width:33.33333333333%; margin-top:-1px; border:1px solid #dedede; height:40px; line-height: 40px; text-align: center; color:#888; } .search_filter_price a+a{border-left:0; } .search_filter_price .tab.on{background:#4E575E; color:#fff; font-weight:500; } .search_filter_group{display: flex; padding:10px 20px; margin-top:10px;} .search_filter_group .btn_filter{ margin-right:5px; text-align: center; font-weight:500; color:#888; height:36px; line-height:36px; border:1px solid #dedede; border-radius: 20px; padding:0 10px;flex:1;} .search_filter_group .btn_filter.on{background:#E86600; color:#fff; border:none;flex:1;} /*데이터없을시 공통*/ #renew2022 #content .nodata{ display:flex; width:100%; align-items:center; justify-content:center; flex-direction:column; height:300px; font-size:13px; } #renew2022 #content .nodata.line{ border-bottom:1px solid #dedede; } #renew2022 #content .nodata:before{ display:block; content:''; width:30px; height:30px; background:url("../svg/ico_mypage01.svg")no-repeat; background-size:100%; margin-bottom:10px; opacity:0.5; } .line_ban{display:flex; margin:10px 15px; border-radius:10px; overflow:hidden; } .line_ban img{width:100%;} #BtnCancelRequest{ margin:10px 0px; width:100%; font-size:13px; height:35px !important; line-height:35px !important; } /*오렌지포인트몰*/ #renew2022 #content .pro_list_wrap{padding:20px 14px;} #renew2022 #content .pro_list_wrap .tit{font-size:18px; font-weight:bold; text-align:center; margin:16px 0;} #renew2022 #content .pro_list_wrap .pro_list{display:flex; flex-wrap:wrap} #renew2022 #content .pro_list_wrap .pro_list .item{width:50%; padding:5px 6px 15px 6px;} #renew2022 #content .pro_list_wrap .pro_list .item img{width:100%; border-radius:7px;} #renew2022 #content .pro_list_wrap .pro_list .item .txt_wrap{ margin-top:5px; letter-spacing:-1px;} #renew2022 #content .pro_list_wrap .pro_list .item .txt_wrap .proname{font-size:14px; margin-top:10px; word-break:keep-all;white-space: normal; overflow:hidden; line-height: 1.4; height: 2.8em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#666;} #renew2022 #content .pro_list_wrap .pro_list .item .txt_wrap .price_wrap{margin-top:10px;} #renew2022 #content .pro_list_wrap .pro_list .item .txt_wrap .price_wrap .price{color:#888888; text-decoration:line-through} #renew2022 #content .pro_list_wrap .pro_list .item .txt_wrap .price_wrap .salerate_wrap{ display:flex; justify-content:space-between;} #renew2022 #content .pro_list_wrap .tablist{display:flex; margin:10px 6px 16px; gap:6px;} #renew2022 #content .pro_list_wrap .tablist .tab{display:flex; flex:1; align-items:center; justify-content:center; font-weight:500; color:#888888; border:1px solid #DEDEDE; height:36px; border-radius:20px;} #renew2022 #content .pro_list_wrap .tablist .tab.on{background:#E86600; color:#fff; border:none;} #renew2022 #content .pro_list_wrap .pro_list .item .txt_wrap .price_wrap .salerate_wrap .sale_price{font-size:16px; font-weight:bold;} #renew2022 #content .pro_list_wrap .pro_list .item .txt_wrap .price_wrap .salerate_wrap .sale_rate{font-size:16px; font-weight:bold; color:#E86600;} #renew2022 #content .main_promotion_list{margin:16px 0 16px 20px ; white-space:nowrap; overflow:scroll; } #renew2022 #content .main_promotion_list .item{position:relative; width:240px; display:inline-block; margin-right:16px; } #renew2022 #content .main_promotion_list .item img{width:100%; border-top-right-radius:40px;} #renew2022 #content .main_promotion_list .item .txt_wrap{position:absolute; width:86%; left:7%; bottom:16px; background:rgba(206, 70 , 0 , 0.7); padding:16px 8px; color:#fff; text-align:center; letter-spacing:-0.5px} #renew2022 #content .main_promotion_list .item .txt_wrap .tit{font-size:14px; font-weight:600; margin-bottom:6px;} #renew2022 #content .main_promotion_list .item .txt_wrap .txt{white-space:normal; text-overflow:ellipsis; overflow:hidden; font-size:13px;} #renew2022 #content .main_promotion_list .item:nth-child(2n) .txt_wrap{ background:rgba(0, 28 , 106 , 0.7);} /*#renew2022 #content .main_promotion_list .item:nth-child(3n) .txt_wrap{ background:rgba(0, 40 , 89 , 0.7);}*/ #cusinfo{display:flex; margin:16px 20px; border-top:1px solid #D4D4D4; padding:16px 0 0; letter-spacing:-0.5px;} #cusinfo .tit{font-size:16px; font-weight:500; margin-right:20px; flex-shrink:0; } #cusinfo .txt{font-size:12px; line-height:18px; font-weight:400; color:#9199A0;} .mypage_link{display:flex; margin:0 20px 20px;} .mypage_link .item{flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; } .mypage_link .item .ico{width:40px; height:40px; background:url("../svg/ico_ask.svg")no-repeat center; background-size:21px;} .mypage_link .item .ico.ico02{ background:url("../svg/ico_order.svg")no-repeat center;} .mypage_link .item .ico.ico03{ background:url("../svg/ico_delivery.svg")no-repeat center; background-size:20px;} .mypage_link .item .ico.ico04{ background:url("../svg/ico_faq.svg")no-repeat center; background-size:26px;} .pro_info{margin:0 20px;} .btn_like{display:none;} .point_wrap dl{display:flex; justify-content:space-between; align-items:center; padding:8px 0;} .point_wrap dl dt{flex-shrink:0;padding-right:5px;} .point_wrap dl dd{font-weight:bold; display:flex; flex:1; align-items:center; justify-content: flex-end;} .point_wrap .radio_wrap{display:flex; width:100%; align-items:center; justify-content:flex-end;} .point_wrap .radio_wrap span{margin-left:8px;} a.btn_bk{background:#4E575E; color:#fff; height:36px; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:normal; border-radius:8px; padding:0 12px; min-width:50px; margin-left:4px;} div.btn_bk{background:#4E575E; color:#fff; height:36px; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:normal; border-radius:8px; padding:0 12px; min-width:50px; margin-left:4px;} .point_wrap .usepoint_wrap{ display:flex;} .point_wrap .usepoint_wrap .input_border{display:flex; background:#f5f5f5; align-items:center; padding:0 12px; justify-content:space-between; border-radius:8px; flex:1; border:1px solid #E8ECEF; } .point_wrap .usepoint_wrap .input_border .tit{width:40px;} .point_wrap .usepoint_wrap .input_border .point{display:flex; flex:1; align-items:center;} .point_wrap .usepoint_wrap .input_border .point input{flex:1; width:100%; border:none !important; text-align:right; padding:0 !important; font-weight:bold; background:transparent;} .payment_agree_chk .agree_wrap{color:#424242; padding:16px; border:1px solid #dedede; height:240px; margin-bottom:10px;} .payment_agree_chk .agree_wrap .txtbox_wrap{background-color:#ffffff;box-sizing:border-box;width:100%;overflow-y:auto;padding:5px 5px;height:200px;} .payment_agree_chk .agree_wrap .txtbox_wrap .tit{margin:12px 0 0;color:#000;background:#f5f5f5;padding:10px;border-bottom:1px solid #dedede;} .payment_agree_chk .agree_wrap .txt.main_txt{ width: 100%; border: 1px solid #dedede; font-size: 15px; font-weight: bold; padding: 10px 5px; margin-top: -1px; } .payment_agree_chk .agree_wrap .txt02.main_txt{ width: 100%; border: 1px solid #dedede; font-size: 15px; font-weight: bold; padding: 10px 5px; margin-top: -1px; } .payment_agree_chk .agree_wrap .txt03.main_txt{ width: 100%; border: 1px solid #dedede; font-size: 15px; font-weight: bold; padding: 10px 5px; margin-top: -1px; } .payment_agree_chk .txt{padding:6px 0;}