@charset "UTF-8";

@font-face {
  font-family: 'KCCChassam';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/KCCChassam.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/* ------- main - 공통 ------- */
[class*=section_main] .tit_txt{font-family: 'SUITE', sans-serif;font-weight: 800;font-size: 24px;line-height: 34px;color:#000}
[class*=section_main] .link_moreview{overflow: hidden;position: absolute;top:0;right: 0;width: 34px;height: 34px;border:1px solid #ddd;font-size: 1px;line-height: 0;color:transparent;transition: border .3s}
[class*=section_main] .link_moreview:before{position: absolute;top:50%;left:50%;font-family: 'Font Awesome 6 Pro', sans-serif;font-size: 22px;line-height: 1;color:#000;transform: translate(-50%, -50%);content: '\2b'}
/* // ------- main - 공통 ------- */

/* ------- main - section1 ------- */
.section_main1{background: url(/home/share/images/main/bg_feature1.jpg) 50% 0 no-repeat;background-size: cover}
.section_main1 .inner{height: 280px}
.section_main1 .tit_share{padding-top:150px;font-family: 'KCCChassam', 'SUITE', sans-serif;font-weight: 800;font-size: 26px;line-height: 34px;color:#fff;text-shadow: 0 1px rgba(0,0,0,.58);text-align: center}
.section_main1 .tit_share span.tit_point1 {color: #ffc66a}
.section_main1 .tit_share span.tit_point2 {color: #a1dc5c}
/* // ------- main - section1 ------- */

/* ------- main - section2 ------- */
.section_main2 .tit_txt{text-align: center}
.section_main2 .box_info{margin-top: -20px;border:1px solid #ddd;border-radius: 10px;background: #fff;box-shadow: 0 3px 13px rgba(0,0,0,.05)}
/* .list_quick{display: grid;row-gap: 15px;grid-template-columns: repeat(3, 1fr);padding:30px 0 40px} */
.list_quick{display: flex;flex-wrap:wrap;justify-content: center;row-gap: 15px;padding:30px 0 40px}
.list_quick li{flex-basis: 33.333333%}

.list_quick a{display: block;font-family: 'SUITE', sans-serif;font-weight: 700;font-size: 14px;line-height: 20px;color:#313131;text-align: center}
.list_quick .ico_comm{width: 45px;height: 45px;margin:0 auto 2px}
.list_quick .ico_quick1{background-image: url(/home/share/images/main/ico_quick1.png)}
.list_quick .ico_quick2{background-image: url(/home/share/images/main/ico_quick2.png)}
.list_quick .ico_quick3{background-image: url(/home/share/images/main/ico_quick3.png)}
.list_quick .ico_quick4{background-image: url(/home/share/images/main/ico_quick4.png)}
.list_quick .ico_quick5{background-image: url(/home/share/images/main/ico_quick5.png)}
.list_quick .ico_quick6{background-image: url(/home/share/images/main/ico_quick6.png)}

.box_info .info_guide{position: relative;padding:40px 20px 20px}
.box_info .info_guide:before{position: absolute;top:0;left: 50%;width:90px;height: 1px;background: #ddd;transform:translateX(-50%);content: ''}
.list_infoguide dt{display: flex;gap:5px;align-items: center;padding-top: 10px;font-weight: 700;font-size: 16px;line-height: 22px;color:#000;opacity: .6}
.list_infoguide dt i{opacity: .4}
.list_infoguide dd{padding-top: 5px;font-size: 14px;line-height: 18px;color:#000}
.list_infoguide dd .txt_time span{padding-left: 5px;opacity: .6}
.list_infoguide dd strong{font-weight: 500;font-size: 16px;line-height: 24px;color:#0032BA}
.list_infoguide dt ~ dt{padding-top: 20px}
.list_infoguide .txt_phone{font-weight: 500;font-size: 16px;line-height: 24px}
/* // ------- main - section2 ------- */

/* ------- main - section3 ------- */
.section_main3{margin-top: 60px}
.center_program{position: relative}
.list_program{overflow: hidden;max-height:793px;padding-top: 10px} /* 2024-04-12 수정 */
.list_program a{vertical-align: top} /* 2024-04-12 추가 */
.list_program .wrap_thumb{overflow: hidden;position: relative;padding-top:100%;border-radius: 10px}
.list_program .wrap_thumb:after{position: absolute;top:0;left: 0;right: 0;bottom:0;border:1px solid #ddd;border-radius: 10px;pointer-events: none;content:''}
.list_program .img_program{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover}
.list_program .ico_new{position: absolute;top:15px;left: 15px;width: 28px;height: 28px;border-radius: 50%;box-shadow: 0 1px 0 rgba(0,0,0,.3)}
.list_program strong{display: -webkit-box;overflow: hidden;padding-top: 12px;font-size: 18px;line-height: 22px;color:#3A3A3A;-webkit-line-clamp: 2;-webkit-box-orient: vertical}

/* 2024-04-12 추가 시작 */
.center_program .nav_slide{position: absolute;top: 0;right: 39px;width: 62px}
.center_program .nav_slide button{padding:0 5px;font-size: 18px;line-height: 34px;color:#000}
.center_program .nav_slide .arrows{display: flex;justify-content: space-between}
.center_program .nav_slide .nav_ctrl{position: absolute;top:0;left: 50%;transform:translateX(-50%)}
.center_program .nav_slide .nav_ctrl button{display: none}
.center_program .nav_slide .nav_ctrl button.on{display: block}
.center_program .wrap_paging{position: absolute;top:0;right:100%;margin-right:5px;white-space: nowrap}
.center_program .wrap_paging button{font-weight: 800;font-size: 12px}
.center_program .wrap_paging li{display: none}
.center_program .wrap_paging .slick-active{display: block}
.center_program .wrap_paging .bar{display: inline-block;width: 10px;height: 2px;margin:0 5px;background: #000;vertical-align: middle}
.center_program .wrap_paging em{font-weight: 800;color:#30A0FD}
.center_program :not(.slick-dotted) + .nav_slide{display: none}
/* 2024-04-12 추가 끝 */
/* // ------- main - section3 ------- */

/* ------- main - section4 ------- */
.section_main4{margin-top: 60px}
.list_tab_notice{overflow: hidden;padding: 5px 0}
.list_tab_notice li{float: left}
.list_tab_notice li + li{padding-left: 20px}
.list_tab_notice a{display: block;padding:10px 0;font-weight: 700;font-size: 16px;line-height: 18px;color:#b5b5b5}
.list_tab_notice [aria-selected=true]{color:#269BFD}
.notice_center{position: relative}
.notice_center .tab_panel{display: none}
.notice_center .tab_panel.on{display: block}
.notice_center .link_notice{display: block;overflow: hidden}
.notice_center .link_notice:hover strong, .notice_center .link_notice:focus strong{text-decoration: underline}
.notice_center .box_date{display: flex;row-gap: 2px;flex-direction: column;align-items: center;justify-content: center;float: left;width:75px;height: 70px;border-radius: 10px;font-weight:500;font-size: 14px;line-height: 17px;color:#fff;background: #269BFD}
.notice_center .box_date em{font-weight: 800;font-size: 18px;line-height: 21px}
.notice_center .cont_desc{overflow: hidden;padding:6px 0 0 10px}
.notice_center .cont_desc strong{display: block;overflow:hidden;font-family: 'SUITE', sans-serif;font-size: 16px;line-height: 20px;color:#000;text-overflow:ellipsis;white-space:nowrap}
.notice_center .cont_desc .ico_new{width: 16px;margin-right:5px;vertical-align: baseline}
.notice_center .cont_desc p{display: -webkit-box;overflow: hidden;padding-top:2px;font-size:14px;line-height:18px;color:#848484;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.list_more_notice{margin-top:20px;padding-top:11px;border-top:1px solid #ddd}
.list_more_notice li{overflow: hidden;font-size: 14px;line-height: 21px}
.list_more_notice span{float: right;padding:4px 0 4px 15px;color:#858585}
.list_more_notice a{display: block;overflow:hidden;padding:4px 0;font-weight: 600;color:#575757;outline-offset: -1px;text-overflow:ellipsis;white-space:nowrap}
.list_more_notice a:hover, .list_more_notice a:focus{text-decoration: underline}
.field_sketch{position: relative;margin-top: 40px}
.wrap_slide_sketch{position: relative;padding-top: 10px}
.wrap_slide_sketch .slide{overflow: hidden;position: relative;border-radius: 10px 10px 0 0}
.wrap_slide_sketch .link_sketch{display: block}
.wrap_slide_sketch .wrap_thumb{position: relative;padding-top:48.913%}
.wrap_slide_sketch .link_sketch img{position: absolute;top:0;left: 0;width: 100%;height:100%;object-fit: cover;transition:all .6s}
.wrap_slide_sketch .link_sketch:hover img,
.wrap_slide_sketch .link_sketch:focus img{transform: scale(1.1)}
.wrap_slide_sketch .link_sketch:hover strong,
.wrap_slide_sketch .link_sketch:focus strong{text-decoration: underline}
.wrap_slide_sketch .cont_thumb{padding-top: 10px}
.wrap_slide_sketch strong{display:-webkit-box;overflow: hidden;font-family: 'SUITE', sans-serif;font-size: 18px;line-height: 22px;color:#3A3A3A;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.wrap_slide_sketch .info_date{padding: 5px 0 20px;font-size: 14px;line-height: 18px;color:#858585}
.wrap_slide_sketch .nav_slide{position: absolute;bottom: 100%;right: 39px;width: 62px}
.wrap_slide_sketch .nav_slide button{padding:0 5px;font-size: 18px;line-height: 34px;color:#000}
.wrap_slide_sketch .nav_slide .arrows{display: flex;justify-content: space-between}
.wrap_slide_sketch .nav_slide .nav_ctrl{position: absolute;top:0;left: 50%;transform:translateX(-50%)}
.wrap_slide_sketch .nav_slide .nav_ctrl button{display: none}
.wrap_slide_sketch .nav_slide .nav_ctrl button.on{display: block}
.wrap_slide_sketch .wrap_paging{position: absolute;top:0;right:100%;margin-right:5px;white-space: nowrap}
.wrap_slide_sketch .wrap_paging button{font-weight: 800;font-size: 12px}
.wrap_slide_sketch .wrap_paging li{display: none}
.wrap_slide_sketch .wrap_paging .slick-active{display: block}
.wrap_slide_sketch .wrap_paging .bar{display: inline-block;width: 10px;height: 2px;margin:0 5px;background: #000;vertical-align: middle}
.wrap_slide_sketch .wrap_paging em{font-weight: 800;color:#30A0FD}
.wrap_slide_sketch :not(.slick-dotted) + .nav_slide{display: none}
/* // ------- main - section4 ------- */

@media
only screen and (min-width:768px) {
  /* ------- main - 공통 ------- */
  [class*=section_main] .tit_txt{font-size: 28px;line-height: 38px}
  [class*=section_main] .link_moreview{width: 38px;height: 38px}
  /* // ------- main - 공통 ------- */
  
  /* ------- main - section1 ------- */
  .section_main1 .inner{height: 350px}
  .section_main1 .tit_share{padding-top: 180px}
  .section_main1 .tit_share{font-size: 45px; line-height: 53px}
  /* // ------- main - section1 ------- */

  /* ------- main - section2 ------- */
  .section_main2 .box_info{margin-top: -30px}
  /* .list_quick{grid-template-columns: repeat(5, 1fr)} */
  .list_quick li{flex:1}

  .list_quick a{font-size: 16px;line-height: 22px}
  .list_quick .ico_comm{width: 60px;height: 60px;margin:0 auto 4px}
  .list_infoguide dt{font-size: 18px;line-height: 24px}
  .list_infoguide dd{font-size: 16px}
  .list_infoguide dd strong{font-size: 18px}
  .list_infoguide .txt_phone{font-size: 18px}
  /* ------- main - section2 ------- */

  /* ------- main - section3 ------- */
  .section_main3{margin-top: 70px}
  .list_program{gap:50px 30px;max-height: 557px;padding-top: 15px}
  .list_program strong{font-size: 20px;line-height: 24px}

  /* 2024-04-12 추가 시작 */
  .list_program .slick-list{margin:0 -10px}
  .list_program .slick-slide{margin:0 10px}
  .list_program .wrap_thumb{max-width: 482px}

  .center_program .nav_slide{right: 48px;width: 64px}
  .center_program .nav_slide button{font-size: 20px;line-height: 38px}
  .center_program .wrap_paging{margin-right: 10px}
  .center_program .wrap_paging button{display: flex;align-items: center;font-size: 14px}
  /* 2024-04-12 추가 끝 */
  /* // ------- main - section3 ------- */

  /* ------- main - section4 ------- */
  .section_main4{margin-top: 70px}
  .field_sketch{margin-top: 50px}
  .list_tab_notice{padding-top: 10px}
  .list_tab_notice a{font-size: 18px;line-height: 22px}

  .notice_center .box_date{font-size: 16px;line-height: 18px}
  .notice_center .box_date em{font-size: 20px;line-height: 24px}
  .notice_center .cont_desc{padding:4px 0 0 10px}
  .notice_center .cont_desc strong{font-size: 20px;line-height: 24px}
  .notice_center .cont_desc p{font-size: 16px;line-height: 20px}
  .list_more_notice li{font-size: 16px;line-height: 24px}

  .wrap_slide_sketch{padding-top: 15px}
  .wrap_slide_sketch strong{height: 48px;font-size: 20px;line-height: 24px}
  .wrap_slide_sketch .info_date{padding-top:10px;font-size: 16px;line-height: 20px}
  .wrap_slide_sketch .slide{border-radius: 0}
  .wrap_slide_sketch .slick-list{margin:0 -10px}
  .wrap_slide_sketch .slick-slide{margin: 0 10px}
  
  .wrap_slide_sketch .nav_slide{right: 48px;width: 64px}
  .wrap_slide_sketch .nav_slide button{font-size: 20px;line-height: 38px}

  .wrap_slide_sketch .wrap_paging{margin-right: 10px}
  .wrap_slide_sketch .wrap_paging button{display: flex;align-items: center;font-size: 14px}
  .wrap_slide_sketch .link_sketch{position: relative}
  .wrap_slide_sketch .link_sketch:after{position: absolute;top:0;left: 0;right: 0;bottom:0;border-radius: 10px;border:1px solid #ddd;pointer-events: none;content: ''}
  .wrap_slide_sketch .wrap_thumb{overflow: hidden;border-radius: 10px 10px 0 0}
  .wrap_slide_sketch .cont_thumb{padding:10px 15px 0}
  /* // ------- main - section4 ------- */
}

@media
only screen and (min-width:1024px) {
  [class*=section_main] .link_moreview:hover,
  [class*=section_main] .link_moreview:focus{border-color:#000}
  /* ------- main - section1 ------- */
  .section_main1 .inner{height: 430px}
  .section_main1 .tit_share{padding-top: 245px}
  /* // ------- main - section1 ------- */

  /* ------- main - section2 ------- */
  .box_info{display: flex;align-items: center}
  .box_info .list_quick, .box_info .info_guide{flex: 1 1 50%}

  .list_quick{padding:40px 40px 40px 0}
  .list_quick li{flex-grow: 0;flex-basis: 33.33333%}
  
  .list_quick a{font-size: 20px;line-height: 24px}

  @keyframes hvr-vertical {
    16.65%  {transform: translateY(8px)}
    33.3%   {transform: translateY(-6px)}
    49.95%  {transform: translateY(4px)}
    66.6%   {transform: translateY(-2px)}
    83.25%  {transform: translateY(1px)}
    100%    {transform: translateY(0)}
  }
  .list_quick a:hover .ico_comm,
  .list_quick a:focus .ico_comm {animation: hvr-vertical 1s ease-in-out 1}

  .box_info .info_guide{padding:30px 20px 40px 40px}
  .box_info .info_guide:before{top:50%;left: 0;width: 1px;height: 195px;transform:translateY(-50%)}
  .list_infoguide{padding-top: 10px}
  .list_infoguide dt{padding-top: 0}
  .list_infoguide dt ~ dt{padding-top: 17px}
  .list_infoguide dd{padding-top: 2px}
  /* // ------- main - section2 ------- */
  
  /* ------- main - section3 ------- */
  .list_program{max-height: 528px}
  .list_program .wrap_thumb{max-width: 453px}
  .list_program a .img_program{transition: all .6s}
  .list_program a:hover strong,
  .list_program a:focus strong{text-decoration: underline}
  .list_program a:hover .img_program,
  .list_program a:focus .img_program{transform: scale(1.1)}
  /* // ------- main - section3 ------- */

  /* ------- main - section4 ------- */
  .wrap_slide_sketch .link_sketch:hover img,
  .wrap_slide_sketch .link_sketch:focus img{transform: scale(1.1)}
  .wrap_slide_sketch .link_sketch:hover strong,
  .wrap_slide_sketch .link_sketch:focus strong{text-decoration: underline}
  /* // ------- main - section4 ------- */
}

@media
only screen and (min-width:1440px) {
  /* ------- main - 공통 ------- */
  [class*=section_main] .tit_txt{font-size: 32px;line-height: 40px}
  [class*=section_main] .link_moreview{width: 40px;height: 40px}
  /* // ------- main - 공통 ------- */
  
  /* ------- main - section1 ------- */
  .section_main1 .inner{height: 530px}
  .section_main1 .tit_share{padding:60px 0 0 50px;font-size: 45px;line-height: 60px;text-align: left}
  /* // ------- main - section1 ------- */
  
  /* ------- main - section2 ------- */
  .section_main2 .box_info{margin-top: -70px}
  .section_main2 .tit_txt{flex-shrink: 0}

  .box_info .info_guide{display: flex;gap:30px}
  .box_info .info_guide:before{height: 110px}

  /* .list_quick{grid-template-columns: repeat(5, 1fr);padding: 41px 20px} */
  .list_quick{padding: 41px 20px}
  .list_quick li{flex:1}

  .list_quick .ico_comm{width: 80px;height: 80px;margin:0 auto 10px}
  .list_infoguide{display: grid;gap: 15px;grid-template-columns: auto 1fr;align-items: flex-start;padding-top: 5px}
  .list_infoguide dt ~ dt{padding-top: 0}
  /* // ------- main - section2 ------- */
  
  /* ------- main - section3 ------- */
  .list_program{max-height: 474px;padding-top: 25px}
  .list_program strong{font-size: 22px;line-height: 32px}

  /* 2024-04-12 추가 시작 */
  .list_program .wrap_thumb{max-width: 398px}
  .list_program .slick-list{margin:0 -15px}
  .list_program .slick-slide{margin:0 15px}
  .center_program .nav_slide{right:54px;width: 74px}
  .center_program .nav_slide button{font-size: 21px}
  .center_program .wrap_paging{margin-right: 14px}
  .center_program .wrap_paging button{font-size: 15px}
  .center_program .wrap_paging .bar{width: 12px}
  /* 2024-04-12 추가 끝 */
  /* // ------- main - section3 ------- */
  
  /* ------- main - section4 ------- */
  .section_main4 .inner{display: flex}

  .notice_center{flex: 1 1 50%;min-width: 0}
  .notice_center .tit_txt{padding-bottom: 25px}

  .list_tab_notice{position: absolute;top:0;left: 140px;padding:0}
  .list_tab_notice a{padding:5px 0;font-size: 24px;line-height: 30px}
  
  .notice_center .box_date{row-gap: 6px;width: 110px;height: 98px;font-size: 18px;line-height: 21px}
  .notice_center .box_date em{font-size: 28px;line-height: 34px}
  .notice_center .cont_desc{padding:9px 0 0 20px}
  .notice_center .cont_desc .ico_new{width: 24px;height: 24px;margin:2px 5px 0 0;vertical-align: top}
  .notice_center .cont_desc strong{font-size: 22px;line-height: 28px}
  .notice_center .cont_desc p{padding-top: 8px;font-size: 18px;line-height: 24px}
  .list_more_notice{margin-top: 30px;padding-top: 15px}
  .list_more_notice li{font-size: 18px;line-height: 21px}
  .list_more_notice a{padding:8px 0 7px;font-size: 20px;line-height: 24px}
  .list_more_notice span{padding:9px 0 9px 15px}

  .field_sketch{flex:1 1 50%;min-width: 0;margin-top: 0;padding-left: 70px}
  .wrap_slide_sketch .nav_slide{right:54px;width: 74px}
  .wrap_slide_sketch .nav_slide button{font-size: 21px}
  .wrap_slide_sketch .wrap_paging{margin-right: 14px}
  .wrap_slide_sketch .wrap_paging button{font-size: 15px}
  .wrap_slide_sketch .wrap_paging .bar{width: 12px}

  .wrap_slide_sketch{padding-top: 25px}
  .wrap_slide_sketch strong{height: 60px;font-size: 22px;line-height: 30px}
  .wrap_slide_sketch .info_date{padding:18px 0 20px;font-size: 18px;line-height: 21px}
  .wrap_slide_sketch .slick-list{margin: 0 -15px}
  .wrap_slide_sketch .slick-slide{margin: 0 15px}
  /* // ------- main - section4 ------- */
}
@media
only screen and (min-width:1720px) {
  /* ------- main - section1 ------- */
  .section_main1 .inner{height: 642px}
  .section_main1 .tit_share{padding: 90px 0 0 60px;font-size: 45px;line-height:60px}
  /* // ------- main - section1 ------- */

  /* ------- main - section2 ------- */
  .section_main2 .box_info{margin-top: -86px}

  .box_info .info_guide{gap:70px}
  .list_infoguide{gap:17px 15px}
  .list_infoguide dt{gap:10px;font-size: 22px;line-height: 26px}
  .list_infoguide dd{padding-top: 0;font-size: 22px;line-height: 26px}
  .list_infoguide dd strong{font-size: 22px;line-height: 26px}
  .list_infoguide .txt_time{font-size: 18px;line-height: 26px}
  .list_infoguide .txt_time span{font-size: 14px;line-height: 24px}
  .list_infoguide .txt_phone{font-size: 22px;line-height: 26px}
  /* // ------- main - section2 ------- */
}