@font-face {
    font-family: 'Tenada';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Tenada.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

:root {
    --color-blue : #0162B6;
    --letter-spacing04 : -.4px;
    --font-out : "Outfit", sans-serif;;
    --font-ten : "Tenada", sans-serif;;
}

/* 공통 */
p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
.inner{max-width:1400px; margin:0 auto; width: 100%;}
.point{color: #0162B6 !important;}
.mt20 {margin-top: 20px;}
.mt40 {margin-top: 40px;}


/* HEADER */
.header{height:100px; position: fixed; top: 0; width:100%; z-index:100;}
.header .inner{height:100%; display:flex; align-items:center; justify-content:space-between;}
.header .inner > div{display:flex; align-items:center;}
.header h1 a img{width: 250px; display: block;}
.header h1 a img.logo_ov{display:none;}
.header .right {display: flex; align-items: center; justify-content: flex-end; gap: 65px;}
.header .gnb{display:flex; gap:75px;}
.header .gnb > li{position:relative;}
.header .gnb > li:hover > a {color: var(--color-blue);}
.header .gnb > li:hover::before {content: ""; width: 5px; height: 5px; border-radius: 100%; background: var(--color-blue); position: absolute; left: 50%; transform: translateX(-50%); top: -10px;}
.header .gnb > li > a{display: block; line-height: 100px; font-size: 18px; color: #000; font-weight: 700; letter-spacing: -0.4px;}
.header .gnb > li:nth-child(2) .gnb_2depth {min-width: 150px;}
.header .gnb_2depth {position:absolute; top:85px; left: 50%; transform: translate(-50%, 20px); box-shadow: 0px 7px 29px 0px #64646F33; background: #fff; border-radius: 5px; overflow: hidden; min-width: 140px; padding: 25px 20px; opacity: 0; visibility: hidden; transition:all .3s;}
.header .gnb > li:hover .gnb_2depth {visibility: visible; opacity: 1; transform: translate(-50%, 0);}
.header .gnb_2depth li + li{margin-top:15px;}
.header .gnb_2depth li a{font-size: 18px; color: #8E8E8E; font-weight: 400; letter-spacing: var(--letter-spacing04);}
.header .gnb_2depth li a:hover {color: var(--color-blue); font-weight: 700;}
.all_menu_btn{width: 30px; cursor:pointer;}
.all_menu_btn img {width: 100%;}
.head_mob_btn{display:none !important;}
.head_bg{display:none !important;}

.header:hover{background: #FFF;}
.header.fixed{background: #FFF;}

/* all menu */
.all_menu{/* display:none; */ overflow: hidden; position:fixed; width:100%; height:0; z-index:5000; background: rgba(255, 255, 255, 0.98); transition: all 1s ease;}
.all_menu.on {height: 100%;}
.all_menu.on2 {opacity: 0; transition: all .2s ease;}
.all_menu .inner{position:relative;}
.all_menu_close{position:absolute; right:93px; top:30px; width:40px; cursor:pointer;}
.all_menu_close img{width:100%;}
.all_menu .title{padding-top:123px; font-size:50px; font-weight:600;}
.all_menu_list{margin-top:133px; display:flex;}
.all_menu .all_menu_list dl{width:calc(100%/5); opacity: 0; transform: translateY(50px); transition: all .5s;}
.all_menu.on .all_menu_list dl {opacity: 1; transform: translateY(0);}
.all_menu.on .all_menu_list dl:nth-child(1) {transition-delay: .4s;}
.all_menu.on .all_menu_list dl:nth-child(2) {transition-delay: .5s;}
.all_menu.on .all_menu_list dl:nth-child(3) {transition-delay: .6s;}
.all_menu.on .all_menu_list dl:nth-child(4) {transition-delay: .7s;}
.all_menu.on .all_menu_list dl:nth-child(5) {transition-delay: .8s;}
.all_menu_list dt{font-size:33px; font-weight:600; margin-bottom:35px; position: relative; transition: all .3s;}
.all_menu_list dl:hover dt::before {content: ""; width: 15px; height: 15px; border-radius: 100%; background: var(--color-blue); position: absolute; left: 0; top: -23px;}
.all_menu_list dd + dd {margin-top: 10px;}
.all_menu_list dd a{font-size:20px; color: #8E8E8E; font-weight: 500; line-height: 1.2; transition: all .3s;}
.all_menu_list dd a:hover {color: #0162B6; border-bottom: 1px solid #0162B6;}

/* footer */
.footer {background: #F5F5F5; padding: 60px 0; margin-top: 120px; position: relative;}
.footer .logo {width: 250px;}
.footer .bot {display: flex; align-items: flex-start; justify-content: space-between;}
.footer .info p:not(.copy) {display: flex; align-items: center; gap: 20px;}
.footer .info p + p {margin-top: 5px;}
.footer .info p span {display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 400; color: #6D6D6D; letter-spacing: var(--letter-spacing04);}
.footer .info p strong {font-weight: 600; color: #000;}
.footer .info .copy {margin-top: 42px; font-size: 14px; font-weight: 300; color: #6D6D6D; letter-spacing: var(--letter-spacing04);}
.footer .use a {display: block; text-align: right; font-size: 16px; font-weight: 500; color: #6D6D6D; letter-spacing: var(--letter-spacing04); line-height: 1.18;}
.footer .use a strong {color: #000; font-weight: 600;}
.footer .use a + a {margin-top: 15px;}
.footer .top_btn {display: inline-block; transition: transform 0.1s ease-out; transform-origin: center }
.footer .q_top_box {position: absolute; right: 45px; top: 136px;}
.footer .q_top_btn a {display: flex; align-items: center; justify-content: center; border-radius: 100%; width: 50px; height: 50px; border: 1px solid #000;}
.footer .q_top_btn img {width: 28px; filter:invert(1);}



/****** main ******/
/* 공통 */
/* view_btn */
.view_btn {display: inline-flex; align-items: center; gap: 20px; font-size: 18px; font-weight: 600;}
.view_btn .arrow {width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 100%; position: relative; background: #F5F5F5;}
.view_btn .arrow::before {content: ""; width: 0; height: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 100%; background: var(--color-blue); transition: all 0.2s ease;}
.view_btn .arrow img {width: 17px; transform: all .2s;}
.view_btn:hover .arrow::before {width: 100%; height: 100%;}
.view_btn:hover .arrow img {filter: brightness(0) invert(1);}
/* main_tit */
.main_tit h2 {font-size: 48px; font-weight: 600; line-height: 1;}
.main_tit p {font-size: 20px; font-weight: 500; color: #8E8E8E; letter-spacing: var(--letter-spacing04); line-height: 1.4;}
/* cursor */
#cursor_div{position: fixed; left: 0; top: -10px; pointer-events: none; z-index: 1000;}
.cursor{display:flex; justify-content:center; align-items:center; flex-direction: column; width: 10px; height: 10px; border-radius:50%; background:var(--color-blue); gap:8px; transition:all 0.3s; transform: translate(-50%, -50%);}
.cursor.on{width: 170px; height: 170px;}
.cursor span{font-size: 0; font-weight: 700; letter-spacing: -0.4px; color:#fff; transition:all 0.3s;}
.cursor.on span{font-size: 20px;}
.cursor img{width:0; transition:all 0.3s;}
.cursor.on img{width:17px;}

/* visual */
.main .visual {overflow: hidden; position: relative;}
.main .visual .swiper-slide {height: 770px; position: relative;}
.main .visual .swiper-slide > img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main .visual .swiper-slide .txt {position: absolute; top: 229px; left: 50%; transform: translateX(-50%);}
.main .visual .swiper-slide .txt p {font-size: 20px; font-weight: 700; color: var(--color-blue); letter-spacing: var(--letter-spacing04); line-height: 1.2;}
.main .visual .swiper-slide .txt h2 {margin-top: 12px; font-size: 55px; color: #000; line-height: 1.14; font-family: var(--font-ten);}
.main .visual .swiper-slide .view_btn {margin-top: 87px;}
.main .visual .swiper-pagination {bottom: 48px; display: flex; align-items: center; justify-content: center; gap: 10px;}
.main .visual .swiper-pagination span {width: 15px; height: 15px; border-radius: 100%; background: #fff; opacity: 1;}
.main .visual .swiper-pagination .swiper-pagination-bullet-active {width: 50px; background: var(--color-blue); border-radius: 30px;}
/* sec1 */
.main .sec1 .color_o,
.main .sec1 .color_o .pop,
.main .sec1 .color_o span {background: #F8A51B;}
.main .sec1 .color_r,
.main .sec1 .color_r .pop,
.main .sec1 .color_r span {background: #EF1E23;}
.main .sec1 .color_b,
.main .sec1 .color_b .pop,
.main .sec1 .color_b span {background: #0162B6;}
.main .sec1 {padding: 120px 0;}
.main .sec1 .inner {display: flex; align-items: flex-start; justify-content: space-between;}
.main .sec1 .calendar_cont {width: 1050px; display: flex; align-items: flex-end; justify-content: flex-end; gap: 66px;}
.main .sec1 .calInfo {padding-bottom: 68px;}
.main .sec1 .calInfo p {display: flex; align-items: center; gap: 7px; font-size: 14px; font-weight: 600; letter-spacing: var(--letter-spacing04);}
.main .sec1 .calInfo p + p {margin-top: 15px;}
.main .sec1 .calInfo span {width: 15px; height: 15px; border-radius: 100%;}
.main .sec1 .calendar {width: 900px;}
.main .sec1 .calTit {display: flex; align-items: center; justify-content: center; gap: 15px;}
.main .sec1 .calTit .arrow {display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; cursor: pointer;}
.main .sec1 .calTit .arrow img {width: 12.58px;}
.main .sec1 .calTit .calDate {font-size: 30px; font-weight: 600; letter-spacing: var(--letter-spacing04);}
.main .sec1 .claTable {margin-top: 30px; width: 100%; border-radius: 10px 10px 0 0; overflow: hidden;}
.main .sec1 .claTable .tr {display: flex;}
.main .sec1 .claTable .th,
.main .sec1 .claTable .td {width: calc(100%/5);}
.main .sec1 .claTable .th {text-align: center; background: #EFF7FF; font-size: 18px; font-weight: 600; letter-spacing: var(--letter-spacing04); padding: 20px 0;}
.main .sec1 .claTable .td_cont {border: 1px solid #E3E3E3;}
.main .sec1 .claTable .td {position: relative; min-height: 110px; border-top: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; padding: 9px 16px 25px; position: relative;}
.main .sec1 .claTable .tr:first-child .td {border-top: 0;}
.main .sec1 .claTable .td:last-child {border-right: 0;}
.main .sec1 .claTable .td .day {display: inline-block; font-size: 14px; font-weight: 600; color: #6D6D6D; letter-spacing: var(--letter-spacing04); margin-bottom: 7px;}
.main .sec1 .claTable .td .today {color: #fff; font-family: var(--font-out); width: 25px; height: 25px; border-radius: 100%; background: #000; display: flex; align-items: center; justify-content: center; margin-left: -6px;}
.main .sec1 .claTable .td .line {position: relative; width: 100%; display: block; line-height: 24px; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: var(--letter-spacing04); border-radius: 5px; overflow: hidden;}
.main .sec1 .claTable .td .line:hover {overflow: inherit;}
.main .sec1 .claTable .td .line span:not(.pop) {overflow: hidden; height: 24px; white-space: nowrap; text-overflow: ellipsis; display: block; padding: 0 9px; border-radius: 5px; cursor: pointer;}
.main .sec1 .claTable .td .line span.subject_hide {display: none;}
/* .main .sec1 .claTable .td .line + .line {margin-top: 4px;} */
.main .sec1 .claTable .td .line.days {width: calc(100% + 18px); position: relative; z-index: 1;}
.main .sec1 .claTable .td .line.days {width: calc(100% + 18px); position: relative; z-index: 1;}
.main .sec1 .claTable .td .line.pr_0 {border-radius: 5px 0 0 5px;}
.main .sec1 .claTable .td .line.pl_0 {border-radius: 0 5px 5px 0; overflow: hidden !important;}
.main .sec1 .claTable .td .line.p_0 {width: calc(100% + 36px); border-radius: 0; overflow: hidden !important;}
.main .sec1 .claTable .td .line.pl_0::after,
.main .sec1 .claTable .td .line.p_0::after {display: none;}
.main .sec1 .claTable .td .pop {overflow: inherit; position: absolute; bottom: calc(100% + 10px); left: 50%; transform: translateX(-50%); width: 250px; line-height: 24px; color: #fff; font-size: 14px; font-weight: 600; border-radius: 5px; padding: 5px 9px; word-break: break-all; z-index: 2; line-height: 1.3; text-align: center;}
.main .sec1 .claTable .td .pop:after { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 0px solid transparent; content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%) }
.main .sec1 .claTable .td .line.color_o .pop:after {border-top: 7px solid #F8A51B;}
.main .sec1 .claTable .td .line.color_r .pop:after {border-top: 7px solid #EF1E23;}
.main .sec1 .claTable .td .line.color_b .pop:after {border-top: 7px solid #0162B6;}
.main .sec1 .claTable .td:first-child .line .pop {left: 0; transform: none;}
.main .sec1 .claTable .td:last-child .line .pop {left: -104px; transform: none;}
.main .sec1 .claTable .td:last-child .line .pop::after {left: 80%;}
.main .sec1 .claTable .td:first-child .line .pop::after {left: 20%;}
.main .sec1 .claTable .td .line {overflow: inherit;}

.main .sec1 .claTable .td {height: 155px;}
.main .sec1 .claTable .td > .line {position: absolute; left: 16px; width: calc(100% - (16px*2)); margin: 0 !important;}
.main .sec1 .claTable .td > .line.pl_0,
.main .sec1 .claTable .td > .line.p_0 {left: 0;}
.main .sec1 .claTable .td > .line.pr_0 {left: 16px; /* width: 100%; */ width: calc(100% - 15px);}
.main .sec1 .claTable .td > .line.pl_0 {left: auto; right: 16px; width: 100%;}
.main .sec1 .claTable .td > .line1 {top: 38px;}
.main .sec1 .claTable .td > .line2 {top: 66px;}
.main .sec1 .claTable .td > .line3 {top: 94px;}
.main .sec1 .claTable .other_cal {position: absolute; left: 16px; top: 125px; font-size: 14px; font-weight: 600; color: #6D6D6D; letter-spacing: var(--letter-spacing04); cursor: pointer;}
.main .sec1 .claTable .other_pop {display: none; border-radius: 5px; overflow: hidden; position: absolute; top: 0; left: 0; background: #fff; border: 1px solid #00000040; box-shadow: 0px 7.58px 22.73px 0px #00000030; width: 100%; height: 100%; z-index: 10;}
.main .sec1 .claTable .other_pop .top {display: flex; align-items: center; justify-content: space-between; padding: 7px 10px; background: var(--color-blue); color: #fff; font-size: 14px; font-weight: 600;}
.main .sec1 .claTable .other_pop .top .close img {width: 12px; cursor: pointer;}
.main .sec1 .claTable .other_pop > .cont {padding: 10px; overflow: hidden; overflow-y: scroll; height: calc(100% - 30px);}
.main .sec1 .claTable .other_pop > .cont::-webkit-scrollbar {width: 3px;}
.main .sec1 .claTable .other_pop > .cont::-webkit-scrollbar-track {background: #E7E7E7;}
.main .sec1 .claTable .other_pop > .cont::-webkit-scrollbar-thumb {background: #6D6D6D; border-radius: 5px;}
.main .sec1 .claTable .other_pop > .cont .line {overflow: hidden;}
.main .sec1 .claTable .other_pop > .cont .line + .line {margin-top: 4px;}


/* sec2 */
.main .sec2 {background: #FBF7EF url('/img/main/sec2_bg.png') no-repeat center/cover; padding: 115px 00 125px;}
.main .sec2 .main_tit {text-align: center;}
.main .sec2 .tab {margin-top: 72px; display: flex; align-items: center; justify-content: center; gap: 15px;}
.main .sec2 .tab a {display: block; padding: 13px 40px; background: #fff; border-radius: 50px; border: 1px solid var(--color-blue); font-size: 20px; font-weight: 700; color: var(--color-blue);}
.main .sec2 .tab a.on {color: #fff; background: var(--color-blue);}
.main .sec2 .tab_cont > div {display: none; text-align: center;}
.main .sec2 .tab_cont > div.on {display: block;}
.main .sec2 .tab_cont .mySwiper {overflow: hidden;}
.main .sec2 .tab_cont .inner {position: relative;}
.main .sec2 .tab_cont .inner .arrow > div {top: 252px; bottom: auto; margin: 0; width: 60px; height: 60px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: #fff;}
.main .sec2 .tab_cont .inner .arrow > div.swiper-button-prev {left: -30px;}
.main .sec2 .tab_cont .inner .arrow > div.swiper-button-next {right: -30px;}
.main .sec2 .tab_cont .inner .arrow > div::before {content: ""; width: 0; height: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 100%; background: var(--color-blue); transition: all 0.2s ease;}
.main .sec2 .tab_cont .inner .arrow > div::after {display: none;}
.main .sec2 .tab_cont .inner .arrow > div img {width: 20px; transition: all 0.2s;}
.main .sec2 .tab_cont .inner .arrow > div:hover::before {width: 100%; height: 100%;}
.main .sec2 .tab_cont .inner .arrow > div:hover img {filter: brightness(0) invert(1);}
.main .sec2 .tab_cont .swiper-slide {/* height: 565px; */ text-align: left; width: 440px; box-shadow: 0px 7px 30px 0px #64646F1A; margin-right: 40px;}
.main .sec2 .tab_cont .swiper-slide a {position: relative; display: block; width: 100%; height: 100%;}
.main .sec2 .tab_cont .swiper-slide a::before {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 4px solid var(--color-blue); opacity: 0; transition: all .3s ease; z-index: 0;}
.main .sec2 .tab_cont .swiper-slide:hover a::before {opacity: 1;}
.main .sec2 .tab_cont .swiper-slide .img {display: block; height: 330px; overflow: hidden;}
.main .sec2 .tab_cont .swiper-slide .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main .sec2 .tab_cont .swiper-slide .txt {background: #fff; padding: 50px 40px; height: /* calc(100% - 330px); */}
.main .sec2 .tab_cont .swiper-slide .txt span {display: block; font-size: 20px; font-weight: 700; color: var(--color-blue); line-height: 1.2; letter-spacing: var(--letter-spacing04);}
.main .sec2 .tab_cont .swiper-slide .txt strong {display: block; margin-top: 5px; font-size: 24px; font-weight: 700; line-height: 1.4; letter-spacing: var(--letter-spacing04); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main .sec2 .tab_cont .swiper-slide .txt p {margin-top: 15px; font-size: 24px; font-weight: 400; line-height: 1.4; color: #6D6D6D; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden }
.main .sec2 .pc {text-align: center;}
.main .sec2 .view_btn {margin: 60px auto 0; justify-content: center;}
.main .sec2 .view_btn .arrow {background: #fff;}
.main .sec2 .no_data_wrap {padding: 0; height: 565px; width: 100%; border-top: 2px solid #000; border-bottom: 1px solid #000; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.main .sec2 .no_data_wrap img {width: 38px;}
.main .sec2 .no_data_wrap p {margin-top: 28px; font-size: 20px; font-weight: 500;}


/* sec3 */
.main .sec3 {background: url('/img/main/sec3_bg.jpg') no-repeat center/cover; height: 650px;}
.main .sec3 a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.main .sec3 .inner span {font-size: 20px; font-weight: 700; letter-spacing: var(--letter-spacing04); color: #4AA5F4; line-height: 1.2;}
.main .sec3 .inner h2 {font-size: 44px; font-weight: 700; letter-spacing: -2px; color: #fff; line-height: 1.13;}
.main .sec3 .inner p {font-size: 18px; font-weight: 400; color: #fff; line-height: 1.13;}
/* sec4 */
.main .sec4 {padding: 120px 0 10px; text-align: center;}
.main .sec4 h2 span {color: var(--color-blue);}
.main .sec4 .cont {margin-top: 70px; position: relative;}
.main .sec4 .cont::before {content: ""; width: 100%; height: 100%; background: #fff; position: absolute; top: 0; left: -99%; z-index: 2;}
.main .sec4 .cont::after {content: ""; width: 100%; height: 100%; background: #fff; position: absolute; top: 0; right: -99%; z-index: 2;}
.main .sec4 .swiper {overflow: hidden;}
.main .sec4 .swiper-slide {width: calc(100%/5); height: 190px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.main .sec4 .swiper-slide + .swiper-slide {border-left: 1px solid #E3E3E3;}
.main .sec4 .swiper-slide .img img {width: 81px;}
.main .sec4 .swiper-slide p {font-size: 20px; font-weight: 700; line-height: 1.2; margin-top: 32px;}
.main .sec4 .swiper-slide .hidden {height: 0; overflow: hidden; transition: all .5s; opacity: 0;}
.main .sec4 .swiper-slide:hover .hidden {margin-top: 19px; height: 30px; opacity: 1;}
.main .sec4 .swiper-slide .view_btn {font-size: 16px; gap: 10px; color: #6D6D6D;}
.main .sec4 .swiper-slide .view_btn .arrow {width: 30px; height: 30px; background: var(--color-blue);}
.main .sec4 .swiper-slide .view_btn .arrow img {width: 13px; filter: brightness(0) invert(1);}
.main .sec4 .cont > .arrow > div {top: 50%; transform: translateY(-50%); z-index: 3; bottom: auto; left: auto; right: auto; margin: 0; width: 60px !important; height: 60px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: #F5F5F5; width: 100%;}
.main .sec4 .cont > .arrow > div.swiper-button-prev {left: -30px;}
.main .sec4 .cont > .arrow > div.swiper-button-next {right: -30px;}
.main .sec4 .cont > .arrow > div::before {content: ""; width: 0; height: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 100%; background: var(--color-blue); transition: all 0.2s ease;}
.main .sec4 .cont > .arrow > div::after {display: none;}
.main .sec4 .cont > .arrow > div img {width: 20px; transition: all 0.2s;}
.main .sec4 .cont > .arrow > div:hover::before {width: 100%; height: 100%;}
.main .sec4 .cont > .arrow > div:hover img {filter: brightness(0) invert(1);}




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

    :root {
        --letter-spacing04 : -0.03vw;
    }
    
    /* 공통 */
    .inner{max-width: 94.44vw;}
    
    .mt20 {margin-top: 1.39vw;}
    .mt40 {margin-top: 2.78vw;}
    
    
    /* HEADER */
    .header{height:6.94vw;}
    .header h1 a img{width: 17.36vw;}
    .header h1 a img.logo_ov{}
    .header .right {gap: 4.51vw;}
    .header .gnb{ gap:5.21vw;}
    .header .gnb > li:hover::before {width: 0.35vw; height: 0.35vw; top: -0.69vw;}
    .header .gnb > li > a{ line-height: 6.94vw; font-size: 1.25vw; letter-spacing: -0.03vw;}
    .header .gnb > li:nth-child(2) .gnb_2depth {min-width: 10.42vw;}
    .header .gnb_2depth {top:5.90vw; transform: translate(-50%, 1.39vw); border-radius: 0.35vw; min-width: 9.72vw; padding: 1.74vw 1.39vw;}
    .header .gnb_2depth li + li{margin-top:1.04vw;}
    .header .gnb_2depth li a{font-size: 1.25vw;}
    .all_menu_btn{width: 2.08vw;}
    
    /* all menu */
    .all_menu_close{ right:6.46vw; top:2.08vw; width:2.78vw;}
    .all_menu .title{padding-top:8.54vw; font-size:3.47vw;}
    .all_menu_list{margin-top:9.24vw;}
    .all_menu .all_menu_list dl{transform: translateY(3.47vw);}
    .all_menu_list dt{font-size:2.29vw; margin-bottom:2.43vw;}
    .all_menu_list dl:hover dt::before {width: 1.04vw; height: 1.04vw; top: -1.60vw;}
    .all_menu_list dd + dd {margin-top: 0.69vw;}
    .all_menu_list dd a{font-size:1.39vw;}
    
    /* footer */
    .footer {padding: 4.17vw 0; margin-top: 8.33vw;}
    .footer .logo {width: 17.36vw;}
    .footer .info p:not(.copy) {gap: 1.39vw;}
    .footer .info p + p {margin-top: 0.35vw;}
    .footer .info p span {gap: 0.69vw; font-size: 1.11vw;}
    .footer .info .copy {margin-top: 2.92vw; font-size: 0.97vw;}
    .footer .use a {font-size: 1.11vw;}
    .footer .use a + a {margin-top: 1.04vw;}
    .footer .q_top_box {right: 1.88vw; top: 3.06vw;}
    .footer .q_top_btn a {width: 3.47vw; height: 3.47vw;}
    .footer .q_top_btn img {width: 1.94vw;}
    
    
    
    /****** main ******/
    /* 공통 */
    /* view_btn */
    .view_btn {gap: 1.39vw; font-size: 1.25vw;}
    .view_btn .arrow {width: 3.47vw; height: 3.47vw;}
    .view_btn .arrow img {width: 1.18vw;}
    /* main_tit */
    .main_tit h2 {font-size: 3.33vw;}
    .main_tit p {font-size: 1.39vw;}
    /* cursor */
    #cursor_div{ top: -0.69vw;}
    .cursor{ width: 0.69vw; height: 0.69vw; gap:0.56vw;}
    .cursor.on{width: 11.81vw; height: 11.81vw;}
    .cursor span{ letter-spacing: -0.03vw;}
    .cursor.on span{font-size: 1.39vw;}
    .cursor.on img{width:1.18vw;}
    
    /* visual */
    .main .visual .swiper-slide {height: 53.47vw;}
    .main .visual .swiper-slide .txt {top: 15.90vw;}
    .main .visual .swiper-slide .txt p {font-size: 1.39vw;}
    .main .visual .swiper-slide .txt h2 {margin-top: 0.83vw; font-size: 3.82vw;}
    .main .visual .swiper-slide .view_btn {margin-top: 6.04vw;}
    .main .visual .swiper-pagination {bottom: 3.33vw; gap: 0.69vw;}
    .main .visual .swiper-pagination span {width: 1.04vw; height: 1.04vw;}
    .main .visual .swiper-pagination .swiper-pagination-bullet-active {width: 3.47vw; border-radius: 2.08vw;}
    /* sec1 */
    .main .sec1 {padding: 8.33vw 0;}
    .main .sec1 .calendar_cont {width: 72.92vw; gap: 4.58vw;}
    .main .sec1 .calInfo {padding-bottom: 4.72vw;}
    .main .sec1 .calInfo p {gap: 0.49vw; font-size: 0.97vw;}
    .main .sec1 .calInfo p + p {margin-top: 1.04vw;}
    .main .sec1 .calInfo span {width: 1.04vw; height: 1.04vw;}
    .main .sec1 .calendar {width: 62.50vw;}
    .main .sec1 .calTit {gap: 1.04vw;}
    .main .sec1 .calTit .arrow {width: 1.74vw; height: 1.74vw;}
    .main .sec1 .calTit .arrow img {width: 0.87vw;}
    .main .sec1 .calTit .calDate {font-size: 2.08vw;}
    .main .sec1 .claTable {margin-top: 2.08vw; border-radius: 0.69vw 0.69vw 0 0;}
    .main .sec1 .claTable .th {font-size: 1.25vw; padding: 1.39vw 0;}
    .main .sec1 .claTable .td {min-height: 7.64vw; padding: 0.63vw 1.11vw 1.74vw;}
    .main .sec1 .claTable .td .day {font-size: 0.97vw; margin-bottom: 0.49vw;}
    .main .sec1 .claTable .td .today {width: 1.74vw; height: 1.74vw; margin-left: -0.42vw;}
    .main .sec1 .claTable .td .line {border-radius: 0.35vw; font-size: 0.97vw;}
    .main .sec1 .claTable .td .line span:not(.pop) {padding: 0 0.63vw; height: 1.67vw; border-radius: 0.35vw;}
    /* .main .sec1 .claTable .td .line + .line {margin-top: 0.28vw;} */
    .main .sec1 .claTable .td .line.days {width: calc(100% + 1.25vw);}
    .main .sec1 .claTable .td .line.days {width: calc(100% + 1.25vw);}
    .main .sec1 .claTable .td .line.pr_0 {border-radius: 0.35vw 0 0 0.35vw;}
    .main .sec1 .claTable .td .line.pl_0 {border-radius: 0 0.35vw 0.35vw 0;}
    .main .sec1 .claTable .td .line.p_0 {width: calc(100% + 2.50vw); }
    .main .sec1 .claTable .td .pop {width: 17.36vw; bottom: calc(100% + 0.69vw); line-height: 1.67vw;  font-size: 0.97vw;  border-radius: 0.35vw; padding: 0.35vw 0.63vw;}
    .main .sec1 .claTable .td .pop:after { border-left: 0.49vw solid transparent; border-right: 0.49vw solid transparent; border-bottom: 0.00vw solid transparent;}
    .main .sec1 .claTable .td .line.color_o .pop:after {border-top: 0.49vw solid #F8A51B;}
    .main .sec1 .claTable .td .line.color_r .pop:after {border-top: 0.49vw solid #EF1E23;}
    .main .sec1 .claTable .td .line.color_b .pop:after {border-top: 0.49vw solid #0162B6;}
    .main .sec1 .claTable .td:last-child .line .pop {left: -7.22vw; transform: none;}
    .main .sec1 .claTable .td:last-child .line .pop::after {left: 85%;}
    .main .sec1 .claTable .td:first-child .line .pop::after {left: 15%;}

    .main .sec1 .claTable .td {height: 10.76vw;}
    .main .sec1 .claTable .td > .line {position: absolute; left: 1.11vw; z-index: 1; width: calc(100% - (1.11vw*2)); margin: 0 !important;}
    .main .sec1 .claTable .td > .line.pl_0,
    .main .sec1 .claTable .td > .line.p_0 {left: 0;}
    .main .sec1 .claTable .td > .line.pr_0 {left: 1.11vw; width: 100%;}
    .main .sec1 .claTable .td > .line.pl_0 {left: auto; right: 1.11vw; width: 100%;}
    .main .sec1 .claTable .td > .line1 {top: 2.64vw;}
    .main .sec1 .claTable .td > .line2 {top: 4.58vw;}
    .main .sec1 .claTable .td > .line3 {top: 6.53vw;}
    .main .sec1 .claTable .other_cal {position: absolute; left: 1.11vw; top: 8.68vw; font-size: 0.97vw; font-weight: 600; color: #6D6D6D; letter-spacing: var(--letter-spacing04); cursor: pointer;}
    .main .sec1 .claTable .other_pop {display: none; border-radius: 0.35vw; overflow: hidden; position: absolute; top: 0; left: 0; background: #fff; border: 0.07vw solid #00000040; box-shadow: 0.00vw 0.53vw 1.58vw 0.00vw #00000030; width: 100%; height: 100%; z-index: 10;}
    .main .sec1 .claTable .other_pop .top {display: flex; align-items: center; justify-content: space-between; padding: 0.49vw 0.69vw; background: var(--color-blue); color: #fff; font-size: 0.97vw; font-weight: 600;}
    .main .sec1 .claTable .other_pop .top .close img {width: 0.83vw; cursor: pointer;}
    .main .sec1 .claTable .other_pop > .cont {padding: 0.69vw; overflow: hidden; overflow-y: scroll; height: calc(100% - 2.08vw);}
    .main .sec1 .claTable .other_pop > .cont::-webkit-scrollbar {width: 0.21vw;}
    .main .sec1 .claTable .other_pop > .cont::-webkit-scrollbar-track {background: #E7E7E7;}
    .main .sec1 .claTable .other_pop > .cont::-webkit-scrollbar-thumb {background: #6D6D6D; border-radius: 0.35vw;}
    .main .sec1 .claTable .other_pop > .cont .line {overflow: hidden;}
    .main .sec1 .claTable .other_pop > .cont .line + .line {margin-top: 0.28vw;}

    /* sec2 */
    .main .sec2 {padding: 7.99vw 00 8.68vw;}
    .main .sec2 .tab {margin-top: 5.00vw; gap: 1.04vw;}
    .main .sec2 .tab a {padding: 0.90vw 2.78vw; border-radius: 3.47vw; font-size: 1.39vw;}
    .main .sec2 .tab_cont .inner .arrow > div {top: 17.50vw; width: 4.17vw; height: 4.17vw;}
    .main .sec2 .tab_cont .inner .arrow > div.swiper-button-prev {left: -2.08vw;}
    .main .sec2 .tab_cont .inner .arrow > div.swiper-button-next {right: -2.08vw;}
    .main .sec2 .tab_cont .inner .arrow > div img {width: 1.39vw;}
    .main .sec2 .tab_cont .swiper-slide {/* height: 39.24vw; */ width: 29.56vw; margin-right: 0 2.78vw;}
    .main .sec2 .tab_cont .swiper-slide .img {height: 22.92vw;}
    .main .sec2 .tab_cont .swiper-slide .txt {padding: 3.47vw 2.78vw;}
    .main .sec2 .tab_cont .swiper-slide .txt span {font-size: 1.39vw;}
    .main .sec2 .tab_cont .swiper-slide .txt strong {margin-top: 0.35vw; font-size: 1.67vw;}
    .main .sec2 .tab_cont .swiper-slide .txt p {margin-top: 1.04vw; font-size: 1.67vw;}
    .main .sec2 .pc {text-align: center;}
    .main .sec2 .view_btn {margin: 4.17vw auto 0;}
    .main .sec2 .no_data_wrap {height: 39.24vw;}
    .main .sec2 .no_data_wrap img {width: 2.64vw;}
    .main .sec2 .no_data_wrap p {margin-top: 1.94vw; font-size: 1.39vw; }
    /* sec3 */
    .main .sec3 {height: 45.14vw;}
    .main .sec3 .inner span {font-size: 1.39vw;}
    .main .sec3 .inner h2 {font-size: 3.06vw; letter-spacing: -0.14vw;}
    .main .sec3 .inner p {font-size: 1.25vw;}
    /* sec4 */
    .main .sec4 {padding: 8.33vw 0 0.69vw;}
    .main .sec4 .cont {margin-top: 4.86vw; max-width: 90vw;}
    .main .sec4 .swiper-slide {height: 13.19vw;}
    .main .sec4 .swiper-slide .img img {width: 5.63vw;}
    .main .sec4 .swiper-slide p {font-size: 1.39vw; margin-top: 2.22vw;}
    .main .sec4 .swiper-slide:hover .hidden {margin-top: 1.32vw; height: 2.08vw;}
    .main .sec4 .swiper-slide .view_btn {font-size: 1.11vw; gap: 0.69vw;}
    .main .sec4 .swiper-slide .view_btn .arrow {width: 2.08vw; height: 2.08vw;}
    .main .sec4 .swiper-slide .view_btn .arrow img {width: 0.90vw;}
    .main .sec4 .cont > .arrow > div {width: 4.17vw !important; height: 4.17vw;}
    .main .sec4 .cont > .arrow > div.swiper-button-prev {left: -2.08vw;}
    .main .sec4 .cont > .arrow > div.swiper-button-next {right: -2.08vw;}
    .main .sec4 .cont > .arrow > div img {width: 1.39vw;}

}



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

    :root {
        --letter-spacing04 : -0.02vw;
    }
    
    /* 공통 */
    .inner{max-width: 93.75vw;}
    
    .mt20 {margin-top: 1.02vw;}
    .mt40 {margin-top: 2.03vw;}
    
    
    /* HEADER */
    .header{height:5.08vw;}
    .header h1 a img{width: 12.89vw;}
    .header .right {gap: 4.69vw;}
    .header .gnb{ gap:3.91vw;}
    .header .gnb > li:hover::before {width: 0.23vw; height: 0.23vw; top: -0.55vw;}
    .header .gnb > li > a{ line-height: 5.16vw; font-size: 1.09vw; letter-spacing: -0.02vw;}
    .header .gnb > li:nth-child(2) .gnb_2depth {min-width: 7.73vw;}
    .header .gnb_2depth {top:4.38vw; transform: translate(-50%, 1.02vw); border-radius: 0.23vw; min-width: 7.22vw; padding: 1.33vw 1.02vw;}
    .header .gnb_2depth li + li{margin-top:0.78vw;}
    .header .gnb_2depth li a{font-size: 0.94vw;}
    .all_menu_btn{width: 1.56vw;}
    
    /* all menu */
    .all_menu_close{ right:4.77vw; top:1.56vw; width:2.03vw;}
    .all_menu .title{padding-top:6.33vw; font-size:2.58vw;}
    .all_menu_list{margin-top:6.88vw;}
    .all_menu .all_menu_list dl{transform: translateY(2.58vw);}
    .all_menu_list dt{font-size:1.72vw; margin-bottom:1.80vw;}
    .all_menu_list dl:hover dt::before {width: 0.78vw; height: 0.78vw; top: -1.17vw;}
    .all_menu_list dd + dd {margin-top: 0.55vw;}
    .all_menu_list dd a{font-size:1.02vw;}
    
    /* footer */
    .footer {padding: 4.92vw 0 6.64vw; margin-top: 7.03vw;}
    .footer .logo {width: 13.02vw;}
    .footer .info p:not(.copy) {gap: 1.02vw;}
    .footer .info p + p {margin-top: 0.39vw;}
    .footer .info p span {gap: 0.55vw; font-size: 1.09vw;}
    .footer .info .copy {margin-top: 3.20vw; font-size: 1.09vw;}
    .footer .use a {font-size: 1.09vw;}
    .footer .use a + a {margin-top: 0.78vw;}
    .footer .q_top_box {right: 1.88vw; top: 13.3vw;}
    .footer .q_top_btn a {width: 3.96vw; height: 3.96vw;}
    .footer .q_top_btn img {width: 2.17vw;}
    
    
    
    /****** main ******/
    /* 공통 */
    /* view_btn */
    .view_btn {gap: 1.17vw; font-size: 1.09vw;}
    .view_btn .arrow {width: 2.73vw; height: 2.73vw;}
    .view_btn .arrow img {width: 0.91vw;}
    /* main_tit */
    .main_tit h2 {font-size: 2.73vw;}
    .main_tit p {font-size: 1.72vw;}
    /* cursor */
    #cursor_div{ top: -0.55vw;}
    .cursor{ width: 0.55vw; height: 0.55vw; gap:0.39vw;}
    .cursor.on{width: 8.75vw; height: 8.75vw;}
    .cursor span{ letter-spacing: -0.00vw;}
    .cursor.on span{font-size: 1.02vw;}
    .cursor.on img{width:0.86vw;}
    
    /* visual */
    .main .visual .swiper-slide {height: 39.84vw;}
    .main .visual .swiper-slide .txt {top: 50%; transform: translate(-50%,-50%);}
    .main .visual .swiper-slide .txt p {font-size: 1.09vw;}
    .main .visual .swiper-slide .txt h2 {margin-top: 0.63vw; font-size: 2.81vw;}
    .main .visual .swiper-slide .view_btn {margin-top: 4.14vw;}
    .main .visual .swiper-pagination {bottom: 2.19vw; gap: 0.63vw;}
    .main .visual .swiper-pagination span {width: 0.78vw; height: 0.78vw;}
    .main .visual .swiper-pagination .swiper-pagination-bullet-active {width: 2.50vw; border-radius: 1.56vw;}
    /* sec1 */
    .main .sec1 {padding: 7.03vw 0;}
    .main .sec1 .calendar_cont {width: 65.16vw; gap: 3.13vw;}
    .main .sec1 .calInfo {padding-bottom: 5.31vw;}
    .main .sec1 .calInfo p {gap: 0.55vw; font-size: 1.09vw;}
    .main .sec1 .calInfo p + p {margin-top: 0.78vw;}
    .main .sec1 .calInfo span {width: 0.78vw; height: 0.78vw;}
    .main .sec1 .calendar {width: 54.69vw;}
    .main .sec1 .calTit {gap: 1.17vw;}
    .main .sec1 .calTit .arrow {width: 1.56vw; height: 1.56vw;}
    .main .sec1 .calTit .arrow img {width: 0.66vw;}
    .main .sec1 .calTit .calDate {font-size: 1.56vw;}
    .main .sec1 .claTable {margin-top: 2.03vw; border-radius: 0.55vw 0.55vw 0 0;}
    .main .sec1 .claTable .th {font-size: 1.09vw; padding: 1.02vw 0;}
    .main .sec1 .claTable .td {min-height: 6.80vw; padding: 0.47vw 1.02vw 1.56vw;}
    .main .sec1 .claTable .td .day {font-size: 1.09vw; margin-bottom: 0.55vw;}
    .main .sec1 .claTable .td .today {width: 2.11vw; height: 2.11vw; margin-left: -0.31vw;}
    .main .sec1 .claTable .td .line {line-height: 1.41vw; border-radius: 0.23vw; font-size: 0.94vw;}
    .main .sec1 .claTable .td .line span:not(.pop) {padding: 0 0.55vw; height: 1.47vw; border-radius: 0.23vw; line-height: 1.41vw;}
    /* .main .sec1 .claTable .td .line + .line {margin-top: 0.23vw;} */
    .main .sec1 .claTable .td .line.days {width: calc(100% + 1.09vw);}
    .main .sec1 .claTable .td .line.days {width: calc(100% + 1.09vw);}
    .main .sec1 .claTable .td .line.pr_0 {border-radius: 0.23vw 0 0 0.23vw;}
    .main .sec1 .claTable .td .line.pl_0 { border-radius: 0 0.23vw 0.23vw 0;}
    .main .sec1 .claTable .td .line.p_0 {width: calc(100% + 2.19vw); }
    .main .sec1 .claTable .td .pop {width: 19.53vw; bottom: calc(100% + 0.70vw); line-height: 1.64vw; font-size: 0.94vw; border-radius: 0.31vw; padding: 0.31vw 0.63vw 0.2vw;}
    .main .sec1 .claTable .td .pop:after {left: 45%; border-left: 0.47vw solid transparent; border-right: 0.47vw solid transparent; border-bottom: 0.00vw solid transparent;}
    .main .sec1 .claTable .td .line.color_o .pop:after {border-top: 0.47vw solid #F8A51B;}
    .main .sec1 .claTable .td .line.color_r .pop:after {border-top: 0.47vw solid #EF1E23;}
    .main .sec1 .claTable .td .line.color_b .pop:after {border-top: 0.47vw solid #0162B6;}
    .main .sec1 .claTable .td:last-child .line .pop {left: -10.7vw; transform: none;}

    .main .sec1 .claTable .td {height: 10.78vw;}
    .main .sec1 .claTable .td > .line {position: absolute; left: 1.09vw; z-index: 1; width: calc(100% - (1.09vw*2)); margin: 0 !important;}
    .main .sec1 .claTable .td > .line.pl_0,
    .main .sec1 .claTable .td > .line.p_0 {left: 0;}
    .main .sec1 .claTable .td > .line.pr_0 {left: 1.09vw; width: calc(100% - 1vw);}
    .main .sec1 .claTable .td > .line.pl_0 {left: auto; right: 1.09vw; width: 100%;}
    .main .sec1 .claTable .td > .line1 {top: 2.66vw;}
    .main .sec1 .claTable .td > .line2 {top: 4.61vw;}
    .main .sec1 .claTable .td > .line3 {top: 6.56vw;}
    .main .sec1 .claTable .other_cal {position: absolute; left: 1.09vw; top: 8.67vw; font-size: 0.94vw; font-weight: 600; color: #6D6D6D; letter-spacing: var(--letter-spacing04); cursor: pointer;}
    .main .sec1 .claTable .other_pop {display: none; border-radius: 0.31vw; overflow: hidden; position: absolute; top: 0; left: 0; background: #fff; border: 0.08vw solid #00000040; box-shadow: 0.00vw 0.55vw 1.56vw 0.00vw #00000030; width: 100%; height: 100%; z-index: 10;}
    .main .sec1 .claTable .other_pop .top {display: flex; align-items: center; justify-content: space-between; padding: 0.47vw 0.70vw; background: var(--color-blue); color: #fff; font-size: 0.94vw; font-weight: 600;}
    .main .sec1 .claTable .other_pop .top .close img {width: 0.86vw; cursor: pointer;}
    .main .sec1 .claTable .other_pop > .cont {padding: 0.70vw; overflow: hidden; overflow-y: scroll; height: calc(100% - 2.11vw);}
    .main .sec1 .claTable .other_pop > .cont::-webkit-scrollbar {width: 0.23vw;}
    .main .sec1 .claTable .other_pop > .cont::-webkit-scrollbar-track {background: #E7E7E7;}
    .main .sec1 .claTable .other_pop > .cont::-webkit-scrollbar-thumb {background: #6D6D6D; border-radius: 0.31vw;}
    .main .sec1 .claTable .other_pop > .cont .line {overflow: hidden;}
    .main .sec1 .claTable .other_pop > .cont .line + .line {margin-top: 0.31vw;}

    /* sec2 */
    .main .sec2 {padding: 6.80vw 0 7.03vw;}
    .main .sec2 .tab {margin-top: 3.13vw; gap: 0.78vw;}
    .main .sec2 .tab a {padding: 0.94vw 2.97vw; border-radius: 2.58vw; font-size: 1.02vw;}
    .main .sec2 .tab_cont .inner .arrow > div {top: 17.73vw; width: 3.13vw; height: 3.13vw;}
    .main .sec2 .tab_cont .inner .arrow > div.swiper-button-prev {left: -1.56vw;}
    .main .sec2 .tab_cont .inner .arrow > div.swiper-button-next {right: -1.56vw;}
    .main .sec2 .tab_cont .inner .arrow > div img {width: 1.02vw;}
    .main .sec2 .tab_cont .swiper-slide {/* height: 34.14vw; */ width: 29.30vw; margin-right: 2.82vw;}
    .main .sec2 .tab_cont .swiper-slide .img {height: 21.95vw;}
    .main .sec2 .tab_cont .swiper-slide .txt {padding: 2.58vw 2.03vw; /* height: calc(100% - 21.95vw); */}
    .main .sec2 .tab_cont .swiper-slide .txt span {font-size: 1.02vw;}
    .main .sec2 .tab_cont .swiper-slide .txt strong {margin-top: 0.23vw; font-size: 1.64vw;}
    .main .sec2 .tab_cont .swiper-slide .txt p {margin-top: 0.78vw; font-size: 1.09vw;}
    .main .sec2 .pc {text-align: center;}
    .main .sec2 .view_btn {margin: 4.69vw auto 0;}
    .main .sec2 .no_data_wrap {height: 34.14vw;}
    .main .sec2 .no_data_wrap img {width: 2.66vw;}
    .main .sec2 .no_data_wrap p {margin-top: 1.95vw; font-size: 1.41vw; }
    /* sec3 */
    .main .sec3 {height: 35.16vw;}
    .main .sec3 .inner span {font-size: 1.09vw;}
    .main .sec3 .inner h2 {font-size: 2.34vw; letter-spacing: -0.10vw;}
    .main .sec3 .inner p {font-size: 1.02vw;}
    /* sec4 */
    .main .sec4 {padding: 6.88vw 0 0.78vw;}
    .main .sec4 .cont {margin-top: 4.69vw; max-width: 87.73vw;}
    .main .sec4 .swiper-slide {height: 11.33vw;}
    .main .sec4 .swiper-slide .img img {width: 5.08vw;}
    .main .sec4 .swiper-slide p {font-size: 1.02vw; margin-top: 1.80vw;}
    .main .sec4 .swiper-slide:hover .hidden {margin-top: 1.02vw; height: 2.73vw;}
    .main .sec4 .swiper-slide .view_btn {font-size: 0.86vw; gap: 0.55vw;}
    .main .sec4 .swiper-slide .view_btn .arrow {width: 1.56vw; height: 1.56vw;}
    .main .sec4 .swiper-slide .view_btn .arrow img {width: 0.70vw;}
    .main .sec4 .cont > .arrow > div {width: 3.13vw !important; height: 3.13vw;}
    .main .sec4 .cont > .arrow > div.swiper-button-prev {left: -1.56vw;}
    .main .sec4 .cont > .arrow > div.swiper-button-next {right: -1.56vw;}
    .main .sec4 .cont > .arrow > div img {width: 1.02vw;}

}



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

    :root {
        --letter-spacing04 : -0.07vw;
    }
    
    /* 공통 */
    .inner{max-width: 100%; padding: 0 5.21vw;}
    .mt20 {margin-top: 3.39vw;}
    .mt40 {margin-top: 5.73vw;}
    .pc{display:none !important;}
    .mob{display:block !important;}
    
    
    /* HEADER */
    .header{height:16.93vw;}
    .header h1 a img{width: 42.97vw;}
    .header .gnb{display: none;}
    .head_mob_btn{width: 5.21vw;}
    
    /* all menu */
    .all_menu {display: none;}
    .head_bg {display: none; text-align: right; position: fixed; top: 0; right: 0; width: 100%; height: 100vh; background: #00000080; z-index: 100;}
    .head_bg.on {display: block !important;}
    .head_bg_close {position: absolute; top: 5.21vw; right: 2.82vw;}
    .head_bg_close img {width: 6.23vw;}
    .head_bg_logo img {width: 42.97vw;}
    .head_bg_inner {display: inline-block; width: calc(100% - 13.02vw); background: #fff; height: 100vh; overflow: hidden; overflow-y: scroll; padding: 19.01vw 5.21vw 13.02vw; text-align: left;}
    .head_bg .accordion {margin-top: 13.02vw;}
    .head_bg .accordion > li:first-child .link {border-top: 0.26vw solid #E7E7E7;}
    .head_bg .accordion .link {border-bottom: 0.26vw solid #E7E7E7; padding: 4.43vw 0; font-size: 4.17vw; font-weight: 700; color: #000; line-height: 1.6; letter-spacing: -0.10vw; display: flex; align-items: center; justify-content: space-between;}
    .head_bg .accordion .link img {width: 2.08vw; transform: rotate(-95deg); filter: brightness(0) invert(0);}
    .head_bg .accordion > li.on .link {color: var(--color-blue);}
    .head_bg .accordion > li.on .link img {filter: none; transform: none;}
    .head_bg .accordion .submenu {border-bottom: 0.26vw solid #F4FAEF; display: none; background: #97C2FF1A; padding: 6.38vw 5.47vw;}
    .head_bg .accordion .submenu li + li {margin-top: 1.30vw;}
    .head_bg .accordion .submenu a {font-size: 3.65vw; font-weight: 500; color: #000; line-height: 1.7;}
    .head_bg .accordion .submenu a:hover {color: #0B318F;}
    
    /* footer */
    .footer {padding: 10.68vw 0 10.42vw; margin-top: 20.83vw;}
    .footer .inner {flex-direction: column; align-items: flex-start; gap: 10.42vw; position: relative;}
    .footer .bot {flex-direction: column; align-items: flex-start; gap: 10.42vw; margin-top: 7.16vw;}
    .footer .logo {width: 43.40vw;}
    .footer .info p:not(.copy) {gap: 1.04vw 3.39vw; flex-wrap: wrap;}
    .footer .info p + p {margin-top: 1.04vw;}
    .footer .info p span {gap: 1.69vw; font-size: 3.13vw;}
    .footer .info p span.call{align-items: flex-start; width: 100%;}
    .footer .info .copy {margin-top: 5.86vw; font-size: 3.13vw; letter-spacing: -0.07vw;}
    .footer .use a {font-size: 3.73vw; letter-spacing: var(--letter-spacing04); text-align: left;}
    .footer .use a + a {margin-top: 2.60vw;}
    .footer .q_top_box {right: 5.21vw; top: initial; bottom: 11vw;}
    .footer .q_top_btn a {width: 10.55vw; height: 10.55vw;}
    .footer .q_top_btn img {width: 5.73vw;}
    
    
    
    /****** main ******/
    /* 공통 */
    /* view_btn */
    .view_btn {gap: 3.91vw; font-size: 3.65vw;}
    .view_btn .arrow {width: 9.11vw; height: 9.11vw;}
    .view_btn .arrow img {width: 3.04vw;}
    /* main_tit */
    .main_tit h2 {font-size: 8.33vw;}
    .main_tit p {font-size: 3.65vw;}
    /* cursor */
    #cursor_div{ display: none; /* top: -1.43vw; */}
    /* .cursor{ width: 1.43vw; height: 1.43vw; gap:1.04vw;}
    .cursor.on{width: 23.31vw; height: 23.31vw;}
    .cursor span{ letter-spacing: -0.00vw;}
    .cursor.on span{font-size: 2.73vw;}
    .cursor.on img{width:2.34vw;} */
    
    /* visual */
    .main .visual .swiper-slide {height: 156.25vw;}
    .main .visual .swiper-slide .txt {top: 30.73vw; transform: translateX(-50%);}
    .main .visual .swiper-slide .txt p {font-size: 3.65vw;}
    .main .visual .swiper-slide .txt h2 {margin-top: 2.08vw; font-size: 7.81vw; letter-spacing: -0.35vw;}
    .main .visual .swiper-slide .view_btn {margin-top: 6.64vw;}
    .main .visual .swiper-pagination {bottom: 4.82vw; gap: 1.82vw;}
    .main .visual .swiper-pagination span {width: 2.60vw; height: 2.60vw;}
    .main .visual .swiper-pagination .swiper-pagination-bullet-active {width: 8.33vw; border-radius: 5.21vw;}
    /* sec1 */
    .main .sec1 {padding: 20.83vw 0;}
    .main .sec1 .main_tit h2 {font-size: 7.29vw;}
    .main .sec1 .inner {flex-direction: column; align-items: flex-start; gap: 10.42vw;}
    .main .sec1 .calendar_cont {width: 100%; gap: 7.81vw; flex-direction: column-reverse; align-items: center;}
    .main .sec1 .calInfo {padding-bottom: 0; display: flex; align-items: center; justify-content: center; gap: 2.60vw;}
    .main .sec1 .calInfo p {gap: 1.69vw; font-size: 3.13vw;}
    .main .sec1 .calInfo p + p {margin-top: 0;}
    .main .sec1 .calInfo span {width: 2.60vw; height: 2.60vw;}
    .main .sec1 .calendar {width: 100%;}
    .main .sec1 .calTit {gap: 5.21vw;}
    .main .sec1 .calTit .arrow {width: 2.60vw; height: 2.60vw;}
    .main .sec1 .calTit .arrow img {width: 2.18vw;}
    .main .sec1 .calTit .calDate {font-size: 5.21vw;}
    .main .sec1 .claTable {margin-top: 5.21vw; border-radius: 1.74vw 1.74vw 0 0;}
    .main .sec1 .claTable .th {font-size: 3.13vw; padding: 3.13vw 0;}
    .main .sec1 .claTable .td {min-height: 19.14vw; padding: 1.56vw 1.69vw 4.30vw;}
    .main .sec1 .claTable .td .day {font-size: 2.60vw; margin-bottom: 1.04vw;}
    .main .sec1 .claTable .td .today {width: 4.69vw; height: 4.69vw; margin-left: -0.78vw;}
    .main .sec1 .claTable .td .line {line-height: 4.17vw; border-radius: 0.91vw; font-size: 3.13vw;}
    .main .sec1 .claTable .td .line.on {overflow: inherit;}
    .main .sec1 .claTable .td .line span:not(.pop) {padding: 0 0.91vw; height: 4.17vw; line-height: 4.17vw; border-radius: 0.91vw;}
    /* .main .sec1 .claTable .td .line + .line {margin-top: 0.65vw;} */
    .main .sec1 .claTable .td .line.days {width: calc(100% + 1.82vw);}
    .main .sec1 .claTable .td .line.days {width: calc(100% + 1.82vw);}
    .main .sec1 .claTable .td .line.pr_0 {border-radius: 0.91vw 0 0 0.91vw;}
    .main .sec1 .claTable .td .line.pl_0 {margin-left: -1.82vw; border-radius: 0 0.91vw 0.91vw 0;}
    .main .sec1 .claTable .td .line.p_0 {width: calc(100% + 3.65vw); margin: 0 -1.82vw;}
    .main .sec1 .claTable .td .pop {left: 50%; transform: translateX(-50%); width: 50vw; bottom: calc(100% + 1.17vw); line-height: 4.69vw;  font-size: 3.13vw;  border-radius: 0.91vw; padding: 0.71vw 0.91vw;}
    .main .sec1 .claTable .td .pop:after {border-left: 1vw solid transparent; border-right: 1vw solid transparent; border-bottom: 0.00vw solid transparent;}
    .main .sec1 .claTable .td .line.color_o .pop:after {border-top: 1vw solid #F8A51B;}
    .main .sec1 .claTable .td .line.color_r .pop:after {border-top: 1vw solid #EF1E23;}
    .main .sec1 .claTable .td .line.color_b .pop:after {border-top: 1vw solid #0162B6;}
    .main .sec1 .claTable .td:last-child .line .pop {left: -35.81vw;}

    .main .sec1 .claTable .td {height: 28.13vw;}
    .main .sec1 .claTable .td > .line {position: absolute; left: 1.69vw; z-index: 1; width: calc(100% - (1.69vw*2)); margin: 0 !important;}
    .main .sec1 .claTable .td > .line.pl_0,
    .main .sec1 .claTable .td > .line.p_0 {left: 0;}
    .main .sec1 .claTable .td > .line.pl_0 {left: auto; right: 1.69vw; width: calc(100% - 1.09vw);}
    .main .sec1 .claTable .td > .line1 {top: 6.90vw;}
    .main .sec1 .claTable .td > .line2 {top: 11.98vw;}
    .main .sec1 .claTable .td > .line3 {top: 17.06vw;}
    .main .sec1 .claTable .other_cal {position: absolute; left: 2.86vw; top: 22.53vw; font-size: 2.60vw; font-weight: 600; color: #6D6D6D; letter-spacing: var(--letter-spacing04); cursor: pointer;}
    .main .sec1 .claTable .other_pop {display: none; border-radius: 0.78vw; overflow: hidden; position: absolute; top: auto; bottom: 0; left: 0; background: #fff; border: 0.26vw solid #00000040; box-shadow: 0.00vw 1.43vw 4.04vw 0.00vw #00000030; width: 200%; height: 130%; z-index: 10;}
    .main .sec1 .claTable .other_pop .top {display: flex; align-items: center; justify-content: space-between; padding: 1.43vw 1.82vw; background: var(--color-blue); color: #fff; font-size: 3.13vw; font-weight: 600;}
    .main .sec1 .claTable .other_pop .top .close {margin-top: -0.65vw;}
    .main .sec1 .claTable .other_pop .top .close img {width: 2.21vw; cursor: pointer;}
    .main .sec1 .claTable .other_pop > .cont {padding: 1.82vw; overflow: hidden; overflow-y: scroll; height: calc(100% - 6.64vw);}
    .main .sec1 .claTable .other_pop > .cont::-webkit-scrollbar {width: 0.65vw;}
    .main .sec1 .claTable .other_pop > .cont::-webkit-scrollbar-track {background: #E7E7E7;}
    .main .sec1 .claTable .other_pop > .cont::-webkit-scrollbar-thumb {background: #6D6D6D; border-radius: 0.78vw;}
    .main .sec1 .claTable .other_pop > .cont .line {overflow: hidden;}
    .main .sec1 .claTable .other_pop > .cont .line + .line {margin-top: 0.78vw;}

    /* sec2 */
    .main .sec2 {padding: 20.83vw 0; background: #FBF7EF url('/img/main/sec2_bg_m.png') no-repeat center/cover;}
    .main .sec2 .tab {margin-top: 6.38vw; gap: 2.60vw; overflow: hidden; overflow-x: scroll; white-space: nowrap; justify-content: flex-start; padding-bottom: 2px; -ms-overflow-style: none; scrollbar-width: none;}
    .main .sec2 .tab::-webkit-scrollbar {display: none;}
    .main .sec2 .tab li:first-child {padding-left: 5.21vw;}
    .main .sec2 .tab a {padding: 2.21vw 6.51vw; border-radius: 8.68vw; font-size: 3.65vw;}
    .main .sec2 .tab_cont {margin-top: 7.81vw;}
    .main .sec2 .tab_cont .inner {padding-right: 0;}
    .main .sec2 .tab_cont .inner .arrow {display: flex; align-items: center; justify-content: center; gap: 2.60vw; margin-top: 10.68vw;}
    .main .sec2 .tab_cont .inner .arrow > div {position: relative; top: auto; width: 10.72vw; height: 10.72vw;}
    .main .sec2 .tab_cont .inner .arrow > div.swiper-button-prev {left: auto;}
    .main .sec2 .tab_cont .inner .arrow > div.swiper-button-next {right: auto;}
    .main .sec2 .tab_cont .inner .arrow > div img {width: 3.57vw;}
    .main .sec2 .tab_cont .swiper-slide {/* height: 97.66vw; */ width: 76.39vw; margin-right: 6.90vw;}
    .main .sec2 .tab_cont .swiper-slide .img {height: 57.29vw;}
    .main .sec2 .tab_cont .swiper-slide .txt {padding: 8.59vw 6.90vw 8.59vw 8.59vw; /* height: calc(100% - 57.29vw); */}
    .main .sec2 .tab_cont .swiper-slide .txt span {font-size: 3.39vw;}
    .main .sec2 .tab_cont .swiper-slide .txt strong {margin-top: 0.91vw; font-size: 4.17vw;}
    .main .sec2 .tab_cont .swiper-slide .txt p {margin-top: 2.60vw; font-size: 3.65vw;}
    .main .sec2 .pc {text-align: center;}
    .main .sec2 .view_btn {margin: 5.08vw auto 0;}
    .main .sec2 .no_data_wrap {height: 97.66vw; width: calc(100% - 5.21vw);}
    .main .sec2 .no_data_wrap img {width: 7.16vw;}
    .main .sec2 .no_data_wrap p {margin-top: 5.21vw; font-size: 3.65vw; }
    /* sec3 */
    .main .sec3 {height: 104.17vw; background: url('/img/main/sec3_bg_m.jpg') no-repeat center/cover;}
    .main .sec3 .inner span {font-size: 3.65vw;}
    .main .sec3 .inner h2 {font-size: 7.64vw; letter-spacing: -0.36vw; line-height: 1.13;}
    .main .sec3 .inner p {font-size: 3.39vw; line-height: 1.38;}
    /* sec4 */
    .main .sec4 {padding: 20.83vw 0 0;}
    .main .sec4 .cont {margin-top: 12.50vw; max-width: 234.11vw;}
    .main .sec4 .swiper .swiper-wrapper {flex-wrap: wrap; gap: 3.91vw 0;}
    .main .sec4 .swiper-slide {width: 50%; height: auto; padding: 5.21vw 0; justify-content: flex-start;}
    .main .sec4 .swiper-slide:nth-child(odd) {border-left: 0;}
    .main .sec4 .swiper-slide .img img {width: 14.06vw;}
    .main .sec4 .swiper-slide p {font-size: 3.65vw; margin-top: 3.78vw;}
    .main .sec4 .swiper-slide:hover .hidden {margin-top: 3.91vw; height: 4.56vw;}
    .main .sec4 .swiper-slide .view_btn {font-size: 3.13vw; gap: 1.43vw;}
    .main .sec4 .swiper-slide .view_btn .arrow {width: 4.56vw; height: 4.56vw;}
    .main .sec4 .swiper-slide .view_btn .arrow img {width: 1.95vw;}
    .main .sec4 .cont > .arrow {display: none;}

}