/* 공통 */
:root{
	--blue : #004294;
	--gra : linear-gradient(269deg, #004294 6.32%, #52B7E9 98.66%);
}
p, dd{word-break:keep-all !important;}
.pc{display:block !important;}
.pc2{display:block !important;}
.mob{display:none !important;}
.mob2{display:none !important;}
.inner{max-width: 107.5rem; padding: 0 3.75rem; margin:0 auto;}
.inner.wide{max-width: 100%;}
.ta-l {text-align: left;}
.ta-c {text-align: center;}
.ta-r {text-align: right;}
.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-je {display: flex; align-items: center; justify-content: flex-end;}
.fd-c{display: flex; flex-direction: column;}
.f-out, .f-out{font-family: var(--font-out);}
.pt_0{padding-top: 0 !important;}
.pb_0{padding-bottom: 0 !important;}
.mt_0{margin-top: 0 !important;}
.mb_0{margin-bottom: 0 !important;}

.fs_20{font-size: 1.25rem; letter-spacing: -0.0625rem;}
.fs_22{font-size: 1.375rem; letter-spacing: -0.0625rem;}
.blue{color: var(--blue);}


/* HEADER */
.header{height: 6.25rem; position:fixed; top:0; z-index:1000; width:100%;}
.header .inner{height:100%; display:flex; align-items:center; justify-content:space-between;}
.header .hd_logo a{display: block;}
.header .hd_logo img{width: 11.706rem; display: block;}
.header .hd_logo img.logo_on{display:none;}
.header .gnb{display:flex; gap: 5rem; height: 100%;}
.header .gnb > li{position: relative; height: 100%; display: flex; align-items: center;}
.header .gnb > li > a{font-size: 1.125rem; color: #FFF; font-weight: 600; line-height: 150%; transition: all 0.3s;}
.header .gnb > li:hover > a{color: var(--blue) !important;}
.header .gnb_2depth{position: absolute; top: 5rem; width: 12.5rem; left: 50%; transform:translateX(-50%); text-align: center; display: none; padding: 1.25rem 0.625rem; background: #FFF; border-radius: 0.9375rem; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);}
.header .gnb > li:hover .gnb_2depth{display: block;}
.header .gnb_2depth li + li{margin-top: 0.5rem;}
.header .gnb_2depth li a{font-size: 1rem; line-height: 1.5; transition:all 0.3s;}
.header .gnb_2depth li a:hover{color: var(--blue);}
.header .head_rt{display:flex; align-items:center; gap: 1.125rem;}
.header .head_rt .icon{width: 1.625rem; cursor: pointer;}
.header .head_rt .srh.on .icon{filter:invert(0) !important;}
.header .head_rt .lang{position: relative;}
.header .head_rt .lang .list{width: 6.25rem; padding: 1.25rem 0.625rem; text-align: center; border-radius: 0.9375rem; background: #FFF; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15); position: absolute; left: 50%; transform: translateX(-50%); top: 2.5rem; display: none;}
.header .head_rt .lang .list a{font-size: 1rem; line-height: 156%; font-family: var(--font-out); display: block;}
.header .head_rt .lang .list a.on{color: var(--blue);}
.all_menu_btn{width: 1.875rem; cursor:pointer;}
.head_mob_btn{display:none !important;}
.head_bg{display:none !important;}
.header:hover,
.header.fixed{background: #FFF; border-bottom: 1px solid var(--line-color);}
.header:hover .hd_logo img.logo,
.header.fixed .hd_logo img.logo{display:none;}
.header:hover .hd_logo img.logo_on,
.header.fixed .hd_logo img.logo_on{display:block;}
.header:hover .gnb > li > a,
.header.fixed .gnb > li > a{color: #000;}
.header:hover .head_rt .icon,
.header:hover .all_menu_btn,
.header:hover .head_mob_btn,
.header.fixed .head_rt .icon,
.header.fixed .all_menu_btn,
.header.fixed .head_mob_btn{filter:invert(1);}

/* search */
.hd_search{position: fixed; top: 6.25rem; left: 0; width: 100%; background: #FFF; padding: 5.0625rem 0 4.3125rem; z-index: 999; transform: translateY(-100%); opacity: 0; transition: all 0.5s;}
.hd_search.on{transform: translateY(0); opacity: 1;}
.hd_search.on + .dim{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.50); backdrop-filter: blur(20px); z-index: 900;}
.hd_search .title{text-align: center; font-size: 1.875rem; font-weight: 600; line-height: 122%;}
.hd_search .input{max-width: 50rem; margin: 3.7825rem auto 0; position: relative;}
.hd_search .input input{width: 100%; height: 3.75rem; border: none !important; border-bottom: 1px solid #000 !important; font-size: 1.25rem; letter-spacing: -0.03844rem; outline: none !important; padding-right: 2.5rem;}
.hd_search .input input::placeholder{color: rgba(142, 142, 142, 0.80);}
.hd_search .input button{width: 1.625rem; background: none; border: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.hd_search .input button img{width: 100%; filter: invert(1);}

/* all menu */
.all_menu{display: none; position:fixed; width:100%; height:100%; z-index:5000; background: linear-gradient(267deg, #52B7E9 -5.89%, #004294 98.71%);}
.all_menu::after{content: 'Eulji Research Center'; display: block;  font-size: 8.75rem; letter-spacing: -0.03844rem; font-weight: 600; line-height: 1; color: #F6F6F6; opacity: 0.1; leading-trim: both; text-edge: cap; font-family: var(--font-out); position: absolute; right: -0.8125rem; bottom: 0;}
.all_menu .header{background: none !important; border: none !important; z-index: 1;}
.all_menu > .inner{position: absolute; left: 0; top: 0; right: 0; height: 100%; display: flex; align-items: center; justify-content: center;}
.all_menu_close{position:absolute; right: 0; top: 5rem; width: 2.1875rem; cursor:pointer; z-index: 2;}
.all_menu_close img{width:100%;}
.all_menu_list{display:flex; width: 100%;}
.all_menu_list dl{width:20%; min-height: 16rem;}
.all_menu_list dl + dl{border-left: 1px solid rgba(255, 255, 255, 0.40); padding-left: 2.5rem;}
.all_menu_list dt{font-size: 1.75rem; letter-spacing: -0.035rem; line-height: 1.2; font-weight:700; margin-bottom: 1.875rem; color: #FFF;}
.all_menu_list dd + dd{padding-top: 0.625rem;}
.all_menu_list dd a{font-size: 1rem; letter-spacing: -0.025rem; font-weight: 500; transition:all 0.3s; color: #FFF;}
.all_menu_list dd.off a{color: #EEE; opacity: 0.5;}
.all_menu_list dl dd a:hover{color: #FFF !important; opacity: 1;}

/* quick menu */
.quick{position: fixed; right: 2.5rem; bottom: 2.5rem; z-index: 100;}
.quick a{width: 4.375rem; aspect-ratio: 1/1; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.quick .inq_btn{background: var(--gra);}
.quick .inq_btn img{width: 2.1rem;}
.quick .top_btn{margin-top: 0.875rem; background: #FFF; box-shadow: 0 11.2px 33.6px rgba(149, 157, 165, 0.20); }
.quick .top_btn img{width: 1.13369rem;}

/* visual */
.visual{position: relative;}
.visual .swiper-slide{height: 100vh; position: relative;}
.visual .swiper-slide a{display: block; height: 100%;}
.visual .swiper-slide .vis_img{height: 100%;}
.visual .swiper-slide .vis_img img{width: 100%; height: 100%; object-fit:cover;}
.visual .swiper-slide .vis_txt{color: #FFF; position: absolute; margin: 0 auto; left:0; right: 0; top: 50%; transform:translateY(-50%);}
.visual .swiper-slide .vis_txt h2{font-size: 3.4375rem; font-weight: 600; line-height: 122%; word-break: keep-all;}
.visual .swiper-slide .vis_txt .progress{height: 0.0625rem; background: rgba(255, 255, 255, 0.20); position: relative; margin: 2.875rem 0;}
.visual .swiper-slide .vis_txt .progress .fill{position: absolute; left: 0; top: 0; height: 100%; background: #FFF; width: 0;}
.visual .swiper-slide-active .vis_txt .progress .fill{width: 100%; transition: all 5s linear;}
.visual .swiper-slide .vis_txt p{font-size: 1.375rem; letter-spacing: -0.03844rem; opacity: 0.8; line-height: 1.45; word-break: keep-all;}
.vis_arrow{position: absolute; margin: 0 auto; left:0; right: 0; bottom: 12.06rem; display: flex; gap: 0.625rem; z-index: 5;}
.vis_arrow .arrow{width: 4.375rem; aspect-ratio: 1/1; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; overflow: hidden; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px);}
.vis_arrow .arrow .fill{position: absolute; display: block; width: 0; height: 0; transform: translate(-50%,-50%); border-radius: 50%; background: #FFF; transition: width 0.65s, height 0.65s;}
.vis_arrow .arrow:hover .fill{width: 50rem; height: 50rem;}
.vis_arrow .arrow img{width: 0.9375rem; transition: filter 0.3s ease 0.1s;}
.vis_arrow .arrow:hover img{filter: invert(1);}

/* common */
.main .section{padding: 10rem 0;}
.main_tit em{font-size: 1.25rem; margin-bottom: 0.625rem; line-height: 140%; font-weight: 500; font-family: var(--font-out); display: block;}
.main_tit .tit{font-size: 2.8125rem; letter-spacing: -0.03844rem; line-height: 140%; font-weight: 600;}
.main_tit p{margin-top: 2.5rem; font-size: 1.25rem; letter-spacing: -0.03844rem; line-height: 156%;}
.no_data{width: 100% !important; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 10rem 0; display: flex !important; flex-direction: column; align-items: center; justify-content: center; margin: 0 !important; aspect-ratio: initial !important;}
.no_data .icon{width: 2.375rem;}
.no_data p{margin-top: 1.75rem; font-size: 1rem; text-align: center; line-height: 1.5;}

/* sec1 */
.main .sec1 .list{display: flex; margin: 5rem auto 0; border-radius: 1.25rem; overflow: hidden;}
.main .sec1 .list li{flex: 1; height: 43.75rem; transition: all 0.5s; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #FFF; position: relative; text-align: center;}
.main .sec1 .list li::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.20); backdrop-filter: blur(20px); transition: all 0.5s;}
.main .sec1 .list li.on{flex: 2;}
.main .sec1 .list li.on::before{opacity: 0;}
.main .sec1 .list li.item1{background: url(/img/main/sec1_img01.jpg) no-repeat center / cover;}
.main .sec1 .list li.item2{background: url(/img/main/sec1_img02.jpg) no-repeat center / cover;}
.main .sec1 .list li.item3{background: url(/img/main/sec1_img03.jpg) no-repeat center / cover;}
.main .sec1 .list li > div{position: relative; z-index: 1;}
.main .sec1 .list li .title .num{font-size: 1.375rem; font-weight: 600; font-family: var(--font-out);}
.main .sec1 .list li .title .tit{margin-top: 1.25rem; font-size: 2.25rem; letter-spacing: -0.03844rem; font-weight: 600;}
.main .sec1 .list li .ov_txt{display: none; opacity: 0; transition: opacity 0.5s ease; margin-top: 1.875rem;}
.main .sec1 .list li.on .ov_txt{opacity: 1;}
.main .sec1 .list li .ov_txt .line{width: 1px; height: 3.125rem; background: #FFF; margin: 0 auto;}
.main .sec1 .list li .ov_txt p{margin-top: 1.875rem; font-size: 1.25rem; letter-spacing: -0.03606rem; font-weight: 500; line-height: 156%;}
.main .sec1 .list li .plus{width: 4.375rem; aspect-ratio: 1/1; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.40); background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: center; opacity: 1; transition: all 0.5s; margin-top: 1.875rem;}
.main .sec1 .list li .plus img{width: 1.5625rem;}
.main .sec1 .list li.on .plus{opacity: 0; width: 0;}
.main .sec1 .txt_swiper .swiper-wrapper{transition-timing-function: linear;}
.main .sec1 .txt_swiper .swiper-slide{font-size: 8.75rem; letter-spacing: -0.03844rem; font-weight: 500; line-height: 140%; color: #F6F6F6; width: max-content; font-family: var(--font-out);}
.main .sec1 .txt_swiper .swiper-slide + .swiper-slide{margin-left: 2rem;}

/* sec2 */
.main .sec2{background: url(/img/main/sec2_bg.png) no-repeat center top / cover; position: relative; min-height: 53.438rem;}
.main .sec2::before{content: 'ERC PROGRAM'; display: block; font-size: 10rem; font-weight: 700; line-height: 90%; -webkit-text-stroke: 1px #FFF; font-family: var(--font-out); opacity: 0.15; position: absolute; left: 0; top: 41%; color: transparent;}
.main .sec2 .inner{display: flex; align-items: flex-start; justify-content: space-between; gap: 4rem;}
.main .sec2 .main_tit{color: #FFF; position: sticky; left: 0; top: 11rem;}
.main .sec2 .tabmenu_wrap{margin-top: 3.75rem;}
.main .sec2 .tabmenu{width: 12.5rem; border-radius: 0.625rem; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.20);}
.main .sec2 .tabmenu a{font-size: 1.25rem; letter-spacing: -0.0625rem; font-weight: 600; line-height: 1.875rem; color: rgba(255, 255, 255, 0.8); display: block; padding: 1rem 0; text-align: center; background: #004193;}
.main .sec2 .tabmenu a + a{border-top: 1px solid rgba(255, 255, 255, 0.20);}
.main .sec2 .tabmenu a.on{color: #FFF; background: var(--gra);}
.main .sec2 .tabcont{max-width: 53.75%; width: 100%;}
.main .sec2 .swiper-wrapper{flex-wrap: wrap; gap: 4.375rem 3.75rem; width: 100%;}
.main .sec2 .swiper-slide{width: calc(50% - (3.75rem / 2)); border-radius: 1.25rem; overflow: hidden; background: #FFF;}
.main .sec2 .swiper-slide:nth-of-type(1){margin-top: 3.75rem;}
.main .sec2 .swiper-slide:nth-of-type(even){margin-top: -3.75rem;}
.main .sec2 .swiper-slide:nth-of-type(2){margin-top: 0 !important;}
.main .sec2 .swiper-slide .img{border-radius: 1.25rem; aspect-ratio: 10/7; overflow: hidden;}
.main .sec2 .swiper-slide .img img{width: 100%; height: 100%; object-fit: cover;}
.main .sec2 .swiper-slide .txt{padding: 1.875rem;}
.main .sec2 .swiper-slide .txt .tit{font-size: 1.5rem; letter-spacing: -0.03844rem; font-weight: 600; line-height: 140%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main .sec2 .swiper-slide .txt .date{margin-top: 0.375rem; font-size: 1.125rem; font-weight: 500; line-height: 140%; color: #8E8E8E;}
.main .sec2 .swiper-slide .txt .desc{margin-top: 1.25rem; font-size: 1.125rem; line-height: 140%; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 3.125rem;}
.main .sec2 .no_data{border-color: #FFF; padding: 12rem 0;}
.main .sec2 .no_data .icon{filter: invert(1);}
.main .sec2 .no_data p{color: #FFF;}

/* sec3 */
.main .sec3{position: relative; overflow: hidden; text-align: center; height: 100vh; display: flex; align-items: center;}
.main .sec3 .bg{position: absolute; left: 50%; transform: translateX(-50%); top: 70%; z-index: -1;}
.main .sec3 .bg img{width: 100%; height: 100%; object-fit: cover;}
.main .sec3 .main_tit .tit{font-size: 2.75rem;}
.main .sec3 .moreBtn{width: 10.625rem; height: 3.125rem; gap: 0.625rem; border-radius: 5rem; border: 1px solid rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.05); backdrop-filter: blur(10px); margin: 3.125rem auto 0; overflow: hidden;}
.main .sec3 .moreBtn span{font-size: 1rem; font-weight: 500; font-family: var(--font-out); line-height: 1.68; transition: color 0.3s ease 0.1s; position: relative; z-index: 2;}
.main .sec3 .moreBtn .fill{position: absolute; display: block; width: 0; height: 0; transform: translate(-50%,-50%); border-radius: 50%; background: var(--blue); transition: width 0.65s, height 0.65s; z-index: -2;}
.main .sec3 .moreBtn img{width: 1rem; transition: filter 0.3s ease 0.1s;}
.main .sec3 .moreBtn:hover{border-color: var(--blue);}
.main .sec3 .moreBtn:hover span{color: #FFF;}
.main .sec3 .moreBtn:hover .fill{width: 50rem; height: 50rem;}
.main .sec3 .moreBtn:hover img{filter: invert(1);}
.main .sec3 .moreBtn.on{border: 1px solid rgba(255, 255, 255, 0.15); background: rgba(255, 255, 255, 0.05);}
.main .sec3 .moreBtn.on span{color: #FFF;}
.main .sec3 .moreBtn.on .fill{background: #FFF;}
.main .sec3 .moreBtn.on img{filter: invert(1);}
.main .sec3 .moreBtn.on:hover{border-color: #FFF;}
.main .sec3 .moreBtn.on:hover span{color: #000;}
.main .sec3 .moreBtn.on:hover img{filter: invert(0);}

/* sec4 */
.main .sec4{background: #F1F3F6; position: relative;}
.main .sec4::before{content: 'ERC\aPROGRAM'; display: block; font-size: 10rem; font-weight: 700; line-height: 90%; -webkit-text-stroke: 1px #FFF; font-family: var(--font-out); opacity: 0.15; position: absolute; right: 3.5rem; top: 10.56rem; color: transparent; text-align: right; z-index: -1;}
.main .sec4 .list{margin-top: 3.75rem; display: flex; gap: 2.5rem;}
.main .sec4 .list li{width: calc((100% - (2.5rem * 3)) / 4); aspect-ratio: 1/1; border-radius: 1.25rem; overflow: hidden; transition: border-radius 0.4s ease-in-out, box-shadow 0.4s ease-in-out, transform 1.5s ease;}
.main .sec4 .list li.item1{background: url(/img/main/sec4_img01.jpg) no-repeat center / cover;}
.main .sec4 .list li.item2{background: url(/img/main/sec4_img02.jpg) no-repeat center / cover;}
.main .sec4 .list li.item3{background: url(/img/main/sec4_img03.jpg) no-repeat center / cover;}
.main .sec4 .list li.item4{background: url(/img/main/sec4_img04.jpg) no-repeat center / cover;}
.main .sec4 .list li a{height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.main .sec4 .list li a p{font-size: 1.78rem; letter-spacing: -0.0365rem; font-weight: 600; color: #FFF;}
.main .sec4 .list li a .plus{opacity: 0; width: 0; aspect-ratio: 1/1; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.40); background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: center; transition: all 0.5s; margin-top: 1.875rem;}
.main .sec4 .list li a .plus img{width: 1.5625rem;}
.main .sec4 .list li:hover{border-radius: 50%; box-shadow: 0 0 42.75px rgba(0, 0, 0, 0.30);}
.main .sec4 .list li:hover a .plus{opacity: 1; width: 4.375rem;}

/* sec5 */
.main .sec5 .inner{align-items: flex-start; gap: 3rem;}
.main .sec5 .item1{width: 49.5%;}
.main .sec5 .item2{width: calc(50.5% - 3rem);}
.main .sec5 .main_tit{margin-bottom: 1.875rem;}
.main .sec5 .main_tit .tit{font-size: 2.1875rem;}
.main .sec5 .main_tit .more{display: block; width: 1.875rem;}
.main .sec5 .main_tit .more img{width: 100%;}
.main .sec5 .swiper{overflow: visible;}
.main .sec5 .swiper-wrapper{gap: 1.875rem;}
.main .sec5 .swiper-slide{width: calc(50% - (1.875rem / 2)); border-radius: 1.2rem; overflow: hidden; background: #FFF; box-shadow: 9px 9px 35px 0 rgba(0, 0, 0, 0.10), 0 0 28px 0 rgba(0, 0, 0, 0.06);}
.main .sec5 .swiper-slide .img{border-radius: 1.2rem; height: 16.6614rem; overflow: hidden;}
.main .sec5 .swiper-slide .img img{width: 100%; height: 100%; object-fit: cover;}
.main .sec5 .swiper-slide .txt{padding: 1.78rem 1.81rem 2.44rem;}
.main .sec5 .swiper-slide .txt .tit{font-size: 1.42813rem; letter-spacing: -0.03656rem; font-weight: 600; line-height: 140%; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 4rem;}
.main .sec5 .swiper-slide .txt .date{margin-top: 2.2rem; font-size: 1.07113rem; font-weight: 500; line-height: 140%; color: #8E8E8E; opacity: 0.7;}
.main .sec5 .list li + li{margin-top: 0.9375rem;}
.main .sec5 .list li a{display: flex; align-items: center; justify-content: space-between; padding: 0 2.5rem; height: 6.4375rem; border-radius: 0.625rem; background: #EEEFF4; transition: all 0.3s;}
.main .sec5 .list li .tit{font-size: 1.375rem; letter-spacing: -0.03844rem; font-weight: 500; line-height: 140%; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.3s;}
.main .sec5 .list li .date{font-size: 1.125rem; letter-spacing: -0.03844rem; line-height: 140%; color: #8E8E8E; transition: all 0.3s;}
.main .sec5 .list li a:hover{background: var(--blue);}
.main .sec5 .list li a:hover *{color: #FFF !important;}

/* footer */
.footer{background: #000; padding: 3.5rem 0 3.125rem;}
.footer .logo{width: 11.706rem;}
.footer .logo img{width: 100%;}
.footer .cont{margin-top: 2.7rem; align-items: flex-start;}
.footer .cont .info li{display: flex; gap: 1.25rem;}
.footer .cont .info li span{font-size: 1rem; letter-spacing: -0.025rem; line-height: 1.6; color: #BEBEBE;}
.footer .cont .info li em{color: #FFF;}
.footer .cont .info li + li{margin-top: 0.625rem;}
.footer .cont .sns{gap: 0.625rem; opacity: 0.5;}
.footer .cont .sns a{width: 1.875rem;}
.footer .cont .sns a img{width: 100%;}
.footer .bot{margin-top: 2.5rem; padding-top: 2.5rem; border-top: 1px solid #555;}
.footer .bot *{font-size: 0.875rem; letter-spacing: -0.025rem; color: #BEBEBE;}
.footer .bot .use{gap: 1.625rem;}
.footer .bot b{color: #FFF;}





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

	html{font-size: 80%;}
	.inner{max-width: 100%; padding: 0 2.5rem;}

}


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

	.main_tit .tit{font-size: 2.5rem;}
	.main .sec2 .swiper-wrapper{gap: 3.5rem 2.75rem;}
	.main .sec2 .swiper-slide{width: calc(50% - (2.75rem / 2));}

}


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

	/* 공통 */
	html{font-size: 100%;}
	.pc{display:none !important;}
	.mob{display:block !important;}
	.inner{padding: 0 1.25rem;}
	.fs_20{font-size: 0.875rem; letter-spacing: -0.0325rem;}
	.fs_22{font-size: 1rem; letter-spacing: -0.0325rem;}


	/* HEADER */
	.header{height: 3.75rem; border-bottom: 1px solid rgba(255, 255, 255, 0.30);}
	.header .hd_logo img{width: 8.75rem;}
	.header .gnb{display: none;}
	.header .head_rt{gap: 0.75rem;}
	.header .head_rt .icon{width: 1.5rem;}
	.header .head_rt .lang .list{width: 5.25rem; padding: 0.875rem 0.625rem; top: 2rem;}
	.header .head_rt .lang .list a{font-size: 0.875rem;}
	.all_menu_btn{display: none !important;}
	.head_mob_btn{width: 1.65rem; display: block !important;}

	/* search */
	.hd_search{top: 3.75rem; padding: 2.1875rem 0 2.2125rem;}
	.hd_search .title{font-size: 1.375rem;}
	.hd_search .input{max-width: 100%; margin: 1.5rem auto 0;}
	.hd_search .input input{height: 2.5rem; font-size: 0.875rem; letter-spacing: -0.01875rem; padding-right: 2rem;}
	.hd_search .input button{width: 1.25rem;}

	/* all menu */
	.all_menu{display: none !important;}
	.head_bg{background: #FFF; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 5000;}
	.head_bg.on{display: block !important;}
	.head_bg .head_tp{padding: 3.65rem 0 2.41rem;}
	.head_bg .head_tp .logo{width: 11.706rem; margin: 0 auto;}
	.head_bg .head_tp img{width: 100%;}
	.head_bg .head_tp .close{width: 1.84475rem; position: absolute; right: 1.25rem; top: 1.125rem;}
	.head_bg #accordion{border-top: 1px solid #E7E7E7;}
	.head_bg #accordion > li{border-bottom: 1px solid #E7E7E7;}
	.head_bg #accordion > li .link{height: 3.75rem; font-size: 1rem; letter-spacing: -0.025rem; font-weight: 600; height: 3.75rem; position: relative; padding: 0 1.25rem; display: flex; align-items: center; cursor: pointer;}
	.head_bg #accordion > li .link::after{content: ''; display: block; width: 0.8rem; height: 0.5rem; background: url(/img/main/accordion_arrow.svg) no-repeat center / contain; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); transition: transform 0.3s;}
	.head_bg #accordion > li.on .link{background: var(--gra); color: #FFF;}
	.head_bg #accordion > li.on .link::after{transform: translateY(-50%) rotate(-180deg); filter: invert(1);}
	.head_bg #accordion > li .submenu{background: #F9F9F9; padding: 1.25rem; display: none;}
	.head_bg #accordion > li .submenu li + li{margin-top: 0.3125rem;}
	.head_bg #accordion > li .submenu li a{width: 100%; font-size: 0.875rem; font-weight: 500; line-height: 1.7;}
	.head_bg #accordion > li .submenu li a:hover{color: var(--blue); text-decoration: underline; text-underline-offset: 0.25rem;}

	/* quick menu */
	.quick{right: 1.25rem; bottom: 2.5rem;}
	.quick a{width: 3.125rem}
	.quick .inq_btn img{width: 1.25rem;}
	.quick .top_btn{margin-top: 0.5rem;}
	.quick .top_btn img{width: 0.75rem;}

	/* visual */
	.visual .swiper-slide{height: 36.25rem;}
	.visual .swiper-slide .vis_txt h2{font-size: 2rem;}
	.visual .swiper-slide .vis_txt .progress{margin: 1.875rem 0;}
	.visual .swiper-slide .vis_txt p{font-size: 1rem;}
	.vis_arrow{bottom: 4.94rem;}
	.vis_arrow .arrow{width: 3.125rem;}

	/* common */
	.main .section{padding: 3.75rem 0;}
	.main_tit em{font-size: 1rem;}
	.main_tit .tit{font-size: 1.625rem;}
	.main_tit p{margin-top: 0.625rem; font-size: 0.875rem;}
	.no_data{padding: 6rem 0;}
	.no_data .icon{width: 1.75rem;}
	.no_data p{margin-top: 1.25rem; font-size: 0.875rem;}

	/* sec1 */
	.main .sec1 .list{margin: 2.5rem auto 0; border-radius: 1.25rem;}
	.main .sec1 .list li{height: 23.75rem;}
	.main .sec1 .list li.on{flex: 2;}
	.main .sec1 .list li .title .num{font-size: 0.875rem;}
	.main .sec1 .list li .title .tit{margin-top: 0.625rem; font-size: 1.375rem;}
	.main .sec1 .list li .ov_txt{margin-top: 0.625rem;}
	.main .sec1 .list li .ov_txt .line{height: 1.5625rem;}
	.main .sec1 .list li .ov_txt p{margin-top: 0.625rem; font-size: 0.875rem;}
	.main .sec1 .list li .plus{width: 3.125rem; margin-top: 1.25rem;}
	.main .sec1 .list li .plus img{width: 1.1165rem;}
	.main .sec1 .txt_swiper .swiper-slide{font-size: 3.75rem;}
	.main .sec1 .txt_swiper .swiper-slide + .swiper-slide{margin-left: 1rem;}

	/* sec2 */
	.main .sec2{background-image: url(/img/main/sec2_bg_t.png); background-position: center; min-height: initial;}
	.main .sec2::before{display: none;}
	.main .sec2 .inner{gap: 2.5rem; flex-direction: column;}
	.main .sec2 .main_tit{position: initial; width: 100%;}
	.main .sec2 .tabmenu_wrap{margin-top: 1.875rem; margin-right: -1.25rem; overflow-x: auto;}
	.main .sec2 .tabmenu{width: max-content; border-radius: 0; border: none; display: flex; gap: 0.4375rem; padding-right: 1.25rem;}
	.main .sec2 .tabmenu a{font-size: 1rem; padding: 0; width: 6.25rem; line-height: 2.5rem; border-radius: 0.3125rem; border: none !important; position: relative;}
	.main .sec2 .tabmenu a::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid rgba(255, 255, 255, 0.20); border-radius: 0.3125rem;}
	.main .sec2 .tabmenu a.on::before{display: none;}
	.main .sec2 .tabcont{max-width: 100%;}
	.main .sec2 .swiper{overflow: visible;}
	.main .sec2 .swiper-wrapper{flex-wrap: nowrap; gap: 0;}
	.main .sec2 .swiper-slide{width: calc((100% - 2.5rem) / 3); border-radius: 0.84375rem; margin-top: 0 !important; margin-right: 1.25rem;}
	.main .sec2 .swiper-slide:last-of-type{margin-right: 0 !important;}
	.main .sec2 .swiper-slide .img{border-radius: 0.84375rem; aspect-ratio: initial; height: 12rem;}
	.main .sec2 .swiper-slide .txt{padding: 1.275rem;}
	.main .sec2 .swiper-slide .txt .tit{font-size: 1rem; letter-spacing: -0.02594rem;}
	.main .sec2 .swiper-slide .txt .date{margin-top: 0.25rem; font-size: 0.8125rem;}
	.main .sec2 .swiper-slide .txt .desc{margin-top: 0.84375rem; font-size: 0.875rem; min-height: 2.5rem;}
	.main .sec2 .no_data{padding: 0; height: 20.681rem;}

	/* sec3 */
	.main .sec3 .main_tit .tit{font-size: 1.625rem;}
	.main .sec3 .moreBtn{width: 9.5625rem; height: 2.5rem; gap: 0.5625rem; margin: 2.5rem auto 0;}
	.main .sec3 .moreBtn span{font-size: 0.875rem;}
	.main .sec3 .moreBtn img{width: 0.9rem;}

	/* sec4 */
	.main .sec4::before{display: none;}
	.main .sec4 .list{margin-top: 1.875rem; gap: 0.625rem;}
	.main .sec4 .list li{width: calc((100% - (0.625rem * 3)) / 4);}
	.main .sec4 .list li a p{font-size: 1.25rem; letter-spacing: -0.0335rem;}
	.main .sec4 .list li:hover a .plus{margin-top: 1rem;}
	.main .sec4 .list li:hover a .plus{width: 3.125rem;}
	.main .sec4 .list li a .plus img{width: 1.1165rem;}

	/* sec5 */
	.main .sec5 .inner{flex-direction: column; gap: 3.75rem;}
	.main .sec5 .item{width: 100% !important;}
	.main .sec5 .main_tit .tit{font-size: 1.625rem;}
	.main .sec5 .main_tit .more{width: 1.5rem;}
	.main .sec5 .swiper-wrapper{gap: 0;}
	.main .sec5 .swiper-slide{width: calc((100% - 2.5rem) / 3); border-radius: 0.84375rem; margin-top: 0 !important; margin-right: 1.25rem; box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.10);}
	.main .sec5 .swiper-slide:last-of-type{margin-right: 0 !important;}
	.main .sec5 .swiper-slide .img{border-radius: 0.84375rem; height: auto; aspect-ratio: 10/7;}
	.main .sec5 .swiper-slide .txt{padding: 1.27rem 1.27rem 1.42rem;}
	.main .sec5 .swiper-slide .txt .tit{font-size: 1rem; letter-spacing: -0.02594rem; min-height: 2.75rem;}
	.main .sec5 .swiper-slide .txt .date{margin-top: 1.875rem; font-size: 0.8125rem;}
	.main .sec5 .list li + li{margin-top: 0.625rem;}
	.main .sec5 .list li a{padding: 0 1.25rem; height: 4.375rem;}
	.main .sec5 .list li .tit{font-size: 1rem;}
	.main .sec5 .list li .date{font-size: 0.8125rem;}

	/* footer */
	.footer{padding: 3.125rem 0 3.0985rem;}
	.footer .logo{width: 8.75rem;}
	.footer .cont{margin-top: 1.875rem; flex-direction: column;}
	.footer .cont .info li{flex-wrap: wrap; gap: 0.5rem 0.75rem;}
	.footer .cont .info li span{font-size: 0.875rem; letter-spacing: -0.0375rem;}
	.footer .cont .info li + li{margin-top: 0.5rem;}
	.footer .cont .sns{gap: 0.625rem; margin-top: 1.25rem;}
	.footer .cont .sns a{width: 1.875rem;}
	.footer .bot{margin-top: 1.875rem; padding-top: 1.875rem; flex-direction: column-reverse; align-items: flex-start; gap: 0.75rem;}
	.footer .bot .use{gap: 1.25rem;}
	.footer .bot .use a{font-size: 0.8125rem;}

}


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

	/* 공통 */
	.pc2{display:none !important;}
	.mob2{display:block !important;}

	/* sec1 */
	.main .sec1 .list{flex-direction: column;}
	.main .sec1 .list li{height: 12.5rem; flex: initial !important;}
	.main .sec1 .list li.on{height: 16.25rem;}

	/* sec2 */
	.main .sec2{background-image: url(/img/main/sec2_bg_m.png);}
	.main .sec2 .swiper-slide{width: 16.875rem;}
	.main .sec2 .swiper-slide .img{aspect-ratio: 10/7;}

	/* sec4 */
	.main .sec4 .list{flex-direction: column;}
	.main .sec4 .list li{width: 100%; aspect-ratio: 67/40; border-radius: 1.25rem !important; box-shadow: none !important;}
	.main .sec4 .list li a .plus{display: none;}

	/* sec5 */
	.main .sec5 .swiper-slide{width: 16.875rem;}

}


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

	.visual .swiper-slide .vis_txt p br{display: none;}

}