.fw400 {
    font-weight: 400;
}

.fw500 {
    font-weight: 500;
}

.fw600 {
    font-weight: 600;
}

.fw700 {
    font-weight: 700;
}

.fw800 {
    font-weight: 800;
}

.fw900 {
    font-weight: 900;
}

#container_wr .content.sub_page.last .nob_text:last-child {
    padding-bottom: 0 !important;
}

.content.sub_page>ul,
.content.sub_page>div,
.content.sub_page>img {
    padding: 1em 0;
}

.content.sub_page>p {
    padding: 0.5em 0;
}

.content.sub_page {
    max-width: 920px;
    color: #777777;
    word-break: auto-phrase;
    margin: 40px auto 0px;
}

.mini_interview {
    background-color: #EBF3F8;
}

.mini_interview_dshtse {
    background-color: #f4eefe;
}

.mini_interview_lchs {
    background-color: #e6e6e6;
}

.mini_interview_cha {
    background-color: #f6f6f6;
}

.mini_interview_bas {
    background-color: #f6f5f1;
}

.mini_interview_gem {
    background-color: #def1f0;
}

.mini_interview_you {
    background-color: #000;
}

.mini_interview_gugu {
    background-color: #cececeff;
}

.mini_interview_mao {
    background-color: #f6f5f1;
}

.mini_interview_lcs {
    background-color: #f4eae0;
}

.mini_interview_csluv {
    background-color: #f0efef;
}

.content.sub_page.vol {
    max-width: 80%;
}

.content.sub_page.vol ul li p {
    font-size: 1.5em;
    padding-top: 0.4em;
    text-align: center;
}

.content.sub_page.vol ul li:last-child {
    border: 0;
}

.content.sub_page.vol ul li:last-child a {
    height: auto;
}

.content.sub_page .content_box {
    text-align: center;
    font-size: 2em;
}

.content.sub_page .content_box .img_site .text_09 {
    text-align: center;
    font-size: 1.7em;
    line-height: 1.6;
}

.content.sub_page .content_box>p {
    padding: 1em 0;
    font-family: 'NotoSansKR', sans-serif;
}

.content.sub_page .content_box span {
    font-size: 0.9em;
    font-family: 'SUIT-Variable';
}

.content.sub_page .content_box .text_003 span {
    background: #f9b986;
}


.content.sub_page .color_box {
    font-size: 1.7em;
    line-height: 1.6em;
    text-align: center;
}

.content.sub_page .color_box>p {
    padding: 1em 0;
    font-family: 'NotoSansKR', sans-serif;
}

.content.sub_page .color_box span {
    font-family: 'SUIT-Variable';
}

.content.sub_page .color_box .text_003 span {
    background: #f9b986;
}

.content.sub_page span {
    word-break: auto-phrase;
}

.content.sub_page.sub_head {}

.content.sub_page .main_title {
    font-size: 3.9em;
    font-weight: 800;
    color: #000;
}

.content .sub_page .nob_text .extra_01 {
    font-size: 1em;
}

.content.sub_page .main_sub_title {
    font-size: 2em;
    color: #000;
}

.content.sub_page .main_sub_title span {
    padding: 5px 15px;
    background: #e0ded3;
    font-weight: 900;
    margin-right: 15px;
    line-height: calc(2em + 10px);
    color: #000;
    white-space: nowrap;
}

/*.content.sub_page .main_sub_title span:last-child{margin-right: 0px;}*/
.content.sub_page .main_sub_title .clr_box_txt {
    font-size: 1.3em;
    color: #000;
}

.content.sub_page .main_sub_title .rounded_box {
    width: 340px;
    height: 50px;
    border-radius: 50px;
    font-size: 1.1em;
    font-weight: 700;
    color: #000;

    text-align: center;
}

.content.sub_page .rounded_box_re {
    width: 310px;
    height: 40px;
    border-radius: 50px;
    font-size: 1.7em;
    font-weight: 700;
    color: #000;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    line-height: 1;
    /* Mobile responsiveness */
    max-width: 90vw;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 10px;
}

.content.sub_page .rounded_box_doo {
    width: 360px;
    height: 60px;
    border-radius: 50px;
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: 700;
    color: #000;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;

    /* Mobile responsiveness */
    max-width: 90vw;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 20px;
}

.content.sub_page .large_img_box_01 {
    display: flex;
    flex-wrap: nowrap;
    /* 여러 줄로 감싸기 */
    gap: 2em;
    /* 아이템 사이의 간격 */
    justify-content: space-between;
    flex-direction: row;

}

.content.sub_page .large_img_box_01>li {
    width: calc(50% - 1em);
    /* 2개의 아이템이 한 줄에 오도록 너비 조정 */
    box-sizing: border-box;
    /* 패딩과 테두리를 너비에 포함 */
}

/* 텍스트와 이미지 스타일 */
.content.sub_page .large_img_box_01 .text_site .text_77 {
    border: 3px solid #dfded2;
    padding: 0.6em;
    height: 100%;
    /* 높이를 100%로 설정하여 다른 아이템과 균형 맞춤 */
    box-sizing: border-box;
    /* 패딩과 테두리를 높이에 포함 */
}

.content.sub_page .large_img_box_01 .img_site img {
    width: 100%;
    display: block;
    /* 이미지 하단 여백 제거 */
    height: 100%;
    /* li의 높이에 맞춤 */
    object-fit: cover;
    /* 이미지 비율을 유지하며 채움 */
}

.content.sub_page .big_img_box_01 .img_box_01.gap_01 .rounded_box_rec {
    background-color: #e5ead9;
    padding: 0.3em 0.5em;
    border-radius: 50px;
    font-size: 0.9em;
    color: #777777;
    text-align: center;
    margin: 0.5em;
}

.content.sub_page .big_img_box_01 .img_box_01.gap_01 .rounded_box_tang {
    background-color: #e0ded3;
    padding: 0.3em 0.5em;
    border-radius: 50px;
    font-size: 0.9em;
    color: #777777;
    text-align: center;
    margin: 0.5em;
}


.content.sub_page .main_sub_title_box span {
    padding: 5px 15px;
    background: #e0ded3;
    font-weight: 900;
    margin-right: 15px;
    line-height: calc(2em + 10px);
    color: #fff;
    white-space: nowrap;
}

.content.sub_page .main_sub_title_box span:last-child {
    margin-right: 0px;
}

.content.sub_page .content_box .nob_text {
    font-size: 1.7em;
    line-height: 1.6;
}

.content.sub_page .color_box .not_text {
    font-size: 1em;
    line-height: 1.5;
    font-weight: 400;
}

.content.sub_page .img_box_03.yellow .nob_text {
    font-size: 1.1em;
    line-height: 1.6;
}

.content.sub_page .nob_text {
    font-size: 1.7em;
    line-height: 1.6;
}

.content.sub_page .nob_text.border_box {
    border: 1px solid;
    margin: 1em auto;
    padding: 1em;
}

.content.sub_page .nob_text.border_box2 {
    border: 10x solid;
    color: #e0ded3;
    margin: 1em auto;
    padding: 1em;
}

.content.sub_page .nob_text.stcik {
    padding: 0 0 1em;
    line-height: 1.6;
}

.content.sub_page .nob_text.title {
    font-weight: 800;
    padding: 0;
    line-height: 1.6;
}

.content.sub_page .cont_img_small .cont_img_br {
    width: auto;
    text-align: center;
}

.content.sub_page .cont_img {
    width: 100%;
}

.content.sub_page .cont_img_cs {
    width: 80%;
}

.content.sub_page .cont_img_small_eha {
    width: 100%;
    margin: 0 auto;
    font-size: 1.7em;
}

.content.sub_page .cont_img_small {
    width: 80%;
    margin: 0 auto;
    font-size: 1.7em;
}

.content.sub_page .cont_img_small_br {
    width: 25%;
    margin: 0 auto;
    font-size: 1.7em;
}

.content.sub_page .cont_img_small .gray_text {
    font-size: 0.8em;
}



.cont_img.mo {
    display: none;
}

