:root {
    --font-mont : 'Montserrat';

    --filter-white : brightness(0) invert(1);
    --filter-black : invert(1);

    --color1 : #005DD0;
    --color3 : #4E4440;
}

/* common */
* {font-family: var(--font-pre);}
p, dd {word-break: keep-all;}
.pc {display: block !important;}
.mob {display: none !important;}
.inner {max-width: 1600px; margin: 0 auto; width: 100%;}

.flex {display: flex; align-items: center;}
.flex-jb {display: flex; align-items: center; justify-content: space-between;}
.flex-jc {display: flex; align-items: center; justify-content: center;}
.flex-end {display: flex; align-items: center; justify-content: flex-end;}

.ta-c {text-align: center;}
.ta-l {text-align: left !important;}
.ta-r {text-align: right;}


/* HEADER */
.header {height:90px; position:fixed; top:0; z-index:100; width:100%; border-bottom: 1px solid rgba(255, 255, 255, 0.30);}
.header .inner {position: relative; height:100%; display:flex; align-items:center; justify-content:space-between;}
.header h1 a img {width: 109px; display: block; filter: var(--filter-white);}
.header .gnb {display:flex; gap:80px;}
.header .gnb > li {position:relative;}
.header .gnb > li > a {font-size: 18px; color: #FFF; font-weight: 600; letter-spacing: -0.6px; display: block; line-height: 90px; transition: all .3s;}
.header .gnb > li:hover > a {color: var(--color1) !important; text-decoration: underline; text-underline-offset: 4px;}
.header .gnb_2depth {position: absolute; display: none; align-items: center; gap: 35px;}
.header .gnb_2depth a {display: block; padding: 25px 0; font-size: 18px; font-weight: 400; color: #8E8E8E; letter-spacing: -.6px; line-height: 1.2; width: max-content; transition: all .3s; position: relative; z-index: 1;}
.header .gnb_2depth a:hover {color: var(--color3); text-decoration: underline; text-underline-offset: 4px;}
.header .gnb_2depth::before {display: none; content: ""; width: 300vw; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: #fff;}
.header .gnb > li:hover .gnb_2depth {display: flex;}
.header .gnb > li:hover .gnb_2depth::before {display: block;}
.head_rt {gap: 20px;}
.head_rt .login {gap: 10px;}
.head_rt a {font-size: 16px; font-weight: 500; color: #fff; letter-spacing: -.6px;}
.head_rt .line {display: block; width: 1px; height: 15px; background: #fff;}
.head_rt .search img {width: 24px; cursor: pointer;}
.head_rt .login img,
.all_menu_btn {width: 28px; cursor:pointer;}
.all_menu_btn img {width: 100%;}
.head_mob_btn,
.head_bg {display:none !important;}

.header:hover {background: #FFF; border-bottom: 1px solid #BEBEBE;}
.header:hover h1 a img.logo {filter: none;}
.header:hover .head_rt .line {background: #BEBEBE;}
.header:hover .head_rt a,
.header:hover .gnb > li > a {color: #000;}
.header:hover .head_rt img,
.header:hover .all_menu_btn img {filter: var(--filter-black);}
.header.fixed {background: #FFF; border-bottom: 1px solid #BEBEBE;}
.header.fixed h1 a img.logo {filter: none;}
.header.fixed .head_rt .line {background: #BEBEBE;}
.header.fixed .head_rt a,
.header.fixed .gnb > li > a {color: #000;}
.header.fixed .head_rt img,
.header.fixed .all_menu_btn img {filter: var(--filter-black);}

/* all menu */
.all_menu {display:none; position:fixed; width:100%; height:100%; z-index:5000; background: #fff;}
.all_menu::before {content: ""; width: 779px; height: 190px; background: url('/img/main/allMenu_bgLogo.png') no-repeat center/contain; position: absolute; right: 0; bottom: 0;}
.all_menu .inner {position:relative;}
.all_menu_close {position:absolute; right: 50px; top: 50px; width:48px; cursor:pointer;}
.all_menu_close img {width:100%;}
.all_menu .title {padding-top:123px; font-size:50px; font-weight:800; font-family: var(--font-mont); letter-spacing: -2px;}
.all_menu_list {margin-top:100px; display:flex;}
.all_menu_list dl {width: calc(100%/4);}
.all_menu_list dl + dl {border-left:1px solid #E3E3E3; padding-left: 50px;}
.all_menu_list dt {font-size:33px; font-weight:600; margin-bottom: 42px; position: relative;}
.all_menu_list dt::before {content: ""; width: 15px; height: 15px; border-radius: 100%; background: var(--color1); position: absolute; top: -23px; opacity: 0; transition: all .3s;}
.all_menu_list dl:hover dt::before {opacity: 1;}
.all_menu_list dd + dd {margin-top:20px;}
.all_menu_list dd > a {font-size: 20px; font-weight: 500; letter-spacing: -.8px; transition: all .2s;}
.all_menu_list dd > a:hover {color: var(--color1); text-decoration: underline; text-underline-offset: 4px;}
.all_menu_list dd ul {margin-top: 15px;}
.all_menu_list dd ul a {font-size: 18px; font-weight: -1px; color: #555; line-height: 1.4; transition: all .2s;}
.all_menu_list dd ul a:hover {color: var(--color1);}

/* quick */
.quick {position: fixed; right: 30px; bottom: 49px; z-index: 10;}
.q_top_btn {width: 140px; height: 140px; position: relative; cursor: pointer;}
.q_top_btn .circle {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.q_top_btn .circle img {width: 100%; animation: ani_rotate 30s linear infinite; filter: var(--filter-white);}
@keyframes ani_rotate{
    100% {
        transform: rotate(360deg);
    }
}
.q_top_btn .top_btn {width: 90px; height: 90px; border-radius: 100%; background: #fff;}
.q_top_btn .top_btn img {width: 26px;}
.quick.black .circle img {filter: none;}
.quick.black .top_btn {background: #444;}
.quick.black .top_btn img {filter: var(--filter-white);}

/* footer */
.footer {background: #000; padding: 50px 0 47px;}
.footer .inner {display: flex; align-items: flex-end; justify-content: space-between;}
.footer .left {gap: 76px; display: flex; align-items: flex-start;}
.footer .logo {width: 139px; filter: var(--filter-white);}
.footer .use {display: flex; align-items: center; gap: 15px;}
.footer .use a {font-size: 16px; font-weight: 400; letter-spacing: -.8px; line-height: 1.8; display: block; color: #fff;}
.footer .use strong {font-weight: 700;}
.footer .info {margin-top: 15px;}
.footer .info span, .footer .info a {font-size: 16px; font-weight: 400; letter-spacing: -.8px; line-height: 1.3; color: #fff;}
.footer .info p {display: flex; align-items: center; gap: 15px;}
.footer .info p + p {margin-top: 5px;}
.footer .copy {font-size: 16px; font-weight: 400; letter-spacing: -1px; line-height: 1.3; opacity: .7; color: #fff;}


/* ********** main ********** */
/* main_tit */
.main_tit p {font-size: 16px; font-weight: 700; color: var(--color1); letter-spacing: -.2px; font-family: var(--font-mont);}
.main_tit h3 {margin-top: 15px; font-size: 50px; font-weight: 700; letter-spacing: -2.4px;}
/* section */
#main .section {padding: 120px 0;}
/* no_board */
#main .no_board {/* border-top: 1px solid #00000033;  */border-bottom: 0; padding: 119px 0;}
.no_board {padding: 194px 0 174px; text-align: center; border-bottom: 1px solid #000;}
.no_board img {width: 38px;}
.no_board p {margin-top: 28px; font-size: 20px; font-weight: 600; letter-spacing: -.8px; line-height: 1.4;}


/* visual */
.visual {position: relative; height: 100vh; overflow: hidden; padding: 0 !important;}
.visual .wrapper,
.visual .slick-list,
.visual .slick-track {height: 100%;}
.visual .item {width: 100%; height: 100%; overflow: hidden; position: relative;}
.visual .item img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.visual .item .txt {position: absolute; bottom: 154px; left: 50%; transform: translateX(-50%);}
.visual .item .txt h2 {font-size: 120px; font-weight: 800; color: #fff; font-family: var(--font-mont); line-height: 1.1;}
.visual .item .txt p {margin-top: 15px; font-size: calc(20px * 1.5); font-weight: 400; color: #fff; letter-spacing: -.6px; line-height: 1.3;}
.visual .progress {display: flex; align-items: center; gap: 15px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 76px; z-index: 10;}
.visual .slide-progress {position: relative; width: 450px; height: 3px; background: rgba(255, 255, 255, 0.20);}
.visual .progress-fill {position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #fff;}
.visual .pause img {width: 25px; cursor: pointer;}
.visual .slick-arrow {display: none !important;}
/* sec1 */
#main .sec1 {position: relative; background-color: #EDF1F8; background-image: url('/img/main/sec1_bg.png'); background-repeat: no-repeat; background-position: top left; background-size: cover; background-attachment: fixed; overflow: hidden;}
#main .sec1 .inner {display: flex; justify-content: space-between;}
#main .sec1 .list {display: flex; align-items: center; gap: 50px;}
#main .sec1 .list li {width: 450px; height: 500px; position: relative;}
#main .sec1 .list li a {display: block; width: 100%; height: 100%; position: relative;}
#main .sec1 .list li a::after {content: ""; width: 100%; height: 315px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.90) 100%); opacity: .9; position: absolute; left: 0; bottom: 0; transition: all .3s;}
#main .sec1 .list li a:hover::after {background: linear-gradient(180deg, rgba(0, 93, 208, 0.00) 0%, rgba(0, 93, 208, 0.90) 100%);}
#main .sec1 .list li + li {margin-top: 50px;}
#main .sec1 .list .img {display: block; width: 100%; height: 100%;}
#main .sec1 .list .img img {width: 100%; height: 100%; object-fit: cover;}
#main .sec1 .list .txt {position: absolute; left: 38px; bottom: 56px; z-index: 1;}
#main .sec1 .list .txt h4 {font-size: 40px; font-weight: 800; color: #fff; font-family: var(--font-mont);}
#main .sec1 .list .txt p {margin-top: 20px; font-size: 20px; font-weight: 400; letter-spacing: -0.8px; color: #fff; line-height: 1.4;}
/* sec2 */
#main .sec2 .listCont {margin-top: 60px; display: flex; justify-content: space-between;}
#main .sec2 .list {width: calc(50% - 24px);}
#main .sec2 .tit {margin-bottom: 38px; }
#main .sec2 .tit h3 {font-weight: 700; font-family: var(--font-mont); letter-spacing: -2.4px;}
#main .sec2 .tit a {display: flex; align-items: center; gap: 10px; padding: 12px 24px; font-size: 16px; font-weight: 600; letter-spacing: -.6px; border: 1px solid rgba(172, 172, 172, 0.30); border-radius: 50px; transition: all .3s;}
#main .sec2 .tit a img {width: 18px;}
#main .sec2 .tit a:hover {background: rgba(172, 172, 172, 0.30); border-color: transparent;}
#main .sec2 ul {border-top: 1px solid rgba(0, 0, 0, 0.20);}
#main .sec2 ul li {border-bottom: 1px solid rgba(0, 0, 0, 0.20);}
#main .sec2 ul li a {font-size: 16px; display: flex; align-items: center; gap: 25px; padding: 28px 20px;}
#main .sec2 ul li .cate {display: block; font-weight: 700; color: var(--color1); text-align: center;}
#main .sec2 ul li .subject {font-size: 20px; font-weight: 600; letter-spacing: -.8px; line-height: 1.4; display: flex; align-items: center; gap: 20px;}
#main .sec2 ul li .subject span {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* width: calc(100% - 48px); */}
#main .sec2 ul li .subject img {width: 28px;}
#main .sec2 ul li .right {display: flex; align-items: center; gap: 25px; font-weight: 400; color: #6d6d6d; letter-spacing: -.5px; text-align: center;}
#main .sec2 ul li .subject {width: calc(100% - (80px*3) - (25px*3));}
#main .sec2 ul li .cate,
#main .sec2 ul li .date,
#main .sec2 ul li .writer {width: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* sec3 */
#main .sec3 {background: url('/img/main/sec3_bg.jpg') no-repeat center/cover; height: 800px; position: relative;}
#main .sec3 .main_tit {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
#main .sec3 .main_tit p {color: #fff;}
#main .sec3 h3 {margin-top: 30px; font-size: 72px; color: #fff; font-family: var(--font-mont); letter-spacing: -4px; font-weight: 600;}
#main .sec3 .desc {margin-top: 30px; font-size: 20px; color: #fff; letter-spacing: -0.8px; line-height: 1.4;}
/* sec4 */
#main .sec4 .swiper_arrow {gap: 15px;}
#main .sec4 .swiper_arrow div {display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; border-radius: 100%; border: 1px solid #6d6d6d; transition: all .3s; cursor: pointer;}
#main .sec4 .swiper_arrow div img {width: 30px; transition: all .3s;}
#main .sec4 .swiper_arrow div:hover {background: var(--color1); border-color: var(--color1);}
#main .sec4 .swiper_arrow div:hover img {filter: var(--filter-white);}
#main .sec4 .swiper_wrap {margin-top: 65px;}
#main .sec4 .swiper-slide {border: 1px solid rgba(0, 0, 0, 0.20); width: 380px; height: 340px; margin-right: 40px; background: #fff; transition: all .3s;}
#main .sec4 .swiper-slide a {display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: 50px; transition: all .3s; width: 100%; height: 100%;}
#main .sec4 .swiper-slide a * {transition: all .3s; color: #000;}
#main .sec4 .swiper-slide .cate {font-size: 16px; font-weight: 700; color: var(--color1); letter-spacing: -.2px;}
#main .sec4 .swiper-slide .title {margin-top: 20px; font-weight: 600; font-size: 22px; letter-spacing: -.8px; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#main .sec4 .swiper-slide .cont {margin-top: 20px; font-weight: 400; font-size: 18px; letter-spacing: -0.5px; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#main .sec4 .swiper-slide .date {font-size: 16px; font-weight: 400; color: #6d6d6d; letter-spacing: -.6px; line-height: 1.5;}
#main .sec4 .swiper-slide:hover {border-color: var(--color1); background: var(--color1);}
#main .sec4 .swiper-slide:hover a * {color: #fff;}
#main .sec4 .swiper-slide:hover a .cate {color: #fff;}
#main .sec4 .swiper-pagination {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 65px auto 0; height: 4px; background: #D9D9D9;}
#main .sec4 .swiper-pagination-progressbar-fill {background: #8C8C8C;}



@media screen and (max-width:1640px) {

    /* common */
    .inner {max-width: 95.12vw;}

    /* HEADER */
    .header {height:5.49vw;}
    .header h1 a img {width: 6.65vw;}
    .header .gnb {gap:4.88vw;}
    .header .gnb > li > a {font-size: 1.10vw; letter-spacing: -0.04vw; line-height: 5.49vw;}
    .header .gnb > li:hover > a {text-underline-offset: 0.24vw;}
    .header .gnb_2depth {gap: 2.13vw;}
    .header .gnb_2depth a {padding: 1.52vw 0; font-size: 1.10vw; letter-spacing: -0.04vw;}
    .header .gnb_2depth a:hover {text-underline-offset: 0.24vw;}
    .header .gnb_2depth::before {width: 300vw;}
    .head_rt {gap: 1.22vw;}
    .head_rt .login {gap: 0.61vw;}
    .head_rt a {font-size: 0.98vw; letter-spacing: -0.04vw;}
    .head_rt .line {width: 0.06vw; height: 0.91vw;}
    .head_rt .search img {width: 1.46vw;}
    .head_rt .login img,
    .all_menu_btn {width: 1.71vw;}

    /* all menu */
    .all_menu::before {width: 47.50vw; height: 11.59vw;}
    .all_menu_close {right: 3.05vw; top: 3.05vw; width:2.93vw;}
    .all_menu .title {padding-top:7.50vw; font-size:3.05vw; letter-spacing: -0.12vw;}
    .all_menu_list {margin-top:6.10vw;}
    .all_menu_list dl + dl {padding-left: 3.05vw;}
    .all_menu_list dt {font-size:2.01vw; margin-bottom: 2.56vw;}
    .all_menu_list dt::before {width: 0.91vw; height: 0.91vw; top: -1.40vw;}
    .all_menu_list dd + dd {margin-top:1.22vw;}
    .all_menu_list dd > a {font-size: 1.22vw; letter-spacing: -0.05vw;}
    .all_menu_list dd ul {margin-top: 0.91vw;}
    .all_menu_list dd ul a {font-size: 1.10vw; font-weight: -0.06vw;}

    /* quick */
    .quick {right: 1.83vw; bottom: 4.99vw;}
    .q_top_btn {width: 8.54vw; height: 8.54vw;}
    .q_top_btn .top_btn {width: 5.49vw; height: 5.49vw;}
    .q_top_btn .top_btn img {width: 1.59vw;}

    /* footer */
    .footer {padding: 3.05vw 0 2.87vw;}
    .footer .left {gap: 4.63vw;}
    .footer .logo {width: 8.48vw;}
    .footer .use {gap: 0.91vw;}
    .footer .use a {font-size: 0.98vw; letter-spacing: -0.05vw;}
    .footer .info {margin-top: 0.91vw;}
    .footer .info span, .footer .info a {font-size: 0.98vw; letter-spacing: -0.05vw;}
    .footer .info p {gap: 0.91vw;}
    .footer .info p + p {margin-top: 0.30vw;}
    .footer .copy {font-size: 0.98vw; letter-spacing: -0.06vw;}


    /* ********** main ********** */
    /* main_tit */
    .main_tit p {font-size: 0.98vw; letter-spacing: -0.01vw;}
    .main_tit h3 {margin-top: 0.91vw; font-size: 3.05vw; letter-spacing: -0.15vw;}
    /* section */
    #main .section {padding: 7.32vw 0;}
    /* no_board */
    #main .no_board {padding: 7.26vw 0;}
    .no_board {padding: 11.83vw 0 10.61vw;}
    .no_board img {width: 2.32vw;}
    .no_board p {margin-top: 1.71vw; font-size: 1.22vw; letter-spacing: -0.05vw;}


    /* visual */
    .visual .item .txt {bottom: 9.39vw;}
    .visual .item .txt h2 {font-size: 7.32vw;}
    .visual .item .txt p {margin-top: 0.91vw; font-size: calc(1.22vw * 1.5); letter-spacing: -0.04vw;}
    .visual .progress {gap: 0.91vw; bottom: 4.63vw;}
    .visual .slide-progress {width: 27.44vw; height: 0.18vw;}
    .visual .pause img {width: 1.52vw;}
    /* sec1 */
    #main .sec1 .list {gap: 3.05vw;}
    #main .sec1 .list li {width: 27.44vw; height: 30.49vw;}
    #main .sec1 .list li a::after {height: 19.21vw;}
    #main .sec1 .list li + li {margin-top: 3.05vw;}
    #main .sec1 .list .txt {left: 2.32vw; bottom: 3.41vw;}
    #main .sec1 .list .txt h4 {font-size: 2.44vw;}
    #main .sec1 .list .txt p {margin-top: 1.22vw; font-size: 1.22vw; letter-spacing: -0.05vw;}
    /* sec2 */
    #main .sec2 .listCont {margin-top: 3.66vw;}
    #main .sec2 .list {width: calc(50% - 1.46vw);}
    #main .sec2 .tit {margin-bottom: 2.32vw;}
    #main .sec2 .tit h3 {letter-spacing: -0.15vw;}
    #main .sec2 .tit a {gap: 0.61vw; padding: 0.73vw 1.46vw; font-size: 0.98vw; letter-spacing: -0.04vw; border-radius: 3.05vw;}
    #main .sec2 .tit a img {width: 1.10vw;}
    #main .sec2 ul li a {font-size: 0.98vw; gap: 1.52vw; padding: 1.71vw 1.22vw;}
    #main .sec2 ul li .subject {font-size: 1.22vw; letter-spacing: -0.05vw; gap: 1.22vw;}
    #main .sec2 ul li .subject img {width: 1.71vw;}
    #main .sec2 ul li .right {gap: 1.52vw; letter-spacing: -0.03vw;}
    #main .sec2 ul li .subject {width: calc(100% - (5.1vw*2) - (1.52vw*3) - 5.2vw);}
    #main .sec2 ul li .cate,
    #main .sec2 ul li .writer {width: 5.1vw;}
    #main .sec2 ul li .date {width: 5.2vw;}
    /* sec3 */
    #main .sec3 {height: 48.78vw;}
    #main .sec3 h3 {margin-top: 1.83vw; font-size: 4.39vw; letter-spacing: -0.24vw;}
    #main .sec3 .desc {margin-top: 1.83vw; font-size: 1.22vw; letter-spacing: -0.05vw;}
    /* sec4 */
    #main .sec4 .swiper_arrow {gap: 0.91vw;}
    #main .sec4 .swiper_arrow div {width: 4.27vw; height: 4.27vw;}
    #main .sec4 .swiper_arrow div img {width: 1.83vw;}
    #main .sec4 .swiper_wrap {margin-top: 3.96vw;}
    #main .sec4 .swiper-slide {width: 23.17vw; height: 20.73vw; margin-right: 2.44vw;}
    #main .sec4 .swiper-slide a {padding: 3.05vw;}
    #main .sec4 .swiper-slide .cate {font-size: 0.98vw; letter-spacing: -0.01vw;}
    #main .sec4 .swiper-slide .title {margin-top: 1.22vw; font-size: 1.34vw; letter-spacing: -0.05vw;}
    #main .sec4 .swiper-slide .cont {margin-top: 1.22vw; font-size: 1.10vw; letter-spacing: -0.03vw;}
    #main .sec4 .swiper-slide .date {font-size: 0.98vw; letter-spacing: -0.04vw;}
    #main .sec4 .swiper-pagination {margin: 3.96vw auto 0; height: 0.24vw;}

}

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

    /* common */
    .inner {max-width: 93.75vw;}

    /* HEADER */
    .header {height:5.47vw;}
    .header h1 a img {width: 6.64vw;}
    .header .gnb {gap:4.84vw;}
    .header .gnb > li > a {font-size: 1.09vw; letter-spacing: -0.08vw; line-height: 5.47vw;}
    .header .gnb > li:hover > a {text-underline-offset: 0.23vw;}
    .header .gnb_2depth {gap: 2.11vw;}
    .header .gnb_2depth a {padding: 1.48vw 0; font-size: 1.09vw; letter-spacing: -0.08vw;}
    .header .gnb_2depth a:hover {text-underline-offset: 0.23vw;}
    .header .gnb_2depth::before {width: 300.00vw;}
    .head_rt {gap: 1.25vw;}
    .head_rt .login {gap: 0.63vw;}
    .head_rt a {font-size: 1.02vw; letter-spacing: -0.08vw;}
    .head_rt .line {width: 0.08vw; height: 0.94vw;}
    .head_rt .search img {width: 1.48vw;}
    .head_rt .login img,
    .all_menu_btn {width: 1.72vw;}

    /* all menu */
    .all_menu::before {width: 47.50vw; height: 11.56vw;}
    .all_menu_close {right: 3.05vw; top: 3.05vw; width:2.97vw;}
    .all_menu .title {padding-top:7.50vw; font-size:3.05vw; letter-spacing: -0.16vw;}
    .all_menu_list {margin-top:6.09vw;}
    .all_menu_list dl + dl {padding-left: 3.05vw;}
    .all_menu_list dt {font-size:2.03vw; margin-bottom: 2.58vw;}
    .all_menu_list dt::before {width: 0.94vw; height: 0.94vw; top: -1.41vw;}
    .all_menu_list dd + dd {margin-top:1.25vw;}
    .all_menu_list dd > a {font-size: 1.25vw; letter-spacing: -0.08vw;}
    .all_menu_list dd ul {margin-top: 0.94vw;}
    .all_menu_list dd ul a {font-size: 1.09vw; }

    /* quick */
    .quick {right: 1.80vw; bottom: 5.00vw;}
    .q_top_btn {width: 8.52vw; height: 8.52vw;}
    .q_top_btn .top_btn {width: 5.47vw; height: 5.47vw;}
    .q_top_btn .top_btn img {width: 1.56vw;}

    /* footer */
    .footer {padding: 3.05vw 0 2.89vw;}
    .footer .left {gap: 4.61vw;}
    .footer .logo {width: 8.52vw;}
    .footer .use {gap: 0.94vw;}
    .footer .use a {font-size: 1.02vw; letter-spacing: -0.08vw;}
    .footer .info {margin-top: 0.94vw;}
    .footer .info span, .footer .info a {font-size: 1.02vw; letter-spacing: -0.08vw;}
    .footer .info p {gap: 0.94vw;}
    .footer .info p + p {margin-top: 0.31vw;}
    .footer .copy {font-size: 1.02vw; letter-spacing: -0.08vw;}


    /* ********** main ********** */
    /* main_tit */
    .main_tit p {font-size: 1.02vw; letter-spacing: -0.00vw;}
    .main_tit h3 {margin-top: 0.94vw; font-size: 3.05vw; letter-spacing: -0.16vw;}
    /* section */
    #main .section {padding: 7.34vw 0;}
    /* no_board */
    #main .no_board {padding: 7.27vw 0;}
    .no_board {padding: 11.80vw 0 10.63vw;}
    .no_board img {width: 2.34vw;}
    .no_board p {margin-top: 1.72vw; font-size: 1.25vw; letter-spacing: -0.08vw;}


    /* visual */
    .visual .item .txt {bottom: 9.38vw;}
    .visual .item .txt h2 {font-size: 7.34vw;}
    .visual .item .txt p {margin-top: 0.94vw; font-size: calc(1.25vw * 1.5); letter-spacing: -0.08vw;}
    .visual .progress {gap: 0.94vw; bottom: 4.61vw;}
    .visual .slide-progress {width: 27.42vw; height: 0.16vw;}
    .visual .pause img {width: 1.48vw;}

    /* sec1 */
    #main .sec1 .list {gap: 3.05vw;}
    #main .sec1 .list li {width: 27.42vw; height: 30.47vw;}
    #main .sec1 .list li a::after {height: 19.22vw;}
    #main .sec1 .list li + li {margin-top: 3.05vw;}
    #main .sec1 .list .txt {left: 2.34vw; bottom: 3.44vw;}
    #main .sec1 .list .txt h4 {font-size: 2.42vw;}
    #main .sec1 .list .txt p {margin-top: 1.25vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
    /* sec2 */
    #main .sec2 .listCont {margin-top: 3.67vw;}
    #main .sec2 .list {width: calc(50% - 1.48vw);}
    #main .sec2 .tit {margin-bottom: 2.34vw;}
    #main .sec2 .tit h3 {letter-spacing: -0.16vw;}
    #main .sec2 .tit a {gap: 0.63vw; padding: 0.70vw 1.48vw; font-size: 1.02vw; letter-spacing: -0.08vw; border-radius: 3.05vw;}
    #main .sec2 .tit a img {width: 1.09vw;}
    #main .sec2 ul li a {font-size: 1.02vw; gap: 1.48vw; padding: 1.72vw 1.25vw;}
    #main .sec2 ul li .subject {font-size: 1.25vw; letter-spacing: -0.08vw; gap: 1.25vw;}
    #main .sec2 ul li .subject img {width: 1.72vw;}
    #main .sec2 ul li .right {gap: 1.48vw; letter-spacing: -0.00vw;}
    #main .sec2 ul li .subject {width: calc(100% - (4.5vw*2) - (1.48vw*3) - 5.5vw);}
    #main .sec2 ul li .cate,
    #main .sec2 ul li .writer {width: 4.5vw;}
    #main .sec2 ul li .date {width: 5.5vw;}
    /* sec3 */
    #main .sec3 {height: 48.75vw;}
    #main .sec3 h3 {margin-top: 1.80vw; font-size: 4.38vw; letter-spacing: -0.23vw;}
    #main .sec3 .desc {margin-top: 1.80vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
    /* sec4 */
    #main .sec4 .swiper_arrow {gap: 0.94vw;}
    #main .sec4 .swiper_arrow div {width: 4.30vw; height: 4.30vw;}
    #main .sec4 .swiper_arrow div img {width: 1.80vw;}
    #main .sec4 .swiper_wrap {margin-top: 3.98vw;}
    #main .sec4 .swiper-slide {width: 23.20vw; height: 20.70vw; margin-right: 2.42vw;}
    #main .sec4 .swiper-slide a {padding: 3.05vw;}
    #main .sec4 .swiper-slide .cate {font-size: 1.02vw; letter-spacing: -0.00vw;}
    #main .sec4 .swiper-slide .title {margin-top: 1.25vw; font-size: 1.33vw; letter-spacing: -0.08vw;}
    #main .sec4 .swiper-slide .cont {margin-top: 1.25vw; font-size: 1.09vw; letter-spacing: -0.00vw;}
    #main .sec4 .swiper-slide .date {font-size: 1.02vw; letter-spacing: -0.08vw;}
    #main .sec4 .swiper-pagination {margin: 3.98vw auto 0; height: 0.23vw;}

}

@media screen and (max-width:1240px) {

    /* common */
    .inner {max-width: 93.55vw;}

    /* HEADER */
    .header {height:5.47vw;}
    .header h1 a img {width: 6.64vw;}
    .header .gnb {gap:4.84vw;}
    .header .gnb > li > a {font-size: 1.09vw; letter-spacing: -0.08vw; line-height: 5.47vw;}
    .header .gnb > li:hover > a {text-underline-offset: 0.23vw;}
    .header .gnb_2depth {gap: 2.11vw;}
    .header .gnb_2depth a {padding: 1.48vw 0; font-size: 1.09vw; letter-spacing: -0.08vw;}
    .header .gnb_2depth a:hover {text-underline-offset: 0.23vw;}
    .header .gnb_2depth::before {width: 300.00vw;}
    .head_rt {gap: 1.25vw;}
    .head_rt .login {gap: 0.63vw;}
    .head_rt a {font-size: 1.02vw; letter-spacing: -0.08vw;}
    .head_rt .line {width: 0.08vw; height: 0.94vw;}
    .head_rt .search img {width: 1.48vw;}
    .head_rt .login img,
    .all_menu_btn {width: 1.72vw;}

    /* all menu */
    .all_menu::before {width: 47.50vw; height: 11.56vw;}
    .all_menu_close {right: 3.05vw; top: 3.05vw; width:2.97vw;}
    .all_menu .title {padding-top:7.50vw; font-size:3.05vw; letter-spacing: -0.16vw;}
    .all_menu_list {margin-top:6.09vw;}
    .all_menu_list dl + dl {padding-left: 3.05vw;}
    .all_menu_list dt {font-size:2.03vw; margin-bottom: 2.58vw;}
    .all_menu_list dt::before {width: 0.94vw; height: 0.94vw; top: -1.41vw;}
    .all_menu_list dd + dd {margin-top:1.25vw;}
    .all_menu_list dd > a {font-size: 1.25vw; letter-spacing: -0.08vw;}
    .all_menu_list dd ul {margin-top: 0.94vw;}
    .all_menu_list dd ul a {font-size: 1.09vw; }

    /* quick */
    .quick {right: 1.80vw; bottom: 5.00vw;}
    .q_top_btn {width: 8.52vw; height: 8.52vw;}
    .q_top_btn .top_btn {width: 5.47vw; height: 5.47vw;}
    .q_top_btn .top_btn img {width: 1.56vw;}

    /* footer */
    .footer {padding: 3.05vw 0 2.89vw;}
    .footer .left {gap: 4.61vw;}
    .footer .logo {width: 8.52vw;}
    .footer .use {gap: 0.94vw;}
    .footer .use a {font-size: 1.02vw; letter-spacing: -0.08vw;}
    .footer .info {margin-top: 0.94vw;}
    .footer .info span, .footer .info a {font-size: 1.02vw; letter-spacing: -0.08vw;}
    .footer .info p {gap: 0.94vw;}
    .footer .info p + p {margin-top: 0.31vw;}
    .footer .copy {font-size: 1.02vw; letter-spacing: -0.08vw;}


    /* ********** main ********** */
    /* main_tit */
    .main_tit p {font-size: 1.02vw; letter-spacing: -0.00vw;}
    .main_tit h3 {margin-top: 0.94vw; font-size: 3.05vw; letter-spacing: -0.16vw;}
    /* section */
    #main .section {padding: 7.34vw 0;}
    /* no_board */
    #main .no_board {padding: 7.50vw 0;}
    .no_board {padding: 11.80vw 0 10.63vw;}
    .no_board img {width: 2.34vw;}
    .no_board p {margin-top: 1.72vw; font-size: 1.25vw; letter-spacing: -0.08vw;}


    /* visual */
    .visual .item .txt {bottom: 9.35vw;}
    .visual .item .txt h2 {font-size: 7.34vw;}
    .visual .item .txt p {margin-top: 0.94vw; font-size: calc(1.25vw * 1.5); letter-spacing: -0.08vw;}
    .visual .progress {gap: 0.94vw; bottom: 4.60vw;}
    .visual .slide-progress {width: 27.42vw; height: 0.16vw;}
    .visual .pause img {width: 1.48vw;}
    /* sec1 */
    #main .sec1 .list {gap: 3.05vw;}
    #main .sec1 .list li {width: 27.42vw; height: 30.47vw;}
    #main .sec1 .list li a::after {height: 19.22vw;}
    #main .sec1 .list li + li {margin-top: 3.05vw;}
    #main .sec1 .list .txt {left: 2.34vw; bottom: 3.44vw;}
    #main .sec1 .list .txt h4 {font-size: 2.42vw;}
    #main .sec1 .list .txt p {margin-top: 1.25vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
    /* sec2 */
    #main .sec2 .listCont {margin-top: 3.67vw;}
    #main .sec2 .list {width: calc(50% - 1.48vw);}
    #main .sec2 .tit {margin-bottom: 2.34vw;}
    #main .sec2 .tit h3 {letter-spacing: -0.16vw;}
    #main .sec2 .tit a {gap: 0.63vw; padding: 0.70vw 1.48vw; font-size: 1.02vw; letter-spacing: -0.08vw; border-radius: 3.05vw;}
    #main .sec2 .tit a img {width: 1.09vw;}
    #main .sec2 ul li a {font-size: 1.02vw; gap: 1.48vw; padding: 1.72vw 1.25vw;}
    #main .sec2 ul li .subject {font-size: 1.25vw; letter-spacing: -0.08vw; gap: 1.25vw;}
    #main .sec2 ul li .right {gap: 1.48vw; letter-spacing: -0.00vw;}
    #main .sec2 ul li .subject {width: calc(100% - (4.5vw*2) - (1.48vw*3) - 5.5vw);}
    #main .sec2 ul li .cate,
    #main .sec2 ul li .writer {width: 4.5vw;}
    #main .sec2 ul li .date {width: 5.5vw;}
    /* sec3 */
    #main .sec3 {height: 48.75vw;}
    #main .sec3 h3 {margin-top: 1.80vw; font-size: 4.38vw; letter-spacing: -0.23vw;}
    #main .sec3 .desc {margin-top: 1.80vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
    /* sec4 */
    #main .sec4 .swiper_arrow {gap: 0.94vw;}
    #main .sec4 .swiper_arrow div {width: 4.30vw; height: 4.30vw;}
    #main .sec4 .swiper_arrow div img {width: 1.80vw;}
    #main .sec4 .swiper_wrap {margin-top: 3.98vw;}
    #main .sec4 .swiper-slide {width: 23.20vw; height: 20.70vw; margin-right: 2.42vw;}
    #main .sec4 .swiper-slide a {padding: 3.05vw;}
    #main .sec4 .swiper-slide .cate {font-size: 1.02vw; letter-spacing: -0.00vw;}
    #main .sec4 .swiper-slide .title {margin-top: 1.25vw; font-size: 1.33vw; letter-spacing: -0.08vw;}
    #main .sec4 .swiper-slide .cont {margin-top: 1.25vw; font-size: 1.09vw; letter-spacing: -0.00vw;}
    #main .sec4 .swiper-slide .date {font-size: 1.02vw; letter-spacing: -0.08vw;}
    #main .sec4 .swiper-pagination {margin: 3.98vw auto 0; height: 0.23vw;}

}

@media screen and (max-width:768px) {

    .pc {display: none !important;}
    .mob {display: block !important;}

    /* common */
    .inner {max-width: calc(100% - 10.42vw);}

    /* HEADER */
    .header {height:15.63vw;}
    .header h1 a img {width: 22.53vw;}
    .head_rt {gap: 2.60vw;}
    .head_rt .line,
    .head_rt .join,
    .head_rt .login {display: none;}
    .head_rt .search img {width: 5.73vw;}
    .head_mob_btn img {width: 6.25vw;}
    

    /* sideMenu */
    .head_bg {display: none; position: fixed; right: 0; top: 0; z-index: 10000; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100vh; text-align: right;}
	.head_bg.on{display: block !important;}
    .head_bg .head_bg_inner {position: relative; background: #fff; padding: 15.63vw 0; width: 100%; height: 100%; display: inline-block; text-align: left;}
    .head_bg .head_bg_close {position: absolute; top: 3.91vw; right: 3.91vw; cursor: pointer;}
    .head_bg .head_bg_close img {width: 6.25vw;}
	.head_bg .head_bg_logo a{display: block; text-align: center;}
    .head_bg .head_bg_logo img {width: 29.30vw;}
	.head_bg .user{gap: 5.21vw; margin-top: 9.11vw; display: flex; align-items: center; padding: 0 5.21vw;}
	.head_bg .user a{font-size: 3.65vw; display: flex; align-items: center; gap: 2.60vw;} 
	.head_bg .user a.login img{width: 5.21vw; filter: var(--filter-black);}
	.head_bg .user .line{height: 3.91vw; width: 0.26vw; background: #BEBEBE;}
    .head_bg .accordion_wrap{margin-top: 5.21vw; max-height: 90%; overflow-y: auto; padding-right: 2vw; margin-right: -2vw;}
    .head_bg .accordion_wrap::-webkit-scrollbar {width: 0.52vw; /* 스크롤바의 너비 */ border-radius:0.65vw;}
    .head_bg .accordion_wrap::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #878787; /* 스크롤바의 색상 */ border-radius:0.65vw;}
    .head_bg .accordion_wrap::-webkit-scrollbar-track {background: #D9D9D9; /*스크롤바 뒷 배경 색상*/ border-radius:0.65vw;}
    .head_bg #accordion {border-top: 0.13vw solid #E7E7E7;}
    .head_bg #accordion li > div {position: relative; font-size: 4.17vw; padding: 4.43vw 5.21vw; border-bottom: 0.13vw solid #E7E7E7; cursor: pointer; font-weight: 600; letter-spacing: -0.10vw; font-family: var(--font-mont);}
    .head_bg #accordion li > div::after {content: ""; background: url("/img/main/accordion_arrow.svg") no-repeat center / contain; position: absolute; top: 50%; transform: translateY(-50%); right: 5.21vw; width: 2.79vw; height: 1.58vw; transition:all 0.3s;}
    .head_bg #accordion li.on > div{color: #fff; background: var(--color1);}
    .head_bg #accordion li.on > div::after {transform: translateY(-50%) rotate(-180deg); filter: var(--filter-white);}
    .head_bg .submenu {display: none; padding: 5.21vw; border-bottom: 0.13vw solid #E7E7E7; background: #F9F9F9;}
    .head_bg .submenu li + li{margin-top: 1.30vw;}
    .head_bg .submenu a {display: block; font-size: 3.65vw; font-weight: 500; line-height: 1.7; font-family: var(--font-mont);}
    .head_bg .submenu a:hover {text-decoration: underline; text-underline-offset: 0.65vw; text-decoration-thickness: 0.13vw; color: var(--color1);}

    /* quick */
    .quick {right: 1.56vw; bottom: 7.03vw;}
    .q_top_btn {width: 20.83vw; height: 20.83vw;}
    .q_top_btn .top_btn {width: 13.39vw; height: 13.39vw;}
    .q_top_btn .top_btn img {width: 4.51vw;}

    /* footer */
    .footer {padding: 13.02vw 0 13.67vw;}
    .footer .inner {flex-direction: column; align-items: flex-start; gap: 5.21vw;}
    .footer .left {gap: 5.21vw; flex-direction: column; align-items: flex-start;}
    .footer .logo {width: 24.87vw;}
    .footer .use {gap: 2.60vw;}
    .footer .use a {font-size: 3.39vw; letter-spacing: -0.16vw;}
    .footer .info {margin-top: 5.21vw;}
    .footer .info span, .footer .info a {font-size: 3.39vw; letter-spacing: -0.16vw;}
    .footer .info p {gap: 0.65vw 2.60vw; flex-wrap: wrap;}
    .footer .info p + p {margin-top: 1.04vw;}
    .footer .copy {font-size: 3.39vw; letter-spacing: -0.20vw;}


    /* ********** main ********** */
    /* main_tit */
    .main_tit p {font-size: 3.65vw; letter-spacing: -0.04vw;}
    .main_tit h3 {margin-top: 2.60vw; font-size: 7.81vw; letter-spacing: -0.31vw;}
    /* section */
    #main .section {padding: 20.83vw 0;}
    /* no_board */
    #main .no_board {padding: 14.32vw 0;}
    #main .no_board {border-bottom: 1px solid #00000033;}
    .no_board {padding: 14.32vw 0 15.63vw;}
    .no_board img {width: 6.51vw;}
    .no_board p {margin-top: 3.91vw; font-size: 3.91vw; letter-spacing: -0.16vw;}


    /* visual */
    .visual {height: 143.23vw;}
    .visual .item .txt {bottom: 32.55vw;}
    .visual .item .txt h2 {font-size: 16.93vw;}
    .visual .item .txt p {margin-top: 2.60vw; font-size: calc(3.65vw * 1.5); letter-spacing: -0.10vw;}
    .visual .progress {gap: 6.25vw; bottom: 13.02vw;}
    .visual .slide-progress {width: 75.52vw; height: 0.52vw;}
    .visual .pause img {width: 7.81vw;}
    /* sec1 */
    #main .sec1 {background-image: url('/img/main/m_sec1_bg.jpg'); background-attachment: revert;}
    #main .sec1 .inner {flex-direction: column; gap: 13.02vw;}
    #main .sec1 .inner > div {width: 100%;}
    #main .sec1 .list {gap: 5.08vw; flex-direction: column; width: 100%;}
    #main .sec1 .list li {width: 100%; height: 70.31vw;}
    #main .sec1 .list li a::after {height: 55.99vw;}
    #main .sec1 .list li + li {margin-top: 5.08vw;}
    #main .sec1 .list .txt {left: 7.81vw; bottom: 10.42vw;}
    #main .sec1 .list .txt h4 {font-size: 6.51vw;}
    #main .sec1 .list .txt p {margin-top: 3.91vw; font-size: 4.17vw; letter-spacing: -0.16vw;}
    /* sec2 */
    #main .sec2 .listCont {margin-top: 13.02vw; flex-direction: column; align-items: flex-start; gap: 13.02vw;}
    #main .sec2 .list {width: 100%;}
    #main .sec2 .tit {margin-bottom: 6.51vw;}
    #main .sec2 .tit h3 {letter-spacing: -0.47vw; font-size: 5.73vw;}
    #main .sec2 .tit a {gap: 2.08vw; padding: 2.08vw 4.69vw; font-size: 3.13vw; letter-spacing: -0.12vw; border-radius: 9.77vw;}
    #main .sec2 .tit a img {width: 3.52vw;}
    #main .sec2 ul li a {font-size: 3.39vw; gap: 0; padding: 4.69vw 0; flex-direction: column; align-items: flex-start;}
    #main .sec2 ul li .cate {min-width: 100%; letter-spacing: -0.04vw; text-align: left;}
    #main .sec2 ul li .subject {margin: 1.56vw 0 2.86vw; font-size: 3.91vw; letter-spacing: -0.16vw; width: 100%; gap: 2.60vw; max-width: none;}
    #main .sec2 ul li .subject span {max-width: calc(100% - 5.73vw - 2.60vw); font-size: 3.91vw; width: auto;}
    #main .sec2 ul li .subject img {width: 5.73vw;}
    #main .sec2 ul li .right {gap: 2.60vw; letter-spacing: -0.10vw; width: 100%;}
    #main .sec2 ul li .date {min-width: auto;}
    #main .sec2 ul li .line {width: 0.13vw; height: 2.60vw; background: #E3E3E3;}
    #main .sec2 ul li .date, #main .sec2 ul li .writer {width: auto;}
    /* sec3 */
    #main .sec3 {height: 138.02vw; background: url('/img/main/m_sec3_bg.jpg') no-repeat center/cover;}
    #main .sec3 p {font-size: 3.13vw; letter-spacing: -0.03vw;}
    #main .sec3 h3 {margin-top: 5.21vw; font-size: 9.11vw; letter-spacing: -0.69vw;}
    #main .sec3 .desc {margin-top: 5.21vw; font-size: 3.65vw; letter-spacing: -0.14vw;}
    /* sec4 */
    #main .sec4 .swiper_arrow {gap: 2.60vw;}
    #main .sec4 .swiper_arrow div {width: 11.72vw; height: 11.72vw;}
    #main .sec4 .swiper_arrow div img {width: 5.02vw;}
    #main .sec4 .swiper_wrap {margin-top: 13.02vw;}
    #main .sec4 .swiper-slide {width: 64.32vw; height: 68.36vw; margin-right: 5.21vw;}
    #main .sec4 .swiper-slide a {padding: 9.11vw 7.81vw;}
    #main .sec4 .swiper-slide .cate {font-size: 3.39vw; letter-spacing: -0.03vw;}
    #main .sec4 .swiper-slide .title {margin-top: 3.91vw; font-size: 4.17vw; letter-spacing: -0.14vw;}
    #main .sec4 .swiper-slide .cont {margin-top: 3.91vw; font-size: 3.65vw; letter-spacing: -0.09vw;}
    #main .sec4 .swiper-slide .date {font-size: 3.39vw; letter-spacing: -0.10vw;}
    #main .sec4 .swiper-pagination {margin: 13.02vw auto 0; height: 0.52vw;}

}