body{letter-spacing:-0.05em;}
.oneLineCut{overflow:hidden;white-space: nowrap; text-overflow: ellipsis;}
.secondLineCut{width:100%;height:50px;line-height:25px;overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.threeLineCut{width:100%;overflow: hidden;height:75px;line-height:25px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}

img{max-width:100%;}
#od_settle_help{color:red;}
.pageTitle{font-size:28px;margin-bottom:20px;font-weight:700;text-align:center;}

/*index title */
#mainTitle{width:100%;}
#mainTitle .swiper-slide{width:100%;}
#mainTitle .swiper-slide a{display:block;width:100%;text-align:center;}
#mainTitle .swiper-slide a  img{}

.container.mainCont{padding-top:50px;}
.mainCont .mainTitle{margin-bottom:30px;font-size:26px;font-weight:bold;color:#222;text-align:center;}

/**/
.mainSwiper{margin-bottom:50px;width:100%;}
.mainSwiper .swiper{padding-bottom:40px;}
.mainSwiper swiper-slide{}
.mainSwiper .ban_item{width:100%;}
.mainSwiper .ban_item .ban_img{margin-bottom:10px;position:relative;width:100%;height:0px;padding-bottom:100%;}
.mainSwiper .ban_item .ban_img a{display:block;position:absolute;top:0px;left:0px;width:100%;height:100%; background:no-repeat center center;background-size:cover;border-radius:15px;}
.mainSwiper .ban_item .ban_name{margin-bottom:5px;font-size:19px;line-height:25px;color:black;font-weight:bold;}
.mainSwiper .ban_item .ban_basic{margin-bottom:15px;line-height:20px;font-size:15px;color:black;color:#999}

.mainSwiper .ban_item .ban_cust_price{line-height:20px;margin-bottom:0px;font-size: 15px; color: #999999;}
.mainSwiper .ban_item .ban_cust_price span{display:inline-block;text-decoration: line-through;}
.mainSwiper .ban_item .ban_price{line-height:25px;display:flex;align-items:flex-end;font-size: 20px; color: #000000;font-weight: bold;}
.mainSwiper .ban_item .ban_price .ban_dc{display:inline-block;font-size: 22px;font-weight: bold;line-height:22px;padding-left: 10px;color: #e70401;}
.mainSwiper .ban_item .ban_price .ban_dc:after{ display:inline-block;content: "%";font-size: 16px;font-weight:bold;}


/*main review*/
.reviewSwiper{margin-bottom:50px;width:100%;}
.reviewSwiper .swiper{padding-bottom:40px;}

.ban_review{width:100%;border:1px solid #eee;border-radius:20px 20px 15px 15px;}
.ban_review .review_img{margin-bottom:0px;position:relative;width:100%;height:0px;padding-bottom:100%;border-bottom:1px solid #eee;}
.ban_review .review_img a{display:block;position:absolute;top:0px;left:0px;width:100%;height:100%; background:no-repeat center center;background-size:cover;border-radius:20px 20px 0px 0px;}

.ban_review .itemBox{padding:0px 10px;}
.ban_review .itemBox > a{padding:10px 0px;display:flex;align-items:center;border-bottom:1px solid #eee;}

/*secondLineCut*/
.ban_review .itemBox  .item_img{margin-right:10px;width:40px;height:40px;border-radius:50%;background:no-repeat center center;background-size:cover;border:1px solid #ddd;}
.ban_review .itemBox .item_review{width:calc(100% - 50px);line-height:19.5px;}
.ban_review .itemBox .item_name{width:100%;height:19.5px;line-height:19.5px;font-size:13px;font-weight:bold;color:#222;}
.ban_review .itemBox .review_info{display:flex;align-items:center;color:#666;font-size:13px;}
.ban_review .itemBox .review_info .review_avg{margin-right:10px;}
.ban_review .itemBox .review_info .review_cnt{}

.ban_review .reviewBox{padding:10px 10px;}
.ban_review .reviewBox > a{display:block;}
.ban_review .reviewBox .review_star{margin-bottom:10px;display:flex;align-items:center;}
.ban_review .reviewBox .review_star .star{width:75px;}
.ban_review .reviewBox .review_star .star i{font-size:13px;margin:0px;letter-spacing:-0.1em;}
.ban_review .reviewBox .review_star .star i.bi-star-fill, 
.ban_review .reviewBox .review_star .star i.bi-star-half{color:tomato;}
.ban_review .reviewBox .review_star .basic{height:20px;line-height:20px;width:calc(100% - 75px);}
.ban_review .reviewBox .review_text{margin-bottom:5px;height:36px;line-height:18px;color:#333;font-size:13px;}
.ban_review .reviewBox .review_info{display:flex;align-items:center;font-size:13px;color:#777;}
.ban_review .reviewBox .review_info .name{margin-right:15px;}
.ban_review .reviewBox .review_info .date{}

.swiper-button-next, 
.swiper-button-prev{color:#999;}


#insta_gallery{width:100%;display:flex;align-items:center;flex-wrap:wrap;}
#insta_gallery li{width:33.33%;margin:5px 0px;}
#insta_gallery li > a{position:relative;display:block;width:100%;height:0px;padding-bottom:100%;overflow:hidden;}
#insta_gallery li > a >  div.image{position:absolute;width:100%;height:100%;top:0px;left:0px;background:no-repeat center center;background-size:cover;overflow:hidden;}
#insta_gallery li > a > div.subject{padding:5px 10px 0px 10px;position:absolute;bottom:-50%;left:0px;width:100%;background-color:rgba(0,0,0,0.65);color:white;font-size:13px;transition:all 0.3s;
height: 67px;
line-height:20px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
#insta_gallery li > a:hover > div.subject{bottom:0px;}

.youtube_video {margin:0px auto;	width: 100%;	max-width: 890px;padding:20px 10px;}
 .video-container {	position: relative; width: 100%; height: 0px; padding-top: 56.25%; }
 .video-container iframe {z-index: 1;	top: 0;	left: 0;	position: absolute; width: 100%;	height: 100%;}

.main_media {display:flex;justify-content:space-between;}
.main_media .main_youtube{width:calc(45% - 20px);}
.main_media .main_insta{width:calc(55% - 20px);}
.main_media h2{margin-bottom:0px;display:flex;align-items:center;justify-content:space-between;}
.main_media h2 .title{font-size:18px;font-weight:bold;color:#222;}
.main_media h2 .more{font-size:14px;color:#555;}
.main_media .youtube{width:100%;}
.main_youtube .youtube_video{padding:5px 0px;}

.yt_banner{margin-bottom:15px;width:100%;}
.yt_banner .pc{width:100%;}
.yt_banner .mobile{display:none;}

@media (max-width: 780px) {
	.yt_banner .pc{display:none;}
	.yt_banner .mobile{display:block;}
}

.main_cs {margin-bottom:50px;display:flex;justify-content:space-between;}
.main_cs .main_qna{width:calc(100% - 350px);}
.main_cs .main_as{width:300px;}

.main_cs h2{margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;}
.main_cs h2 .title{font-size:18px;font-weight:bold;color:#222;}
.main_cs h2 .more{font-size:14px;color:#777;}

.main_cs .accordion-button{padding:12px 10px;font-size:14px;}
.accordion-button::after{background-size:1.2em;}
.accordion-flush .accordion-collapse{padding:15px 10px;color:#555;background-color:#fafafa;}
.accordion-flush .accordion-item:last-child{border-bottom:1px solid #dee2e6;}

.main_as{text-align:center}
.main_as > div{padding:0px;}
.main_as h2{justify-content:center;font-size:25px;font-weight:bold;margin-bottom:0px;}
.main_as .call{font-size:35px;font-weight:bold;margin-bottom:5px;}
.main_as .time{margin-bottom:10px;font-size:16px;color:#222;}
.main_as .text{font-size:14px;color:#555;}

.itemtypeBg{width:100%;display:flex;align-items:center;justify-content:center;}
.itemtypeBg img{max-width:100%;max-height:400px;}

.itemtypeCon{padding:40px 0px;}
.itemtypeCon .shopList{}
.pageTitleBg{display:flex;align-items:center;justify-content:center;width:100%;height:130px;font-size:28px;font-weight:700;color:white;background-color:rgb(50, 122, 255)}

.listEmpty{padding:80px 0px;text-align:center;font-size:30px;font-weight:500;}


.useName{margin-bottom:10px;display:flex;align-items:center;}
.useName input{padding:0px 5px;width:120px;height:35px;border:1px solid #aaa;margin-right:10px;}
.useName button{height:35px;padding:0px 10px;background-color:#333;color:white;font-size:14px;border:1px solid #333;}


#sps_sch{display:flex;align-items:center;padding:30px 0px;margin:0px;}
#sps_sch select{float:none;}

.is_content .reply{margin:10px 0px;background-color:#eee;padding:15px;}
.is_content .reply .icon{margin-bottom:5px;}
.is_content .reply .icon span{display:inline-flex;align-items:center;justify-content:center;height:25px;padding:0px 10px;background-color:yellowgreen;color:white;}

#ptList .swiper-wrapper {
    transition-timing-function: linear;
 }

#ptList{width:100%;padding:0px 0px 30px 0px;}
#ptList .swiper{width:100%;padding:0px;}
#ptList .swiper .swiper-slide{padding:0px;}
#ptList .swiper .swiper-slide a{display:block;width:100%;}

#ptList .swiper .swiper-slide a .image{position:relative;width:100%;height:0px;padding-bottom:28%;border:1px solid #ccc;}
#ptList .swiper .swiper-slide a .image > div{position:absolute;top:5px;left:5px;width:calc(100% - 10px);height:calc(100% - 10px);background:no-repeat center center;background-size:contain;}

#ptList .swiper .swiper-slide a .name{line-height:30px;text-align:center;font-size:14px;}

/**/
#real_price{display:flex;align-items:center;justify-content:space-between;padding:20px 0px;}
#real_price .head{font-size:16px;font-weight:bold;}
#real_price .price{font-size:16px;}
#real_price .price strong{font-size:20px;}	


/*use point*/
#od_temp_point{padding-left:10px;padding-right:10px;}
.usePoint{width:100%}
.usePoint ul{width:100%;max-width:280px;margin:0px auto;}
.usePoint ul li{width:100%;display:flex;align-items:center;padding:10px 5px;border-bottom:1px solid #ccc;}
.usePoint ul li .head{width:130px;font-weight:bold;}
.usePoint ul li .text{width:calc(100% - 130px);}
.usePoint ul li .text .useBtn{margin-left:15px;padding:0px 10px;height:30px;font-size:13px;border:1px solid #aaa;}
.usePoint ul li .text .usePoint{height:30px;width:120px;padding:0px 10px;}
.usePoint .usePointBtn{padding:10px 0px;display:flex;align-items:center;justify-content:center;}
.usePoint .usePointBtn button{height:40px;padding:0px 30px;background-color:seagreen;color:white;border:0px;}

#sod_sts_explan_open{color:black;}
a.printBtn{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0px 15px;background-color:#f3f3f3;border:1px solid #aaa;font-size:13px;}

.ban_score{margin-top:10px;}
.ban_score .star_score{margin-left:15px;}
.ban_score .star_score i{color:red;margin-right:5px;}

.mpCont{padding:40px 0px;width:100%;display:grid;grid-template-columns: 150px 1fr;}
.mpCont .mpLeft{}
.mpCont .mpLeft ul{width:100%;border:1px solid #aaa;padding:10px 20px 10px 30px;}
.mpCont .mpLeft ul li{font-size:13px;}
.mpCont .mpLeft ul li.head{padding:7px 0px;font-weight:bold;}
.mpCont .mpLeft ul li a{padding:7px 0px;display:block;width:100%;line-height:18px;}
.mpCont .mpLeft ul li a.on{color:steelblue;font-weight:600;}
.mpCont .mpBody{padding-left:40px;}
.register_con{width:100%;}
.fregisterform{width:100%;}
.mpBody .register_form{padding-top:0px;}

#point.new_win{width:100%;max-width:780px;margin:0px auto;}
@media (max-width: 550px) {
	#ptList .swiper .swiper-slide a .name{line-height:28px;font-size:13px;}
}
@media (max-width: 780px) {
	/*index title */
	#mainTitle .swiper-slide a{}
	#mainTitle .swiper-slide a > div{position:absolute;height:100%;top:0px;left:0px;margin:0px auto;background:no-repeat center center;background-size:cover;}
}