@charset "utf-8";

.jo_btn{display:inline-flex;align-items:center;justify-content:center;height:48px;width:116px;background-color:#333;color:#fff;border-radius:3px}
.submit_btm{display:inline-flex;align-items:center;justify-content:center;width:100%;height:52px;background-color:var(--primary2);font-size:16px;color:#fff;border-radius:3px}
.sub_banner{margin-top:146px;display:flex;flex-flow:column;justify-content:center;gap:20px;width:100%;height:200px;background:url(/img/sub/top_banner.png) no-repeat center}
.sub_banner p{margin:0 auto;max-width:1400px;font-size:34px;font-weight:700;color:#fff}
.sub_banner .sub_t{font-size:17px;font-weight:400;color:rgba(255, 255, 255, 0.8)}
#idcheck_ok{margin-top:10px;;color:var(--primary2) !important}
#idcheck_ok, #hpcheck_ok{margin-left:20px}
#idcheck_ok i, #hpcheck_ok i{margin-right:8px;color:var(--primary2) !important}
#idcheck_fail, #hpcheck_fail{margin-bottom:0 !important;margin-left:20px;color:#ff6464 !important}
#idcheck_fail i, #hpcheck_fail i{margin-right:8px;color:#ff6464}
#hpcheck_fail, #hpcheck_ok{margin-left:0;margin-top:10px}
.pg_wrap .pg{margin-top:70px;display:flex;align-items:center;justify-content:center;gap:3px}
.pg_wrap .pg a{ width:28px;height:28px;line-height:28px;text-align:center;border-radius:3px;background-color:#eee;font-family:var(--e-font);font-weight:700;color:#888;font-size:12px}
.pg_wrap .pg a.on{background-color:#474747;color:#fff}
.no_item_box{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:300px;background-color:#f5f5f5;color:var(--primary2);font-size:15px;grid-column:1 / 6}
.top_pag{display:flex;align-items:center;gap:20px}
.top_pag a{position:relative;color:#555}
.top_pag a:not(:last-child)::after{font-family:FontAwesome;content:"\f105";position:absolute;right:-13px;color:#ccc}

/*약관보기 팝업*/
.popup-content{width:500px; display:flex;flex-flow:column;gap:20px}
.popup-content .mem_text, .popup-content .pay_text{padding:20px;background:#fff;height:500px;overflow-x:scroll;color:#444}
.popup-content p{white-space:pre-line}
#mem_popup .close, #pay_popup .close{font-size:40px;color:#fff;cursor:pointer;text-align:right}

/* 약관보기 동의 체크버튼 */
.agree_checkbox{margin:30px 0 40px;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center}
.agree_checkbox input{position:absolute;width:0;height:0;visibility:hidden}
.agree_checkbox input:checked + label:before{content:url(/img/common/check.png);border:none;background:#111}
.agree_checkbox label{cursor:pointer;font-size:15px;line-height:1.4;color:#555}
.agree_checkbox label:before{display:inline-block;vertical-align:middle;content:"";width:20px;height:20px;margin-right:8px;border-radius:4px;border:1px solid #e1e1e1;text-align:center;line-height:16px}
.agree_checkbox a{font-weight:600;color:#222}

/* 달력 */
#ui-datepicker-div{padding:10px;width:300px;font-family:var(--k-font);font-size:14px}
.ui-datepicker .ui-datepicker-title{width:100%;display:flex;justify-content:center;gap:2px}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:39%;height:35px}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:50% !important;transform:translateY(-50%)}
.ui-datepicker .ui-datepicker-header{margin-bottom:5px;display:flex;align-items:center;background-color:#fff;border:none;font-size:17px}
.ui-datepicker th{font-weight:400 !important}
.ui-widget-header .ui-icon{background-image:url(/img/sub/arrow_left.png) !important}
.ui-icon-circle-triangle-w{background-position:initial !important}
.ui-icon-circle-triangle-e{background-position:initial !important;transform:rotate(180deg)}
.ui-datepicker .ui-datepicker-prev{left:5px !important}
.ui-datepicker .ui-datepicker-prev-hover{left:5px !important;top:0}
.ui-datepicker .ui-datepicker-next{right:5px !important}
.ui-datepicker .ui-datepicker-next-hover{right:5px !important;top:0}
.ui-datepicker-calendar tr td a{padding:9px; text-align:center}
.ui-state-default{background-color:#fff !important;border:1px solid #e1e1e1 !important}
.ui-state-hover{background-color:#eee !important}
.ui-state-active{background-color:rgba(0, 191, 165, 0.7) !important;color:#fff !important}

/* ========================== inc02 검색결과*/

#search_result{font-size:15px}
#search_result .search_word{font-size:18px;margin-bottom:40px;color:#555}
#search_result .search_word span{color:#333;font-weight:700}
#search_result .pro_wrap{max-width:1400px;margin:70px auto}
#search_result .pro_wrap .pro_top{display:flex;justify-content:space-between;align-items:center}
#search_result .pro_wrap .pro_top .total_pro{color:#555}
#search_result .pro_wrap .pro_top .total_pro span{color:#333;font-weight:700}
#search_result .pro_wrap .pro_top ul{display:flex;align-items:center;color:#888}
#search_result .pro_wrap .pro_top ul li a{color:#888}
#search_result .pro_wrap .pro_top ul li.on a{color:#333;font-weight:600}
#search_result .pro_wrap .pro_top ul li + li{margin-left:10px;padding-left:10px;border-left:1px solid #e1e1e1}
#search_result .pro_wrap .pro_list{margin-top:40px;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
#search_result .pro_list .btm{height:122px}
#search_result .pro_list .btm .txt_wrap{padding:15px 20px;display:flex;flex-flow:column;justify-content:space-between;height:100%}
#search_result .pro_wrap .pro_list.none{display:inline-flex;align-items:center;justify-content:center;width:100%;height:150px;color:var(--primary2)}

/* ========================== member*/

/* 회원가입 */
#join input, #join select{border-radius:3px}
#join h1{margin-bottom:40px;text-align:center;font-size:28px;font-weight:700}
#join .join_wrap{padding:20px;border:1px solid #e1e1e1;border-radius:20px}
#join{max-width:720px;margin:220px auto 120px;font-size:15px;line-height:25px;border-radius:20px;word-break:keep-all}
#join .txt_box{position:relative;background-color:#f5f5f5;padding:20px 20px 0;border-radius:10px}
#join .txt_box + .txt_box{margin-top:20px}
#join .txt_box .tit{ display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;font-weight:600;color:#222;cursor:pointer;transition:.3s}
#join .txt_box .tit.on .fa{transform:rotate(180deg)}
#join .txt_box .tit p{display:flex;align-items:center;gap:10px;font-size:17px;color:#222}
#join .txt_box p{white-space:pre-line;color:#555}
#join .txt_box .txt_wrap{padding-bottom:40px;padding-left:38px}
#join .txt_box .txt_wrap span{display:inline-block;margin:20px 0 15px;font-weight:600;color:#333}
#join .txt_box .txt_wrap ul li{display:flex;align-items:flex-start;gap:10px}
#join .txt_box .txt_wrap ul li + li{margin-top:10px}
#join .txt_box .txt_wrap ul li i{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:100%;background-color:#999;color:#fff;font-size:10px;font-weight:700;font-family:var(--e-font)}
#join .txt_box.box02 .txt_wrap span{margin-top:0}
#join .form li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:20px}
#join .form li .on_txt{margin-top:10px;color:#ff6464;font-size:14px}
#join .form li p{width:100%;margin-bottom:10px;color:#333;font-size:15px;font-weight:500}
#join .form li p span{display:inline-block;margin-left:3px;color:#ff6464}
#join .email{justify-content:initial !important;gap:5px}
#join .password input, #join .password_ok input, #join .name input{width:100%}
#join .phone input{width:180px}
#join .phone_check input{width:82%}
#join .address .code_wrap{display:flex;align-items:center;gap:10px}
#join .address_wrap{width:100%}
#join .address_wrap input{margin-top:10px;width:100%}
#join select{width:118px;border-radius:3px;height:48px;border:1px solid #e1e1e1}
#join .pay_check{margin-top:40px;display:inline-flex;justify-content:center;align-items:center;width:100%;height:46px;background-color:#e5f8f6;border:1px solid #b2ece4;border-radius:3px;color:var(--primary2)}

/* 회원가입 - 완료 */
#join .complete{text-align:center}
#join .complete .com_txt{font-size:18px;color:#333;margin-top:30px}
#join .complete ul{margin-top:60px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
#join .complete ul .box{position:relative}
#join .complete ul li a{display:inline-block;background-color:#f5f5f5;border-radius:10px;width:100%;height:150px;font-size:16px;white-space:pre-line;text-align:left;padding:83px 20px 20px 20px;color:#555}
#join .complete ul .box:after{position:absolute;right:20px;top:20px;width:91px;height:100px;background:url('/img/sub/join_ok_icon03.png');content:"";transition:.5s}
#join .complete ul .box02:after{background:url('/img/sub/join_ok_icon04.png')}
#join .complete ul .box:hover:after{transform:translateY(-3px)}
#join .complete .login{text-align:center}
#join .complete .login a{margin-top:40px;display:inline-block;width:100%;height:54px;line-height:54px;padding:0 20px;background-color:var(--primary2);color:#fff;text-align:center;border-radius:3px;transition:.3s}

/* 아이디/ 비밀번호 찾기 */
#find_mem{max-width:520px;margin:220px auto 120px;font-size:15px}
#find_mem .top_area{text-align:center}
#find_mem .top_area h2{margin-bottom:20px;font-size:28px;color:#222;font-weight:700}
#find_mem .top_area p{font-size:15px;color:#888}
#find_mem .choose_find{margin-top:40px;display:flex;align-items:center;width:100%;height:60px;border-radius:3px;border:1px solid #e1e1e1;border-radius:7px}
#find_mem .choose_find a{padding:0 84px;margin:0 auto;display:inline-flex;align-items:center;justify-content:center;height:calc(100% - 10px);border-radius:7px;color:#888}
#find_mem .choose_find a.on{background-color:var(--primary2);color:#fff}
#find_mem .id_content{margin:40px 0}
#find_mem .id_content p{width:20%}
#find_mem.pw .id_content p{width:30%}
#find_mem .id_content .rgt_cont{width:80%}
#find_mem .id_content .rgt_cont a{display:inline-flex;gap:6px;align-items:center;justify-content:center;width:82px;height:47px;color:#777;background-color:#eee;border-radius:3px}
#find_mem .id{display:flex;align-items:center}
#find_mem .id input{width:80%}
#find_mem.pw .id input{width:100%}
#find_mem .id p{margin-bottom:10px}
#find_mem .p_num{display:flex;align-items:center;margin-top:20px}
#find_mem .p_num div{display:flex;justify-content:space-between;align-items:center;width:76%}
#find_mem.id .p_num div{width:80%}
#find_mem .p_num div i{margin:0 5px;color:#888}
#find_mem .p_num input{width:calc(100% / 3)}
#find_mem .p_num_ok{display:flex;margin-top:20px}
#find_mem .p_num_ok p{margin-top:17px}
#find_mem .p_num_ok .rgt_cont .input_top{display:flex;align-items:center}
#find_mem .p_num_ok input{width:76%;margin-right:10px}
#find_mem .p_num_ok .phone_mass p{width:100%;color:var(--primary2)}
#find_mem .phone_select{width:95px}
#find_mem .submit_btm{background-color:#000}
#find_mem.id_ok{text-align:center}
#find_mem.id_ok .top_area{margin-bottom:40px}
#find_mem.id_ok .text .id_find{white-space:pre-line;font-size:20px;font-weight:700;color:#444}
#find_mem.id_ok .text .id_find span{color:var(--primary2)}
#find_mem.id_ok .text p{line-height:1.5;color:#888;font-weight:400;font-size:15px;margin-top:30px}
#find_mem.id_ok .btn_wrap{margin-top:58px;display:flex;align-items:center;justify-content:center;gap:10px}
#find_mem.id_ok .btn_wrap a{display:inline-flex;align-items:center;justify-content:center;width:150px;height:40px;background-color:var(--primary2);color:#fff;border-radius:3px}
#find_mem.id_ok .btn_wrap .btn_bk{background-color:#f5f5f5;color:#888;border:1px solid #e1e1e1}
#find_mem .password{margin:40px auto;text-align:center;width:73%}
#find_mem .password input{width:100%;margin:20px 0}
#find_mem .password ul{text-align:center;color:#555}
#find_mem .password .btn_bk{margin-top:20px;display:inline-flex;justify-content:center;align-items:center;background-color:var(--primary2);color:#fff;width:100%;height:50px;border-radius:3px}

/* 약관보기 */
#mem_popup, #pay_popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:none;z-index:9999}
#mem_popup .popup-content, #pay_popup .popup-content{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
#mem_popup .popup-content div, #pay_popup .popup-content div{white-space:pre-line}
#mem_popup .popup-content div h2, #pay_popup .popup-content div h2{font-size:18px;color:#111;font-weight:700}
#mem_popup .popup-content div h3, #pay_popup .popup-content div h3{margin-bottom:10px;font-size:16px;color:#333;font-weight:600}
#mem_popup .popup-content div .num_wrap, #pay_popup .popup-content div .num_wrap{margin-left:16px;color:#777}

/* ========================== mypage*/
#mypage{position:relative;margin:0 auto}
#mypage .content{display:flex;max-width:1400px;margin:70px auto;gap:40px}
#mypage .lft_content{padding:40px 30px;width:23%;border:1px solid #e1e1e1;border-radius:6px}
#mypage .lft_content .pro_t{display:flex;align-items:center;gap:20px;font-size:15px;color:#888}
#mypage .lft_content .pro_t span{display:inline-block;margin-right:5px;font-size:17px;font-weight:700;color:#222}
#mypage .lft_content .pro_img{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:#dbdbdb;border-radius:100%}
#mypage .lft_content .menu{padding-top:30px;margin-top:30px;font-size:15px;border-top:1px solid #eee }
#mypage .lft_content .menu a{padding:20px 10px;display:flex;align-items:center;border-radius:10px;color:#888}
#mypage .lft_content .menu a.on{background-color:#c5f1eb80;font-weight:600;color:#222}
#mypage .lft_content .menu a.on i{color:#222}
#mypage .lft_content .menu a i{width:45px;text-align:center;color:#888;font-size:18px}
#mypage .rgt_content{margin-top:42px;width:calc(80% - 40px)}
#mypage .rgt_content .top_tit{display:flex;justify-content:space-between;align-items:center;padding-bottom:48px;border-bottom:1px solid #e1e1e1}
.order .rgt_content .top_tit{padding-bottom:24px !important}
#mypage .rgt_content .top_tit .search_form{display:flex;align-items:center;gap:20px}
#mypage .rgt_content .top_tit .search_form .order_num{display:flex;align-items:center;gap:10px;font-size:15px;color:#555}
#mypage .rgt_content .top_tit .search_form .order_num i{color:#888}
#mypage .rgt_content h2{font-size:24px;color:#222;font-weight:700}
#mypage .content_box{margin-top:40px;display:grid;grid-template-columns:repeat(5,1fr);gap:30px}
#mypage .content_box a .img_box{position:relative;height:190px}
#mypage .content_box a .img_box img{width:100%;height:100%;object-fit:cover;filter:brightness(.8);border-radius:3px}
#mypage .content_box a .img_box .fav_icon{display:inline-flex;justify-content:center;align-items:center;position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:10px;background-color:#f5f5f5}
#mypage .content_box a .img_box .fav_icon i{color:#ffb400;font-size:15px}
#mypage .content_box a .img_box .fav_icon.off i{color:#888}
#mypage .content_box a .txt_box{display:flex;flex-flow:column;justify-content:space-between;height:80px;margin-top:20px;word-break:keep-all}
#mypage .content_box a .txt_box p{font-size:15px;line-height:25px;font-weight:600;color:#333}
#mypage .content_box a .txt_box .price{margin-top:10px;font-size:16px;color:#444}
#mypage .content_box a .txt_box .price span{display:inline-block;margin-right:8px;font-size:14px;color:#888;text-decoration:line-through;font-weight:400}
#mypage .date_calendar{display:flex;align-items:center;gap:5px;font-size:15px;color:#888}
#mypage .date_calendar .date-picker{position:relative}
#mypage .date_calendar .date-picker i{position:absolute;left:20px;top:50%;transform:translateY(-50%)}
#mypage .date_calendar .date-picker input{padding-left:48px;width:160px;cursor:pointer}
#mypage .back_btn{margin-top:40px;text-align:center}
#mypage .back_btn a, #mypage .ex_btn a{display:inline-block;width:150px;height:50px;line-height:50px;background-color:#000;color:#fff;margin:0 auto;text-align:center;font-size:15px}
#mypage .ex_btn{margin-top:40px;text-align:right}
#mypage .ex_btn a{background-color:var(--primary2)}

/* 구매내역 */
.ali_box{font-size:15px;border-top:1px solid #888}
.ali_box a{padding:20px 0;display:flex;align-items:center;justify-content:space-between}
.ali_box a div{display:flex;align-items:center}
.ali_box a + a{border-top:1px dashed #e1e1e1}
.ali_box a .num{width:20%;flex-flow:column;align-items:flex-start;gap:10px;color:#333}
.ali_box a .num .date{color:#888;font-size:14px}
.ali_box a .mid{width:60%;gap:20px}
.ali_box a .img_box{width:80px;height:80px}
.ali_box a .img_box img{width:100%;height:100%;object-fit:cover}
.ali_box a .txt_box{font-weight:500}
.ali_box a .end{width:20%;gap:20px;text-align:right;justify-content:end}
.ali_box a .price{color:#555;text-align:right}
.ali_box a .price span{font-weight:600;color:#333}
.ali_box a .state_wrap{display:flex;align-items:center;justify-content:right;gap:5px;text-align:right}
.ali_box a .state_wrap .state{color:var(--primary2)}
.ali_box a .state_wrap .state02{color:#5265f9}
.ali_box a .state_wrap .state03{color:#777}
.ali_box a:last-child{border-bottom:1px solid #ddd}

.guest_order .ali_box a .num{width:auto}
.guest_order .top_tit{display:flex;flex-flow:column;align-items:center}

/* 구매내역-read */
.order_info{font-size:15px}
.order_wrap{padding:40px 0 20px}
.order_info .top{display:flex;align-items:center;justify-content:space-between}
.order_info .top + .top{margin-top:20px;padding-top:20px;border-top:1px dashed #e1e1e1}
.order_info .top .img_box{width:80px;height:80px}
.order_info .top .img_box img{width:100%;height:100%;object-fit:cover}
.order_info .top .txt_wrap{width:77%}
.order_info .top .txt_wrap .tit{font-weight:600;margin-bottom:15px}
.order_info .top .txt_wrap .sub p{color:#888;font-size:15px}
.order_info .top .txt_wrap .sub p span{margin-right:12px;color:var(--primary2);font-weight:600}
.order_info .top .txt_wrap .sub p + p{margin-top:5px}
.order_info .top .price{color:#888}
.order_info .top .price span{margin:0 3px;color:#333;font-size:16px;font-weight:600}
.order_info .total_price{margin-top:40px;width:100%;height:60px;display:inline-flex;align-items:center;justify-content:center;background-color:#f5f5f5;color:var(--primary2);font-size:16px}
.order_info .total_price span{display:inline-block;margin:0 5px;font-weight:600}
.order_info .table_wrap{border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-left:1px solid #e1e1e1;margin-top:40px;display:grid;grid-template-columns:repeat(2,1fr)}
.order_info .table_wrap div{display:flex;align-items:center;border-top:1px solid #e1e1e1}
.order_info .table_wrap div p{width:200px;padding:18px 0}
.order_info .table_wrap div .th{background-color:#f5f5f5;text-align:center}
.order_info .table_wrap div .td{width:100%;padding-left:10px;color:#555}
.order_info .btn_wrap{display:flex;align-items:center;justify-content:center;gap:10px}
.order_info .btn_wrap .back_btn:nth-child(2) a{background-color:#999 !important}

/* 1:1문의내역 */
.inquriy_list .rgt_content .top_tit, .inquriy_read .rgt_content .top_tit{border-bottom:1px solid #888 !important}
.inquriy_list .rgt_content table{width:100%}
.inquriy_list .rgt_content table thead{background-color:#f5f5f5}
.inquriy_list .rgt_content table tr{border-bottom:1px solid #e1e1e1;font-size:15px}
.inquriy_list .rgt_content table tr th{padding:20px 10px;color:#333;font-weight:600}
.inquriy_list .rgt_content table tr td{text-align:center;color:#333}
.inquriy_list .rgt_content table tr .tit{padding:20px 10px;text-align:left}
.inquriy_list .rgt_content table tr .tit a{display:inline-block;width:100%}
.inquriy_list .rgt_content table tr .date{color:#888}
.inquriy_read{font-size:15px}
.inquriy_read .top_tit{display:flex;justify-content:space-between}
.inquriy_read .top_tit div{display:flex;align-items:center;gap:10px}
.inquriy_read .top_tit a{display:flex;align-items:center;gap:5px;padding:8px 20px;color:#888;border-radius:3px;font-size:13px;border:1px solid #e1e1e1}
.inquriy_read .tit{padding:20px;background-color:#f5f5f5;font-size:17px;font-weight:600;color:#333}
.inquriy_read .date{padding:20px;text-align:right;color:#555;border-bottom:1px solid #eee;font-size:14px}
.inquriy_read .date span{color:#888}
.inquriy_read .num{font-size:35px;font-weight:700;color:var(--primary2)}
.inquriy_read .txt{padding:50px 15px;color:#555;border-bottom:1px solid #d1d1d1}
.inquriy_read .answer{width:100%}
.inquriy_read .ans_box{padding:40px 50px;display:flex;align-items:baseline;gap:40px}
.inquriy_read .ans_box .an_tit{font-size:17px;font-weight:700;color:#333}
.inquriy_read .ans_box .an_txt{padding:40px;background-color:#f9f9f9;margin-top:40px;color:#555}
.inquriy_read .write_box{padding:40px 20px}
.inquriy_read .write_box div{display:flex;align-items:baseline}
.inquriy_read .write_box div + div{margin-top:20px}
.inquriy_read .write_box div p{width:15%}
.inquriy_read .write_box div input{padding-left:20px;width:100%;height:45px;font-size:15px;border-radius:4px}
.inquriy_read .write_box div textarea{padding:20px;font-size:15px;width:100%;height:260px;border:1px solid #e1e1e1;transition:.3s;border-radius:3px}
.inquriy_read .write_box div textarea:focus{outline:none;border:1px solid var(--primary2)}

.my_info{font-size:15px}
.my_info ul{margin-top:32px;padding:40px;background-color:#f5f5f5}
.my_info ul li{display:flex;align-items:baseline}
.my_info ul li input{width:330px}
.my_info ul li div p{margin-top:15px;color:#ff6464}
.my_info ul li p{color:#888}
.my_info ul li .lft_txt{width:15%;color:#333;font-weight:700}
.my_info ul li + li{margin-top:40px}
.my_info .rgt_txt{text-align:right}
.my_info .rgt_txt a{display:inline-block;margin-top:20px;border-bottom:1px solid #e1e1e1;color:#888}

/* ========================== 비회원 */

/* 구매내역 리스트 */
.g_content{position:relative;max-width:1400px;margin:70px auto 120px;font-size:15px}
.g_content h2{font-size:24px;font-weight:700;color:#111}
.guest_order .search_form{margin-top:40px;display:flex;align-items:center;justify-content:flex-end;gap:20px}
.guest_order .search_form .order_num{display:flex;align-items:center;gap:10px;color:#555}
.guest_order .search_form .order_num i{color:#888}
.guest_order .ali_box{margin-top:40px;border-top:3px solid #555;border-bottom:1px solid #e1e1e1}
.guest_order .ali_box a + a{border-top:1px solid #eee}
.guest_order .rgt_content{width:100%}
.g_content .order_info{margin-top:40px;border-top:3px solid #555}
.g_content .order_info .top{padding:0 60px}

/* 구매내역 상세정보 */
.guest_order_info .order_info .top .txt_wrap{width:80%}

/* ========================== product*/
#product .content{max-width:1400px;margin:70px auto}
#product .pop_box{height:386px}
#product .pop_box .btm{padding:15px 20px;display:flex;flex-flow:column;justify-content:space-between;height:122px}
#product .pro_ali{font-size:15px;display:flex;justify-content:space-between}
#product .pro_ali p{color:#555}
#product .pro_ali p span{color:#333;font-weight:600}
#product .pro_ali div{display:flex}
#product .pro_ali div a{color:#888}
#product .pro_ali div a.on{color:#333;font-weight:600}
#product .pro_ali div a + a{border-left:1px solid #e1e1e1;margin-left:9px;padding-left:9px}

/* 제품 상세페이지 */
#product_info{position:relative;font-size:15px;max-width:1400px;margin:60px auto 180px}
#product_info .content{margin-top:200px}
#product_info .top_pag{padding-bottom:30px;border-bottom:2px solid #333}
#product_info .swiper-wrapper{align-items:center}
#product_info .main_content{display:flex;justify-content:center;gap:40px;align-items:flex-start;margin-top:40px}
#product_info .main_content .swiper{margin:0;position:relative;width:40%}
#product_info .main_content .swiper img{ width:100%;height:100%;object-fit:cover;border-radius:10px}
#product_info .main_content .swiper .swiper-pagination-fraction{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:72px;background-color:rgba(0, 191, 165, 0.7);color:#fff;padding:8px 0;border-radius:20px;font-family:var(--e-font);font-weight:700;font-size:13px}
#product_info .main_content .price_box{min-height:460px;display:flex;gap:20px;flex-flow:column;justify-content:space-between;width:45%}
#product_info .main_content .price_box .tit{margin:10px 0 20px;padding:0 0 25px;font-size:22px;font-weight:600;color:#222;border-bottom:1px solid #e1e1e1}
#product_info .main_content .price_box .price .original_p{color:#888;text-decoration:line-through;font-size:17px}
#product_info .main_content .price_box .price .aft_sale{margin-top:13px;display:flex;align-items:center;justify-content:space-between;font-weight:700}
#product_info .main_content .price_box .price .aft_sale i{color:var(--primary2);transition:.5s;cursor:pointer}
#product_info .main_content .price_box .price .aft_sale .fa-star-o{font-size:20px}
#product_info .main_content .price_box .price .aft_sale .fa-star{font-size:20px}
#product_info .main_content .aft_sale .price_wrap{display:flex;align-items:center}
#product_info .main_content .aft_sale .sale{color:var(--primary2);font-size:24px}
#product_info .main_content .aft_sale .sale_p{margin-left:5px;color:#333;font-size:26px}
#product_info .main_content .aft_sale div .more_p{position:relative}
#product_info .main_content .aft_sale div .more_p i{margin-left:5px;text-align:center;line-height:13px;width:15px;height:15px;border:1px solid #e1e1e1;border-radius:3px;font-size:7px;color:#888;cursor:pointer}
#product_info .main_content .aft_sale div .more_p .more_price{display:none;position:absolute;left:5px;top:20px;width:210px;height:100px;border:1px solid #e1e1e1;background-color:#fff;padding:20px;box-shadow:2px 2px 6px rgba(67, 97, 216, .1);font-size:14px}
#product_info .main_content .aft_sale div .more_p .more_price p{display:flex;justify-content:space-between;font-weight:400;color:#555}
#product_info .main_content .aft_sale div .more_p .more_price p span{font-weight:700;color:#333}
#product_info .main_content .aft_sale div .more_p .more_price p + p{margin-top:7px}
#product_info .main_content .aft_sale div .more_p .more_price.on{display:block}
#product_info .main_content .notice_box{padding:20px;background-color:#f5f5f5;color:#333}
#product_info .main_content .notice_box p:nth-child(1){margin-bottom:18px;color:var(--primary2);display:flex;align-items:center;gap:5px}
#product_info .main_content .notice_box p:nth-child(2){font-size:15px;line-height:25px;white-space:pre-line}
#product_info .main_content .op_select{width:100%;font-size:15px;cursor:pointer}
#product_info .main_content .num_box{margin-top:30px;display:flex;align-items:center;justify-content:space-between}
#product_info .main_content .num_box div{display:flex;align-items:center;height:35px;border:1px solid #e1e1e1;border-radius:3px}
#product_info .main_content .num_box div input{width:70px;text-align:center; border:none;height:auto}
#product_info .main_content .num_box div span{width:32px;padding:0 10px;line-height:33px;text-align:center;cursor:pointer;background-color:#f5f5f5}
#product_info .main_content .num_box div .minus_sign{border-right:1px solid #e1e1e1}
#product_info .main_content .num_box div .plus_sign{border-left:1px solid #e1e1e1}
#product_info .main_content .num_box p{color:#555;font-weight:600}
#product_info .total_p{margin-top:20px;padding-top:25px;font-size:15px;font-weight:600;text-align:right;color:#888;border-top:3px solid #555}
#product_info .total_p span{margin-left:9px;font-size:24px;font-weight:700;color:#222}
#product_info .btn_ali{position:relative;margin-top:30px;display:flex;align-items:center;gap:10px}
#product_info .btn_ali a{display:inline-flex;align-items:center;justify-content:center;width:calc(100% / 2);background-color:#333;font-size:16px;color:#fff;height:55px;font-weight:600}
#product_info .btn_ali a.soldout{width:100%;background-color:#999}
#product_info .btn_ali a.color{background-color:var(--primary2);color:#fff}
#product_info .detail_info{margin-top:70px}
#product_info .menu_wrap{transition:0.5s; border-bottom:1px solid #dbdbdb}
#product_info .menu_wrap.fixed{position:fixed;top:0;left:0;width:100%;z-index:2;background-color:rgba(225, 225, 225, .4);backdrop-filter:blur(15px);border-bottom:none}
#product_info .menu_wrap.fixed .menu{max-width:1400px;margin:0 auto;border:0}
#product_info .menu{display:flex;align-items:center;padding:15px 0}
#product_info .menu li{padding:0 20px;position:relative;cursor:pointer;color:#888}
#product_info .menu li.on{line-height:40px;border-radius:30px;z-index:2;background-color:var(--primary2); color:#fff;font-weight:700}
#product_info .menu li.on::after{display:block;bottom:-1px}
#product_info .anchor_div{padding:50px 0;border-bottom:1px solid #ddd;color:#555}
#product_info .anchor_div h3{font-size:20px;font-weight:700;margin-bottom:20px;color:#222}
#product_info .anchor_div:last-of-type{border:0}
#product_info .anchor_div.div1 img{display:block;margin:0 auto;max-width:100%}
#product_info .anchor_div.map{text-align:center}
#product_info .anchor_div.map p{margin:0 0 10px 0}
#product_info .anchor_div.map p.title{font-size:24px;margin:0 0 40px 0}
#product_info .anchor_div.map p:nth-of-type(2){ margin:0 0 10px 0}
#product_info .anchor_div.map p.address{margin:0 0 40px 0}
#product_info .anchor_div.map p span{  margin:0 10px 0 0}
#product_info .anchor_div.div3, #product_info .anchor_div.div4{line-height:28px}

/* ========================== 장바구니 및 결제*/
#order_step{margin-bottom:70px;position:relative;text-align:center;font-size:15px}
#order_step ul{display:flex;justify-content:center}
#order_step ul li{position:relative;color:#bbb}
#order_step ul li + li{margin-left:80px;padding-left:80px}
#order_step ul li + li::before{position:absolute;width:180px;height:1px;background-color:#e1e1e1;right:38%;top:19%; content:""} 
#order_step ul li .eng{font-size:13px;font-weight:700;font-family:var(--e-font)}
#order_step ul li .num{position:relative;margin-top:7px;font-size:18px;font-weight:700;font-family:var(--e-font)}
#order_step ul li img{margin:22px 0 25px;opacity:.3}
#order_step ul li.on{color:#333}
#order_step ul li.on img{opacity:1}
#product_order{position:relative;max-width:1200px;margin:205px auto 120px;font-size:15px}
#product_order h2{margin-bottom:60px;font-size:30px;font-weight:700;text-align:center}
#product_order h3{margin-bottom:40px;padding-top:50px;font-size:22px;font-weight:600;color:var(--primary2)}
#product_order .delete{display:flex;justify-content:flex-end;gap:10px;font-size:14px}
#product_order .delete p{width:120px;height:30px;line-height:28px;background-color:#f5f5f5;color:#555;text-align:center;border:1px solid #eee;border-radius:3px;cursor:pointer}
#product_order .title{margin-top:20px;border-top:3px solid #555;display:flex;align-items:center;border-right:1px solid #eee;border-left:1px solid #eee}
#product_order .title p{text-align:center;font-weight:600;font-size:14px;color:#666}
#product_order .title .tit01{padding:20px 0;width:62%;border-right:1px solid #eee}
#product_order .title .tit02{width:13%}
#product_order .title .tit03{padding:20px 0;width:20%;border-left:1px solid #eee}
#product_order .item_info li{display:flex;align-items:center;justify-content:space-between;border:1px solid #eee;border-bottom:none}
#product_order .item_info li div{height:100%}
#product_order .check_item{width:5%;text-align:center}
#product_order .item_info li .detail{height:150px;position:relative;display:flex;align-items:center;gap:30px; width:62%;border-right:1px solid #eee}
#product_order .item_info li .detail .pic{width:100px;height:100px}
#product_order .item_info li .detail .pic img{width:100%;height:100%;object-fit:cover;border-radius:10px}
#product_order .item_info li .detail .txt{display:flex;flex-flow:column;justify-content:center;gap:20px;color:#888}
#product_order .item_info li .detail .txt .tit{font-weight:700;color:#222}
#product_order .item_info li .detail .txt .op{color:var(--primary2);font-weight:500}
#product_order .item_info li .detail .cancel{position:absolute;right:10px;top:10px; width:30px;height:30px;line-height:26px;border-radius:3px;border:1px solid #ddd;text-align:center;cursor:pointer}
#product_order .item_info li .num_box{padding:0 23px;width:13%;text-align:center}
#product_order .item_info li .num_box div{height:36px;border:1px solid #e1e1e1; display:flex;align-items:center;  justify-content:space-between;border-radius:3px}
#product_order .item_info li .num_box div span{padding:0 3px;color:#777;line-height:36px;cursor:pointer;padding:0 8px}
#product_order .item_info li .num_box div span.add{border-left:1px solid #e1e1e1}
#product_order .item_info li .num_box div span.minus{border-right:1px solid #e1e1e1}
#product_order .item_info li .num_box div input{height:30px;padding:0;width:25%;border:none;text-align:center}
#product_order .item_info li .price{border-left:1px solid #eee;line-height:150px;width:20%;text-align:center;font-weight:700}
#product_order .total_price{background-color:#eee;padding:24px 0}
#product_order .total_price p{padding-right:54px;width:100%;text-align:right;font-size:15px;color:#777}
#product_order .total_price p span{margin-left:5px;font-size:18px;font-weight:600;color:#111}
#product_order .buy_btn{text-align:center}
#product_order .buy_btn a{display:inline-block;cursor:pointer;width:200px;height:50px;line-height:50px;text-align:center;background-color:var(--primary2);color:#fff;font-size:16px;margin:40px auto}
.check_item input{position:absolute;width:0;height:0;visibility:hidden}
.check_item label{cursor:pointer}
.check_item input:checked + label:before{content:url(/img/common/check.png);border:none;background:#111}
.check_item label{cursor:pointer;font-size:15px;line-height:1.4;color:#555}
.check_item label:before{display:inline-block;vertical-align:middle;content:"";width:20px;height:20px;margin-right:8px;border-radius:4px;border:1px solid #ccc;text-align:center;line-height:16px}
#product_order .all_item{border-left:1px solid #eee;border-right:1px solid #eee;border-top:3px solid #555}
#product_order .all_item .item_info{padding:0 40px}
#product_order .none{height:320px;display:flex;flex-flow:column;align-items:center;justify-content:center;gap:30px;background-color:#f5f5f5;color:#777;font-size:17px}
#product_order .none a{font-size:15px;margin-top:10px;background-color:#888;color:#fff;width:140px;height:45px;line-height:45px;text-align:center;border-radius:3px}

/*  주문 및 결제 */
#product_order.buy .item_info li .detail{height:120px;border-right:none}
#product_order.buy .item_info li .price{width:25%;line-height:120px;border-left:none;text-align:right}
#product_order.buy .item_info li .detail .pic{width:90px;height:90px}
#product_order.buy .total_price p{padding-right:40px}
#product_order.buy .total_price p span{color:var(--primary2)}
#product_order.buy .payment{margin-top:70px;width:100%;height:70px;line-height:70px;text-align:center;font-size:15px;color:#888;background-color:#e4fffb;border:1px dashed #78d7ca}
#product_order.buy .payment span{margin-left:10px;color:#333;font-weight:700;font-size:22px}
#product_order.buy .item_info li{border:none}
#product_order.buy .all_item .item_info{padding:0}
#product_order.buy .all_item .item_info li{padding:0 40px}
#product_order.buy .all_item .item_info li + li{border-top:1px solid #eee}
.buyer_info{margin-top:40px;padding:0 30px;border-top:1px dashed #ddd}
.buyer_info input,.sms_info input{width:150px}
.buyer_info.no input, .sms_info.no input{width:200px}
.buyer_info .info_wrap div{display:flex;align-items:center;gap:10px}
.buyer_info div p i{margin-left:5px;color:#ff3636}
.buyer_info div select{padding:0 25px 0 16px;cursor:pointer}
.buyer_info div + div{margin-top:20px}
.buyer_info div p{width:170px}
.sms_info{margin-top:70px;padding:0 30px;border-top:1px dashed #ddd}
.sms_info .txt{margin-bottom:40px;font-size:16px;color:#ff3636}
.sms_info div{display:flex;align-items:center;gap:10px}
.sms_info div p{width:120px}
.sms_info div p i{margin-left:5px;color:#ff3636}
.sms_info div select{padding:0 25px}

/* 약관보기 */
.pay_popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);display:none;z-index:999;font-size:15px;line-height:25px;color:#555}
.pay_popup .popup-content div{white-space:pre-line}
.pay_popup h4{font-size:18px;color:#111;font-weight:600}
.pay_popup h5{font-size:16px;color:#333;font-weight:600}

/* 주문완료 */
#product_order.finish .order_sum{width:100%;padding:40px;background-color:#f8f8f8;border-top:3px solid #555}
#product_order.finish .order_sum .tit{font-size:20px;color:#222;font-weight:700}
#product_order.finish .order_sum ul{margin-top:20px;padding:40px;background-color:#fff}
#product_order.finish .order_sum ul li + li{margin-top:30px;padding-top:30px;border-top:1px dashed #ddd}
#product_order.finish .order_sum ul li p{color:#333;font-weight:700}
#product_order.finish .order_sum ul li p + p{margin-top:16px}
#product_order.finish .order_sum ul li p span{display:inline-block;width:120px;color:#555;font-weight:500}
#product_order.finish .btn_wrap{display:flex;align-items:center;gap:20px;justify-content:center}
#product_order.finish .btn_wrap .sec a{background-color:#888}

/* ========================== 고객센터*/
#board{position:relative;margin-top:140px}
#board section{padding:70px 0 180px;max-width:1200px;margin:0 auto;font-size:15px}
#board .top_title{display:inline-flex;flex-flow:column;align-items:center;justify-content:center;gap:20px;width:100%;height:200px;text-align:center;background:url(/img/sub/board_bg.png) no-repeat center;font-size:34px;font-weight:700;color:#fff}
#board .top_title .top_pag{line-height:8px}
#board .top_title .top_pag a{font-size:15px;line-height:25px;color:#fff;font-weight:500;opacity:.8}
#board .nav_area{display:flex;justify-content:center;border-bottom:1px solid #ddd;font-size:17px}
#board .nav_area a{padding:25px 0;width:150px;text-align:center; color:#888;transition:.3s}
#board .nav_area a.on{color:var(--primary2);font-weight:600;border-bottom:1px solid var(--primary2)}
#board .nav_area a:hover{color:var(--primary2)}
#board .tit_wrap h3{font-size:28px;font-weight:700}
#board .tit_wrap p{font-size:16px;margin-top:26px;color:#888}
#board .search_area{margin-top:40px;position:relative;text-align:right}
#board .search_area input{position:relative;border-radius:0;height:40px}
#board .search_area a{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--primary2)}

/* 공지사항 */
#board .not_list table{margin-top:36px;width:100%;border-top:1px solid #555;border-bottom:1px solid #e1e1e1}
#board .not_list table tr + tr{border-top:1px solid #ddd}
#board .not_list table td{padding:20px 10px;color:#000}
#board .not_list table .date{width:14%;text-align:center;color:#888;font-size:14px; font-weight:400}
#board .not_list table th{padding:20px 0;font-weight:600;color:#333;background-color:#f5f5f5}
#board .not_list .col:hover{background-color:#f5f5f5}
#board.notice_view .tit{border-top:1px solid #333;padding:25px 20px;font-weight:700;font-size:17px;color:#333;background-color:#f5f5f5}
#board.notice_view .date{padding:25px 20px;font-size:14px;color:#888;text-align:right;border-bottom:1px solid #eee}
#board.notice_view .date span{display:inline-block;border-right:1px solid #eee;padding-right:10px;margin-right:10px;font-weight:700}
#board.notice_view .txt{font-size:16px;line-height:26px;color:#555;padding:40px 20px;border-bottom:1px solid #ddd}
#board.notice_view section a{float:right;margin-top:20px;border:1px solid #e1e1e1;padding:16px 36px; }

/* faq */
#board.faq .mid_part{margin-top:40px;display:flex;justify-content:space-between;align-items:center}
#board.faq .mid_part .nav_part{display:flex;gap:10px}
#board.faq .mid_part .nav_part a{padding:13px 0;width:140px;border-radius:30px;background-color:#f5f5f5;color:#888;text-align:center}
#board.faq .mid_part .nav_part a.on{background-color:var(--primary2);color:#fff}
#board.faq .search_area{margin-top:0}
#board.faq .not_list{margin-top:40px}
#board.faq .not_list li{padding:30px 20px;border-top:1px solid #333;cursor:pointer;transition:.3s}
#board.faq .not_list li.active{background-color:#f5fcfb}
#board.faq .not_list li.active .btm{display:block}
#board.faq .not_list li + li{border-top:1px dashed #e1e1e1}
#board.faq .not_list .top{display:flex;gap:20px;align-items:flex-start}
#board.faq .not_list .top span{font-size:27px;font-weight:700;margin-right:10px;color:var(--primary2);font-family:var(--e-font)}
#board.faq .not_list .top div{margin-top:6px}
#board.faq .not_list .top div .sub{margin-bottom:15px;color:var(--primary2);font-size:15px; font-weight:400}
#board.faq .not_list .top div p{font-size:17px;color:#000;font-weight:600}
#board.faq .not_list .btm{display:none;color:#333}
#board.faq .not_list .btm div{display:flex;gap:24px;margin:30px 0 0 10px}
#board.faq .not_list .btm div p{line-height:25px}