@charset "utf-8";

body{font-family: "Pretendard Variable" !important}

/*퀵버튼*/
#quick_new{ position:fixed; bottom: 5%; right:20px;  z-index: 99;  background: white; border-radius: 40px; text-align: center; border: 1px solid #222; padding: 30px 10px;}
#quick_new>*{display: block;padding: 10px 0;}
#quick_new button{width: 100%;  border: 0;background-color: transparent;}
#quick_new .lines{border-bottom: 1px solid #909090;}
@media all and (max-width: 1280px){
    #quick_new{ right:10px;}
}

@media all and (max-width: 767px){
    #quick_new{ position:fixed; bottom: 0%; right:0px;  z-index:99;  width: 100%;display: flex; justify-content: space-between; align-items:center;
     padding:8px 10px; border-top: 1px #eee solid; border-bottom: 0px; border-left: 0px; border-right: 0px; border-radius: 0px;}
    #quick_new .lines{border-bottom: 0px }
    #quick_new>:nth-child(1), #quick_new>:nth-child(2){ width: 15% !important; }
    #quick_new  a,#quick_new  button{padding: 0px 5px; width: 17% !important; }
    #quick_new img{width: 100% !important; max-width: fit-content !important; margin: 0 auto;} 
    #quick_new>:nth-child(2){border-right: 1px solid #cccccc;}
}
@media all and (max-width: 480px){

    #quick_new>:nth-child(1) img, #quick_new>:nth-child(2) img{max-width: 30px !important;}
    #quick_new img{ max-width: 40px!important;} 
}


/* 상단 레이아웃 */

