@charset "utf-8";

#main{min-height: calc(100vh - 286px);margin-top:110px;}

#main h2.main-tit {margin-bottom:20px;font-size:40px;color: #111;font-weight: 600;line-height: 1;}
#main h3.main-tit {margin-bottom:28px;font-family: 'Eulyoo1945';font-size:28px;color: #0063AA;font-weight: 600;line-height: 1.1;}
#main .btn-more{display: inline-block;}
#main .btn-more a{display: block;width: 20px;height: 20px;text-indent: -999px;overflow: hidden;background: url('/_public/images2/main/plus2.svg') no-repeat;}
#main .btn-total-view{display: block;margin-top: 30px;text-align: center;}
#main .btn-total-view a{display: inline-block;padding-right: 20px;font-size: 18px;color: #333;font-weight: 500;text-decoration: underline;text-underline-offset: 3px;background: url('/_public/images2/main/plus1_blue.svg') no-repeat right center;transition:all 0.3s;}
#main .btn-total-view a:hover{color: #0063AA;}

#main .section01{margin-bottom: 80px;}
#main .section01 .m-visual{position: relative;}
#main .section01 .m-visual ul li{position: relative;height: 600px;background-repeat: no-repeat;background-size: cover;background-position: center center;}
#main .section01 .m-visual ul li::before{position: absolute;top: 0;left: 0;width: 50%;height: 100%;content: '';background-color: rgba(0, 11, 55, 0.64);}
#main .section01 .m-visual ul li.bg1{background-image: url('/_public/images2/main/main_visual01.png');}
#main .section01 .m-visual ul li.bg2{background-image: url('/_public/images2/main/main_visual02.png');}
#main .section01 .m-visual ul li.bg3{background-image: url('/_public/images2/main/main_visual03.png');}
#main .section01 .m-visual ul li.bg4{background-image: url('/_public/images2/main/main_visual04.png');}
#main .section01 .m-visual ul li .v-text{position: relative;display: flex;align-items: center;margin: 0 auto;padding: 0 20px 50px;max-width: 1440px;height: 100%;}
#main .section01 .m-visual ul li .v-text dl dt{margin-bottom: 35px;font-size: 53px;color: #fff;font-weight: 800;line-height: 1.1;}
#main .section01 .m-visual ul li .v-text dl dt span{display: block;margin-bottom: 10px;font-size: 26px;font-weight: 600;line-height: 1;}
#main .section01 .m-visual ul li .v-text dl dt .txt{margin-bottom: 0;font-size: 36px;}
#main .section01 .m-visual ul li .v-text dl dt .txt sup{font-size: 20px;}
#main .section01 .m-visual ul li .v-text dl dd{font-size: 18px;color: #fff;}
#main .section01 .m-visual ul li .v-text .btn-detail{display: block;margin-top:35px;}
#main .section01 .m-visual ul li .v-text .btn-detail a{display: block;padding-left: 26px;width:200px;height: 45px;align-content: center;font-size: 18px;color: #fff;border: 1px solid #fff;border-radius: 5px;background: url('/_public/images2/main/arrow1_w.svg') no-repeat right 25px center;}
#main .section01 .m-visual .visual-page{position: absolute;left: 0;bottom: 130px;padding: 0 20px;width: 100%;z-index: 20;}
#main .section01 .m-visual .visual-page .m-v-page{display: block;margin: 0 auto;max-width: 1400px;}
#main .section01 .m-visual .visual-page .m-v-page button{width: 12px;height: 12px;text-indent: -999px;overflow: hidden;background-color: rgba(255, 255, 255, 0.5);opacity: 1;}
#main .section01 .m-visual .visual-page .m-v-page button.swiper-pagination-bullet-active{background-color: #fff;}