.content.sub_page .img_box_01.mob_rever .gray_text {
    font-size: 0.8em;
    color: #ABA59E;
    text-align: left;
    padding: 1em 0;
    line-height: 1.2;
    word-break: keep-all;
}

.content.sub_page .img_box_01.mob_rever_rsd .gray_text {
    font-size: 0.8em;
    color: #ABA59E;
    text-align: left;
    padding: 1em 0;
    line-height: 1.2;
    word-break: keep-all;
}
.content.sub_page .img_box_01 {
    display: flex;
    gap: 2em;
    font-size: 1.7em;
    line-height: 1.6em;
    font-weight: 400;
}

.content.sub_page .img_box_01_rsb {
    display: flex;
    gap: 2em;
    font-size: 1.7em;
    line-height: 1.6em;
    font-weight: 400;
}

.content.sub_page .img_box_16 {
    display: flex;
    font-size: 1.7em;
    line-height: 1.6em;
    font-weight: 400;
}

.content.sub_page .img_box_01 .img_site {
    text-align: center;
}

.content.sub_page .img_box_01 .img_site img {}

.content.sub_page .img_box_01 .text_site {}

.content.sub_page .img_box_01 .text_site p {}

.content.sub_page .img_box_01.mob_rever {}

.content.sub_page .img_box_01.mob_rever .man_img {
    width: 100%;
}

.content.sub_page .img_box_01 .text_site .text_01 {
    font-weight: 900;
    color: #000;
    font-size: 0.82em;
    word-break: auto-phrase;
}

.content.sub_page .img_box_01_rsb .text_site .text_01 {
    font-weight: 900;
    color: #000;
    font-size: 0.82em;
    word-break: auto-phrase;
}

.content.sub_page .img_box_01 .text_site .text_02 {
    padding: 0.4em 0;
    font-size: 0.8em;
    color: #000;
    word-break: auto-phrase;
}

.content.sub_page .img_box_01_rsb .text_site .text_02 {
    padding: 0.4em 0;
    font-size: 0.8em;
    color: #000;
    word-break: auto-phrase;
}

.content.sub_page .img_box_01 .text_site .text_02_1 {
    padding: 0.4em 0;
    line-height: 1.6em;
    font-size: 0.8em;
    color: #777777;
    word-break: auto-phrase;
}

.content.sub_page .img_box_01 .text_site .text_02_2 {
    font-size: 0.8em;
    color: #000;
    word-break: auto-phrase;
}

.content.sub_page .img_box_01 .text_site .text_03 {
    padding-top: 1em;
    line-height: 1.6;
    color: #777777;
}

.content.sub_page .img_box_01_rsb .text_site .text_03 {
    padding-top: 1em;
    line-height: 1.6;
    color: #777777;
}

.content.sub_page .img_box_01 .text_site .text_99 {
    line-height: 1.6;
    color: #000;
    font-weight: 800;
}

.content.sub_page .img_box_01 .text_site .text_77 {
    color: #777777;
    font-size: 0.73em;
    line-height: 1.4;
    word-break: auto-phrase;
}

.content.sub_page .large_img_box_01 .text_site .text_77 {
    color: #777777;
    font-size: 1.2em;
    line-height: 1.4;
    word-break: auto-phrase;
}

.content.sub_page .img_box_01 .text_site .text_06 {
    color: #000;
    font-weight: 700;
    font-size: 1.1em;
    line-height: 1.7;
    padding: 0.1em 0.4em;
    word-break: auto-phrase;
}

.content.sub_page .img_box_01 .text_site .text_ght_03 {
    padding-top: 1em;
    font-size: 0.83em;
    line-height: 1.6;
    color: #777777;
}

.content.sub_page .img_box_01 .text_site .text_ght_05 {
    padding-top: 1em;
    font-size: 1em;
    line-height: 0.6;
    color: #777777;
}

.content.sub_page .img_box_01 .text_site .text_ght_07 {
    padding-top: 1em;
    font-size: 1em;
    line-height: 1;
    color: #777777;
}

.content.sub_page .img_box_01.mob_rever .content_box .img_site .text_04 {
    font-size: 0.7em;
    line-height: 1.2em;
}

.content.sub_page .img_box_01.mob_rever .content_box .img_site .text_07 {
    font-size: 0.5em;
    line-height: 1.5em;
}

.content.sub_page .img_box_01.mob_rever_rsd .content_box .img_site .text_07 {
    font-size: 0.5em;
    line-height: 1.5em;
}

.content.sub_page .mid_box .text_26 {
    font-size: 1.7em;
    line-height: 1.6em;
    color: #fff;
    margin-bottom: 1em;
}

.content.sub_page .img_box_01 .text_site .text_04 {
    padding-top: 0em;
}

.content.sub_page .img_box_01 .text_site .text_04 span {}

.content.sub_page .img_box_01 .text_site .text_03_fs80 {
    padding-top: 1em;
    font-size: 0.8em;
    line-height: 1.6;
    color: #777777;
}

.content.sub_page .circle_img_box_01 {
    display: flex;
    gap: 4em;
    font-size: 1.7em;
    line-height: 1.5em;
    justify-content: center;
    align-items: center;
}

.content.sub_page .img_box_53.mob_rever.border_box.horse .img_site {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap: 1em;
}

.content.sub_page .img_box_53.mob_rever.border_box.horse {
    gap: 2em;
    font-size: 1.7em;
    line-height: 1.5em;
}

.content.sub_page .img_box_91.mob_rever.txt .img_site {
    display: flex;
    align-content: center;
    align-items: center;
    gap: 1em;
}

.content.sub_page .img_box_91.mob_rever.txt .img_site {
    display: flex;
    align-content: center;
    align-items: center;
    gap: 1em;
}

.content.sub_page .img_box_53.mob_rever.txt .img_site {
    display: flex;
    align-content: center;
    align-items: center;
    gap: 1em;
}

.content.sub_page .img_box_53.mob_rever.border_box {
    gap: 2em;
    font-size: 1.7em;
    line-height: 1.5em;
}

.content.sub_page .img_box_53.mob_rever.border_clrbox {
    gap: 2em;
    font-size: 1.7em;
    line-height: 1.5em;
}

.content.sub_page .img_box_53.mob_rever.border_box .img_site {
    display: flex;

    align-content: center;
    align-items: center;
    gap: 2em;
}

.content.sub_page .img_box_53.mob_rever.border_clrbox .img_site {
    display: flex;

    align-content: center;
    align-items: center;
    gap: 2em;
}



/* [공통 레이아웃] 리스트 아이템 Flex 설정 */
.img_box_91 .img_site {
    display: flex;
    /* 이미지와 텍스트 가로 배치 */
    align-items: center;
    /* 세로 중앙 정렬 */
    gap: 20px;
    /* 이미지와 텍스트 사이 간격 */
}

/* [이미지 공통 설정] */
.img_box_91 .img_site img {
    height: auto;
    /* 비율 유지 */
    flex-shrink: 0;
    /* 공간 부족 시 이미지 찌그러짐 방지 (중요!) */
}

/* [PC 버전] 이미지 사이즈 */
.img_box_91 .img_site img {
    width: 10%;
    /* 기존 요청하신 PC 사이즈 */
    max-width: 100px;
    /* (선택사항) 너무 커지지 않게 제한 */
}

/* [텍스트] */
.img_box_91 .img_site .vs_title {
    margin: 0;
    flex: 1;
    /* 남은 공간 모두 사용 */
    word-break: keep-all;
    /* 단어 단위 줄바꿈 */
}


.content.sub_page .img_box_88.mob_rever.border_box .img_site {
    display: flex;
    justify-content: space-between;

    gap: 1em;
}

.content.sub_page .img_box_88.mob_rever.border_box.horse {
    gap: 2em;
    font-size: 1.7em;
    line-height: 1.5em;
}

.content.sub_page .img_box_88>li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;

}



.content.sub_page .img_box_88.mob_rever.txt .img_site {
    display: flex;
    align-content: center;
    align-items: center;
    gap: 1em;
}

.content.sub_page .img_box_88.mob_rever.border_box {
    gap: 2em;
    font-size: 1.7em;
    line-height: 1.5em;
}


