/* 프로그램 상단 타이틀 공통 스타일 */
._program .bigTitle {font-size: 80px; letter-spacing: -0.025em; color: #000; font-weight: 300; line-height: 1.3; padding-bottom: calc(70/80*1em);}
._program .bigTitle b {font-weight: bold; color: #feacd8; display: block;}
._program .bigTitle b span {background: linear-gradient(-90deg, #292059 0%, #f4aacf 80%); -webkit-background-clip: text; background-clip: text; color: transparent;}

@media screen and (max-width: 1024px) {
    ._program .bigTitle {font-size: 65px;}
}
@media screen and (max-width: 820px) {
    ._program .bigTitle {font-size: 50px;}
}
@media screen and (max-width: 500px) {
    ._program .bigTitle {font-size: 40px;}
}
@media screen and (max-width: 400px) {
    ._program .bigTitle {font-size: 30px;}
}



/* 야화 type */
._program._yahwaType {position: relative; overflow: hidden; margin-top: 60px;}
._program._yahwaType .obj {position: absolute; top: 0; right: 0; z-index: -1; width: 100%;}
._program._yahwaType .obj .obj_2 {position: absolute; right: 0; top: 0; z-index: 1;}
._program._yahwaType .obj > div {display: flex; justify-content: flex-end;  transform-origin: right center;}

._program._yahwaType .s1 {padding-top: 30px; border-bottom: 1px solid #000;}

._program._yahwaType .s1 .ctg {padding-bottom: 100px;}
._program._yahwaType .s1 .ctg > ul {display: flex; flex-wrap: wrap; align-items: center; width: 100%; max-width: 860px;}
._program._yahwaType .s1 .ctg > ul > li {--yahwa_s1_gap: 20px; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-right: var(--yahwa_s1_gap); margin-bottom: var(--yahwa_s1_gap); width: 200px; height: 150px; background: #f3f3f3; border-radius: 20px; transition: background .4s; overflow: hidden; transform: scale(0) translateY(40px);}
._program._yahwaType .s1 .ctg > ul > li:nth-child(3) {margin-right: 220px;}
._program._yahwaType .s1 .ctg > ul > li:last-child {margin-right: 0;}
._program._yahwaType .s1 .ctg > ul > li .icon {width: 80px; height: 65px; padding-bottom: 10px; transition: filter .4s;}
._program._yahwaType .s1 .ctg > ul > li span {font-size: 20px; letter-spacing: -0.025em; font-weight: 600; color: #aaaaaa; transition: color .4s; text-align: center; padding: 0 5px; box-sizing: border-box;}

._program._yahwaType .s1 .ctg > ul > li.act,
._program._yahwaType .s1 .ctg > ul > li:hover {background: linear-gradient(-90deg, #292059 0%, #f4aacf 80%);;}
._program._yahwaType .s1 .ctg > ul > li.act .icon,
._program._yahwaType .s1 .ctg > ul > li:hover .icon {filter: brightness(2);}
._program._yahwaType .s1 .ctg > ul > li.act span,
._program._yahwaType .s1 .ctg > ul > li:hover span {color: #fff;}


._program._yahwaType .s2 {padding: 150px 0;}
._program._yahwaType .t_view {margin-left: 240px; position: relative; display: none;}
._program._yahwaType .t_view.act {display: block;}
._program._yahwaType .t_view .navi {display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; right: 100%; padding-right: 40px; height: 300px;}
._program._yahwaType .t_view .navi i {cursor: pointer; display: block; padding: 5px; color: #000; font-size: 30px; letter-spacing: -0.025em; transition: color .4s;}
._program._yahwaType .t_view .navi i:hover {color: #feacd8;}
._program._yahwaType .t_view .swiper .swiper-slide {width: 480px; padding: 10px; box-sizing: border-box;}
._program._yahwaType .t_view .swiper .swiper-slide .thumb {width: 100%; position: relative; border-radius: 20px; overflow: hidden;}
._program._yahwaType .t_view .swiper .swiper-slide .thumb::after {content: ''; display: block; padding-top: calc(300/460*100%);}
._program._yahwaType .t_view .swiper .swiper-slide .thumb img {width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
._program._yahwaType .t_view .swiper .swiper-slide .info {padding-top: 20px;}
._program._yahwaType .t_view .swiper .swiper-slide .info .mark { display: flex; align-items: center; flex-wrap: wrap;}
._program._yahwaType .t_view .swiper .swiper-slide .info .mark span {padding: 5px 20px; border-radius: 12.5px; font-size: 16px; letter-spacing: -0.025em; font-weight: 600; color: #fff; margin-right: calc(10/16*1em); margin-bottom: calc(15/16*1em);}
._program._yahwaType .t_view .swiper .swiper-slide .info .mark span:last-child{margin-right: 0;}
/* ._program._yahwaType .t_view .swiper .swiper-slide .info .mark span+span {margin-left: calc(10/16*1em);} */
._program._yahwaType .t_view .swiper .swiper-slide .info .mark .show {background: #ee1717;}
._program._yahwaType .t_view .swiper .swiper-slide .info .mark .stamp {background: #784504;}
._program._yahwaType .t_view .swiper .swiper-slide .info .mark .glry {background: #ff9d00;}
._program._yahwaType .t_view .swiper .swiper-slide .info .mark .inq {background: #ff00f2;}
._program._yahwaType .t_view .swiper .swiper-slide .info .mark .gift {background: #029a40;}
._program._yahwaType .t_view .swiper .swiper-slide .info .mark .cnslt {background: #0066fe;}
._program._yahwaType .t_view .swiper .swiper-slide .info .mark .brif {background: #007a83;}
._program._yahwaType .t_view .swiper .swiper-slide .info .mark .evt {background: #ff4800;}
._program._yahwaType .t_view .swiper .swiper-slide .info .mark .exp {background: #000;}

/* ._program._yahwaType .t_view .swiper .swiper-slide .info .titleBx{display: flex; align-items: center;} */
._program._yahwaType .t_view .swiper .swiper-slide .info .title{align-items: center;gap: 0.3em;}
._program._yahwaType .t_view .swiper .swiper-slide .info .title img{width: 100px;}
._program._yahwaType .t_view .swiper .swiper-slide .info .title {font-size: 34px; letter-spacing: -0.025em; color: #181618; font-weight: bold; display: inline-flex; padding-bottom: calc(20/40*1em); word-break: keep-all;width: 100%;}
._program._yahwaType .t_view .swiper .swiper-slide .info .detail_info .time {font-size: 18px; letter-spacing: -0.025em; font-weight: 600; color: #000; padding-bottom: calc(15/18*1em);}
._program._yahwaType .t_view .swiper .swiper-slide .info .detail_info .dscrp {font-size: 18px; letter-spacing: -0.025em; color: #444; line-height: 1.4;}
._program._yahwaType .t_view .swiper .swiper-slide .info .detail_info .dscrp span { color: #feacd8;}
._program._yahwaType .t_view .swiper .swiper-slide .info .detail_info .dscrp b { padding-left: 20px; font-size: 14px; font-weight: 500; letter-spacing: -0.025em; color: #ee1717; word-break: keep-all; }
._program._yahwaType .t_view .swiper .swiper-slide .info .detail_info .dscrp b.p_re {padding-left: 0; display: block;}

@media screen and (max-width: 1280px) {
    ._program._yahwaType .obj > div {transform: scale(0.8);}
}
@media screen and (max-width: 1024px) {
    ._program._yahwaType .obj > div {transform: scale(0.6);}
    ._program._yahwaType .s1 .ctg > ul > li {width: 170px;}
    ._program._yahwaType .t_view {margin-left: 130px;}
}
@media screen and (max-width: 820px) {
    ._program._yahwaType .obj > div {transform: scale(0.7);}
    ._program._yahwaType .s1 .ctg {padding-bottom: 60px;}
    ._program._yahwaType .s1 .ctg > ul {max-width: 650px; justify-content: center;}
    ._program._yahwaType .s1 .ctg > ul > li {--yahwa_s1_gap: 10px; width: 120px; height: 120px; margin-left: var(--yahwa_s1_gap); margin-top: var(--yahwa_s1_gap);}
    ._program._yahwaType .s1 .ctg > ul > li:nth-child(3) {margin-right: var(--yahwa_s1_gap);}
    ._program._yahwaType .s1 .ctg > ul > li:last-child {margin-right: var(--yahwa_s1_gap);}
    ._program._yahwaType .s1 .ctg > ul > li .icon {width: 60px; height: 50px;}
    ._program._yahwaType .s1 .ctg > ul > li span {font-size: 16px;}

    ._program._yahwaType .s2 {padding: 100px 0;}
    ._program._yahwaType .t_view {margin-left: 90px;}
    ._program._yahwaType .t_view .navi {padding-right: 20px; height: 208px;}
    ._program._yahwaType .t_view .swiper .swiper-slide {width: 340px;}
    ._program._yahwaType .t_view .swiper .swiper-slide .info {padding-top: 10px;}
    ._program._yahwaType .t_view .swiper .swiper-slide .info .mark span {font-size: 14px;}
    ._program._yahwaType .t_view .swiper .swiper-slide .info .title {font-size: 30px; line-height: 1.2;}
    ._program._yahwaType .t_view .swiper .swiper-slide .info .detail_info .time {font-size: 14px; word-break: keep-all;}
    ._program._yahwaType .t_view .swiper .swiper-slide .info .detail_info .dscrp {font-size: 14px; word-break: keep-all;}
    ._program._yahwaType .t_view .swiper .swiper-slide .info .detail_info .dscrp b {display: block; padding-left: 0;}

    /* 국기추가 */
    ._program._yahwaType .t_view .swiper .swiper-slide .info .title img{width: 80px;}
}
@media screen and (max-width: 500px) {
    html[lang='ko'] ._program._yahwaType .s1 .ctg > ul > li {--yahwa_s1_gap: 5px; width: 90px; height: 90px; }
    ._program._yahwaType .t_view {margin-left: 0;}
    ._program._yahwaType .t_view .navi {flex-direction: row; justify-content: space-between; width: 80%; right: auto; left: 50%; transform: translateX(-50%); top: auto; bottom: 100%; height: auto; padding-right: 0;}
    ._program._yahwaType .t_view .navi i {border: 1px solid #444; border-radius: 50%;}
    ._program._yahwaType .t_view .swiper .swiper-slide {width: 100%;}
    ._program._yahwaType .t_view .swiper .swiper-slide .info .mark span {font-size: 12px;}
    ._program._yahwaType .t_view .swiper .swiper-slide .info .title {font-size: 20px;}

    ._program._yahwaType .t_view .swiper .swiper-slide .info .title img{width: 60px;}
}
@media screen and (max-width: 400px) {
    html[lang='ko'] ._program._yahwaType .s1 .ctg > ul > li {--yahwa_s1_gap: 5px; width: 70px; height: 70px; }
	html[lang='en'] ._program._yahwaType .s1 .ctg > ul > li{--yahwa_s1_gap: 5px; width: 100px; height: 100px;}
    ._program._yahwaType .s1 .ctg > ul > li .icon {width: 50px; height: 40px; padding-bottom: 5px;}
    ._program._yahwaType .s1 .ctg > ul > li span {font-size: 13px;}
}


/* 야로 type */
._program._yaroType {padding-top: 100px; padding-bottom: 150px;;}
._program._yaroType article .flxWrap {display: flex;}
._program._yaroType article .flxWrap .box {width: 100%; --centerPadding: 80px; position: relative; flex: 1;}
._program._yaroType article .flxWrap .box:first-child {padding-right: var(--centerPadding); box-sizing: border-box;}
._program._yaroType article .flxWrap .box:first-child::after {content: ''; display: block; width: 1px; height: 100%; position: absolute; left: 100%; top: 0; transform: translateX(-50%); background: #000;}
._program._yaroType article .flxWrap .box:last-child {padding-left: var(--centerPadding);}
._program._yaroType article .flxWrap .box .thumb {width: 100%; position: relative; overflow: hidden; border-radius: 20px; border: 1px solid #000;}
._program._yaroType article .flxWrap .box .thumb::after {content: ''; display: block; padding-top: calc(400/640*100%);}
._program._yaroType article .flxWrap .box .thumb img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;;}
._program._yaroType article .flxWrap .box .title b {display: block; font-size: 40px; letter-spacing: -0.025em; color: #181618; font-weight: bold; padding: calc(30/40*1em) 0 calc(20/40*1em);}
._program._yaroType article .flxWrap .box .title span {display: block; font-size: 16px; letter-spacing: -0.025em; color: #444444; word-break: keep-all; line-height: 1.4;}
._program._yaroType article .flxWrap .box .info li {padding-top: 30px;}
._program._yaroType article .flxWrap .box .info li b {display: inline-flex; align-items: center; padding: 6px 20px; box-sizing: border-box; border-radius: 15px; background: #fff; border: 1px solid #feacd8; color: #feacd8; font-size: 16px; letter-spacing: -0.025em; font-weight: 600;}
._program._yaroType article .flxWrap .box .info li b i {padding-left: calc(5/16*1em);}
._program._yaroType article .flxWrap .box .info li b.course {color: #fff; background: #feacd8;}
._program._yaroType article .flxWrap .box .info li p {font-size: 18px; letter-spacing: -0.025em; color: #000; font-weight: 500; padding-top: 10px; word-break: keep-all; line-height: 1.4;}
._program._yaroType article .flxWrap .box .info li p small {font-size: 16px; letter-spacing: -0.025em; font-weight: 500; color: #ee1717;}

@media screen and (max-width: 1280px) {
    ._program._yaroType article .flxWrap .box {--centerPadding: 40px;}
    ._program._yaroType article .flxWrap .box .info li p small {display: block;}
}
@media screen and (max-width: 1024px) {
    ._program._yaroType article .flxWrap .box {--centerPadding: 20px;}
    ._program._yaroType article .flxWrap .box .title b {font-size: 34px;}
    ._program._yaroType article .flxWrap .box .info li b {font-size: 14px;}
    ._program._yaroType article .flxWrap .box .info li p {font-size: 16px;}
    ._program._yaroType article .flxWrap .box .info li p small {font-size: 14px;}
}
@media screen and (max-width: 820px) {
    ._program._yaroType {padding-top: 40px; padding-bottom: 100px;}
    ._program._yaroType article .flxWrap {flex-direction: column;}
    ._program._yaroType article .flxWrap .box {--centerPadding: 0px;}
    ._program._yaroType article .flxWrap .box:first-child::after {display: none;}
    ._program._yaroType article .flxWrap .box+.box {margin-top: 40px;}
}
@media screen and (max-width: 500px) {
    ._program._yaroType article .flxWrap .box .title b {font-size: 24px;}
    ._program._yaroType article .flxWrap .box .info li b {font-size: 12px;}
    ._program._yaroType article .flxWrap .box .info li p {font-size: 14px;}
    ._program._yaroType article .flxWrap .box .info li+li {padding-top: 20px;}
}


/* 야설 type */
._program._yaseolType {padding-top: 100px;}
._program._yaseolType article .title {display: flex; align-items: center; position: relative;}
._program._yaseolType article .title strong{display: block; font-size: 50px; letter-spacing: -0.025em; line-height: 1.3; margin-bottom: 1em;}
._program._yaseolType article .title span {font-size: 16px; letter-spacing: -0.025em; font-weight: 600; padding: calc(5/16*1em) calc(15/16*1em); background: #feacd8; border-radius: 15px; color: #fff;}
._program._yaseolType article .title b {font-size: 30px; letter-spacing: -0.025em; color: #000; font-weight: bold; padding-left: calc(10/30*1em); padding-right: calc(15/30*1em);}
._program._yaseolType article .title small {align-self: flex-end; font-size: 16px; letter-spacing: -0.025em; font-weight: 500; color: #ee1717; word-break: keep-all;}
._program._yaseolType article ul {margin-top: 60px; display: flex; flex-wrap: wrap; width: 100%;}
._program._yaseolType article ul li {--yaseol_center_padding: 80px; display: flex; flex-direction: column; justify-content: space-between; padding-top: 65px; padding-bottom: 65px; width: 50%; flex-shrink: 0; position: relative; box-sizing: border-box;}
._program._yaseolType article ul li:not(:nth-child(-n+2)) {border-top: 1px solid #000;}
._program._yaseolType article ul li:nth-child(-n+2) {padding-top: 0;}
._program._yaseolType article ul li:not(:nth-child(-n+6)) {padding-bottom: 145px;}
._program._yaseolType article ul li:nth-child(2n-1):after {content: ''; display: block; width: 1px; height: 100%; background: #000; position: absolute; left: 100%; top: 0; transform: translateX(-50%);}
._program._yaseolType article ul li:nth-child(2n-1) {padding-right: var(--yaseol_center_padding);}
._program._yaseolType article ul li:nth-child(2n-2) {padding-left: var(--yaseol_center_padding);}
._program._yaseolType article ul li .thumb {width: 100%; box-sizing: border-box; border-radius: 20px; border: 1px solid #000; overflow: hidden; position: relative;}
._program._yaseolType article ul li .thumb::after {content: ''; display: block; padding-top: calc(400/640*100%);}
._program._yaseolType article ul li .thumb img {width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
._program._yaseolType article ul li .info b {display: block; font-size: 40px; letter-spacing: -0.025em; color: #181618; font-weight: bold; padding: calc(30/40*1em) 0 calc(20/40*1em);}
._program._yaseolType article ul li .info span { display: block; font-size: 18px; letter-spacing: -0.025em; color: #444; font-weight: 500; line-height: 1.4; word-break: keep-all;}
._program._yaseolType article ul li .detail_info {padding-top: 30px; display: flex; align-items: center;}
._program._yaseolType article ul li .detail_info span {display: inline-flex; align-items: center; font-size: 16px; letter-spacing: -0.025em; color: #feacd8; font-weight: 600; padding: calc(5/18*1em) calc(15/18*1em); background: #fff; border: 1px solid #feacd8; border-radius: 15px; word-break: keep-all;}
._program._yaseolType article ul li .detail_info span i {padding-left: calc(5/18*1em);}
._program._yaseolType article ul li .detail_info b {padding-left: calc(5/18*1em); font-size: 18px; font-weight: 500; letter-spacing: -0.025em;}
._program._yaseolType article ul li .last_imgBox {width: 100%; display: flex; align-items: center; justify-content: center;}


._program._yaseolType article .title.type2{flex-direction: column; align-items: flex-start;}
._program._yaseolType article .title.type2 .col {margin-bottom: 14px;}



@media screen and (max-width: 1280px) {
    ._program._yaseolType article ul li {--yaseol_center_padding: 60px}
}
@media screen and (max-width: 1024px) {
    ._program._yaseolType article ul li {--yaseol_center_padding: 40px}
    ._program._yaseolType article ul li .info b {font-size: 32px;}
    ._program._yaseolType article ul li .info span {font-size: 16px;}
    ._program._yaseolType article ul li .detail_info b {font-size: 16px;}
}
@media screen and (max-width: 820px) {
    ._program._yaseolType {padding-top: 60px;}
    ._program._yaseolType article .title b {font-size: 26px;}
    ._program._yaseolType article .title small {position: absolute; left: 0; top: 100%; width: 100%; padding-top: 10px;}
    ._program._yaseolType article ul li {--yaseol_center_padding: 15px}
    ._program._yaseolType article ul li .info b {font-size: 20px;}
    ._program._yaseolType article ul li .info span {font-size: 14px;}
    ._program._yaseolType article ul li .detail_info span {font-size: 14px;}
    ._program._yaseolType article ul li .detail_info b {font-size: 14px;}
    ._program._yaseolType article ul li .info span br {display: none;}
    ._program._yaseolType article ul li:not(:nth-child(-n+6)) {padding-bottom: 85px;}
}
@media screen and (max-width: 500px) {
    ._program._yaseolType {padding-top: 30px;}
    ._program._yaseolType article ul li:not(:nth-child(-n+2)) {border: none;}
    ._program._yaseolType article ul li:nth-child(2n-1):after {display: none;}
    ._program._yaseolType article ul li:nth-child(-n+2) {padding-top: 50px;}
    ._program._yaseolType article ul li:not(:nth-child(-n+6)) {padding-bottom: 50px;}
    ._program._yaseolType article ul li:first-child {padding-top: 25px;}

    ._program._yaseolType article ul {flex-direction: column; margin-top: 10px;}
    ._program._yaseolType article ul li {--yaseol_center_padding: 0px; width: 100%; padding-top: 50px; padding-bottom: 50px;}
    ._program._yaseolType article ul li+li {border-top: 1px solid #000 !important;}
    ._program._yaseolType article ul li .last_imgBox {padding: 20px; box-sizing: border-box;}

    ._program._yaseolType article .title {flex-direction: column;}
    ._program._yaseolType article .title span {font-size: 14px;}
    ._program._yaseolType article .title b {padding: calc(10/30*1em) 0; font-size: 24px;}
    ._program._yaseolType article .title small {padding-top: 0; position: static; font-size: 12px; text-align: center;}
}

/* 야사 */
._program._yaseolType._yasa article ul li .thumb::after {padding-top: calc(219/460*100%);}

/* 야사(구) type*/
._yasaType {
    width: 100%;
    position: relative;
    word-break: keep-all
}

._yasaType .yasaTit {
    background-image: url(../../../asset/img/sub/program/yasa_topbg.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding: 50px 0;
    box-sizing: border-box
}

._yasaType .yasaTit>dl dt {
    font-size: 30px;
    letter-spacing: -0.045em;
    font-weight: 500;
    line-height: 1.3
}

._yasaType .yasaTit>dl dd {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: -0.03em;
    line-height: calc(34 / 20);
    margin-top: 5px
}

._yasaType .yasaList {
    width: 100%
}

._yasaType .yasaList li {
    width: 100%;
    margin-bottom: 120px
}

._yasaType .yasaList li .titbar {
    width: 100%;
    padding: 1.1363636364em 0.9090909091em;
    box-sizing: border-box;
    display: flex;
    font-size: 22px;
    letter-spacing: -0.045em;
    color: #444;
    border: 1px dashed #444
}

._yasaType .yasaList li .titbar span {
    display: inline-block;
    font-weight: 700;
    flex-shrink: 0
}

._yasaType .yasaList li .titbar p {
    text-indent: -0.6em;
    padding-left: 0.7em
}

._yasaType .yasaList li:nth-of-type(1) .titbar {
    border-color: #c33f72
}

._yasaType .yasaList li:nth-of-type(1) .titbar span {
    color: #c33f72
}

._yasaType .yasaList li:nth-of-type(2) .titbar {
    border-color: #7100a0
}

._yasaType .yasaList li:nth-of-type(2) .titbar span {
    color: #7100a0
}

._yasaType .yasaList li:nth-of-type(3) .titbar {
    border-color: #072181
}

._yasaType .yasaList li:nth-of-type(3) .titbar span {
    color: #072181
}

._yasaType .yasaList li>p {
    font-size: 20px;
    padding: 20px;
    box-sizing: border-box;
    letter-spacing: -0.03em;
    line-height: 1.3;
    display: inline-block
}

._yasaType .yasaList li>p br.mob {
    display: none
}

._yasaType .yasaList li .flexWrap {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    flex-wrap: wrap
}

._yasaType .yasaList li .flexWrap .bx {
    width: calc(630 / 1440 * 100%);
    text-align: center
}
._yasaType .yasaList li .flexWrap .bx img {
    border-radius: 30px; width: 100%;
}

/* 포스터 추가 */
._yasaType .posterBx{display: flex;align-items: center;justify-content:center;gap: 40px;padding-bottom: 130px;}
._yasaType .posterBx .img{position: relative;width: 100%;max-width: 690px;}
._yasaType .posterBx .img::before{content: '';display: block;width:100%;padding-bottom: calc(788/630*100%);}
._yasaType .posterBx .img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}


@media screen and (max-width:1280px) {
    ._yasaType .yasaTit>dl dt {
        font-size: 24px
    }

    ._yasaType .yasaTit>dl dd {
        font-size: 18px
    }

    ._yasaType .yasaList li .titbar {
        font-size: 20px
    }

    ._yasaType .yasaList li .flexWrap .bx {
        width: 49%
    }
}

@media screen and (max-width:820px) {
    ._yasaType .yasaTit>dl {
        max-width: 500px;
        margin: 0 auto
    }

    ._yasaType .yasaTit>dl dt {
        font-size: 20px
    }

    ._yasaType .yasaTit>dl dd {
        font-size: 16px
    }

    ._yasaType .yasaList li {
        margin-bottom: 70px
    }

    ._yasaType .yasaList li .titbar {
        font-size: 16px;
        max-width: 500px;
        margin: 0 auto;
        line-height: 1.3
    }

    ._yasaType .yasaList li>p {
        font-size: 16px;
        max-width: 500px;
        margin: 0 auto;
        padding: 15px 10px
    }

    ._yasaType .yasaList li>p br.mob {
        display: block
    }

    ._yasaType .yasaList li .flexWrap {
        margin-top: 20px
    }

    ._yasaType .yasaList li .flexWrap .bx {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        margin-bottom: 20px
    }

    ._yasaType .posterBx{flex-direction: column;gap: 20px;}
}

@media screen and (max-width:500px) {
    ._yasaType .yasaList li .titbar span {
        display: flex;
        align-items: center
    }

    ._yasaType .yasaTit {
        padding: 50px 0;
        background-size: 80%;
        background-position: right bottom
    }

    ._yasaType .yasaTit>dl dt {
        font-size: 18px
    }

    ._yasaType .yasaTit>dl dd {
        font-size: 14px
    }

    ._yasaType .yasaList li {
        margin-bottom: 50px
    }

    ._yasaType .yasaList li .titbar {
        font-size: 14px
    }

    ._yasaType .yasaList li>p {
        font-size: 13px
    }

    ._yasaType .yasaList li .flexWrap {
        margin-top: 20px
    }
}

/* 야시 type */
._yasi .yasaTit {
    background-image: url(../../../asset/img/sub/program/yasi_bg.png)
}

._yasi .yasaList li .flexWrap {
    margin-top: 0
}

._yasi .yasaList li .flexWrap .bx:nth-of-type(2n) {
    margin-top: 130px
}

@media screen and (max-width:820px) {
    ._yasi .yasaList li .flexWrap .bx:nth-of-type(2n) {
        margin-top: 0
    }
}

@media screen and (max-width:500px) {
    ._yasi .yasaTit {
        background-size: 50%
    }
}

._yasi .con-area-02 {
    padding-bottom: 200px
}

._yasi .con-area-02 .yasaTit {
    background-image: none;
    padding-top: 0
}

._yasi .con-area-02 .con {
    max-width: 1185px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr)
}

._yasi .con-area-02 .mobile {
    display: none
}

._yasi .con-area-02 .con.top {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0 13px;
    grid-template-rows: auto;
    margin-bottom: 23px
}

._yasi .con-area-02 .con.bottom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px 13px;
    grid-template-rows: auto
}

._yasi .con-area-02 .box {
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 14px;
    padding-bottom: 37px;
    box-sizing: border-box
}

._yasi .con-area-02 .box img {
    line-height: 89px
}

._yasi .con-area-02 .box.main {
    border: none
}

._yasi .con-area-02 .img-box {
    min-height: 100px;
    display: flex;
    align-items: center;
    margin: 40px 0
}

._yasi .con-area-02 .txt-box {
    text-align: center
}

._yasi .con-area-02 .txt-box strong {
    font-size: 20px;
    font-weight: 800;
    display: block;
    margin-bottom: 10px
}

._yasi .con-area-02 .txt-box span {
    font-size: 18px;
    font-weight: 500;
    color: #5b5b5b;
    line-height: 1.5
}

._yasi .con-area-02 .txt-box span small {
    display: inline-block
}

/* 포스터 추가 */


@media screen and (max-width:1024px) {
    ._yasi .con-area-02 .box br {
        display: none
    }

    ._yasi .con-area-02 .txt-box span {
        font-size: 16px
    }
}

@media screen and (max-width:820px) {
    ._yasaType .yasaTit>dl {
        max-width: unset
    }

    ._yasaType .yasaList li .flexWrap .bx {
        max-width: unset
    }

    ._yasaType .yasaList li .flexWrap .bx img {
        width: 100%
    }

    ._yasi .con-area-02 {
        margin: 0 auto
    }

    ._yasi .con-area-02 .mobile {
        display: block
    }

    ._yasi .con-area-02 .mobile .img-box {
        justify-content: center;
        margin-bottom: 60px;
        margin-top: 0
    }

    ._yasi .con-area-02 .yasaTit {
        padding-top: 40px
    }

    ._yasi .con-area-02 .con.top {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
        margin-bottom: 20px
    }

    ._yasi .con-area-02 .con.bottom {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px
    }

    ._yasi .con-area-02 .box.main {
        display: none
    }
}

@media screen and (max-width:600px) {
    ._yasi .con-area-02 .con.top {
        grid-template-columns: repeat(1, 1fr)
    }

    ._yasi .con-area-02 .con.bottom {
        grid-template-columns: repeat(1, 1fr)
    }

    ._yasi .con-area-02 .img-box {
        margin: 20px 0
    }
}