#main .section02{margin-bottom: 184px;padding: 0 20px;}
#main .section02 .layout{display: flex;justify-content: space-between;gap: 50px;}
#main .section02 .layout .sect-lt{width: 64%;max-width: 885px;}
#main .section02 .layout .sect-lt .m-con2-1{margin-bottom: 45px;}
#main .section02 .layout .sect-lt .m-con2-1 h2{font-weight: 700;}
#main .section02 .layout .sect-lt .m-con2-1 .m-rec-box{display: flex;gap:50px;padding: 25px;border: 1px solid #ccc;border-radius: 10px;}
#main .section02 .layout .sect-lt .m-con2-1 .m-rec-box .m-rec-lt img{display: block;width: 100%;}
#main .section02 .layout .sect-lt .m-con2-1 .m-rec-box .m-rec-rt{position: relative;padding-bottom: 65px;}
#main .section02 .layout .sect-lt .m-con2-1 .m-rec-box .m-rec-rt h3{margin-bottom:25px;padding-top:20px;font-family: 'Paperlogy';font-weight:800;font-size: 60px;color: #111;line-height: 1;}
#main .section02 .layout .sect-lt .m-con2-1 .m-rec-box .m-rec-rt h3 sup{font-family: 'Paperlogy';font-size: 35px;}
#main .section02 .layout .sect-lt .m-con2-1 .m-rec-box .m-rec-rt dl{display: flex;flex-wrap: wrap;gap: 10px 0;font-size: 18px;}
#main .section02 .layout .sect-lt .m-con2-1 .m-rec-box .m-rec-rt dl dt{position: relative;width: 60px;;color: #333;font-weight: 700;}
#main .section02 .layout .sect-lt .m-con2-1 .m-rec-box .m-rec-rt dl dt::after{position: absolute;top: 4px;right: 15px;width: 0;height: 17px;content: '';border-left: 2px solid #333;}
#main .section02 .layout .sect-lt .m-con2-1 .m-rec-box .m-rec-rt dl dd{width: calc(100% - 60px);}
#main .section02 .layout .sect-lt .m-con2-1 .m-rec-box .m-rec-rt .m-link{position:absolute;left: 0;bottom: 0;display: flex;width: 100%;gap: 14px;}
#main .section02 .layout .sect-lt .m-con2-1 .m-rec-box .m-rec-rt .m-link .btn-link{flex: 1;}
#main .section02 .layout .sect-lt .m-con2-1 .m-rec-box .m-rec-rt .m-link .btn-link a{display: block;padding-left: 26px;height: 50px;font-size: 17px;color: #333;font-weight: 600;align-content: center;border: 1px solid #ccc;border-radius: 5px;background-repeat: no-repeat;background-position: right 20px center;background-image: url('/_public/images2/main/arrow1_b.svg');transition:all 0.3s;}
#main .section02 .layout .sect-lt .m-con2-1 .m-rec-box .m-rec-rt .m-link .btn-link:nth-of-type(2) a{color: #fff;background-color: #0063AA;border-color: #0063AA;background-image: url('/_public/images2/main/arrow1_w.svg');}
#main .section02 .layout .sect-lt .m-con2-1 .m-rec-box .m-rec-rt .m-link .btn-link:nth-of-type(1) a:hover{color: #0063AA;border-color: #0063AA;}
#main .section02 .layout .sect-lt .m-con2-2 .btn-more{margin-left: 10px;}
#main .section02 .layout .sect-lt .m-con2-1 .m-rec-box .m-rec-rt .m-link .btn-link:nth-of-type(2) a:hover {background-color: #01407B;}
#main .section02 .layout .sect-lt .m-con2-2 .m-quart ul li{background-color: #F5F5F5;border-radius: 5px;border:1px solid #F5F5F5;transition: 0.2s ease;}
#main .section02 .layout .sect-lt .m-con2-2 .m-quart ul li a{display: block;padding: 30px;height: 200px;}
#main .section02 .layout .sect-lt .m-con2-2 .m-quart ul li a span{display: block;}
#main .section02 .layout .sect-lt .m-con2-2 .m-quart ul li .tit{margin-bottom: 42px;height: 56px;font-size: 21px;color: #111;font-weight: 700;overflow: hidden;  text-overflow: ellipsis; word-wrap: break-word;  display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height: 1.3;}
#main .section02 .layout .sect-lt .m-con2-2 .m-quart ul li .txt{margin-bottom: 12px;font-size: 15px;color: #111;font-weight: 500;line-height: 1.2;}
#main .section02 .layout .sect-lt .m-con2-2 .m-quart ul li .date{font-size: 15px;color: #707070;line-height: 1;}
#main .section02 .layout .sect-lt .m-con2-2 .m-quart ul li:hover{background-color: #fff;border-color: #0063AA;}
#main .section02 .layout .sect-lt .m-con2-2 .m-quart ul li:hover .tit{color: #0063AA;}
#main .section02 .layout .sect-rt{flex-shrink: 0;width: 30%;;max-width: 415px;}
#main .section02 .layout .m-con2-3 ul{border-top: 1px solid #ccc;}
#main .section02 .layout .m-con2-3 ul li{border-bottom: 1px solid #ccc;}
#main .section02 .layout .m-con2-3 ul li a{display: flex;flex-wrap: wrap;gap: 12px;padding: 20px 0;align-items: center;}
#main .section02 .layout .m-con2-3 ul li .tit{display: block;width: 100%;font-size: 18px;color: #111;font-weight: 600;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;line-height: 1;transition:all 0.3s;}
#main .section02 .layout .m-con2-3 ul li .divis{padding: 0 8px;font-size: 15px;color: #333;font-weight: 500;line-height: 26px;border: 1px solid #ccc;border-radius: 5px;}
#main .section02 .layout .m-con2-3 ul li .date{margin-left: auto;font-size: 15px;color: #707070;line-height: 1;}
#main .section02 .layout .m-con2-3 ul li a:hover .tit{color: #0063AA;}

