#foryou_product {
	padding-bottom:155px;
}
@media screen and (max-width: 768px) { 
	#foryou_product {
		padding-bottom:80px;
	}
}

/* For You 타이틀 */
#foryou_product .title_wrap {
	margin-bottom:80px;
	padding:120px 0 80px;
	border-bottom:1px solid #e0e0e0;
	text-align:center;
}
#foryou_product .title_wrap h2 {
	padding-bottom:20px;
	font-size:54px;
	font-weight:800;
	letter-spacing:-1.08px;
}
#foryou_product .title_wrap p {
	font-size:24px;
	letter-spacing:-0.48px;
}
#foryou_product .title_wrap p img {
	width:55px;
	vertical-align:middle;
}
@media screen and (max-width: 1024px) { 
	#foryou_product .title_wrap h2 {
		font-size:44px;
	}
	#foryou_product .title_wrap p {
		font-size:18px;
	}
}
@media screen and (max-width: 768px) { 
	#foryou_product .title_wrap {
		margin-bottom:40px;
		padding:40px 0 48px;
	}
	#foryou_product .title_wrap h2 {
		font-size:26px;
		line-height:36px;
		letter-spacing:-0.52px;
		word-break:keep-all;
	}
	#foryou_product .title_wrap p {
		font-size:15px;
	}
}

