@import url('https://fonts.googleapis.com/css?family=Damion|Muli:400,600');

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jua&family=Poor+Story&display=swap" rel="stylesheet">
    ::-webkit-scrollbar {
    width: 0.4rem;
}
::-webkit-scrollbar-track {
    background-color: #808080;
}
::-webkit-scrollbar-thumb {
   background-color: #212121;
  border-radius: 20px;
}
	
a,li,div{ -webkit-tap-highlight-color:transparent;}
	
	
	
	
	
	/*2024모바일 ui/ux리뉴얼*/
	
/* S: 230502 추가: 르세라핌 배너 */
  .font_nav_right {font-family: "NanumSquareRound", sans-serif;}
  .hamberger_banner {width: 100%;margin:auto;}
  /* E: 230502 추가: 르세라핌 배너 */
   /*모바일 리뉴얼*/
   .ham_top_ui,.mobile_ham_ui{display:none;}
  .pc_ham_ui{display:block;margin-top:4rem;}
  .pc_ham_ui .aside__lnb-close{position:absolute;right:0;top:0;}
  .aside__lnb-login .logout_btn_re{cursor:pointer;}
	.mo_logo{display:none;}
	.mo_main-box{height:100dvh;}
	.aside__lnb-inner.pc_ham_ui {
    margin-top: 0;
    padding-top: 0;
}
	/* .gift_set_btn.wrap {
    position: absolute;
    vertical-align: middle;
    top: 100px;
    left: 10px;
  }
*/
  .gift_set_btn.wrap .arrow {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 30px;
    overflow: hidden;
    vertical-align: middle;
  }

  .gift_set_btn.wrap .arrow:before {
       content: "";
    position: absolute;
    top: 50%;
    right: 13%;
    width: 10px;
    height: 10px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    border-top: 2px solid #d4000b;
    border-left: 2px solid #d4000b;
  }
  .gift_set_btn.wrap .arrow.right:before {
    transform: translate(0%, -50%) rotate(135deg);
  }
  .gift_set_btn.wrap .arrow:after{    content: "";
    border: 1px solid #d4000b;
    width: 87%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0%, -50%);
    text-align: left;}
	.gift_set_btn.wrap span{width:100%;}
	
	
	.package_btn_li{position:relative;}
	.package_icon{     position: absolute;
    top: -27px;
    left: 50%;
    z-index: 9;
    transform: translateX(-50%);
    margin-left: 20%;
	animation: motion 1.3s linear 0s infinite; margin-top: 0;
	}
	
	@keyframes motion {
	0% {margin-top: 0px;}
	20% {margin-top: 10px;}
	40% {margin-top: 0px;}
	60% {margin-top: 10px;}
	80% {margin-top: 0px;}
	100% {margin-top: 0px;}
}

	.pull_main {position: relative;
    width: 135px;
    color: #FFF;
    border-radius: 30px;
    background-color: #000;
    height: 35px;
    line-height: 35px;
    font-size: 15px;}
	.pull_main:after {content: "";
    position: absolute;
    left: 50%;
    top: 36px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ffcc51;
    transform: translate(-50%, -0%);
    right: auto;}
	.pull_main.gr {background-color: #ffcc51;}
	.pull_main.gr:after {    content: "";
    position: absolute;
    right: auto;
    top: 34px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ffcc51;
    left: 50%;
    transform: translate(-50%, 0);}
	.mobile_look{display:none;}
	.main-box .goobne-btn-box button.goobster_go{display:none;}
	.main-box .goobne-btn-box button.universe_go span{padding-top:67%;}
	.main-box .goobne-btn-box button a{pointer-events:none;cursor: none;}
	.aside__lnb{width:100%;}
	.mobile_display_look{display:none;}
	.aside__lnb-inner{overflow-y: auto;}
	.aside__lnb{overflow:auto;-ms-overflow-style: none;}
.aside__lnb::-webkit-scrollbar{
  display:none;
}

	.arrow_icon_mem{display:none;}	
	.main_mo_btn_text{text-align:left;line-height:1.4;}
    .small_text{font-size:11px;color:#999;font-weight:500;}
	.main_mo_btn_text{text-align:left;line-height:1.4;width:100%;}
	.mobile_display_btn img.coupon_icon_img{width:auto;}
	.main_mo_btn_img{width:auto;}
	 .mobile_display_btn ul.mobile_display_btn_ul li.last-child {
        width: 40%;
        padding-right: 20%;
    }
	.package_btn_li .banner_line{    width: 45%;
    padding: 2% 25% 2% 30%;}
	
	@media (max-width: 900px) {
	body{overscroll-behavior:none !important;}
	.cart-coupon-message{display:none;}
	.mobile_display_look{display:block;}
	.main-vi-wrap .slick-dots{bottom:15px;}
	.main-vi-wrap .slick-dots li{background:#fff;}
	.main-box .goobne-btn-box button.goobster_go{display:block;}
	.main-box .goobne-btn-box button.universe_go span{font-size:0;}
	.mobile_look{display:block;}
	.main-box .goobne-img_office_bg{height:100% !important;}
	#footer{margin-top:0;}
	.mo_main-box{height:43dvh;width:80%;}
	#header .loading-bar{display:none;}
	.con-box,.menu-box{display:none;}
	.main-slick-wrap{margin: 8% auto;padding-top: 7%;}
	.mobile_content{width:80%;margin:auto;}
	.pc_logo{display:none;}
	.mo_logo{display:block;}
	#header .search-area.mo-search-area.center_only{width:40%;background:#fff;}
	.log_box{display:none;}
	.cart_renew_icon_bg{    position: relative;width: 60px;height: 30px;margin-right: 1rem;background: #fff; padding: 2% 0;border-radius: 20px;}
	.cart_renew_icon{position: absolute; left: 50%;top: 50%;transform: translate(-50%, -50%);width: 41px;height: auto;}
	.user_login_before{margin:2rem auto;width: 90%;}
	.user_login_before ul{display:flex;justify-content: space-between;}
	.user_login_before ul li{color:#fff;font-size: 2rem;font-weight: 600;}
	.color_yellow{color:#FFECAD;}
	.login_btn_renew{background:#ffcc51;color:#fff;border:2px solid #fe9b00;text-align: center;width: 23%;line-height: 46px;border-radius: 30px;cursor: pointer;}

	#header.drop .user_login_before,#header.drop .user_login_after{display:none;}
	#header .user_login_before{display:block;}
	.mo_main-box{margin-top:0;border-radius: 30px;border:1px solid #999;        width: 99% !important;}
	.mobile_display_btn img{height:55px;padding:0;}
	.mobile_display_btn{margin-top:3rem;}
	.mobile_display_btn ul.mobile_display_btn_ul{display: flex;justify-content: space-between;align-items: center;}
	.mobile_display_btn ul.mobile_display_btn_ul li{width: 100%;        border: 1px solid #999;        margin-right: 2%;cursor: pointer;
        background: #fff;
        border-radius: 20px;
        text-align: center;
        padding: 2%;
    }
	.mobile_display_btn ul.mobile_display_btn_ul li:last-child{margin-right:0;height:55px;}
	.mobile_display_btn ul.mobile_display_btn_ul li ul{display:inline-flex;width: 100%;align-items: center;}
	.mobile_display_btn ul.mobile_display_btn_ul li ul li{width:100%;border:0;font-size: 24px;line-height: 3rem;line-height: 1;
    font-weight: 800;}
	.mobile_display_btn ul.mobile_display_btn_ul li ul li:first-child{margin-right:0;width:40%;}
	.mobile_display_btn ul.mobile_display_btn_ul li ul li span{font-size:15px;font-weight: 600;display:block;color:#999;}
	.gift_set_btn{width:100%;background:#fff;border:1px solid #999;margin:1rem auto;text-align: center;border-radius: 20px;height:90px;line-height:90px;font-size:2rem;font-weight:800;display: inline-flex;
        align-items: center;
        justify-content: space-around;cursor: pointer;}
	.user_login_after{width:88%;margin:2rem auto;}
	.user_login_after ul {display: flex;justify-content: space-between;}
	.user_login_after ul li{color:#fff;font-size:18px;font-weight: 600;line-height: 1.5;}
	.user_login_after ul li span{color:#fff;}
	.user_login_after ul li .user_mypage_info_ui{display:block;}
	.user_login_after ul li .user_mypage_info_ui li .mypage_info_list01_1{margin-right:58px;}
	.user_login_after ul li span.color_yellow{color:#FFECAD;}
	.user_login_after ul li span.mypage_info_name_yellow{color:#FFECAD;margin-right: 5px;}
	.mypage_info_set{float:right;}
	.main-box .goobne-btn-box button.universe_go span{    background: url(https://cdn.goob-ne.com/goobne/resources/assets/images/main_new/mobile/icon_03.png);
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;}
	.main-box .goobne-btn-box button.goobster_go span{    background: url(https://cdn.goob-ne.com/goobne/resources/assets/images/main_new/mobile/icon_04.png);padding-top: 0;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;}
	.main-box .goobne-btn-box button.universe_go,.main-box .goobne-btn-box button.goobster_go{background:none;border:0;}
	.main-box .goobne-btn-box button.coupon{display:none;}
	.ham_banner_div{display:none;}
	
	.mobile_ham_ui{display:block;}
  .pc_ham_ui{display:none;}
  .aside__lnb-close{        background: url(https://cdn.goob-ne.com/goobne/resources/assets/images/main_new/mobile/icon_07.svg) no-repeat;
        border: 2px solid #fff;
        border-radius: 50%;
        height: 37px;
		width:37px;
        background-size: 19px;
        background-position: center 40%;margin-left:0;}
  .aside__lnb{background:#d4000b;max-width: 100%;}
.bg_color_w{background: #fff;
        height: calc(100dvh - 189px);
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        padding: 3rem;
        /* max-height: 75%; */
        overflow: auto;
        position: absolute;
        top: 189px;
        left: 0;
        width: 100%;}
.bg_color_w_login_height{height: calc(100dvh - 140px);top: 140px;}			
  .ham_top_ui{width:95%;margin:2% auto;}
  .ham_top_ui{display:block;}
  .logo_ham{width: 20%;
        position: absolute;
        top: 13px;
        left: 50%;
        transform: translate(-50%, 0px);}
.logo_ham img{width:100%;}	
.ham_login_before{margin:auto;text-align: center;}
.ham_login_before ul li{color:#fff;        font-size: 15px;cursor:pointer;
        line-height: 1.5;
        font-weight: 800;}
.ham_login_before ul li .ham_login_btn{margin-top:17px;}		
.ham_login_before ul li .ham_login_btn li{display: inline-block;
        width: 100px;
        background: #fff;
        border-radius: 20px;
        height: 35px;
        color: #d4000b;line-height: 35px;font-weight: 800;}		
.ham_login_before ul li .ham_login_btn li:last-child{background:#b20000;color:#fff;}
.aside__num .renew_ham_footer_call{font-weight:800;font-size:18px;        margin-bottom: 0;}
.aside__num .renew_ham_footer_call_number{font-size:18px;}
.ham_login_after{width:88%;margin: 5% auto 0;}
.ham_login_after ul {display: flex;justify-content: space-between;}
.ham_login_after ul li{color:#fff;font-size:18px;font-weight: 600;line-height: 1.5;}
.ham_login_after ul li span{color:#fff;}
.ham_login_after ul li .user_mypage_info_ui{display:block;}
.ham_login_after ul li .user_mypage_info_ui li .mypage_info_list01_1{margin-right:58px;}
.ham_login_after ul li span.color_yellow{color:#FFECAD;}
.ham_login_after ul li span.mypage_info_name_yellow{color:#FFECAD;margin-right: 5px;}
.mypage_info_set{float:right;}
.font_nav_right_new::after{          content: '';
        background: url(https://cdn.goob-ne.com/goobne/resources/assets/images/icon/a-lnb-arrow.svg) center right no-repeat;
        background-size: 1.3rem;
        position: absolute;
        right: 7%;
        font-weight: 600;
        font-size: 13px;
        font-family: serif;
        color: #6B6B6B;
        width: 14px;
        height: 10px;
        transform: rotate(270deg);}
 .aside__lnb-list > li > a{width:95%;        background-size: 1.5rem;
        padding-right: 2rem;} 
.aside__lnb-list > li > a.is-active{ background-size: 1.5rem;}
.gift_set_btn{justify-content: space-between;padding: 0 5%;width: 89.5%;}

/*app_footer*/
.app_footer_ui{width:88%;}
.app_footer_ui_list li{margin:auto;height:auto;text-align: center;}
.app_footer_ui_list li:nth-child(2) img{height:20px;}
.app_footer_ui_list li:nth-child(3) { height: 37px;}
.app_footer_ui_list li:nth-child(3) img{margin-left:-22px;max-width: none;}
.app_footer_ui_list li:nth-child(4) img{height:18px;}
.app_footer_ui_list li img{margin-bottom:3px;}
.app_footer_ui_list li div{font-weight:800;font-size:13px;}
/*.arrow_icon_mem{display:inline-block;font-family: "Poor Story";
  font-weight: 400;
  font-style: normal;margin-left:3px;font-size:20px;}
	}*/
.arrow_icon_mem{ transform: rotate(270deg);        display: inline-block;
        width: 18px;vertical-align: middle;margin-top: -3px;}	
.mobile_display_btn ul.mobile_display_btn_ul li.delivery_btn_li,.mobile_display_btn ul.mobile_display_btn_ul li.package_btn_li{height:80px;}		
.mobile_display_btn img.coupon_icon_img{height:40px;}
.mobile_display_btn img.coupon_icon_img.menu_icon_img{height:100px;}	
.package_btn_li .banner_line {
    width: 40.5%;
    padding: 2% 30% 2% 30%;
}
.banner_delivery{width:79%;}
	}
@media (max-width: 820px) {
    .bg_color_w_login_height {
        height: calc(100dvh - 168px);
        top: 168px;
    }
	.mobile_display_btn img{padding:10px 0;}
}		
	@media (max-width: 628px) {
	.bg_color_w_login_height {
        height: calc(100dvh - 140px);
        top: 140px;
    }
	 .mobile_display_btn ul.mobile_display_btn_ul li ul li{font-size:25px;}
	 .mobile_display_btn ul.mobile_display_btn_ul li ul li span {font-size: 13px;}
	 .mobile_content{width:88%;}
	 .mobile_display_btn ul.mobile_display_btn_ul li ul li.first-child{width:40%;padding-top:9px;}
	 .mobile_display_btn ul.mobile_display_btn_ul li.last-child{width:40%;padding-right:20%;}
	 #header .search-area.mo-search-area.center_only{margin-left:0;}
	 .cart_count{top:3px;}
	 #header .btn-cnt-area .cart-btn{width:2rem;height:2rem;}
	 .cart_renew_icon{width:28px;}
	 .cart_renew_icon_bg{height:25px;}
	 .gift_set_btn{font-size:20px;height:80px;}
	     .mobile_display_btn img {
        height: 40px;
        padding: 0;
    }
	.mobile_display_btn ul.mobile_display_btn_ul li:last-child{height:25px;}
	    .mobile_display_btn ul.mobile_display_btn_ul li.delivery_btn_li, .mobile_display_btn ul.mobile_display_btn_ul li.package_btn_li {
        height: 65px;
    }
	
	.mobile_display_btn ul.mobile_display_btn_ul li ul li,.main_mo_btn_text li:first-child{font-size:18px;}
	    .mobile_display_btn img.coupon_icon_img.menu_icon_img {
        height: 70px;
    }
	.mobile_display_btn img.coupon_icon_img {
    height: 35px;
}
.package_btn_li .banner_line{    width: 45%;
    padding: 2% 25% 2% 30%;}
	    .mobile_display_btn ul.mobile_display_btn_ul li.last-child {
        width: 40%;
        padding-right: 20%;
    }
.banner_line{width:88%;}	
	}
	@media (max-width: 450px) {
	    .mo_main-box {
        height: 35dvh;}
		.gift_set_btn{height:55px;font-size:18px;}
		    .mobile_display_btn ul.mobile_display_btn_ul li ul li span {
        font-size: 11px;
        margin-top: 4%;
    }
	.mobile_display_btn ul.mobile_display_btn_ul li ul li{font-size:20px;}
	.user_login_before ul li{font-size:1.7rem;}
	.login_btn_renew{line-height:34px;}
	#content.content_new_re{margin-top:13rem;}
	}
	@media (max-width: 375px) {
	
	.user_login_before ul li{font-size:1.5rem;}
	.login_btn_renew{line-height:30px;}
	#header .search-area.mo-search-area.center_only{width:35%;}
	#header .search-area .input-search{margin-left:3px;}
	    #header .logo {
        width: 75px;
    }
	.ham_login_after ul li,.user_login_after ul li{font-size:16px;}
    .user_login_after ul li .user_mypage_info_ui li .mypage_info_list01_1,.ham_login_after ul li .user_mypage_info_ui li .mypage_info_list01_1 {
        margin-right: 51px;
    }
.cart_renew_icon_bg{width:50px;}
.mobile_display_btn img.coupon_icon_img {
        height: 32px;
    }
.mobile_display_btn ul.mobile_display_btn_ul li ul li, .main_mo_btn_text li:first-child {
        font-size: 15px;        margin-bottom: 3px;
    }	
    .mobile_display_btn ul.mobile_display_btn_ul li.delivery_btn_li, .mobile_display_btn ul.mobile_display_btn_ul li.package_btn_li {
        height: 60px;
    }	
	}
@media (max-width: 320px) {
    .ham_login_before ul li {
        font-size: 13px;
    }
	    .small_text {
        font-size: 10px;
    }
	    .aside__lnb-list > li > a {
        font-size: 14px;
    }
	    .banner_line {
        width: 98%;
    }
}