@charset "utf-8";
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: local('Pretendard Bold'), url(/resources/fonts/pretendard/Pretendard-Bold.woff2) format('woff2'), url(/resources/fonts/pretendard/Pretendard-Bold.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: local('Pretendard Regular'), url(/resources/fonts/pretendard/Pretendard-Regular.woff2) format('woff2'), url(/resources/fonts/pretendard/Pretendard-Regular.woff) format('woff');
}
* {font-family: 'Pretendard', sans-serif;box-sizing: border-box}
html{font-size:62.5%}
body{font-size:2rem;line-height:1.5;word-break:break-all}
body, p, ul, li, ol{margin:0;padding:0}
li{list-style:none}
a{text-decoration: none;color:inherit}
a:hover, a:visited{text-decoration: none;color:inherit}
img{max-width:100%}
.content{max-width:100rem;margin:0 auto}
#footer{padding-top:6rem;padding-bottom:6rem}
.footer_menu_wrapper{position:fixed;width:100%;left:0;bottom:0;display:flex}
.footer_menu_item{display:flex;flex:1 1 auto;background:#fcf6a8;height:5.6rem;justify-content: center;align-items: center;border:0.1rem solid #eee}
.form_input_wrapper{display:flex;flex-direction:column;flex-wrap:wrap;padding:1rem}
.form_label{display:block;margin-bottom:0.5rem;font-size:1.6rem;color:#aaa}
.form_input{display:block;width:100%;background:#eeff41;border:0.1rem solid #ddd;border-radius:0.5rem;height:4rem}
.form_button{display:flex;justify-content:center;width:90%;margin:0 auto;align-items: center;background:#fcf6a8;height:6rem;font-size:2.4rem;border-radius:0.5rem;border:0.1rem solid #ddd}
.explain_text{font-size:1.6rem}
.explain_text.success{color:#06e}
.explain_text.error, .explain_text.fail{color:#f00}
.mb_1{margin-bottom:1rem}
.mb_2{margin-bottom:2rem}
/* Index */
#main_logo_wrapper{display:flex;justify-content: center;height:20.8vw;max-height:200px;background:url(/resources/images/susinmelon-kv-banner.jpg) no-repeat center/cover}
#main_logo{}
@media (min-width:768px){
    #main_logo_wrapper{max-height:200px}
}
#main_title{display:flex;justify-content:center;padding:0 2rem;font-size:2.4rem}
#main_text{display:flex;justify-content:center;padding:0 2rem 4rem 2rem;font-size:1.6rem}
#main_profile_wrapper{display:flex;justify-content:center;align-items:center;padding:2rem}
#main_profile{width:90%;max-width:50rem}
.main_image{width:90%;max-width:50rem;}
.slick-slide > .main_image{margin:0 auto}
#main_slider_wrapper > .slick-prev{position:absolute;display:flex;top:calc(50% - 3rem);left:1%;width:10vw;max-width:3rem;z-index:1}
#main_slider_wrapper > .slick-next{position:absolute;display:flex;top:calc(50% - 3rem);right:1%;width:10vw;max-width:3rem;z-index:1}
#preorder_link_button{position:relative;width:50vw;max-width:50rem;margin-top:2rem;background:#2d631b;color:#fff}
/* Preorder */
.order_button{margin-top:4rem}
/* Preorderform */
.preorderform_text{font-size:2rem;padding:2rem}
.recipient_address_wrapper{position:relative;display:flex;justify-content: space-between;flex-wrap:wrap}
.recipient_address_wrapper > .form_button{flex:0 0 auto;width:38%;margin:0;height:auto;font-size:1.6rem}
.recipient_address_wrapper > #recipient_zip{flex:0 0 auto;width:60%}
#preorderform_address_wrapper{display:none;position:relative;width:100%;margin:3rem auto;height:50rem;border:0.1rem solid #ddd}
#preorderform_address_wrapper.active{display:block}
#preorderform_address_close{position:absolute;top:-2rem;right:0;z-index:1}
.preorderform_product_list_wrapper{display:flex;flex-wrap:wrap}
.preorderform_product_list_item{display:flex;width:50%;flex-wrap:wrap;flex-direction:column;padding:1%;justify-content: space-between;text-align:center;}
.preorderform_product_list_item > img{max-width:fit-content;max-height:13rem;margin:0 auto;}
.preorderform_amount_wrapper{display:flex;padding:1rem;justify-content: space-between}
.preorderform_amount_wrapper > .amount_title{display:flex;align-items: flex-start}
.preorderform_amount_wrapper > .amount{display:flex;align-items: flex-end}
.preorderform_product_qty_wrapper{display:inline-flex;margin:0 auto}
.preorderform_product_qty_minus_button{display:flex;flex:0 0 auto;justify-content: center;align-items: center;width:4rem;background:#eee;border:0.1rem solid #000}
.preorderform_product_qty_input{flex:0 0 auto;width:6rem;height:4rem;text-align:center}
.preorderform_product_qty_plus_button{display:flex;flex:0 0 auto;justify-content: center;align-items: center;width:4rem;background:#eee;border:0.1rem solid #000}
.preorderform_agree_wrapper{padding:1rem}
.preorderform_notice_text_wrapper{color:#f00;padding:1rem;text-align:center}
.preorderform_sold_out_icon_wrapper{display:flex;justify-content: center;align-items: center;padding:0.5rem}
.preorderform_sold_out_icon{background:#fcf6a8;border-radius:0.5rem;padding:0.5rem}
/* myorder */
.order_completed_wrapper{padding:1rem}
.order_completed_title{font-size:2.4rem;}
.order_complete_deposit_info{padding:1rem 0;}
.order_completed_text{padding:4rem 0}
.order_completed_kakao_button{}
.myorder_form_text{padding:4rem 1rem;}
.myorder_list_wrapper{padding:1rem}
.myorder_list_item{padding:1rem;border:0.1rem solid #ddd;margin-bottom:2rem}
.myorder_list_item_title{padding-bottom:1rem;font-size:1.6rem}
.myorder_list_item_status{background:#f9f9f9;padding:0.5rem}
.myorder_list_item_product{padding:1rem}
.myorder_list_item_amount{padding:1rem;font-size:1.6rem}
.myorder_list_item_shipping_wrapper{display:flex;padding:1rem;}
.myorder_list_item_shipping_link{display:flex;margin:0 1rem 1rem 0;padding:1rem;background:#fcf6a8;}
.cancel_order_button{background:#f00;color:#fff;display:flex;height:3.5rem;margin:1rem;border:none}
.myorder_total_wrapper{margin:1rem 1rem 2rem 1rem;padding:1rem;border:0.1rem solid #ddd;}
.myorder_total_list{display:flex;}
.myorder_total_list > span:first-child{margin-right:0.5rem}