@charset "UTF-8";

 	
@font-face {
 font-family: 'NanumSquareRoundR';
 src: url(../fonts/NanumSquareRoundR.eot);
 src: url(../fonts/NanumSquareRoundR?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareRoundR.woff2) format('woff2'),
      url(../fonts/NanumSquareRoundR.woff) format('woff'),
      url(../fonts/NanumSquareRoundR.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquareEB';
 src: url(../fonts/NanumSquareEB.eot);
 src: url(../fonts/NanumSquareEB?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareEB.woff) format('woff'),
      url(../fonts/NanumSquareEB.ttf) format('truetype');
}


html, body{
	margin:0 auto;
  -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
  -ms-text-size-adjust : none;  /* IE */
  -moz-text-size-adjust : none;  /* 파이어폭스 */
  -o-text-size-adjust : none;  /* 오페라 구버전 */
}


html,body > *{
	font-family: 'NanumSquareRoundR', sans-serif;
}

h4{
	font-weight:800;
}

.listimg{
	border-top:0px;
	border-left:0.5px solid #f1f1f1;
	border-right:0.5px solid #f1f1f1;
	border-bottom:0.5px solid #f1f1f1;
	
}

.marl-3p{
	margin-left:3px;
	
}

.terms-btn{
	font-weight:800;
	
}

html,
body{
width:100%;
overflow-x:hidden;
letter-spacing: -1.05px;
}

#youtube-con{
--bs-gutter-x:0;	
}

/* 상단 TOP 이미지 */
.navcon{
	width:100%;
	display:flex;
	justify-content: center;
}
.navcon a{
	margin:0 auto;
	max-height:50px;
}

#logo1{
	height:40px;
	margin-right:8px;
}
#logo2{
	height:20px;
}

.nav-img{
	width:100%;
	height:100%;
	object-fit:contain
}

/* 메인배너 색션 */

.album span{
	
}

.album-h4{
	text-align:center;	
}

/* 상품리스트 섹션 */
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* 공통 */
/* 서브헤드 텍스트 */
.sub-h{
	font-size:26px;
	font-weight:bold;
}

/* x값 1.2rem */
.mx-12{
	margin-right:1.2rem !important;
	margin-left:1.2rem !important;
}

.ml-12{
	margin-left:1.2rem !important;
}

.px-12{
	padding-right:1.2rem !important;
	padding-left:1.2rem !important;
}

.mb-35p{
	margin-bottom:35px;
}

.mt-59p{
	margin-top:59.5px;
}

.pt-15p{
	padding-top:15.5px;
}

.mt-35p{
	padding-top:35px;
}

.pb-81p{
	padding-bottom:81.5px;
}

.sub-head{
	margin-bottom:30px;
}

.main-content{
	margin-bottom:50px;
}


footer{
	font-size:0.8rem;
	font-weight:bold;
	
}

footer a{
	color:#fff;
}

.line{
	width:100%;
	height: 1px;
	background-color: #d8d7d7;
}

html{
	max-width:540px;
	margin: 0 auto;
}

footer div{
	padding-left:1.2rem !important;
}

footer p{
	letter-spacing: -1.05px;
	line-height: 30px;
}

.ft-corp{
	font-size:16px;
	color:#404040;
}

.ft-info{
	font-size:16px;
	color:#404040;
}
.ft-copy{
	font-size:12.5px;
	color:#888787;
}

.back-arrow{
	color:#040404 !important;
	position:absolute;
	top:17px;
	right:5px;
	border:1px solid #040404;
}

.banner-img{
	margin-top:0px !important;
}

.banner-img .slick-dots{
	bottom: -15px;
}
/* 레이어팝업 섹션 */
#mask {
    position: fixed;
    left: 0;
    top: 0;
    width:100%;
    height:100%;
    z-index: 999;
    background-color: #000000;
    display: none; }

.layerpop {
	width:95%;
	max-width:450px;
	top:5%;
    display: none;
    z-index: 1000;
    border: 2px solid #ccc;
    background: #fff;
    cursor: move; }

.layerpop_area .title {
    padding: 10px 10px 10px 10px;
    border: 0px solid #aaaaaa;
    background: #f1f1f1;
    color: #3eb0ce;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 24px; }

.layerpop_area .layerpop_close {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    background: transparent url('btn_exit_off.png') no-repeat; }

#layerbox_close img{
	width:100%;
	height:100%;
	cursor:pointer;
	z-index:10000;
}


.layerpop_area .content {
    width: 80%;    
    margin: 2%;
    color: #828282; }

#layerpop_con_img img{
	width:100%;
	margin:0 auto;
	margin-top:-20px;
}

.today_pop_close{
	width:100%;
	font-weight:600;
	text-align:right;
	padding-right:5px;
	text-decoration-line:underline;
	text-underline-position: under;
}

