.p_p_31 .jtbsample { margin: 0 auto; max-width: 1200px; overflow: hidden; }
.p_p_31 .jtbsample .tab_list { display: flex; justify-content: flex-start; max-width: 1000px; margin: 0 auto; text-align: center; background: #efefef; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; margin-bottom: 20px; }
.p_p_31 .jtbsample .tab_list .tab_item { border-radius: 20px; width: calc(100% / 5); }
.p_p_31 .jtbsample .tab_list .tab_item .tab_link { display: block; width: 100%; padding: 10px 0; }
.p_p_31 .jtbsample .tab_list .tab_item .tab_link.active { background: #fff; border-radius: 20px; }
.p_p_31 .jtbsample .tab_list .tab_item .tab_tit { display: block; font-size: 16px; }
.p_p_31 .jtbsample .tab_list .tab_item .tab_link.active .tab_tit::before { display: inline-block; content: ''; background: url(/asp/images/icon/checkbox-circle-fill.png)no-repeat; background-size: contain; width: 15px; height: 15px; vertical-align: middle; margin-right: 5px; }
.p_p_31 .jtbsample .content_wrap { padding: 30px 0; display: flex; align-items: center; gap: 40px; }
.p_p_31 .jtbsample .content_wrap .cont_wrap {}
.p_p_31 .jtbsample .content_wrap .text_area { width: 30%; }
.p_p_31 .jtbsample .content_wrap .text_area .b_tit { font-size: 32px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: #2b2b2b; font-weight: 500;}
.p_p_31 .jtbsample .content_wrap .text_area .desc { font-size: 20px; color: #767676; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-weight: 400;}
.p_p_31 .jtbsample .content_wrap .text_area .btn_box { display: inline-block; background: #00000013; justify-content: start; padding: 10px 20px; border-radius: 20px; margin-top: 50px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px; }
.p_p_31 .jtbsample .content_wrap .text_area .btn_box .inner { display: flex; justify-content: start; align-items: center; }
.p_p_31 .jtbsample .content_wrap .text_area .btn_box .next_btn { display: block; cursor: pointer; }
.p_p_31 .jtbsample .content_wrap .text_area .btn_box .next_btn .arrow { display: block; border-top: 2px solid #838383; border-right: 2px solid #838383; width: 10px; height: 10px; transform: rotate(45deg); }
.p_p_31 .jtbsample .content_wrap .text_area .btn_box .prev_btn { display: block; cursor: pointer; }
.p_p_31 .jtbsample .content_wrap .text_area .btn_box .prev_btn .arrow { display: block; border-bottom: 2px solid #838383; border-left: 2px solid #838383; width: 10px; height: 10px; transform: rotate(45deg); }
.p_p_31 .jtbsample .content_wrap .text_area .btn_box .play_pause { padding: 0 10px; }
.p_p_31 .jtbsample .content_wrap .text_area .btn_box .play_pause .pp_link { width: 22px; height: 22px; display: block; background: url(/asp/images/icon/play-line.png)no-repeat; background-size: 100% 100%; }
.p_p_31 .jtbsample .content_wrap .text_area .btn_box .play_pause .pp_link.on { width: 22px; height: 22px; display: block; background: url(/asp/images/icon/pause-line.png)no-repeat; background-size: 100% 100%; }
.p_p_31 .jtbsample .content_wrap .text_area .btn_box .s_pagenaiton { color: #838383; font-size: 15px; }
.p_p_31 .jtbsample .content_wrap .text_area .btn_box .s_pagenaiton .swiper-pagination-current,
.p_p_31 .jtbsample .content_wrap .text_area .btn_box .s_pagenaiton .swiper-pagination-total{ color: #838383; font-weight: revert;}
.p_p_31 .jtbsample .content_wrap .cont_area { width: 70%; }
.p_p_31 .jtbsample .content_wrap .cont_wrap .swiper.jtbcontrc { position: relative; padding: 20px 15px; overflow: hidden; }
.p_p_31 .jtbsample .content_wrap .cont_wrap .swiper.jtbcontrc .swiper-slide { border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; overflow: hidden; }
.p_p_31 .jtbsample .content_wrap .cont_wrap .swiper.jtbcontrc:not(.noscale) .swiper-slide-active { transition: 0.5s; transform: scale(1.05); }
.p_p_31 .jtbsample .content_wrap .cont_wrap .swiper.jtbcontrc.noscale{padding: 10px 5px;}
.p_p_31 .jtbsample .content_wrap .cont_wrap .swiper.jtbcontrc.noscale .swiper-slide-active { transform: scale(1); }
.p_p_31 .jtbsample .content_wrap .cont_wrap .swiper.jtbcontrc .swiper-slide .img_box { position: relative; height: 200px; width: 100%; }
.p_p_31 .jtbsample .content_wrap .cont_wrap .swiper.jtbcontrc .swiper-slide .img_box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.p_p_31 .jtbsample .content_wrap .cont_wrap .swiper.jtbcontrc .swiper-slide .text_box { padding: 20px; position: relative; }
.p_p_31 .jtbsample .content_wrap .cont_wrap .swiper.jtbcontrc .swiper-slide .text_box .title { font-size: 18px; margin-bottom: 10px; min-height:40px; font-weight: 500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-weight:500;}
.p_p_31 .jtbsample .content_wrap .cont_wrap .swiper.jtbcontrc .swiper-slide .text_box .desc { font-size: 14px; margin-bottom: 20px; min-height: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.p_p_31 .jtbsample .content_wrap .cont_wrap .swiper.jtbcontrc .swiper-slide .text_box .price { display: block; text-align: right; font-size: 22px; padding-bottom: 10px; font-weight: bold; }
.p_p_31 .jtbsample .content_wrap .cont_wrap .swiper.jtbcontrc .swiper-slide .text_box .won { font-size: 18px; font-weight:normal; }
.p_p_31 .jtbsample .content_wrap .cont_wrap .swiper.jtbcontrc .swiper-slide .text_box .link_to { position: absolute; width: 30px; height: 30px; background: #19439A; top: -15px; right: 20px; border-radius: 5px; transform: rotate(45deg); }
.p_p_31 .jtbsample .content_wrap .cont_wrap .swiper.jtbcontrc .swiper-slide .text_box .link_to .plus_icon { width: 15px; height: 15px; position: relative; display: block; }
.p_p_31 .jtbsample .content_wrap .cont_wrap .swiper.jtbcontrc .swiper-slide .text_box .link_to .plus_icon::before { content: ''; position: absolute; top:90%; left: 50%; width: 100%; height: 2px; background: #fff; transform: rotate(45deg); }
.p_p_31 .jtbsample .content_wrap .cont_wrap .swiper.jtbcontrc .swiper-slide .text_box .link_to .plus_icon::after { content: ''; position: absolute; top:90%; left: 50%; width: 100%; height: 2px; background: #fff; transform: rotate(-45deg); }
.p_p_31 .week_area{position:relative; padding-left: 25px; color:#19439a; font-size:16px; margin-top:5px;font-weight: 500;}
.p_p_31 .week_area:before{display: block; position: absolute; left: 0; top: 3px; width: 19px; height: 19px; content: ''; background: url(/asp/images/icon/product_calendar.png) no-repeat 0 0 / 100%; background-size: 19px;}
@media(max-width:1023px){
	.p_p_31 .jtbsample .content_wrap { padding: 35px 20px 60px; flex-direction: column; gap: 0; position: relative; }
	.p_p_31 .jtbsample .tab_list { width: auto; box-sizing: border-box; }
	.p_p_31 .jtbsample .tab_list .tab_item .tab_tit { display: block; font-size: 14px; }
	.p_p_31 .jtbsample .tab_list .tab_item .tab_tit .mbnone { display: none; }
	.p_p_31 .jtbsample .tab_list .tab_item .tab_link.active .tab_tit::before { width: 10px; height: 10px; }
	.p_p_31 .jtbsample .content_wrap .text_area { width: 100%; }
	.p_p_31 .jtbsample .content_wrap .text_area .btn_box_wrap{position: absolute; bottom: 1.5%; width: 90%; display: flex ; justify-content: center;}
	.p_p_31 .jtbsample .content_wrap .text_area .btn_box {padding: 6px 16px;}
	.p_p_31 .jtbsample .content_wrap .text_area .btn_box .prev_btn .arrow { width: 8px; height: 8px;  }
	.p_p_31 .jtbsample .content_wrap .text_area .btn_box .next_btn .arrow { width: 8px; height: 8px;  }
	.p_p_31 .jtbsample .content_wrap .text_area .btn_box .play_pause .pp_link.on { width: 20px; height: 20px;}
	.p_p_31 .jtbsample .content_wrap .text_area .btn_box .play_pause .pp_link { width: 20px; height: 20px; }
	.p_p_31 .jtbsample .content_wrap .text_area .btn_box .s_pagenaiton { color: #838383; font-size: 14px; }
	.p_p_31 .jtbsample .content_wrap .text_area .b_tit{font-size: 20px;}
	.p_p_31 .jtbsample .content_wrap .text_area .desc{font-size: 15px; margin-bottom: 15px;}
	.p_p_31 .jtbsample .content_wrap .tit_area{text-align:center;}
	.p_p_31 .jtbsample .content_wrap .cont_area { width: 100%; }
	.p_p_31 .jtbsample .content_wrap .cont_wrap.active { display: block; }
	.p_p_31 .jtbsample .content_wrap .cont_wrap .text_area { width: auto; padding: 0 20px; margin-bottom: 20px; }
	.p_p_31 .jtbsample .content_wrap .cont_wrap .text_area .b_tit { font-size: 25px; }
	.p_p_31 .jtbsample .content_wrap .cont_wrap .text_area .desc { font-size: 16px; }
	.p_p_31 .jtbsample .content_wrap .cont_wrap .swiper.jtbcontrc { width: auto; }
	.p_p_31 .jtbsample .content_wrap .cont_wrap .text_area .btn_box { position: absolute; bottom: -10%; }
	.p_p_31 .jtbsample .content_wrap .cont_wrap .swiper.jtbcontrc .swiper-slide .img_box { position: relative; height: 170px; }
	.p_p_31 .jtbsample .content_wrap .cont_wrap .swiper.jtbcontrc .swiper-slide .text_box .price { font-size: 20px; }
	.p_p_31 .jtbsample .content_wrap .cont_wrap .swiper.jtbcontrc .swiper-slide .text_box .won { font-size: 14px; }

	.p_p_31 .jtbsample .content_wrap .cont_wrap .swiper.jtbcontrc .swiper-slide .text_box .title {font-size:14px;}

	.p_p_31 .week_area{font-size:13px; margin-top:2px;margin: 5px 0;padding-left: 18px;}
    .p_p_31 .week_area:before {width: 13px; height: 13px; background-size: 13px; }
}