@charset "utf-8";
@font-face {
    font-family: 'ONE-Mobile-Title';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ONE-Mobile-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.color-red{ color:var(--color-red) !important; }
.color-gray{ color:var(--color-gray) !important; }
.color-gray2{ color:var(--color-gray2) !important; }
.color-gray3{ color:var(--color-gray3) !important; }
.color-gray4{ color:var(--color-gray4) !important; }

/* 폰트 s */
.fz0{font-size: 0;line-height: 0;}
.fz_sss{ font-size: 14px !important;}
.fz_ss{ font-size: 15px !important; line-height: 1.55; }
.fz_s{ font-size: 16px !important; line-height: 1.55;  }
.fz_n{ font-size: 18px !important; line-height: 1.55; }
.fz_nl{ font-size: 20px !important; line-height: 1.55; letter-spacing: -0.02em; }
.fz_nl2{ font-size: 22px !important; line-height: 1.55; letter-spacing
    : -0.02em; }
.fz_l{font-size: 25px !important;letter-spacing: -0.02em; line-height: 1.6;}
.fz_xl{font-size: 28px !important;letter-spacing: -0.02em; line-height: 1.4;}

.fz_tit_ss{font-size: 32px !important;letter-spacing: -0.02em; line-height: 1.3; }
.fz_tit_s{font-size: 38px !important;letter-spacing: -0.02em; line-height: 1.3; }
.fz_tit{font-size: 50px !important;letter-spacing: -0.02em; line-height: 1.3; }
.fw-n{font-weight: normal !important;}
.fw-b-l{font-weight: 600;}
.fw-b{font-weight: 800;}


.lh_0{line-height: 0 !important;}
.lh_1{line-height: 1 !important;}
.lh_14{line-height: 1.4 !important;}
.lh_15{line-height: 1.5 !important;}
.lh_18{line-height: 1.8 !important;}

.group_txt_mv1 p{ margin-top: 5px; }
.group_txt_mv1 p:first-child{margin-top: 0;}

.line-top{margin-top: 60px; padding-top: 45px; background: url(../images/common/bg_line2.gif) repeat-x;}
.line-top2{margin-top: 60px; padding-top: 45px; border-top: 1px solid #dce9f1; }
.line-top3{margin-top: 30px; padding-top: 30px; position: relative;  }
.line-top3:after{ position: absolute; left: calc(50% - 32px); top: 0; width: 64px; height: 3px; background-color: #000; content:"";   }
[class*="line-top"].pa_s{ padding-top: 25px; margin-top: 25px; }
@media screen and (max-width: 1200px){
  .line-top{margin-top: 9vw;padding-top: 5vw;}
  .line-top2{margin-top: 11vw; padding-top: 8vw;}
  .line-top3{margin-top: 7vw; padding-top: 7vw;  }
  .line-top3:after{ position: absolute; left: calc(50% - 10vw); top: 0; width: 20vw; height: 2px; }
  [class*="line-top"].pa_s{ padding-top: 5vw; margin-top: 5vw; }
}


@media screen and (max-width: 1680px){
    .fz_tit_ss{font-size: 32px !important; }
    .fz_tit_s{font-size: 38px !important; }
    .fz_tit{font-size: 42px !important; }
}
@media screen and (max-width: 1380px){
  .fz_nl2{ font-size: 20px !important;}
  .fz_l{font-size: 23px !important;}
  .fz_xl{font-size: 26px !important;}
  .fz_tit_ss{font-size: 30px !important; }
  .fz_tit_s{font-size: 35px !important; }
  .fz_tit{font-size: 38px !important; }
}
@media screen and (max-width: 1180px){
   body{ font-size: 16px; }
  .fz_ss{ font-size: 14px !important;}
  .fz_s{ font-size: 15px !important; }
  .fz_n{ font-size: 16px !important; }
  .fz_nl{ font-size: 18px !important;}
  .fz_nl2{ font-size: 18px !important;}
  .fz_l{font-size: 18px !important;}
  .fz_xl{font-size: 20px !important;}
  .fz_tit_ss{font-size: 28px !important; }
  .fz_tit_s{font-size: 32px !important; }
  .fz_tit{font-size: 35px !important; }
}


@media screen and (max-width: 1200px){
  body{ font-size: 4vw; }
  .fz_sss{ font-size: 3.2vw !important;}
  .fz_ss{ font-size: 3.4vw !important; line-height: 1.55; }
  .fz_s{ font-size: 3.6vw !important; line-height: 1.4;  }
  .fz_n{ font-size: 3.8vw !important; }
  .fz_nl{ font-size: 4vw !important; line-height: 1.4; letter-spacing: -0.02em; }
  .fz_nl2{ font-size: 4.1vw !important; line-height: 1.4; letter-spacing: -0.02em; }
  .fz_l{font-size: 4.3vw  !important;letter-spacing: -0.02em;line-height: 1.4;}
  .fz_tit_s{font-size: 6vw !important; }      
  .fz_tit_ss{font-size: 5.2vw !important; }
  .fz_xl{font-size: 5vw !important;}

  .fz-s-mo{ font-size: 3.2vw !important; }
  .fz-ss-mo{ font-size: 2.83vw !important; }
}

.title{ color:#000; position: relative; z-index: 2; }
.title1{ font-size: 36px; font-weight: 700; }
.title.type1{ font-size: 33px; line-height: 1; font-weight: 800;  }
.title.type2{ font-size: 23px; line-height: 1.3; font-weight: 800;  }
.title.type3{ font-size: 20px; line-height: 1.3; font-weight: 700;  }
.title.type4{font-weight: 700;font-size: 74px;color: #42b0c5;margin-top: 15px;font-family: var(--ff-gm);font-style: italic;font-weight: bold;letter-spacing: -0.056em;line-height: 1.1;margin-top: 20px;}
@media screen and (max-width: 1200px){
  .title1{font-size: 6.667vw; line-height: 1.3;}
  .title.type1{font-size: 5.4vw; line-height: 1.3;font-weight: 800;}
  .title.type2{font-size: 4.3vw; line-height: 1.3;}
  .title.type3{font-size: 4vw;line-height: 1.3;font-weight: 700;}
  .title.type4{font-weight: 700;font-size: 74px;color: #42b0c5;margin-top: 15px; font-weight: 700;letter-spacing: -0.056em;line-height: 1.1;margin-top: 20px;}
}
.txt-gruop{}
.txt-gruop > p{ margin-top: 5px; }
.txt-gruop.mt_2 > p{ margin-top: 10px; }
.txt-gruop > p:first-child{margin-top: 0;}
@media screen and (max-width: 1200px){
  .txt-gruop{}
  .txt-gruop > p{ margin-top: 2vw; }
  .txt-gruop.mt_2 > p{ margin-top: 3vw; }
  .txt-gruop > p:first-child{margin-top: 0;}
}

.txt-sort{display: flex;flex-wrap:wrap;align-items: center;overflow: hidden;}
.txt-sort > .inr-sort{margin-left: -20px;margin-top: -6px;}
.txt-sort > .inr-sort > *{ margin-top: 5px; padding-left:10px; margin-left: 10px; display: inline-block; position: relative; line-height:1.2; }
.txt-sort > .inr-sort > *:after{ position:absolute; left:0; top:calc(50% - 4px); width:1px; height:10px; background:#ccc; content:""; }

.p-dot{ display: flex; }
.p-dot > .dot{width: 16px; min-width: 16px;}

.p-txt{ display: flex; }
.p-txt.num4 > .hd{min-width: 70px; margin-right: 10px;}
.p-txt.num6 > .hd{min-width: 135px; margin-right: 10px;}

@media screen and (max-width: 1200px){
  .p-txt.num4,.p-txt.num6{ font-size:3.4vw; }
  .p-txt.num4 > .hd{min-width: 18vw;margin-right: 3vw;}
  .p-txt.num6 > .hd{min-width: 22vw;margin-right: 0;}
  
}

a.link1{ width: 100%; color: #333; overflow: hidden;  display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
  }
@media (hover: hover) {
  a.link1:hover;{ color: #000; }
}


.txt-heah{ display: flex; flex-wrap:wrap; justify-content: center; font-size: 16px; }
.txt-heah > *{ margin-right: 5px; }
@media screen and (max-width: 1200px){
  .txt-heah{  font-size: 3.2vw; }
  .txt-heah > *{ margin-right: 1vw; }
}

.txt-summary{display: flex;font-size: 16px;color: #333;flex-wrap: wrap;justify-content: flex-start; overflow: hidden;}
.txt-summary > .inner-summary{ margin-left: -25px; position: relative;  }
.txt-summary > .inner-summary > *{position:relative;margin: 4px 10px;padding-left: 15px;}
.txt-summary > .inner-summary > *:after{ position:absolute; left:0; top:calc(50% - 7px); width:1px; height:14px; background-color:#ddd; content:"";}
@media screen and (max-width: 1200px){
  .txt-summary{font-size: 2.9333vw;}
  .txt-summary > .inner-summary{ margin-left: -3vw; position: relative;  }
  .txt-summary > .inner-summary > *{position:relative;margin: 4vw 3vw 4vw 0;padding-left: 3vw;}
  .txt-summary > .inner-summary > *:after{ top:calc(50% - 2vw); width:1px; height:4vw;}
}

.txt-deal{color: #e30000;line-height: 1.2;font-size: 14px;display: flex;flex-direction: column;flex-wrap: wrap;align-items: flex-start;}
.txt-deal .box{margin-top: 5px; color: #fff;background:#e30000;padding: 2px 10px;margin-right: 0;}
.txt-deal .t{}

@media screen and (max-width: 1200px){
  .txt-deal{ font-size: 3.33vw; }
  .txt-deal .box{ padding: 0.5vw 3vw;margin-right: 0;}
  .txt-deal .t{margin-top: 1vw;}
}


.wrap-info-txt{background-color: #eeece4;padding: 17px 30px;display: flex;align-items: center;border-radius: 9px;}
  .wrap-info-txt i{ margin-right:10px; }
  .wrap-info-txt .t{font-size: 16px;}
  
@media screen and (max-width: 1200px){
  .wrap-info-txt{background-color: #eeece4;padding: 4vw;display: flex;align-items: center; border-radius:1.6vw;}
  .wrap-info-txt i{ margin-right:3.7vw; }
  .wrap-info-txt .t{ font-size: 3.7vw; }
  
}


.head-main-type2{ margin-bottom: 45px;  }
.head-main-type2 > .inr-c{display: flex;justify-content: space-between;align-items: flex-end;}
.head-main-type2 .h_1{ font-size: 35px; font-weight: normal; font-family: 'ONE-Mobile-Regular'; font-weight: bold; }
.head-main-type2 .t_1{ margin-top: 3px; color: #676767; }
.head-main-type2 .more{ color:#979797;  text-decoration : underline; text-underline-position : under;  }
@media (hover: hover) {
  .head-main-type2 .more:hover{ color:#404040; }
}
@media screen and (max-width: 1200px){
  .head-main-type2{margin-bottom: 6vw;}
  .head-main-type2 .col.rgh{ display: none; }
  .head-main-type2 > .inr-c{display: flex;justify-content: space-between;align-items: flex-end;}
  .head-main-type2 .h_1{font-size: 5.3vw;line-height: 1.3; font-family: var(--ff-ori); font-weight: 700;}
  .head-main-type2 .t_1{margin-top: 2.4vw; font-size: 3.3vw;}
  
}


.head-bbs-type1{
    margin-bottom: 40px;
}
.head-bbs-type1 .top{
    text-align: center;
}
.head-bbs-type1 .top .h_1{
    font-size: 40px;
    font-weight: 700;
}
.head-bbs-type1 .top .t_1{
    color: #a8a8a8;
    font-size: 20px;
    margin-top: 7px;
}
.wrap-total{ margin-bottom:35px; padding-bottom:11px;  border-bottom:1px #000 solid;}
.wrap-total .total{ font-size:20px; font-weight:600;}
@media screen and (max-width: 1200px){
  .head-bbs-type1{
    margin-bottom: 7vw;
  }
  .head-bbs-type1 .top .h_1{
    font-size: 7vw;
  }
  .head-bbs-type1 .top .t_1{
    font-size: 4vw;
    margin-top: 1vw;
  }
  .wrap-total{ margin-bottom:6vw; padding-bottom:2vw; }
  .wrap-total .total{ font-size:4vw; }
}