/* 이미지 섹션 */
.progress {
  display: block;
  width: 100%;
  height: 3px;
  border-radius: 3px;
  overflow: hidden;
  
  margin-top:20px;
  background-color: #f1f1f1;
  background-image: linear-gradient(to right, #5b5b5b, #5b5b5b);
  background-repeat: no-repeat;
  background-size: 0 150%;
  
  transition: background-size .4s ease-in-out;
}


#thumbnail-list .slick-slide {
	width:150px;
	margin-right:14px;	
}

.gifts-imgdiv{
	height:143.5px;
	
}

.thum-img{
	height:100%;
	object-fit:cover;
	border-radius:0px 0px 20px 20px;
}

.thum-text{
	width:100%;
	padding-left:15px;
	padding-right:14px;
	padding-top:11px;
	border-radius:20px 20px 0px 0px;
	background-color:#f1f1f1;
	height:66.5px;
	font-size:17px;
	font-weight:800;
	overflow:hidden;
    text-overflow:ellipsis;
	white-space:nowrap;
	
}

.thum-tbi{
	font-size:14px;
}

.gifts-div{
	position:relative;
	border:none;
	height:210px;
	
}
.absole-bidiv{
	position:absolute;
	right:5px;
	bottom:5px;
	width:47px;
	height:47px;
	border-radius:23.5px;
	background-color:#fff;
	padding: 0 3px 0 3px;
}
.absole-biimg{
	width:100%;
	height:100%;
	object-fit: contain;
	
	border-radius:23.5px;
}

/* 메인콘텐츠 유튜브 링크 섹션  */
.ylist-video{
	width:100%;
	position:relative;
}

.ylist-video img{
	border-radius: 0px 0px 20px 20px;
}

.cu-arrow {
  position:absolute;
  left:calc(50% - 30px);
  top: calc(50% - 30px);

}
.cu-arrow span {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  box-sizing: border-box;
}

.cu-arrow span img{
	width:60px;
	height:60px;
}

.ylist-absole{
	position:absolute;
	top:15px;
	right:15px;
	width:120px;
	height:140px;
	background-color:#fff;
	border-radius:15px;
	padding-left:7.5px;
	padding-right:7.5px;
	box-shadow: 0px 0px 15px 1px #aaa;
}
.ylab-img{
	height:94px;
	overflow:hidden;
	border-radius:10px;
}

.ylab-img img{
	height:100%;
	object-fit:cover;
}


.ylab-text{
	text-align:center;
	padding-top:7.5px;
	padding-bottom:5px;
}


.ylist-absole img{
	height:100%;
	object-fit:cover;
	border-radius:10px;
}


/* 내부 비디오 box */
.link-head{
	padding-bottom:50px;;
	background-color:#fff;
	font-size:1.1rem;
	font-weight:800;
	border-radius:20px;
	overflow:hidden;
}


.linktarget{

	cursor:pointer;
}

 
.ylist-box{
	border-radius: 20px 20px 0px 0px;
	display:flex;
	background-color:#f1f1f1;
	
	/* 기존 25px  */
	padding-top:15px;
	padding-bottom:10px;
	
	border-top:0.5px solid #f1f1f1;
	border-left:0.5px solid #f1f1f1;
	border-right:0.5px solid #f1f1f1;
	border-bottom:0;
	
}



.ylist-text-com{
	font-size:0.8rem;
	
}

.ylist-text-com t{
	font-size:0.8rem;
}

.ylist-text-gift{
	font-size:1.3rem;
	
}


.ytg-gift{
	word-break: keep-all;
}

.ytg-desc{
	font-weight:500;

	/* 디자인 수정 */
/* 	float:right;
	margin-right:10px; */
}
/* .ylist-text{
	flex: 0 75%;

}
 */
 .ylist-text{
	flex: 0 100%;

}
 
.ytg-logo{
	margin-right:5px;
	width:100px;
	display:flex;
	justify-content: center;
	align-items: center;
}

.ytg-logo img{
	max-width:120px;
	width:100%;
	height:auto;
	max-height:60px;
	object-fit:contain;
	object-position: 50% 50%;
}

.embed-container { 
	position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;
}

#player{ 
	width:100%;
	height:100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.float-tel{
	width:36px;
	height:36px;
	cursor:pointer;
	position:fixed;
	bottom:30px;
	right:20px;
	border-radius:19px;
	background-color: #ffff66;
	z-index:999;
}

.float-tel i{
	font-size:1.5rem;
	margin-left:4.5px;
}

.call-text{
	margin-top:-5px;
	text-align:center;
	font-weight:800;
	
}

.thumnail_relative{
	position:relative;
}