/* For You 리스트 */
#foryou_product .book_list > li {
	display:flex;
	align-items:center;
	margin-bottom:150px;
}
#foryou_product .book_list > li > div:nth-child(1) {
	padding-right:40px;
}
#foryou_product .book_list > li > div:nth-child(2) {
	padding-left:40px;
}
#foryou_product .book_list > li .img_wrap {
	flex:0 0 50%;
}
#foryou_product .book_list > li .img_wrap .img {
	width:100%;
	height:560px;
	border-radius:12px;
	background:no-repeat center/cover;
}
#foryou_product .book_list > li .img_wrap .img01 {
	background-image:url('../images/foryou_product/foryou_book01.png');
}
#foryou_product .book_list > li .img_wrap .img02 {
	background-image:url('../images/foryou_product/foryou_book02.png');
}
#foryou_product .book_list > li .img_wrap .img03 {
	background-image:url('../images/foryou_product/foryou_book03.png');
}
#foryou_product .book_list > li .info {
	flex:0 0 50%;
}
#foryou_product .book_list > li .info h5 {
	padding-bottom:10px;
	font-size:24px;
	font-weight:400;
	letter-spacing:-0.48px;
}
#foryou_product .book_list > li .info h5 .pt {
	color:#f86e1a;
	font:inherit;
}
#foryou_product .book_list > li .info h5 i {
	position:relative;
	color:inherit;
	font:inherit;
}
#foryou_product .book_list > li .info h5 i::after {
	position:absolute;
	top:-8px;
	left:50%;
	width:4px;
	height:4px;
	margin-left:-2px;
	background:#f86e1a;
	border-radius:50%;
	opacity:0;
	transition: all 2s ease-in-out;
	content:'';
}
#foryou_product .book_list > li.active .info h5 i::after {
	opacity:1;
}
#foryou_product .book_list > li .info h4 {
	padding-bottom:38px;
	font-size:36px;
	font-weight:800;
	letter-spacing:-0.72px;
}
#foryou_product .book_list > li .info h4 img {
	width:124px;
	vertical-align:middle;
}
#foryou_product .book_list > li .info p {
	padding-bottom:48px;
	font-size:20px;
	line-height:34px;
	letter-spacing:-0.4px;
	word-break:keep-all;
}
#foryou_product .book_list > li .info .type {
	display:flex;
	padding-bottom:50px;
}
#foryou_product .book_list > li .info .type > li {
	margin-right:14px;
	text-align:center;
}
#foryou_product .book_list > li .info .type > li img {
	width:80px;
}
#foryou_product .book_list > li .info .type > li span {
	display:block;
	padding-top:8px;
	font-size:16px;
	letter-spacing:-0.32px;
}
#foryou_product .book_list > li .info .btn {
	display:flex;
}
#foryou_product .book_list > li .info .btn > li {
	margin-right:10px;
}
#foryou_product .book_list > li .info .btn > li a {
	display:flex;
	align-items: center;
	justify-content: center;
	width:160px;
	height:60px;
	border:1px solid #f86e1a;
	border-radius:30px;
	color:#f86e1a;
	font-size:16px;
	font-weight:700;
	text-align:center;
	transition:all .3s ease;
}
#foryou_product .book_list > li .info .btn > li a:hover {
	background:#f86e1a;
	color:#fff;
}
#foryou_product .book_list > li .info .btn > li.icon a {
	border:none;
	background:no-repeat center/cover;
}
#foryou_product .book_list > li .info .btn > li.icon a:hover {
	border:1px solid #000;
}
#foryou_product .book_list > li .info .btn > li.icon.apple a {
	background-image:url('../images/foryou_product/foryou_btn_apple.png');
}
#foryou_product .book_list > li .info .btn > li.icon.apple a:hover {
	background-image:url('../images/foryou_product/foryou_btn_apple_on.png');
}
#foryou_product .book_list > li .info .btn > li.icon.google a {
	background-image:url('../images/foryou_product/foryou_btn_google.png');
}
#foryou_product .book_list > li .info .btn > li.icon.google a:hover {
	background-image:url('../images/foryou_product/foryou_btn_google_on.png');
}
@media screen and (max-width: 1024px) { 
	#foryou_product .book_list > li .img_wrap .img {
		height:500px;
	}
	#foryou_product .book_list > li .info h5 {
		font-size:21px;
	}
	#foryou_product .book_list > li .info h4 {
		font-size:31px;
	}
	#foryou_product .book_list > li .info p {
		font-size:17px;
		line-height:31px;
	}
	#foryou_product .book_list > li .info .type > li span {
		font-size:15px;
	}
}
@media screen and (max-width: 768px) { 
	#foryou_product .book_list > li {
		flex-direction:column;
		margin-bottom:60px;
	}
	#foryou_product .book_list > li .img_wrap {
		order:1;
		width:100%;
		padding:0 !important;
	}
	#foryou_product .book_list > li .img_wrap .img {
		height:calc(100vw - 30px);
	}
	#foryou_product .book_list > li .info {
		order:2;
		width:100%;
		padding:30px 0 0 !important;
	}
	#foryou_product .book_list > li .info h5 {
		padding-bottom:10px;
		font-size:18px;
	}
	#foryou_product .book_list > li .info h4 {
		padding-bottom:25px;
		font-size:26px;
	}
	#foryou_product .book_list > li .info h4 img {
		width:90px;
	}
	#foryou_product .book_list > li .info p {
		padding-bottom:25px;
		font-size:15px;
		line-height:26px;
	}
	#foryou_product .book_list > li .info .type {
		padding-bottom:40px;
	}
	#foryou_product .book_list > li .info .btn {
		justify-content: space-between;
	}
	#foryou_product .book_list > li .info .btn > li {
		margin:0;
		flex:0 0 49%;
	}
	#foryou_product .book_list > li .info .btn > li a {
		width:100%;
		height:54px;
	}
}

