.gnbAreaBox {height:100px;}

@media(max-width: 1520px) {
/* header */
.header .hd-nav{padding-left: 50px;}
.header .hd-nav ul{gap:3vw}
.header .hd-nav ul > li > a{font-size: 16px;}
.header .hd-info ul > li > a{font-size: 14px;}
.header .hd-info ul > li:not(:last-child):after{margin: 0 6px 0 6px;}
.header .hd-info ul{margin-right: 20px;}
}

@media(max-width: 1400px) {
/* main */
.main-visual .mv_owl .m_txt{left: 0; padding-left: 0px;}
.mcnt1 .mcnt1-cnt > li{width: 11.1%;}
.mcnt8_wrap{padding-left: 40px; padding-right: 40px;}
.mcnt8_owl .owl-nav > *{left: -40px;}
.mcnt8_owl .owl-nav > .owl-next{right: -40px;}
.mcnt9_owl{padding: 0 40px; box-sizing: border-box;}
.mcnt9_owl .owl-nav > *{left: -10px;}
.mcnt9_owl .owl-nav > .owl-next{right: -10px;}
.mcnt11_owl .owl-nav > *{left: -40px;}
.mcnt11_owl .owl-nav > .owl-next{right: -40px;}
.mcnt11{padding-left: 50px; padding-right: 50px;}
.mcnt12 .box{padding: 30px 20px;}
.mcnt12 .box3{padding: 30px 20px;}


}

@media(max-width: 1250px) {
/* header */
.header{padding: 0 20px;}
.header .hd-nav{padding-left: 20px;}
.header .hd-nav ul{gap:2vw}

/* footer */
.footer .ft-lbx{width: 65%;}
.footer .ft-right{width: 35%; padding-left: 20px;}
.footer .ft-right .cacao-box .lbx h5{font-size: 20px;}
.footer .ft-right .cacao-box .lbx{width: 200px;}



}