.content.sub_page .imgtxt_box_02 .text_site .text_01 {
    font-weight: 900;
    color: #000;
    font-size: 1.5em;
    line-height: 1.6em;
}

.content.sub_page .imgtxt_box_02 .text_site .text_03 {
    font-weight: 600;
    color: #777777;
    font-size: 1.2em;
    line-height: 1.4em;
}

.gemga_text {
    font-weight: 800;
    color: #777777;
    font-size: 1.7em;
    line-height: 1.6em;
}

.content.sub_page .img_box_01.rate_01 {
    justify-content: flex-start;
}

.content.sub_page .img_box_01.rate_01 .img_site {}

.content.sub_page .img_box_01.rate_01 .text_site {
    display: flex;
    flex-direction: column;
    margin-left: auto;
}

.content.sub_page .img_box_01.rate_01 .text_site a {
    margin: 1em 0;
    cursor: pointer;
    font-size: 1em;
    color: #da8e39;
    font-weight: 900;
    display: flex;
    align-items: center;
}

.content.sub_page .img_box_01.rate_02 .history {
    background: #dfded2;
    padding: 0.8em 1em;
    width: 110px;
    text-align: center;
    font-size: 1.3em;
    font-weight: 700;
    margin-bottom: 1em;
    margin-top: 1em;
}

/*.content.sub_page .img_box_01.rate_02 .text_04{    line-height: 1;}*/
.content.sub_page .img_box_01.rate_02 .img_site p {
    text-align: center;
    padding-top: 0.6em;
}


.content.sub_page .img_box_01.rate_03.flex_wrap {
    flex-wrap: wrap;
    gap: 0.3em;
}

.content.sub_page .img_box_01.rate_03.flex_wrap>li {
    width: 49%;
}

.content.sub_page .img_box_01.rate_03 {
    display: flex;
    gap: 1.3em;
    justify-content: space-between;
}

.content.sub_page .img_box_01.rate_03 .img_site {
    width: 100%;
}

.content.sub_page .img_box_16.rate_04 {
    display: flex;
    justify-content: space-between;
}

.content.sub_page .img_box_16.rate_04 .img_site {
    width: 100%;
}

.img_rel {
    position: relative;
}

.img_rel .inner_text {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
}

.img_rel .inner_text.inner_ver_01 {
    color: #fff;
    bottom: 0;
    padding: 1em;
    background: #8888;
    min-height: 30%;
    font-size: 0.8em;
    text-align: left;
}

.img_rel .inner_text.inner_ver_02 {
    color: #fff;
    bottom: 0;
    padding: 1em;
    background: #8888;
    ;
    min-height: 30%;
    font-size: 0.8em;
    text-align: center;
}

.img_rel .inner_text.inner_ver_03 {
    color: #fff;
    bottom: 0;
    padding: 1em;
    background: #e9aa87;
    opacity: 0.9;
    min-height: 20%;
    font-size: 0.9em;
    justify-content: center;
    text-align: center;
}

.cont_img_small .swiper-slide .slide-content .inner_text {
    color: #fff;
    bottom: 0;
    padding: 1em;
    background: #8888;
    min-height: 22%;
    font-size: 0.8em;
    text-align: left;
}

.cont_img_small .swiper-slide .slide-content .caption {
    color: #fff;
    bottom: 0;
    padding: 1em;
    background: #8888;
    min-height: 22%;
    font-size: 0.8em;
    text-align: left;
}

.content.sub_page .img_box_01 .li_img_box {
    display: flex;
    align-items: flex-end;
    justify-content: space-evenly;
}

.content.sub_page .img_box_01 .li_img_box>ul {
    display: flex;
    gap: 1em;
}

.content.sub_page .img_box_06 .li_img_box {
    display: flex;
    align-items: flex-end;
    justify-content: space-evenly;
}

.content.sub_page .img_box_06 .li_img_box>ul {
    display: flex;
    gap: 1em;
}

.content.sub_page .img_box_02 {
    display: flex;
    gap: 2em;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.content.sub_page .img_box_02 .img_box_02_li {
    width: 48%;
}

.content.sub_page .img_box_02_small {
    position: relative;
    max-width: 420px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 330px;
    height: 100%;
    min-width: 340px;
}

.content.sub_page .img_box_02_small .text_site_01 {
    width: 40%;
    word-break: auto-phrase;
    min-width: 12em;
}

.content.sub_page .img_box_02_small .text_site_01 p {
    word-break: auto-phrase;
    padding: 10px;
    border-radius: 15px;
}

.content.sub_page .img_box_02_small .text_site_01 p span {
    background: #f9b986;
}

.content.sub_page .img_box_02_small .text_site_02 {
    margin-top: 2em;
}

.content.sub_page .img_box_02_small .text_site_02 p {
    border: 2px solid;
    background: #fff;
    padding: 0.5em;
    border-radius: 15px;
    min-height: 5em;
}

.content.sub_page .img_box_02_small .img_site {
    position: absolute;
    top: -2em;
    right: 0;
    z-index: -1;
}

.content.sub_page .imgtxt_box_02 {
    display: flex;
    gap: 2em;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-around;
}

.content.sub_page .imgtxt_box_02 .img_box_02_li {
    width: 48%;
}

.content.sub_page .imgtxt_box_02_small {
    position: relative;
    max-width: 420px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 330px;
    height: 100%;
    min-width: 340px;
}

.content.sub_page .imgtxt_box_02_small .text_site_01 {
    width: 40%;
    word-break: auto-phrase;
    min-width: 12em;
}

.content.sub_page .imgtxt_box_02_small .text_site_01 p {
    word-break: auto-phrase;
    padding: 10px;
    border-radius: 15px;
}

.content.sub_page .imgtxt_box_02_small .text_site_01 p span {
    background: #f9b986;
}

.content.sub_page .imgtxt_box_02_small .text_site_02 {
    margin-top: 2em;
}

.content.sub_page .imgtxt_box_02_small .text_site_02 p {
    border: 2px solid;
    background: #fff;
    padding: 0.5em;
    border-radius: 15px;
    min-height: 5em;
}

.content.sub_page .imgtxt_box_02_small .img_site {
    position: absolute;
    top: -2em;
    right: 0;
    z-index: -1;
}


.content.sub_page .img_box_03 {
    display: flex;
    font-size: 1.7em;
    gap: 1em;
}

.content.sub_page .img_box_03 li {}

.content.sub_page .img_box_03 li div {
    height: 1.6em;
    width: 1.6em;
    border-radius: 50%;
    margin: 0 auto 1em;
}

.content.sub_page .img_box_03.yellow li div {
    background: #ffc000;
}

.content.sub_page .img_box_03.blue li div {
    background: #0b76a0;
}

.content.sub_page .img_box_03 li p {
    text-align: center;
    margin: 1em 0;
}

.content.sub_page .img_box_03 li img {
    width: 100%;
}

.content.sub_page .img_box_05 {
    display: flex;
    justify-content: space-between;
    gap: 8em;
}

.content.sub_page .img_box_05 p {}

.content.sub_page .img_box_05 img {
    max-height: 249px;
}

.content.sub_page .img_box_06 {
    display: flex;
    flex-direction: column;
    gap: 3em;
}

.content.sub_page .img_box_06 p {}

.content.sub_page .img_box_06 img {
    width: 100%;
}

.content.sub_page .img_box_06.rate_01 {
    gap: 1em;
}

.content.sub_page .img_box_07 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    font-size: 1.7em;
    text-align: center;
}

.content.sub_page .img_box_07 li {
    width: 400px;
    padding-top: 1em;
}

.content.sub_page .img_box_07 li img {
    max-height: 198px;
}

.content.sub_page .img_box_07 div {
    border: 10px solid #dfded2;
    text-align: center;
    padding: 1em;
}

.content.sub_page .img_box_07 .text_01 {
    padding: 0.5em 0;
}

.content.sub_page .img_box_07 .text_02 {
    font-weight: 800;
}

.content.sub_page .img_box_07 .text_03 {
    padding-top: 1em;
}

.content.sub_page .img_box_08 {
    display: flex;
    justify-content: space-between;
    gap: 2em;
}

