@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: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    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;
}


.pc-only { display:block;}
.mo-only { display:none;}
@media all and (max-width:768px)
{
  .pc-only { display:none;}
  .mo-only { display:block;}
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
    .tb-none{display: none !important;}
}
.pc-n{display: none}
#contents.sub { padding-top: 75px !important }
.sub_bg{position: relative;width: 100%;height: 440px;background-repeat: no-repeat !important;background-size: cover !important ;background-position: center !important;}
.sub_bg.s1_1{background: url('../images/img/s1_1_visual.jpg');}
.sub_bg.s1_2{background: url('../images/img/s1_2_visual.jpg');}
.sub_bg.s2_1{background: url('../images/img/s2_1_visual.jpg');}
.sub_bg.s2_2{background: url('../images/img/s2_2_visual.jpg');}
.sub_bg.s3_1{background: url('../images/img/s3_1_visual.jpg'); background-position: top center !important;}
.sub_bg.s3_2{background: url('../images/img/s3_2_visual.jpg');}
.sub_bg.s3_3{background: url('../images/img/s3_3_visual.jpg');}
.sub_bg.s4_1{background: url('../images/img/s4_1_visual.jpg');}
.sub_bg.s4_2{background: url('../images/img/s4_2_visual.jpg');}
.sub_bg.s5_1{background: url('../images/img/s5_1_visual.jpg');background-size: contain; background-color: #3bb4bf; background-position: bottom center !important;}
.sub_bg.s5_2{background: url('../images/img/s5_2_visual.jpg');}
@media all and (max-width:1280px)
{
 #contents.sub { padding-top: 123px !important }
}
@media all and (max-width:1024px)
{  .sub_bg{position: relative;width: 100%;height: 400px;background-repeat: no-repeat !important;background-position: center !important;}
    .sub_bg.s1_1{background: url('../images/img/s1_1_visual-mo.jpg'); }
    .sub_bg.s1_2{background: url('../images/img/s1_2_visual-mo.jpg');}
    .sub_bg.s2_1{background: url('../images/img/s2_1_visual-mo.jpg');}
    .sub_bg.s2_2{background: url('../images/img/s2_2_visual-mo.jpg');}
    .sub_bg.s3_1{background: url('../images/img/s3_1_visual-mo.jpg');}
    .sub_bg.s3_2{background: url('../images/img/s3_2_visual-mo.jpg');}
    .sub_bg.s3_3{background: url('../images/img/s3_3_visual-mo.jpg');}
    .sub_bg.s4_1{background: url('../images/img/s4_1_visual-mo.jpg');}
    .sub_bg.s4_2{background: url('../images/img/s4_2_visual-mo.jpg');}
    .sub_bg.s5_1{background: url('../images/img/s5_1_visual-mo.jpg');background-size:120% auto; background-color: #3bb4bf; background-position: bottom right !important;}
    .sub_bg.s5_2{background: url('../images/img/s5_2_visual-mo.jpg');}
}
@media all and (max-width:768px)
{
    .sub_bg{position: relative;width: 100%;height: 330px;background-repeat: no-repeat !important;background-position: center !important;}

}
@media all and (max-width:480px)
{
    .sub_bg{position: relative;width: 100%;height:220px;background-repeat: no-repeat !important;}
}

/* ********************  sub_page ******************* */
.sub_page {width: 100%;height: auto;overflow: auto; padding: 0px 0 130px 0; }
  
/* *****  page_head ***** */
.page_head {margin:0px auto  ;text-align: center; padding: 45px 20px 60px 20px;}
.page_head.gr{background: #f8f8f8;}
.page_head .sub_tit{font-family:'Pretendard-Regular'; font-size: 20px; color: #f7868f;  font-weight: bolder;}
.page_head .sub_tit::before{content: '⦁'; color: #f7868f; margin-right: 2px;}
.page_head .sub_tit::after{content: '⦁'; color: #f7868f; margin-left: 2px;}
.page_head .title{    font-family: 'Paperlogy-8ExtraBold'; font-size: 44px; margin-top: 20px; font-weight: 300;}
.page_head .title span{ font-size: 30px;font-family:'Paperlogy-6SemiBold';}
.page_head .text{margin: 30px 0 40px 0;}
.page_head .text,.page_head .source {font-family:'Pretendard-Regular'; font-size: 17px; line-height: 26px;}
.page_head .source strong{margin:0 5px ;}
.page_head .source strong { font-weight: 800; }



@media all and (max-width:1280px) {
   .page_head .title span{ font-size: 28px; line-height: 32px !important; display: block; margin-bottom: 10px;}
}


@media all and (max-width:1024px) {
    .page_head .title{font-size:30px;word-break: keep-all;}
   .page_head .title span{ font-size: 20px; line-height: 24px !important; }
}

@media all and (max-width:768px){
    .page_head .sub_tit{font-size: 18px}
}
@media all and (max-width:480px)
{
 #contents.sub { padding-top: 123px !important }
}

/* *****  page_body ***** */

.page_body { width: 100%;max-width: 1200px;margin: 0 auto ;height: auto; margin-top: 100px;}

/* part */
.page_body .part {margin-bottom: 2.5rem;}
.page_body .part:last-child {margin-bottom: 0;}
/* txt_wrap */
.page_body .txt_wrap {margin: 2.5rem 0;}

.page_body .txt_wrap h3 { font-size: 20px; line-height: 28px; text-align: center;}
.txt_wrap.mt0 {margin-top: 0;}
.txt_wrap.mb0 {margin-bottom: 0;}
.txt_wrap .title { margin-bottom: 0.9375rem; font-size: 24px; letter-spacing: -0.025em; font-weight: bold; line-height: 28px; text-align: center;}
.txt_wrap .title.mb0 { margin-bottom: 0;}
.txt_wrap .stitle { margin-bottom: 0.9375rem; font-size: 1.125rem; font-weight: 900; letter-spacing: -0.025em; line-height: 1.6; word-break: keep-all;}
.txt_wrap .stitle.mb0 { margin-bottom: 0;}
.txt_wrap .stitle.mb30 { margin-bottom: 1.875rem;}
.txt_wrap .title .under { display: inline; padding-bottom: 0.125rem; border-bottom: 1px solid #333;}
.txt_wrap .title.bt_line { padding-top: 0.625rem; border-top: 0.125rem solid #333;}
.txt_wrap .title.bb_line { padding-bottom: 0.625rem; border-bottom: 0.125rem solid #333;}
.txt_wrap .title.border-color-pink { border-color: #fbd1dc !important;}
.txt_wrap .title.padding { padding: 1.5rem 0;}
.txt_wrap .tit_box { display: inline-block; border: 1px solid #666; margin-bottom: 1.25rem; padding: 0.625rem 1.875rem; font-size: 1rem; font-weight: 900; transform: skew(-0.03deg);}
.txt_wrap .border-mid { position: relative; text-align: center;}
.txt_wrap .border-mid:after { content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #5e2f96; /* transform: translateY(-50%); */ z-index: -1;}
.txt_wrap .border-mid .t1 { display: inline-block; padding: 0 1.25rem; background-color: #fff; font-weight: 900; font-size: 1.125rem;}
.txt_wrap .stitle.bt_line { padding-top: 0.625rem; border-top: 1px solid #b5b5b5;}
.txt_wrap .stitle.bb_line { padding-bottom: 0.625rem; border-bottom: 1px solid #b5b5b5;}
.txt_wrap .text { margin-bottom: 2.5rem; font-size: 18px; line-height: 30px; letter-spacing: -0.025em; transform: skew(-0.03deg);}
.txt_wrap .text.lh30 { line-height: 1.875rem;}
.txt_wrap .text.mid { margin-bottom: 1.25rem;}
.txt_wrap .text.mid2 { margin-bottom: 0.625rem;}
.txt_wrap .text.mb0 { margin-bottom: 0;}
.txt_wrap .text .mini { display: inline-block; font-size: 0.875rem; transform:skew(-0.03deg);}
.txt_wrap .text .mini.mt { margin-top: 0.9375rem;}
.txt_wrap .under { display: inline; padding-bottom: 0.125rem; border-bottom: 1px solid #333;}
.txt_wrap .text.num { position: relative; padding-left: 1.875rem;}
.txt_wrap .num .squ_box { position: absolute;left: 0;top: 0.25rem;width: 1.375rem;height: 1.375rem;border-radius: 0.25rem;color: #fff;text-align: center;line-height: 1.375rem;}

.big-title { font-size: 1.875rem; line-height: 1.6;}
.big-title.campaign { position: relative;}
.campaign-content .big-title { position: relative; padding-left: 5rem;}
.campaign-content .big-title:before { content: ""; position: absolute; top: 0.75rem; left: 0; width: 3.125rem; height: 2px; background-color: #c63c41;}
.campaign-row { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; padding-bottom: 1.875rem; margin-bottom: 1.875rem; border-bottom: 1px solid #c63c41;}
.campaign-colunm.col15  { flex-shrink: 0; width: 15%; margin-right: 2.5%;}
.campaign-colunm.col85  { width: 85%;}
.campaign-content .box1{ border:1px solid #f1c31f; display: inline-block; color:#f1c31f; padding:10px 20px;}
.campaign-content .box1 .txt_wrap{ margin:0}
.campaign-content .box1 .title{ margin-bottom: 0}




@media (max-width: 1220px) {
    .sub_page .page_body{
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }
}

@media (max-width: 768px) {
    .txt_wrap .title {font-size: 21px; line-height: 25px; }
    .page_body {margin-top: 60px; }
}

/* sentence */
.sentence.m0 {margin: 0;}

.sentence.m0 > p {padding: 0;}

.sentence {margin: 2.5rem 0;}

.sentence > p { position: relative; margin: 0 auto; padding: 3.75rem 0; font-size: 1.4rem;   font-family: 'GowunDodum-Regular'; text-align: center; line-height: 2.25rem; word-break: keep-all;}
.sentence > p .name { display: block; margin-top: 1.25rem; font-size: 1.125rem; font-family: 'NotoSerifCJKkr-SemiBold';}
.sentence > p:before { content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 1.938rem; height: 1.688rem; background-repeat: no-repeat; background-size: 100% auto;}
.sentence > p:after { content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%) rotate(180deg); -moz-transform: translateX(-50%) rotate(180deg); -webkit-transform: translateX(-50%) rotate(180deg); -ms-transform: translateX(-50%) rotate(180deg); -o-transform: translateX(-50%) rotate(180deg); width: 1.938rem; height: 1.688rem; background-repeat: no-repeat; background-size: 100% auto;}
.sentence > p.ccolor2_1:before { background-image: url(../images/img/double2_1.png);}
.sentence > p.ccolor2_1:after { background-image: url(../images/img/double2_1.png);}
.sentence > p.ccolor2_2:before { background-image: url(../images/img/double2_2.png);}
.sentence > p.ccolor2_2:after { background-image: url(../images/img/double2_2.png);}
.sentence > p.ccolor3_1:before { background-image: url(../images/img/double3_1.png);}
.sentence > p.ccolor3_1:after { background-image: url(../images/img/double3_1.png);}
.sentence > p.ccolor3_2:before { background-image: url(../images/img/double3_2.png);}
.sentence > p.ccolor3_2:after { background-image: url(../images/img/double3_2.png);}
.sentence > p.ccolor3_3:before { background-image: url(../images/img/double3_3.png);}
.sentence > p.ccolor3_3:after { background-image: url(../images/img/double3_3.png);}
.sentence > p.ccolor4_1:before { background-image: url(../images/img/double4-1.png);}
.sentence > p.ccolor4_1:after { background-image: url(../images/img/double4-1.png);}
.sentence > p.ccolor4_2:before { background-image: url(../images/img/double4-2.png);}
.sentence > p.ccolor4_2:after { background-image: url(../images/img/double4-2.png);}
.sentence > p.ccolor4_1 { font-family: 'NotoSerifCJKkr-SemiBold'; }


.sentence p .span{ font-family: 'NanumSquare' !important; font-size: 16px!important; color:#333!important;}
.sentence.box { margin: 1.25rem 0; border-radius: 3.75rem;}
.sentence.box > p { padding: 1.5rem; color: #fff; font-size: 1.375rem;}
.sentence.box > p:before,
.sentence.box > p:after { display: none;}

.sentence .writer { font-size:16px; color:#222;  font-family: 'NanumSquare';}
@media (max-width: 768px){
    .sentence .writer{font-size: 14px;}
}


/* img_wrap */
.page_body .img_wrap { margin: 2.5rem 0; text-align: center;}
.page_body .img_wrap.nar{ margin:1.5rem}
.img_wrap:after { content:''; display:block; clear:both;}
.img_wrap.m0 {margin: 0 !important;}
.img_wrap.mt-md {margin-top: 1.125em !important;}
.img_wrap.mb0 {margin-bottom: 0 !important;}
.img_wrap.mid {margin-bottom: 1.125em !important;}
.img_wrap.two figure { float: left; width: 48.75%; margin-right: 2.5%;}
.img_wrap.three figure { float: left; width: 31.6666%; margin-right: 2.5%;}
.img_wrap figure:nth-last-of-type(1) {margin-right: 0;}

figure.dib {display: inline-block;}
figure img {width: auto;}
figure figcaption,.img_wrap .caption { margin: 0.5rem 0 0; font-size: 15px; color: #666; text-align: center; line-height: 1.4rem; transform:skew(-0.03deg); word-break: keep-all; }

figure.left {text-align: left;}
figure.right {text-align: right;}
figure figcaption.left {text-align: left;}
figure figcaption.right {text-align: right;}
.alert { clear: both; display: block; padding-top: 0.5rem; margin: 0.5rem 0 0; font-size: 0.875rem; color: #888; text-align: center; line-height: 1.125rem; transform:skew(-0.03deg);}
.img_wrap.inBox { position: relative; max-width: 56.81rem; margin-left: auto; margin-right: auto;}
.img_wrap.inBox .box { position: absolute; bottom: 1.875rem; left: 50%; width: 53.13rem; padding: 1.25rem 6.25rem; background-color: #fff; transform: translateX(-50%);}
.img_wrap.inBox .box ul {text-align: left;}
.img_wrap.inBox .box li { margin-bottom: 0.625rem; text-align: left; font-size: 1.125rem; text-align: left; line-height: 1.4;}
.img_wrap.inBox .box li.dib { display: inline-block; margin-right: 0.9375rem;}
.img_wrap.inBox .box li.point { margin-top: 0.5rem; color: #e60012; font-weight: bold; font-size: 1.25rem;}

/*ROW*/


.row:after { display: block; content: ''; clear: both;}
.row .col_2 { float: left; width:50%; padding: 10px; box-sizing: border-box;}
.row .col_2:first-child { padding-left: 0px;}
.row .col_2:last-child { padding-right: 0px;}
.row .col_3 { float: left; width:33.3333%; padding: 10px; box-sizing: border-box;}
.row .col_3.two { width: 66.6666%;}
.row .col_3:first-child { padding-left: 0px;}
.row .col_3:last-child { padding-right: 0px;}
.row .col_4 { float: left; width:25%; padding: 10px; box-sizing: border-box;}
.row .col_4:first-child { padding-left: 0px;}
.row .col_4:last-child { padding-right: 0px;}

/* column */
.row { overflow: hidden;}
.row:after { content: ''; display: block; clear: both; overflow: hidden;}
.row.mt30 { margin-top: 1.875rem;}
.row.mb30 { margin-bottom: 1.875rem;}
.row.mb60 { margin-bottom: 3.75rem;}
.row .column { display: inline-block; float:left; padding-left: 2.5%;}
.row .column:first-child {padding-left: 0;}
.row .column figure.mid {margin-bottom: 0.9375rem;}
.row .column figure.mb0 {margin-bottom: 0;}

.row .column.mid {vertical-align: middle;}
.row .column.right {float: right;}

.row .column.right {padding-left: 2.5%;}

.row .column.right + .column {padding-left: 0;}


.row.half > .column:first-child {width: 48.75%;}
.row.half > .column {width: 51.25%;}
.row.half > .column.right:first-child {width: 51.25%;}
.row.half > .column.right + .column {width: 48.75%;}

.row.width1 > .column:first-child {width: 1%;}
.row.width1 > .column {width: 99%;}
.row.width3 > .column:first-child {width: 3%;}
.row.width3 > .column {width: 97%;}
.row.width5 > .column:first-child {width: 5%;}
.row.width5 > .column {width: 95%;}
.row.width10 > .column:first-child {width: 10%;}
.row.width10 > .column {width: 90%;}
.row.width14 > .column:first-child {width: 14%;}
.row.width14 > .column {width: 86%;}
.row.width15 > .column:first-child {width: 15%;}
.row.width15 > .column {width: 85%;}
.row.width16 > .column:first-child {width: 16%;}
.row.width16 > .column {width: 84%;}
.row.width17 > .column:first-child {width: 17%;}
.row.width17 > .column {width: 83%;}
.row.width20 > .column:first-child {width: 20%;}
.row.width20 > .column {width: 80%;}
.row.width21 > .column:first-child {width: 21%;}
.row.width21 > .column {width: 79%;}
.row.width23 > .column:first-child {width: 23%;}
.row.width23 > .column {width: 77%;}
.row.width25 > .column:first-child {width: 25%;}
.row.width25 > .column {width: 75%;}
.row.width26 > .column:first-child {width: 26%;}
.row.width26 > .column {width: 74%;}
.row.width28 > .column:first-child {width: 28%;}
.row.width28 > .column {width: 72%;}
.row.width30 > .column:first-child {width: 30%;}
.row.width30 > .column {width: 70%;}
.row.width31 > .column:first-child {width: 31%;}
.row.width31 > .column {width: 69%;}
.row.width31_2 > .column:first-child {width: 31.5%;}
.row.width31_2 > .column {width: 68.5%;}
.row.width32 > .column:first-child {width: 32%;}
.row.width32 > .column {width: 68%;}
.row.width33 > .column:first-child {width: 33%;}
.row.width33 > .column {width: 67%;}
.row.width34 > .column:first-child {width: 34%;}
.row.width34 > .column {width: 66%;}
.row.width35 > .column:first-child {width: 35%;}
.row.width35 > .column {width: 65%;}
.row.width36 > .column:first-child {width: 36%;}
.row.width36 > .column {width: 64%;}
.row.width37 > .column:first-child {width: 37%;}
.row.width37 > .column {width: 63%;}
.row.width38 > .column:first-child {width: 38%;}
.row.width38 > .column {width: 62%;}
.row.width39 > .column:first-child {width: 39%;}
.row.width39 > .column {width: 61%;}
/* .row.width36 > .column.right {width: 64%;}
.row.width36 > .column.right + .column {width: 36%;}  /* 454px  40.3333 */
.row.width40 > .column:first-child {width: 40%;}
.row.width40 > .column {width: 60%;}
.row.width41 > .column:first-child {width: 41%;}
.row.width41 > .column {width: 59%;}
.row.width42 > .column:first-child {width: 42%;}
.row.width42 > .column {width: 58%;}
.row.width44 > .column:first-child {width: 44%;}
.row.width44 > .column {width: 56%;}
.row.width45 > .column:first-child {width: 45%;}
.row.width45 > .column {width: 55%;}
.row.width50 > .column:first-child {width: 50%;}
.row.width50 > .column {width: 50%;}
.row.width51 > .column:first-child {width: 51%;}
.row.width51 > .column {width: 49%;}
.row.width52 > .column:first-child {width: 52.0834%;}
.row.width52 > .column {width: 47.9166%;}  /* 545px 45.4166 */
.row.width54 > .column:first-child {width: 54.6667%;}
.row.width54 > .column {width: 45.3333%;}  /* 514px */
.row.width56 > .column:first-child {width: 57.1117%;}
.row.width56 > .column {width: 42.8883%;}
.row.width57 > .column:first-child {width: 57.6667%;}
.row.width57 > .column {width: 42.3333%;}  /* 478px  40.3333 */
.row.width57_2 > .column:first-child {width: 57%;}
.row.width57_2 > .column {width: 43%;}  /* 478px  40.3333 */
.row.width58 > .column:first-child {width: 58.6667%;}
.row.width58 > .column {width: 41.3333%;}  /* 478px  40.3333 */
.row.width59_2 > .column:first-child {width: 59%;}
.row.width59_2 > .column {width: 41%;}  /* 462px  41 */
.row.width59 > .column:first-child {width: 59.6667%;}
.row.width59 > .column {width: 40.3333%;}  /* 454px  40.3333 */
.row.width59 > .column.right {width: 62.1667%;}
.row.width59 > .column.right + .column {width: 37.8333%;}  /* 454px  40.3333 */
.row.width60 > .column {width: 60%;}
.row.width60 > .column + .column {width: 40%;}
.row.width61 > .column {width: 61%;}
.row.width61 > .column + .column {width: 39%;}
.row.width62 > .column {width: 62%;}
.row.width62 > .column + .column {width: 38%;}
.row.width63 > .column {width: 63%;}
.row.width63 > .column + .column {width: 37%;}
.row.width64 > .column {width: 64.6667%;}
.row.width64 > .column + .column {width: 35.3333%;}
.row.width65 > .column {width: 64.6667%;}
.row.width65 > .column + .column {width: 35.3333%;}
.row.width66 > .column {width: 66%;}
.row.width66 > .column + .column {width: 34%;}
.row.width67 > .column {width: 67%;}
.row.width67 > .column + .column {width: 33%;}
.row.width68 > .column {width: 68%;}
.row.width68 > .column + .column {width: 32%;}
.row.width70 > .column {width: 70%;}
.row.width70 > .column + .column {width: 30%;}
.row.width71 > .column {width: 71%;}
.row.width71 > .column + .column {width: 29%;}  /* 311  */
.row.width72 > .column {width: 72%;}
.row.width72 > .column + .column {width: 28%;}  /* 311  */
.row.width74 > .column {width: 74%;}
.row.width74 > .column + .column {width: 26%;}  /* 311  */
.row.width77 > .column {width: 77%;}
.row.width77 > .column + .column {width: 23%;}  /* 311  */
.flex-row2{display: -webkit-flex;display: -ms-flex;display: flex;justify-content: space-between;align-items: center;}
.flex-row { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center;}
.flex-row .half { width: 50%;}
.flex-row .col15 { width: 15%; margin-right: 2.5%;}
.flex-row .col85 { width: 85%;}
.flex-row .col30{ width:32% !important;}
.flex-row .col30:first-of-type{ padding-left:0}
.flex-row.bb_line { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #c63c41;}


.row .column .text.m{margin: 0;}
.row .column .img_wrap.m{margin: 0;}
@media all and (max-width:1280px){
    .row .column .text.m{margin: 2.5rem 0;}
.row .column .img_wrap.m{margin: 2.5rem 0;}
}
    


/* box_style */
.box_style1 { position: relative; width: 100%; padding: 1.875rem; margin: 2.5rem 0 2.125rem; background-color: #f5f5f5;}
.box_style1.m0 { margin: 0;}
.box_style2 { padding: 1.875rem 2.125rem; border: 1px solid #ddd; margin-bottom: 1.875rem;}
.box_style3 { padding: 1.875rem; margin-bottom: 1.875rem; border-top: 3px solid #474747; background-color: #f5f5f5;}
.box_style3 .title { position: relative; padding-left: 6.25rem; margin-bottom: 1.875rem;}
.box_style3 .title .icon { position: absolute; left: 0; top: 0;}
.box_style3 > .text { padding: 1.875rem 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.box_style3 .icon .ico { display: inline-block; margin-right: 0.9375rem; font-size: 0.875rem;}
.box_title { margin-bottom: 1.875rem; font-size: 1.375rem; font-weight: 900; line-height: 1.4;}
.box_title.line { padding-bottom: 0.75rem; border-bottom: 0.125rem solid #222;}
.box_title.line.cwhite { border-color: #fff;}
.box_title .right_txt { display: inline-block; position: absolute; top: 2.5rem; right: 1.875rem; font-size: 1rem; font-weight: normal; text-align: right; color: #666; transform: skew(-0.03deg);}


/* 크라우드펀딩 */
.crowdFunding1 {position: relative;}
.crowdFunding1:after { content: ''; display: block; clear: both;}
.crowdFunding1 .table { float: left; width: 45%; margin-right: 10%;}
.crowdFunding1 .table table {margin-top: 0.3125rem;}
.crowdFunding1 .table th { padding: 0.625rem; border: 1px solid #bcbcbc; background-color: #e0e0e0; text-align: center; font-weight: bold; color: #222;}
.crowdFunding1 .table th.bg { background-color: #0068c9; color: #fff;}
.crowdFunding1 .table td { padding: 0.3125rem 0.625rem; border: 1px solid #bcbcbc; background-color: #fff; text-align: center;}
.crowdFunding1 .table.right {margin-right: 0;}
.crowdFunding1 .icon { position: absolute; left: 50%; top: 2.5rem; transform: translateX(-50%); width: 2.438rem; height: 2.188rem; background: url('../images/img/cF_icon.png') no-repeat; background-size: 100% auto;}

.food-box .fbox { float: left; width: 31.4912%;}
.food-box .fbox.f1 { margin-right: 2.6666%;}
.food-box .fbox.f2 { margin-right: 2.5833%;}
.pinkt{ font-family: 'Nanum Myeongjo', serif; color:#f0808b; font-size: 20px; line-height: 30px; margin-top:40px; margin-bottom: 20px}

.mt40{margin-top: 40px}
.mt80{margin-top: 80px}
.mb20{margin-bottom: 20px !important}
.mt30{margin-top: 30px !important}
.mb30{margin-bottom: 30px !important}



.qr{ float:left; display:inline; margin-right:10px}
.qr_txt{ padding-top: 60px; text-align: left; color:#65bdc9}
/* ********************  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;}

/* 지난호보기 */
.listPage .top .span{display: block;color:#fb7c79;font-size: 18px;margin-bottom: 20px;}
.listPage .top .span:after{ content: ''; background: #f7c2bf;width:10px; height: 10px;;display: block;margin:20px auto 0;border-radius: 50px}

.listPage .list { display: grid;grid-template-columns: repeat(4, 1fr);row-gap: 2.5rem ;column-gap:4%;  }
@media screen and (max-width: 768px) { .listPage .list {   grid-template-columns: repeat(2, 1fr); }}
  
.listPage .list li a img{border: 1px solid #d1d1d1; width: 100%;}
.listPage .list .date { display: block; margin-top: 0.625rem; font-size: 1.375rem; text-align: center;}
.listPage .list .vol { position: relative; font-weight: 900;}
.listPage .list .vol:before { content: ''; display: inline-block; vertical-align: middle; margin-right: 0.3125rem; width: 0.125rem; height: 1.25rem; background-color: #c4c4c4;}
.listPage .list .vol.styleno:before { display: none;}
.listPage .list .btn_box { margin-top: 10px; text-align: center;}
.listPage .list .btn_box .btn { display: inline-block; width: 48%; padding: 5px 0; margin-right: 4%; background-color: #fef5f0; font-size: 0.875rem; color: #ff4848; text-align: center;  font-family: 'S-CoreDream-7ExtraBold';}
.listPage .list .btn_box .pdf {}
.listPage .list .btn_box .ebook { margin-right: 0;}
.listPage .list_btn { position: relative; margin-bottom: 3.125rem; text-align: center;}
.listPage .list_btn:before { content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #c63c41; z-index: -1;}
.listPage .list_btn a { position: relative; display: inline-block; padding: 0.75rem 5rem; background-color: #c63c41; color: #fff; text-align: center; font-size: 1.25rem; font-family: 'S-CoreDream-7ExtraBold'; line-height: 100%; cursor: pointer;}

.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 */




.fz_16 {font-size: 1rem !important; transform: skew(-0.03deg);}
.fz_17 {font-size: 1.063rem !important;}
.fz_20 {font-size: 1.25rem !important;}
.fz_22 {font-size: 1.375rem !important;}

.font_serif {font-family: 'NotoSerifCJKkr-SemiBold' !important;}
.font_serif-normal {font-family: 'Noto Serif KR', serif !important;}
.font_serif-bold {font-family: 'NotoSerifCJKkr-Bold', serif !important;}
.font_ch {font-family: 'Noto Sans SC';}
.font_normal {font-family: 'NanumSquare' !important;}
.font_normal2 {font-family: '돋움', dotum;}
.font_mj{font-family: 'Nanum Myeongjo', serif!important; ;}

.mt20{margin-top:20px !important;}
.fw_n {font-weight: normal;}
.fw_b {font-weight: bold;}
.fw_900 {font-weight: 900;}

.ltsp_1 {letter-spacing: -0.01em !important;}
.ltsp_2 {letter-spacing: 0 !important;}
.ltsp_3 {letter-spacing: -0.035em !important;}
.skew {transform: skew(-0.03deg);}

.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt10 {margin-top: 10px !important;}
.mt13 {margin-top: 13px !important;}
.mt20{margin-top:20px !important;}
.mb0 {margin-bottom: 0!important;;}
.mb5 {margin-bottom: 5px!important;;}
.mb10 {margin-bottom: 10px!important;}
.mb40 {margin-bottom: 2.5rem !important;;}
.mb80 {margin-bottom: 80px !important;;}



.pl40{ padding-left:40px !important}
.pt20{padding-top:20px !important;}

/* 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: #f7f7f7 !important;}
.mt80-n{margin-top: 120px}
.ka{word-break: keep-all;}
.chinese{font-family: 'Noto Sans TC'}
.ls5{letter-spacing: -0.05em}
.underline{text-decoration: underline}


/*sub*/
 .flexs{display: flex; justify-content: space-between;}
 .flexs> :nth-child(1){margin-right: 20px;}
 .flexs .img_wrap{margin-top: 0; margin-bottom: 0;}

 .flexs_c{display: flex; justify-content:center;}
 .flexs_c> :nth-child(1){margin-right: 20px;}
.flex_top{align-items: flex-start;}
 

.flexs.img_three> :nth-child(2){margin-right: 20px;}
@media all and (max-width:1280px){
    .flexs .img_wrap{margin-bottom: 2.5%;}
}



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

    .flexs{display: block;}
    .flexs> :nth-child(1){margin-right: 0px;}
    .flexs_c{display: block;}
    .flexs_c> :nth-child(1){margin-right: 0px;}

    .row .column {float: none;padding-left:0 !important;
    /* margin-bottom: 1.5rem; */width:100% !important;}
    .sep{display: none;}  .mt80-n{margin-top:0}
    .row.mo-mb0 {margin-bottom: 0 !important;}
    .row .column.mo-mb {margin-bottom: 0.9375rem;}
    .row .column.m0 {margin-bottom: 0;}
    .row .column:last-child {margin-bottom: 0;}
    .row .column figure {text-align: center !important;}  .row .column figure:nth-of-type(1) {margin-bottom: 1.875rem;}
    .row .column figure:nth-last-of-type(1) {margin-bottom: 0;}
    .row .column figure.m0 {margin-bottom: 0 !important;}
    .row .column.right.mo-mb0 {margin-bottom: 0 !important;}
    .w70{width:100%}  .border_orange{padding:15px !important}
    .book_wrap .book{display: block;}
    .book_wrap .book_cover{width:100%;margin: 0 auto;display: block;}
    .book_wrap .book_text{width:100%;margin-top:10px}
  .flex-row2 figure{text-align: center;margin-top:20px}  .campaign-content .txt_wrap{margin:1rem 0 2.5rem 0}
  .re-flex{display: flex;}  .re-tal{text-align: left!important}  .re-mt20{margin-top:20px!important}  .re-mt40{margin-top:40px!important}  .re-tac{text-align: center} 
  /* */
  .img_wrap figure {margin-bottom: 2.143rem !important;text-align: center; }
   .img_wrap figure .caption,.caption1 {margin-top: 10px; }
  .img_wrap.two figure, .img_wrap.three figure {float:none;width:100% !important;margin-right: 0%;}
  .img_wrap figure:nth-last-of-type(1) {margin-right: 0;margin-bottom: 0 !important;}
  .mt95_mhid{margin-top: 10px;}
  .mt65_mhid{margin-top: 10px}
  .img_wrap.inBox {max-width: 100%;}
  .img_wrap.inBox .box {position: relative;bottom: auto;width: 100%;padding: 1.25rem;border: 1px solid #fdf2f1;border-top: 0;}


  .food-box .fbox.f1 {margin-right: 0;}
  .food-box .fbox.f2 {margin-right: 0;}
  .box2_3 {display: block;}
  .box2_3 > div {width: 100%;margin-right: 0;}
  .box2_3 > div p {font-size: 0.857rem;}
  .box2_3 > div strong {padding-left: 11rem;}
  .box_style1 {padding: 1.4286rem;}
  .bg2_1 .box-title {font-size: 1.2857rem;}
  .box2_1_wrap .box2_1 {width: 100%;margin-bottom: 1.875rem;}
  .award-list {padding: 1.25rem;}
  .award-item .award-item__label {padding: 0.625rem ;line-height: 1.4;}
  .award-item .award-item__name {line-height: 1.6;text-align: center;}
  .award-item .award-item__speech .small3 {margin-top: 8px;}
  .big-title {font-size: 1.4286rem;}

  /* 기부하러 가기 */ /* .donation_box .donation {padding: 0.5714rem 2.143rem;}*/
  .donation_box .donation:after {width: 1.429rem;height: 1.429rem;vertical-align: middle;}
  /* 관련 콘텐츠 */
  .page_foot .relation_box {padding: 1.875rem 1rem;}
  .relation_box .relation_list li {display: block;width: 100%;margin-bottom: 2.143rem;}
  .relation_box .relation_list.four li {display: inline-block;width: 48%;margin-right: 2%;}
  .relation_box .relation_list.four li:nth-child(3), .relation_box .relation_list.four li:nth-child(4) {margin-bottom: 0;}
  .relation_box .relation_list .category, .relation_box .relation_list .txt {text-align: center;}
  .relation_box .relation_list li:last-child {margin-bottom: 0;}  .flex-row {display: block;}
  .flex-row .half {width: 100%;}
  .campaign-row {align-items: flex-start;}
  .campaign-colunm.col15 {width: 84px;}
  /* 지난호보기 */
  .ltsp_1 {letter-spacing: -0.025em !important;}  .ltsp_2 {letter-spacing: -0.025em !important;}  .mobile-icon {width: 50%;}

  .listPage .list .date {font-size: 1.143rem;}  .listPage .list .btn_box .btn {font-size: 0.75rem;}
}

@media all and (max-width:640px) {
    .region-item {width: 100%;justify-content: center;}
    .sep{display: block;}  .s2_1 .info {display: block;}
}

@media all and (max-width:460px) {
    .donation_box .donation.long {width: 100%;font-size: 1rem;}
    .donation_box .donation.long2 {width: 100%;font-size: 1rem;}
}

.center{display: flex; align-items: center}
.flex-row3 {display: -webkit-flex;display: -ms-flex;display: flex;justify-content: space-between;align-items: center;margin-bottom: 2.143rem;}
.wbk{word-break: keep-all !important;}

/**/
.interview{ border-radius: 30px; padding: 0 40px;}
@media all and (max-width:1028px){
    .interview{  padding: 0 30px;}
}

/**/
.profile {padding: 15px 80px !important;text-align: left;border-radius: 30px}
.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; }
.profile .pro_flex>:nth-child(1){  max-width: fit-content; width: 20%;}
.profile .pro_flex>:nth-child(2){width: 80%;}
@media all and (max-width:1280px){
    .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:768px){
    .profile{padding: 40px 20px !important;}
    .profile .comment{font-size: 20px; }
}
@media all and (max-width:480px){
    .profile .comment{font-size: 18px;}
}


/*서브 각 색깔*/
.ccolor1_1{color:#51a734}
.ccolor1_1-2{color:#222222}
.ccolor2_1{color:#939598}
.ccolor2_2{color:#0086cd }

/*sub1_1*/
.s1_1  .interview {border: 1px solid #51a734;}
.s1_1  .profile {background: #dce9cd;}
.s1_1  .profile .comment {color: #51a734;}
.gray .s1_1_2{border-top: 1px solid white;}

/*sub2_1*/
.s2_1 .title,.s2_1 .caption{color: #e98e7f;}
.s2_1 .title.line {display: flex;  align-items: center;  justify-content: center;   width: 100%;  position: relative;  white-space: nowrap;}
.s2_1 .title.line::before,
.s2_1 .title.line::after {  content: ""; flex-grow: 1; height: 1px; background-color:#579ec6; margin: 0 10px;}
.gray  .s2_1 .title.line::before,.gray  .s2_1 .title.line::after{background: #fff }


/*sub2_2*/
.bg2_2{background: #eef1f1;}
.gray .bg2_2{background: black !important;}

.s2_2 .line .title {display: flex;  align-items: center;  justify-content: center;   width: 100%;  position: relative;  white-space: nowrap;}
.s2_2 .line .title::before,
.s2_2 .line .title::after {  content: ""; flex-grow: 1; height: 1px; background-color:#0086cd; margin: 0 10px;}
.s2_2 .line{border-bottom: 1px solid #0086cd;}
.s2_2 .interview{border: 1px solid #0086cd; background: white; }


/*sub3_1*/
.s3_1 .title{color:#0097da}
.bg3_1{background: #dbebf8;}
.gray .bg3_1{background: black !important;}



/*sub4_1*/
.s4_1 .txt_wrap .title{text-align: left !important;}
.s4_1 .s4_2_icon{font-size: 14px;}
/*sub4_2*/
.s4_2 .title{color:#279d39 !important}
/*sub5_1*/
.s5_1 .part{background: #ddd9eb; padding:  0px 40px; border-radius: 30px; height: auto; width: 100%; box-sizing: border-box;}
.s5_1 .flex_box{display: flex; justify-content: space-between; }
.s5_1 .flex_box.width22>:nth-child(1){width:22%;}
.s5_1 .flex_box.width22>:nth-child(2){width:78%;}
.s5_1 .flex_box.width78>:nth-child(1){width:78%;}
.s5_1 .flex_box.width78>:nth-child(2){width:22%;}


.s5_1  .numb{font-size: 50px; color:#8f84b5; margin-right: 10px; display: inline-block; height: fit-content;}

.s5_1 .flex_box .wh_box{background: white; border-radius: 30px; padding:40px 20px;height: fit-content;}
.s5_1 .flex_box .wh_box .title{text-align: left !important; }
.s5_1 .flex_box .wh_box .small_t{border-top: 1px solid #222; border-bottom: 1px solid #222; margin: 0; padding: 10px 0; display: flex; justify-content: ;}
.s5_1 .flex_box .wh_box .small_t span{color:#8f84b5; width: 95%; word-break: keep-all;}
.s5_1 .flex_box .wh_box .small_t div{width: 5%; margin-right: 10px; min-width: fit-content;}
.s5_1 .flex_box .ml20{margin-left: 20px;}


.s5_1 .flex_box .box2{background: #8f84b5; color: white;padding: 20px; border-radius: 20px;}
.s5_1 .flex_box .box2 span{color:#fff684;font-weight: bold;}
.s5_1 .flex_box .box2 a{color: white;}

@media all and (max-width: 1024px){
    .s5_1 .part{padding: 20px 40px;}
    .s5_1 .flex_box .wh_box{padding:30px 20px;}
    .s5_1 .flex_box{display: block;}
    .s5_1 .flex_box.width22>:nth-child(1), .s5_1 .flex_box.width22>:nth-child(2),.s5_1 .flex_box.width78>:nth-child(1),.s5_1 .flex_box.width78>:nth-child(2){width:100%;}
    .s5_1 .flex_box .ml20{margin-left: 0px !important;}
    .s5_1 .img_wrap.pc-only{display: none;}
    .s5_1 .img_wrap.mo-only{display: block !important;}
}
@media all and (max-width: 768px){

    .s5_1 .part{ padding:  2.5rem 20px 2.5rem 20px;}
}


.gray .s5_1 * {background: black; color: white;}
.gray .s5_1 .part,.gray .s5_1 .flex_box .wh_box,.gray .s5_1 .flex_box .box2{background: black; color: white; border: 1px solid white;}



/*sub5_2*/
.s5_2 .txt_wrap .title{  text-decoration : underline;
    text-underline-position : under;text-underline-offset:1px; text-decoration-thickness: 1px; }

 @media all and (max-width: 768px){
     .s5_2 .txt_wrap .title{line-height: 28px;}
 }
    

/**/
.gray .page_head.gr{background: #000000; border-bottom: 1px solid white;}
.gray .page_head .sub_tit::before{content: '⦁'; color: #ffffff; margin-right: 2px;}
.gray .page_head .sub_tit::after{content: '⦁'; color: #ffffff; margin-left: 2px;}
.gray .sub_page {background: #000;}
.wh_on{display: none;}
.gray .wh_on{display: inline-block;}
.gray .wh_none{display: none;}

.gray .profile {background: black; border: 1px solid white;}
.gray .interview {background: black; border: 1px solid white;}