#main .section03 {margin-bottom: 80px;padding: 80px 20px;background-color: #EDF5FA;}
#main .section03 h2{font-weight: 700;}
#main .section03 .m-con3 ul{display: flex;flex-wrap: wrap;gap:0 80px;padding: 0 40px;background-color: #fff;border-radius: 10px;}
#main .section03 .m-con3 ul li{padding: 40px 0;width: calc(50% - 40px);}
#main .section03 .m-con3 ul li:nth-child(1),
#main .section03 .m-con3 ul li:nth-child(2){border-bottom: 1px solid #ccc;}
#main .section03 .m-con3 ul li a{display: flex;flex-wrap: wrap;align-items: center;}
#main .section03 .m-con3 ul li .divis{display: inline-block;margin-bottom: 20px;padding:0 8px;font-size: 16px;color: #4E6ED5;font-weight: 700;line-height: 27px;background-color: #DFECFF;border-radius: 5px;}
#main .section03 .m-con3 ul li .tit{display: block;margin-bottom: 20px;width: 100%;;font-size: 20px;color: #111;font-weight: 600;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;transition:all 0.3s;}
#main .section03 .m-con3 ul li .name{font-size: 16px;color: #111;font-weight: 600;}
#main .section03 .m-con3 ul li .name em{margin-right: 8px;color: #707070;font-weight: 400;}
#main .section03 .m-con3 ul li .name .ans-wat,
#main .section03 .m-con3 ul li .name .ans-com{display: inline-block;margin-left: 20px;padding: 0 12px 0 26px;font-size: 15px;color: #fff;font-weight: 600;line-height: 28px;border-radius: 5px;background: url('/_public/images2/main/check_w.svg') no-repeat 7px center;}
#main .section03 .m-con3 ul li .name .ans-wat{background-color: #bbb;}
#main .section03 .m-con3 ul li .name .ans-com{background-color:#0063AA}
#main .section03 .m-con3 ul li .date{margin-left: auto;font-size: 15px;color: #707070;line-height: 1;}
#main .section03 .m-con3 ul li a:hover .tit{color: #0063AA;}

