@charset "utf-8";

#wrap{position: relative; width: 100%; overflow-x: hidden; margin:0 auto; }
#container{position: relative; width: 100%; margin:0 auto; background: #f3f8fe; padding-bottom: 20px; }

.main_slider_area{position: relative; margin:0 auto;}
.main_slider_area .main_banner img{width: 100%;}
/* .main_slider_area img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.0);} */
#container .main_slider_area .home img{position: absolute; width:30px; left:10px;top:10px;}
#container .main_slider_area .top_share img{position: absolute; width:30px; right:10px;top:10px;}
.main_slider_area .top_share{width: 30px;}
.share_wrap{border: 1px solid #ddd;border-radius: 5px;position: absolute;top: 55px;right: 0px;background: #fff;width: 155px;padding: 12px 12px 0px 12px;display: none;z-index:10;}
.share_wrap a {display:block; width:35px; height:35px; float:left; margin-right:12px; margin-bottom:12px;}
.share_wrap .katalk{background:url(../images/icon_katalk.png) no-repeat; background-size:35px auto;}
.share_wrap .band {background:url(../images/icon_band.png) no-repeat; background-size:35px auto;}
.share_wrap .facebook {background:url(../images/icon_facebook.png) no-repeat; background-size:35px auto;}
.share_wrap .kastory {background:url(../images/icon_kakaostory.png) no-repeat; background-size:35px auto;margin-right:0px;}
.share_wrap .twitter {background:url(../images/icon_twitter.png) no-repeat; background-size:35px auto;}
.share_wrap .line {background:url(../images/icon_line.png) no-repeat; background-size:35px auto;margin-right:0px;}

.contents{width: 100%; margin:0 auto; padding:0 24px;}

.title_area{clear: both; position: relative; margin: 20px 0;}
.title_area .txt_type01{color: #1F5DFA;font-weight: 600;}
.title_area .title{color: #111; font-size: 1.3em; font-weight: 700; padding-top: 5px;}
.title_area .supersale{}
.title_area .supersale::after{content: '';  display: inline-block;  width: 20px;  height: 20px;  top: 4px;  left: 4px;  position: relative;  background: url(../images/monthly/ico_supersale.png) no-repeat 0 0;  background-size: 100%;}
.title_area .bakwondeal{}
.title_area .bakwondeal::after{content: '';  display: inline-block;  width: 20px;  height: 20px;  top: 5px;  left: 5px;  position: relative;  background: url(../images/monthly/ico_deal100.png) no-repeat 0 0;  background-size: 100%;}

.title_area .timesale{}
.title_area .timesale::after{content: '';  display: inline-block;  width: 20px;  height: 20px;  top: 5px;  left: 5px;  position: relative;  background: url(../images/monthly/ico_timesale.png) no-repeat 0 0;  background-size: 100%;}

.time_now{position: relative; top:20px; background: #1D5FF4; width: 75%; margin:0 auto; border-radius: 30px; color: #fff; font-weight: 700; z-index: 999; line-height: 40px; text-align: center; }

.time_now img{position: relative; bottom: 2px; margin-right: 5px;}
.time_now .text{font-size: 0.8em; font-weight: normal; opacity: 0.7;}

.product_area{clear: both; position: relative; border-radius: 20px; overflow: hidden; background: #fff !important;  margin-bottom: 50px;}
.product_area .pic{position: relative; min-height: 190px; width: 100%; overflow: hidden;}
.product_area .pic > img{width: 100%;}
.product_area .txt_prod_info{position: relative; font-size: 0.9em; text-align: center; color: #fff; background: #111; line-height: 36px; top:-14px;}
.product_area .txt_prod_info > span{color: #1AFFF1 !important;}

.product_area .info_area{padding:0 20px 20px 20px; font-size: 0.9em;}
.product_area .info_area .tag{display: flex; justify-content: flex-start; gap:5px}
.product_area .info_area .tag .pkg_global{background: #E6EBF0; border-radius: 3px; padding:4px 6px; color: #535D67; font-size: 0.9em;}
.product_area .info_area .tag .plus_air{background: #1F5DFA; border-radius: 3px; padding:4px 6px; color: #fff; font-size: 0.9em;}
.product_area .info_area .tit{color: #000; font-size: 1.4em; margin:5px 0; font-weight: 700;}
.product_area .info_area .time{border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px;}
.product_area .info_area .subtit{color: #767676; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px;}
.product_area .info_area .info{position: relative; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px;}
.product_area .info_area .info dl{display: flex; font-size: 0.95em; line-height: 24px; color: #767676;}
.product_area .info_area .info dl dt{width: 21%; font-weight: 500;}

.product_area .info_area .price_area{}
.product_area .info_area .price_area .normal_area{font-size: 0.9em; letter-spacing: -1px; color: #a3a3a3; display: flex; justify-content: space-between;}
.product_area .info_area .price_area .normal_area .normal_price{text-decoration: line-through;}

.product_area .info_area .price_area .sale_area{font-size: 1.3em; letter-spacing: -1px; font-weight: 700; margin-top: 2px; color: #1F5DFA; display: flex; justify-content: space-between;}
.product_area .info_area .price_area .sale_area .sale_price{}

.product_area .info_area .price_area .special_area{font-size: 1.3em; letter-spacing: -1px; font-weight: 700; margin-top: 2px; color: #FF3495; display: flex; justify-content: space-between;}
.product_area .info_area .price_area .special_area .special_price{}

.product_area .info_area .price_area .timesale_area{text-align: right; color: #111; font-size: 1.3em; font-weight: 700;}
.product_area .info_area .price_area .timesale_area > span{color: #FF3495; margin-right: 10px;}

.btn_reserv{border-radius: 5px; background: #111;margin-top: 20px; width: 100%;color: #fff; font-size:15px; font-weight: 900; line-height: 55px;}