.content.sub_page .img_box_08>li {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
}

.content.sub_page .img_box_08 li>img {
    width: 100%;
}

.content.sub_page .img_box_08 .content_box {
    margin-bottom: auto;
}

.content.sub_page .img_box_09 {
    margin-top: 0.5em;
    display: flex;
    justify-content: space-between;
}

.content.sub_page .img_box_10 {
    gap: 0 4em;
    display: flex;
    padding: 0;
    font-size: 1.8em;
    line-height: 1.6;
}

.content.sub_page .img_box_10 .ri_sife {}

.content.sub_page .img_box_10 .lf_sife {
    min-width: 170px;
}

.content.sub_page .img_box_12 {
    gap: 0 4em;
    display: flex;
    padding: 0;
    font-size: 1.7em;
    line-height: 1.7;
    font-weight: 400;
    color: #777777;
}

.content.sub_page .img_box_12 .ri_sife {}

.content.sub_page .img_box_12 .lf_sife {
    min-width: 170px;
}

.content.sub_page .img_box_15 {
    gap: 0 4em;
    display: flex;
    padding: 0;
    font-size: 1.7em;
    line-height: 1.7;
    font-weight: 400;
    color: #777777;
}

.content.sub_page .img_box_15 .ri_sife {}

.content.sub_page .img_box_15 .lf_sife {
    min-width: 170px;
}

.content.sub_page .img_box_11 {
    display: flex;
    gap: 1em;
    flex-direction: column;
}

.content.sub_page .img_box_13 {
    display: flex;
    gap: 2em;
}

.content.sub_page .img_box_13 li:first-child {
    flex: 2;
}

.content.sub_page .img_box_13 li:last-child {
    flex: 1;
}

.content.sub_page .img_box_13 img {
    max-height: 348px;
    width: 100%;
    height: auto;
}

.content.sub_page .img_box_14 {
    display: flex;
    gap: 2em;

}

.content.sub_page .img_box_14 li:first-child {
    flex: 1;
}

.content.sub_page .img_box_14 li:last-child {
    flex: 2;
}

.content.sub_page .img_box_14 img {
    max-height: 348px;
    width: 100%;
    height: auto;
}

.content.sub_page .img_box_15 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1%;
}

.content.sub_page .img_box_15 li img {
    width: 32%
}

.content.sub_page .img_box_20 {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    font-size: 1.7em;
    /* 텍스트의 기본 정렬을 위해 이 줄을 수정합니다. */
    text-align: left;
}

.content.sub_page .img_box_20 li {
    /* 각 항목(li) 내부에서 이미지가 가운데 오도록 컨테이너 역할을 부여합니다. */
    margin-top: 1em;
    flex-direction: column;
}

.content.sub_page .img_box_20 img {
    /* 이미지를 수평 중앙에 위치시킵니다. */
    align-self: center;
    /* 텍스트와 이미지 사이에 적절한 여백을 줍니다. */
    margin-top: 1em;
    margin-bottom: 1em;
}



.content.sub_page .img_box_20 li img {
    max-height: 198px;
}

.content.sub_page .img_box_21 {
    display: flex;
    justify-content: space-between;
    gap: 2em;
}

.content.sub_page .img_box_21>li {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;
}

.content.sub_page .img_box_21 li>img {
    width: 100%;
}

.content.sub_page .img_box_21 .text_07 {
    font-size: 0.8em;
    line-height: 1.6;
}

.content.sub_page .img_box_21 .text_188 {
    font-size: 0.8em;
    line-height: 1.6;
    font-weight: 700;
}

.content.sub_page .img_box_22 {
    display: flex;
    align-items: center;
    justify-content: space-around;

    flex-wrap: wrap;
    font-size: 1.7em;
    /* 텍스트의 기본 정렬을 위해 이 줄을 수정합니다. */
    text-align: left;
}

.content.sub_page .img_box_22 li {
    /* 각 항목(li) 내부에서 이미지가 가운데 오도록 컨테이너 역할을 부여합니다. */
    margin-top: 1em;
    flex-direction: column;
}

.content.sub_page .img_box_22 img {
    /* 이미지를 수평 중앙에 위치시킵니다. */
    align-self: center;
    /* 텍스트와 이미지 사이에 적절한 여백을 줍니다. */
    margin-bottom: 1em;
}



.content.sub_page .img_box_22 li img {
    max-height: 230px;
}

.content.sub_page .img_box_25 {
    display: flex;
    justify-content: center;
    /* 가운데 정렬로 변경하여 균형 맞춤 */
    align-items: center;

    font-size: 1.6em;
    text-align: center;
    gap: 2em;
    /* 아이템 사이의 간격을 추가 */
}

.content.sub_page .img_box_25 li {
    width: 100%;
    /* 화면이 작을 때 가로 너비를 100%로 설정 */

    padding-top: 1em;
}

.content.sub_page .img_box_25 li img {
    width: 100%;

    object-fit: contain;
    /* 이미지가 잘리지 않고 모두 보이도록 변경 */
}

.content.sub_page .img_box_25 div {
    border: 3px solid #dfded2;
    text-align: center;
    padding: 0.5em;
}

.content.sub_page .img_box_25 .text_01 {
    margin-bottom: 0.2em;
}

.content.sub_page .img_box_25 .text_02 {
    font-weight: 800;
}

.content.sub_page .img_box_25 .text_03 {
    padding-top: 1em;
}


.content.sub_page .img_box_26 {
    font-size: 1.6em;
    text-align: center;
}

.content.sub_page .img_box_26 li {
    padding-top: 1em;
}

.content.sub_page .img_box_26 li img {
    max-height: 250px;
}

.content.sub_page .img_box_26 div {
    border: 3px solid #dfded2;
    text-align: center;
    padding: 0.5em;
}

.content.sub_page .img_box_26 .text_01 {
    margin-bottom: 0.2em;
}

.content.sub_page .img_box_26 .text_02 {
    font-weight: 800;
}

.content.sub_page .img_box_26 .text_03 {
    padding-top: 0.5em;
}

.content.sub_page .slide-content .inner_text {
    position: absolute;
    bottom: 2em;
    color: #fff;
    font-size: 1.5em;
    width: 100%;
    text-align: center;
    text-align: center;
}

.content.sub_page .cont_img_small .swiper-slide .slide-content .inner_text {
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 1.5em;
    width: 100%;
    text-align: center;
}

.content.sub_page .cont_img_small .swiper-slide .slide-content .caption {
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 0.7em;
    line-height: 1.5em;
    width: 100%;
    text-align: left;
}

.content.sub_page .big_img_box_01 {
    display: flex;
    gap: 2em;
    justify-content: space-between;
}

.content.sub_page .big_img_box_01>li {
    width: 50%;
}

.content.sub_page .big_img_box_01 .img_box_01.gap_01 {
    gap: 1em;
}

.content.sub_page .big_img_box_01 .img_box_01.gap_01 .img_site img {
    max-width: 200px;
}

.content.sub_page .big_img_box_01.rate_01 {
    flex-wrap: wrap;
    gap: 3em;
}

.content.sub_page .big_img_box_01.rate_01>li {
    width: calc(50% - 1.5em);
}