#main .section04{margin-bottom: 100px;padding: 0 20px;}
#main .section04 .layout{display: flex;justify-content: space-between;gap:60px;}
#main .section04 .layout .m-con4-1{position: relative;width: calc(100% - 460px);}
#main .section04 .layout .m-con4-1 .control{position: absolute;top: 20px;right: 0;display: flex;align-items: center;}
#main .section04 .layout .m-con4-1 .control .btn-more{margin-left: 20px;}
#main .section04 .layout .m-con4-1 .m-last-news ul li a{display: block;}
#main .section04 .layout .m-con4-1 .m-last-news ul li .thumb{margin-bottom: 20px;overflow: hidden;border-radius: 10px;height:225px;}
#main .section04 .layout .m-con4-1 .m-last-news ul li .thumb img{display: block;width: 100%;height:100%;object-fit: cover;}
#main .section04 .layout .m-con4-1 .m-last-news ul li .tit{display: block;margin-bottom: 15px;height: 44px;font-size: 18px;color: #111;font-weight: 600;overflow: hidden;  text-overflow: ellipsis; word-wrap: break-word;  display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height: 1.3;transition:all 0.3s;}
#main .section04 .layout .m-con4-1 .m-last-news ul li .date{display: block;font-size: 14px;color: #707070;font-weight: 700;}
#main .section04 .layout .m-con4-1 .m-last-news ul li a:hover .tit{color: #0063AA;}
#main .m-page button{width: 10px;height: 10px;text-indent: -999px;overflow: hidden;background-color: #ccc;opacity:1}
#main .m-page button.swiper-pagination-bullet-active{background-color: #333;}

#main .section04 .layout .m-con4-2{position: relative;flex-shrink: 0;width: 400px;}
#main .section04 .layout .m-con4-2 .control{position: absolute;top: 20px;right: 0;}
#main .section04 .layout .m-con4-2 .m-event ul li{overflow: hidden;border-radius: 10px;}
#main .section04 .layout .m-con4-2 .m-event ul li a{display: block;}
#main .section04 .layout .m-con4-2 .m-event ul li img{display: block;width: 100%;}

#main .section05{margin-bottom: 100px;padding: 0 20px;}
#main .section05 .m-bbcs-box{display: flex;flex-wrap: wrap;justify-content: space-between;}
#main .section05 .m-bbcs-box .m-bbcs-lt{width: 50%;max-width: 700px;overflow: hidden;border-radius: 10px;}
#main .section05 .m-bbcs-box .m-bbcs-lt img{display: block;width: 100%;;height: 100%;object-fit: cover;}
#main .section05 .m-bbcs-box .m-bbcs-rt{position: relative;padding: 35px 45px;width: 48%;max-width:670px;background: linear-gradient(283.4deg, #FEC7DB 0.24%, #BEDBED 56.23%);border-radius: 10px;}
#main .section05 .m-bbcs-box .m-bbcs-rt::before{position: absolute;top: 5px;left: 5px;width: calc(100% - 10px);height: calc(100% - 10px);content: '';background-color: #fff;border-radius:8px ;}
#main .section05 .m-bbcs-box .m-bbcs-rt p,
#main .section05 .m-bbcs-box .m-bbcs-rt ul{position: relative;}
#main .section05 .m-bbcs-box .m-bbcs-rt .txt1{margin-bottom: 12px;font-family: 'Eulyoo1945';font-size: 32px;color: #333;font-weight: 600;word-break: keep-all;}
#main .section05 .m-bbcs-box .m-bbcs-rt .txt2{margin-bottom: 34px;font-size: 18px;color: #707070;word-break: keep-all;}
#main .section05 .m-bbcs-box .m-bbcs-rt ul li{margin-bottom: 15px;padding-left: 30px;font-size: 19px;color: #111;font-weight: 500;background: url('/_public/images2/main/check_blue.svg') no-repeat left 5px;word-break: keep-all;}
#main .section05 .m-bbcs-box .m-bbcs-bot{margin-top: 35px;width: 100%;background-color: #F4F4F4;border-radius: 10px;}
#main .section05 .m-bbcs-box .m-bbcs-bot a{display: flex;justify-content: space-between;align-items: center;padding: 30px;}
#main .section05 .m-bbcs-box .m-bbcs-bot p .txt1{margin-right: 16px;font-size: 20px;color: #111;font-weight: 600;}
#main .section05 .m-bbcs-box .m-bbcs-bot p .txt2{display: inline-block;padding-right: 30px;font-size: 20px;color: #0063AA;font-weight: 700;background:url('/_public/images2/main/arrow_blue.svg') no-repeat right center;}

