@font-face {font-family:"LG_Smart_Bold";src:url("../fonts/LG_Smart_Bold.woff2") format("woff2");}
@font-face {font-family:"LG_Smart_Bold_Italic";src:url("../fonts/LG_Smart_Bold_Italic.woff2") format("woff2");}
@font-face {font-family:"LG_Smart_Light";src:url("../fonts/LG_Smart_Light.woff2") format("woff2");}
@font-face {font-family:"LG_Smart_Regular";src:url("../fonts/LG_Smart_Regular.woff2") format("woff2");}
@font-face {font-family:"LG_Smart_Regular_Italic";src:url("../fonts/LG_Smart_Regular_Italic.woff2") format("woff2");}
@font-face {font-family:"LG_Smart_SemiBold";src:url("../fonts/LG_Smart_SemiBold.woff2") format("woff2");}

body, html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background: #fff;
    font-family: 'LG_Smart_SemiBold', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    height: 100%;
    line-height: 1;
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    width: 100%;
}

a {text-decoration: none;}
a:hover {text-decoration: none;}
li {list-style-type:none;}

table{border-collapse:collapse;border-spacing:none}

/************** MAIN KV SLIDE **************/
main {position:relative;padding-bottom: 330px;}
main picture {width: 1600px; margin:0 auto; display: block;}
.color_000 {font-family:"LG_Smart_SemiBold";font-size: 33px; color:#000;}
.color_lg {font-family:"LG_Smart_SemiBold";font-size: 33px; color:#c30032;}

.area_lgmembers {text-align: center;margin:97px auto 0;width: 1600px; position: relative;}
.area_lgmembers .btn_benefits{position:relative;width: 1096px; margin: 135px auto 98px; background-color: #f6f6f6; position: relative; padding: 185px 0 88px;}
.area_lgmembers .btn_benefits ul{margin: 0; position: absolute; top:-95px; left: 50px;}
.area_lgmembers .btn_benefits ul::after{content: ""; display: block; clear: both;}
.area_lgmembers .btn_benefits ul li{margin:0 60px; width: 214px; float: left;}
.area_lgmembers .btn_benefits ul li img{width: auto;}
.area_lgmembers .btn_benefits ul li p{font-size: 23px;  margin-top: 13px; letter-spacing: -1px;}
.area_lgmembers .btn_benefits ul li p span{font-size: 35px; font-weight: 600;}
.area_lgmembers .btn_benefits ul li p span.orange{color: #ff5900;}
.area_lgmembers .btn_benefits ul li p span.red{color: #c30032;}
.area_lgmembers .btn_benefits > p{font-size:18px; margin: 0;font-family:"LG_Smart_Regular";}
.area_lgmembers .halloween_bg01{position: absolute; top: 235px; left: 1074px;}
.area_lgmembers .halloween_bg02{position: absolute; top: 308px; left: -98px;}
.area_lgmembers .halloween_bg03{position: absolute; top: 1011px; left: 1435px;}
.btn_style{font-size: 24px; background-color: #c30032; color: #fff; width: 400px; height: 50px; display: block; text-align: center; line-height: 50px; margin: 30px auto 0;} 


.area_rec {text-align: center;position:relative;width: 1240px;margin:0 auto; }
.area_rec .rec_box{position:relative;width: 1087px;height:519px; margin:0 auto;margin-top:58px; background: #fff; border:1px solid #dfdfdf; box-shadow: 5px 5px 5px rgb(0 0 0 / 10%);}
.area_rec .rec_product_img {position:absolute;width: 420px;height:420px; margin:50px 107px 0 75px;}
.area_rec .rec_product_img img{width: 420px; height: 420px;}
.area_rec .rec_btn_left {cursor:pointer;position:absolute;width: 25px;height:45px; margin:233px 0 0 0; }
.area_rec .rec_btn_right {cursor:pointer;position:absolute;width: 25px;height:45px; margin:233px 0 0 1217px; }
.area_rec .rec_detail {text-align: left;position:absolute;width: 450px;height:450px; margin:50px 0 0 600px;}
.area_rec .rec_detail .rec_product_name {color:#000; font-family:"LG_Smart_Regular";font-size: 26px; letter-spacing: -.030em;text-align: left;line-height:140%;position:relative;width: 420px;height: 104px;margin:0;overflow: hidden;}
.area_rec .rec_detail .rec_product_code {color:#a0a0a0; font-family:"LG_Smart_SemiBold";font-size: 21px; text-align: left;position:relative;width: 408px;height: 34px;margin:0;overflow: hidden;}
.area_rec .rec_detail .rec_product_point {font-family:"LG_Smart_SemiBold";text-align: left;position:relative;width: 408px;height: 48px;margin-left:-8px;overflow: hidden;}
.area_rec .rec_detail .rec_product_point .star {color:#d60444; font-size:32px}
.area_rec .rec_detail .rec_product_point .num {color:#000; font-size:18px}
.area_rec .rec_detail .rec_product_line {font-family:"LG_Smart_SemiBold";font-size: 33px; text-align: left;position:relative;width: 408px;height:43px:;margin:0 0 34px -8px;overflow: hidden;}
.area_rec .rec_detail .rec_product_line img {width:364px; height:6px;}
.area_rec .rec_detail .rec_product_price {position:relative;width: 408px;height: 34px;margin:0;overflow: hidden;}
.area_rec .rec_detail .rec_product_price .rec_left {color:#a0a0a0;position:absolute;font-family:"LG_Smart_SemiBold";font-size: 22px; letter-spacing: -.030em;text-align: left;width: 170px;height: 34px;margin:0;}
.area_rec .rec_detail .rec_product_price .rec_right {color:#a0a0a0;position:absolute;font-family:"LG_Smart_SemiBold";font-size: 22px; letter-spacing: -.030em;text-align: right;width: 197px;height: 34px;margin-left:170px;text-decoration:line-through;}
.area_rec .rec_detail .rec_product_discount {position:relative;width: 408px;height: 34px;margin:0;overflow: hidden;}
.area_rec .rec_detail .rec_product_discount .rec_left {color:#000;position:absolute;font-family:"LG_Smart_SemiBold";font-size: 22px; letter-spacing: -.030em;text-align: left;width: 170px;height: 34px;margin:0;}
.area_rec .rec_detail .rec_product_discount .rec_right {color:#000;position:absolute;font-family:"LG_Smart_SemiBold";font-size: 22px; letter-spacing: -.030em;text-align: right;width: 197px;height: 34px;margin-left:170px;}
.area_rec .rec_detail .rec_product_members {position:relative;width: 408px;height: 60px;margin:0;overflow: hidden;}
.area_rec .rec_detail .rec_product_members .rec_left {color:#d60444;position:absolute;font-family:"LG_Smart_SemiBold";font-size: 22px; letter-spacing: -.030em;text-align: left;width: 170px;height: 34px;margin:0;}
.area_rec .rec_detail .rec_product_members .rec_right {color:#d60444;position:absolute;font-family:"LG_Smart_SemiBold";font-size: 28px; letter-spacing: -.030em;text-align: right;width: 197px;height: 34px;margin-left:170px;}
.area_rec .rec_detail .rec_product_add {text-align: left;position:relative;width: 357px;height: 51px;margin:0;}
.area_rec .rec_detail .rec_product_add a {width:100%; color: #fff; background: #c30032; height:51px;border:0; display: block; font-size: 24px; line-height: 51px; text-align: center; border-radius:5px;}

.area_rec .swiper-container{padding-bottom: 50px;}
.area_rec .swiper-pagination-bullet-active{background:#8c2236;}
.area_rec .swiper-button-next{background-image:url("../img/next_arrow.png");}
.area_rec .swiper-button-prev{background-image:url("../img/prev_arrow.png");}

.btn_list{text-align: center;position:relative;width:1240px;padding:30px 0 70px 0;margin:0 auto;}
.btn_list .btn_list_wrap{width:100%}
.btn_list img{width:10px;height:10px;margin:0 6px 0 6px;display:inline;cursor:pointer}

.area_need_now{width: 1088px; margin: 135px auto 0; text-align: center; }
.area_need_now ul{text-align: center;display : flex; align-items : center; justify-content : center;flex-wrap:wrap; margin-top: 45px;}
.area_need_now ul li{border: 1px solid #bbbbbb; margin:10px; border-radius:50px;}
.area_need_now ul li:hover{border:1px solid #c30032; background: #c30032;}
.area_need_now ul li a{text-transform: uppercase; display: block; height: 100%; color: #000; padding: 10px 20px;}
.area_need_now ul li:hover a{color: #fff;}

.area_all_item{text-align: center;padding:110px 0 65px;width: 1600px;background-color:#f6f6f6; margin:0 auto;margin-top:125px; position: relative;}
.area_all_item .title_all_item{font-family:"LG_Smart_SemiBold";font-size: 37px; color:#000;margin-bottom:50px;}
.area_all_item .category_all_item{text-align: center;margin:0 auto;border:0;padding:0;}
.area_all_item .category_all_item img{width:846px; height:61px;margin:0 auto;margin-bottom:54px;}
.area_all_item .area_category_product{width:1300px;height:682px;text-align: center;margin:0 auto;border:0;padding:0;background-image:url("../img/bg_all_item_box.png");background-repeat: no-repeat;}
.area_all_item .area_category_product_more{cursor:pointer;width:1600px;height:54px;text-align: center;margin:0 auto;border:0;padding:0;background-image:url("../img/bg_all_item_bottom.png");background-repeat: no-repeat;}


.area_all_item .hgroup ul{text-align: center;display : flex; align-items : center; justify-content : center;}
.area_all_item .hgroup ul li{padding: 18px 24px; border-bottom: 1px solid #cdcdcd;}
.area_all_item .hgroup ul li:nth-of-type(1){padding-left: 0;}
.area_all_item .hgroup ul li:last-of-type{padding-right: 0;}
.area_all_item .hgroup ul li a{font-size: 22px; text-transform: uppercase; color:#8c8c8c; padding: 13px 0;}
.area_all_item .hgroup ul li.current a{border-bottom: 3px solid #c30032; color: #000;}

.area_all_item .product-list {margin-top:65px;}
.area_all_item .product-list ul{display : flex; align-items : center; justify-content : center;flex-wrap:wrap;}
.area_all_item .product-list ul li{width: 303px; height: 656px; box-sizing: border-box; border: 1px solid #dcdcdc; background-color: #fff; padding: 45px 27px; margin:0 11px 30px; box-shadow: 5px 5px 5px rgb(0 0 0 / 10%);}
.area_all_item .product-list ul li img{width: 206px; height: 206px; }
.area_all_item .product-list ul li h1{margin-top:33px; color: #444; font-size: 20px; line-height: 1.2; height: 72px; overflow: hidden; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.area_all_item .product-list ul li > p{margin-top:27px; color: #a0a0a0; font-size: 17px;}
.area_all_item .product-list ul li p.star{margin-top:10px; color: #000; font-size: 14px;}
.area_all_item .product-list ul li p.star span{font-size: 24px; color: #d60444;}
.area_all_item .product-list ul li > div{border-top: 1px solid #d7d7d7; margin-top:30px; padding-top: 20px;}
.area_all_item .product-list ul li > div p{display: inline-block; width: 49%; font-size: 17px; letter-spacing: -1px; line-height: 1.4; vertical-align: text-top;}
.area_all_item .product-list ul li > div p.float_l{text-align: left;}
.area_all_item .product-list ul li > div p.float_r{text-align: right;}
.area_all_item .product-list ul li > div p.float_r.gray{text-decoration: line-through;}
.gray{color: #b5b5b5;}
.black{color: #000;}
.lg_red{color: #c30032;}
.area_all_item .product-list ul li > div p.float_r:last-of-type{font-size: 24px;}
.area_all_item .product-list ul li > div a{margin: 22px auto 0; display: block; background: #c30032; font-size: 18px; color: #fff; width: 233px; height: 35px; line-height: 35px; border-radius: 5px;}

.area_all_item .pd_more{position: absolute; bottom: -23px; left: 50%; width: 205px; height: 47px; background: #f6f6f6; font-size: 20px; color: #000; display: block; border-radius: 38px; line-height: 47px; margin-left: -102px;}
.area_all_item .pd_more img{width: auto; display: inline;}

.area_bottom {width:100%;margin:70px 0 0 0;}
.area_bottom .area_bottom_top {text-align: center;width:100%;height:39px;background-image:url("../img/bg_bottom_area.png");}
.area_bottom .area_bottom_top img {width:84px;height:39px;text-align: center;margin:0 auto;border:0;padding:0;}

.area_bottom .bottom_product_off {width:1268px;height:270px;text-align: center;margin:0 auto;border:0;padding:0;}
.area_bottom .bottom_product_off img{width:1268px;height:196px;text-align: center;margin:0 auto;border:0;padding:0;}
.area_bottom .bottom_product_on {width:100%;height:487px;text-align: center;margin:0 auto;border:0;padding:0;background-color:#f6f6f6;}
.area_bottom .bottom_product_on img {width:1412px;height:222px;text-align: center;margin:0 auto;border:0;padding:0;}



header {width: 100%; height: 144px; background-image:url('../img/header.jpg'), url('../img/header_bg.jpg');background-size:auto, contain; background-position: center; background-repeat:no-repeat, repeat-x;}
footer{width: 100%; height: 259px; background-image:url('../img/footer.jpg'), url('../img/footer_bg.jpg');background-size:auto, contain;background-position: center;background-repeat:no-repeat, repeat-x; }

.popup{width: 100%; height: 258px; box-shadow: 0px -7px 7px rgb(0 0 0 / 4%);box-sizing: border-box; padding-top: 50px; position: fixed; bottom: 0; background-color: #fff; z-index: 999999; transition: all 1s;}
.popup.popup_open{height:490px;}
.popup.footer_on{ position: absolute;bottom: 0;}
.popup .popup_slide_btn{position: absolute; width:80px; height:30px; top: -15px;left: 50%; margin-left: -40px; background-color: #fff; box-shadow: 0px -7px 7px rgb(0 0 0 / 4%);border-radius: 7px;}
.popup .popup_slide_btn a{display: block; height: 100%; background: url('../img/popup_up.png') center no-repeat;}
.popup.popup_open .popup_slide_btn a{background: url('../img/popup_down.png') center no-repeat;}
.popup .default_wrap::after{content: ""; display: block; clear: both;}
.popup .default_wrap{width: 1258px;margin:0 auto 39px;}
.popup .default_wrap div.per_bar{width: 704px; height: 169px; background: #f5f5f5; position: relative; float: left;border-radius:10px;}
.popup .default_wrap div.per_bar .bubble{color: #fff; background: #c30032; width: 108px; height: 24px; text-align: center; line-height: 24px; border-radius: 50px; position: absolute; left: 50%; margin-left: -54px; top:24px;}
.popup .default_wrap div.per_bar .bubble::after{background: #c30032; content: ""; display: block; width: 9px; height: 9px; position: absolute;bottom: -4px; left: 50%;margin-left:-4px;transform: rotate(45deg);}
.popup .default_wrap div.per_bar .bar{width: 580px; height: 4px; background:linear-gradient(to right, #c30032 50%, #c6c6c6 51%); position: absolute; top: 74px; margin-left: -290px; left:50%;}
.popup .default_wrap div.per_bar .circle{position: absolute; width: 17px; height: 17px; top: 66px; left: 50%; background: radial-gradient( #c30032 20%, #c30032 21%, #fff 22%, #fff 40%, #c30032 41%); margin-left: -8px; border-radius:50%;}
.popup .default_wrap div.per_bar ul{margin: 90px auto 20px; width: 580px;display : flex; align-items : center; justify-content : space-between;}
.popup .default_wrap div.per_bar ul li{color: #3f3f3f; font-family: 'LG_Smart_Regular'; letter-spacing: -1px;}
.popup .default_wrap div.per_bar ul li span{font-weight: bold; font-family: 'LG_Smart_SemiBold';}
.popup .default_wrap div.per_bar p{color: #c30032; font-size: 18px; text-align: center;font-family: 'LG_Smart_Regular';letter-spacing: -1px;}
.popup .default_wrap div.members{width: 497px; height: 169px; background: #fff; position: relative; float: right;}
.popup .default_wrap div.members h1{font-size: 42px; margin-top:15px;}
.popup .default_wrap div.members h1 .info{float: right;}
.popup .default_wrap div.members p{ height: 35px; line-height: 35px; box-sizing: border-box; padding-left: 13px;}
.popup .default_wrap div.members p:first-of-type{background: #f5f5f5; margin-top:25px; }
.popup .default_wrap div.members p:last-of-type{background: #fce1e1; margin-top:10px; }
.popup .default_wrap div.members p span{font-size: 23px;}
.popup .default_wrap div.members p:last-of-type span:last-of-type{font-size: 27px;}

.popup .swipe_wrap{height: 197px; display: none; width:1290px; position: relative; margin: 0 auto; }
.popup.popup.popup_open .swipe_wrap{display: block;}
.popup .swipe_wrap .swiper_popup{width: 1280px; margin:0 auto; overflow: hidden;}
.popup .swipe_wrap .swiper_popup .swiper-button-next{right:-45px; top:66px; background-image:url('../img/next_arrow.png');}
.popup .swipe_wrap .swiper_popup .swiper-button-prev{left:-45px; top:66px; background-image:url('../img/prev_arrow.png');}
.popup .swipe_wrap .swiper-wrapper .swiper-slide{width: 310px !important; height: 132px; box-sizing: border-box; border: 1px solid#e1e1e1; position: relative;}
.popup .swipe_wrap .swiper-wrapper .swiper-slide::after{content: ""; clear: both; display: block;}
.popup .swipe_wrap .swiper-wrapper .swiper-slide a.delete_btn{position: absolute; right: 9px; top:9px;}
.popup .swipe_wrap .swiper-wrapper .swiper-slide a.delete_btn label{display: inline-block; cursor: pointer;}
.popup .swipe_wrap .swiper-wrapper .swiper-slide.cart_pd input{display: none;}
.popup .swipe_wrap .swiper-wrapper .swiper-slide div{float: left;}
.popup .swipe_wrap .swiper-wrapper .swiper-slide div img{width: 98px; height: 128px;}
.popup .swipe_wrap .swiper-wrapper .swiper-slide h2{color: #515151; font-size: 16px; margin:14px 0 20px;height: 48px; overflow: hidden; text-overflow: ellipsis;word-break: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;box-sizing: border-box;padding-right: 33px;}
.popup .swipe_wrap .swiper-wrapper .swiper-slide p{color: #000; font-size: 14px;}
.popup .swipe_wrap .swiper-wrapper .swiper-slide p span{text-decoration: line-through ; padding-right: 20px; vertical-align:middle;}
.popup .swipe_wrap .swiper-wrapper .swiper-slide p span.lg_red{font-size: 18px; text-decoration: none; float: right; padding-right: 20px;}

.popup .swipe_wrap .btn_wrap{margin-top: 30px;text-align: center;}
.popup .swipe_wrap .btn_wrap a{display: inline-block; text-transform: uppercase; box-sizing: border-box; font-size: 18px; width: 208px; height: 37px; line-height: 35px; border-radius: 5px;}
.popup .swipe_wrap .btn_wrap a.delete{color: #4d4d4d; border: 1px solid #4d4d4d;}
.popup .swipe_wrap .btn_wrap a.basket{color: #fff; background-color: #a70036; border: 1px solid #a70036; }