<style type="text/css">
	.widget-index { overflow:hidden; }
	.widget-index .div-title-underbar { margin-bottom:15px; }
	.widget-index .div-title-underbar span { padding-bottom:4px; }
	.widget-index .div-title-underbar span b { font-weight:500; }
	.widget-index h2.div-title-underbar { font-size:22px; text-align:center; margin-bottom:15px; /* 위젯 타이틀 */ }
	.widget-index h2 .div-title-underbar-bold { font-weight:bold; padding-bottom:4px; border-bottom-width:4px; margin-bottom:-3px; }
	.widget-index .widget-box { margin-bottom:40px; }
	.widget-index .widget-img img { display:block; max-width:100%; /* 배너 이미지 */ }
	@media all and (max-width:767px) {
		.responsive .widget-index .widget-box { margin-bottom:30px; }
	}

	
	.section-ambassador .d-flex { position: relative; }
  	.section-ambassador .section-titl { display: inline-block; }

  	.ambas-swiper-button-prev-others, .ambas-swiper-button-next-others { 
  		width: 50px; 
  		height: 50px; 
	    margin-left: 30px;
    	display: inline-block;
  	}
  	.ambas-swiper-button-prev-others { position: absolute; right: 80px; }
  	.ambas-swiper-button-next-others { position: absolute; right: 0; }

  	@media (max-width: 991.98px) {
  		.ambas-swiper-button-prev-others, .ambas-swiper-button-next-others { width: 35px;	height: 35px; }
  		.ambas-swiper-button-prev-others { right: 60px; }
  		.ambas-swiper-button-next-others { right: 7px; }
  		.swiper-prev-div, .swiper-next-div { width: 14px !important; height: 14px !important;	}
	  	.swiper-prev-div { margin: 10px 0 0 5px !important; }
	  	.swiper-next-div { margin: 9.5px 0 0 25px !important; }
	  	.swiper-prev-div:after { height: 35px !important; transform: rotate(-45deg) translate(12px, 4px) !important; }
	  	.swiper-next-div:after { height: 35px !important; transform: rotate(-45deg) translate(12px, 4px) !important; }
  	}

  	.swiper-prev-div, .swiper-next-div {
  		display: inline-block;
	    width: 20px;
	    height: 20px;
      border-top: 2px solid #9c9c9c;
   		border-left: 2px solid #9c9c9c;;
  	}
  	.swiper-prev-div { transform: rotate(-45deg); margin: 15px 0 0 5px;}
  	.swiper-next-div { transform: rotate(135deg); margin: 15px 0 0 25px;}
  	.swiper-prev-div:after, .swiper-next-div:after {
		  content: "";
		  display: block;
		  width: 2px;
		  height: 45px;
		  background-color: #9c9c9c;
		  transform: rotate(-45deg) translate(15px, 4px);
		  left: 0;
		  top: 0;
		}
  	.img-ambassador { width: 400px; height:400px; }
  	.item-ambassador .img-ambassador img { 
  		width:100%;
      height:100%;
      object-fit:cover;
  	}
  	.goods-ambassador { margin-top: 25px; }
  	.goods-ambassador a { display: flex; padding: 20px 0; border-bottom: 0.1rem solid #e5e5e5;}
  	.goods-ambassador a img {
	    width: 150px;
	    height: 150px;
	    object-fit: cover;
  	}
  	.goods-img { position: relative; }
  	.goods-info { margin-left: 20px; }
  	.goods-code { display: block; font-size: 13px; color: #919191; margin-bottom: 3px; }
  	.goods-name { 
  		text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-word;
	    display: -webkit-box;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
  	}
    .playon-instagarm {
      width: 800px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    .instagram {
      width: 250px;
      margin-bottom: 30px;
    }

    .instagram-thum {
      width:250px;
      height:250px;
      background-size:cover;
    }

	.section-gobeyond .d-flex { position: relative;	}
	.section-title4 { font-size: 26px; font-weight: 400; }
	.beyond-swiper-button-prev-others, .beyond-swiper-button-next-others { 
  		width: 50px; 
  		height: 50px; 
	    margin-left: 30px;
    	display: inline-block;
  	}
	.beyond-swiper-button-prev-others { position: absolute; right: 80px; }
	.beyond-swiper-button-next-others { position: absolute; right: 0; }
	.main-gobeyond { display: flex; }
	.main-gobeyond .slide-swiper-container .swiper-wrapper { justify-content: space-between; }
	.gobeyond_main_item_img { width: 40%; margin-right: 60px;  }
	/*.gobeyond_main_item_img a { 
		height: 100%;
			display: block;
		object-fit: cover;
	}*/
	.gobeyond_main_item_img a img { width: 100%; height: 100%; }
	.item-gobeyond .img-gobeyond img {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	}
/*		.goods-gobeyond { width: 230px; height: 230px; }*/
/*		.goods-gobeyond a { margin-bottom: 40px; display: block;}
	.goods-gobeyond a:last-child { margin-bottom: 0px; }*/
	.goods-gobeyond a img { width: 100%; height: 100%; object-fit: cover; }
	.goods-gobeyond .goods-info { margin: 12px 0 30px !important; }
	.goods-gobeyond a:last-child .goods-info { margin-bottom: 0 !important }
	.gobeyond-swiper-container { width: 60% !important; }
	.main-gobeyond .swiper-slide { width: 30% !important; }
	.main-gobeyond .swiper-pagination, .main-weeklybest .swiper-pagination { display: none; }
	.main-weeklybest .swiper-wrapper { margin-bottom: 20px; }
	.img-gobeyond { width: 320px; height: 320px;}


	.slide-swiper-container {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .slide-swiper-pagination {display: none;}
	.slide-swiper-pagination-progressbar {
    position: relative;
    height: 2px !important;
    background: #EAEAEA;
    margin: 10px 0 0;
/*    width: 100%;
  	overflow: hidden;*/
	}
	.slide-swiper-pagination-progressbar-fill {
    background: #000 !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    transform: scaleX(0.1);
    transform-origin: left center;
    transition: transform 0.3s ease;
	}




/*weekly best section*/
	.main-weeklybest .swiper-slide { width: 20%; }
	.goods-weeklybest img { width: 270px; height: 270px; object-fit: cover; }
	.goods-weeklybest .goods-info { margin: 30px 0 0 !important; }
	.goods-weeklybest .goods-name { 
		font-size: 18px; 
		font-weight: 700;
		display: block;
		margin-bottom: 15px;
	}
	.goods-weeklybest .goods-info .goods-price { display: block; }
	.goods-txt { 
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-word;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		color: #919191;
	}


	.sns_info_modal.on { display: block;}
	.account-info {	font-size: 16px; text-align: center; font-weight: 600; display: block;}
	.account-ul { display: flex; flex-wrap: wrap; width: 75%; margin: 20px auto 0;}
	.account-ul li { width: 50%; font-size: 14px; color: #7e7e7e; }
	.check {
		width: 7px;
	    height: 5px;
	    border: 1.5px solid #7e7e7e;
	    border-top: 0;
	    border-right: 0;
	    transform: rotate(-45deg);
	    transform-origin: 325% -150%;
	}
	.account-ul li span { padding-left: 30px; }
	@media (max-width: 600px) {
		.account-ul { width: 90%;}
	}
	.sns_info_modal {
		display: none;
	    position: fixed;
	    top:0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(0,0,0,0.5);
	    z-index: 100000;
	}
	.sns_info_modal .modal_content {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    padding: 20px;
	    background: #ffffff;
	    border-radius: 20px;
	}
	.modal_btn {
		display: inline-block;
	    padding: 6px 20px;
	    background-color: rgb(0 37 116);
	    border: none;
	    border-radius: 4px;
	    color: #fff;
	    cursor: pointer;
	    transition: box-shadow 0.2s;
	    margin: 10px auto 0;
	}
	.sns_info_modal .modal_content .close_btn {
	    position: absolute;
	    top: -70px;
	    right: 0px;
	    width: 45px;
	    height: 45px;
	    padding: 10px;
	    border-radius: 50%;
	    background-color: #ffffff;
	    color: #000000;
	    transition: box-shadow 0.2s;
	}
	.modal-register-term { font-size: 16px; padding: 10px 0 30px;}
	.modal-register-term > table {		}
	.modal-chk-div {
	    padding: 1rem;
	    background-color: #f5f5f5;
	    border-top: 1px solid #ddd;
	    border-bottom-right-radius: 3px;
	    border-bottom-left-radius: 3px;
	    font-size: 15px;
	}
	@media (max-width: 800px) {
		.modal_content { width: 85%; }
	}
	@media (max-width: 1450px) {
		.goods-gobeyond {  }
	}	
	@media (max-width: 990px) {
		.main-gobeyond { display: block; }
		.gobeyond_main_item_img { width: 100%; margin: 0 0 20px 0; }
		.gobeyond-swiper-container { width: 100% !important; }
		.main-gobeyond .swiper-slide { width: 480px !important; /*height: 600px;*/ }
		.main-weeklybest .swiper-slide { width: 50%; margin-right: 20px; }
		.goods-gobeyond { width: 100%; height:100%; }
		.goods-gobeyond a { display: flex; margin-bottom: 20px; }
		.goods-gobeyond a img  { max-width: 180px; /*max-height: 220px;*/ margin-right: 25px; }
		.goods-gobeyond .goods-info { width: 60%; }
		.goods-weeklybest img { width: 100%; height: 100%;}
		
    .main-gobeyond .swiper-pagination { display: block; }
    .main-weeklybest .swiper-pagination { display: block; }
	}
	@media (max-width: 772px) {
/*		.main-weeklybest .swiper-slide { width: 80%;}*/
		
	}
	@media (max-width: 572px) {
		.d-flex { flex-wrap: wrap; }
		.main-gobeyond .swiper-slide { width: 105% !important; }
		.gobeyond_main_item_img { width: 100%; margin: 0px 0px 20px 0px; }
		.main-weeklybest .swiper-slide { width: 45%;}
		.gobeyond-swiper-container { width: 100% !important; }
		.main-gobeyond .swiper-slide { width: 100% !important;}
		.goods-gobeyond { height:100%; display: flex; flex-wrap: wrap; }
		.goods-gobeyond a { display: flex; margin-bottom: 20px; }

		.section-ambassador .d-flex, .section-weeklybest .d-flex { position: relative; }
		.section-weeklybest > .d-flex > div:last-child { width: 100%; text-align: end; font-size: 12px; }
		.gobeyond_view_div, .weeklybest_view_div { 
        width: 100%;
        text-align: end;
        font-size: 12px;
    }
  	.section-ambassador .section-titl { display: inline-block; }

  	.ambas-swiper-button-prev-others, .ambas-swiper-button-next-others { 
  		width: 50px; 
  		height: 50px; 
	    margin-left: 30px;
    	display: inline-block;
  	}
  	.ambas-swiper-button-prev-others { position: absolute; right: 80px; }
  	.ambas-swiper-button-next-others { position: absolute; right: 0; }
  }
  	@media (max-width: 991.98px) {
  		.beyond-swiper-button-prev-others, .beyond-swiper-button-next-others,
  		.ambas-swiper-button-prev-others, .ambas-swiper-button-next-others { width: 35px;	height: 35px; }
  		.beyond-swiper-button-prev-others, .ambas-swiper-button-prev-others { right: 60px; }
  		.beyond-swiper-button-next-others, .ambas-swiper-button-next-others { right: 7px; }
  		.swiper-prev-div, .swiper-next-div { width: 14px !important; height: 14px !important;	}
	  	.swiper-prev-div { margin: 10px 0 0 5px !important; }
	  	.swiper-next-div { margin: 9.5px 0 0 25px !important; }
	  	.swiper-prev-div:after { height: 35px !important; transform: rotate(-45deg) translate(12px, 4px) !important; }
	  	.swiper-next-div:after { height: 35px !important; transform: rotate(-45deg) translate(12px, 4px) !important; }
  	}

  	.swiper-prev-div, .swiper-next-div {
  		display: inline-block;
	    width: 20px;
	    height: 20px;
      border-top: 2px solid #9c9c9c;
   		border-left: 2px solid #9c9c9c;;
  	}
  	.swiper-prev-div { transform: rotate(-45deg); margin: 15px 0 0 5px;}
  	.swiper-next-div { transform: rotate(135deg); margin: 15px 0 0 25px;}
  	.swiper-prev-div:after, .swiper-next-div:after {
		  content: "";
		  display: block;
		  width: 2px;
		  height: 45px;
		  background-color: #9c9c9c;
		  transform: rotate(-45deg) translate(15px, 4px);
		  left: 0;
		  top: 0;
		}
  	.main-ambassador .swiper-slide {
  		width: 400px !important;
  	}
  	.img-ambassador { width: 400px; height:480px; }
  	.item-ambassador .img-ambassador img { 
  		width:100%;
      height:100%;
      object-fit:cover;
  	}
  	.goods-ambassador { margin-top: 25px; }
  	.goods-ambassador a { display: flex; padding: 20px 0; border-bottom: 0.1rem solid #e5e5e5;}
  	.goods-ambassador a img {
	    width: 150px;
	    height: 150px;
	    object-fit: cover;
  	}
  	.goods-info { margin-left: 20px; }
  	.goods-price { display: inline-block; font-weight: 600; margin-top: 2px; }
    .playon-instagarm {
      width: 800px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    .instagram {
      width: 250px;
      margin-bottom: 30px;
    }

    .instagram-thum {
      width:250px;
      height:250px;
      background-size:cover;
    }



	.playon-instagarm {
	  width: 800px;
	  margin: 0 auto;
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: space-between;
	}

	.instagram {
	  width: 250px;
	  margin-bottom: 30px;
	}

	.instagram-thum {
	  width:250px;
	  height:250px;
	  background-size:cover;
	}
</style>