main{overflow: hidden;}

._s{padding-bottom: 0;}
._navigation{
	position: fixed; left: 50px; top: 50%; transform: translateX(-60px) translateY(-50%); z-index: 999;
	font-size: 16px;
	display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;
	gap: 20px; opacity: 0; transition: opacity 0.5s,transform 0.5s;
}
._navigation.on{opacity: 1; transform: translateX(0px) translateY(-50%);}
._navigation div{
	color: #999999; cursor: pointer; display: flex; align-items: center; justify-content: flex-start; font-weight: 700;
	transition: font-size 0.3s;
}
._navigation div::before {
	content:''; display: block; width: 0px; height: 2px; background-color: #013d7c; margin-right: 0px;
	transition: width 0.6s,margin-right 0.6s;
}
._navigation div p{}
._navigation div.on{
	color: #013d7c; font-size: 26px;
}
._navigation div.on::before {
	width: 20px; margin-right: 10px;
}

@media screen and (max-width:1600px) {
	._navigation{display: none;}
}



._magazine{padding-top: 160px;}
._magazine section{margin-bottom: 300px;}
._magazine .contents .wrap{position: relative;}
._magazine h3{
	font-size: 60px; font-weight: 700; letter-spacing: -0.03em;
	margin-bottom: 40px;
}
._magazine .topSwiper{position: relative; background-color: #f3f3f3;}

/* 그라디언트 */
._magazine .topSwiper .gradiant{
	position: absolute; width: 160px; height: 100%; top: 0;
	z-index: 10; pointer-events: none;
}
._magazine .topSwiper .gradiant.left{
	background: linear-gradient(90deg,
    rgba(243, 243, 243, 1) 0%,
    rgba(243, 243, 243, 0.8) 30%,
    rgba(243, 243, 243, 0.4) 60%,
    rgba(243, 243, 243, 0) 100%);
}
._magazine .topSwiper .gradiant.right{
	right: 0;
	background: linear-gradient(90deg,
    rgba(243, 243, 243, 0) 0%,
    rgba(243, 243, 243, 0.4) 40%,
    rgba(243, 243, 243, 0.8) 70%,
    rgba(243, 243, 243, 1) 100%);
}

/* 가림막 */
._magazine .topSwiper::before,
._magazine .topSwiper::after{
	content:''; display: block; z-index: 2;
	position: absolute; top: 0; width: 100vw; height: 100%; background-color: #fff;
}
._magazine .topSwiper::before{left: 100%;}
._magazine .topSwiper::after{right: 100%;}




._magazine .topSwiper .swiper{
	width: 150px; overflow: visible; transform: translateX(-50px); position: relative;
	padding: 34px 0;
}
._magazine .topSwiper .swiper-wrapper{align-items: flex-end;}
._magazine .topSwiper .swiper-slide{
	box-sizing: border-box;
	height: 100%; transition: margin-left 0.2s,margin-right 0.2s;
}
._magazine .topSwiper .swiper-slide-prev{}
._magazine .topSwiper .swiper-slide-prev{}
._magazine .topSwiper .swiper-slide .imgBx{position: relative;}
._magazine .topSwiper .swiper-slide .imgBx::before {
	content:''; display: block; padding-bottom: calc(209/150*100%);
}
._magazine .topSwiper .swiper-slide .imgBx img{
	position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
	width: 100%; transition: width 0.8s; max-width: unset;
}
._magazine .topSwiper .swiper-slide p{
	font-size: 14px; font-weight: 500; color: #777777; margin-top: 14px;
	line-height: 1.4; text-align: center; transition: transform 0.3s;
}
._magazine .topSwiper .swiper-slide-active p{
	transform: scale(1.285);
}
._magazine .topSwiper .swiper-slide p.color{color: #013d7c;}


/* active */
._magazine .topSwiper .swiper-slide-active{margin-left: 50px !important; margin-right: 100px !important;}
._magazine .topSwiper .swiper-slide-active .imgBx img{width: 250px;}

._magazine .bottomSwiper{
	width: auto; text-align: center;
	position: absolute; width: 100%;
}
._magazine .bottomSwiper .swiperBx{
	position: relative; display: inline-block;
}
._magazine .bottomSwiper .swiper{
	transition: width 0.5s;
}
._magazine .bottomSwiper .swiper-slide{
	width: auto; text-align: center; opacity: 0; pointer-events: none; transition: opacity 0.5s;
	line-height: 1.3; padding: 0 40px; box-sizing: border-box;
}
._magazine .bottomSwiper .swiper-slide-active{opacity: 1; pointer-events: all;}
._magazine .bottomSwiper .swiper-slide p{
	font-size: 26px; font-weight: 700; letter-spacing: -0.03em;
}
._magazine .bottomSwiper .swiper-slide small{
	line-height: 1.4; max-width: 24em; margin: 0 auto;  margin-top: 10px;
	display: block; font-size: 16px; font-weight: 600; color: #444444;
}
._magazine .bottomSwiper .pagination{
	margin-top: 30px; margin-bottom: 16px;
	font-size: 14px; letter-spacing: -0.03em; color: rgba(0,0,0,0.4); font-weight: 500;
	display: flex; align-items: center; justify-content: center; gap: 0.2em;
}
._magazine .bottomSwiper .pagination .now{}
._magazine .bottomSwiper .pagination .all{}
._magazine .bottomSwiper ._arrow{
	font-size: 30px; color: #013d7c; cursor: pointer;
	position: absolute; top: 50%; transform: translateY(-50%);
}
._magazine .bottomSwiper ._arrow.swiper-button-disabled{color: #ccc; cursor: auto;}
._magazine .bottomSwiper ._arrow.left{right: 100%;}
._magazine .bottomSwiper ._arrow.right{left: 100%;}




@media screen and (max-width:1440px) {
	._magazine .topSwiper{width: 100vw; left: -2.5vw;}
}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	._magazine h3{font-size: 40px;}
}
@media screen and (max-width:820px) {
	._magazine .topSwiper{left: -5vw;}
	._magazine .topSwiper .swiper{transform: translateX(-25px); padding: 26px 0;}
	._magazine .topSwiper .swiper-slide-active{margin-right: 45px !important; margin-left: 25px !important;}
	._magazine .topSwiper .swiper-slide-active .imgBx img{width: 200px;}
	._magazine .bottomSwiper .swiper-slide p{font-size: 20px;}
	._magazine .bottomSwiper .swiper-slide small{font-size: 14px;}
}
@media screen and (max-width:500px) {
	._magazine section:nth-child(1){margin-bottom: 80px;}
	._magazine section{margin-bottom: 240px;}
	._magazine section:last-child{margin-bottom: 220px;}
	._magazine h3{margin-bottom: 80px;}
	._magazine .topSwiper .gradiant{display: none;}

	._magazine .bottomSwiper .swiperBx{width: 80%;}
	._magazine .bottomSwiper .swiper-slide{padding: 0 10px;}
	._magazine .bottomSwiper .swiper-slide p{font-size: 16px;}
	._magazine .bottomSwiper .swiper-slide small{font-size: 12px; font-weight: 400;}
}
@media screen and (max-width:320px) {}