@media(max-width: 1024px) {
/* header */
.header .hd-nav{display: none;}
.header .hd-info{margin-right: 60px;}
.header .sitemap-btn{display: flex;}

/* main */
  .pc-size{display: none;}
  .mob-size{display: block;}
  /*
  .main-visual,
  .main-visual .mv_owl .item .mv_img{height: 75vw;}
  */
  .main-visual .mv_owl .m_txt small{font-size: 14px; line-height: 1.5;}
  .main-visual .mv_owl .m_txt h3{font-size: 30px; line-height: 1.5; margin: 10px 0 10px;}
  .main-visual .mv_owl .m_txt p{font-size: 14px; line-height: 1.5;}
  .main-tit{font-size: 30px;}
  .main-tit-p{font-size: 14px;}
  .main-col4-group > div > ul{margin-top: 30px; gap:10px}
  .main-col4-group > div > ul > li {width: calc(50% - 5px);}
  .main-col4-group > div > ul > li > a figure img{width: 100%; height: 100%; object-fit:cover;}
  .main-col4-group > div > ul > li > a > .tbx,
  .mcnt4_owl .item > a > .tbx{bottom: 10px; width: calc(100% - 40px); left: 20px;}
  .main-col4-group > div > ul > li > a > .tbx > p{font-size: 18px; word-break: keep-all;}
  .mcnt1 .mcnt1-cnt > li{width: calc(16.66% - 14px);}
  .mcnt2-wrap{padding: 10vw 0 12vw;}
  .main-gall-slide-wrap .owl-carousel {width: 70%; margin-top: 30px;}
  .main-gall-slide-wrap .owl-carousel .owl-nav{display: flex;justify-content: center; gap:20px}
  .main-gall-slide-wrap .owl-carousel .owl-nav > *{position: static; margin-left: 0; margin-top: 0;}
  .mcnt3-wrap {padding: 10vw 0 12vw;}
  .mcnt4-wrap{padding: 10vw 0 12vw;}
  .mcnt4-cnt {gap:10px; margin-top: 30px;}
  .mcnt4-cnt > li{flex:1;}
  .mcnt4-cnt > li > a .tbx p{font-size: 14px;}
  .mcnt4-cnt > li > a .tbx {bottom: 20px; padding:0 20px;}
  .mcnt4-cnt > li > a:after{height: 45%;}
  .main-col4-group > div{padding-top: 10vw; padding-bottom: 12vw;}
  .mcnt8_wrap{padding: 10vw 0 12vw;}
  .mcnt8_owl{margin-top: 20px;}
  .mcnt8_owl .owl-nav{display: none;}
  .mcnt9{padding-top: 10vw; padding-bottom: 12vw; }
  .mcnt9_owl{padding: 0; margin-top: 20px;}
  .mcnt9_owl .owl-nav{display: none;}
  .mcnt10_wrap{padding: 10vw 0 12vw;}
  .mcnt10 > ul{margin-top: 30px;}
  .mcnt10 > ul > li > a{height: 60px; padding: 0 20px;}
  .mcnt10 > ul > li > a .data-box strong{font-size: 25px;}
  .mcnt10 > ul > li > a .tit-box{padding-left: 10px;}
  .mcnt10 > ul > li > a .tit-box p{font-size: 16px;}
  .mcnt11{padding-left: 20px; padding-right: 20px;}
  .mcnt11_owl{margin-top: 30px;}
  .mcnt11_owl .owl-nav {display: none;}
  .mcnt12_wrap{height: auto; padding: 5vw 0px;}
  .mcnt12 {flex-direction: column; gap:20px}
  .mcnt12 .box{width: 100%; height: auto; }
  .mcnt12 .box .tit-box h3{font-size: 18px;}
  .mcnt12 .box1 .cnt-box ul > li > a{font-size: 14px; line-height: 30px;}
  .mcnt12 .box1 .cnt-box ul > li > a:before{top: 13px;}
  .mcnt12 .box2 .cnt-box ul > li > a{font-size: 14px; height: 40px;}
  .mcnt12 .box3 .cnt-box .white-box > * b{font-size: 14px;}
  .mcnt12 .box3 .cnt-box .white-box > * strong > a{font-size: 40px;}

/* footer */
.footer .ft-lbx{width: 100%; border-right: none; padding-top: 30px;}

.footer .ft-right{width: 100%; padding-left: 0; padding-top: 20px;}
.footer .ft-right .cacao-box{width: 280px; padding: 10px;}
.footer .ft-right .cacao-box .lbx{width: 175px;}
.footer .ft-right .cacao-box .lbx h5{font-size: 18px;}
.footer .ft-right .cacao-box .rbx{}
.footer .ft-right .cacao-box .rbx i{}
.footer .ft-lbx ol{gap:10px}
.footer .ft-lbx ol > li{width: calc(33% - 10px); }
.footer .ft-lbx ol > li:not(:first-child){margin-left: 0;}
.footer .ft-lbx ol > li > a{width: auto;}
.footer .ft-right .btn-box{margin-top: 20px; padding-top: 20px;}
.footer .ft-lbx ol > li > a{font-size: 14px;}
.footer .ft-right .btn-box{margin-bottom: 30px; margin-left: 0; padding-left: 0; padding-bottom: 0;}
.mcnt13 .item > a{padding: 0 10px;}
.footer .ft-right > ol > li > a{font-size: 14px;}
.footer .ft-right > ol > li > a i{padding-right: 5px;}
.footer .ft-right > ol > li > a i img{width: 25px; height: 25px;}


}

@media(max-width: 840px) {
    .gnbAreaBox {
        height: 80px;
    }
}

