@charset "UTF-8";

@keyframes down_scroll {
    0% { bottom:12px;}
    100% {bottom:20px;}
}
* {margin: 0; padding: 0;}
li {list-style: none;}
a {color: inherit; text-decoration: none;}

/*메인페이지 main_visual*/
.main_visual_scroll { position: absolute; bottom: 12px; right: 10%; animation:  down_scroll .6s ease-in-out .3s infinite alternate; }

/* 메인페이지 스타일 */
.main-banner {/*width: 1260px;margin-top:130px;*/aspect-ratio:24 / 7.8;overflow:hidden; width: 100%; height: 677px;}
.main-banner-list {list-style:none;padding:0;margin:0;}
.main-banner-item {width:100%;overflow:hidden;}
.main-banner-image {width:100%;height:100%;object-fit:cover;}

.main-banner-plaintext {width:calc(100% - 30px);max-width:1280px;margin:0 auto;position: relative;top: calc(-65% - 215px);z-index:11;word-break: keep-all;width:100%;text-align:center;color: white; font-size: 22px;}
/*.main-banner .main-banner-text {font-size:3em;max-width: min(295px, calc(100% - 30px));line-height:1.1;}*/
.main_visual_font{margin-top: 15px;}
.main-banner-subtext {font-size:1.25em;letter-spacing:-0.05em; line-height:1.5;margin-top:30px;}
.main-banner-plaintext .main-banner-text {width: 100%;position: absolute;top: 10%;left:5%;padding: 10% 0%;z-index: 10;text-align: left;margin-top:30px;}
.main-banner-plaintext .main-banner-text .text-top {font-family: "Pretendard";color: #FFFFFF;font-size: 1.75rem;font-weight: 400;}
.main-banner-plaintext .main-banner-text .text-mid {font-family: "BMEULJIRO";color: #222222;font-size: 3.44rem;font-weight: 400; margin-top: 35px;line-height: 68px;text-transform: capitalize;}
.main-banner-plaintext .main-banner-text .text-bot {font-family: "Pretendard";color: #222222;font-size: 1.125rem;font-weight: 400; margin-top: 32px;}

.main-banner-link:hover {cursor:pointer;}

.main-banner-overlap {width:100%;aspect-ratio:24 / 1;margin:0 auto;position:relative;top:calc(-50% - 35px);}
.main-banner-control {width:calc(100% - 30px);max-width:1460px;margin:0 auto;height:70px;overflow:hidden;position:relative;z-index:10;text-align: left;}
.main-banner-indicator {display:inline-block;height:70px;margin:0 20px 0 0;padding:0;vertical-align:top;}
.main-banner-indicator li {margin-right:10px;}
.main-banner-indicator li:last-child {margin-right:0;}
.main-banner-guide-left{position: absolute;left: 0;}
.main-banner-guide-right{position: absolute;right: 0;}
.main-banner-guide-display {display: inline-block;height: 24px;overflow: hidden;text-align: center;padding: 8px 20px;margin-right: 8px;left:  calc( 50vw - 50px );bottom:32px; position: absolute;z-index: 9;width: 100px;}
.indicator-button {display:inline-block;margin-top:7px;width:16px;height:16px;border-radius:50%;border:none;background-color: rgba(255, 255, 255, 0.5);}
.indicator-button.active {background-color: #FFFFFF;}
.guide-icon {display:inline-table;/*margin-top:7px;*/width:70px;height:70px;overflow:hidden;}
.guide-icon img {height:70px;width: 70px;opacity: 1;}
.guide-icon img:hover {opacity: 1;}
.guide-icon:hover {cursor:pointer;}

/*메인페이지 product_menu*/
.product_more {display: none;}
.product_wrap {width: 100%;background-color: #F6F6F6;padding-top:108px;padding-bottom:104px; position: relative;}
.product_menu { width:calc(100% - 40px); max-width: 1280px; margin: 0 auto; overflow: hidden; }
.product_menu_title { overflow: hidden; margin-bottom: 32px; }
.product_menu_title .more_box { float: right; width: 86px; height: 33px; border: 1px solid #CCCCCC; box-sizing: border-box; border-radius: 16px; }
.product_menu_title .more_box.active {display:inline-block;}
.product_menu_title .more_box:hover span {border-bottom: 1px solid #666666;cursor: pointer;}
.product_menu_txt {background: url('/images/joyfulTour/icon/glay_circle.png') 0 4px no-repeat;display: inline-block;padding-left:29px;font-size:25px;color:#888888;margin-right:25px;}
.product_menu_txt.active {background: url('/images/joyfulTour/icon/blue_circle.png') 0 4px no-repeat;color:#222222;}
.product_menu_txt:last-child {margin-right:0;}

.product_area{padding:150px 0 0 0;position: relative;}
.product_area.brand{padding:100px 0 100px 0;}

.product_area_title { overflow: hidden; /*margin-bottom: 32px;*/ }
.product_area_title .more_box { display: block;  float: right; width: 86px; height: 33px; border: 1px solid #CCCCCC; box-sizing: border-box; border-radius: 16px; position: relative; top: -30px;}
.product_area_title .more_box.active {display:inline-block;}
.product_area_title .more_box:hover span {border-bottom: 1px solid #666666;cursor: pointer;}

.product_area_grp {display: flex;justify-content: center;flex-direction: column;align-items: center;}
.product_area_img {width:100%;height:100%;object-fit:cover;}
.product_area_txt {color:#222;font-family: 'Cafe24Oneprettynight';font-size:38px;font-weight: 600;line-height: 38px;letter-spacing: -0.76px;}
.product_area_desc {margin-top:20px; margin-bottom: 30px; font-size:18px;color:#333;}
.product_area_desc p{text-align: center;line-height: 28px;}
.product_area_grp .row{display: flex;margin-top:70px;}
.product_brand_img .mg_r {margin-right: 30px;}
/*.product_area_grp .row .product_brand_img{width: calc(100%);}*/
.product_area_grp .row .product_brand_img img{width: calc(49% - 15px);}
.product_area_grp .row .product_brand{width: 585px;margin-left:60px;}
.product_area_grp .row .product_brand p{text-align: left;}
.product_area_grp .row .product_area_txt{font-size: 30px;}
.product_area_grp .row .product_area_desc{font-size: 20px;margin-top:20px}
.story .product_area_grp{margin-bottom: 100px;}
.story .product_area_img{margin-bottom: 80px;}
.story .product_area_txt{font-size: 40px;}
.story .product_area_desc{font-size: 20px;width: 450px;}
.sub-banner-image {height: 100%;width: 100%;object-fit: cover;}

.more_box_mo {display: none;}
.more_txt {float: left;font-size: 14px;color: #666666;margin-top: 6px;margin-left: 13px;}
.more_icon {float: left;line-height: 33px;margin-left: 9px;}

.product_content_box {overflow: hidden;margin:0 auto; margin-top: 53px; margin-bottom: 140px;}
.product_list {display:flex; flex-wrap: wrap;}

.empty_product{width: 100%; height: 300px;display: flex;justify-content: center;align-items: center;}
.empty_title{font-size: 2rem;}

.content_list {display: inline-block; vertical-align: top; max-width:405px; margin-bottom: 75px; margin-right:32.5px;position: relative; height: 330px;}
.main_content_list {margin-bottom: 30px;}
.content_list.experience{height: 330px;}
.content_list:nth-child(3n) {margin-right: 0;}
.product_list .content_list:nth-child(n+7){display: none;}

.main_content_img {width: 100%; height: 100%;overflow: hidden;/*border-radius: 20px;cursor: pointer;*/}
.main_content_img .content_img_hover{/*display: none;*/opacity: 0;}

.content_list:hover .content_img_hover {position: absolute;width: 100%; height: 100%;background-color: rgba(0, 0, 0, 0.80); display: block;cursor: none;overflow: hidden; transition: all 500ms linear;opacity: 1;}
.circle{
	background-color: #C23829;
	width: 91px;
	height: 91px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-size:20px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99;
}

.content_img_hover .content_guide {position: absolute;left: 30px;bottom: 23px;}

.content_guide p{line-height: 30px;}
.content_guide .content_title {font-size: 23px;color: #fff;font-weight: 700;overflow:hidden;white-space:nowrap;text-overflow: ellipsis; }
.content_guide .content_desc {font-size: 16px;color: #ccc;font-weight: 400;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;width: 85%;}
.content_guide .content_price {font-size: 16px;color: #fff;font-weight: 400;text-align: left;}
.content_guide .content_price::after{content: ' 원';}

.experience_guide{display: flex;flex-direction: column;align-items: center; margin-top: 20px;}
.experience_guide .title {font-size: 18px;color: #222;font-weight: 400;overflow:hidden;white-space:nowrap;text-overflow: ellipsis; text-align: center;width: 95%;}
.experience_guide .mark{font-size: 14px;color: #fff;font-weight: 500;width: 54px;height: 24px;display: flex;justify-content: center;align-items: center;border-radius: 4px;margin-top:9px}
.experience_guide .mark.normal{background-color: #443B36;}
.experience_guide .mark.special{background-color: #C23829;}

.main_content_img img {width: 100%; height: 100%; object-fit:cover;}

/*서브배너*/
.sub-banner-area {width: 100%;}
.sub-banner-box {margin: 0 auto;}

.sub_banner { position: relative; width: 100%; height: 210px; border-radius: 20px; background: url('/images/joyfulTour/sub_banner.png'); background-size: cover; /*margin-top: 80px;*/ overflow:hidden;}
.sub-banner-list {list-style:none;padding:0;margin:0;}
.sub-banner-list.mainrecommendation {height: 300px;}
.sub-banner-list.special {height: 660px;}
.sub-banner-list.plan {height: 224px;}
.sub-banner-list.plan2 {height: 289px;}
.sub-banner-list.story {height: 582px;}
.sub-banner-list.shop {height: 831px;background-color: #000;}
.sub-banner-list.method {/*height: 1101px;*/}
.sub-banner-list.about {height: 795px;}
.sub-banner-item {width:100%;height:100%;overflow:hidden;position: relative;}
.plan .sub-banner-image {width:100%;height:100%;object-fit:cover;content: url('/images/beckrok/sub_banner_plan1.png');}
.sub-banner-plaintext {width:calc(100% - 30px);max-width:1280px;margin:0 auto;position: relative;top: -300px;z-index:11;word-break: keep-all;}
.sub-banner-plaintext .sub-banner-text {/*max-width: max(295px, calc(100% - 30px));*/width: 100%;position: absolute;top: 10%;z-index: 10;text-align: left;margin-top:70px;}
.sub-banner-plaintext .sub-banner-text .text-top {font-family: "Pretendard";color: #222;font-size: 26px;font-weight: 300;line-height: 40px;}
.sub-banner-plaintext .sub-banner-text .text-mid {font-family: "Cafe24Oneprettynight";color: #222;font-size: 34px;font-weight: 600;line-height: 40px;margin-top:5px;}
.sub-banner-plaintext .sub-banner-text .text-bot {font-family: "Pretendard";color: #222222;font-size: 1.5rem;font-weight: 400;margin-top:29px;}
.sub-banner-plaintext .sub-banner-text .text-bot .circlebar{background-color: #C23829;width: 139px;height: 41px;border-radius: 19.5px;color: #fff;font-size:16px; display: flex;justify-content: center;align-items: center; letter-spacing: -0.16px;font-weight: 400;}
.sub-banner-plaintext .sub-banner-text .text-bot .circlebar:hover{background-color: #565656;}

.sub-banner-list.plan .sub-banner-plaintext{top: calc(-112px - 24px);}
.sub-banner-list.plan .sub-banner-plaintext .sub-shop-text{display: flex;justify-content: center;}
.sub-banner-list.plan .sub-banner-plaintext .sub-shop-text p{color: #222;font-size: 28px;font-style: normal;font-weight: 400;line-height: 40px;text-transform: capitalize;padding-right: 61px;}
.sub-banner-list.plan .sub-banner-plaintext .sub-shop-text p .bold{font-weight: 700;}
.sub-banner-list.plan .sub-banner-plaintext .sub-shop-text .circlebar{background-color: #C23829;width: 182px;height: 51px;border-radius: 50px;color: #fff;font-size:16px; display: flex;justify-content: center;align-items: center; letter-spacing: -0.16px;font-weight: 400;}
.sub-banner-list.plan .sub-banner-plaintext .sub-shop-text .circlebar:hover{background-color: #565656; cursor: pointer;}

.sub-banner-list.plan2 .sub-banner-plaintext{top: -230px;}
.sub-banner-list.plan2 .sub-banner-plaintext .sub-plan-text{display: flex;justify-content: center;flex-direction: column;align-items: center; margin-top: 30px;}
.sub-banner-list.plan2 .sub-banner-plaintext .sub-plan-text p{color: #fff;font-size: 26px;font-style: normal;font-weight: 400;line-height: 40px;text-transform: capitalize;}
.sub-banner-list.plan2 .sub-banner-plaintext .sub-plan-text p .bold{font-weight: 700;}
.sub-banner-list.plan2 .sub-banner-plaintext .sub-plan-text .circlebar{background-color: #C23829;width: 182px;height: 51px;border-radius: 50px;color: #fff;font-size:18px; display: flex;justify-content: center;align-items: center; letter-spacing: -0.16px;font-weight: 400;margin-top:10px;}
.sub-banner-list.plan2 .sub-banner-plaintext .sub-plan-text .circlebar:hover {background: #565656;}

.sub-banner-list.story .sub-banner-bg-img {width: 879px;height: 291px;margin: 69px auto auto;position:relative;}
.sub-banner-list.story .sub-banner-image {content: url('/images/beckrok/sub_banner_bg_story.png');}
/**/
/*.sub-banner-list.story .sub-banner-making{max-width: 1280px;height: 393px;position: relative;top: -69px;margin:0 auto;}*/

.sub-banner-list.story .sub-story-guide { width: 1280px; margin: 159px auto auto;}
.sub-banner-list.story .sub-banner-guide {top: calc(-580px - -72px); position:relative; }
/*color:#FFF;text-align: center;font-family: 'Cafe24Oneprettynight';font-size: 30px;font-weight: 400;line-height: 44px;letter-spacing: -0.6px;text-transform: capitalize;*/
.sub-banner-list.story .sub-story-content p{color: #fff;}
.sub-banner-list.story .sub-story-content .title{font-family: 'Cafe24Oneprettynight';font-size: 40px;font-style: normal;font-weight: 400;line-height: 46px;letter-spacing: -0.8px;text-transform: capitalize;text-align: center;}
.sub-banner-list.story .sub-story-content .method-list {width: 100%; max-width: 900px; height: 214px;display: flex;justify-content: space-around;align-items: center;margin:40px auto auto;}
.sub-banner-list.story .sub-story-content .method-circle {width: calc(33.3% - 80px);}
.sub-banner-list.story .sub-story-content .method-circle img{width: 100%;}

.sub-banner-list.story .sub-story-content .method-list .method-image p{text-align: center;font-size: 24px;font-style: normal;font-weight: 500;line-height: 15px;margin-top:23px}
.sub-banner-list.story .sub-story-content .method-text {width: calc(100% - 40px); max-width: 900px;height: 48px;display: flex;flex-direction: column;justify-content: center;align-items: center;margin:110px auto 30px auto ;}
.sub-banner-list.story .sub-story-content .method-text p {text-align: center; font-size: 20px;font-weight: 400; line-height: 24px;}
.sub-banner-list.story .sub-story-content p.bold{font-size:24px;padding-top:10px}
.sub-banner-list.story .sub-story-content .method-line{border-bottom: 1px dashed #666;height: 1px;margin: 32px 0; width: 100%;}
.sub-banner-list.story .sub-story-content .method-content{display: flex;justify-content: space-between;}

.sub-banner-list.shop .sub-banner-bg-img {width: 879px;height: 291px;margin: 69px auto auto;position:relative;}
.sub-banner-list.shop .sub-banner-bg-img img{width: 100%;}
.sub-banner-list.shop .sub-banner-guide {top: calc(-291px - -72px); position:relative; color:#FFF;text-align: center;font-family: 'Cafe24Oneprettynight';font-size: 30px;font-weight: 400;line-height: 44px; /* 146.667% */letter-spacing: -0.6px;text-transform: capitalize;}
.sub-banner-list.shop .sub-banner-guide p{width: 700px;margin: 0 auto;}
.sub-banner-list.shop .sub-banner-making{max-width: 1280px;height: 393px;position: relative;top: -69px;margin:0 auto;}
.sub-banner-list.shop .sub-banner-making img{width: 100%;}

.sub-banner-list.method .sub-method-guide { max-width: 1280px; margin: 120px auto;}
.sub-banner-list.method .sub-method-guide p{color: #222;}
.sub-banner-list.method .sub-method-guide .title{font-family: 'Cafe24Oneprettynight';font-size: 40px;font-style: normal;font-weight: 400;line-height: 46px;letter-spacing: -0.8px;text-transform: capitalize;text-align: center;}
.sub-banner-list.method .sub-method-guide .method-list {width: 842px;height: 214px;display: flex;justify-content: space-around;align-items: center;margin:97px auto auto;}
.sub-banner-list.method .sub-method-guide .method-list .method-image p{text-align: center;font-size: 24px;font-style: normal;font-weight: 400;line-height: 15px;margin-top:23px}
.sub-banner-list.method .sub-method-guide .method-text {width: 717px;height: 48px;display: flex;flex-direction: column;justify-content: center;align-items: center;margin:74px auto 30px auto ;}
.sub-banner-list.method .sub-method-guide .method-text p {font-size: 16px;font-weight: 400; line-height: 24px;}
.sub-banner-list.method .sub-method-guide .method-line{border-bottom: 1px dashed #666;height: 1px;margin: 32px 0; width: 100%;}
.sub-banner-list.method .sub-method-guide .method-content{display: flex;justify-content: space-between;}

.sub-banner-list.mainrecommendation .sub-banner-image{content:url('/images/beckrok/sub_banner.png');object-fit: cover;width: 100%;height: 100%;}

.sub-banner-list.recmmendation {height: 1013px;}
.sub-banner-list.recmmendation .sub-banner-item{height: 100%;}
.sub-banner-list.recmmendation .sub-banner-image{content:url('/images/beckrok/sub_banner_recmmendation.png');object-fit: cover;width: 100%;height: 100%;}
.sub-banner-list.recmmendation .sub-recmmendation-guide{max-width: 1280px; margin: 381px auto auto;top: -110%;position: relative;}
.sub-banner-list.recmmendation .sub-recmmendation-guide .sub-recmmendation-content{display: flex;flex-direction: column;align-items: center;}
.sub-banner-list.recmmendation .sub-recmmendation-guide p{color: #FFF;}
.sub-banner-list.recmmendation .sub-recmmendation-guide .title{font-family: 'Cafe24Oneprettynight';font-size: 38px;font-style: normal;font-weight: 600;line-height: 46px;letter-spacing: -0.76px;text-transform: capitalize;text-align: center;}
.sub-banner-list.recmmendation .sub-recmmendation-guide .recmmendation-text {width: 717px;height: 48px;display: flex;flex-direction: column;justify-content: center;align-items: center;margin:50px auto 30px auto ;}
.sub-banner-list.recmmendation .sub-recmmendation-guide .recmmendation-text p {text-align: center; font-size: 18px;font-weight: 400; line-height: 30px;}

.sub-banner-list.recmmendation .sub-recmmendation-guide .recmmendation-btn{margin-top: 44px;cursor: pointer;}
.sub-banner-list.recmmendation .sub-recmmendation-guide .circlebar{background-color: #C23829; border:0; width: 200px;height: 51px;border-radius: 50px;color: #fff;font-size:18px; display: flex;justify-content: center;align-items: center; letter-spacing: -0.16px;font-weight: 600;cursor: pointer;}
.sub-banner-list.recmmendation .sub-recmmendation-guide .circlebar:hover {background-color: #232323;}

.sub-banner-list.recmmendation .sub-recmmendation-survey{width: 1236px;height: 628px;margin: 170px auto auto;position: relative;top: calc(-1013px);border-radius: 20px;background: rgba(255, 255, 255, 0.95);display: flex;    flex-direction: column;align-items: center;}

.sub-recmmendation-survey {color: #333; font-size: 24px; font-weight: 400; }
.sub-recmmendation-survey .content{width: calc(100% - 40px); max-width: 622px; display: flex; flex-direction: column;align-items: center; margin:30px auto;height: 75%;}
.sub-recmmendation-survey .step{ font-size: 23px; margin-bottom: 60px;}
.sub-recmmendation-survey .bold{ font-weight: 600;}
.sub-recmmendation-survey .title{width: 100%; font-size: 32px; font-weight: 600;border-bottom: 1px solid #444;padding-bottom:25px;margin-bottom: 30px; text-align: center;}
.sub-recmmendation-survey [type="radio"] { accent-color: #666;width: 16px;height: 16px;margin-right: 10px;}

.sub-recmmendation-survey .content .item{width: 100%; height:50%; display: flex;flex-direction: column;justify-content: space-around;margin-top:20px;}
.sub-recmmendation-survey .content .item label{padding-bottom: 20px;}

.sub-recmmendation-survey .btn{background-color: #C23829;border:0;width: 182px;height: 51px;border-radius: 50px;color: #fff;font-size:18px; display: flex;justify-content: center;align-items: center; letter-spacing: -0.16px;font-weight: 600;cursor: pointer;}
.sub-recmmendation-survey .btn:hover {background-color: #232323;}

.sub-banner-list.recmmendation.result {height: 1034px;}
.sub-banner-list.recmmendation.result .result-area{display: flex;flex-direction: column;align-items: center;padding-top: 180px; width: calc(100% - 40px); padding-left: 20px;}

.result-area .title{color: #222;font-size: 24px;font-style: normal;font-weight: 400;line-height: 40px;padding-bottom:5px;}
.result-area .title .bold{color: #111;font-family: 'Cafe24Oneprettynight';font-size: 32px;border-bottom:1px solid #111;margin:0 5px;padding-bottom:8px; font-weight: 600;}
.result-area .product_pic {max-width: 541px;height: 441px;margin-top: 70px;margin-bottom: 50px;}
.result-area .product_pic img {width: 100%;height: 100%;object-fit: cover;}
.result-area .guide{display: flex;flex-direction: column;align-items: center;}
.result-area .guide .title{color: #111;font-size: 21px;font-weight: 700; text-align: center;}
.result-area .guide .content{display: flex;flex-direction: column;align-items: center;justify-content: space-around;height: 80px;margin-top: 20px;}
.result-area .guide p{color: #111;font-size: 16px;font-weight: 400;}

.sub-banner-list.recmmendation.pairing {height: 1427px;background: #F8F8F8;}
.sub-banner-list.recmmendation.pairing .pairing-area{display: flex;flex-direction: column;align-items: center;padding-top: 150px; text-align: center;}
.pairing-area .title{color: #111;font-family: 'Cafe24Oneprettynight';font-size: 34px;font-weight: 600;padding-bottom:90px; width: calc(100% - 40px);}
.pairing-area .product{display: flex;     max-width: calc(100% - 40px);}
.pairing-area .product .product_pic{width: 100%;height: 352px;}
.pairing-area .product_pic img {width: 100%;height: 100%;object-fit: cover;}
.pairing-area .product_info {padding-left: 80px;align-items: flex-start;max-width: 1200px;}
.pairing-area .product_info .detail_desc_box {display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.pairing-area .product_info .detail_line{margin: 20px 0;}

.pairing-area .withus_food{max-width: 1280px;width: calc(100% - 40px);border-top: 1px solid #ccc;margin-top: 60px;padding-top: 80px;}
.pairing-area .withus_food p{color: #111;font-size: 21px;font-weight: 600; text-align: left;}

.pairing-area .withus_food .food-list{padding-top:30px;}
.pairing-area .withus_food .food_info{width: calc(25% - 22.5px);height: 226px;margin-right: 32px;}
.pairing-area .withus_food .food_info img{width: 100%;height: 200px}
.pairing-area .withus_food .food_info .name{text-align: center;font-size: 15px;color: #222; margin-top: 5px;}
.pairing-area .withus_food .btns{display: flex;justify-content: center;align-items: center;margin: 50px auto;}
.pairing-area .withus_food .btns .btn{width: 182px;height: 51px;border-radius: 50px;background-color: #37312E;color: #fff;font-size: 18px;font-weight: 600;cursor: pointer; border: none;}
.pairing-area .withus_food .btns .btn:hover {background-color: #C23829;}

.special-content {position: relative;top: -660px;display: flex;justify-content: center;margin: 150px auto; width: calc(100% - 40px);}
.special-content .product-list{width: 710px;height: 360px;}
.special-content .product-list img{width: 100%;height: 100%;}
.special-content .product-text{width: 478px; padding-left:93px; }
.special-content .product-text p{color: #333;font-size: 18px;font-style: normal;font-weight: 400;line-height: 28px;text-transform: capitalize;}
.special-content .product-text .title{color: #222; font-family: 'Cafe24Oneprettynight';font-size: 36px;font-style: normal;font-weight: 400;line-height: 46px;letter-spacing: -0.76px;text-transform: capitalize;padding-bottom:25px}
.special-content .product-text .bold{font-weight: 700;}
.special-content .product-text .line{ border-bottom: 1px dashed #666; margin: 30px 0;}
.special-content .product-text .link{font-size: 16px;margin-bottom:10px}
.special-content .product-text .link a{display: flex;align-items: center;}
.special-content .product-text .link a:hover {font-weight: 500;}

.tassel {display: flex;}
.tassel .tassel-content{width: 351px;margin-left:47px;}
.tassel .name{color: #333;font-size: 24px;font-style: normal;font-weight: 600;line-height: 23px;}
.tassel .tassel-list{margin-top:25px;}
.tassel .row {display: flex;justify-content: left;margin-top:9px;}
.tassel .box {width: 169px;height: 38px;flex-shrink: 0; border-radius: 6px;border: 1px dashed #AAA;color: #333;font-size: 15px;font-weight: 600;line-height: 20px; display: flex; justify-content: center;align-items: center; margin-right: 7px;}

.sub-banner-list.about .sub-banner-guide {top: calc(-795px - -180px); position:relative; color:#FFF;text-align: center;font-size: 18px;font-weight: 400;text-transform: capitalize; padding: 0 20px;}
.sub-banner-list.about .sub-banner-guide .title{text-align: center; font-size: 40px;font-family: 'Cafe24Oneprettynight';margin-bottom: 40px;}
.sub-banner-list.about .sub-banner-guide p{ font-size: 18px; line-height: 30px;height: 30px;}
.sub-banner-list.about .sub-banner-guide p.bold{ font-weight: 700;}

/*제품상세 페이지*/
.wrap {width: 100%;  max-width:1280px; margin: 0px auto; margin-top:183px}
.detail_wrap {width: 100%;  max-width:1280px; margin: 0px auto;}

/*.vline {border-right: 1px solid #DDD;margin-right: 44px;position: relative; top: -84px;}*/
/**/
.detail_content_wrap {width:100%;/*padding-top: 90px;*/display: flex ;}
.detail_img_calendar {overflow: hidden;margin-bottom: 73px;}
.detail_box {display:inline-block;width: calc(100% - 495px);/*height: 632px;overflow:hidden;*/position: relative;margin-right:45px;margin-bottom: 88px;padding-top:84px}
/*.detail_img_box {display:inline-block;width: calc(100% - 489px);height: 632px;position: relative;margin-right:45px;margin-bottom: 15px;overflow:hidden;border-bottom: 1px solid #DDD;padding-top:84px}*/
.detail_img_box{border-bottom: 1px solid #ccc;padding-bottom: 30px;}
.detail_img_box li {width: 100%; height: 632px;position: relative;}
.detail_list_img {width: 100%; aspect-ratio: 16/15;max-height: 632px;}
.detail_list_img img {width: 100%;height:100%;object-fit: cover;}
.detail-img-navigation{position: relative;}
.detail-img-prev {float:left;z-index:10;position:absolute;left:10px;top:-315px;width:70px;height:70px;background: unset;}
.detail_img_box:hover .detail-img-prev {background:url('/images/beckrok/view_img_left_arrow_b.svg') 0px 0px no-repeat;}
.detail-img-next {float:right;z-index:10;position:absolute;right:10px;top:-315px;width:70px;height:70px;background: unset}
.detail_img_box:hover .detail-img-next  {background:url('/images/beckrok/view_img_right_arrow_b.svg') 0px 0px no-repeat;}

.detail_info_box {display: inline-block;width:405px;vertical-align:top; border-left: 1px solid #DDD;padding :84px 0 100px 44px;transform-origin: top left;}
/*여행 상세페이지*/
.detail_title_box {padding-bottom: 25px;width: 100%;height: 45px;display: flex;justify-content: space-between;align-items: center;}
.detail_title {float: left;font-size: 24px;font-weight: 700;color: #111; text-align: left;}
.detail_icon {float: right;}
.detail_icon_share {float: left;width: 25px; height: 25px;}

.detail_icon_share img{width: 100%;height: 100%;}
.detail_icon_share.active img{width: 100%;height: 100%;content:url('/images/icon/sns/view_info_share_chk.svg')}

.detail_desc_box{color: #333;font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;}
.detail_desc{margin-bottom: 23px;}
.detail_price{color: #222;font-size: 16px;font-weight: 600;line-height: 24px; text-align: left;}
.detail_price.bold{font-weight: 600;}
.detail_etc {margin-top:9px; text-align: left;}
.detail_status{width: 61px;height: 25px;border-radius: 4px;color: #fff;font-size:13px; display: flex;justify-content: center;align-items: center; margin-top: 13px;}
.detail_status.possible{background-color: #C23829;}
.detail_status.impossible{background-color: #222;}
.detail_line{ width: 100%;border-bottom: 1px solid #ccc; margin: 15px 0;}
.detail_form_box .detail_line{ width: 100%;border-bottom: 1px solid #ccc; margin-top: 11px;margin-bottom: 15px;}
.detail_line.deshed{ border-bottom: 1px dashed #ccc;}
.detail_pickup_box{line-height: 22px;color: #222;font-size: 14px;font-weight: 400; border: 1px dashed #7d7d7d;border-radius: 5px;min-height: 111px; display: flex;flex-direction: column;justify-content: center;align-items: center;margin-bottom:15px;}
.detail_pickup_box span{font-size: 13px;font-style: normal;font-weight: 600;}
.detail_pickup_box .red{color: #CE3322;}

.intensity_area .row{display: flex;margin-bottom: 15px;}
.intensity {display: flex;align-items: center;margin-right:10px ;}
.intensity .taste{color: #222;font-size: 15px;font-weight: 600; margin-right: 6px;min-width: 50px;}
.intensity .bars{display: flex;}
.bars .bar{width: 25px;height: 9px;margin-right: 3px;background: #D9D9D9;}


.bars .bar.active:nth-child(1){background: #E8988F;}
.bars .bar.active:nth-child(2){background: #DA6659;}
.bars .bar.active:nth-child(3){background: #C23829;}
.bars .bar.active:nth-child(4){background: #A72213;}
.bars .bar.active:nth-child(5){background: #761005;}

.product_info .detail_desc_box .btn{background-color: #C23829; border:0px;width: 100%;height: 40px;border-radius: 4px;color: #fff;font-size:16px; display: flex;justify-content: center;align-items: center; letter-spacing: -0.16px;font-weight: 600;}
.product_info .detail_desc_box .btn:hover {background-color: #232323; cursor: pointer;}

/*.detail_form_box*/ .row{display: flex; padding-bottom: 13px;}
.contents_wrap .row{padding-bottom: 8px;}
.row.product_count{justify-content:unset;}
.group_inventory{ display: flex;justify-content: center;align-items: center;max-width: 185px; width: 100%;font-weight: 600;height: 35px;}
.control{ height: 35px; border-radius: 5px;border: 1px solid #D9D9D9; width: 100%; max-width: 185px; padding: 0 10px; box-sizing: border-box; }
.packaging {
	appearance:none;
    background:url('/images/icon/arrow_down.svg') no-repeat right 10px center;
}
.control.count{max-width: 105px; margin: 0 5px; }
.control_ver {float: left;height: 35px;border-radius: 5px;border: 1px solid #D9D9D9;width: 105px;padding: 0 10px;margin: 0 5px;box-sizing: border-box;}
input.count{ text-align: center;}


.detail_form_box p{font-size: 16px;font-weight: 600;color: #222;display: flex;align-items: center; margin-right: 58px;}
.funBtn{float: left; width:35px;height: 35px;}
.cur{cursor: pointer; margin-bottom: 10px;}

.detail_price_box {color: #222;font-size: 16px;font-style: normal;font-weight: 400;line-height: 16px;display: flex;justify-content: space-between;}
.detail_price_box .count{font-weight: 600;}
.detail_price_box .price{color: #E74133;font-size: 18px;font-weight: 600;}

.detail_desc_box.guide p{margin: 30px;display: flex;justify-content: center;align-items: center;}
.detail_desc_box.guide .bold{font-weight: 500;}

.detail_btn_box .btn{width: calc(50% - 2.5px);height: 40px;flex-shrink: 0;border-radius: 4px;color: #FFF;text-align: center;font-weight: 500;font-size: 16px; cursor: pointer;margin-right: 5px;}
.ex_detail_btn_box .btn {width: 100%;}
.detail_btn_box .btn.red{background-color: #C23829; border: #C23829;}
.detail_btn_box .btn.red:hover{border: 2px  solid #C23829; background-color: #fff; color: #C23829;}
.detail_btn_box .btn.black{background-color: #37312E;border: #37312E;}
.detail_btn_box .btn.black:hover{border: 2px  solid #37312E; background-color: #fff; color: #37312E;}


.reserve-date-input {border:none;width:calc(100% - 60px);padding:25px 43px 15px 43px;background:url('/images/joyfulTour/icon/calendar.png') calc(100% - 15px) 50% no-repeat;}

.order_area {padding-top: 80px;position: relative;}
.order_area .order_menu { max-width: 1280px; margin: 0 auto; overflow: hidden; margin-bottom: 32px;}
.order_area .order_area_title { overflow: hidden; /*margin-bottom: 32px;*/ }
.order_area .order_area_title .more_box { display: block;  float: right; width: 86px; height: 33px; border: 1px solid #CCCCCC; box-sizing: border-box; border-radius: 16px; position: relative; top: -30px;}
.order_area .order_area_title .more_box.active {display:inline-block;}
.order_area .order_area_title .more_box:hover span {border-bottom: 1px solid #666666;cursor: pointer;}

.order_area .order_area_grp {display: flex;justify-content: center;flex-direction: column;align-items: center;font-weight: 400;}
.order_area .order_area_txt {color:#111;font-size:38px;line-height: 38px;}
.order_area .order_area_desc {margin-top:43px; font-size:18px;color:#333;}
.order_area .order_area_desc p{text-align: center;line-height: 28px;}

.order_form {max-width: 900px; display: flex;flex-direction: column; justify-content: center; margin: 84px auto }
.order_form .title{ color: #222;font-size: 23px;font-style: normal;font-weight: 600;margin-bottom: 20px; }

.order_form .control{ height: 35px; border-radius: 5px;border: 1px solid #AAA; background-color: #fff; width: 100%; }

.order_info .row{ align-items: center; padding-bottom: 10px;}

.pay_method {display:flex;align-items: center;}
.pay_method label{padding-right: 20px;}

.pay_method [type="radio"]{width: 16px;height: 16px;margin: 0 5px;font-size: 15px;font-weight: 400; }
.price_info {padding:29px 45px;display: flex;flex-direction: column;background: #F8F8F8;}
.price_info .row{display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}
.price_info .row.line{border-bottom: 1px solid #444; padding:20px auto;}
.price_info .row.line.dash{border-bottom: 1px dashed #888;}
.price_info .row.total{font-size: 16px;font-weight: 700;}
.price_info .row .red{color: #C23829;}
.price_info .row .btn{width: 100%;height:50px;border-radius:8px;border: 1px solid #333;background: #fff;font-size: 15px;}


.order_vbank{background: #f8f8f8;}
.order_vbank .price_info{align-items: center;}
.order_vbank .price_info .bold{font-weight: 600;line-height: 25px;}
.order_vbank .price_info .row{display: flex;min-height: 20px;}
.order_vbank .price_info .red{color: #C23829;display: flex;}

.product_info {display: flex;align-items: center;/*margin:0 auto;*/padding-bottom: 30px;margin-bottom:30px;}
.product_info img{max-width: 137px;max-height: 112px;object-fit: cover;}
.product_chk {width: 22px;height: 22px;margin-right: 10px;}
.product_text {width: calc(100% - 247px);padding: 0 29px;}
.product_text p{line-height: 24px; font-size: 14px;font-weight: 400;padding-bottom: 10px;display: flex; align-items: center;}
.product_text .product_title{font-size: 18px;font-weight: 600;line-height: 34px;}
.product_link {display: flex;justify-content: center;align-items: center;flex-direction: column;;}
.product_link .btn {width: 116px;height: 36px;border-radius: 50px;background: #fff;font-size: 15px;font-weight: 500;margin-bottom: 5px;cursor: pointer;}

.detail_btn_box{display: flex;justify-content: center;align-items: center;}

.order_area .product_list{ flex-direction: column; border-top: 1px solid #333;max-width: 900px;margin: 0 auto 80px auto; }
.order_area .product_info{padding: 20px 0;margin: 20px auto 0 auto;width: 100%;border-bottom: 1px solid #ccc;}
.order_area .alert_msg{margin: 20px auto 0 auto;width: 100%;display: flex;align-items: center;}

.order_pickup {padding: 0;position: relative;background: #f8f8f8;}
.pickup_info .row{display: flex;justify-content: center;align-items: center;}
.pickup_info .title{color:#111;font-size: 26px;font-weight: 600;margin-bottom:27px;}
.pickup_info {display: flex;align-items: center;flex-direction: column;max-width: 900px;margin:0 auto;padding:100px 0;display: flex;}

.address .btn{width: 68px;height: 28px;border-radius: 4px;background: #C23829;border: none; color: #fff; margin-left: 19px;}
.address .btn:hover {cursor: pointer; background: #565656;}
.order_pickup .address{display: flex;align-items: center;}
.order_pickup .map_area{border-top: 1px solid #111;padding-top:36px;}
.order_pickup .map_area.story{border-top:0;padding-top:0; width: calc(100% - 40px);}
.order_pickup .map{width: 100%; height: 269px;margin:20px 0;}

.row .bold{font-size: 16px;font-weight: 600;}
.row.column{flex-direction: column;}
.row.guide{align-items: flex-start;}

.pickup_guide{border-left: 1px solid #111;padding-left: 20px;width: calc(100% - 20px);}
.pickup_guide p {padding-bottom:15px;}

.intro_content {
    width: 100%; height: 600px;
    background: #D9D9D9;
    margin: 80px 0 1000px 0;
    text-align: center; line-height: 600px;
    font-size: 24px;
    color: red;

}

.way_content {
    margin: 80px 0 1000px 0;

}

.api {
    width: 100%; height: 600px;
    background: #D9D9D9;
    text-align: center; line-height: 600px;
    font-size: 24px;
    margin-bottom: 30px;
}

.way_location, .way_call, .way_mail {
    margin-bottom: 5px;
}

.way_icon {
    margin-top: 3px;
    margin-right: 5px;
}

.way_txt {
    color: #555555;
}

.consulting {
    width: 163px;
    height: 50px;
    border: 1px solid #0482DE;
    border-radius: 10px;
    font-size: 15px;
    line-height: 50px; text-align: center;
    color: #0468DE;
    margin-top: 50px;
}

.kakao-map {width:100%; aspect-ratio:21/9;margin:0px auto 100px;}
.kakao-map-info {padding:10px 20px 10px 10px;font-size:15px;width:200px;}
.kakao-map-info .head_tooltip {margin-bottom:10px;}
.kakao-map-info a {text-decoration:none;color:#000;}
.kakao-map-info p {margin:0;font-size:13px;}
.kakao-map-info .addInfoAddr {color:#919191;font-size:12px;}
.kakao-map-info .zipcode {margin-right:10px;}
.kakao-map-info .phone {color:#288756;}


@media screen and (max-width:1300px) {
	.content_list{width: calc(33% - 25px);}
	.content_list:hover .content_img_hover{width: 100%;height: 100%;}

	.special-content .product-list{ width: calc(60%);height: 100%; }
	.special-content .product-text{ width: calc(40%);padding-left: 43px; }

	.detail-img-prev,
	.detail-img-next {top:calc(-100vw / 16 * 8 / 2 )}

	/*.sub-banner-list.recmmendation{height: 653px;}*/
	.sub-banner-list.recmmendation .sub-recmmendation-guide {position: absolute;top: 30%;margin: 0 auto;width: 100%;}
	.sub-banner-list.recmmendation .sub-recmmendation-guide .recmmendation-text{width: calc(100% - 100px);}
	.sub-banner-list.recmmendation .sub-recmmendation-guide .sub-recmmendation-content .row{flex-direction: column;}
	.sub-banner-list.recmmendation .sub-recmmendation-survey{ width: calc(100% - 40px); max-width: 900px; height: unset;padding-bottom: 20px;font-size: 18px;top: calc(-890px);}
	.sub-banner-list.recmmendation .sub-recmmendation-survey .title{margin-bottom: 10px;font-size: 22px;}
	.sub-banner-list.recmmendation .sub-recmmendation-survey .content .item{margin-top: 0px;}
}

@media screen and (max-width:1024px) {
	.sub_route{top:30px;}

	.main-banner-subtext {font-size:1.25em;letter-spacing:-0.05em; line-height:1.5;margin-top:30px;}
	.main-banner-plaintext .main-banner-text {margin-top:62px;}
	.main-banner-plaintext .main-banner-text .text-top {font-size: 1.55rem;}
	.main-banner-plaintext .main-banner-text .text-mid {font-size: 3.00rem; margin-top: 30px;}
	.main-banner-plaintext .main-banner-text .text-bot {font-size: 1.rem; margin-top: 32px;}

	.product_area{padding-top: 106px;}
	.content_img_hover .circle{width: 80px;height: 80px;}

	.special-content{flex-direction: column;align-items: center;margin: 60px auto;     top: -680px;}
	.special-content .product-text{padding-left:0;padding-top:20px;width: calc(60%);}

	/*.sub-banner-list.story{height: 1100px;}
	.sub-banner-list.story .sub-banner-guide{top:calc(-580px - 580px)}
	.sub-banner-list.story .sub-story-content .method-list{flex-direction: column;width: 100%;height: 100%;}
	.sub-banner-list.story .sub-story-content .method-list .method-image{margin-bottom:15px;}
	.sub-banner-list.story .sub-story-content .method-list .method-image p{margin-top:10px;margin-bottom:25px;}
	.sub-banner-list.story .sub-story-content .method-text{margin-top:20px;width: calc(100% - 120px);}
	.sub-banner-list.story .sub-story-content .method-text p{text-align: center;font-size: 16px;}*/

	.sub-banner-list.shop{height: 100%;}
	.sub-banner-list.shop .sub-banner-bg-img{width:calc(100% - 100px);}
	.sub-banner-list.shop .sub-banner-guide{width: calc(100vw - 100px);top:20px;position: absolute;}
	.sub-banner-list.shop .sub-banner-guide p{width: 100%;}
	.sub-banner-list.shop .sub-banner-bg-img{ width: calc(100% - 100px); }
	.sub-banner-list.shop .sub-banner-bg-img .sub-banner-image{object-fit: unset;position: absolute;top: 40px;}
	.sub-banner-list.shop .sub-banner-making{ width: calc(100% - 40px);height: 300px;top:-80px }

	.sub-banner-list.method{height: unset}
	.sub-banner-list.method .sub-method-guide{margin: 59px auto;}
	.sub-banner-list.method .sub-method-guide .method-list{flex-direction: column;width: 100%;height: 100%; margin: 30px auto auto;}
	.sub-banner-list.method .sub-method-guide .method-list .method-image{margin-bottom: 30px;}
	.sub-banner-list.method .sub-method-guide .method-list .method-image img.image{width: 150px;height: 150px;}
	.sub-banner-list.method .sub-method-guide .title {font-size: 24px;}
	.sub-banner-list.method .sub-method-guide .method-text{margin:0;width: calc(100% - 40px);text-align: center;margin: 0 auto;height: unset;}
	.sub-banner-list.method .sub-method-guide .method-list .method-image p{font-size: 16px;}
	.sub-banner-list.method .sub-method-guide .method-line,
	.sub-banner-list.method .sub-method-guide .method-content{display: none;}

	.sub-banner-list.plan2 .sub-banner-plaintext .sub-plan-text p{text-align: center;padding-right:0px;}
	.sub-banner-list.plan2 .sub-banner-plaintext .sub-plan-text .row{flex-direction: column;}

	.product_area.story .product_area_img{margin-bottom: 30px;}
	.product_area.story .product_area_grp{margin-bottom:50px;}
	.product_area.story .product_area_txt{font-size: 30px;}
	.product_area.story .product_area_desc{font-size: 16px;width: calc(100% - 40px);margin-top: 0px;}

	.product_area.brand{padding: 85px 0 0 0;}
	.product_area_grp .row {flex-direction: column;align-items: center;}
	.product_area_grp .row .product_brand{margin-left: 0px;width: 100%;}
	.product_area_grp .row .product_area_txt{font-size: 25px;line-height: 25px;text-align: center;font-weight: 600;padding: 30px 0;}
	.product_area_grp .row .product_area_desc{font-size: 15px;line-height: 15px;margin-top: 0;}

	.pickup_info {padding: 80px 0;}

}
@media screen and (max-width:800px) {
	.product_list{flex-direction: column;align-items: center;}
	.content_list{width: 100%;margin-right: 0}
	.content_list:nth-child(3n){margin-right: 0}

	.special-content .product-list{ width: calc(80%); }
	.special-content .product-text{ width: calc(80%); }

	.special-content .product-text .title{font-size:24px;padding-bottom:15px;}
	.special-content .product-text p{font-size:16px;}
	.special-content .product-text .line{margin:20px 0;}
	.special-content .product-text .link{margin-bottom:15px}
/*	.main-banner-overlap{display:none;}*/
	.detail_box{width: calc(100%);padding-top: 0px;}
	.detail_content_wrap{flex-direction: column;}
	.detail_img_box{border-bottom: 0;}
	.detail_list_img img{height: 100%;}
	.detail_info_box{width: 100%; padding: 0;border-left: 0;}
	.detail_info_box.mobile{display: block;}

	.content_list {margin-bottom: 20px; height: u;}

	.content_list.experience {height: unset;}

	.contents_wrap {width: calc(100% - 40px); padding: 0 20px;}
	.ck-content {width: calc(100% - 40px);padding: 0 20px;}
	.detail_box {margin-bottom: 0px;}

	.cur {width: calc(100% - 40px);padding: 0 20px;}

	.row {justify-content: space-between;}
	.detail_form_box p{margin-right: 0px;}

	.detail-img-prev {top:calc(-100vw / 16 * 14 / 2 - 30px);}
	.detail-img-next {top:calc(-100vw / 16 * 14 / 2 - 30px);}

	.sub-banner-list.recmmendation .sub-recmmendation-survey{ top: calc(-690px);}

}
@media screen and (max-width:768px) {
	.main-banner{height: 360px;width: 100%;}
	.content_img_hover .circle{width: 80px;height: 80px;}

	.main-banner-plaintext{top: calc(-65% - 255px);}
	.main-banner-subtext {font-size:1.25em;letter-spacing:-0.05em; line-height:1.5;margin-top:30px;}
	.main-banner-plaintext .main-banner-text {margin-top:92px;}
	.main-banner-plaintext .main-banner-text .text-top {font-size: 1.35rem;}
	.main-banner-plaintext .main-banner-text .text-mid {font-size: 2.80rem; margin-top: 30px;line-height: 50px;}
	.main-banner-plaintext .main-banner-text .text-bot {font-size: 1.rem; margin-top: 32px;}

	.sub-banner-list.shop .sub-banner-guide{font-size: 24px;}

	.main-banner-overlap{position: absolute;top: unset;bottom: 85px;left: 15px;}
	.main-banner-control{height: 40px;}
	.guide-icon{width: 35px; height: 35px;}
	.guide-icon img{width: 35px; height: 35px;}
	.main-banner-guide-right{left: 40px; }
	.main-banner-guide-display{left:0px;bottom: 22px;}

	.pairing-area .product_info {padding-left: 20px; width: 100%;}
	.pairing-area .product_info .detail_desc_box {width: 100%;}
	.pairing-area .product {flex-wrap: wrap;}
	.pairing-area .product .product_pic {height: 100%; margin-bottom: 30px;}

	.pairing-area .withus_food .food_info {width: calc(50% - 10px); margin-right: 20px; margin-bottom: 40px;}
	.pairing-area .withus_food .food_info:nth-child(2n) {margin-right: 0;}

	.withus_food .swiper-wrapper {flex-wrap: wrap;}
	.sub-banner-list.recmmendation.pairing {height: 2200px;}

	.sub-banner-list.recmmendation .sub-recmmendation-survey{ top: calc(-890px);}
}

@media screen and (max-width:600px) {
	.main-banner{height: 280px;}
	.main-banner-subtext {font-size:1.25em;letter-spacing:-0.05em; line-height:1.5;margin-top:30px;}
	.main-banner-plaintext .main-banner-text {margin-top:130px;}
	.main-banner-plaintext .main-banner-text .text-top {font-size: 1.05rem;}
	.main-banner-plaintext .main-banner-text .text-mid {font-size: 1.90rem; margin-top: 10px;line-height: 40px;}
	.main-banner-plaintext .main-banner-text .text-bot {font-size: 1.rem; margin-top: 32px;}

	.detail-img-prev {background:url('/images/beckrok/view_img_left_arrow_b.svg') 0px 0px no-repeat;scale: 0.6;}
	.detail-img-next {background:url('/images/beckrok/view_img_right_arrow_b.svg') 0px 0px no-repeat;scale: 0.6;}

	.sub-banner-list.method .sub-method-guide .method-text{text-align: left;}

	.product_area_txt {font-size: 24px;}
	.product_area_desc {margin-top: 20px; font-size: 16px;}
	.product_content_box {margin-top: 20px; margin-bottom: 40px;}

	.sub-banner-list.mainrecommendation .sub-banner-image{content: unset;}

	.sub-banner-list.recommendation {height: 320px;}

	.sub-banner-plaintext .sub-banner-text .text-top {font-size: 20px; line-height: 20px;}
	.sub-banner-plaintext .sub-banner-text .text-mid {font-size: 24px;}

	.sub-banner-list.special {/*height: 586px;*/}
	.special-content {width: calc(100% - 40px); /*margin: 140px auto;*/}

	.special-content .product-list {width: 100%;}
	.special-content .product-text {width: 100%;}

	.product_area_img {height: 320px;}

	.product_area.story .product_area_txt {font-size: 24px; margin-bottom: 30px;}

	.sub-banner-list.story .sub-banner-image {content: unset;}
	.sub-banner-list.story .sub-story-content .method-list {flex-wrap: wrap; height: fit-content;}
	.sub-banner-list.story .sub-story-content .method-image {width: 100%;text-align: center; margin: 5px 0;}
	.sub-banner-list.story .sub-story-content .method-circle {width: 214px;}
	.sub-banner-list.story {height: 1179px;}
	.sub-banner-list.story .sub-banner-guide {top: calc(-1230px - -72px);position: relative;}

	.product_area.brand {padding: 80px 0 0 0;}
	.product_area_grp .row .product_brand_img img {width: calc(49% - 5px);}
	.product_brand_img .mg_r {margin-right: 10px;}
	.product_area_grp .row {margin-top: 10px;}

	.order_pickup .address {flex-wrap: wrap;}
	.address .btn {margin: 0 auto; margin-top: 14px;}
	.pickup_guide {border-left: none; padding-left: 0px; width: 100%;}

	.sub-banner-list.plan {height: 360px;}
	.sub-banner-list.plan .sub-banner-plaintext .sub-shop-text {flex-wrap: wrap;}
	.sub-banner-list.plan .sub-banner-plaintext {position: absolute;top: 140px;}
	.sub-banner-list.plan .sub-banner-plaintext .sub-shop-text p {text-align: center; padding-right: 0; margin-bottom: 30px;}

	.detail_title_box {padding-bottom: 20px;}

	.sub-banner-list.about .sub-banner-guide .title {font-size: 24px;}
	.sub-banner-list.about .sub-banner-guide p {height: unset; text-align: left;}
	.sub-banner-list.plan2 .sub-banner-plaintext .sub-plan-text {margin-top: 0;}
	.sub-banner-list.plan2 .sub-banner-plaintext .sub-plan-text p {font-size: 20px;}

	.sub_route_re {display: none;}

	.sub-banner-list.recmmendation{height: 600px}
	.sub-banner-list.recmmendation .sub-recmmendation-guide .title {font-size: 24px; line-height: 32px;}
	.sub-banner-list.recmmendation .sub-recmmendation-guide .recmmendation-btn {margin-top: 24px;}

	.plan .sub-banner-image,
	.sub-banner-list.recmmendation .sub-banner-image {content:unset;}
	.sub-banner-list.recmmendation .sub-recmmendation-survey{ top: calc(-690px);}

	.sub-recmmendation-survey .step {font-size: 22px;margin-bottom: 30px;}

	.sub-recmmendation-survey .btn {width: 150px;height: 40px;}

	.sub-banner-list.recmmendation.result .result-area {padding-top: 106px;}
	.result-area .title {width: 263px;font-size: 20px;}
	.result-area .title .bold {font-size: 24px;}
	.result-area .product_pic {margin-top: 40px; margin-bottom: 30px;}
	.result-area .guide .content {align-items: unset;}
	.sub-banner-list.recmmendation.result {height: 734px;}
	.result-area .product_pic {width: 100%; height: 260px;}
	.sub-banner-list.recmmendation.pairing .pairing-area {padding-top: 50px;}
	.pairing-area .title {padding-bottom: 40px;}
	.pairing-area .withus_food {margin-top: 40px;padding-top: 40px;}
	.product_info {padding-bottom: 0px; margin-bottom: 0px;}

	.sub-banner-list.recmmendation.pairing {height: 1800px;}

	.pairing-area .withus_food .food_info {height: unset;}

	.product_area {padding-top: 60px;}


}
@media screen and (max-width:480px) {
	.intensity_area .row {flex-wrap: wrap;}
	.intensity {width: 100%; margin-bottom: 20px;}
	.intensity_area .row {margin-bottom: 0px; padding-bottom: 0;}

}


@media screen and (max-width:425px) {
	.sub-banner-list.about .sub-banner-guide {top: calc(-895px - -180px);}
	.sub-banner-list.recmmendation.pairing {height: 1600px;}

	.sub-banner-list.special {/*height: 586px;*/}
	.special-content {top: -650px;}

}