sub@charset "utf-8";

/* 공통사용 */
html{height:100%; }
li,ul{margin:0px; padding:0px; list-style:none; display:list-item; text-align:-webkit-match-parent;}
img{border:0px;}
body{.overflow-y:auto; margin:0px; padding:0px; word-break:keep-all; font-family: 'NanumSquareRound';  }
dt{padding:0 0 0 0; margin:0 0 0 0;}
dd{padding:0 0 0 0; margin:0 0 0 0;}



input[type="text"], input[type="number"], input[type="tel"], input[type="password"], input[type="email"], input[type="search"], textarea, {-webkit-appearance: none;/*기본속성없애기*/  border-radius:0;/*기본 라운드 없애기*/ margin:0; font-family: "Nanum Gothic", sans-serif;}
* {-webkit-text-size-adjust:none;}
p{padding:0px; margin:0;}

input:focus{outline:none;}
*:focus{outline:none;}



@font-face{font-family:'georgiai'; src:url('georgiai.ttf')}

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@font-face { font-family: 'NanumSquareRound'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff'); font-weight: normal; font-style: normal; }


@font-face { font-family: '777Balsamtint'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_nine_@1.1/777Balsamtint.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'locus_sangsang'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/locus_sangsang.woff') format('woff'); font-weight: normal; font-style: normal; }



/* Mobile Device */
/*768px 미만 해상도의 모바일 기기를 위한 코드를 작성한다. 모든 해상도에서 이 코드가 실행됨. 미디어 쿼리를 지원하지 않는 모바일 기기를 위해 미디어 쿼리 구문을 사용하지 않는다.*/


a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:active{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:none;}

.only_mobile{display:block;}
.only_pc{display:none;}
.only_pc_inblock{display:none;}
.wrap_box{}

.site_wrap{}

.gototop{ position:fixed; bottom:70px; right:20px; z-index:6;}
.gototop img{width:40px;}

.main_bg{ background-color:#747e86;}

/* header */
.header{ border-bottom:5px solid #ffc20e; text-align:center; padding:45px 0 30px 0; position:relative; background-color:#fff;}
.logo img{width:180px;}
.go_login{position:absolute; top:20px; right:20px; cursor:pointer;}
.go_login img{width:23px;}

.main_today{background-color:#f1f1f1; padding:20px 20px 15px 20px; border-bottom:1px solid #ddd;}
.main_today_h1{font-size:18px; color:#ffad0e; letter-spacing:-1px; font-weight:600; padding:0 0 15px 0;}
.pro_unit{background-color:#fff; font-size:0px; position:relative; margin:0 0 10px 0;}
.pro_thumb{display:inline-block; width:50%; vertical-align:text-top;}
.pro_thumb img{width:100%;}
.pro_info{display:inline-block; width:50%; vertical-align:text-top;}
.pro_info_h1{font-size:13px; color:#999; padding:15px 0 4px 15px;}
.pro_info_h2{font-size:19px; font-weight:600; padding:0 10px 3px 15px; width:calc(100% - 10px); letter-spacing:-1px;}
.pro_info_h3{font-size:14px; padding:0 0 0 15px;}
.pro_info_h3 span.price_before{color:#999; text-decoration:line-through;}
.pro_btn_pac{padding:0 0 15px 13px; position:absolute; bottom:0px; left:50%;}
.btn_go_detail{font-size:15px; background-color:#CCC; display:inline-block; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; text-align:center; width:28px; padding:6px 0 4px 0; vertical-align:text-top; cursor:pointer;}
.btn_go_detail img{width:12px;}
.btn_go_cart{font-size:12px; background-color:#ffc20e; display:inline-block; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; text-align:center; letter-spacing:-1px; color:#7e6008; padding:5px 13px 6px 13px; vertical-align:text-top; margin:0 0 0 5px; cursor:pointer;}
.btn_go_cart img{width:18px; vertical-align:text-top; display:none;}
.btn_done_cart{font-size:12px; background-color:#cccccc; display:inline-block; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; text-align:center; letter-spacing:-1px; color:#757474; padding:5px 11px 6px 11px; vertical-align:text-top; margin:0 0 0 5px; cursor:pointer; opacity:0.8;}

.category_unit{background-color:#fff; padding:20px; border-bottom:1px solid #ddd; font-size:0px; position:relative;}
.category_thumb{width:90px; display:inline-block; vertical-align:text-top;}
.category_thumb img{width:100%;}
.category_info{width:calc(100% - 115px); display:inline-block; vertical-align:text-top; padding:13px 0 0 20px;}
.category_count{font-size:16px; background-color:#ffc20e; color:#fff; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; text-align:center; display:inline-block; padding:6px 12px 4px 12px; line-height:16px; }
.icon_down{position:absolute; top:50%; right:30px;}
.icon_down img{width:15px; margin:-6px 0 0 0;}
.category_h1{font-size:22px; font-weight:600; letter-spacing:-1px; padding:4px 0 0 0;}
.category_pro_list{ padding:20px 20px 15px 20px;}

.product_list{background-color:#f1f1f1;}

/* notice */
.notice_pac{background-color:#fff; padding:20px; position:relative; border-bottom:1px solid #ddd;}
.notice_h1{font-size:18px; font-weight:600; color:#ffad0e; padding:0 0 10px 0;}
.notice_more{font-size:14px; color:#999; position:absolute; top:20px; right:20px;}
.notice_list li{font-size:15px; padding:0 0 5px 0; cursor:pointer;}
span.icon_new{font-size:12px; color:#ffad0e; font-weight:600; display:inline-block; vertical-align:text-top; padding:2px 0 0 2px;}

/* cs */
.cs_pac{background-color:#fff; border-bottom:1px solid #ddd; padding:25px 20px 20px 20px; font-size:0px;}
.cs_unit{display:inline-block; width:50%; text-align:center;}
.cs_h1{font-size:18px; font-weight:600; color:#ffad0e; padding:0 0 15px 0; letter-spacing:-1px;}
.cs_icon img{width:100px;}
.cs_icon{padding:0 0 15px 0;}
.cs_h2{font-size:16px; letter-spacing:-1px; color:#666;}

/* bottom */
.bottom_info_pac{background-color:#fff; padding:20px; border-bottom:1px solid #ddd; position:relative;}
.bottom_icon{position:absolute; top:62px; left:27px;}
.bottom_icon img{width:60px;}
.bottom_info{padding:0 0 0 90px;}
.bottom_h2{font-size:14px; letter-spacing:-1px;}
.bottom_h3{font-size:13px; letter-spacing:-1px; color:#999;}

/* footer */
.footer{background-color:#575b62; text-align:center; padding:0 0 90px 0; margin:0px 0 0 0; z-index:6;}
.footer_menu{border-bottom:1px solid #3c4048; padding:15px 0 15px 0;}
.footer_menu li{font-size:14px; display:inline-block; color:#fff; padding:0 10px 0 10px; cursor:pointer;}
.footer_info{color:#c7c8ca; font-size:13px; padding:20px 0 20px 0; line-height:22px;}
.copy{color:#96989c; font-size:12px; padding:10px 0 0 0;}
.footer_logo img{width:130px;}

.fix_go_cart{ position:fixed; bottom:0px; left:0px; width:100%; text-align:center; z-index:6; }
.fix_go_cart img{width:27px; vertical-align:middle; margin:0 5px 3px 0;}

.btn_main_gocart{background-color:#ff6638; color:#fff; font-size:16px; letter-spacing:-1px; padding:15px 0 15px 0; cursor:pointer;}

/* login */
.login_pac{background-color:#fff; text-align:center; padding:20px; }
.login_h1{font-size:30px; color:#fec603; padding:10px 0 8px 0;}
.login_h2{font-size:13px; color:#999; padding:0 0 20px 0;}
.login_unit{padding:0 0 10px 0;}
.login_style{border:1px solid #ccc; padding:15px 20px 14px 20px; font-size:14px; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; line-height:14px; width:calc(90% - 40px);}
.btn_login{background-color:#ff6638; padding:15px 20px 14px 20px; font-size:16px; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; line-height:16px; width:calc(100% - 40px); display:inline-block; border:1px solid #ff6638; cursor:pointer; color:#fff; }
.login_sns{font-size:14px; color:#666; padding:20px 0 15px 0;}
.btn_face_go{background-color:#3C5999; border:1px solid #3C5999; color:#fff; padding:15px 20px 14px 20px; font-size:16px; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; line-height:16px; width:calc(90% - 40px); display:inline-block;  cursor:pointer; position:relative;}
.btn_face_go img{width:20px; position:absolute; top:12px; left:20px;}
.btn_kakao_go{background-color:#fec603; border:1px solid #fec603; color:#704631; padding:15px 20px 14px 20px; font-size:16px; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; line-height:16px; width:calc(90% - 40px); display:inline-block;  cursor:pointer; position:relative;}
.btn_kakao_go img{width:20px; position:absolute; top:12px; left:20px;}
.btn_naver_go{background-color:#4AB648; border:1px solid #4AB648; color:#fff; padding:15px 20px 14px 20px; font-size:16px; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; line-height:16px; width:calc(90% - 40px); display:inline-block;  cursor:pointer; position:relative;}
.btn_naver_go img{width:20px; position:absolute; top:12px; left:20px;}
.btn_google_go{background-color:#dd4b3e; border:1px solid #dd4b3e; color:#fff; padding:15px 20px 14px 20px; font-size:16px; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; line-height:16px; width:calc(90% - 40px); display:inline-block;  cursor:pointer; position:relative;}
.btn_google_go img{width:20px; position:absolute; top:12px; left:20px;}
.join_go_pac{background-color:#fff; border-top:1px solid #ddd; padding:20px 20px 20px 20px; text-align:center;}

/* join */
.join_unit{ text-align:left; border-bottom:1px solid #eee; padding:15px 0 10px 0;}
.join_unit dt{font-size:14px; color:#666; padding:0 0 5px 0;}
.join_unit dd{padding:0 0 5px 0; font-size:14px;}
.join_unit dd.add_pac{font-size:0px;}
.join_unit dd li{border-bottom:1px dotted #ddd; padding:15px 0 15px 0;}
.join_unit dd li:nth-last-child(1){ border-bottom:0px; padding:15px 0 5px 0;}
.join_unit dd span.only_txt{padding:10px 0 5px 0; display:inline-block;}
.join_input_style{border:1px solid #ddd; width:calc(100% - 32px); padding:15px; font-size:14px;}
.address_input_style{border:1px solid #ddd; width:calc(50% - 32px); padding:15px; font-size:14px; display:inline-block;}
.btn_find_address{ background-color:#49505c; color:#fff; display:inline-block; width:50%; font-size:14px; text-align:center; padding:14px 0 14px 0;}
.join_check{font-size:13px; text-align:left; padding:15px 0 15px 0;}
.join_check input{vertical-align:middle;}
.join_check a:link{color:#b2a06f;}
.btn_joinjoin{background-color:#fec603; border:1px solid #fec603; color:#704631; padding:15px 20px 14px 20px; font-size:16px; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; line-height:16px; width:calc(100% - 40px); display:inline-block; text-align:center;  cursor:pointer; position:relative;}
.join_btn_pac{padding:0 0 10px 0;}
.join_btn_pac2{padding:15px 0 10px 0;}

/* rule */
.rule_box{background-color:#fff; padding:20px;}
.rule_h1{font-size:20px; letter-spacing:-1px; padding:0 0 10px 0;}
.rule_h2{font-size:13px; color:#666;}

/* pro_detail */
.pro_detail_pac{background-color:#fff; padding:20px; text-align:left; border-bottom:0px solid #ddd;}
.pro_detail_thumb img{width:100%;}
.pro_detail_info{ padding:20px 0 0 0;}
.pro_detail_h1{font-size:14px; color:#999; padding:0 0 8px 0;}
.pro_detail_h2{font-size:25px; padding:0 0 8px 0;}
.pro_detail_h3{font-size:15px;}
.pro_detail_h3 span.price_before{color:#999; text-decoration:line-through; padding:0 5px 0 0;}
.pro_detail_count{font-size:0px; padding:20px 0 20px 0;}
.btn_num_down{display:inline-block; border:1px solid #ddd; vertical-align:text-top; width:40px;}
.pro_count_style{vertical-align:text-top; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-left:0px; border-right:0px; text-align:center; font-size:15px; padding:12px 0 11px 0; width:calc(100% - 84px);}

.pro_detail_view{border-bottom:1px solid #ddd; font-size:15px; padding:20px; background-color:#fff;}
.pro_resource_info{background-color:#fff; padding:20px;}
.detail_t{color:#fec603; font-size:18px; padding:0 0 10px 0;}
.detail_t1{color:#333; font-size:16px; padding:0 0 5px 0;}
.detail_t2{color:#666; font-size:14px; letter-spacing:-1px; padding:0 0 15px 0; line-height:20px;}
.detail_back{ background-color:#fff; border-bottom:1px solid #ddd; text-align:center; padding:15px 0 15px 0;}
.btn_back_main{padding:12px 30px 11px 30px; font-size:16px; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; background-color:#999; display:inline-block; color:#fff; font-size:14px; cursor:pointer;}

/* notice */
.notice_p_list{ border-top:1px solid #ccc;}
.notice_p_unit{ text-align:left; border-bottom:1px solid #ddd; padding:20px 0 19px 0; font-size:0px;}
.notice_p_unit dt{font-size:15px; display:inline-block; vertical-align:text-top; width:50px; text-align:center; padding:3px 0 0 0;}
.notice_p_list dd{font-size:15px; display:inline-block; vertical-align:text-top; width:calc(100% - 50px);}
.notice_detail{ font-size:14px; text-align:left; border-bottom:1px solid #ddd; padding:20px 0 20px 0;}

/* pagenation */
.pagenation_wrap{text-align:center; padding:25px 0 10px 0; font-size:0px;}
.pagenation_wrap a{border:1px solid #eee; width:33px; height:33px; display:inline-block; vertical-align:text-top; font-size:13px; line-height:33px; color:#999; margin:0 2px 0 0;}
.pagenation_wrap a:hover{color:#333;}
.pagenation_wrap a.page_pre{background:url(../images/btn_page_pre_off.png) no-repeat 0 0; background-size:33px 33px; }
.pagenation_wrap a.page_pre:hover{background:url(../images/btn_page_pre_on.png) no-repeat 0 0;}
.pagenation_wrap a.page_prepre{background:url(../images/btn_page_prepre_off.png) no-repeat 0 0; background-size:33px 33px; }
.pagenation_wrap a.page_prepre:hover{background:url(../images/btn_page_prepre_on.png) no-repeat 0 0;}
.pagenation_wrap a.page_next{background:url(../images/btn_page_next_off.png) no-repeat 0 0; background-size:33px 33px;}
.pagenation_wrap a.page_next:hover{background:url(../images/btn_page_next_on.png) no-repeat 0 0;}
.pagenation_wrap a.page_nextnext{background:url(../images/btn_page_nextnext_off.png) no-repeat 0 0; background-size:33px 33px; margin:0 0 0 0;}
.pagenation_wrap a.page_nextnext:hover{background:url(../images/btn_page_nextnext_on.png) no-repeat 0 0;}
.pagenation_wrap a.active{border:1px solid #fec603; color:#a08575;}

/* mypage */
.mypage_pac{background-color:#fff;}
.mypage_menu_pac{border-bottom:1px solid #ddd; text-align:center; padding:15px 0 15px 0;}
.mypage_menu_pac li{display:inline-block; font-size:15px; padding:0 15px 0 15px; cursor:pointer;}
.mypage_menu_pac li.on{color:#fec603;}
.myinfo{padding:20px;}

/* cart */
.cart_list{border-top:1px solid #ddd;}
.cart_unit{border-bottom:1px solid #ddd; padding:15px 0 15px 0; font-size:0px; position:relative;}
.no_pro{font-size:14px; color:#999; padding:20px 0 20px 0;}
.cart_thumb{ width:80px; display:inline-block; vertical-align:text-top;}
.cart_thumb img{width:100%;}
.cart_info{ width:calc(100% - 100px); text-align:left; display:inline-block; vertical-align:text-top; padding:0 0 0 20px;}
.cart_h1{font-size:13px; color:#999; padding:0 0 5px 0;}
.cart_h2{font-size:19px; padding:0 0 4px 0;}
.cart_h3{font-size:14px; padding:0 0 10px 0;}
.cart_h3 span.price_before{text-decoration:line-through; color:#999; padding:0 10px 0 0;}
.cart_num{border-top:1px solid #ddd; border-left:0px; border-bottom:1px solid #ddd; border-right:0px; font-size:14px; padding:9px 8px 8px 8px; text-align:center; width:30px; display:inline-block; vertical-align:text-top;}
.btn_cart_up{border:1px solid #ddd; display:inline-block; vertical-align:text-top;}
.btn_cart_up img{width:33px;}
.btn_confirm{background-color:#a2a3ac; color:#fff; font-size:14px; display:inline-block; vertical-align:text-top; padding:9px 10px 8px 10px; margin:0 0 0 -1px; cursor:pointer;}
.btn_close{ position:absolute; top:15px; right:10px;}
.btn_close img{width:16px;}
.disable{opacity:0.5;}
.cart_result{ text-align:left; font-size:0px; border-bottom:1px solid #ddd; padding:20px 0 20px 0;}
.cart_result li{padding:0 0 10px 0;}
.cart_result li dt{font-size:14px; display:inline-block; vertical-align:text-top; width:100px; line-height:15px;}
.cart_result li dd{font-size:14px; display:inline-block; vertical-align:text-top; text-align:right; width:calc(100% - 100px); line-height:15px;}

.delivery_unit{ text-align:left; border:1px solid #ddd; padding:15px; margin:0 0 10px 0; position:relative;}
.delivery_pac{padding:20px 0 0 0; position:relative;}
.deli_title{ text-align:left; padding:0 0 15px 0; color:#ffc20e;}
.deli_check{position:absolute; top:19px; left:14px;}
.deli_info{padding:0 0 0 27px;}
.deli_h1{font-size:18px; padding:0 0 3px 0;}
.deli_h2{font-size:15px; padding:0 0 5px 0; color:#666;}
.deli_h3{font-size:13px; color:#999;}
.deli_noti{position:absolute; top:23px; right:0px; font-size:13px; text-decoration:underline; color:#ff6638; cursor:pointer;}

/* pop */
.deli_pop_pac{background:url(../images/black.png); position:fixed; top:0px; left:0px; z-index:9; width:100%; height:100%; padding:30px;}
.deli_white_box{background-color:#fff; width:calc(100% - 60px); webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; position:relative; height:calc(100% - 60px); overflow-y:scroll;}
.pop_title{ border-bottom:2px solid #ffc20e; position:fixed; font-size:16px; letter-spacing:-1px; padding:15px 0 15px 20px; color:#ff6638; background-color:#fff; z-index:9; width:calc(100% - 80px); webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; -ms-border-radius: 20px 20px 0 0; -o-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0;}
.pop_close{position:absolute; top:17px; right:18px;}
.pop_close img{width:20px;}
.pop_letter{padding:50px 20px 10px 20px; font-size:14px;}

/* naver pay */
.naver_pay_pac{padding:10px 0 10px 0;}

/* order */
.cart_h5{font-size:14px;}
.order_h1{ text-align:left; font-size:15px; padding:20px 0 10px 0; color:#fec603;}

/* deli done info */
.deli_done_info{text-align:center; border:1px solid #ddd; margin:15px 0 0 0; padding:20px; position:relative;}
.deli_done_icon img{width:70px;}
.deli_done_icon{padding:0 0 15px 0;}
.deli_h4{font-size:22px;}
.deli_h5{font-size:14px; color:#666;}
span.t_gray{color:#999;}

/* header banner */
.header_banner{background-color:#ff6638; position:relative; padding:25px; cursor:pointer;}
.head_banner_icon{ position:absolute; top:30px; left:35px;}
.head_banner_icon img{width:60px;}
.head_banner_info{padding:5px 0 0px 90px;}
.h_b_h1{font-size:20px; color:#fff; letter-spacing:-1px; line-height:25px; padding:0 0 8px 0;}
.h_b_h2{font-size:14px; color:#76260d; letter-spacing:-1px; line-height:17px; padding:0 0 8px 0;}
.h_b_h3{font-size:14px; text-decoration:underline; color:#5b1905;}

/* pop info */
.pop_info_unit{ border-bottom:1px solid #ddd; padding:15px 0 15px 0; position:relative;}
.pop_info_unit:nth-last-child(1){border-bottom:0px;}
.pop_h1{font-size:16px; letter-spacing:-1px; padding:0 0 5px 0; color:#ffc20e;}
.pop_h2{font-size:13px; letter-spacing:-1px; color:#333;}
.pop_icon{position:absolute; top:13px; left:0px;}
.pop_icon img{width:23px;}
.pop_inbox{padding:0 0 0 0px;}
.pop_inbox div.pop_h1{padding:0 0 5px 30px;}


/* my list */
.my_order_list{padding:5px 20px 20px 20px;}
.order_unit{border-bottom:1px solid #ddd; text-align:center; padding:25px 0 25px 0; position:relative;}
.order_unit_info{text-align:left; padding:0 0 0 100px;}
.order_date{position:absolute; top:27px; left:20px; font-size:16px;}
.order_unit_h1{font-size:15px; letter-spacing:-1px; padding:0 0 4px 0;}
.order_unit_h2{font-size:13px; letter-spacing:0px; color:#999;}

/* order view */
.my_order_view_pac{padding:5px 20px 20px 20px;}

/* 20200403 */
.join_comment{ font-weight:normal; font-size:13px; color:#999; padding:5px 0 0 0;}
.like_pac{text-align:center; font-size:14px; color:#999; padding:15px 0 0 0; cursor:pointer;}
.like_pac img{vertical-align:middle; }
.pro_like{font-size:12px; color:#999; padding:3px 0 0 15px;}
.pro_like img{vertical-align:middle; margin:0 0 1px 0;}

.point_now_pac{text-align:center; padding:25px 0 30px 0;}
.point_now{font-size:25px; border-bottom:3px solid #333; display:inline-block; padding:0 10px 10px 10px;}
.point_now span{font-size:18px; vertical-align:text-top; display:inline-block; padding:2px 0 0 0; color:#999;}

.point_list{border-top:1px solid #ddd;}
.point_unit{padding:15px 0 15px 0; border-bottom:1px solid #ddd; text-align:center; font-size:0px;}
.point_date{font-size:13px; width:30%; display:inline-block; color:#999;}
.point_price{font-size:13px; width:40%; display:inline-block;}
.point_why{font-size:13px; width:30%; display:inline-block; color:#999;}

/* print */
.print_pac{padding:30px;}
.print_list{ border-top:1px solid #666;}
.print_h1{font-size:18px; font-weight:600; padding:0 0 20px 0;}
.print_list li{font-size:0px; border-bottom:1px solid #ddd; padding:15px 0 13px 0;}
.print_list li dt{font-size:15px; display:inline-block; width:70%; vertical-align:text-top;}
.print_list li dd{font-size:15px; display:inline-block; width:30%; text-align:right; vertical-align:text-top;}

.print_deli_pac{font-size:16px; border-bottom:1px solid #ddd; padding:20px 0 20px 0;}
.p_deli_h1{font-weight:600; padding:0 0 5px 0;}

.tiaat_info{font-size:13px; padding:20px 0 0 0; color:#666;}
.deli_inpac{padding:8px 0 0 0;}

/* 20200819 */
.pro_option_pac{ padding:0 0 20px 0;}
.option_style{width:100%; border:1px solid #ddd; padding:12px; height:45px;}
.option_choice{padding:25px 0 20px 0; border-bottom:0px solid #ddd; font-size:0px;}
.option_txt{display:inline-block; vertical-align:text-top; font-size:14px; width:calc(100% - 100px);}
.option_opt{display:inline-block; vertical-align:text-top; width:100px; text-align:right;}
.option_opt img{margin:0 0 0 4px;}
.pro_allprice{ padding:0 0 20px 0; border-bottom:1px solid #ddd; margin:0 0 30px 0; font-size:0px;}
.pro_allprice dt{display:inline-block; vertical-align:text-top; font-size:15px; width:15%;}
.pro_allprice dd{display:inline-block; vertical-align:text-top; font-size:15px; font-weight:bold; width:85%; text-align:right;}
.cart_option{font-size:14px; color:#666; padding:12px 0 0 0;}



/* 20200911 */
.option_opt button{border:0px; padding:0 0 0 0; margin:3px 0 0 2px; font-size:0px;}
.option_opt button img{margin:0 0 0 0; padding:0 0 0 0;}
.option_opt input{border:1px solid #ccc; font-size:15px; height:30px; width:80px; text-align:center;}
.sit_spl_list{border-bottom:1px solid #ddd; padding:15px 0 15px 0;}


/* 20250318 주문서 배송메세지 */
.order-select-container {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}

.order-select-container .custom-select {
  width: 100%;
  padding: 15px;
  font-size: 14px;
  border: 1px solid #ddd;
  appearance: none;
  background-color: white;
  cursor: pointer;
}

.order-select-container .custom-select:focus {
  outline: none;
  border-color: #007bff;
}

.order-select-container .select-arrow {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.order-select-container .input-field {
  width: 100%;
  padding: 15px;
  font-size: 14px;
  border: 1px solid #ddd;
  margin-top: 10px;
  box-sizing: border-box;
  display: none;
}

.order-select-container .dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  width: 100%;
  border: 1px solid #ddd;
  border-top: none;
  z-index: 1;
  max-height: 200px;
  overflow-y: auto;
  border-radius: 0 0 4px 4px;
}

.order-select-container .dropdown-item {
  padding: 10px 15px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.order-select-container .dropdown-item:hover {
  background-color: #f1f1f1;
}

.order-select-container .dropdown-item.selected {
  background-color: #007bff;
  color: white;
}

.order-select-container.open .dropdown-content {
  display: block;
}

.order-select-container.open .select-arrow {
    transform: rotate(180deg) translateY(50%);
}

.order-select-container .select-label {
  display: block;
  width: 100%;
  padding:15px;
  border: 1px solid #ddd;
  background-color: white;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
}


/* Tablet & Desktop Device */
@media all and (min-width:768px) {
/*사용자 해상도가 768px 이상일 때 이 코드가 실행됨. 테블릿과 데스크톱의 공통 코드를 작성한다.*/

.site_wrap{width:400px; margin:0 auto;}

.only_mobile{display:none;}
.only_pc{display:block;}
.only_pc_inblock{display:inline-block;}
.wrap_box{ width:1200px; margin:0 auto; position:relative;}

.btn_main_gocart{background-color:#ff6638; color:#fff; font-size:16px; letter-spacing:-1px; padding:15px 0 15px 0; cursor:pointer; width:400px; margin:0 auto;}

.deli_pop_pac{background:url(../images/black.png); position:fixed; top:0px; left:0px; z-index:9; width:100%; height:100%; padding:30px 0 0 0;}
.deli_white_box{background-color:#fff; width:360px; margin:0 auto; webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; position:relative; height:calc(100% - 60px); overflow-y:scroll;}
.pop_title{ border-bottom:2px solid #ffc20e; position:fixed; font-size:16px; letter-spacing:-1px; padding:15px 0 15px 20px; color:#ff6638; background-color:#fff; z-index:9; width:340px; webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; -ms-border-radius: 20px 20px 0 0; -o-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0;}


}

/* Tablet Device */
@media all and (min-width:768px) and (max-width:1024px) {
/*사용자 해상도가 768px 이상이고 1024px 이하일 때 이 코드가 실행됨. 아이패드 또는 비교적 작은 해상도의 랩탑이나 데스크톱에 대응하는 코드를 작성한다.*/



}

/* Desktop Device */
@media all and (min-width:1921px) {
/*사용자 해상도가 1025px 이상일 때 이 코드가 실행됨. 1025px 이상의 랩탑 또는 데스크톱에 대응하는 코드를 작성한다.*/




}