/* pc */
@media all and (min-width:1025px) {



}

/* 테블릿 */
@media all and (max-width:1024px) {

  #main{margin-top: 60px;overflow: hidden;}
  #main .section01 .m-visual ul li{height: 400px;}
  #main .section01 .m-visual ul li::before{width: 100%;}
  #main .section01 .m-visual ul li .v-text{padding-bottom: 30px;}
  #main .section01 .m-visual .visual-page{bottom: 30px;}

  #main .section02{margin-bottom: 50px;}
  #main .section02 .layout{display: block;}
  #main .section02 .layout .sect-lt{margin-bottom: 50px;width: 100%;max-width: 100%;}
  #main .section02 .layout .sect-rt{width: 100%;max-width: 100%;}

  #main .section02 .layout .sect-lt .m-con2-2 .m-quart{overflow: visible;}
  #main .section02 .layout .sect-lt .m-con2-2 .m-quart ul li{width:288px;}

  #main .section03 .m-con3 ul{display:block;}
  #main .section03 .m-con3 ul li{width: 100%;border-bottom: 1px solid #ccc;}
  #main .section03 .m-con3 ul li:last-child{border-bottom: 0}

  #main .section04 .layout{display: block;}
  #main .section04 .layout .m-con4-1{margin-bottom: 60px;width: 100%;}
  #main .section04 .layout .m-con4-1 .m-last-news{overflow: visible;}
  #main .section04 .layout .m-con4-1 .m-last-news ul li{width: 300px;}
  #main .section04 .layout .m-con4-2{width: 100%;}

  #main .section05 .m-bbcs-box{display: block;}
  #main .section05 .m-bbcs-box .m-bbcs-lt{margin-bottom: 10px;width: 100%;max-width: 100%;}
  #main .section05 .m-bbcs-box .m-bbcs-rt{width: 100%;max-width: 100%;}

  #main .section05 .m-bbcs-box .m-bbcs-bot a{display: block;}
  #main .section05 .m-bbcs-box .m-bbcs-bot p{margin-top: 15px;}
  #main .section05 .m-bbcs-box .m-bbcs-bot p .txt1{display: block;margin-bottom: 10px;}
  #main .section05 .m-bbcs-box .m-bbcs-bot p .txt2{margin:0;}

}