@media(max-width: 640px) {
/* header */
.header .hd-info ul{display: none;}
.header .hd-info ol{gap:5px}
.header .hd-info ol > li > a{width: 35px; height: 35px;}

/* sitemap */
.sitemap_wrap .stm-cnt .stm-left {padding: 50px 20px; width: 150px;}
.sitemap_wrap .stm-cnt .stm-left ul > li > a{margin-bottom: 15px;}
.sitemap_wrap .stm-cnt .stm-right{padding: 50px 20px 30px 30px;}
.sitemap_wrap .stm-cnt .stm-right .submenu > ul > li > a{font-size: 15px; padding: 8px 0;padding-right: 15px;}
.sitemap_wrap .stm-cnt .stm-right .submenu > ul > li > a:after{right: 5px; top: 16px;}

/* quick */
.quick-menu{right: auto; left: 0; top: auto; bottom: 0; width: 100%; border-radius: 5px 5px 0 0; border: none;}
.quick-menu .quick-bottom{padding: 5px 5px; border: 0;}
.quick-menu .quick-top{display: none;}
.quick-menu .quick-bottom ul > li{height: auto; flex:1; width: auto;}
.quick-menu .quick-bottom ul > li > a{padding: 5px 0;}

/* main */
.mcnt4_owl{margin-top: 5vw;	}
.main-visual .info-mv{bottom: 0px;}
.main-visual .mv_owl .m_txt h3{font-size: 26px; }

.mainLineBanner ul li {font-size: 13px;padding:1em 0;}
.mainLineBanner ul li strong {font-size: 15px;display: block;}
.mainLineBanner ul.wrap2 {padding:0;}

.main-tit{font-size: 22px; word-break: keep-all;}
.main-col4-group > div > ul > li > a > .tbx > p,
.mcnt4_owl .item > a > .tbx > p{font-size: 14px; padding-bottom: 5px;}
.mcnt1 .mcnt1-sch{width: 90%; margin-top: 20px;}
.mcnt1 .mcnt1-cnt > li{width: calc(25% - 13px);}
.mcnt1 {margin-top: 10vw; margin-bottom: 12vw;}
.mcnt1 .mcnt1-sch{height: 50px;}
.mcnt1 .mcnt1-sch input[type="text"]{font-size: 14px;height: 50px; padding-left: 20px;}
.mcnt1 .mcnt1-sch button{width: 40px; height: 40px; top: 5px;}
.mcnt1 .mcnt1-sch .sch-close {right: 63px; top: 13px;}
.mcnt1-sch-box .mcnt1-sch-view {margin-left: 0; left: 0; padding: 30px 20px; top: 70px; height: auto; max-height:500px; min-height:0px; overflow-y: auto;}   
.mcnt1-sch-box .mcnt1-sch-view > * h5{font-size: 16px;}
.mcnt1-sch-box .mcnt1-sch-view > * h5:before{height: 13px;}
.mcnt1-sch-box .mcnt1-sch-view > .new-sch .tag-box span{padding: 0 20px 0 8px;}
.mcnt1-sch-box .mcnt1-sch-view > .new-sch .tag-box span a{font-size: 12px;}
.mcnt1-sch-box .mcnt1-sch-view > .new-sch .tag-box span i{right: 7px;}
.mcnt1 .mcnt1-cnt{margin-top: 30px;}
.mcnt1 .mcnt1-cnt > li > a p{font-size: 14px;}
.main-gall-slide-wrap .owl-carousel .item > a .img-box > i{width: 14vw;}
.main-gall-slide-wrap .owl-carousel .item > a .tbx {left: 20px; bottom: 20px; width: calc(100% - 40px);}
.main-gall-slide-wrap .owl-carousel .active .item > a .tbx p{font-size: 20px;}
.main-gall-slide-wrap .owl-carousel .item > a .tbx p{font-size: 28px;}
.main-gall-slide-wrap .owl-carousel{width: 80%;}
.mcnt7_wrap .link-box{margin-top: 30px;}
.mcnt7_wrap .link-box > a {width: 240px; line-height: 60px; padding-left: 20px; font-size: 18px;}
.mcnt7_wrap .link-box > a > i{margin-left: 15px; top: 0;}
.mcnt8_owl .mcnt8-item > a > i{width: 14vw;}
.mcnt8_owl .mcnt8-item > a{padding: 40px 20px;}
.mcnt8_owl .mcnt8-item > a > .info-box figure{width: 50px; height: 50px;}
.mcnt8_owl .mcnt8-item > a > .info-box .info-text b{font-size: 16px; line-height: 1;}
.mcnt8_owl .mcnt8-item > a > .info-box .info-text p{font-size: 12px;}
.mcnt8_owl .mcnt8-item > a > .info-box .info-text{padding-left: 10px;}
.mcnt8_owl .mcnt8-item > a > .text-box > p{font-size: 14px; line-height: 1.5; height: 106px;}
.mcnt8_owl .mcnt8-item > a > .text-box > span{font-size: 14px;}
.main-link-right{margin-top: 8px; font-size: 14px;}
.mcnt11_owl .mcnt11-item > a > .tbx{ padding: 30px 20px;}
.mcnt11_owl .mcnt11-item > a {flex-direction: column;}
.mcnt11_owl .mcnt11-item > a > figure{width: 100%;}
.mcnt11_owl .mcnt11-item > a > .tbx{width: 100%;}
.mcnt11_owl .mcnt11-item > a > .tbx span{font-size: 12px; width: 60px; }
.mcnt11_owl .mcnt11-item > a > .tbx strong{font-size: 18px; line-height: 1.5;}
.mcnt11_owl .mcnt11-item > a > .tbx p{font-size: 14px; line-height: 1.5;}
.mcnt13 .item > a{height: 100px;}
.mcnt4_owl .owl-dots{margin-top: 30px;}
.hd-sch-box{right: -90px;}


.mcnt1-sch-box .mcnt1-sch-view > .hot-sch .img-box{gap:10px}
.mcnt1-sch-box .mcnt1-sch-view > .hot-sch .img-box figure{width: auto; width: calc(33.33% - 10px); flex:none}
.mcnt1-sch-box .mcnt1-sch-view > .hot-sch .img-box figure span{width: 100%; height: auto;}
.mcnt1-sch-box .mcnt1-sch-view > .hot-sch .img-box figure img{width: 100%; max-width:100000px}
.mcnt1-sch-box .mcnt1-sch-view > .hot-sch .img-box figure figcaption{font-size: 12px;}


/* 알림 */
.rigut-arm-box{width: 90%;}
.rigut-arm-box.on{right: 10px;}
.rigut-arm-box .arm-top{padding: 0 20px;}
.rigut-arm-box .arm-cnt ul > li{padding: 20px;}
.rigut-arm-box .arm-cnt ul > li .lbx .tit{font-size: 16px;}
.rigut-arm-box .arm-cnt ul > li .lbx .txt{font-size: 14px;}
.rigut-arm-box .arm-cnt ul > li .rbx p{font-size: 14px;}
.rigut-arm-box .arm-cnt ul > li .rbx{width: 65px;}
.rigut-arm-box .arm-cnt ul > li .lbx{width: calc(100% - 65px);}

.rigut-arm-close{display: block; position: absolute; right: 10px; top: -50px; cursor: pointer;}
.rigut-arm-close img{filter: invert(1);}

/* gotop버튼 */
.go-top {right: 10px;}
.go-top .btn-top {width: 50px; height: 50px;}

.footer .ft-right .btn-box {margin-bottom: 80px; margin-left: 0; padding-left: 0; padding-bottom: 0;}
}