.thumnail_absolute{
	width:102px;
	height:25px;
	background-color:rgba(0,0,0,0.5);
	position:absolute;
	top:5px;
	left:5px;
	color:#fff;
	font-size:1rem;
	z-index:2;
	text-align:center;
	
}


.text-stroke{
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  
}

.g-name{
	font-family: 'NanumSquareRound' !important;
	font-weight:800;
}

.g-content{
	font-size:0.8rem;	
}


/* DETAIL VIEW 디테일뷰페이지 */
.detail{
	background-color : #f1f1f1;
}

.detail-name{
	font-size:30px;
	font-weight:800;
	text-align:left;
}

.detail-img{
	margin-top:0;
}

#imglist img{
	border-radius : 5%;
}

.accordion-collapse{

	word-break: keep-all;
}

.collquestion{
	font-size:16px;
	font-weight:700;
	word-break: keep-all;
}

.album-h-div{

}
.gift-slide-head{
	margin-left:2.2rem;
border-radius: 15px 15px 15px 0; border: 3px solid #FFAD5B; padding: 0.5em 0.6em; color: #FF8000;
font-size:1.2rem;
font-weight:700;
/* background: linear-gradient(to right, #ffa7a3, #5673bd); padding: 0.43em 1em; border-radius: 3px; color: #ffffff;*/

}



.album h4{
	margin-bottom:0rem;;
}

.list-rightbox{
	flex: 0 75%;
}

.ci_img,.bi_img{
	height:49%;
	width:100%;
	overflow:hidden;
}
.ci_img img,.bi_img img{
	width:100%;
	height:100%;
	object-fit:cover;
	
}

.album{
	display:relative;
	
}
.thumnail-slider{
	margin:0 auto;
	width:100%;
}

.slick-prev:before {
  color: #fff;
  z-index:999;
  font-size:1.5rem;
}
.slick-next:before {
  color: #fff;
  z-index:999;
  font-size:1.5rem;
}

.thumnail-slider .slick-dots {
	bottom:-20px;
}

.thumnail-slider .slick-dots li button:before{
	color:#fff;
}

.banner-img .slick-dots li button:before{
	color:#000;
}



.link-box{
	font-family: 'NanumSquareRound' !important;
	position:fixed;
	bottom:0;
	left:0;
}

.target-text{
	position:absolute;
	margin-left:5px;
	margin-top:265px;
	padding-top:5px;
	font-family: 'NanumSquareRound' !important;
	text-align:center;
	width:31.5%;
	font-size:1.1rem;
	font-weight:800;
	color: #fff;
	background-color:rgba(0,0,0,0.5);
	
}


.target-join{
	position:absolute;
	right:0;
	margin-right:14.6%;
	margin-top:265px;
	padding-top:5px;
	font-family: 'NanumSquareRound' !important;
	text-align:center;
	width:40.5%;
	font-size:1.1rem;
	font-weight:800;
	color: #fff;
	background-color:rgba(0,0,0,0.5);
	
}


.gifts-div,.gifts-imgdiv{

	width:100%;
	overflow:hidden;
}




.g-content,.g-name{
	margin-bottom:0;
}

.card-body{
	padding:0.3rem 1rem;
}




.call-cnt{
	display:inline-block;
	line-height:1.5;
	vertical-align:middle;
	text-decoration:none;
	padding:0.3rem 0.75rem;
	border-radius:0.25rem;
	position:absolute;
	top:5px;
	right:0px;
	text-align:center;
	background-color:rgba(13,110,253,0.8);
	color:#fff;
	font-size:0.8rem;
	font-weight:800;
	
}

.absol-arrow{
	position:absolute;
	width:50px;
	height:50px;
	font-size:1.2rem;
	right:0;
	top:0;
	color:#fff;
	z-index:99;
} 
.relative-div{
	width:0px;
	height:0px;
}

.scroll-icon{
	display:none;
	border:1.5px solid #000;
	background-color:#fff;
}


.point-cursor{
	
	cursor:pointer;
}

.lh-com{
	color:#000080;
}

.lh-sub{

	font-size:0.9rem;
	color:#fff;
}




.lh-name{
	
	
}
.link-head{
	position:relative;
}

/* GOOSE 페이지  */

.goose{
	max-width:600px;
	margin:0 auto;
}

.goose-img{
	width:100%;
	
}

.video-con{
	position:relative;
}
.absol-video{
	position:absolute;
	left:5.95%;
	top:24.3%;
	width:88%;
	height:54.5%;
	z-index:998;
}

.goose-btn{
	font-family: 'NanumSquareEB';
	background-color:rgba(217,197,170,1);
	border:none;
	width:90%;
	margin:0 auto;
	border-radius:100px;
	height:5rem;
}

