.year70_wrap {max-width: 2160px; margin: 0 auto;}
.year70_wrap .top_img {background: url('../img/years70_01.jpg') no-repeat 50% 50%; height: 520px; background-size: cover;
    position: relative;
}
.year70_wrap .top_img .txt_wrap {position: absolute; left: 50%; top: 50%; transform: translateY(-50%);}
.year70_wrap .top_img .txt_wrap .t1 {font-size: 3.1rem; line-height: 1.2; font-weight: bold; margin: 0 0 15px 0; color: #fff;}
.year70_wrap .top_img .txt_wrap .t2 {font-size: 1.8rem; line-height: 1.7; color: #fff;}

.year70_wrap .mobile_img {display: none; }
.year70_wrap .mobile_img img {width: 100%;}

.year70_wrap .top_img2 {margin: 0 0 40px; text-align: center;} 
.year70_wrap .top_img2 img {max-width: 100%; }
.year70_wrap .contents {max-width: 1460px; margin: 0 auto; padding: 0 15px;}
.year70_wrap .contents.pt2 {padding-top: 50px;}

.landNav {background: #ffffff; position: relative; padding: 20px 0; margin: 0 -15px; z-index: 101;}
.landNav .nav_wrap { overflow-x: scroll;    -webkit-overflow-scrolling: touch;    -ms-overflow-style: none;}
.landNav .nav_wrap::-webkit-scrollbar{ display:none; }
.landNav ul {text-align: center; display: grid; /* grid-template-columns: repeat(5, auto); */ grid-auto-flow: column; column-gap: 0px;}
.landNav ul.grid_year {}
.landNav li { position: relative;  padding: 0 0; }

.landNav li a {text-align: center; line-height: 1.0; margin: 0 0;  padding: 17px 0; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.5px;
    display: block;  cursor: pointer; color: #000000;   box-sizing: border-box;
}

.landNav li a p {display: inline-block; position: relative; padding-bottom: 10px;}
.landNav li a p:after { content: "";   height: 100%; width: 0%;
    position: absolute;
    border-bottom: 2px solid #000;
    bottom: 0px;  left: 0;
    transition: width 300ms ease-in-out;
}

.landNav li a p:focus-within a:after,
.landNav li a p:focus:after,
.landNav li a p:hover:after { width: 100%; }
.landNav li.active a p {font-weight: bold;}

.cook_item { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;
    align-items: center;
    margin: 0 0 30px 0;
}

.cook_item .item {flex: 0 0 50%; order: 2; }
.cook_item .item.order_first {order: 1; }
.cook_item .item .img img {width: 100%;}

.cook_item.movie {gap: 30px; }
.cook_item.movie .item {flex: 0 0 calc(50% - 15px);}

.cook_item .movie,
.cook_item .movie iframe {border-radius: 8px;}

.cook_item .txt {padding: 0 20px ;}
.cook_item .t3 {font-size: 3.1rem; line-height: 1.2; font-weight: bold; margin: 0 0 22px 0; }
.cook_item .t4 {font-size: 1.8rem; line-height: 1.7; }
.cook_item .more { padding: 30px 0 0 0;}
.cook_item .more a {display: inline-block; text-align: center; padding: 8px 12px; min-width: 120px; color: #fff; background: #483c46; border-radius: 8px; font-size: 1.6rem;}

.year70_wrap .t5 {text-align: center; font-size: 3.1rem; font-weight: bold; margin: 0 0 30px 0; line-height: 1.2;}
.yslider {position: relative; overflow: hidden; margin: 0 0;}
.yslider .sldRate {background-size: cover; height: 0; padding-bottom: 42.5259%; position: relative;}
.yslider .sldRate:after {content:""; display: none; width: 100%; height: 100%; background: linear-gradient(180deg,transparent ,#000 ); opacity: 0.4; position: absolute; left: 0; bottom: 0;}
.yslider .swiper-button-next {}
.yslider .swiper-button-prev {}
.yslider .swiper-button-next:after,
.yslider .swiper-button-prev:after {color: #fff; font-size: 30px;}

.yslider .swiper-pagination .swiper-pagination-bullet {background: #fff;}
.yslider .swiper-pagination .swiper-pagination-bullet-active {background: #fff;}


.yslider .txt_body { position: absolute; width: 100%; right: 0; top: 50%; transform: translateY(-50%); text-align: right;
    padding: 0 50px 0 0; z-index: 5;
}
.yslider .t6 {color: #fff; font-size: 2.5rem; margin: 0 0 30px;}
.yslider .t7 {color: #fff; font-size: 1.8rem; line-height: 1.66;}

.y70_movie { position: relative; margin: 50px 0;}
.y70_movie .movie {width: 100%; }
.y70_movie .movie.mobile {display: none;}

.y70_movie .txt_body { position: absolute; width: 460px; right: 0; top: 50%; transform: translateY(-50%);
    padding: 0 50px 0 0; z-index: 5; color: #fff; font-size: 1.7rem; line-height: 1.66;
}

.y70_movie .movie_pc_bg {content:""; display: block;  position: absolute; z-index: 3;
    width: 600px; height: 100%;
    background-image: linear-gradient(270deg,#000,#000 75%,transparent);
    right: 0;   top: 0;
}

.btn_2wrap {text-align: center; padding: 20px 0 100px;}
.btn_2wrap a {display: inline-block; padding: 12px 30px; min-width: 170px; border-radius: 10px; text-align: center; font-size: 1.7rem; margin: 0 10px; background: #483c46; color: #fff; transition: all 0.5s ease-out;}
.btn_2wrap a:hover { background: #828282}

.year70_wrap .t8 {font-size: 1.8rem; line-height: 1.66;}


@media (max-width: 768px) {

    .year70_wrap .top_img {height: auto; background: transparent !important;}
    .year70_wrap .mobile_img {display: block; }
    .year70_wrap  .top_img .txt_wrap {left: 20px; top: auto; bottom: 30px; transform: translateY(0);}
    .landNav  {padding: 4px 0;}
    .landNav ul {display: block; white-space: nowrap; padding-left: 15px; padding-right: 15px;}
    .landNav ul.grid_year li, 
    .landNav li { display: inline-block; padding: 0 5px;}
    .landNav li a {font-size: 1.5rem;}
    .cook_item {margin-bottom: 45px;}
    .cook_item .item,
    .cook_item.movie .item {flex: 0 0 100%; }
    .cook_item .item.order_first {order: 3; }

    .cook_item .item .img { margin: 0 -15px 20px;}
    .cook_item .txt {padding: 0 0; margin-bottom: 20px;}
    .cook_item .t3 {font-size: 2.7rem;}
    .cook_item .t4 {font-size: 1.6rem;}

    .year70_wrap .t5 {font-size: 2.7rem;}

    .yslider .sldRate { padding-bottom: 177.44%; background-size: auto 100%; background-position: 50% 0}
    .yslider .sldRate:after {display: block;}
    .yslider .txt_body { text-align: left;    padding: 0 25px;
        top: auto; bottom: 70px;  transform: translateY(0);
    }
    .yslider .t7 {font-size: 1.6rem;}
    .year70_wrap .t8 {font-size: 1.6rem; }
    .y70_movie .txt_body {position: static; right: auto; top: auto; transform: translateY(0); padding: 15px 0 0 0; width: 100%; color: #000; font-size: 1.6rem;}
    .y70_movie .movie.pc {display: none;}
    .y70_movie .movie.mobile {display: block;}
    .y70_movie .movie_pc_bg {display: none;}

    .btn_2wrap a {min-width: 90px; font-size: 1.6rem; letter-spacing: -0.5px;}
}




.gray_prd {background: #f3f3f3; overflow: hidden; margin: 50px 0;}

.gray_prd .int {display: grid; grid-template-columns: 1fr 1fr; column-gap: 0px; max-width: 1280px; margin: 0 auto;
    min-height: 350px;
}
.gray_prd .int .img {position: relative;     display: flex;    justify-content: center;}

.gray_prd .int .img img {    width: Min(500px,45vw);
    object-fit: contain;
    overflow: hidden;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 50%;  transform: translateY(-50%);
}

.gray_prd .int .conts {padding: 30px 0;}

.year70_wrap .t9 {font-size: 1.8rem; color: #de001f; font-weight: 500;   }
.year70_wrap .t10 {font-size: 3.9rem; line-height:  1.2; font-weight: bold; margin: 22px 0; font-family: "IBM Plex Sans KR"; }
.year70_wrap .t11 {font-size: 1.8rem; line-height:  1.7; }



.white_prd { overflow: hidden; margin: 50px 0;}

.white_prd .wp_wrap {display: grid; grid-template-columns: 0.6fr 1fr; column-gap: 0px;  max-width: 1280px; margin: 0 auto; overflow: hidden; }
.white_prd .wp_wrap .conts {display: flex; align-items: center; padding-right: 15px;}

.white_prd .wp_wrap .slider {overflow: hidden;}
.white_prd .wp_wrap .slider img {max-width: 100%;}


.his_swiper {overflow: hidden; position: relative; }
.his_swiper .swiper-button-next:after,
.his_swiper .swiper-button-prev:after {color: #cccccc; font-size: 30px;}
.his_swiper .swiper-button-next.swiper-button-disabled:after,
.his_swiper .swiper-button-prev.swiper-button-disabled:after {opacity: 0.2;}


@media (max-width: 768px) {
    .year70_wrap .t9 {font-size: 1.6rem;  }
    .year70_wrap .t10 {font-size: 3.9rem; }
    .year70_wrap .t11 {font-size: 1.6rem; }

    .gray_prd .int {display: block;}
    .gray_prd .int .img {display: block;}
    .gray_prd .int .img img {width: 100%; display: block; position: static; top: auto; transform: translateY(0);}
    .gray_prd .int .conts {padding: 25px 15px;}

    .white_prd {border-bottom: 1px solid #dcdcdc;}
    .white_prd .wp_wrap {display: block;}
    .white_prd .wp_wrap .conts {display: block; padding: 0 15px 20px;}
}