@charset "utf-8";
/* ********************  sub_top ******************* */


@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family:'Paperlogy-6SemiBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family:'Paperlogy-5Medium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

@font-face {
        font-family: 'GowunDodum-Regular';
        src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunDodum-Regular.woff') format('woff');
        font-weight: normal;
        font-style: normal;
}

@font-face {
    font-family: 'IbmPlexSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Regular.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

*,body{font-family:'Pretendard';}

.header { background: #fff; } 


.pc-only { display:block; } 
.mo-only,.tm-only,.tm-only2 { display:none !important; } 
@media all and (max-width:1279px){
 .tm-none2 { display: none !important; } 
 .tm-only2 { display: block!important; } 
 }

@media all and (max-width:1025px){
 .tm-none { display: none !important; } 
 .tm-only { display: block!important; } 
 }
@media all and (max-width:767px)
 {
 .pc-only { display:none; } 
 .mo-only { display:block !important; } 
 }
@media screen and (min-width: 767px) and (max-width: 1279px){
 .tb-none { display: none !important; } 
 }

.pc-n { display: none } 

/* ******************** sub_page ******************* */

.sub_page { display: flex; width: 100%; margin: 0 auto; align-items: stretch; max-width: 1440px; gap: 80px;}

@media all and (max-width:1279px){
    .sub_page{gap:36px}
}


.page_head { position: sticky; text-align: left; flex-shrink: 0; top:80px;flex-shrink: 0; width: 35%; max-width: 500px;}
.page_head .page_head_wrap {width: 100%;position: -webkit-sticky; position: sticky;top:80px; padding:80px 0 70px 0; display: flex; flex-direction: column; gap: 28px; overflow: scroll;  -ms-overflow-style: none;    scrollbar-width: none; height: calc(100vh - 80px);}
.page_head .category { font-family:'Pretendard'; font-size: 20px;font-weight: 400;line-height: 28px; letter-spacing: -0.8px;} 


.page_head .page_head_wrap::-webkit-scrollbar{ display: none;}




.page_head .title {font-size: 44px;font-weight: 700;line-height: 58px; letter-spacing: -0.88px; } 
.page_head .sub_tit { color:  #4A4A4A;font-size: 28px;font-weight: 600;line-height: 36px; letter-spacing: -0.56px; margin-bottom: 10px;} 
.page_head .text,.page_head .source {  font-size: 17px; line-height:31px; letter-spacing: -0.17px; } 

.page_head .source strong { font-weight: 700; } 

.page_head .arrow{display: flex; justify-content: space-between;}
.page_head .arrow>a{display: flex; align-items: center; gap: 4px;}
.page_head .arrow>a img{width: 40px;}
.page_head .sub_quick_menu{display: flex; gap: 32px; padding: 18px 0; justify-content: center; background: #FAF1F1; align-items: center; text-align: center;}
.page_head .sub_quick_menu .q_ico img{width: 48px;}
.page_head .sub_quick_menu .q_ico span{text-align: center;font-size: 14px;font-weight: 400;line-height: 20px; letter-spacing: -0.28px; display: block;}
@media all and (max-width:1440px){

.page_head .sub_quick_menu {gap:10px; padding: 10px;}
.page_head .sub_quick_menu .q_ico span{font-size: 12px;font-weight: 400;line-height: 14px; letter-spacing: -0.24px;}
.page_head .sub_quick_menu .q_ico span{word-break: keep-all !important; }
}
@media all and (max-width:1280px){
.page_head .page_head_wrap{ overflow: auto;}
}
@media all and (max-width:1279px){
.page_head {top:60px}
.page_head .page_head_wrap { padding:0; gap: 24px; top: 60px; padding-top: 30px;  height: fit-content;}
.page_body >:nth-child(1){margin-top: 30px !important;}
.page_head .title {font-size: 30px;line-height: 40px; letter-spacing: -0.88px; } 
.page_head .sub_tit {font-size: 20px;line-height: 28px;letter-spacing: -0.48px;}
 .page_head .text,.page_head .source {  line-height:28px } 
.page_head .category{font-size: 18px; line-height: 26px;}
}


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


#contents.sub{padding-top: 60px;}
.sub_page {padding:  0 40px;}
.page_head .sub_quick_menu {gap: 20px; padding: 10px;}
.page_head .sub_quick_menu .q_ico span{font-size: 12px;font-weight: 400;line-height: 14px; letter-spacing: -0.24px;}

.page_head .sub_quick_menu{position: fixed; bottom: 0; width: 100%; left: 0; z-index: 99;}

.page_head .arrow{display:none}
.arrow_btn{display: flex; justify-content: space-between;}
.arrow_btn>a{display: flex; align-items: center; gap: 4px;}
.gray .arrow_btn>a{color: #fff;}
.arrow_btn>a img{width: 40px;}
}


@media all and (max-width:767px){
.page_head .page_head_wrap{gap: 20px; margin-top: 60px !important;}    
.page_head .category {font-size: 17px; line-height:31px; letter-spacing: -0.17px; } 
.page_head .text,.page_head .source {  font-size: 16px; line-height: 26px; letter-spacing: -0.16px; } 
.page_head br{display: none;}
.sub_page {padding:  0 20px;}
.page_head .sub_quick_menu{gap: 8px; align-items: flex-start; padding: 6px 12px 16px 12px;}
.page_head .sub_quick_menu .q_ico {padding:0; display: block;}


.page_head .title {font-size: 30px; line-height: 38px; letter-spacing: -0.6px; } 
.page_head .sub_tit {font-size: 20px;line-height:28px; letter-spacing: -0.8px;} 
} 




@media all and (max-width:380px){
.page_head .sub_quick_menu .q_ico span{word-break: keep-all !important; font-size: 11px;}
.page_head .sub_quick_menu {gap: 0px; align-items: flex-start; padding: 6px 12px 16px 12px;}
.page_head .sub_quick_menu .q_ico img{width: 35px; min-width: 35px;}
.page_head .sub_quick_menu .q_ico{padding:0 6px;}

}
@media all and (max-width:360px){
.page_head .title {font-size:28px;line-height: 36px; letter-spacing: -0.56px;} 

}



/* ***** page_body ***** */
.page_body { margin-top: 80px; width: 0;flex-grow: 1;min-width: 0;} 
.page_body >:last-child { margin-bottom: 160px !important; } 


@media all and (max-width:1480px){
.page_head {padding: 0 0px 0 40px;}
.page_body {padding: 0 40px 0 0px;}
.sub_page{gap:40px}
}

@media all and (max-width:1279px){
.page_body { margin-top: 60px;} 
}
@media all and (max-width:1025px){
.page_head {padding:0; width: 100%;}
.page_body {padding:0}

.sub_page{display: block}
.page_head .page_head_wrap,.page_head{position: relative; top: auto;   max-width:none}
.page_body{width: 100%;}
 }





/* part */
.page_body .part { margin:100px auto; } 
.page_body .part.last { margin-bottom: 160px; } 
@media all and (max-width:1025px) {
.page_body .part { margin:60px auto; } 
.page_body .part.last { margin-bottom: 120px; } 
}
/* txt_wrap */
.page_body .txt_wrap { margin: 24px 0; } 

.txt_wrap.mt0 { margin-top: 0; } 
.txt_wrap.mb0 { margin-bottom: 0; } 
.txt_wrap .title { font-size: 26px;font-weight: 600;line-height: 36px;letter-spacing: -1.04px; margin-bottom: 12px;} 
.txt_wrap .stit{font-size: 22px;font-weight: 600;line-height: 30px;letter-spacing: -0.44px; margin-bottom: 12px;} 
.txt_wrap .text {font-size: 18px;font-weight: 400;line-height: 34px; letter-spacing: -0.18px; } 

.width600{max-width: 600px; margin: 0 auto;}
.width500{max-width: 500px; margin: 0 auto;}
.width400{max-width: 400px; margin: 0 auto;}

@media all and (max-width:1279px) {
    .txt_wrap .title { font-size: 24px;line-height: 32px;letter-spacing: -0.48px;} 
}
@media all and (max-width:767px) {
    .txt_wrap .title {font-size: 22px;line-height:30px; letter-spacing: -0.22px; margin-bottom: 6px;} 
    .txt_wrap .text {    font-size: 17px; line-height: 32px; letter-spacing: -0.54px;} 
    .txt_wrap .stit{font-size: 20px;line-height:34px; letter-spacing: -0.8px; margin-bottom: 6px;}
}


/* sentence */
.sentence{ text-align: center;font-size: 22px;font-weight: 400;line-height:40px; letter-spacing: -0.22px;}
.sentence .st_caption{color:#222;text-align: center;font-size: 16px;font-weight: 400;line-height: 26px; letter-spacing: -0.16px; display: block; margin-top: 6px;}
.sentence .st_caption2{color:#222;font-size: 18px;text-align: center;font-weight: 400;line-height: 34px;  letter-spacing: -0.54px; display: block; margin-top: 12px;}

.gray .sentence .st_caption, .gray .sentence .st_caption2{color:#fff !important}

.st_flex_wrap {gap: 30px; display: flex; justify-content: center; align-items: center;}
.st_flex{display: flex;justify-content: center; align-items: center;}
.st_flex_wrap .pp img{width: 120px;}

@media all and (max-width:767px) {
   .sentence{font-size: 20px;line-height:34px; letter-spacing: -0.8px;}
   .sentence .st_caption2{font-size: 16px;font-weight: 400;line-height: 26px; letter-spacing: -0.16px;}

   .st_flex_wrap{flex-direction: column;}
   .st_flex_wrap.fdr{flex-direction: column-reverse !important;}
}

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

   .sentence{font-size: 18px; line-height: 30px; letter-spacing: -0.18px; }
}



@media all and (max-width:1279px) {
.caption.width600 { max-width: 600px; width: 100%; margin: 8px auto 0 auto !important; } 
.caption.width510 { max-width: 510px; width: 100%; margin: 8px auto 0 auto !important; } 
.caption.width400 { max-width: 400px; width: 100%; margin: 8px auto 0 auto !important; } 
.caption.width390 { max-width: 390px; width: 100%; margin: 8px auto 0 auto !important; } 
 }



/* img_wrap */
.page_body .img_wrap { text-align: center; } 
.caption{margin-top: 14px;color: #222;text-align: center;font-size: 15px;font-weight: 400;line-height: 22px;letter-spacing: -0.45px;}
.gray .caption{color:#fff}

/*ROW*/
.row:after { display: block; content: ''; clear: both; } 

/* column */
.row>:nth-child(1) { float: left; margin-right: 28px; } 
.row>:nth-child(2) { float: right;} 
.row::after { content:''; display:block; clear:both; } 
.row_r>:nth-child(1) { float: right; margin-left: 28px; } 
.row_r::after { content:''; display:block; clear:both; } 
.row.gap32>:nth-child(1) {margin-right: 32px; } 
.row .width50,.row_r .width50{width: 50%;}

@media all and (max-width:1279px) { 
.row>:nth-child(1) { display: block; float: none; margin:0 auto 24px auto; text-align: center; } 
.row_r>:nth-child(1) { float: right; float: none; margin:0 auto 24px auto; text-align: center !important; } 
.row.gap32>:nth-child(1) {margin-right: 0px; } 
.row .width50,.row_r .width50{width: 100%;}
 
} 


.pt8 { padding-top: 8px }
.pt6 { padding-top: 6px }

.mt8 { margin-top: 8px }
.mt24{margin-top: 24px;}
.mt32{margin-top: 32px;}
.mt40 { margin-top: 40px } 
.mt80 { margin-top: 80px } 
.mb12 { margin-bottom: 12px } 
.mb20 { margin-bottom: 20px !important } 
.mt30 { margin-top: 30px !important } 
.mb30 { margin-bottom: 30px !important } 



/* ******************** page_foot ******************* */

.page_foot .donation_box { position: relative; margin-bottom: 3.125rem; text-align: center; } 
.donation_box .donation { position: relative; display: inline-block; width: 22.5rem; height: 3.75rem; /* padding: 0.75rem 5rem; */ background: linear-gradient(86deg, rgba(243,106,112,1) 0%, rgba(248,125,97,1) 100%);; color: #fff; text-align: center; border-radius: 2.5rem; font-size: 1.5rem; font-family: 'S-CoreDream-3Light'; line-height: 3.75rem; cursor: pointer; } 
.donation_box .donation strong { font-family: 'S-CoreDream-7ExtraBold'; font-weight: 900; } 
.donation_box .donation:focus { outline: 0; } 
.donation_box .donation:active { transform: scale(.99); } 
.donation_box .donation a { display: block; width: 100%; height: 100%; } 
.donation_box .donation.long { width: 25rem; } 
.donation_box .donation.long2 { width: 30rem; } 
.page_foot .relation_box { padding: 1.875rem 0; border-top: 0.1rem solid #dddddd; background-color: #f4f4f4; } 
.relation_box .relation_tit { margin-bottom: 1.25rem; font-size: 1.125rem; font-family: 'S-CoreDream-7ExtraBold'; text-align: center; } 
.relation_box .relation_list { text-align: center; font-size: 0; max-width:1200px; margin: 0 auto; } 
.relation_box .relation_list li { display: inline-block; width: 28.1666%; margin-right: 3.0833%; vertical-align: top; } 
.relation_box .relation_list.four li { width: 23%; margin-right: 1.6666%; } 
.relation_box .relation_list img { width:100%; border-radius: 20px } 
.relation_box .relation_list li:last-child { margin-right: 0; } 
.relation_box .relation_list .category { margin-top: 0.9375rem; margin-bottom: 0.3125rem; font-size: 1.125rem; font-weight: bold; text-align: left; } 
.relation_box .relation_list .txt { font-size: 1rem; text-align: left; transform: skew(-0.03deg); line-height: 1.4; word-break: keep-all; } 
.sep { display: block; } 




.gray .listPage .list .btn_box .btn{background: #000; border: 1px solid white; color: white;}
.gray .listPage .top .span:after{background:white}
.mt95_mhid { margin-top: 95px; } 
.mt65_mhid { margin-top: 65px } 
.border_orange { border: 1px solid #f79a5f; float:none !important; padding:40px!important } 
.guide { width:30% } 
.w175 { width:175px; margin-top:10px; font-size: 15px; padding-left: 10px } 
.w70 { width:70% } 

.guide_tit { font-size:20px; font-weight: bold; padding-left: 10px } 
.guide_text { padding-left: 10px } 
.guide_text p { border-bottom: 1px solid #444; padding-bottom: 10px } 
.guide_text p:first-of-type { border-top: 3px solid #444; padding-top:10px } 
.guide_text p:last-of-type { border-bottom: 3px solid #444; } 

.inquire { font-weight: 600; line-height: 20px; margin-top: 5px; font-size: 14px } 
.new { padding:20px; border: 2px solid #aaaaaa; margin-top:20px; border-radius: 15px; background: #eef8f7 } 
.new_tit { font-size: 22px; color: #888; font-weight:bold; margin-top:20px } 
.new_text { font-size: 18px; line-height: 30px; padding-bottom: 5px; margin-top:20px } 
.new_tit span { color:#555 } 


/* common */

/* dep */
.dep1 { text-indent: -1.2em; padding-left: 1.2em; } 
.tal { text-align: left !important; } 
.tac { text-align: center !important; } 
.tar { text-align: right !important; } 
.sub ~ footer { background-color: #E04F42 !important; } 
.mt80-n { margin-top: 120px } 
.ka { word-break: keep-all; } 
.chinese { font-family: 'Noto Sans TC' } 
.ls5 { letter-spacing: -0.05em !important } 
.underline { text-decoration: underline } 


/*sub*/
 .flexs { display: flex;  gap: 24px; } 
 .flexs_c { display: flex; justify-content:center; gap: 24px; } 
 .flexs_c .img_wrap { margin-top: 0; margin-bottom: 0; } 
 .flexs_c.center { align-items: center!important; } 

.flex_top { align-items: flex-start; } 
.flexs.end { align-items: flex-end !important; } 
.flexs.center { align-items: center!important; } 

.flexs.three>div { flex:1 } 
.flexs.four { flex-wrap: wrap; } 
.flexs.four>div { flex: 0 0 calc(50% - 20px); } 

@media all and (max-width:1025px) {
 .flexs,.flexs_c{flex-direction: column; gap: 24px;}
 }

.wbk { word-break: keep-all !important; } 
.fwb{font-weight: 700;}
/**/
.interview { border-radius: 30px; padding: 50px 48px 60px 48px } 
.interview .lh { line-height: 24px !important; } 
.interview .text { line-height: 30px; } 
@media all and (max-width:1028px){
 .interview { padding: 30px; } 
 }

/**/
.profile { padding: 42px 80px !important; text-align: left; border-radius: 36px } 
.profile .img_wrap .caption { margin:15px 0 0 0; font-size:18px !important; color: #222; text-align: center; line-height: 20px; transform:skew(-0.03deg); word-break: keep-all; } 
.profile .comment { text-align: left; font-size:24px; line-height: 36px; font-family:'Paperlogy-5Medium'; font-weight: lighter!important; } 
.profile .pro_flex { display: flex; align-items: center; justify-content: space-between; gap: 72px; } 
.profile .pro_flex>:nth-child(1) { max-width: fit-content; width: 30%; margin-bottom: 0; } 
.profile .pro_flex>:nth-child(2) { width: 70%; } 
@media all and (max-width:1279px){
 .profile { padding: 60px 80px !important; } 
 .profile .pro_flex { display: block } 
 .profile .pro_flex>:nth-child(1) { margin:0 auto; width: 100%; } 
 .profile .pro_flex>:nth-child(2) { margin:40px auto 0 auto; width: 100%; } 
 .profile .pro_flex>:nth-child(2) .img_wrap { margin: 0!important; } 
 .profile .pro_flex>:nth-child(2) span { margin: 20px 0; display: block; } 
 }
@media all and (max-width:1028px){
 .profile { padding: 40px 60px !important; } 
 .profile .comment { font-size: 22px; word-break: keep-all; } 
 }
@media all and (max-width:767px){
 .profile { padding: 40px 20px !important; } 
 .profile .comment { font-size: 20px; } 
 }
@media all and (max-width:480px){
 .profile .comment { font-size: 18px; } 
 }
/*서브 각 색깔*/


.name{font-size: 16px;font-weight: 500;line-height: 26px;letter-spacing: -0.16px;}

/*sub1_1*/
.s1_1 .sentence, 
.s1_1 .part .title{
    color: #A6561F
}
.s1_1 .title_wrap .title{color:#A6561F}
.s1_1 .sub_tit{
    letter-spacing: -1.12px;
}
.s1_1 .title{
    letter-spacing: -1.32px;;
}
.gray .s1_1 .sentence,.gray .s1_1 .title_wrap .title, .gray .s1_1 .part .title{color:#FFD4C2}

/*삭제예정*/
@media all and (max-width:1280px){
    .page_head .scroll {max-height: 100vh; overflow: scroll;}
}



@media all and (max-width:767px){
    .s1_1 .icon1,.s1_1 .icon2{display: none;}
}
/*sub1_2*/
.s1_2 .title_wrap .title {
    color: #ED1B23;
    letter-spacing: -2.2px;
}
.gray .s1_2 .title_wrap .title {
    color: #F8C2C4;
}
.gray .s1_2 .flex1 p,
.gray .s1_2 .flex2>div p {
    color: #fff;
}

.s1_2 .flex1 {
    display: flex;
    justify-content: center;
    padding-bottom: 80px;
}
.s1_2 .flex1>.text,
.s1_2 .flex1>.img_wrap {
    flex: 2;
    min-width: 0;
}
.s1_2 .flex1 .img_wrap img {
    width: 100%;
    height: auto;
}
.s1_2 .flex2 {
    display: flex;
    justify-content: space-between;
    gap: 102px;
    align-items: center;
    align-self: stretch;
    padding-bottom: 80px;
}
.s1_2 .flex2>div {
    flex: 1;
}
.s1_2 .end {
    text-align: end;
}
.s1_2 .flex2>div p,
.s1_2 .flex1 p {
    margin-top: 8px;
    line-height: 24px;
   padding-left: 1em; 
    text-indent: -0.7em;
}
.s1_2 .flex3 {
    display: flex;
    gap: 5px;
}
.s1_2 .flex1.cont5 {
    gap: 15px;
}
.s1_2 .flex1.cont3{
    justify-content: space-between;
}
.s1_2 .flex1.cont5 > .box2 {
    flex: 2;
    min-width: 0;
}
.s1_2 .cont5 .flex3 {
    padding-top: 100px;
}
.s1_2 .cont5 .box {
    margin: 0;
}
.s1_2 .cont5 .text.pr {
    padding-right: 30px;
}
.s1_2 .w150 {
    min-width: 150px;
    max-width: 150px;
}
.s1_2 .w217{
    max-width: 217px;
}
.s1_2 .w120 {
    max-width: 120px;
}
.s1_2 .cont3.left .img_wrap{
    /* margin-left: 89px; */
    margin-left: 8.5%;
}
.s1_2 .width300{
    max-width: 300px;
    margin: 0 auto;
}
.s1_2 .cont2 .img_wrap img {
    display: block;
}
.s1_2 .bold {
    font-size: var(--size-B1, 18px);
    font-weight: 700;
    line-height: var(--line-height-B1, 32px);
}

.s1_2 .box {
    flex: none !important;
    display: flex;
    width: 180px !important;
    height: 80px;
    padding: 16px 24px;
    text-align: center;
    color: #fff;
    border-radius: 999px;
    border: 1px solid #fff;
    justify-content: center;
    align-items: center;
    line-height: 24px;
    margin: 0 40px;
}
.s1_2 .box.gr_box {
    background-color: #499855;
}
.s1_2 .box.pk_box {
    background-color: #F15D61;
}
.s1_2 .pk2 {
    color: #ED1B23;
}
.s1_2 .gr2 {
    color: #008848;
}
.gray .s1_2 .box.pk_box{
    background-color: #F8C2C4;
    color: #222;
} 
.gray .s1_2 .box.gr_box{
    background-color: #C9FAE3;
    color: #222;
} 
.gray .s1_2 .pk2 {
    color: #F8C2C4;
}
.gray .s1_2 .gr2 {
    color: #C9FAE3;
}

.s1_2 .left .box,
.s1_2 .right .box {
    position: relative;
    z-index: 1;
}
.s1_2 .left .box::after {
    content: '';
    position: absolute;
    right: 180px;
    top: 50%;
    background: url(../images/img/s1_3_line_mo2.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 1px;
}
.s1_2 .right .box::after {
    content: '';
    position: absolute;
    left: 180px;
    top: 50%;
    background: url(../images/img/s1_3_line_mo2.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 1px;
}

.s1_2 .line_bg {
    position: relative;
    padding-top: 80px;
    height: fit-content;
    margin-bottom: 100px;
    padding-bottom: 40px;
}
.s1_2 .line_bg::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url("../images/img/s1_3_line_mo.png");
    background-size: 24px auto;
    background-position: top center;
    background-repeat: repeat-y;
    opacity: 1;
    z-index: 0;
}
.s1_2 .line_bg > * {
    position: relative;
    z-index: 1;
}
.s1_2 .icon1 {
    width: 48px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    display: block;
}
.s1_2 .icon2 {
    width: 60px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    bottom: -60px;
    transform: translateX(-50%);
    display: block;
}

.gray .s1_2 .left .box::after,
.gray .s1_2 .right .box::after {
    background: url(../images/img/s1_3_line_mo2_wh.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 1.5px;
}

@media all and (max-width:1439px) {
    .s1_2 .box {
        margin: 0 20px;
    }
    .s1_2 .end {
        text-align: center;
    }
    .s1_2 .flex2 {
        padding-bottom: 60px;
    }
    
}
@media all and (max-width:1024px){
    .s1_2 .cont3.left .img_wrap{
    margin-left: 12.01%;
}
}
@media all and (max-width:768px) {
    .s1_2 .cont3.left .img_wrap{
        margin-left: 0;
    }
    .s1_2 .flex1 {
        flex-direction: column;
        align-items: center;
        gap: 28px;
        text-align: center;
        padding-bottom: 80px;
    }
    .s1_2 .flex1 > .text { order: 10; }
    .s1_2 .flex1 > .box2 { order: 5; }
    .s1_2 .flex1 > .img_wrap { order: 2; }
    .s1_2 .flex1 > .gr_box,
    .s1_2 .flex1 > .pk_box { order: 1; }
    .s1_2 .flex2.cont7 .flex1 > .text { order: 1; }
    .s1_2 .flex2.cont7 .flex1 > .img_wrap { order: 2; }
    .s1_2 .left .box::after,
    .s1_2 .right .box::after {
        display: none;
    }
    .s1_2 .flex2 {
        gap: 28px;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding-bottom: 80px;
    }
    .s1_2 .flex2 > .img_wrap { order: 2; }
    .s1_2 .flex2 > .text { order: 1; }
    .s1_2 .flex2.cont7 > .box2:first-child { order: 2; }
    .s1_2 .flex2.cont7 > .box2.flex1 { order: 1; }
    .s1_2 .flex3 {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 24px;
        
    }
    .s1_2 .pk2,
    .s1_2 .gr2{
        max-width: 80%;
    }
    .s1_2 .cont5 .gr2{
        padding-top: 80px;
    }
    .s1_2 .flex3 > .img_wrap { order: 2; }
    .s1_2 .flex3 > .text { order: 1; }
    .s1_2 .cont5 .flex3 {
        padding-top: 0;
    }
    .s1_2 .end {
        text-align: center;
    }
    .s1_2 .line_bg::before {
        opacity: 0.3;
    }
    .s1_2 .width60 {
        max-width: 60%;
        margin: 0 auto;
    }
    .s1_2 .cont5 .text.pr{
        padding-right: 0;
    }
}
@media all and (max-width:426px) {
    .s1_2 .width60 {
        max-width: 80%;
    }
}


/*sub1_3*/
.s1_3 .title_wrap .title, .s1_3 .part .title{color:#834A96}
.gray .s1_3 .title_wrap .title , .gray .s1_3 .part .title{color:#F0D0FA}

/*sub2_1*/
.s2_1 .title_wrap .title,
.s2_1 .ccolor2_1,
.s2_1 .num,
.s2_1 .num_s{
    color: #EE7800
}

.ccolor2_gr {
    color: #767676
}

.s2_1 .flexs.wh {
    border-radius: 20px;
    background: var(--surface-background, #FFF);
    gap: 40px;
}

.s2_1 .flex4 {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    align-items: start;
}

.s2_1 .flex4>div {
    flex: 1;
}

.s2_1 .box {
    padding: 40px;
    border: 1px solid #FFF;
    background: #FFF5D9;
}
.s2_1 .width190{
    max-width: 190px;
}
.s2_1 .flexs.wh>div {
    flex: 1;
}
.s2_1 .wh_box .or_box {
    background-image: url("../images/img/s2_1_bg3.png");
    background-size: cover;
    background-repeat: no-repeat;
    /* height: 110px; */
    padding: 20px;
    border-radius: 999px;
    background-color: #EAF3D8;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.gray .s2_1 .wh_box .or_box{
    background-image: none;
    background-color: #1A1A1A;
    border: 1px solid #fff;
}
.s2_1 .wh_box .or_box .text{
    color: var(--text-primary, #222);
    font-family: Pretendard;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 23px; /* 152.941% */
    letter-spacing: -0.17px;
}
.gray .s2_1 .wh_box .or_box .text{
    color: #fff;
}
.s2_1 .wh_box .or_box.flex_box {
    gap: 2px;
    justify-content: center;
    padding: 16px 0;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}
.s2_1 .wh_box .or_box.flex_box .text.first {
    flex-basis: 100%; 
    text-align: center; /* 중앙 정렬을 원할 경우 */
}
.s2_1 .caption .img_wrap {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 92px;
}
.s2_1 .caption .img_wrap.w116 {
    position: absolute;
    right: 0;
    bottom: -24px;
    width: 116px;
}
.s2_1 .wh_box .caption {
    color: #222;
    position: relative;
}
.s2_1 .wh_box .caption.line{
    padding-bottom: 8px;
    border-bottom: 1px solid #222;
}
.s2_1 .mw1279>div{
    flex: 1;
}
@media (max-width: 1279px) {
    .s2_1 .flexs.wh{
        flex-direction: column;
        max-width: 390px;
        margin: 0 auto;
    }
    .s2_1 .wh_box {
        max-width: 390px;
        margin: 0 auto;
    }
    .s2_1 .ps2_box {
        margin-top: 102px;
    }
    .s2_1 .flexs.mw1279{
        flex-direction: column;
    }
    .s2_1 .wh_box.w100{
        max-width: 100% !important;
    }
}
@media (max-width: 1024px){
        .s2_1 .wh_box.w100{
        max-width: 500px !important;
    }
    .s2_1 .width30{
        max-width: 31%;
    }
}
@media (max-width: 767px){
    .s2_1 .caption .img_wrap{
        display: none;
    }
}
@media (max-width: 425px){
    .s2_1 .wh_box.w100{
        max-width: 380px !important;
    }
    .s2_1 .wh_box .or_box{
        padding: 20px 16px;
    }
    
    .s2_1 .wh_box .or_box.flex_box .text.first{
        flex-basis: auto !important;   /* 100% 해제 */
        width: auto;        /* 너비 초기화 */
    }
    .s2_1 .w90,
    .s2_1 .w80{
        width: 100%;
    }
}

gray .ccolor2_gr {
    color: #CCC
}

.s2_1 .box .tit {
    text-align: center;
    font-family: "IbmPlexSans";
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.48px;
    /* background: #EBE5D6; */
}

.s2_1 .flex_box {
    display: flex;
    /* align-items: stretch; */
    margin-top: 24px;
    justify-content: center;
}

.s2_1 .flex_box .gr_box {
    width: 220px;
    position: relative;
    overflow: hidden;
    background-color: #F6D7C2;
    background-image: url(../images/img/s2_1_bg.png);
    background-size: cover;
    border-radius: 20px 100px 20px 20px;
    border: 1px solid #fff;
    box-sizing: border-box;
}

.s2_1 .flex_box .bl_box {
    width: 220px;
    position: relative;
    overflow: hidden;
    background-color: #F6D7C2;
    background-image: url(../images/img/s2_1_bg2.png);
    background-size: cover;
    border-radius: 100px 20px 20px 20px;
    border: 1px solid #fff;
}

.s2_1 .flex_box .gr_box .img_wrap {
    position: absolute;
    bottom: 0;
    right: 0;
}

.s2_1 .flex_box .bl_box .img_wrap {
    position: absolute;
    bottom: 0;
    left: 0;
}

.s2_1 .flex_box .bl_box .img_wrap img {
    min-width: 125px;
    vertical-align: bottom;
}

.s2_1 .flex_box .wht_box {
    flex: 1;
    padding: 20px 24px;
    flex: 1;
    background: #fff;
    border-radius: 20px;
}
.gray .s2_1 .flex_box .wht_box{
    background: #1A1A1A;
    color: #fff;
    border: 1px solid #fff;
}
.s2_1 .des {
    color: var(--text-primary, #222);
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.18px;
    margin-bottom: 12px;
}

.gray .s2_1 .flexs .wh_box .des {
    color: #fff;
}

.s2_1 .flex_box .wh_box .text {
    line-height: 30px;
}

.s2_1 .flex_box .name_wrap {
    padding: 24px 20px 20px 20px;
}

.s2_1 .flex_box .name_wrap .name_t {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.16px;
}

.s2_1 .flex_box .name_wrap>:nth-child(1) {
    margin-bottom: 6px;
}

.s2_1 .flex_box .bl_box .name_t {
    text-align: right;
}

.s2_1 .wh_box2 {
    padding: 24px;
    border-radius: 20px;
    background: #FFF;
}

.s2_1 .stit.lines {
    text-align: center;
    border-bottom: 1px solid #222;
    padding-bottom: 6px;
    margin-bottom: 6px;
}

.s2_1 .wh_box3 {
    border-radius: 20px;
    background: #fff;
    padding: 24px;
}

.s2_1 .wh_box3 .img_wrap img {
    max-width: 298px;
    width: 100%;
}

.s2_1 .stit2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.8px;
    margin-bottom: 12px;
}

.s2_1 .round {
    padding: 10px 24px;
    border-radius: 999px;
    background: #F5EEDB;
    font-weight: 600;
}

.gray .s2_1 .flex_box .gr_box {
    background: url('../images/img/s2_1_bg_wh.png') no-repeat;
    background-size: cover
}

.gray .s2_1 .flex_box .bl_box {
    background: url('../images/img/s2_1_bg2_wh.png') no-repeat;
    background-size: cover
}

.s2_1 .part .intro {
    color: var(--text-primary, #222);
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.18px;
    text-align: center;
}
.gray .s2_1 .part .intro{
    color: #fff;
}
.s2_1 .box .tit .ccolor2_1 {
    font-family: "IbmPlexSans" !important;
}

.s2_1 .gr_line {
    text-align: center;
    position: relative;
    margin-bottom: 24px;
}

.s2_1 .gr_line::after {
    content: '';
    width: 30%;
    height: 1.1px;
    background-color: #E1783E;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
}

.s2_1 .gr_line::before {
    content: '';
    width: 30%;
    height: 1.1px;
    background-color: #E1783E;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
}

.s2_1 .gr_line.or {
    text-align: center;
    position: relative;
    margin-bottom: 24px;
}

.s2_1 .gr_line.or::after {
    content: '';
    width: 7%;
    height: 1.1px;
    background-color: #E1783E;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
}

.s2_1 .gr_line.or::before {
    content: '';
    width: 7%;
    height: 1.1px;
    background-color: #E1783E;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
}
.s2_1 .width150{
    max-width: 150px;
}
.s2_1 .line_wrap {
    padding: 0 10px;
    /* background: #EAF3D8; */
    position: relative;
    z-index: 3;
    width: fit-content;
    margin: 0 auto;
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.s2_1 .line_wrap img {
    display: block;
    max-width: 644px;
    width: 100%;
}

.s2_1 .gr_line .tit {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}


.s2_1 .wh_box {
    border-radius: 20px;
    padding: 24px;
    background: #fff;
}

.s2_1 .wh_box .tit {
    color: var(--text-primary, #222);
    text-align: center;
    /* pre/h22_SB */
    font-family: Pretendard;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    /* 136.364% */
    letter-spacing: -0.44px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--text-primary, #222);
}

.s2_1 .wh_box .subt {
    margin: 6px 0 12px;
    text-align: right;
}

.s2_1 .wh_box .subt.mb6 {
    margin-bottom: 6px !important;
}

.s2_1 .wh_box .cap {
    margin-top: 12px;
}

.s2_1 .wh_box .gr_box {
    background-image: url("../images/img/s2_1_bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 110px;
    padding: 16px 48px;
    border-radius: 999px;
    background-color: #EAF3D8;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.s2_1 .wh_box .gr_box.flex_box {
    gap: 8px;
    justify-content: center;
    padding: 16px 0;
    flex-direction: row;
    align-items: center;
}

.s2_1 .flexs.width50>div {
    width: 50%;
}

.s2_1 .row_r>:nth-child(1),
.s2_1 .row>:nth-child(1) {
    width: 50%;
}

.s2_1 .flexs .text .ccolor2_gr,
.s2_1 .flexs .text .ccolor2_1 {
    line-height: 30px;
    font-weight: 600;
}

.s2_1 .num {
    font-size: 44px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: -0.88px;
    text-align: left;
}

.s2_1 .num_s {
    font-size: 28px;
    line-height: 28px;
    letter-spacing: -0.56px;
    font-weight: 400;
}

.s2_1 .gr_box .text {
    font-size: 17px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.17px;
    text-align: left;
}

.s2_1 .box .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.8px;
    margin-bottom: 10px !important;
}

.s2_1 .line_tit {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid #222;
    margin-bottom: 14px;
}

.s2_1 .line_tit .img_wrap {
    width: 74px;
}

.s2_1 .ps {
    margin-top: 16px;
    position: relative;
}


.s2_1 .ps2_box {
    margin-top: 120px;
}

.s2_1 .ps2 {
    margin-bottom: 24px;
    position: relative;
}

.s2_1 .ps2 .img_wrap {
    position: absolute;
    right: 30px;
    top: -110px;
    width: 140px;
}

.s2_1 .ps3_box {
    margin-top: 160px;
}

.s2_1 .ps3 {
    margin-bottom: 24px;
    position: relative;
}

.s2_1 .ps3 .img_wrap {
    position: absolute;
    right: 40px;
    top: -129px;
    width: 120px;
}

.s2_1 .ps4_box {
    margin-top: 160px;
}

.s2_1 .ps4 {
    margin-bottom: 14px;
    position: relative;
}

.s2_1 .ps4 .img_wrap {
    position: absolute;
    right: 40px;
    top: -130px;
    width: 87px;
}

.s2_1 .subt2 {
    text-align: center;
    margin-bottom: 16px;
    font-size: 15px;
}

.gray .s2_1 .box,
.gray .s2_1 .line_wrap {
    background-color: #1A1A1A !important;
}

.gray .s2_1 .gr_line::after,
.gray .s2_1 .gr_line::before {
    background-color: #FFCFB5 !important;
}

.gray .s2_1 .title_wrap .title,
.gray .s2_1 .ccolor2_1,
.gray .s2_1 .num,
.gray .s2_1 .num_s,
.gray .s2_1 .thank .flexs .txt_wrap .tit,
.gray .s2_1 .thank .flexs .img_wrap .name {
    color: #FFCFB5
}

.gray .s2_1 .line_tit {
    border-color: #fff;
}

.gray .s2_1 .wh_box,
.gray .s2_1 .wh_box .gr_box,
.gray .s2_1 .flexs.wh {
    background-color: #1A1A1A !important;
    border: 1px solid #fff;
    background-image: none;
}

.gray .s2_1 .flexs.wh>div {
    border: none !important;
}

.gray .s2_1 .wh_box .caption,
.gray .s2_1 .thank .intro,
.gray .s2_1 .wh_box .tit,
.gray .s2_1 .thank .flexs .img_wrap .name p {
    color: #fff;
    border-color: #fff;
}

.s2_1 .mo {
    display: none;
}

@media all and (max-width:1440px) {
    .s2_1 .line_wrap img {
        display: none !important;
    }

    .s2_1 .num {
        font-size: 34px;
        line-height: 40px;
    }

    .s2_1 .ps .img_wrap {
        width: 140px;
    }

    .s2_1 .wh_box {
        padding: 20px 16px;
    }

    .s2_1 .gr_line .tit {
        position: relative;
        left: auto;
        top: auto;
        transform: translate(0%, 0%);
    }

    .s2_1 .gr_line.or::after {

        width: 10%;
    }

    .s2_1 .gr_line.or::before {

        width: 10%;
    }
}


@media all and (max-width:1279px) {
    .s2_1 .box {
        padding: 48px 32px;
    }

    .s2_1 .ps .img_wrap {
        right: -40px;
    }

    .s2_1 .ps2_box {
        margin-top: 102px;
    }

    .s2_1 .ps3_box {
        margin-top: 113px;
    }

    .s2_1 .ps4_box {
        margin-top: 128px;
    }

    .s2_1 .row_r>:nth-child(1),
    .s2_1 .row>:nth-child(1) {
        width: 100%;
    }

    .s2_1 .flex4 {
        flex-direction: column;
        align-items: center;
    }

    .s2_1 .flex4 .img_wrap,
    .s2_1 .flex4 .wh_box {
        margin: 0 0 24px 0;
    }

    .s2_1 .gr_line.or::after,
    .s2_1 .gr_line.or::after {

        display: none;
    }

    .s2_1 .gr_line::before,
    .s2_1 .gr_line::after {
        display: none;
    }

    .s2_1 .wh_box .tit {
        font-size: 20px;
    }

    .s2_1 .w80 {
        max-width: 50%;
        /* margin: 0 auto; */
    }

    .s2_1 .w90 {
        max-width: 60%;
        margin: 0 auto;
    }

    .s2_1 .m70 {
        max-width: 40%;
        margin: 0 auto;
    }
}

@media all and (max-width:1025px) {
    .s2_1 .box .tit {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -0.22px;
    }

    .s2_1 .flexs.width50>div {
        width: 100%;
    }

    .s2_1 .thank .flexs .img_wrap {
        display: none;
    }

    .s2_1 .thank .mo-only {
        display: block !important;
        margin-top: 24px;
        text-align: end;
        color: var(--2-1-secondary, #E1783E);
        font-weight: 500;
    }

    .s2_1 .thank .mo-only span {
        color: #222;
    }

    .s2_1 .flexs.wh {
        /* padding: 36px; */
        gap: 48px;
    }

    .s2_1 .flexs .end {
        text-align: end;
    }

    .s2_1 .w50 {
        width: 50%;
        margin: 0 auto;
    }

    .s2_1 .des {
        text-align: center;
    }

}

@media all and (max-width:767px) {
    .s2_1 .box {
        padding: 36px 16px;
    }

    .s2_1 .thank .flexs .txt_wrap {
        padding: 20px 16px;
    }

    .s2_1 .txt_wrap .text {
        line-height: 30px;
    }

    .s2_1 .wh_box .gr_box.flex_box {
        padding: 16px 36px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 0;
    }

    .s2_1 .ps .img_wrap {
        right: -30px;
        width: 120px;
    }


    .s2_1 .flex_box {
        flex-direction: column;
    }

    .s2_1 .flex_box.cdr {
        flex-direction: column-reverse;
    }

    .s2_1 .flex_box .gr_box {
        width: 100%;
        height: 180px;
    }

    .s2_1 .flex_box .bl_box {
        width: 100%;
        height: 180px
    }

    .s2_1 .flex_box .wh_box,
    .s2_1 .flex_box .wh_box2,
    .s2_1 .flex_box .wh_box3 {
        padding: 20px 16px;
    }

    .s2_1 .flex_box {
        margin-top: 20px;
    }

    .s2_1 .flex_box .name_wrap {
        padding: 20px 16px;
    }

    .s2_1 .flex_box .gr_box,
    .s2_1 .flex_box .bl_box {
        background-image: none;
    }
}

@media all and (max-width:658px) {
    .s2_1 .w50 {
        width: 70%;

    }
}

@media all and (max-width:479px) {
    .s2_1 .num {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: -0.56px;
    }

    .s2_1 .wh_box .gr_box.flex_box {
        height: 116px;
    }

    .s2_1 .gr_box .text {
        font-size: 15px;
        line-height: 24px;
        letter-spacing: -0.56px;
        word-break: keep-all;
    }

    .s2_1 .gr_box .text br {
        display: none;
    }

    .s2_1 .w50 {
        width: 100%;
    }

    .s2_1 .w80 img,
    .s2_1 .w90 img,
    .s2_1 .m70 img {
        max-width: 100% !important;
    }
}

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

    .s2_1 .mo {
        display: block !important;
    }
}



/*sub2_2*/
.s2_2 .title_wrap .title,.s2_2 .sentence, .s2_2 .part .title{color:#5D6AAE}
.gray .s2_2 .title_wrap .title,.gray .s2_2 .sentence,.gray .s2_2 .part .title{color:#CDD4F9}
.s2_2 .flexs.width50>div{width: 50%;}

.interview_box{padding: 60px;  border-radius: 160px 0 0 0;}
.interviewee{display: flex;gap: 40px; align-items: center; margin-bottom: 40px;}
.s2_2 .interviewee .face.img_wrap img{width:112px;}
.interviewee_txt{position: relative; width: 100%}
.interviewee_txt .title{margin-bottom: 4px;}
.interviewee_txt .text{font-weight: 600;}
.interviewee_txt .img_wrap{width: 100%; position: absolute; right: 0; top: -10px;}
.interview_wrap{display: flex; flex-direction: column; gap: 32px;}

.interview_wrap .q_tit{ font-weight: 600;}
.interview_wrap .q_icon{  display: inline-flex; width: 24px;height: 24px; align-items: center; justify-content: center; border-radius: 999px; color: #fff; background: #5D6AAE; flex-shrink: 0; margin-right: 6px;}

.gray .s2_2 .interview_box {
    background: #1A1A1A;
    border: 1px solid #fff;
}

.gray .s2_2 .interview_wrap .q_tit,
.gray .s2_2 .title_wrap .title,
.gray .s2_2 .interviewee_txt .title,
.gray .s2_2 .sentence {
    color: #CDD4F9;
}

.gray .interview_wrap .q_icon {
    background: #CDD4F9;
    color: #222;
}


@media all and (max-width:1025px){
    .interview_box{padding:48px 32px; border-radius: 40px 0 0 0;}
}

@media all and (max-width:767px){
    .interview_wrap {gap: 24px;}
    .interviewee{gap: 24px; justify-content: center;}
    .interviewee_txt{width: fit-content;}
     .interview_box{padding:36px 16px}
}
@media all and (max-width:480px){
.interviewee{flex-direction: column;}
}

.s2_2 .interview_box{background: #ECEDF9; border: 1px solid #5D6AAE;}
.s2_2 .interviewee_txt .title{color:#5D6AAE; }
.s2_2  .interview_wrap .q_tit{color:#5D6AAE}
.s2_2 .interviewee_txt br{display: none;}


@media all and (max-width:1480px){
.s2_2  .interviewee_txt .img_wrap{ right: 0; top: 10px;}
}
@media all and (max-width:1440px){
.s2_2 .flexs.width50{flex-wrap: wrap; justify-content: center;}
.s2_2 .flexs.width50>div{width: 100%;}
.s2_2 .flexs.width50 img{width:100%; max-width: 400px;}
}
@media all and (max-width:1300px){
.s2_2 .interviewee_txt br{display:block;}
.s2_2  .interviewee_txt .img_wrap{ right: 0; top: 50px;}
}

@media all and (max-width:1025px){
.s2_2 .interviewee_txt br{display:none;}
.s2_2  .interviewee_txt .img_wrap{ top:0px;}
}

@media all and (max-width:1024px){
}

@media all and (max-width:820px){
.s2_2 .interviewee_txt br{display:block;}
.s2_2  .interviewee_txt .img_wrap{ top:50px;}
}
@media all and (max-width:767px){
.s2_2 .interviewee_txt br{display:none;}
.s2_2  .interviewee_txt .img_wrap{ display: none;}
}
@media all and (max-width:400px){
.s2_2 .flexs.width50 br{display: none;}
}


/*sub2_3*/
.s2_3 .title_wrap .title, .s2_3 .part .title{color:#D062A5}
.s2_3 .sentence{color:#D062A5}
.part.first .flexs{
    gap: 14px; 
    flex-direction: row !important;
}
.part.first .flexs span{
    margin-top: 28px;
}

.gray .s2_3 .title_wrap .title,.gray .s2_3 .sentence, .gray .s2_3 .part .title{color:#FFDAF1}
@media all and (max-width:355px){
       .s2_3 .sentence {word-break: keep-all;}
    .s2_3 .sentence br{display: none;}
}

.s2_3 .interview_box {
    background: var(--2-3-bg1, #F4E3EF);
    border: 1px solid var(--2-3-primary, #D062A5);
    padding: 60px;
}
.s2_3 .interview_box .interviewee{
    justify-content: center;
    gap: 24px;
    justify-items: baseline;
    position: relative;
    
}
.s2_3 .interview_box .interviewee .face{
    position: relative;
}
.s2_3 .interview_box .interviewee .line{
    position: absolute;
    top: 94%;
    left: 90%;
    transform: translateX(-50%);
    width: 400%;
}
.s2_3 .interview_box .interviewee .text{
    padding-top: 56px;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    
}
.s2_3 .interview_box .interviewee .face>img{
    width: 148px;
}
.s2_3 .interview_box .interview_tit{
    font-size: 26px;
    margin-bottom: 40px;
}
.s2_3 .interview_wrap .q_tit { color: #D062A5; }
.s2_3 .interview_wrap .q_icon { background: #D062A5; }
.s2_3 .interviewee_txt .img_wrap { top: 0; }

.gray .s2_3 .interview_box {
    background: #1A1A1A;
    border: 1px solid #fff;
}
.gray .s2_3 .interview_wrap .q_tit { color: #FFDAF1; }
.gray .s2_3 .interview_wrap .q_icon {
    background: #FFDAF1;
    color: #222;
}

@media all and (max-width:1480px) {
    .s2_3 .interviewee_txt .img_wrap { top: 0; }
}
@media all and (max-width:1300px) {
    .s2_3 .interviewee_txt .img_wrap { top: 40px; }
}
@media all and (max-width:1025px) {
    .s2_3 .interviewee_txt .img_wrap { top: 0; }
    .s2_3 .interview_box{
         padding: 48px 32px;
    }
}
@media all and (max-width:820px) {
    .s2_3 .interviewee_txt .img_wrap { top: 40px; }
}
@media all and (max-width:767px) {
    .s2_3 .interviewee_txt .img_wrap { display: none; }
    .s2_3 .interview_box{
        padding: 20px 16px;
    }
}
@media all and (max-width:480px) {
    .s2_3 .interview_box .interviewee{
        gap: 0;
    }
    .s2_3 .interview_box .interviewee .text{
        padding-top: 10px;
        text-align: center;
    }
    .s2_3 .interview_box .interviewee .line{
        display: none;
    }
}
/*sub3_1*/
.s3_1 .title_wrap .title, .s3_1 .part .title{color: #C94A57}
.s3_1 .sentence{color:  #C94A57}
.gray  .s3_1 .title_wrap .title,.gray .s3_1 .sentence, .gray .s3_1 .part .title {color:#FFC7CC}
.s3_1 .row_r .img_wrap{max-width: 380px;width: 100%;}

@media all and (max-width:355px){
       .s3_1 .sentence {word-break: keep-all;}
    .s3_1 .sentence br{display: none;}
}

/*sub3_2*/
.s3_2 .title_wrap .title,.s3_2 .ccolor3_2,.s3_2 .sentence, .s3_2 .part .title{color:#E65D00}
.gray .s3_2 .title_wrap .title,.gray .s3_2 .ccolor3_2,.gray .s3_2 .sentence, .gray .s3_2 .part .title{color: #FFD7BC}
.s3_2 .interview_box{
    background: #FFF4DB;
    border: 1px solid var(--text-inverse, #FFF);
        border-radius: 120px 0 0 0;
}
.gray .s3_2 .interview_box{
    background: var(--3-2-bg1, #1A1A1A);
}
.s3_2 .width300{
    min-width: 300px;
    max-width: 300px;
}
.s3_2 .interview_box .left .title{
    color: var(--text-primary, #222);
    font-size: 22px;
    font-weight: 600;
    line-height: 30px; /* 136.364% */
    letter-spacing: -0.44px;
}
.gray .s3_2 .interview_box .left .title{
    color: var(--text-primary, #FFF);
}
.s3_2 .interview_box .left .text{
    line-height: 30px; /* 166.667% */
    letter-spacing: -0.36px;
    margin-bottom: 14px;
}
.s3_2 .interview_box .interview_wrap{
    gap: 48px;
    align-items: center;
}
.s3_2 .interview_box .left .c1{
    color: var(--3-2-primary, #E65D00);
}
.s3_2 .interview_box .left .c2{
   color: var(--3-2-point1, #645FAA);
}
.s3_2 .interview_box .left .c3{
    color: var(--3-2-point2, #E82634);
}
.s3_2 .interview_box .left .c4{
    color: var(--3-2-point3, #388113);
}
.gray .s3_2 .interview_box .left .c1{
    color: var(--3-2-primary, #FFD7BC);
}
.gray .s3_2 .interview_box .left .c2{
   color: var(--3-2-point1, #CECAFF);
}
.gray .s3_2 .interview_box .left .c3{
    color: var(--3-2-point2, #FFB9BE);
}
.gray .s3_2 .interview_box .left .c4{
   color: var(--3-2-point3, #DAFFC8);
}
.s3_2 .interview_box .hash{
    padding: 6px 0;
    font-size: 18px;
    line-height: 30px; /* 166.667% */
    letter-spacing: -0.18px;
    border-top: 1px solid var(--text-primary, #222);
    border-bottom: 1px solid var(--text-primary, #222);
}
.gray .s3_2 .interview_box .hash{
    border-top: 1px solid var(--text-primary, #FFF);
border-bottom: 1px solid var(--text-primary, #FFF);
}
@media all and (max-width:1240px){
    .s3_2 .interview_box .flexs{
        flex-direction: column;
        align-items: center;
    }
    .s3_2 .interview_box .flexs .right{
        margin-bottom: 14px;
    }
}
@media all and (max-width:375px){
    .s3_2 .width300{
        min-width: 0;
    }
}

/*sub3_3*/

.s3_3 .title_wrap .title,
.s3_3 .part .title {
    color: #AF6700
}

.s3_3 .width700 {
    max-width: 700px;
    margin: 0 auto;
}

.s3_3 .box_wrap {
    max-width: 414px;
    width: 100%;
}
/* .s3_3 .flexs{
    justify-content: space-between;
    gap: 0;
} */
.s3_3 .box {
    background-image: url('../images/img/s3_bg.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding: 100px 40px 40px 40px;
    background-color: #FFE7B9;
}

.s3_3 .box .box_text {
    margin-top: 20px;
} 

.s3_3 .box .box_text>:first-child {
    border-top: 2px solid #222;
}
.gray .s3_3 .box .box_text>:first-child {
    border-top: 2px solid #fff;
}

.s3_3 .box .box_text>:last-child {
    border-width: 2px !important;
}

.s3_3 .box .box_text>div {
    border-bottom: 1px solid #222;
    padding: 4px 0;
    display: flex;
    gap: 20px;
}
.gray .s3_3 .box .box_text>div{
    border-bottom: 1px solid #fff;
}
.s3_3 .box .box_text>div .text {
    text-align: left;
}

.s3_3 .box .box_text>div>:nth-child(1) {
    width: 160px;
}

.s3_3 .box2 {
    padding: 20px;
    background: #FFE7B9;
    position: relative;
    margin-top: 34px;
    text-align: left;
}

.s3_3 .box2 .text {
    line-height: 32px;
}
.s3_3 .text path{
    stroke: #222;
}
.gray .s3_3 .text path{
    stroke: #fff;
}
.s3_3 .box2 .img_wrap {
    position: absolute;
    top: -24px;
    left: 0px;
    width: 48px;
}

.s3_3 .box2 .caption {
    color: #222;
    margin: 0 !important;
    display: inline;
}

.gray .s3_3 .title_wrap .title, .gray .s3_3 .part .title {
    color: #FFE7C4 !important
}

.gray .s3_3 .box {
    background-image: url('../images/img/s3_3_bg_wh.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    background-color: #1A1A1A;
}

.gray .s3_3 .box *,
.gray .s3_3 .box2 * {
    color: #fff !important;
}
.gray .s3_3 .box2{
    background: #1A1A1A;
    border: 1px solid var(--text-inverse, #FFF);
}
@media all and (max-width:1440px){
    .gray .s3_3 .box{
        background-size: cover;
    }
}
@media all and (max-width:1279px){
    .s3_3 .box_wrap{margin: 0 auto 24px auto !important;}
    .s3_3 .flexs{
       flex-direction: column;
       align-items: center;
    }
    .gray .s3_3 .box{
        background-size: contain;
    }
}
@media all and (max-width:480px){
.s3_3 .box{padding: 90px 30px 50px 30px;}
.s3_3 .box .box_text> div{gap: 6px;}

.s3_3 .box .box_text .text{  letter-spacing: -0.7px; font-size: 16px;}
.s3_3 .box .box_text .text span{white-space: nowrap; letter-spacing: -0.54px;}
.s3_3 .box,
.gray .s3_3 .box{
        background-size: cover;
    }
    .s3_3 .box_wrap .img_wrap{
        max-width: 280px;
        margin: 0 auto;
    }
}
@media all and (max-width:425px){
    
    
}
@media all and (max-width:340px){
.s3_3 .box .box_text> div{gap:3px;}
.s3_3 .box .box_text .text{ font-size: 15px; line-height: 24px;}
}


@media (max-width: 1025px){

#footer{margin-bottom: 96px;}
}


@media (max-width: 767px){

#footer{margin-bottom: 85px;}
}


.gray .h_nav{background-color: #1A1A1A; }

.gray .page_head .category,.gray .page_head .title,.gray .page_head .sub_tit,.gray .page_head .text,.gray .page_head .source  { color: #fff;} 
.gray .page_head .sub_quick_menu{background-color: #1A1A1A; border: 1px solid #fff;}
.gray  .page_head .sub_quick_menu .q_ico span{color:#fff}