/* 헤더 레이아웃 및 기본 설정 */
.header_new { position: fixed; top: 0; background: #ffffff; width: 100%; height: 90px; box-sizing: border-box; z-index: 100; border-bottom: 2px solid #eee; display: flex; align-items: center; justify-content: center; }

/* 로고 설정 */
.header_new .logo { display: flex; align-items: center; justify-content: center; }
.header_new .logo img { width: 210px; }

/* 로고 반응형 설정 */
@media all and (max-width: 1600px) {
    .header_new .logo img { width: 180px; }
}
@media all and (max-width: 767px) {
    .header_new .logo img { width: 130px; }
}

/* 지난호보기 버튼 */
.header_new .archive-wrap { position: absolute; top: 50%; left: 15px; transform: translateY(-50%); z-index: 10;  color:#000 !important }
.header_new .archive-wrap span { font-weight: bold; }
.header_new .archive-wrap .h_archive { display: block; padding: 0.625rem 1.5rem; background-color: transparent; font-size: 20px; cursor: pointer; border: none; position: relative; }
.header_new .archive-wrap .listPage-area { display: none; visibility: hidden; position: absolute; top: 70%; left: 50%; transform: translate(-50%, 0); }
.header_new .archive-wrap .listPage-area.is-active { visibility: visible; display: block; }

.header_new .archive-wrap .listPage-list { z-index:5; margin-top: 15px; min-width: 10rem; padding: 10px 30px; background-color: #f1f1f1; border: 1px solid #969696; text-align: center; max-height: 200px; overflow-y: auto;}
.header_new .archive-wrap .listPage-list li { padding: 0.3125rem 0; text-align: center; position: relative; }
.header_new .archive-wrap .listPage-list li a { display: inline-block; width: 100%; border-bottom: 1px solid #f1f1f1; font-size: 18px; }
.header_new .archive-wrap .listPage-list li a span { font-weight: bold; }
.header_new .archive-wrap .listPage-list li:hover a { border-bottom: 1px solid #000000; width: fit-content; }
.archive-wrap .load-more-btn { display: block; margin: 5px auto 0; color: rgb(0, 0, 0); border: none; cursor: pointer; border-radius: 5px; background: none; font-size: 18px; }

.header_new .archive-wrap .listPage-list::-webkit-scrollbar { width: 8px; }
.header_new .archive-wrap .listPage-list::-webkit-scrollbar-track { background: #ccc; }
.header_new .archive-wrap .listPage-list::-webkit-scrollbar-thumb { background: #666666; }

span.arrows { display: inline-block; margin-left: 1rem; transition: transform 0.3s; vertical-align: middle; font-size: 27px; line-height: 1; }
span.arrows::after { content: '›'; display: inline-block; transform: rotate(90deg); transition: transform 0.3s; }
span.arrows.up::after { transform: rotate(-90deg); }


@media all and (max-width: 767px) {
    .header_new .archive-wrap .h_archive { font-size: 20px; padding: 0px !important; top:55%}
    span.arrows {  margin-left: 20px;}
    .header_new .archive-wrap .listPage-area {  left: 0%;  transform: translate(0%, 0);}
    .header_new .archive-wrap .listPage-list { padding: 10px;}
    .header_new .archive-wrap .listPage-list li a {  font-size: 16px; padding: 0; }
    .archive-wrap .load-more-btn {font-size: 14px; }
}

@media all and (max-width: 500px) {
    .header_new .archive-wrap .h_archive { font-size: 16px;  }
    span.arrows { font-size: 20px; margin-left: 10px;}
    .header_new .archive-wrap .listPage-list { padding: 5px;}
}

/* 검색 아이콘 */
.header_new .search-btn .search-icon:before { content: "\e97a"; font-size: 28px; font-family: xeicon;}

/* 검색 버튼 및 햄버거 메뉴 위치 설정 */
.header_new .search-btn { position: absolute; right: 78px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; }
.header_new .navTog_new { cursor: pointer; position: absolute; right: 25px; z-index: 999; }
.header_new .navTog_new span { width: 28px; height: 2px; background: #000; display: block; margin-bottom: 8px; transition: all 0.2s;border-radius: 300px;   transform-origin: center;}
.header_new .navTog_new a>:nth-child(3){margin-bottom: 0;}
.navTog_new span:nth-of-type(1){margin-bottom:8px}
.navTog_new span:nth-of-type(2){height: 2}
/* 햄버거 아이콘 X 버튼으로 변환 */
.navTog_new.active span:nth-of-type(1) {
    transform: rotate(45deg) translateY(8px); margin-bottom: 0;}
  .navTog_new.active span:nth-of-type(2) {opacity: 0;}
  .navTog_new.active span:nth-of-type(3) { transform: rotate(-45deg) translateY(-8px); }

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


    .header_new .search-btn .search-icon:before {    width: 24px; height: 24px;}
    .header_new .search-btn { right: 55px; }
    .header_new .navTog_new { right: 15px; }
    .header_new .search-btn .search-icon:before { font-size: 25px; }
    .header_new .navTog_new span{width: 24px;}

}

/* 햄버거 메뉴 전체 화면 설정 */
.header_new .gnb_new { position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100vh; z-index: 10; overflow-y: auto; background-color:white;   transition: all 0.3s ease;padding: 80px 100px; }


.header_new.active .logo,
.header_new.active .archive-wrap,
.header_new.active .search-btn { display: none; }

/* 메뉴 항목 스타일 */
.header_new .gnb_new .gnb_t{width: 100%; max-width: 1280px; margin: 0 auto;
    display: flex; justify-content: space-between; align-items: flex-start;}

.header_new .gnb_new .gnb_t .post{width: 28%; text-align: left !important;font-weight: bold }
.header_new .gnb_new .gnb_t .post .gnb_number{color: #333; font-size: 35px; display: flex; }
.header_new .gnb_new .gnb_t .post .gnb_number span{color: #4e769a !important; }
.header_new .gnb_new .gnb_t .post .date{color:#666; font-size: 30px;; margin-bottom: 20px; border-top: 3px solid #666666;}
.header_new .gnb_new .gnb_t .post  img {width: 100%;}


.header_new .gnb_new .menu_wrap { width: 60%;}
.header_new .gnb_new .menu_wrap .area{display: flex; justify-content: space-between;width: 100%;}
.header_new .gnb_new .menu_wrap .area .menu { width: 48%;}
.header_new .gnb_new .menu_wrap .area>:nth-child(1){margin-right: 150px;}
.header_new .gnb_new .menu_wrap .area .menu > a {  color: #4e769a;font-size: 24px;font-weight: bold; height: 51px; display: flex; align-items: center;}
.header_new .gnb_new .menu_wrap .area .menu .ccolor2{  color: #4ea5a3 !important}
.header_new .gnb_new .sub_menu{border-top: 1px solid #333;}
.header_new .gnb_new .sub_menu>:nth-child(1){margin-top: 9px;}
.header_new .gnb_new .sub_menu li a { font-size: 18px; color: #222;display: block; padding:9px 0 9px 0;transition: ease-in-out 0.3s; }
.header_new .gnb_new .sub_menu li a:hover{color:#4e769a}
.header_new .gnb_new .menu_wrap .area.two{margin-top: 40px; }
.header_new .gnb_new.active { display: block; }

.header_new .gnb_new .gnb_t .post .gnb_number.ccolor2 span{color: #4ea5a3 !important; }

.header_new .gnb_new .sub_menu.ccolor3 li a:hover{color:#41298c}
.header_new .gnb_new .sub_menu.ccolor4 li a:hover{color:#6EA61E}
.header_new .gnb_new .sub_menu.ccolor5 li a:hover{color:#D0575B}
.header_new .gnb_new .sub_menu.ccolor6 li a:hover{color:#47BCC6}
.header_new .gnb_new .sub_menu.ccolor7 li a:hover{color:#EC6937}
.header_new .gnb_new .sub_menu.ccolor8 li a:hover{color:#E67F8A}
.header_new .gnb_new .sub_menu.ccolor9 li a:hover{color:#A93134}
.header_new .gnb_new .sub_menu.ccolor10 li a:hover{color:#6955A2}
.header_new .gnb_new .sub_menu.ccolor11 li a:hover{color:#003F73}
.header_new .gnb_new .sub_menu.ccolor12 li a:hover{color:#4E207E}

/*햄버거 메뉴 하단 아이콘*/
.header_new .gnb_new .gnb_bt{width: 100%; max-width: 767px; margin: 2.5% auto 0 auto;display: flex; justify-content: space-between; align-items: flex-start;}
.header_new .gnb_new .gnb_bt .gnb_ico{border: 1px solid #222222;border-radius: 15px;     display: block;  overflow: hidden;}
.header_new .menu_wrap .menu > a .arrow-icon{display: none;}

@media all and (max-width: 1280px){
    .header_new .gnb_new { padding: 60px }
    .header_new .gnb_new .menu_wrap .area .menu > a { font-size: 18px;}
    .header_new .gnb_new .menu_wrap .area>:nth-child(1){margin-right: 20px;}
    .header_new .gnb_new .sub_menu>:nth-child(1){margin-top: 5px;}
    .header_new .gnb_new .sub_menu li a { font-size: 16px; padding-top: 5px; padding-bottom: 5px; }
    .header_new .gnb_new .gnb_bt{ margin: 60px auto 0 auto; max-width: 500px;}
    .header_new .gnb_new .gnb_bt .gnb_ico img{max-width: 70px;}
}

@media all and (max-width: 767px) {
    .header_new .gnb_new { top: 90px; padding: 15px; }
    .header_new .gnb_new .sub_menu { display: none; max-height: 0; overflow: hidden; opacity: 0; visibility: hidden; transition: max-height 0.3s ease, opacity 0.3s ease; }
    .header_new .gnb_new .sub_menu.active { display: block; opacity: 1; visibility: visible; }
    .header_new .gnb_new .gnb_t .post { display: none; }
    .header_new .gnb_new .menu_wrap { width: 100%; }
    .header_new .gnb_new .menu_wrap .area { display: block; }
    .header_new .gnb_new .menu_wrap .area .menu { width: 100%; }
    .header_new .gnb_new .menu_wrap .area.two { margin-top: 0px; }
    .header_new .gnb_new .menu_wrap .area > :nth-child(1) { margin-right: 0px; }
    .header_new .gnb_new .gnb_bt { width: 100%; max-width: none; margin: 20px auto 0; display: flex; flex-wrap: wrap; }
    .header_new .gnb_new .gnb_bt .gnb_ico { width: 32%; box-sizing: border-box; overflow: hidden; text-align: center; margin-top: 10px; border-radius: 8px; }
    .header_new .menu_wrap .menu > a { position: relative; padding-right: 20px; display: flex; justify-content: space-between;}
    .header_new .menu_wrap .menu > a .arrow-icon { font-size: 14px; margin-left: 5px; transition: transform 0.3s ease;  display: inline-block;    transform: rotate(90deg);  color: black; font-size: 20px;}
    .header_new .menu_wrap .menu > a .arrow-icon.rotate { transform: rotate(-90deg);}
    .header_new .archive-wrap  { z-index:99 !important;}

    
    .header_new .gnb_new .sub_menu>:nth-child(1){margin-top: 8px;}
    .header_new .gnb_new .sub_menu li a {  padding-top: 8px; padding-bottom: 8px; }
}


@media all and (max-width: 460px){
    .header_new .gnb_new .gnb_bt .gnb_ico img{width: 100% !important; max-width:50px; max-height: 50px;}
    
}




.black_line{  text-decoration: underline;   text-underline-offset: 4px;}
.pdf_down{width:100%;
    background:#5f5f5f; height: 80px}

.new_visual_banner { margin-bottom: 80px; height: 100%; background: #f1f8fb; border-bottom: 2px solid #eee; padding-top: 20px;}
.new_visual_banner .new_visual{display: flex; justify-content: space-between; max-width: 1280px; margin: 0 auto; align-items: center;}
.new_visual_banner .new_visual .part{width: 48%; padding-top: 40px;}
.new_visual_banner .new_visual .visual_pc{width: 50%; text-align: center;}
.new_visual_banner .new_visual .visual_pc img{max-width: fit-content; width: 100%;}
.new_visual_banner .new_visual .v_con {padding: 20px 0 60px 0; text-align: center;}
.new_visual_banner  .category{font-size: 18px; font-weight: bold;}
.new_visual_banner  .desc{font-size: 18px; line-height: 20px; font-weight: bold; margin-top: 5px;}
.new_visual_banner  .desc.lh26{line-height: 26px;}

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

    .new_visual_banner .new_visual{padding: 20px 20px;}
    .new_visual_banner .new_visual .part{margin-top: 20px;margin-right: 20px;}
    .new_visual_banner  .category{font-size: 16px; }
    .new_visual_banner  .desc{font-size: 16px; line-height: 24px;}
    .new_visual_banner  .desc.lh26{line-height: 24px;}
}

@media all and (max-width: 767px){
    .new_visual_banner {margin-bottom: 40px;}
    .new_visual_banner .new_visual{display: block;   max-height: none !important; }
    .new_visual_banner .new_visual .visual_mo img{margin: 0 auto ; max-width: fit-content !important; width: 100%;}
    .new_visual_banner .new_visual .part{width: 100%; margin-right: 0;}
    .new_visual_banner .new_visual .v_con {padding: 20px 0 40px 0; }
} 

.new_visual_banner .new_visual .v_con.ccolor11{border-top: 1px solid #1a537d !important; color: #1a537d!important;;}


.review_banner .image img { width:100%; }
.quiz_banner{margin-bottom: 100px}
.quiz_banner img{width:100%}


[class*="main_cont"] .title{font-size: 30px; font-weight: bold; margin-bottom: 20px; margin-top: 80px; position: relative; display: flex; align-items: center; text-align: left; }
[class*="main_cont"] .main_flex {display: flex; justify-content: space-between; margin-bottom: 30px;}
[class*="main_cont"] .main_flex .image img{width: 100%;}
[class*="main_cont"] .main_flex.cont_two .item {width: 50% ;}
[class*="main_cont"] .main_flex.cont_two>:nth-child(1){margin-right: 2.5%;}
[class*="main_cont"] .main_flex.cont_three .item{width: 33.333% !important;}
[class*="main_cont"] .main_flex.cont_three>:nth-child(2){margin:0  2.5%;}

[class*="main_cont"] .category{font-size: 16px; margin-bottom: 10px;}
[class*="main_cont"]  .subject{font-size: 22px; font-weight: bold; margin-bottom: 10px;}
[class*="main_cont"]  .desc{font-size: 16px; line-height: 20px; font-weight: 500;}

[class*="main_cont"] .title.ccolor11{color:#53799a}
[class*="main_cont"] .title.ccolor11::after { content: ""; flex: 1; height: 3px; background-color: #53799a; margin-left: 20px; margin-top: 3px;}

[class*="main_cont"] .title.ccolor01{color:#443b94 !important}
[class*="main_cont"] .title.ccolor01::after { content: ""; flex: 1; height: 3px; background-color: #443b94; margin-left: 20px; margin-top: 3px;}

[class*="main_cont"] .title.ccolor02{color:#4ea5a3 !important}
[class*="main_cont"] .title.ccolor02::after { content: ""; flex: 1; height: 3px; background-color: #4ea5a3; margin-left: 20px; margin-top: 3px;}

[class*="main_cont"] .title.ccolor03{color:#41298c  !important}
[class*="main_cont"] .title.ccolor03::after {   content: ""; flex: 1; height: 3px; margin-left: 20px; margin-top: 3px; background-color: #41298c ; }

[class*="main_cont"] .title.ccolor04{color:#6EA61E !important}
[class*="main_cont"] .title.ccolor04::after {  content: ""; flex: 1; height: 3px; margin-left: 20px; margin-top: 3px;  background-color: #6EA61E; }

[class*="main_cont"] .title.ccolor05{color:#D0575B!important}
[class*="main_cont"] .title.ccolor05::after { content: ""; flex: 1; height: 3px; margin-left: 20px; margin-top: 3px;  background-color: #D0575B; }

[class*="main_cont"] .title.ccolor06{color:#47BCC6!important}
[class*="main_cont"] .title.ccolor06::after { content: ""; flex: 1; height: 3px; margin-left: 20px; margin-top: 3px;  background-color: #47BCC6; }

[class*="main_cont"] .title.ccolor07{color:#EC6937!important}
[class*="main_cont"] .title.ccolor07::after { content: ""; flex: 1; height: 3px; margin-left: 20px; margin-top: 3px;  background-color: #EC6937; }

[class*="main_cont"] .title.ccolor08{color:#E67F8A!important}
[class*="main_cont"] .title.ccolor08::after { content: ""; flex: 1; height: 3px; margin-left: 20px; margin-top: 3px;  background-color: #E67F8A; }

[class*="main_cont"] .title.ccolor09{color:#A93134!important}
[class*="main_cont"] .title.ccolor09::after { content: ""; flex: 1; height: 3px; margin-left: 20px; margin-top: 3px;  background-color: #A93134; }

[class*="main_cont"] .title.ccolor10{color:#6955A2!important}
[class*="main_cont"] .title.ccolor10::after { content: ""; flex: 1; height: 3px; margin-left: 20px; margin-top: 3px;  background-color: #6955A2; }

[class*="main_cont"] .title.ccolor11{color:#003F73!important}
[class*="main_cont"] .title.ccolor11::after { content: ""; flex: 1; height: 3px; margin-left: 20px; margin-top: 3px;  background-color: #003F73; }

[class*="main_cont"] .title.ccolor12{color:#4E207E!important}
[class*="main_cont"] .title.ccolor12::after { content: ""; flex: 1; height: 3px; margin-left: 20px; margin-top: 3px;  background-color: #4E207E; }

.main_cont1 .item{padding:20px 30px 40px 30px}
.main_cont1 .item .image{margin-bottom: 15px;}
.main_cont1 .item.ccolor1{background: #f8f8f8;}
.main_cont1 .item.ccolor2{background: #eff9f6;}
.main_cont1 .desc{line-height: 1.5rem;-webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;max-height: 80px; }

.main_cont2 .item .caption .flex{display: flex; justify-content: space-between; align-items: center;}

.main_cont3 .item{position: relative;}
.main_cont3 .item img {width: 100%; ;}
.main_cont3 .mb30{margin-bottom: 30px;}
.main_cont3 .container>:nth-child(2){margin-bottom: 30px;}
.main_cont3  .text-content { width: 40%; position: absolute; left: 55%; top:50%;transform: translate(0%, -50%);}
.main_cont3 .desc{line-height: 1.4rem;}

.main_cont3.four .desc{display: -webkit-box;  -webkit-box-orient: vertical; overflow: hidden;  text-overflow: ellipsis; -webkit-line-clamp: 3; line-height:1.6rem; }


.main_cont4 .item { background: #f8f8f8; padding: 0 30px  30px  30px;  display: flex; flex-direction: column; justify-content: flex-start;    box-sizing: border-box; align-items: stretch;}
.main_cont4 .item .caption { padding-bottom: 3px; border-bottom: 1px solid black; margin:30px 0 20px 0}
.main_cont4 .item img {width: 100%;   height: auto;}

.main_cont_banner .one{margin-bottom: 40px;}

.main_cont_banner img,.main_cont_banner2 img{width: 100%;}
.main_cont_banner2{ margin: 80px 0;}

.main_cont_banner.banner1 {margin-bottom: 30px;}
.tb-only{display: none;}
.tm-only{display: none;}

.cont3_tb{display: none;}
.cont3_mo{display: none;}
@media all and (max-width: 1280px){
.cont3_pc{display: none;}
.cont3_tb{display: block;}
}
@media all and (max-width:767px){
.cont3_tb{display: none;}
.cont3_mo{display: block;}
.main_cont_banner .one{margin-bottom: 20px;}
}

@media all and (max-width: 1280px){
    .tm-only{display: block;}
    .main_cont1 .desc{margin-bottom: 20px;} 
    .main_cont1 .text-cont { max-height: 100px}
    .main_cont1 .text-cont.long { max-height: 120px !important}

    .main_cont3  .text-content { width: 100%; position: absolute; left: 0%; top:50%;transform: translate(0%, -50%); background: rgba(255, 255, 255, 0.4); height: 100%; padding:30px; word-break: keep-all;}
    .main_cont3 .desc{color:#222 !important}
    .main_cont4 .item .subject{ font-size: 18px; word-break: keep-all; line-height: 26px;}

    .main_cont3.four  .text-content { background: rgba(0, 0, 0, 0.4) !important; }
    .main_cont3.four *{color: #fff }
    .main_cont3.four .subject.mt20{margin-top: 10px !important;}
    .main_cont3.four .desc{color: #fff !important; display: -webkit-box;  -webkit-box-orient: vertical; overflow: hidden;  text-overflow: ellipsis; -webkit-line-clamp: 2;  line-height: 1.5; max-height: calc(1.5em * 2);}
}
@media all and (max-width: 1024px) and (min-width: 767px){
  
    .main_cont1 .desc.short{-webkit-line-clamp: 1;  }

}



@media all and (max-width: 1200px) and (min-width: 767px){
.main_cont4 .item .subject.long{height: 80px; word-break: keep-all !important;}
.main_cont1 .item .subject.tb_small{ font-size: 18px; word-break: keep-all;}
.tb_none{display: none !important;}
.tb-only{display: block !important;}
}

@media all and (max-width: 1014px) and (min-width: 767px){
    .main_cont4 .item .subject.long2{height: 80px; word-break: keep-all !important;}
.main_cont4 .item .subject.long3{height: 60px; word-break: keep-all !important;}
}



@media all and (max-width: 767px){
    .tb_none{display: inline-block;} 
    [class*="main_cont"]  .desc{font-size: 16px; line-height: 24px; }
    [class*="main_cont"] .title{margin-top: 60px; font-size: 26px;}
    [class*="main_cont"] .category{ margin-bottom: 5px; font-size: 16px;}
    [class*="main_cont"]  .subject{word-break: keep-all; font-size: 20px;}
    [class*="main_cont"] .main_flex {display: block; margin-bottom: 0px;}
    [class*="main_cont"] .main_flex.cont_two .item {width: 100% ;}
    [class*="main_cont"] .main_flex.cont_two>:nth-child(1){margin-right: 0%;}
    [class*="main_cont"] .main_flex.cont_three .item{width: 100% !important;}
    [class*="main_cont"] .main_flex.cont_three>:nth-child(2){margin:0;}

    .main_cont1 .title{margin-top: 40px !important;}
    .main_cont1 .item{padding:20px 15px 30px 15px; margin-bottom: 30px !important;}
    .main_cont1 .item.last{margin-bottom: 0px !important;}
    .main_cont1 .item .image{margin-bottom: 10px;}
    .main_cont1 .item .image img{width: 100%;}
    .main_cont1 .desc{margin-bottom: 0px;} 
      .main_cont1 .desc.short2{-webkit-line-clamp: 1;  }

    .main_cont2 .item {margin-bottom: 30px !important;}

    .main_cont3  .text-content,.main_cont3.four .text-content {transform: translate(0%, -100%); height: fit-content; background:#f8f8f8 !important; border-radius: 30px 30px 0 0; border: 4px white solid; padding:20px; top:101%; min-height: 100px;}
    .main_cont3 .desc{ display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;-webkit-line-clamp: 2; max-height: 120px; margin-top: 0px; }
    .main_cont3.four *,.main_cont3.four .desc{color: #222 !important; }
    .main_cont4 .item { padding: 0 20px  20px  20px;  height: fit-content; margin-bottom:30px !important}
    .main_cont4 .item .subject{ font-size: 22px !important;}
    .main_cont3 .category{ margin-bottom: 10px; }

    .main_cont_banner2 .main_flex>:nth-child(1){margin-bottom: 20px !important;}
    .main_cont_banner2{ margin: 40px 0;}
    .main_cont_banner.banner1 {margin-bottom:20px !important;}
    
    #footer .footer .footer_right.new{margin: 0 auto 60px auto;}
}


@media all and (max-width: 460px){
    [class*="main_cont"] .category{  font-size: 14px;}
    [class*="main_cont"]  .subject{word-break: keep-all; font-size: 18px;}


    .main_cont3  .text-content { border: 3px white solid; padding: 20px !important;}
    .main_cont3 .desc{display: none !important;}
    .main_cont3 .subject.mt20,  .main_cont3.four .subject.mt20{margin-bottom: 0; margin-top: 0px !important;}
    .main_cont4 .item { padding: 0 15px 15px  15px;  }
    .main_cont4 .item .subject{ font-size: 18px !important;}
}


.sub_contents .img_wrap { margin: 20px 0px; text-align:center; }
.sub_contents .img_wrap:after { display:block; content:''; clear:both; }
.sub_contents .img_wrap .image img { max-width:100% !important; }
.sub_contents .container .part .info .txt_wrap .text{font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 
    "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif !important;font-style: italic !important; font-weight: bold;}
.sub_contents .container .part .info .txt_wrap .text i { font-weight: bold!important;
    box-sizing: border-box !important;;display: inline;font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 
                 "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif !important;font-style: italic !important; height: auto;letter-spacing: -0.51px !important;line-height: 30px !important;text-align: center;text-size-adjust: 100% !important;width: auto; text-align: center !important;
}



/*25호 특별 배너*/
#quick_new.vol25{ bottom: 15% !important; right: 40px !important;}
.quick_event{ position: absolute; bottom: -130px; left: 50%; transform: translateX(-50%); }
.quick_event img{width: 90px;}
@media all and (max-width: 1280px){
#quick_new.vol25{right: 30px !important;}
}
@media all and (max-width: 767px){
    #quick_new.vol25{ position:fixed; bottom: 0% !important; right: 0px!important;}
    .quick_event{ position:fixed; bottom:10% !important; right: 1%; transform: translateX(0%); left: auto; width: auto;}
    #quick_new .quick_event {width: auto !important;}
    #quick_new.vol25 .quick_event a, #quick_new.vol25 .quick_event img{ max-width: 60px !important;}
     
}
.ls2{letter-spacing: -0.02em!important}


/*25호 특별 햄버거*/
.header_new.vol25 .gnb_new{padding:60px 100px 40px 100px !important;}
.header_new.vol25 .gnb_new .gnb_t .post .date{margin-bottom: 56px !important;}
.header_new.vol25 .gnb_new .gnb_t .post img{margin-bottom: 36px !important;}
.vol25 .gnb_t{position: relative;}
.event_banner{position: absolute; bottom: 0; right: 0;width: 100%; max-width: 1280px; text-align: right;}
.event_banner img{width: 60%;}
@media all and (max-width:1440px) {
.header_new.vol25 .gnb_new .gnb_t .post img{margin-bottom:80px!important;}
}
@media all and (max-width:1280px) {
       .header_new.vol25 .gnb_new { padding: 60px!important; }
.header_new.vol25 .gnb_new .gnb_bt{margin-top: 30px !important;}
}
@media all and (max-width:1024px) {
.header_new.vol25 .gnb_new .gnb_t .post img{margin-bottom:100px!important;}
}

@media all and (max-width:767px) {
        .header_new.vol25 .gnb_new { top: 90px; padding: 15px!important; }

    .header_new.vol25 .gnb_new .gnb_t{display: block !important;}
    .event_banner{position: static;width: 100%; max-width:none; text-align: right; margin-top: 20px;}
     .event_banner {display: block; box-sizing: border-box;}
    .event_banner img{width: 100%;}
    .header_new.vol25 .gnb_new .gnb_bt{margin-top: 20px !important;}
}