.content.sub_page .big_img_box_01.rate_01 .img_box_01 .text_site {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.content.sub_page .big_img_box_01.rate_01 .img_box_01 .text_site .text_03 {
    padding-top: 0em;
}

.content.sub_page .big_img_box_01.rate_01 .img_box_01 .text_site img {
    width: 100%;
}

.content.sub_page .big_logoimg_box_01 {
    display: flex;
    gap: 2em;
    justify-content: lex-start;
}

.content.sub_page .big_logoimg_box_01>li {
    width: 20%;
}

.content.sub_page .big_logoimg_box_01 .img_box_01.gap_01 {
    gap: 1em;
}

.content.sub_page .big_logoimg_box_01 .img_box_01.gap_01 .img_site img {
    max-width: 50px;
}

.content.sub_page .big_logoimg_box_01.rate_01 {
    flex-wrap: wrap;
    gap: 3em;
}

.content.sub_page .big_logoimg_box_01.rate_01>li {
    width: 20%;
}

.content.sub_page .big_logoimg_box_01.rate_01 .img_box_01 .text_site {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.content.sub_page .big_logoimg_box_01.rate_01 .img_box_01 .text_site .text_03 {
    padding-top: 0em;
}

.content.sub_page .big_logoimg_box_01.rate_01 .img_box_01 .text_site img {
    width: 100%;
}

.content.sub_page .logoimg_box_01 {
    display: flex;
    gap: 1.5em;
    font-size: 1.7em;
    line-height: 1.5em;
}

.content.sub_page .circle_img_box_01 {
    display: flex;
    justify-content: center;
    align-content: center;
}


.content.sub_page .icon_imgtxt_box_02 {
    display: flex;
    gap: 2em;
    justify-content: space-between;
}

.content.sub_page .icon_imgtxt_box_02>li {
    width: 20%;
}

.content.sub_page .icon_imgtxt_box_02 .img_box_01.gap_01 {
    gap: 1em;
}

.content.sub_page .icon_imgtxt_box_02 .img_box_01.gap_01 .img_site img {
    max-width: 50px;
}

.content.sub_page .icon_imgtxt_box_02.rate_01 {
    flex-wrap: wrap;
    gap: 3em;
}

.content.sub_page .icon_imgtxt_box_02.rate_01>li {
    width: 20%;
}

.content.sub_page .icon_imgtxt_box_02.rate_01 .imgtxt_box_01 .text_site {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.content.sub_page .icon_imgtxt_box_02.rate_01 .imgtxt_box_01 .text_site .text_03 {
    padding-top: 0em;
}

.content.sub_page .icon_imgtxt_box_02.rate_01 .imgtxt_box_01 .text_site img {
    width: 100%;
}

.content.sub_page .icon_imgtxt_box_02 .imgtxt_box_02.gap_01 .text_site .mobile-line {
    display: none;
}

.content.sub_page .big_text_box_01 {
    display: flex;
    gap: 2em;
    justify-content: lex-start;
    padding: 0.5em 0;
}

.content.sub_page .big_text_box_01 .img_box_01 .text_site .text_01 {
    font-weight: 500;
}

.content.sub_page .big_text_box_01>li {
    width: 48%;
}

.content.sub_page .big_text_box_01 .img_box_01.gap_01 {
    gap: 0.5em;
    justify-content: space-between;
    min-height: 145px;
}

.content.sub_page .big_text_box_01 .img_box_01.gap_01 .img_site {
    width: 33%;
    background: #6b655d;
    color: #fff;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content.sub_page .big_text_box_01 .img_box_01.gap_01.bg_02 .img_site {
    background: #c79f6f;
}

.content.sub_page .big_text_box_01.rate_01 {
    flex-wrap: wrap;
    gap: 3em;
    justify-content: space-between;
}

.content.sub_page .big_text_box_01.rate_01>li {}

.content.sub_page .big_text_box_01.rate_01 .img_box_01 .text_site {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(67% - 0.5em);
    padding: 1.2em;
    border: 1px solid #6b655d;
}

.content.sub_page .big_text_box_01.rate_01 .img_box_01.bg_02 .text_site {
    border: 1px solid #c79f6f;
}

.content.sub_page .big_img_box_01.rate_01 .img_box_01 .text_site .text_03 {
    padding-top: 0em;
}

.content.sub_page .big_img_box_01.rate_01 .img_box_01 .text_site img {
    width: 100%;
}

.content.sub_page .big_logoimg_box_01.rate_01 .img_box_01 .text_site .text_03 {
    padding-top: 0em;
}

.content.sub_page .big_logoimg_box_01.rate_01 .img_box_01 .text_site img {
    width: 100%;
}

.content.sub_page .dble_imgtxt_box_02 {
    display: flex;
    gap: 2em;
    justify-content: space-evenly;
}

.content.sub_page .icon_imgtxt_box_02 {
    display: flex;
    gap: 2em;
    justify-content: space-evenly;
}

.content.sub_page .icon_imgtxt_box_02>li {
    width: 20%;
}

.content.sub_page .icon_imgtxt_box_02 .img_box_02.gap_01 {
    gap: 1em;
}

.content.sub_page .icon_imgtxt_box_02 .img_box_02.gap_01 .img_site img {
    max-width: 50px;
}

.content.sub_page .icon_imgtxt_box_02.rate_01 {
    flex-wrap: wrap;
    gap: 3em;
}

.content.sub_page .icon_imgtxt_box_02.rate_01>li {
    width: calc(20% - 1.5em);
}

.content.sub_page .icon_imgtxt_box_02.rate_01 .img_box_02 .text_site {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.content.sub_page .icon_imgtxt_box_02.rate_01 .img_box_02 .text_site .text_03 {
    padding-top: 0em;
}

.content.sub_page .icon_imgtxt_box_02.rate_01 .img_box_02 .text_site img {
    width: 100%;
}

.content.sub_page .text_10 {
    word-break: keep-all;
    color: #1e24b0;
    text-align: center;
    font-style: italic;
    font-size: 1.1em;
    line-height: 1.6em;
    font-weight: 700;
}

.content.sub_page .vs_title {
    font-size: 2.6em;
    text-align: center;
}

.content.sub_page .vs_title.left_align {
    text-align: left;
    color: #000;
}

.content.sub_page .vs_title.left_align.sub {
    text-align: center;
}

.content.sub_page .vs_box {
    display: flex;
    gap: 1em;
    justify-content: space-between;
    font-size: 2.6em;
    color: #fff;
}

.content.sub_page .vs_box.b_line {
    font-size: 1em;
}

.content.sub_page .vs_box li {
    width: 100%;
    line-height: 1em;
    font-weight: 900;
}

.content.sub_page .vs_box li span {
    font-size: 0.6em;
    font-weight: 400;
}

.content.sub_page .vs_box li ul {
    padding: 30px;
    display: flex;
    gap: 0.4em;
    align-items: center;
    height: 100%;
}

.content.sub_page .vs_box li ul li:nth-child(1) {
    font-size: 2em;
    width: auto;
    font-weight: 900;
}

.content.sub_page .vs_box .lf_side ul {
    background: #3f4b63;
}

.content.sub_page .vs_box .ri_side ul {
    background: #cf914a;
}

.content.sub_page .vs_box_side {
    display: flex;
    gap: 2em;
    align-items: center;
}

.content.sub_page .vs_box_side .text_site {
    width: 100%;
}

.content.sub_page .vs_box_side .text_site .text_01 {
    font-weight: 900;
    font-size: 2em;
    color: #fff;
    padding: 1em;
    background: #3F4B62;
}

.content.sub_page .vs_box_side .text_site .text_99 {
    font-weight: 800;
    font-size: 1.7em;
    color: #fff;
    padding: 0.5em;
    background: #646755;
    text-align: center;
}

.content.sub_page .vs_box_side .text_site .text_98 {
    font-weight: 800;
    font-size: 1.7em;
    color: #fff;
    padding: 0.5em;
    background: #008f96;
    text-align: center;
}

.content.sub_page .vs_box_side .text_site .text_26 {
    font-weight: 800;
    font-size: 1.7em;
    color: #fff;
    padding: 0.5em;
    background: #8b6e4e;
    text-align: center;
}

.content.sub_page .vs_box_side .text_site .text_97 {
    font-weight: 800;
    font-size: 1.7em;
    color: #777777;
    padding: 0.5em;
    background: #bce5e2;
    text-align: center;
}

.content.sub_page .vs_box_side .text_site .text_91 {
    font-weight: 800;
    font-size: 1.9em;
    color: #fff;
    padding: 0.6em;
    background: #a99284;
    text-align: left;
}

.content.sub_page .vs_box_side .text_site .text_02 {
    padding: 0.4em 0;
    font-size: 1.7em;
    font-weight: 800;
}

.content.sub_page .vs_box_side .img_site .text_25 {
    font-size: 1.3em;
    line-height: 1.6;
}

.content.sub_page .vs_box_side .text_site .text_03 {
    font-size: 1.5em;
    line-height: 1.6;
}

.content.sub_page .vs_box_side.ri {
    flex-direction: row-reverse;
    justify-content: space-between;
}

.content.sub_page .vs_box_side.ri_text .text_site .text_01 {
    background: #CF914A;
}

.content.sub_page .og_box {
    display: flex;
    gap: 1em;
    justify-content: space-between;
    font-size: 1.7em;
    line-height: 1.6;
    color: #777777;
}

.content.sub_page .og_box.b_line {
    font-size: 1em;
}

.content.sub_page .og_box .lf_side {
    width: 25%;
    /* 데스크탑용 왼쪽 박스 너비 */
    background: #ffd71e;
    text-align: center;
}

.content.sub_page .og_box .ri_side {
    width: 75%;
    /* 데스크탑용 오른쪽 박스 너비 (gap 고려) */
    background: #ffd71e;
}

.content.sub_page .og_box li ul {
    padding: 20px;
    display: flex;
    gap: 0.4em;
    /* 내부 li 간의 간격이지만, 현재 li가 하나만 있음 */
    align-items: center;
    justify-content: flex-start;
    height: 100%;
}

.content.sub_page .og_box li ul li {
    width: auto;
    text-align: center;
    font-weight: 400;
}

.content.sub_page .og_box .lf_side ul {
    justify-content: center;
}

.content.sub_page .og_box .lf_side ul li {
    text-align: center;
}

.content.sub_page .og_box .ri_side ul {
    justify-content: center;
}

.content.sub_page .og_box .ri_side ul li {
    text-align: center;
}

.content.sub_page .og_box_side {
    display: flex;
    gap: 2em;
    align-items: center;
}

.content.sub_page .og_box_side .text_site {
    width: 100%;
}

.content.sub_page .og_box_side.ri {
    flex-direction: row-reverse;
    justify-content: space-between;
}

.content.sub_page .cm_box li {
    width: 100%;
    line-height: 1em;
    font-weight: 900;
}

.content.sub_page .cm_box li span {
    font-size: 0.6em;
    font-weight: 400;
}

.content.sub_page .cm_box li ul {
    padding: 30px;
    display: flex;
    gap: 0.4em;
    align-items: center;
    height: 100%;
}

.content.sub_page .cm_box_center {
    display: flex;
    gap: 2em;
    align-items: center;
}

.content.sub_page .cm_box_center .text_site {
    width: 100%;
}

.content.sub_page .cm_box_center .text_site .text_01 {
    font-weight: 900;
    font-size: 2em;
    text-align: center;
    color: #fff;
    padding: 1em;
    background: #8b6e4e;
}

.content.sub_page .cs_box_center {
    display: flex;
    gap: 2em;
    align-items: center;
}

.content.sub_page .cs_box_center .text_site {
    width: 100%;
}

.content.sub_page .cs_box_center .text_site .text_01 {
    font-weight: 900;
    color: #000;
    padding: 1em;
    background: #dbd2c8;
}

.content.sub_page .cs_box_center .text_site .text_01 {
    font-weight: 900;
    font-size: 2em;
    text-align: center;
    color: #000;
    padding: 1em;
    background: #dbd2c8;
}

.content.sub_page .cs_box_center .text_site .text_01 .mobile-text {
    display: none;
}

/* PC에서는 desktop-text를 보여줌 (span은 기본적으로 inline이므로 별도 display 설정 불필요할 수 있음) */
.content.sub_page .cs_box_center .text_site .text_01 .desktop-text {
    display: inline;
    /* 또는 span의 기본값 */
}

.content.sub_page .ot_box_center {
    display: flex;
    gap: 2em;
    align-items: center;
}

.content.sub_page .ot_box_center .text_site {
    width: 100%;
}

.content.sub_page .ot_box_box_centerox_center .text_site .text_01 {
    font-weight: 900;
    color: #000;
    padding: 1em;
    background: #f6c6ad;
}

.content.sub_page .ot_box_center .text_site .text_01 {
    font-weight: 900;
    font-size: 2em;
    text-align: center;
    color: #000;
    padding: 1em;
    background: #f6c6ad;
}

.btn-wrap-center {
    display: flex;
    justify-content: center;
    /* 가로(주축) 중앙 정렬 */
    align-items: center;
    /* 세로(교차축) 중앙 정렬 */

    /* (예시) 화면 전체 높이의 정중앙에 놓고 싶다면 아래 속성 추가 */
    /* min-height: 100vh; */
    /* width: 100%; */
}

.btn-rect {
    /* 1. Reset & Layout */
    appearance: none;
    /* OS 기본 스타일 제거 (크로스 브라우징) */
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    /* 패딩 포함 크기 계산 */

    /* 2. Box Model & Typography */
    padding: 5px 45px;
    min-width: 120px;
    /* 최소 너비 확보 */
    font-size: 1.7em;
    font-weight: 700;
    line-height: 1.7;
    text-decoration: none;

    /* 3. Visuals (직각 처리 핵심) */
    border: 1px solid transparent;
    border-radius: 85px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    /* 부드러운 상태 변화 */
}

/* 색상 테마: Primary (Solid) */
.btn-primary {
    background-color: #23b494;
    color: #002060;
}

.btn-primary:hover {
    background-color: #333333;
    color: #fff;
}

.btn-primary:active {
    background-color: #000000;
    color: #fff;
}

/* 색상 테마: Outline (Ghost) */
.btn-outline {
    background-color: transparent;
    border-color: #1a1a1a;
    color: #1a1a1a;
}

.btn-outline:hover {
    background-color: #f5f5f5;
}

.btn-outline:active {
    background-color: #e0e0e0;
}

/* 4. 웹 접근성 (Keyboard Navigation) */
/* 마우스 클릭 시에는 아웃라인을 숨기고, 키보드 탭 이동 시에만 표시 */
.btn-rect:focus-visible {
    outline: 2px solid #1a1a1a;
    outline-offset: 2px;
    /* 버튼과 아웃라인 사이 간격 */
}

.content.sub_page .text_b {
    font-weight: 900;
    font-size: 2em;
    color: #3F4B62;
}

.content.sub_page.swiper_main {
    margin: 40px auto 20px;
    max-width: 860px;
}

.content.sub_page.swiper_sub {
    margin: 0px auto 50px;
    max-width: 860px;
}

.content.sub_page.swiper_sub .cont_img_small .gray_text {
    padding: 0;
}

.content.sub_page.swiper_sub .cont_img_small {
    padding: 0;
}

.content.sub_page .swiper1,
.content.sub_page .swiper2,
.content.sub_page .swiper3 {
    overflow: hidden;
}

.content.sub_page .slide-content img {
    width: 100%;
}

.content.sub_page .swiper-button-prev {
    left: 0em;
    font-size: 7em;
    color: #777777;
}

.content.sub_page .swiper-button-next {
    right: 0em;
    font-size: 7em;
    color: #777777;
}

.content.sub_page .img_box_53 .swiper-button-prev {
    left: 0em;
    font-size: 4em;
    color: #777777;
}

.content.sub_page .img_box_53 .swiper-button-next {
    right: 0em;
    font-size: 4em;
    color: #777777;
}

.responsive-iframe-container {
    position: relative;
    width: 100%;
    max-width: 400px;
    /* 원하는 최대 크기로 설정 가능 */
    aspect-ratio: 9 / 16;
    /* 쇼츠 비율 */
    margin: auto;
}

.responsive-iframe-container iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.responsive-video-container {
    position: relative;
    width: 100%;
    max-width: 800px;
    aspect-ratio: 16 / 9;
    margin: auto;
}

.responsive-video-container iframe {
    width: 100%;
    height: 100%;
    border: none;
}


.responsive-video-container-ver {
    position: relative;
    width: 211%;
    max-width: 1000px;
    aspect-ratio: 16 / 9;
    margin: auto;
}

.responsive-video-container-ver iframe {
    width: 100%;
    height: 100%;
    border: none;
}


.gray_text {
    font-size: 1.3em;
    color: #ABA59E;
    text-align: left;
    padding: 1em 0;
}

.gray_text.no_air {
    font-size: 2.3em;
}

.content.sub_page .wht_text {
    font-size: 1.3em;
    line-height: 1.8;
    color: #fff;
    text-align: center;
}

.content.sub_page .nob_text.extra_01 {
    background: #777777;
    color: #fff;
    padding: 0.1em 0.4em;
    width: fit-content;
    font-size: 1em;
}

.extra_01 {
    background: #777777;
    color: #fff;
    padding: 0.1em 0.4em;
    width: fit-content;
    font-size: 1em;
}

.extra_02 {
    color: #000;
    padding: 0.1em 0.4em;
    width: fit-content;
}

b.extra_01 {}

.last_and {
    border: 2px solid;
    display: block;
    margin: 2em 0 4em;
}

.border_box {
    border: 1px solid;
    padding: 1em !important;
}

.border_clrbox {
    background-color:#e7e8df;
    padding: 1em !important;
}

/*.audio_btn{text-align: center;background: #dfded2;font-size: 2em;
    width: 200px;
    margin: 0 auto;    cursor: pointer;}*/
.audio_btn:hover span {
    font-weight: 900;
}

.audio_btn {}

.icon {
    width: auto;
}

@media only all and (max-width:1630px) {

    .content.sub_page .img_box_02_small .img_site img {
        max-height: 300px;
    }

}


@media screen and (max-width:768px) {
    .border_box {
        padding: 1em !important;
    }
    
    .border_clrbox {
        padding: 1em !important;
    }

    .content.sub_page {
        font-size: 0.9em;
        margin: 25px auto 25px;
    }

    .content.sub_page .main_title {
        font-size: 2.2em;
    }

    .content.sub_page .main_sub_title {
        font-size: 1.7em;
    }

    .content.sub_page .main_sub_title.color {
        text-align: left;
    }



    .content.sub_page .main_sub_title .clr_box_txt {
        font-size: 1.2em;
    }

    .content.sub_page .main_sub_title .rounded_box {
        width: 80%;
        border-radius: 50px;
        font-size: 1.2em;
    }

    .content.sub_page .vs_title {
        font-size: 2em;
    }

    .content.sub_page .cont_img_small_eha {
        width: 100%;
    }

    .content.sub_page .cont_img_small {
        width: 100%;
    }

    .content.sub_page .cont_img_small_br {
        width: 80%;
    }

    .content.sub_page.swiper_main .cont_img_small {
        width: 80%;
    }

    .content.sub_page.swiper_sub .cont_img_small {
        width: 80%;
    }

    .content.sub_page .img_box_12 {
        gap: 0 4em;
        display: flex;
        padding: 0;
        font-size: 1.5em;
        line-height: 1.6;
        font-weight: 400;
        color: #777777;
    }

    .content.sub_page .img_box_15 {
        gap: 0 4em;
        display: flex;
        padding: 0;
        font-size: 1.5em;
        line-height: 1.6;
        font-weight: 400;
        color: #777777;
    }

    .content.sub_page .img_box_01 {
        gap: 1em;
    }

    .content.sub_page .img_box_01 {
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        gap: 1em;
        flex-direction: column;
    }

    .content.sub_page .img_box_01_rsb {
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        gap: 1em;
        flex-direction: column-reverse;
    }

    .content.sub_page .img_box_01.rate_01 .text_site a {
        font-size: 1.1em;
        margin: 1em 0;
        text-align: center;
    }

    .content.sub_page .img_box_01.mob_rever {
        flex-direction: column;
    }


    .content.sub_page .img_box_01.rate_02 {
        flex-direction: column;
    }

    .content.sub_page .img_box_01.rate_02 .img_site {
        width: 100%;
        min-width: 130px;
        text-align: center;
    }

    .content.sub_page .img_box_01.rate_02 .img_site img {
        max-width: 200px;
    }

    .content.sub_page .img_box_01.rate_03 {
        flex-direction: column;
    }

    .content.sub_page .img_box_02_small .img_site {
        max-width: 60%;
    }

    .content.sub_page .img_box_02 .img_box_02_li {
        width: auto;
        margin: 0 auto;
    }

    .content.sub_page .imgtxt_box_02 .img_box_02_li {
        width: auto;
        margin: 0 auto;
    }

    .content.sub_page .img_box_03 {
        flex-direction: column;
    }

    .content.sub_page .img_box_03 li div {
        display: none;
    }

    .content.sub_page .img_box_05 {
        flex-direction: column;
        width: 80%;
        margin: auto;
    }

    .content.sub_page .img_box_05 img {
        max-height: unset;
    }

    .content.sub_page .img_box_05 p {}

    .content.sub_page .img_box_06 p {
        font-size: 1.2em;
    }

    .content.sub_page .img_box_07 img {
        width: auto;
    }

    .content.sub_page .img_box_02 {
        flex-direction: column;
    }

    .content.sub_page .img_box_08 {
        flex-direction: column;
    }

    .content.sub_page .img_box_25 {
        flex-direction: column;
    }

    .content.sub_page .img_box_08.flex_unset {
        flex-direction: column;
    }

    .content.sub_page .img_box_09 {
        flex-direction: column;
        gap: 0.3em;
    }

    .content.sub_page .img_box_10 {
        gap: 0 0em;
    }

    .content.sub_page .img_box_10 .lf_sife {
        min-width: 150px;
    }

    .content.sub_page .img_box_10 .ri_sife {}

    .content.sub_page .img_box_12 {
        gap: 0 0em;
    }

    .content.sub_page .img_box_12 .lf_sife {
        min-width: 150px;
    }

    .content.sub_page .img_box_12 .ri_sife {}

    .content.sub_page .img_box_15 {
        gap: 0 0em;
    }

    .content.sub_page .img_box_15 .lf_sife {
        min-width: 150px;
    }

    .content.sub_page .img_box_15 .ri_sife {}

    .content.sub_page .img_box_13 {
        flex-direction: column;
        width: 100%;
        margin: auto;
        gap: 1.5em;
    }

    .content.sub_page .img_box_13 img {
        max-height: unset;
    }

    .content.sub_page .img_box_21 {
        flex-direction: column;
    }

    .content.sub_page .img_box_21.flex_unset {
        flex-direction: column;
    }

    .content.sub_page .rounded_box_re {
        width: 90%;
        max-width: 310px;
        font-size: 1.7em;
        height: 45px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .content.sub_page .rounded_box_doo {
        width: 360px;
        height: 60px;
        border-radius: 50px;
        font-size: 1.5em;
        line-height: 1.2em;
        font-weight: 700;
        color: #000;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;

        /* Mobile responsiveness */
        max-width: 90vw;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 0 20px;
    }


    .content.sub_page .img_box_14 {
        flex-direction: column;
        width: 100%;
        margin: auto;
        gap: 1.5em;
    }

    .content.sub_page .img_box_14 img {
        max-height: unset;
    }

    .content.sub_page .img_box_22 li img {
        max-height: 210px;
    }

    .content.sub_page .big_img_box_01 .img_box_01.gap_01 .rounded_box_rec {
        background-color: #e5ead9;
        padding: 0.3em 0.5em;
        border-radius: 50px;
        font-size: 0.77em;
        color: #777777;
        text-align: center;
        margin: 0.5em;
    }

    .content.sub_page .big_img_box_01 .img_box_01.gap_01 .rounded_box_tang {
        background-color: #e0ded3;
        padding: 0.3em 0.5em;
        border-radius: 50px;
        font-size: 0.77em;
        color: #777777;
        text-align: center;
        margin: 0.5em;
    }

    .content.sub_page .icon_imgtxt_box_02 .imgtxt_box_02.gap_01 .img_site img {
        max-width: 33px;
    }

    .content.sub_page .big_img_box_01 {
        flex-direction: column;
    }

    .content.sub_page .big_img_box_01 li {
        width: 100%;
    }

    .content.sub_page .big_img_box_01.rate_01>li {
        width: 100%;
    }

    .content.sub_page .big_text_box_01>li {
        width: 100%;
    }

    .content.sub_page .big_logoimg_box_01.rate_01>li {
        width: 39%;
    }

    .content.sub_page .img_box_01 {
        gap: 1em;
    }

    .content.sub_page .img_box_01.rate_01 .text_site a {
        font-size: 1.1em;
        margin: 1em 0;
        text-align: center;
    }

    .content.sub_page .img_box_01.mob_rever {
        flex-direction: column;
    }

    .content.sub_page .img_box_01.mob_rever_rsd {
        flex-direction: column-reverse
    }


    .content.sub_page .img_box_01.rate_02 {
        flex-direction: column;
    }

    .content.sub_page .img_box_01.rate_02 .img_site {
        width: 100%;
        min-width: 130px;
        text-align: center;
    }

    .content.sub_page .img_box_01.rate_02 .img_site img {
        max-width: 200px;
    }

    .content.sub_page .img_box_01.rate_03 {
        flex-direction: column;
    }

    .content.sub_page .img_box_01.rate_03.flex_wrap>li {
        width: 100%;
    }

    .content.sub_page .img_box_16.rate_04 {
        flex-direction: column;
    }

    /*031325 add*/
    .content.sub_page .img_box_01.mob_rever.img_box_01 .img_site {
        width: 100%;
    }

    .content.sub_page .img_box_01 .img_site {
        min-width: 130px;
    }

    .content.sub_page .icon_imgtxt_box_02.rate_01>li {
        width: 39%;
    }

    .content.sub_page .big_img_box_01 {
        display: flex;
        gap: 2em;
        justify-content: space-between;
    }

    .content.sub_page .icon_imgtxt_box_02 .imgtxt_box_02.gap_01 .text_site .p .mobile-line {
        display: inline;
    }

    .content.sub_page .big_logoimg_box_01 .img_box_01.gap_01 .img_site img {
        max-width: 33px;
    }

    .content.sub_page .big_logoimg_box_01 {
        display: flex;
        gap: 2em;
        justify-content: space-between;
    }

    .content.sub_page .big_logoimg_box_01.rate_01 .img_box_01.gap_01 .img_site {
        min-width: unset;
    }

    .content.sub_page .big_img_box_01 .img_box_01 {
        max-width: 100%;
        display: flex;
        align-items: stretch;
        justify-content: flex-start;
        flex-direction: column;
    }

    .content.sub_page .big_img_box_02 {
        flex-direction: column;
    }

    .content.sub_page .big_img_box_02 li {
        width: 100%;
    }

    .content.sub_page .big_img_box_02.rate_01>li {
        width: 100%;
    }

    .content.sub_page .img_box_53 .swiper-button-prev {
        left: 0em;
        font-size: 2.5em;
        color: #777777;
    }

    .content.sub_page .img_box_53 .swiper-button-next {
        right: 0em;
        font-size: 2.5em;
        color: #777777;
    }

    .content.sub_page .circle_img_box_01.rate_01 .img_box_01.gap_01 .img_site {
        min-width: unset;
    }

    .content.sub_page .img_box_53.mob_rever.border_box.horse .img_site {
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        gap: 1em;
        flex-direction: column;
    }


    .content.sub_page .large_img_box_01>li {
        width: 100%;
        /* 모바일에서는 한 줄에 하나씩 표시 */
    }

    .content.sub_page .large_img_box_01 {

        flex-direction: column;
    }

    .img_box_91 .img_site {
        gap: 15px;
        /* 모바일에서는 간격 조금 축소 */
    }

    .img_box_91 .img_site img {
        width: 15%;
        /* 모바일에서는 아이콘 비율을 조금 더 키움 (예시) */
        min-width: 50px;
        /* 너무 작아지지 않도록 최소 너비 보장 */
    }

    .content.sub_page .img_box_53.mob_rever.border_box .img_site {
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        gap: 1em;
        flex-direction: column;

    }

    .content.sub_page .img_box_53.mob_rever.border_clrbox .img_site {
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        gap: 1em;
        flex-direction: column;

    }

    .content.sub_page .img_box_88.mob_rever.border_box.horse .img_site {
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        gap: 1em;
        flex-direction: column;
    }

    .content.sub_page .img_box_88.mob_rever.border_box .img_site {
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        gap: 1em;
        flex-direction: column;

    }

    .content.sub_page .big_text_box_01 .img_box_01.gap_01 {
        flex-direction: unset;
        align-items: stretch;
    }

    .content.sub_page .icon_imgtxt_box_02 li {
        width: 100%;
    }

    .content.sub_page .big_text_box_01.rate_01 {
        gap: 1em;
    }

    .content.sub_page .big_text_box_01.rate_01:nth-child(2n) {
        flex-direction: column-reverse;
    }

    .content.sub_page .icon_imgtxt_box_02.rate_01>li {
        width: 44%;
    }


    .content.sub_page .vs_box {
        font-size: 2.4em;
    }

    .content.sub_page .vs_box li ul {
        padding: 10px;
        gap: 0.2em;
        font-size: 0.7em;
    }

    .content.sub_page .vs_box_side {
        gap: 1em;
    }

    .content.sub_page .vs_box_side .img_site {
        min-width: 130px;
    }

    .content.sub_page .vs_box_side .text_site .text_01 {
        font-size: 1.7em;
    }

    .content.sub_page .vs_box_side .text_site .text_99 {
        font-size: 1.7em;
    }

    .content.sub_page .vs_box_side .text_site .text_98 {
        font-size: 1.7em;
    }

    .content.sub_page .vs_box_side .text_site .text_26 {
        font-size: 1.7em;
    }

    .content.sub_page .vs_box_side .text_site .text_91 {
        font-size: 1.7em;
    }

    .content.sub_page .vs_box_center {
        gap: 1em;
    }

    .content.sub_page .vs_box_center .text_site .text_01 {
        font-size: 1.7em;
    }

    .content.sub_page .content_box img {
        width: auto;
    }

    .content.sub_page .color_box img {
        width: auto;
    }

    .content.sub_page.swiper_main {
        margin: 0px auto 00px;
    }

    .content.sub_page .swiper-button-prev {
        left: 0.0em;
        font-size: 4em;
    }

    .content.sub_page .swiper-button-next {
        right: 0.0em;
        font-size: 4em;
    }

    .content.sub_page .wht_text {
        font-size: 1.1em;
        line-height: 1.8;
        color: #fff;
        text-align: center;
    }

    .content.sub_page .slide-content .inner_text {
        font-size: 0.8em;
        bottom: 1em;
        max-width: 80%;
        left: 50%;
        transform: translateX(-50%);
    }

    .content.sub_page .cont_img_small .swiper-slide .slide-content .inner_text {
        font-size: 0.8em;
        bottom: 0;
        max-width: 102%;
        left: 50%;
        transform: translateX(-50%);
    }

    .cont_img.pc {
        display: none;
    }

    .cont_img.mo {
        display: block;
    }

    .responsive-video-container {
        position: relative;
        width: 100%;
        max-width: 800px;
        aspect-ratio: 16 / 9;
        /* 일반 영상 비율 */
        margin: auto;
    }

    .responsive-video-container-ver {
        position: relative;
        width: 100%;
        max-width: 800px;
        aspect-ratio: 16 / 9;
        /* 일반 영상 비율 */
        margin: auto;
    }

    .content.sub_page .og_box {
        /* flex-direction: column; */
        /* 이 줄을 삭제하거나 주석 처리하여 세로 쌓기를 비활성화합니다. */
        /* .og_box의 기본 display:flex 설정으로 인해 자동으로 가로 배열이 됩니다. */
        font-size: 1.5em;
        line-height: 1.5;
    }

    .content.sub_page .og_box .lf_side {
        width: 35%;
    }

    .content.sub_page .og_box .ri_side {
        width: 60%;
    }

    .content.sub_page .og_box li ul {
        justify-content: center;
        padding: 15px;
    }

    .content.sub_page .og_box li ul li:nth-child(1) {
        text-align: center;
    }

    .content.sub_page .cs_box_center .text_site .text_01 .desktop-text {
        display: none;
        /* PC용 텍스트 숨김 */
    }

    .content.sub_page .cs_box_center .text_site .text_01 .mobile-text {
        display: inline;
        /* 모바일용 텍스트 보여줌 */
    }

}