/* 모바일 */
@media all and (max-width:640px) {

  #main h2.main-tit{font-size: 32px;}
  #main h3.main-tit{font-size: 24px;}

  #main .section01{margin-bottom: 60px;}
  #main .section01 .m-visual ul li{height: 300px;}
  #main .section01 .m-visual ul li .v-text dl dt{margin-bottom: 20px;font-size: 32px;}
  #main .section01 .m-visual ul li .v-text dl dt span{font-size:22px;}
  #main .section01 .m-visual ul li .v-text dl dt .txt{font-size:24px;}
  #main .section01 .m-visual ul li .v-text dl dt .txt sup{font-size: 16px;}
  #main .section01 .m-visual ul li .v-text dl dd{font-size: 15px;}
  #main .section01 .m-visual ul li .v-text .btn-detail{margin-top:15px;}
  #main .section01 .m-visual ul li .v-text .btn-detail a{padding-left: 20px;width: 180px;height: 40px;font-size: 16px;background-position: right 15px center;}
  #main .section01 .m-visual .visual-page{bottom: 24px;}

  #main .section02 .layout .sect-lt .m-con2-1 .m-rec-box{display: block;padding: 20px;}
  #main .section02 .layout .sect-lt .m-con2-1 .m-rec-box .m-rec-lt{margin-bottom:30px;}
  #main .section02 .layout .sect-lt .m-con2-1 .m-rec-box .m-rec-rt{padding-bottom: 0;}
  #main .section02 .layout .sect-lt .m-con2-1 .m-rec-box .m-rec-rt h3{font-size: 38px;}
  #main .section02 .layout .sect-lt .m-con2-1 .m-rec-box .m-rec-rt h3 sup{font-size: 24px;}
  #main .section02 .layout .sect-lt .m-con2-1 .m-rec-box .m-rec-rt dl{margin-bottom: 20px;font-size: 16px;}
  #main .section02 .layout .sect-lt .m-con2-1 .m-rec-box .m-rec-rt .m-link{position: relative;flex-wrap: wrap;gap: 10px;}
  #main .section02 .layout .sect-lt .m-con2-1 .m-rec-box .m-rec-rt .m-link .btn-link{width: 100%;flex: none;}
  #main .section02 .layout .sect-lt .m-con2-1 .m-rec-box .m-rec-rt .m-link .btn-link a{padding-left: 20px;height: 45px;background-position: right 15px center;}

  #main .section02 .layout .sect-lt .m-con2-2 h3{display: flex;justify-content: space-between;align-items: center;}
  #main .section02 .layout .sect-lt .m-con2-2 .m-quart ul li a{padding: 20px;height: auto;}
  #main .section02 .layout .sect-lt .m-con2-2 .m-quart ul li .tit{margin-bottom: 20px;font-size: 18px;height: 50px;}
  #main .section02 .layout .sect-lt .m-con2-2 .m-quart ul li .txt{margin-bottom: 10px;}
  #main .section02 .layout .sect-lt .m-con2-2 .m-quart ul li .date{font-size: 14px;}

  #main .section02 .layout .m-con2-3 ul li .tit{font-size: 16px;}
  #main .section02 .layout .m-con2-3 ul li .divis{font-size: 14px;line-height: 25px;}
  #main .section02 .layout .m-con2-3 ul li .date{font-size: 14px;}
  #main .btn-total-view a{font-size: 16px;}

  #main .section03{padding:  60px 20px;}
  #main .section03 .m-con3 ul{padding:0 20px;}
  #main .section03 .m-con3 ul li{padding: 20px 0;}
  #main .section03 .m-con3 ul li .tit{font-size: 16px;}
  #main .section03 .m-con3 ul li .divis{font-size: 14px;}
  #main .section03 .m-con3 ul li .name{margin-bottom: 10px;}
  #main .section03 .m-con3 ul li .date{width: 100%;}

  #main .section04{margin-bottom:80px;}
  #main .section04 .layout .m-con4-1 .control{top: 10px;}

  #main .section05{margin-bottom: 80px;}
  #main .section05 .m-bbcs-box .m-bbcs-rt{padding: 25px;}
  #main .section05 .m-bbcs-box .m-bbcs-rt .txt1{font-size: 24px;word-break: keep-all;}
  #main .section05 .m-bbcs-box .m-bbcs-rt .txt1 br{display: none;}
  #main .section05 .m-bbcs-box .m-bbcs-rt ul li{margin-bottom: 10px;padding-left: 25px;font-size: 16px;background-size: 18px;background-position: left 2px;}
  #main .section05 .m-bbcs-box .m-bbcs-bot{margin-top: 20px;}
  #main .section05 .m-bbcs-box .m-bbcs-bot p .txt1{font-size: 16px;}
  #main .section05 .m-bbcs-box .m-bbcs-bot p .txt2{padding-right: 25px;font-size: 16px;background-size: 15px;}

}