/* For You QT & MAGAZINES */
#foryou_product .magazine {
	position:relative;
	padding:150px 0 0;
}
#foryou_product .magazine::after {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:440px;
	background:#fbf8f1;
	content:'';
}
#foryou_product .magazine h3.title {
	position:relative;
	z-index:1;
	padding-bottom:40px;
	font-size:34px;
	font-weight:800;
	letter-spacing:-0.68px;
	text-align:center;
}
#foryou_product .magazine .magazine_slide .swiper-slide {
	padding:20px;
}
#foryou_product .magazine .magazine_slide .swiper-slide > a {
	display:block;
}
#foryou_product .magazine .magazine_slide .swiper-slide .img {
	position:relative;
}
#foryou_product .magazine .magazine_slide .swiper-slide .img span {
	display:block;
	border-radius:13px;
	overflow:hidden;
}
#foryou_product .magazine .magazine_slide .swiper-slide .img span img {
	width:100%;
	
}
#foryou_product .magazine .magazine_slide .swiper-slide .img strong {
	display:flex;
	align-items: center;
	justify-content: center;
	position:absolute;
	top:-20px;
	left:-20px;
	width: 60px;
	height: 60px;
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
	box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.16);
	border-radius:50%;
	background-color:#f86e1a;
	color:#fff;
	text-align:center;
	font-size:15px;
	font-weight:800;
}
#foryou_product .magazine .magazine_slide .swiper-slide .info {
	text-align:center;
	padding-top:22px;
}
#foryou_product .magazine .magazine_slide .swiper-slide .info p {
	padding-bottom:12px;
	font-size:20px;
	font-weight:700;
	letter-spacing:-0.4px;
}
#foryou_product .magazine .magazine_slide .swiper-slide .info span {
	display:inline-block;
	border-bottom:1px solid #808080;
	color:#808080;
	font-size:16px;
	letter-spacing:-0.32px;
	line-height:1;
}
#foryou_product .magazine .magazine_slide .swiper-slide > a:hover .info span {
	border-color:#f86e1a;
	color:#f86e1a;
}
#foryou_product .magazine .magazine_slide .ctrl {
	display:flex;
	align-items: center;
	width:100%;
	position:relative;
	margin-top:30px;
}
#foryou_product .magazine .magazine_slide .ctrl .swiper-pagination {
	position:static;
	width:calc(100% - 85px);
	height:3px;
	border-radius:4px;
	background:rgba(0,0,0,.1);
}
#foryou_product .magazine .magazine_slide .ctrl .swiper-pagination span {
	border-radius:4px;
	background:#000;
}
#foryou_product .magazine .magazine_slide .ctrl .swiper-counter {
	width:85px;
	font-size: 16px;
	font-weight: 400;
	color: #b3b3b3;
	text-align:right;
}
#foryou_product .magazine .magazine_slide .ctrl .swiper-counter span {
	color:inherit;
}
#foryou_product .magazine .magazine_slide .ctrl .swiper-counter .current {
	color:#f86e1a;
	font-weight:600;
}
@media screen and (max-width: 1024px) { 
	#foryou_product .magazine h3.title {
		font-size:30px;
	}
	#foryou_product .magazine .magazine_slide .swiper-slide .img strong {
		font-size:14px;
	}
	#foryou_product .magazine .magazine_slide .swiper-slide .info p {
		font-size:18px;
	}
	#foryou_product .magazine .magazine_slide .swiper-slide .info span {
		font-size:15px;
	}
}
@media screen and (max-width: 768px) { 
	#foryou_product .magazine {
		padding:60px 0 0;
	}
	#foryou_product .magazine::after {
		height:80vw;
	}
	#foryou_product .magazine h3.title {
		padding-bottom:30px;
		font-size:24px;
	}
	#foryou_product .magazine .magazine_slide {
		width:calc(100% + 15px);
	}
	#foryou_product .magazine .magazine_slide .swiper-slide {
		padding:16px 20px;
	}
	#foryou_product .magazine .magazine_slide .swiper-slide .img strong {
		top:-16px;
		left:-20px;
		width:48px;
		height:48px;
		font-size:13px;
		line-height:15px;
	}
	#foryou_product .magazine .magazine_slide .swiper-slide .info {
		padding-top:18px;
	}
	#foryou_product .magazine .magazine_slide .swiper-slide .info p {
		padding-bottom:10px;
	}
	#foryou_product .magazine .magazine_slide .swiper-slide .info span {
		font-size:14px;
	}
	#foryou_product .magazine .magazine_slide .ctrl {
		margin-top:50px;
		padding-right:15px;
	}
	#foryou_product .magazine .magazine_slide .ctrl .swiper-pagination {
		width:calc(100% - 60px);
	}
	#foryou_product .magazine .magazine_slide .ctrl .swiper-counter {
		width:60px;
		font-size: 14px;
	}
}