.goose-btn-top{
	font-weight:800;
	font-size:18px;
	margin-bottom:-10px;
	
}
.goose-btn-btm{
	font-weight:1000;
	font-size:35px;
	margin-bottom:-4px;
	letter-spacing:2px
}

.gc-btn{
	font-family: 'NanumSquareEB';
	background-color:rgba(0,64,152,1);
	border:none;
	width:90%;
	margin:0 auto;
	border-radius:100px;
	height:5rem;
	color:#fff;
}

.callDisabled{
	background-color: rgba(155,155,155,1);
}

.gc-btn-top{
	font-weight:800;
	font-size:18px;
	margin-bottom:-10px;
	
}
.gc-btn-btm{
	font-weight:1000;
	font-size:35px;
	margin-bottom:-4px;
	letter-spacing:2px
}

.detail-tel{
	color:#fff;
	border:1px solid #fff;
}

.detailBtn{
	padding-left:0;
	padding-right:0;
	border:none;
	background-color:#fff;
}

.mb-44p{
	margin-bottom:2.7rem;
}

.mb-50p{
	margin-bottom:2.9rem;
}

.detailBtn img{
	width:100%;
}

.mt-45p{
	margin-top:45px;
}

.mb-25p{
	margin-bottom:25px;	
}

.pb-25p{
	padding-bottom:25px;	
}

.detailBtn-i{
	display:none;

}

footer p{
	padding-left:0px !important;
	padding-right:0px !important;
}

.ytp-title-channel-logo{
	display:none;
}

@media (max-width: 800px) {

	
/* 	.listimg{
		height:150px;
	} */
	
	.target-text{
		width:35.5%;
		margin-top:115px;
	}
	
	.target-join{
		width:54.5%;
		margin-right:4%;
		margin-top:115px;
	}
	
}




@media (max-width:380px){
	.ylist-text-gift{
	font-size:1.2rem;
	
}
	
	.gc-btn{
		width:95%;
	}
	
	.gc-btn-top{
		font-size:15px;
		margin-bottom:-8px;
		transform: skew(-0.1deg);
		
	}
	
	.gc-btn-btm{
		font-weight:1000;
		font-size:30px;
		margin-bottom:-4px;
		letter-spacing:2px
	}
	
	.ylist-absole{
		position:absolute;
		top:5px;
		right:5px;
		width:100px;
		height:120px;
		background-color:#fff;
		border-radius:15px;
		padding-left:5px;
		padding-right:5px;
		box-shadow: 0px 0px 15px 1px #aaa;
	}
	.ylab-img{
		height:75px;
		overflow:hidden;
		border-radius:10px;
	}
	
	.ylab-img img{
		height:100%;
		object-fit:cover;
	}
	
	
	.ylab-text{
		text-align:center;
		padding-top:7.5px;
		padding-bottom:5px;
	}
	
	
	.ylist-absole img{
		height:100%;
		object-fit:cover;
		border-radius:10px;
	}
		.layerpop {
	top:15%;
 	}
}


@media (max-width:286px){
	
	#logo1{
		height:28px;
		margin-right:8px;
	}
	#logo2{
		height:14px;
	}
	
	.ylist-text-gift{
		font-size:1.1rem;
		
	}
	
	.ylist-absole{
		position:absolute;
		top:5px;
		right:5px;
		width:80px;
		height:100px;
		background-color:#fff;
		border-radius:15px;
		padding-left:5px;
		padding-right:5px;
		box-shadow: 0px 0px 15px 1px #aaa;
	}
	.ylab-img{
		height:62px;
		overflow:hidden;
		border-radius:10px;
	}
	
	.ylab-img img{
		height:100%;
		object-fit:cover;
	}
	
	
	.ylab-text{
		text-align:center;
		padding-top:5px;
		padding-bottom:2.5px;
	}
	
	
	.ylist-absole img{
		height:100%;
		object-fit:cover;
		border-radius:10px;
	}
		.ylist-text{
		flex: 0 100%;
	
	}
	
	.ytg-logo{
		margin-right:5px;
		width:auto;
		display:flex;
		justify-content: center;
		align-items: center;
	}
	
	.layerpop {

	top:20%;
 	}

}



@media (max-width:358px){
	
	#logo1{
		height:30px;
		margin-right:8px;
	}
	#logo2{
		height:16px;
	}
	
	.absol-video{
		position:absolute;
		left:3.9%;
		top:21.3%;
		width:94%;
		height:58%;
		z-index:998;
	}
	.ylist-text{
		flex: 0 100%;
	
	}
	
	.ytg-logo{
		margin-right:5px;
		width:auto;
		display:flex;
		justify-content: center;
		align-items: center;
	}
		
}

@media (min-width:359px) and (max-width:600px){
		.absol-video{
	
		left:5.95%;
		top:24.37%;
		width:88%;
		
		z-index:998;
	}
}