@media(max-width: 480px) {
/* main */
/*
.main-visual,
.main-visual .mv_owl .item .mv_img{height: 250px;}

.mcnt1 .mcnt1-cnt{gap:10px}
.mcnt1 .mcnt1-cnt > li{width: calc(33% - 8px);}
*/
.mcnt1 {margin:20px 0 30px 0;}
.mcnt1.wrap2 {padding:0 10px;}
.mcnt1 .mcnt1-cnt{gap:6px}
.mcnt1 .mcnt1-cnt > li{width: calc(20% - 5px);}

/* .mcnt1-sch-box .mcnt1-sch-view > .hot-sch .img-box figure{flex:1 1 30%} */
.mcnt1-sch-box .mcnt1-sch-view > .new-sch .tag-box{margin-top: 10px;}
.mcnt1-sch-box .mcnt1-sch-view > .hot-sch .img-box{margin-top: 10px;}
.mcnt1 .mcnt1-cnt > li{height: auto;margin-top:0;}
.mcnt1 .mcnt1-cnt > li > a{padding-top: 10px; padding-bottom: 10px;}
.mcnt1 .mcnt1-cnt > li > a figure{height: 30px;}
.mcnt1 .mcnt1-cnt > li > a figure img{width: auto; height:24px;max-height:100%; }
.mcnt1 .mcnt1-cnt > li > a p {font-size: 12px;}

.main-gall-slide-wrap .owl-carousel .active .item > a .tbx p{padding-bottom: 10px;}
.mcnt4_owl .item > a > .tbx > span,
.main-gall-slide-wrap .owl-carousel .item > a .tbx span,
.mcnt4-cnt > li > a .tbx span,
.main-col4-group > div > ul > li > a > .tbx > span{width: auto; line-height: 20px; padding: 0 10px; font-size: 12px;}
.mcnt4-cnt > li > a figure{height: 45vw;}
.mcnt9_owl .mcnt9-item{padding: 30px 20px;}

.mcnt9_owl .mcnt9-item .tit-box p{font-size: 16px; line-height: 1.5;}
.mcnt9_owl .mcnt9-item .bt-box span{font-size: 14px; line-height: 1.5;}
.mcnt10 > ul > li > a{background: #fff;}
.mcnt10 > ul > li > a .tit-box span{width: auto; padding: 0 10px; font-size: 12px; line-height: 30px;}
.mcnt10 > ul > li > a .tit-box p {max-width: calc(100% - 100px); color: #000;}
.mcnt10 > ul > li > a .arr:before{opacity: 0; translate:10px 0;}
.mcnt10 > ul > li > a .arr:after{opacity: 1; translate:0px 0;}

.footer .ft-lbx ol > li{width: calc(45% - 1px); }
.hd-sch-box{right: 0px;}



/* pop */
.pop_wrap h2{font-size: 20px;}
.pop_wrap .box{padding: 0 30px 20px;}



}