/* 공통 */
p, dd{word-break: keep-all !important;}
.pc{display:block !important;}
.tab_1280{display: none !important;}
.tab_1024{display: none !important;}
.mob{display:none !important;}
.inner{max-width: 102.5rem; padding: 0 1.25rem; margin:0 auto;}
.inner2{max-width: 87.5rem; margin: 0 auto;}
.dim{position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.40); z-index: 999; opacity: 0; visibility: hidden; transition: all 0.3s;}
.dim.on{opacity: 1; visibility: visible;}
.f-pre, .f-pre *{font-family: var(--f-pre) !important;}
.f-pop, .f-pop *{font-family: var(--f-pop) !important;}
.f-mont, .f-mont *{font-family: var(--f-mont) !important;}
.ta-l{text-align: left;}
.ta-c{text-align: center;}
.ta-r{text-align: right;}
.flex{display: flex;}
.flex-ac{display: flex; align-items: center;}
.flex-jb{display: flex; justify-content: space-between;}


/* HEADER */
.header{height: 4.375rem; position:fixed; top:0; z-index:10000; width:100%; background: #FFF; display: flex; justify-content: space-between; border-bottom: 1px solid #E3E3E3;}
.header .head_lt{display: flex; height: 100%;}
.header .head_lt > div{height: 100%; cursor: pointer;}
.header .head_lt .logo a{padding: 0 4.0625rem; background: #000; height: calc(100% + 1px);}
.header .head_lt .logo a img{width: 6.25rem; }
.header .head_lt .global{padding: 0 1rem; gap: 0.1875rem; background: #F8F8F8; border-right: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; transition: all 0.2s; border-left: 1px solid #F8F8F8; height: calc(100% + 1px);}
.header .head_lt .global img{width: 1.25rem; transition: all 0.2s;}
.header .head_lt .global span{font-size: 1rem; line-height: 150%; font-weight: 500;}
.header .head_lt .global span .pc{display: inline-block !important;}
.header .head_lt .global.on,
.header .head_lt .global:hover{color: #fff; background: #000; border-left: 1px solid rgba(255, 255, 255, 0.30); border-bottom-color: #000;}
.header .head_lt .global.on img,
.header .head_lt .global:hover img{filter: invert(1);}
.header .head_lt .search{aspect-ratio: 1/1; border-right: 1px solid #E3E3E3; justify-content: center;}
.header .head_lt .search img{width: 1.25rem; display: block;}
.header .head_lt .search .close{display: none;}
.header .head_lt .search.on .srh{display: none;}
.header .head_lt .search.on .close{display: block;}
.header .head_lt .all_menu_btn{display: none;}
.header .head_rt .menu{height: 100%;}
.header .head_rt .menu a{font-size: 1rem; display: flex; align-items: center; gap: 0.5rem; padding: 0 1.875rem; border-left: 1px solid #E3E3E3; height: 100%; font-weight: 500;}
.header .head_rt .menu a i{width: 1rem; aspect-ratio: 1/1; background: url(/img/main/hd_menu_arrow.svg) no-repeat center / contain;}
.head_bg{display: none !important;}

/* lnb */
.lnb_wrap .menu{background: #fff; display: flex; opacity: 0; visibility: hidden; transition: all 0.2s; position: fixed; top: 4.375rem; left: 0; width: 100%; z-index: 1000; max-height: calc(100vh - 4.375rem); overflow-y: auto;}
.lnb_wrap .menu.on{opacity: 1; visibility: visible;}
.lnb_wrap .menu > div{padding-top: 2.5rem; padding-bottom: 3.85rem; height: max-content;}
.lnb_wrap .menu .title{width: 22.625rem; padding-left: 4.0625rem; font-size: 1.75rem; line-height: 122%; font-weight: 600;}
.lnb_wrap .menu .cont{width: calc(100% - 22.625rem); padding-left: 5.5rem; padding-right: 4.375rem; display: flex; flex-wrap: wrap; gap: 1.875rem 2.5rem; position: relative;}
.lnb_wrap .menu .cont::before{content: ''; display: block; width: 1px; height: calc(100% - 2.5rem - 3.85rem); background: #BEBEBE; position: absolute; left: 0; top: 2.5rem; min-height: 2.188rem;}
.lnb_wrap .menu.global .cont::before{background: rgba(255,255,255,0.4);}
.lnb_wrap .menu .cont .item{width: calc((100% - (2.5rem * 5)) / 6);}
.lnb_wrap .menu .cont .item .tit{font-size: 1.125rem; font-weight: 500; line-height: 133%;}
.lnb_wrap .menu .cont .item .dep3{margin-top: 1.25rem;}
.lnb_wrap .menu .cont .item .dep3 li + li{margin-top: 0.5rem;}
.lnb_wrap .menu .cont .item .dep3 li a{font-size: 0.875rem; line-height: 143%; color: #8E8E8E;}
.lnb_wrap .menu.menu4 .cont .item{width: auto;}
.lnb_wrap .menu.global{background: #000; border-color: #000;}
.lnb_wrap .menu.global *{color: #FFF !important;}
.lnb_wrap .menu.global .cont{gap: 1.875rem 6.25rem;}
.lnb_wrap .menu.global .cont .item1{width: 40.625rem;}
.lnb_wrap .menu.global .cont .item1 .dep3{display: flex; flex-wrap: wrap; gap: 0.625rem 1.25rem;}
.lnb_wrap .menu.global .cont .item1 .dep3 li{margin-top: 0 !important;}
.lnb_wrap .menu.global .cont .item1 .dep3 li:not(.full){width: calc(50% - (1.25rem / 2));}
.lnb_wrap .menu.global .cont .item1 .dep3 li.full{gap: 0.75rem;}
.lnb_wrap .menu.global .cont .item1 .dep3 li.full > a{cursor: default;}
.lnb_wrap .menu.global .cont .item1 .dep3 li.full .area{opacity: 0.8;}
.lnb_wrap .menu.global .cont .item1 .dep3 li.full .area a::after{content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 0.75rem; background: #FFF; margin-left: 0.625rem; margin-right: 0.625rem;}
.lnb_wrap .menu.global .cont .item1 .dep3 li.full .area a:last-of-type::after{display: none;}
.lnb_wrap .menu.global .cont .item2{width: auto;}

/* search */
.search_wrap{position: fixed; top: 4.375rem; left: 0; width: 100%; padding: 3.135rem 0 3.75rem; background: #FFF; z-index: 999; transition: all 0.4s ease; transform: translateY(-100%);}
.search_wrap.on{transform: translateY(0);}
.search_wrap form{display: flex; align-items: center; justify-content: center; gap: 3.5rem;} 
.search_wrap .title{font-size: 1.5rem; letter-spacing: -0.045rem; font-weight: 700;}
.search_wrap .input{position: relative; width: 100%; max-width: 53rem;}
.search_wrap .input input{font-size: 0.875rem; height: 3.125rem; padding-right: 1.75rem; width: 100%; border: none !important; outline: none !important; box-shadow: none !important; border-bottom: 1px solid #000 !important; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.search_wrap .input input::placeholder{color: #000;}
.search_wrap .input button{width: 1.25rem; background: none; border: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.search_wrap .input button img{width: 100%;}

/* quick menu */
.quick{position: fixed; right: 0.935rem; bottom: 2.565rem; z-index: 100;}
.quick .top_btn{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 3.75rem; aspect-ratio: 1/1; background: #000;}
.quick .top_btn img{width: 1.25rem;}
.quick .top_btn span{font-size: 0.625rem; letter-spacing: -0.02813rem; line-height: 1.2; font-weight: 700; font-family: var(--f-pre); color: #fff;}

/* visual */
#wrap{margin-top: 4.375rem;}
.visual{position: relative;}
.visual .swiper-slide{height: calc(100vh - 4.375rem); position: relative;}
.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; max-width: 106.25rem; position: absolute; margin: 0 auto; left:0; right: 0; bottom: 8.25rem;}
.visual .swiper-slide .vis_txt em{font-size: 1.25rem; font-weight: 500; word-break: keep-all; line-height: 150%;}
.visual .swiper-slide .vis_txt h2{font-size: 3.5625rem; margin: 0.75rem 0; font-weight: 500; word-break: keep-all; line-height: 112%; letter-spacing: -0.01563rem;}
.visual .swiper-slide .vis_txt p{font-size: 1.375rem; line-height: 1.45; font-weight: 500; word-break: keep-all;}
.vis_bt{position: absolute; max-width: 106.25rem; width: 100%; bottom: 28.5rem; left: 0; right: 0; z-index: 10; display: flex; align-items: center; gap: 0.9375rem;}
.vis_slider.on .vis_bt{display: none;}
.vis_bt .wrap{width: 12.4375rem; position: relative;}
.vis_bt .page{font-size: 0.875rem; letter-spacing: -0.05rem; color: #FFF; display: flex; justify-content: space-between; width: 100%;}
.vis_bt .page .swiper-pagination-current{font-weight: 700;}
.vis_bt .scroll{width: 7.5rem; height: 0.125rem; background: rgba(255,255,255,0.5); position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.vis_bt .scroll .swiper-scrollbar-drag{background: #fff;}
.vis_arrow{display: flex; align-items: center; gap: 0.9375rem;}
.vis_arrow div{width: 1rem; cursor: pointer;}
.vis_arrow div img{width: 100%;}

/* common */
.main_tit{margin-bottom: 3.125rem; text-align: center;}
.main_tit h2{font-size: 2.8125rem; line-height: 115%; font-weight: 600;}
.main_tit p{margin-top: 1.25rem; font-size: 1.375rem; line-height: 145%; color: #6D6D6D;}
.main .section + .section{padding-top: 9.375rem;}
.no_data{width: 100% !important; border-top: 2px solid #000; border-bottom: 1px solid #000; padding: 11.13rem 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:not(.sec2){padding-top: 6.25rem;}
.main .sec1 .inner{max-width: 115rem;}
.main .sec1 .cont{display: flex;}
.main .sec1 .cont .item{width: 25%; aspect-ratio: 9/11; overflow: hidden;}
.main .sec1 .cont .item a{height: 100%; padding: 2.75rem 2.435rem; display: flex; align-items: flex-end; position: relative;}
.main .sec1 .cont .item img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.3s; transform: scale(1.01);}
.main .sec1 .cont .item:hover img{transform: scale(1.1);}
.main .sec1 .cont .item .txt{color: #fff; position: relative; z-index: 1;}
.main .sec1 .cont .item .txt dt{font-size: 2rem; font-weight: 500; line-height: 125%; word-break: keep-all;}
.main .sec1 .cont .item .txt dd{margin-top: 1rem; font-size: 1.125rem; letter-spacing: 0.00625rem; line-height: 150%; font-family: var(--f-pre);}

/* sec2 */
.main .sec2 .inner{max-width: 102.5rem;}
.main .sec2 .cont{flex-wrap: wrap;}
.main .sec2 .cont .item{width: 50%; aspect-ratio: 16/7;}

/* sec3 */
.main .sec3 .cont{display: flex; gap: 1.25rem;}
.main .sec3 .cont .item{width: calc((100% - (1.25rem * 3)) / 4);}
.main .sec3 .cont .item .img{aspect-ratio: 33/29; overflow: hidden;}
.main .sec3 .cont .item .img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}
.main .sec3 .cont .item:hover .img img{transform: scale(1.1);}
.main .sec3 .cont .item p{margin-top: 1.875rem; font-size: 1.5rem; line-height: 133%; font-weight: 600; text-align: center;}

/* sec4 */
.main .sec4 .cont .list{display: flex; flex-wrap: wrap;}
.main .sec4 .cont .item{width: 25%; aspect-ratio: 8/7; overflow: hidden;}
.main .sec4 .cont .item a{padding: 1.875rem 2.5rem; display: flex; align-items: flex-end; position: relative; height: 100%;}
.main .sec4 .cont .item a::before{content: ''; display: block; width: 100%; height: 100%; opacity: 0.5; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); position: absolute; left: 0; top: 0; z-index: 1;}
.main .sec4 .cont .item img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}
.main .sec4 .cont .item:hover img{transform: scale(1.1);}
.main .sec4 .cont .item span{font-size: 1.5rem; line-height: 129%; font-weight: 500; color: #fff; display: block; position: relative; z-index: 2; word-break:keep-all;}
.main .sec4 .cont .item.top{width: 100%; aspect-ratio: 8/3; margin-bottom: 2.5rem;}
.main .sec4 .cont .item.top a{padding: 2.5rem;}
.main .sec4 .cont .item.top:hover img{transform: scale(1.06);}

/* sec5 */
.main .sec5 .cont{display: flex; gap: 0.3125rem;}
.main .sec5 .cont .item{width: calc((100% - (0.3125rem * 2)) / 3); aspect-ratio: 53/35; overflow: hidden;}
.main .sec5 .cont .item a{display: flex; align-items: flex-end; padding: 2.5rem; height: 100%; position: relative;}
.main .sec5 .cont .item a::before{content: ''; display: block; width: 100%; height: 100%; opacity: 0.5; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); position: absolute; left: 0; top: 0; z-index: 1;}
.main .sec5 .cont .item img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}
.main .sec5 .cont .item:hover img{transform: scale(1.1);}
.main .sec5 .cont .item span{font-size: 1.75rem; font-weight: 500; line-height: 125%; color: #fff; display: block; position: relative; z-index: 2; word-break:keep-all;}


/* footer */
.footer{background: #555; padding: 3.135rem 0 3.935rem; margin-top: 8.125rem;}
.footer .inner{max-width: 113.75rem;}
.footer *{color: #fff; font-size: 1rem; line-height: 150%;}
.footer .top .wrap{display: flex; align-items: center; gap: 2.70rem;}
.footer .top .wrap .ft_logo{width: 6.25rem;}
.footer .top .wrap .ft_logo img{width: 100%;}
.footer .ft_use{display: flex; gap: 1.25rem;}
.footer .ft_use a{color: #8E8E8E; font-weight: 500; letter-spacing: -0.025rem;}
.footer .ft_use a b{font-weight: 600; color: #fff;}
.footer .top .more{display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.25rem 0.625rem; border-radius: 50px; background: #444; cursor: pointer;}
.footer .top .more i{width: 1rem; aspect-ratio: 1/1; background: url(/img/main/ft_more_open.svg) no-repeat center / contain;}
.footer .top .more span{font-size: 0.875rem; letter-spacing: -0.025rem; line-height: 143%;}
.footer .top .more.on i{background-image: url(/img/main/ft_more_close.svg);}
.footer .cont{margin-top: 1.225rem; transition: all 0.3s;}
.footer .cont .info{transition: all 0.3s; width: 100%; display: flex; justify-content: space-between;}
.footer .cont.on .info1{opacity: 0;}
.footer .cont .ft_info{display: flex; align-items: center; gap: 0.75rem 1.75rem; transition: all 0.3s;}
.footer .cont .ft_info li{display: flex; gap: 1rem;}
.footer .cont .ft_info li strong{font-weight: 600; display: inline-block;}
.footer .cont .ft_info li span{color: #BEBEBE;}
.footer .cont.on .info2{flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 3.75rem;}
.footer .cont.on .info2 .ft_info{flex-direction: column; align-items: flex-start;}
.footer .cont.on .info2 strong{min-width: 3.4375rem;}
.footer .cont .copy{font-size: 0.875rem; letter-spacing: -0.025rem; color: #BEBEBE;}
.footer .cont .ft_menu{display: none;}
.footer .cont .ft_menu .wrap{display: flex; justify-content: space-between; padding-top: 1rem;}
.footer .cont .ft_menu .menu{display: flex; gap: 5rem; white-space: nowrap;}
.footer .cont .ft_menu dt{font-size: 1.125rem; letter-spacing: -0.025rem; font-weight: 700; margin-bottom: 1.25rem;}
.footer .cont .ft_menu dd + dd{margin-top: 0.5rem;}
.footer .cont .ft_menu dd a{color: #BEBEBE;}





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

	/* HEADER */
	.header{height: 3.75rem;}
	.header .head_lt .logo a{padding: 0 2rem;}
	.header .head_lt .logo a img{width: 5.25rem;}
	.header .head_lt .global{padding: 0 1rem; gap: 0.1875rem;}
	.header .head_lt .global img{width: 1rem;}
	.header .head_lt .global span{font-size: 0.875rem;}
	.header .head_rt .menu a{font-size: 0.875rem; gap: 0.5rem; padding: 0 1.25rem;}
	.header .head_rt .menu a i{width: 0.875rem;}

	/* lnb */
	.lnb_wrap .menu{top: 3.75rem; max-height: calc(100vh - 3.75rem);}
	.lnb_wrap .menu > div{padding-top: 2.25rem; padding-bottom: 3.5rem;}
	.lnb_wrap .menu .title{width: 15.625rem; padding-left: 2rem; font-size: 1.5rem;}
	.lnb_wrap .menu .cont{width: calc(100% - 15.625rem); padding-left: 3.5rem; padding-right: 2.5rem; gap: 1.875rem 2.5rem;}
	.lnb_wrap .menu .cont::before{height: calc(100% - 2.25rem - 3.5rem); top: 2.25rem; min-height: 2.175rem;}
	.lnb_wrap .menu .cont .item{width: calc((100% - (2.5rem * 5)) / 6);}
	.lnb_wrap .menu .cont .item .tit{font-size: 1rem;}
	.lnb_wrap .menu .cont .item .dep3{margin-top: 1.25rem;}
	.lnb_wrap .menu .cont .item .dep3 li + li{margin-top: 0.45rem;}
	.lnb_wrap .menu .cont .item .dep3 li a{font-size: 0.75rem;}
	.lnb_wrap .menu.global .cont{gap: 1.875rem 3.25rem;}
	.lnb_wrap .menu.global .cont .item1{width: 34.625rem;}
	.lnb_wrap .menu.global .cont .item1 .dep3{gap: 0.625rem 1.25rem;}
	.lnb_wrap .menu.global .cont .item1 .dep3 li:not(.full){width: calc(50% - (1.25rem / 2));}
	.lnb_wrap .menu.global .cont .item1 .dep3 li.full{gap: 0.75rem;}
	.lnb_wrap .menu.global .cont .item1 .dep3 li.full .area a::after{height: 0.75rem; margin-left: 0.625rem; margin-right: 0.625rem;}

	/* search */
	.search_wrap{top: 3.75rem;}

	/* visual */
	#wrap{margin-top: 3.75rem;}
	.visual .swiper-slide{height: calc(100vh - 3.75rem);}

	/* footer */
	.footer *{font-size: 0.875rem;}
	.footer .cont.on .info2{gap: 3.75rem;}
	.footer .cont .ft_menu .menu{gap: 2.5rem;}
	.footer .cont .ft_menu dt{font-size: 1rem;}

}



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

	.tab_1280{display: block !important;}

	/* HEADER */
	.header{height: 3.75rem;}
	.header .head_lt{justify-content: space-between; width: 100%;}
	.header .head_lt .logo a{padding: 0 2rem;}
	.header .head_lt .logo a img{width: 5.25rem;}
	.header .head_lt .global{padding: 0 1rem; gap: 0.1875rem;}
	.header .head_lt .global img{width: 1rem;}
	.header .head_lt .global span{font-size: 0.875rem;}
	.header .head_lt .search img{width: 1.25rem;}
	.header .head_lt .all_menu_btn{display: flex; align-items: center; justify-content: center; cursor: pointer; aspect-ratio: 1 / 1; border-left: 1px solid #E3E3E3;}
	.header .head_lt .all_menu_btn img{width: 1.25rem;}
	.header .head_lt .all_menu_btn .close{display: none;}
	.header .head_lt .all_menu_btn.on .menu{display: none;}
	.header .head_lt .all_menu_btn.on .close{display: block;}
	.header .head_rt{display: none;}

	/* lnb */
	.lnb_wrap{opacity: 0; visibility: hidden;}
	.lnb_wrap.on{opacity: 1; visibility: visible;}
	.lnb_wrap .wrapper{max-width: 24rem; width: 100%; background: #fff; height: calc(100vh - 3.75rem); overflow-y: auto; position: fixed; right: 0; top: 3.75rem; transform: translateX(100%); opacity: 0; transition: opacity 0.3s ease, transform 0.3s ease; z-index: 1000;}
	.lnb_wrap .wrapper::-webkit-scrollbar {width: 3px;}
	.lnb_wrap .wrapper::-webkit-scrollbar-thumb {height: 30%; background: #878787;}
	.lnb_wrap .wrapper::-webkit-scrollbar-track {background: #D9D9D9;}
	.lnb_wrap.on .wrapper{transform: translateX(0); opacity: 1;}
	.lnb_wrap .menu{background: none; display: block; opacity: 1; visibility: visible; transition: all 0.2s; position: initial; max-height: initial; overflow-y: visible;}
	.lnb_wrap .menu .title{width: 100%; height: 3.125rem; padding: 0 1.25rem; font-size: 1rem; line-height: 162%; font-weight: 500; display: flex; align-items: center; position: relative; border-bottom: 1px solid #E7E7E7; cursor: pointer;}
	.lnb_wrap .menu.on .title{background: #000; color: #FFF;}
	.lnb_wrap .menu .title::after{content: ''; display: block; aspect-ratio: 10.60/6.00; height: 0.375rem; background: url(/img/main/all_menu_arrow.svg) no-repeat center / contain; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%);  transition: all 0.3s;}
	.lnb_wrap .menu.on .title::after{transform: translateY(-50%) rotate(-180deg); filter: invert(1);}
	.lnb_wrap .menu .title br{display: none;}
	.lnb_wrap .menu .cont{width: 100%; padding: 1.25rem; display: none; background: #F9F9F9; border-bottom: 1px solid #E7E7E7;}
	.lnb_wrap .menu .cont::before{display: none;}
	.lnb_wrap .menu .cont .item{width: 100% !important;}
	.lnb_wrap .menu .cont .item + .item{margin-top: 0.75rem;}
	.lnb_wrap .menu .cont .item .tit{font-size: 0.875rem; line-height: 143%;}
	.lnb_wrap .menu .cont .item .tit br{display: none;}
	.lnb_wrap .menu .cont .item .dep3{margin-top: 0.5rem;}
	.lnb_wrap .menu .cont .item .dep3 li + li{margin-top: 0.25rem;}
	.lnb_wrap .menu .cont .item .dep3 li a{font-size: 0.75rem; line-height: 133%;}
	.lnb_wrap .menu.global{display: none;}

	/* global click */
	.lnb_wrap.global{opacity: 1; visibility: visible;}
	.lnb_wrap.global .wrapper{transform: translateX(0); opacity: 1; background: #000; color: #FFF;}
	.lnb_wrap.global .menu.global{display: block;}
	.lnb_wrap.global .menu:not(.global){display: none;}
	.lnb_wrap .menu.global{padding: 1.875rem 1.25rem;}
	.lnb_wrap .menu.global .title{cursor: default; border-bottom: none; font-size: 1.125rem; margin-bottom: 1.25rem; padding: 0; height: auto;}
	.lnb_wrap .menu.global .cont{gap: 1.875rem 6.25rem; display: block !important; background: none; padding: 0; border-bottom: none;}
	.lnb_wrap .menu.global .cont .item1{width: 100%;}
	.lnb_wrap .menu.global .cont .item .dep3{display: flex; flex-direction: column !important; gap: 0.5rem !important; margin-top: 0.75rem;}
	.lnb_wrap .menu.global .cont .item .dep3 li{width: 100% !important; margin-top: 0 !important;}
	.lnb_wrap .menu.global .cont .item1 .dep3 li.full{gap: 0.25rem; flex-direction: column; align-items: flex-start;}
	.lnb_wrap .menu.global .cont .item1 .dep3 li.full .area a::after{height: 0.5rem; margin-left: 0.5rem; margin-right: 0.5rem;}
	.lnb_wrap .menu.global .cont .item + .item{margin-top: 1.875rem;}

	/* search */
	.search_wrap{top: 3.75rem; padding: 3.135rem 0 3.75rem;}
	.search_wrap form{gap: 2rem;} 
	.search_wrap .title{font-size: 1.5rem;}
	.search_wrap .input{max-width: 53rem;}
	.search_wrap .input input{font-size: 0.875rem; height: 3.125rem; padding-right: 1.75rem;}
	.search_wrap .input button{width: 1.25rem;}

	/* quick menu */
	.quick{right: 1.25rem; bottom: 0.935rem;}
	.quick .top_btn{width: 3.75rem;}
	.quick .top_btn img{width: 1.25rem;}
	.quick .top_btn span{font-size: 0.625rem;}

	/* visual */
	#wrap{margin-top: 3.75rem;}
	.visual .swiper-slide{height: 48.75rem;}
	.visual .swiper-slide .vis_txt{bottom: 6rem;}
	.visual .swiper-slide .vis_txt em{font-size: 1rem;}
	.visual .swiper-slide .vis_txt h2{font-size: 3.125rem; margin: 0.75rem 0;}
	.visual .swiper-slide .vis_txt p{font-size: 1.175rem;}
	.vis_bt{bottom: 22.25rem; gap: 0.9375rem;}
	.vis_bt .wrap{width: 12.4375rem;}
	.vis_bt .page{font-size: 0.875rem;}
	.vis_bt .scroll{width: 7.5rem; height: 0.125rem;}
	.vis_arrow{gap: 0.9375rem;}
	.vis_arrow div{width: 1rem;}

	/* common */
	.main_tit{margin-bottom: 2.5rem;}
	.main_tit h2{font-size: 2.25rem;}
	.main_tit p{margin-top: 1.25rem; font-size: 1rem;}
	.main .section + .section{padding-top: 6.25rem;}

	/* sec1 */
	.main .sec1:not(.sec2){padding-top: 6.25rem;}
	.main .sec1 .cont .item a{padding: 1.875rem 1.25rem;}
	.main .sec1 .cont .item .txt dt{font-size: 1.5rem;}
	.main .sec1 .cont .item .txt dd{margin-top: 0.75rem; font-size: 1rem;}

	/* sec3 */
	.main .sec3 .cont{gap: 1rem;}
	.main .sec3 .cont .item{width: calc((100% - (1rem * 3)) / 4);}
	.main .sec3 .cont .item p{margin-top: 1.25rem; font-size: 1.375rem;}

	/* sec4 */
	.main .sec4 .cont .item{width: 33.33%;}
	.main .sec4 .cont .item a{padding: 1.875rem 1.25rem;}
	.main .sec4 .cont .item span{font-size: 1.5rem;}
	.main .sec4 .cont .item.top{margin-bottom: 2.5rem;}
	.main .sec4 .cont .item.top a{padding: 2.5rem 1.25rem;}
	.main .sec4 .cont .item.top span{font-size: 1.75rem;}

	/* sec5 */
	.main .sec5 .cont{gap: 0.3125rem;}
	.main .sec5 .cont .item{width: calc((100% - (0.3125rem * 2)) / 3);}
	.main .sec5 .cont .item a{padding: 1.685rem 1.25rem;}
	.main .sec5 .cont .item span{font-size: 1.5rem;}


	/* footer */
	.footer{padding: 2.5rem 0; margin-top: 6.875rem;}
	.footer .inner{max-width: 113.75rem;}
	.footer *{font-size: 0.875rem;}
	.footer .top .wrap{gap: 2.70rem;}
	.footer .top .wrap .ft_logo{width: 6.25rem;}
	.footer .top .wrap .ft_use{display: none;}
	.footer .cont .ft_use{display: flex !important; gap: 1.25rem;}
	.footer .top .more{gap: 0.25rem; padding: 0.25rem 0.625rem;}
	.footer .top .more i{width: 1rem;}
	.footer .top .more span{font-size: 0.875rem;}
	.footer .cont{margin-top: 1.225rem;}
	.footer .cont .ft_info{gap: 0.25rem;}
	.footer .cont .ft_info li{gap: 1rem;}
	.footer .cont .info1 .ft_info{display: none;}
	.footer .cont.on .info2{gap: 1.25rem;}
	.footer .cont.on .info2 strong{min-width: 3rem;}
	.footer .cont .copy{font-size: 0.875rem;}
	.footer .cont .ft_menu .wrap{padding-top: 1rem;}
	.footer .cont .ft_menu .menu{display: none;}

}

@media screen and (max-width:1024px){
	.tab_1024{display: block !important;}
	html{font-size: 95%;}
	.main .sec1 .cont .item .txt dd br{display: none !important;}
	.main .sec3 .cont .item p,
	.main .sec4 .cont .item span,
	.main .sec5 .cont .item span{font-size: 1.25rem;}
	.main .sec4 .cont .item.top span{font-size: 1.5rem;}
}



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

	/* 공통 */
	html{font-size: 100%;}
	.pc{display:none !important;}
	.mob{display:block !important;}

	/* HEADER */
	.header{height: 3.75rem;}
	.header .head_lt{justify-content: space-between; width: 100%;}
	.header .head_lt .logo a{padding: 0; width: 8.4375rem; justify-content: center;}
	.header .head_lt .logo a img{width: 5rem;}
	.header .head_lt .global{width: 8rem; padding: 0; gap: 0.1875rem; justify-content: center;}
	.header .head_lt .global img{width: 1.25rem;}
	.header .head_lt .global span{font-size: 0.875rem;}
	.header .head_lt .global span .pc{display: none !important;}
	.header .head_lt .search{max-width: calc(100% - 8.4375rem - 8rem);}
	.header .head_lt .search img{width: 1.25rem;}
	.header .head_lt .search,
	.header .head_lt .all_menu_btn{aspect-ratio: initial; width: 3.73rem;}
	.header .head_lt .all_menu_btn img{width: 1.25rem;}

	/* lnb */
	.lnb_wrap .wrapper{max-width: 100%; height: auto; max-height: calc(100vh - 3.75rem); top: 3.75rem; transform: translateY(-100%);}
	.lnb_wrap.on .wrapper{transform: translateY(0);}
	.lnb_wrap .menu.global .cont .item1 .dep3 li.full .area{flex-wrap: wrap;}

	/* global click */
	.lnb_wrap.global .wrapper{transform: translateY(0);}

	/* search */
	.search_wrap{top: 3.75rem; padding: 1.5625rem 0;}
	.search_wrap form{gap: 2rem;} 
	.search_wrap .title{display: none;}
	.search_wrap .input{max-width: 100%;}
	.search_wrap .input input{font-size: 0.875rem; height: 3.125rem; padding-right: 1.75rem;}
	.search_wrap .input button{width: 1.25rem;}

	/* quick menu */
	.quick{right: 0; bottom: 2.15rem;}
	.quick .top_btn{width: 3rem;}
	.quick .top_btn img{width: 1rem;}
	.quick .top_btn span{font-size: 0.75rem;}

	/* visual */
	#wrap{margin-top: 3.75rem;}
	.visual .swiper-slide{height: 30.625rem;}
	.visual .swiper-slide .vis_txt{bottom: 4.25rem;}
	.visual .swiper-slide .vis_txt em{font-size: 0.875rem;}
	.visual .swiper-slide .vis_txt h2{font-size: 1.5rem; margin: 0.75rem 0; line-height: 133%;}
	.visual .swiper-slide .vis_txt p{font-size: 0.875rem;}
	.visual .swiper-slide .vis_txt p br{display: none;}
	.vis_bt{bottom: 18.06rem; gap: 0.9375rem;}
	.vis_bt .wrap{width: 12.4375rem;}
	.vis_bt .page{font-size: 0.875rem;}
	.vis_bt .scroll{width: 7.5rem; height: 0.125rem;}
	.vis_arrow{gap: 0.9375rem;}
	.vis_arrow div{width: 1rem;}

	/* common */
	.main_tit{margin-bottom: 1.875rem;}
	.main_tit h2{font-size: 1.75rem;}
	.main_tit p{margin-top: 0.5rem; font-size: 0.875rem;}
	.main .section + .section{padding-top: 3.75rem;}
	.no_data{padding: 6rem 0;}
	.no_data .icon{width: 2rem;}
	.no_data p{margin-top: 1.25rem; font-size: 0.875rem;}

	/* sec1 */
	.main .sec1:not(.sec2){padding-top: 3.75rem;}
	.main .sec1 .inner{padding: 0;}
	.main .sec1 .cont{flex-wrap: wrap;}
	.main .sec1:not(.sec2) .cont .item{width: 50%;}
	.main .sec1 .cont .item a{padding: 1.24rem 0.925rem;}
	.main .sec1 .cont .item .txt dt{font-size: 1.125rem;}
	.main .sec1 .cont .item .txt dd{margin-top: 0.5rem; font-size: 0.875rem;}

	/* sec2 */
	.main .sec2 .cont .item{width: 100%; aspect-ratio: 149/97;}

	/* sec3 */
	.main .sec3 .cont{gap: 1.25rem 0.625rem; flex-wrap: wrap;}
	.main .sec3 .cont .item{width: calc((100% - 1rem) / 2);}
	.main .sec3 .cont .item p{margin-top: 0.81rem; font-size: 0.9375rem;}

	/* sec4 */
	.main .sec4 .inner{padding: 0;}
	.main .sec4 .cont .item{width: 50%;}
	.main .sec4 .cont .item a{padding: 1.875rem 1.25rem;}
	.main .sec4 .cont .item span{font-size: 0.875rem;}
	.main .sec4 .cont .item.top{margin-bottom: 1.25rem; aspect-ratio: 149/97;}
	.main .sec4 .cont .item.top a{padding: 1.25rem;}
	.main .sec4 .cont .item.top span{font-size: 1.125rem;}

	/* sec5 */
	.main .sec5 .cont{gap: 0.3125rem; flex-direction: column;}
	.main .sec5 .cont .item{width: 100%;}
	.main .sec5 .cont .item a{padding: 1.25rem 0.9425rem;}
	.main .sec5 .cont .item span{font-size: 1rem;}


	/* footer */
	.footer{margin-top: 3.75rem;}

	

}

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

	/* HEADER */
	.header{height: 15.63vw;}
	.header .head_lt .logo a{width: 35.16vw;}
	.header .head_lt .logo a img{width: 20.83vw;}
	.header .head_lt .global{width: 33.33vw; gap: 0.78vw;}
	.header .head_lt .global img{width: 5.21vw;}
	.header .head_lt .global span{font-size: 0.875rem;}
	.header .head_lt .search{max-width: calc(100% - 35.16vw - 20.83vw);}
	.header .head_lt .search img{width: 1.25rem;}
	.header .head_lt .search,
	.header .head_lt .all_menu_btn{width: 15.63vw;}
	.header .head_lt .all_menu_btn{border-left: none;}
	.header .head_lt .all_menu_btn img{width: 5.73vw;}

	#wrap{margin-top: 15.63vw;}
	.lnb_wrap .wrapper{max-height: calc(100vh - 15.63vw); top: 15.63vw;}
	.search_wrap{top: 15.63vw;}
}