:root {
	--font-out : "Outfit", sans-serif;
	--font-cor : "Cormorant Garamond", sans-serif;
	--font-man : "Manrope", sans-serif;
	--font-wix : "Wix Madefor Display", sans-serif;
	--font-nanum : "Nanum Myeongjo", sans-serif;

	--color2 : #FAF8F3;

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

p, dd {word-break: keep-all !important;}
.pc {display:block !important;}
.pc2 {display:block !important;}
.mob {display:none !important;}
.mob2 {display:none !important;}
body {position: relative; background: #FAF8F3 !important;}

.inner {max-width:100rem; margin:0 auto; 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;}

.mt_10 {margin-top: .62rem;}
.mt_20 {margin-top: 1.25rem;}
.mt_30 {margin-top: 1.875rem;}
.mt_40 {margin-top: 2.5rem;}
.mt_50 {margin-top: 3.125rem;}
.mt_60 {margin-top: 3.75rem;}
.mt_70 {margin-top: 4.375rem;}
.mt_80 {margin-top: 5rem;}
.pt_0{padding-top: 0 !important;}
.pb_0{padding-bottom: 0 !important;}

/********** HEADER **********/
.header {height:6.25rem; position:fixed; top:0; z-index:1000; width:100%;}
.header .inner {height:100%; position: relative;}
.header h1 a img {width: 12.93731rem; display: block;}
.header h1 a img.logo_on {display:none;}
.header .gnb_wrap {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.header .gnb > li {position:relative;}
.header .lang > a,
.header .gnb > li > a {font-size: 1.125rem; color: #FFF; font-weight: 500; display: block; line-height: 6.25rem;}
.header .gnb > li > a {width: 9.375rem; text-align: center;}
.header .head_rt {display: flex; align-items: center; gap: 1.5625rem;}
.header .sns  {gap: 0.625rem;}
.header .sns a {display: flex; align-items: center; justify-content: center; width: 2.30113rem; height: 2.30113rem; position: relative;}
.header .sns a img {width: 100%; position: absolute; top: 0; left: 0;}
.header .sns a img.hover {opacity: 0;}
.header .lang {gap: 0.625rem;}
.header .lang .line {display: block; width: 1px; height: 0.875rem; opacity: 0.5; background: #FFF;}
.header .lang a:not(.on) {opacity: .5;}
.all_menu_btn {width: 1.3125rem; cursor:pointer;}
.head_mob_btn {display:none !important;}
.header .gnb_2depth_bg {border-top: 1px solid #D7D3CB;	display: none; position:absolute; width:200vw; height: 18.375rem; background: rgba(255, 255, 255, 0.95); top: 100%; left:-50%; transform: translateX(-50%); overflow: hidden; backdrop-filter: blur(5px);}
.header .gnb_2depth {display: none; position:absolute; top: calc(100% + 2.5rem); width: 100%; left: 50%; transform:translateX(-50%); text-align: center;}
.header .gnb_2depth li + li {margin-top:0.625rem;}
.header .gnb_2depth li a {font-size: 1rem; color: #7A7A7A; transition:all 0.3s; line-height: 1.5; font-weight: 400;}
.header .gnb_2depth li a:hover {font-weight: 600; text-decoration: underline; text-underline-offset: 4px;}

.head_bg {display: none;}

.header:hover {background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(5px);}
.header:hover h1 a img.logo {display:none;}
.header:hover h1 a img.logo_on {display:block;}
.header:hover .lang > a,
.header:hover .gnb > li > a {color: #000;}
.header:hover .sns a img.hover {opacity: 1;}
.header:hover .sns a img.basic {opacity: 0;}
.header:hover .lang .line {background: #000;}
.header:hover .gnb_2depth {display:block;}
.header:hover .gnb_2depth_bg {display:block;}
.header:hover .all_menu_btn {filter:invert(1);}

.header.fixed {background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(5px);}
.header.fixed h1 a img.logo {display:none;}
.header.fixed h1 a img.logo_on {display:block;}
.header.fixed .lang > a,
.header.fixed .gnb > li > a {color: #000;}
.header.fixed .sns a img.hover {opacity: 1;}
.header.fixed .sns a img.basic {opacity: 0;}
.header.fixed .lang .line {background: #000;}
.header.fixed .all_menu_btn {filter:invert(1);}

.header.on h1 a img.logo {display:none;}
.header.on h1 a img.logo_on {display:block;}
.header.on .lang > a,
.header.on .gnb > li > a {color: #000;}
.header.on .sns a img.hover {opacity: 1;}
.header.on .sns a img.basic {opacity: 0;}
.header.on .lang .line {background: #000;}
.header.on .all_menu_btn {filter:invert(1);}

/********** all menu **********/
.all_menu {display: none; position:fixed; width:100%; height:100%; z-index:5000; border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(216, 164, 143, 0.90); backdrop-filter: blur(20px); top: 0;}
.all_menu .inner {position: relative;}
.all_menu_close {position:absolute; right:0; top:1.62rem; width:3.125rem; cursor:pointer;}
.all_menu_close img {width:100%;}
.all_menu .logo {padding-top:6.25rem; text-align: center;}
.all_menu .logo img {width: 20.00013rem;}
.all_menu_list {margin: 8.95rem auto 0; display:flex; max-width: 87.5rem;}
.all_menu_list dl {width:calc(100%/4); min-height: 25rem; display: flex; justify-content: center;}
.all_menu_list dl > div {min-width: 14.37rem;}
.all_menu_list dl + dl {border-left:1px solid rgba(255, 255, 255, 0.20);}
.all_menu_list dt {color: #FFF; font-size: 1.75rem; font-weight: 700; line-height: 1.29; letter-spacing: -0.025rem; margin-bottom: 1.88rem;}
.all_menu_list dd + dd {margin-top:1.25rem;}
.all_menu_list dd a {font-size:1.375rem; color: #fff; transition:all 0.3s; opacity: .7; line-height: 1.45; letter-spacing: -0.01875rem; font-weight: 600; display: block; min-width: max-content;}
.all_menu_list dl dd a:hover {opacity: 1; text-decoration: underline; text-underline-offset: 3px;}

/********** footer **********/
.footer {background: #000; padding: 3.19rem 0;}
.footer * {color: #fff;}
.footer .ft_logo img {width: 12.93731rem;}
.footer .ft_top {margin-top: 3.29rem; align-items: flex-start;}
.footer .ft_info li {display: flex; align-items: center; gap: 1.25rem;}
.footer .ft_info li + li {margin-top: 0.5rem;}
.footer .ft_info a,
.footer .ft_info li span {color: #888; font-size: 0.9375rem; line-height: 1.3; letter-spacing: -0.025rem;}
.footer .ft_info li strong {color: var(--color2);}
.footer .ft_info a {font-weight: 600; text-decoration: underline; text-underline-offset: 3px; color: #fff;}
.footer .ft_sns {display: flex; justify-content: flex-end; gap:0.625rem; opacity: 0.5;}
.footer .ft_sns a img {width: 1.875rem;}
.footer .ft_bot {margin-top: 3.19rem; padding-top: 2.5rem; border-top: 1px solid rgba(255, 255, 255, 0.2);}
.footer .copy {color: #BEBEBE; font-family: var(--font-out); font-size: 0.875rem; font-weight: 400;}
.footer .ft_use {display: flex; gap:1.625rem; align-items: center;}
.footer .ft_use a {color: #BEBEBE; font-family: var(--font-man); font-size: 0.875rem; font-weight: 400; line-height: 1.7; letter-spacing: -0.025rem;}
.footer .ft_use a b {color: #fff; font-weight: 700;}

/********** quick menu **********/
.quick {position: fixed; right: 3.75rem; bottom: 3.75rem; z-index: 100;}
.quick li + li {margin-top: .75rem;}
.quick a {display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; border-radius: 100%; background: #2F3D53; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.10);}
.quick a img {width: 1.5rem;}
.quick > ul > li.naver > a > img {width:1.25rem;}
.quick a.top_btn {background: #FAFAFA; }
.naver a {background:#03CD5C}
.kakao a {background:#FFE100}

/********** main **********/
/* common */
.main .section {padding: 12.5rem 0;}
.main .leftText_style p {color: #000; font-size: 1.5rem; font-weight: 400; line-height: 1.33; letter-spacing: -0.03844rem;}
.main .leftText_style h2 {color: #000; font-family: var(--font-cor); font-size: 5rem; font-weight: 400; line-height: 1.2;}
.main .leftText_style a {margin-top: 7.5rem; gap: .62rem; width: 11.25rem; height: 3.4375rem; font-size: 1.5rem; font-weight: 600; font-family: var(--font-cor); border-radius: 3.125rem; border: 1px solid #000; transition: all .3s;}
.main .leftText_style a img {width: 1.40625rem; transition: all .3s;}
.main .leftText_style a:hover {background: #000; color: #fff;}
.main .leftText_style a:hover img {filter: var(--filter-white);}
/* visual */
.main .visual {position: relative; overflow: hidden;}
.main .visual .swiper-slide {height: 59.375rem; position: relative;}
.main .visual .swiper-slide .vis_img {height: 100%;}
.main .visual .swiper-slide .vis_img img {width: 100%; height: 100%; object-fit:cover;}
.main .vis_bt {position: absolute; left: 50%; right: 0; top: 25.13rem; transform:translatex(-50%); z-index: 1;}
.main .vis_bt h2 {position: relative; overflow: hidden; min-height: 9.625rem;}
.main .vis_bt h2 span {font-size: 4.375rem; font-weight: 400; word-break: keep-all; line-height: 1.1; font-family: var(--font-cor); color: #fff;}
.main .vis_bt .progress-box {margin-top: 5.31rem; height: .0625rem; overflow: hidden;}
.main .vis_bt .autoplay-progress { position: relative; z-index: 10; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.4);}
.main .vis_bt .autoplay-progress svg { --progress: 0; position: absolute; left: 0; top: 0; z-index: 10; width: 100%; stroke-width: 100%; stroke: #fff; fill: none; stroke-dashoffset: calc(100 * (1 - var(--progress))); stroke-dasharray: 100 }
.main .vis_bt .flex-jb {margin-top: 3.72rem; align-items: flex-end;}
.main .vis_bt p {opacity: .8; position: relative; overflow: hidden; min-height: 4rem; width: 100%;}
.main .vis_bt p span {font-size: 1.3125rem; font-weight: 400; line-height: 1.5; word-break: keep-all; color: #fff;}
.main .vis_arrow {gap: 1.01138rem;}
.main .vis_arrow div {width: 5.05681rem; height: 5.05681rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color2); cursor: pointer; z-index: 10;}
.main .vis_arrow div img {width: 1.517rem; transition: all .3s;}
.main .vis_arrow div:hover {background: var(--color2);}
.main .vis_arrow div:hover img {filter: var(--filter-black);}
.main .vis_bt .aniTxt {position: absolute; top: 0; left: 0; display: inline-block; transform: translateY(50px); opacity: 0; transition: transform .5s, opacity .8s;}
.main .vis_bt .aniTxt.show {transform: translateY(0); opacity: 1; }
.main .vis_bt .aniTxt.hide {transition: transform .4s, opacity .4s;}
/* sec1 */
.main .sec1 {padding-bottom: 5.87rem; overflow: hidden;}
.main .sec1 .txtCont h3 p {overflow: hidden; height: 6rem;}
.main .sec1 .txtCont h3 span {transform: translateY(100%); transition: all .4s ease; color: #000; font-family: var(--font-cor); font-size: 5rem; font-weight: 400; line-height: 1.2; width: 100%; display: block; text-align: center;}
.main .sec1 .txtCont h3.flex-jc {gap: 1.4375rem;}
.main .sec1 .txtCont h3 img {width: 20rem;}
.main .sec1.active h3 span {transform: translateY(0);}
.main .sec1.active .txt02 {transition-delay: .15s;}
.main .sec1.active .txt03 {transition-delay: .2s;}
.main .sec1 .cont {position: relative; padding-top: 12.5rem;}
.main .sec1 .circle {position: absolute; top: 5.25rem; right: -7.25rem; width: 14.5rem; animation: rot 15s linear infinite; z-index: 5;}
@keyframes rot {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.main .sec1 .circle img {width: 100%;}
.main .sec1 .clipBox {width: 100%; height: 37.5rem; overflow: hidden; position: relative;}
.main .sec1 .clipBox .imgBox {width: 100%; height: 100%; border-radius: 1.25rem; overflow: hidden; position: relative;}
.main .sec1 .clipBox .img {--clip-space: 0%; clip-path: inset(0 var(--clip-space) 0 0); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.main .sec1 .clipBox .img01 { z-index: 3; }
.main .sec1 .clipBox .img02 { z-index: 2; }
.main .sec1 .clipBox .img03 { z-index: 1; }
.main .sec1 .clipBox .img01 {background-image: url('/img/main/sec1_img01.jpg');} 
.main .sec1 .clipBox .img02 {background-image: url('/img/main/sec1_img02.jpg');} 
.main .sec1 .clipBox .img03 {background-image: url('/img/main/sec1_img03.jpg');} 
.main .sec1 .clipBox .txtBox {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}
.main .sec1 .clipBox .txtBox .txt {transition: transform .8s, opacity .8s; opacity: 0; transform: translateY(2.5rem); position: absolute; top: 0; left: 0; width: 100%; display: flex; align-items: center; justify-content: center; color: #FAF8F3; text-align: center; flex-direction: column; height: 100%;}
.main .sec1 .clipBox .txtBox .txt h4 {font-family: var(--font-cor); font-size: 3.4375rem; font-weight: 500; line-height: 1.1;}
.main .sec1 .clipBox .txtBox .txt p {margin-top: 3.44rem; font-size: 1.5rem; font-weight: 500; line-height: 1.22; letter-spacing: -0.03125rem;}
.main .sec1 .clipBox .txtBox .txt span {display: block; margin-top: 1.6875rem; font-size: 1.125rem; font-weight: 400; line-height: 1.5;}
.main .sec1 .botTxt {margin-top: 5.69rem; color: #000; font-family: var(--font-cor); opacity: .1; font-size: 6.25rem; font-weight: 400; line-height: 1.1; width: max-content; margin-left: .87rem; line-height: 1;}
/* sec2 */
.main .sec2 {text-align: center; color: var(--color2); position: relative;}
.main .sec2::after {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('/img/main/noise_bg.jpg') center; z-index: -1; opacity: 0; transition: all .4s;}
.main .sec2.active::after {opacity: 1;}
.main .sec2 > h2 {font-family: var(--font-cor); font-size: 4.0625rem; font-weight: 500; line-height: 1.1; color: var(--color2);}
.main .sec2 > p {margin-top: 3.12rem; color: #FFF; font-size: 1.25rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.03125rem; opacity: 0.8;}
.main .sec2 .cont {position: relative; padding-top: 6.25rem; max-width: 99.9375rem; margin: 0 auto;}
.main .sec2 .cover {margin: 0 auto; width: 31.25rem; height: 43.75rem; background: url('/img/main/sec2_img.jpg') no-repeat center/cover; border-radius: 1.25rem; overflow: hidden; position: relative;}
.main .sec2 .txtBox {position: absolute; bottom: 0; left: 0; width: 100%; height: 43.75rem; overflow: hidden;}
.main .sec2 .txt {position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; min-width: max-content;}
.main .sec2 .txt:first-child {transform: translateY(100%); opacity: 0; text-align: left;}
.main .sec2 .txt:last-child {transform: translateY(200%);}
.main .sec2 .txt h2 {min-width: 48.6875rem; color: #FAF8F3; font-family: var(--font-cor); font-size: 4.6875rem; font-weight: 500; line-height: 1.1;}
.main .sec2 .txt h2 + h2 {margin: .19rem; padding-left: 9rem;}
.main .sec2 .txt p {color: #FFF; font-size: 2rem; font-weight: 500; line-height: 1.5; letter-spacing: -0.03125rem;}
.main .sec2 .txt .line {display: block; margin: 1.5625rem auto; width: 1px; height: 4.0625rem; background: #fff;}
/* sec3 */
.main .sec3 .inner {position: relative; display: flex;}
.main .sec3 .txtBox {position: relative; width: calc(100% - 60.75rem);}
.main .sec3 .txt {position: sticky; top: 12.5rem; left: 0;}
.main .sec3 .prdList {width: 60.75rem; display: flex; gap: 5rem;}
.main .sec3 .prdList ul {width: calc(50% - 2.5rem);}
.main .sec3 .prdList ul + ul {margin-top: 19.38rem;}
.main .sec3 .prdList li + li {margin-top: 6.25rem;}
.main .sec3 .prdList .img {width: 100%; aspect-ratio: 44 / 51; border-radius: 1.25rem; position: relative; overflow: hidden;}
.main .sec3 .prdList .img > img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main .sec3 .prdList .hover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(216, 164, 143, 0.90); backdrop-filter: blur(5px); display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 1.25rem; opacity: 0; transition: all .3s;}
.main .sec3 .prdList .hover p {color: #FFF; font-family: var(--font-cor); font-size: 2.1875rem; font-weight: 600; line-height: 1.2;}
.main .sec3 .prdList .hover img {width: 1.40625rem;}
.main .sec3 .prdList .img:hover .hover {opacity: 1;}
.main .sec3 .prdList li p {margin-top: 1.37rem; font-size: 1.5rem; font-weight: 400; line-height: 1.37;}
/* sec4 */
.main .sec4 {background-color: #fff; overflow: hidden;}
.main .sec4 h2 {text-align: center; color: #000; font-family: var(--font-cor); font-size: 5rem; font-weight: 400; line-height: 1.2;}
.main .sec4 .tab li, .main .sec4 .tab a {text-align: center; width: 10rem; padding: 1rem 0; font-size: 1.125rem; font-weight: 500; border-bottom: 1px solid rgba(172, 172, 172, 0.30); line-height: 1.4; letter-spacing: -0.0625rem; color: #8E8E8E; cursor: pointer; display: block;}
.main .sec4 .tab li.on, .main .sec4 .tab a.on {color: #000; border-bottom: 2px solid #000;}
.main .sec4 .tabCont .cont:not(.on) {display: none;}
.main .sec4 .tabCont .cont {position: relative;}
.main .sec4 .tabCont .cont .swiper-slide:hover {cursor: none;}
#cursor_div.disabled {opacity: 0; pointer-events: none;}
.main .sec4 .swiper-slide {width: 75rem; overflow: hidden; aspect-ratio: 24 / 11; margin: 0 2.34rem; opacity: .3;}
.main .sec4 .swiper-slide-active {opacity: 1;}
.main .sec4 .swiper-slide img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
#cursor_div{position: fixed; left: 0; top: 0; pointer-events: none; z-index:1000;}
.cursor{width: 0; height: 0; border-radius:100%; background: rgba(216, 164, 143, 0.80); backdrop-filter: blur(4px); gap:1.22rem; transition:all 0.3s; transform: translate(-50%, -50%);}
.cursor.on{width: 8.125rem; height: 8.125rem;}
.cursor span{font-size: 0; font-weight: 600; color:#fff; transition:all 0.3s; font-family: var(--font-cor);}
.cursor.on span{font-size: 1.375rem;}
.cursor img{width:0; transition:all 0.3s;}
.cursor.on img{width:0.59213rem;}
/* sec5 */
.main .sec5 {background: url('/img/main/sec5_bg.jpg') no-repeat center/cover;}
.main .sec5 .inner {align-items: flex-start;}
.main .sec5 .list {width: 59.3125rem;}
.main .sec5 .list li {border-bottom: 1px solid rgba(142, 142, 142, 0.50); position: relative; overflow: hidden;}
.main .sec5 .list li::before {content: ""; width: 100%; height: 100%; background: #fff; position: absolute; top: 100%; left: 0; transition: all .4s ease; opacity: .8;}
.main .sec5 .list li:first-child {border-top: 1px solid rgba(142, 142, 142, 0.50);}
.main .sec5 .list li a {padding: 2.1875rem 1.875rem; position: relative; z-index: 1;}
.main .sec5 .list li .notice {padding: .59rem 1.5rem; font-size: 1.125rem; font-weight: 600; color: #fff; letter-spacing: -0.03125rem; border-radius: 6.25rem; background: #1E293B; margin-right: 1.25rem;}
.main .sec5 .list li a > div {display: flex; align-items: center; max-width: 85%; width: 100%;}
.main .sec5 .list li .subject {font-size: 1.375rem; font-weight: 500; line-height: 1.33; max-width: calc(100% - 6.25rem); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main .sec5 .list li .date {font-size: 1.25rem; text-align: right; font-weight: 400; line-height: 1.5; opacity: .7;}
.main .sec5 .list li:hover::before {top: 0;}
/* sec6 */
.main .sec6 {padding: 9.38rem 0 4.69rem; background: #1E293B;}
.main .sec6 .inner {align-items: flex-start; gap: 3.69rem;}
.main .sec6 .mapCont {width: calc(100% - 42.5rem - 3.69rem); overflow: hidden; aspect-ratio: 430 / 280; border-radius: 1.25rem;}
.main .sec6 .root_daum_roughmap_landing {width: 100% !important; height: 100%;}
.main .sec6 .root_daum_roughmap .wrap_map {height: 100%;}
.main .sec6 .wrap_controllers,
.main .sec6 .map_border {display: none;}
.main .sec6 .info {width: 42.5rem; color: #FAF8F3;}
.main .sec6 .info > div {padding: 2.5rem 0; border-bottom: 1px solid rgba(227, 227, 227, .5);}
.main .sec6 .info h2 {font-family: var(--font-cor); font-size: 5rem; font-weight: 400; line-height: 1;}
.main .sec6 .top {margin-top: 1rem; padding-top: 0;}
.main .sec6 .top p {font-size: 1.25rem; font-weight: 500; line-height: 1.4; letter-spacing: -0.0625rem;}
.main .sec6 .top p + p {margin-top: 1.5rem;}
.main .sec6 .top .flex {gap: 0.9375rem;}
.main .sec6 .top a {gap: 0.625rem; padding: .75rem 1.75rem; font-size: 1rem; font-weight: 700; color: #1E293B; letter-spacing: -0.0625rem; line-height: 1.37; background: #FAF8F3; border-radius: 3.125rem;}
.main .sec6 .top a img {width: 0.9375rem;}
.main .sec6 .top .copy img {width: 2.875rem; cursor: pointer;}
.main .sec6 .info .tit {font-size: 1.125rem; font-weight: 500; letter-spacing: -0.05rem; width: 10rem;}
.main .sec6 .mid .cont {font-family: var(--font-wix); font-size: 1.75rem; font-weight: 700; line-height: 1.2; letter-spacing: -0.0375rem;}
.main .sec6 .bot {align-items: flex-start; border-bottom: 0 !important;}
.main .sec6 .bot ul li + li {margin-top: 0.625rem;}
.main .sec6 .bot ul span {color: #FAF8F3; font-size: 1rem; font-weight: 400; letter-spacing: -0.0375rem; display: flex; width: 8.75rem;}
.main .sec6 .bot ul strong {color: #FAF8F3; font-size: 1.125rem; font-weight: 700; letter-spacing: -0.05rem; display: flex; width: calc(100% - 8.75rem); font-family: var(--font-wix);}
.main .sec6 .bot ul strong.flex {gap: .56rem;}
.main .sec6 .bot ul strong span {padding: 0 .37rem; height: 1.25rem; border-radius: 0.1875rem; background: #FAF8F3; color: #1E293B; font-size: 0.75rem; font-weight: 600; letter-spacing: -0.0375rem; width: auto; font-family: var(--font-pre);}
.main .sec6 .bot ol {margin-top: .62rem; color: #FAF8F3; font-size: 1rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.0375rem; opacity: .5;}


@media screen and (max-width:1640px) {
	.inner {max-width: calc(100% - (3.75rem*2));}

	/* sec2 */
	.main .sec2 .cover {max-width: calc(100% - (3.75rem*2));}
	
	/* sec4 */
	.main .sec4 .swiper .inner{padding: 0 !important;}

	/* sec5 */
	.main .sec5 .list {width: 55.3125rem;}

	/* sec6 */
	.main .sec6 .mapCont {width: calc(100% - 37.5rem - 3.69rem);}
	.main .sec6 .info {width: 37.5rem;}
}

@media screen and (max-width:1540px) {
	/* sec3 */
	.main .sec3 .txtBox {width: calc(100% - 55.75rem);}
	.main .sec3 .prdList {width: 55.75rem;}

	/* sec5 */
	.main .sec5 .list {width: 50.3125rem;}
}

@media screen and (max-width:1440px) {
	html {font-size: 80%;}
	.inner {max-width: calc(100% - (2rem*2));}
}

@media screen and (max-width:1280px) {
	/* .inner {max-width: calc(100% - (3rem*2));} */
	
	/********** quick menu **********/
	.quick {right: 1.25rem;}

	/* sec2 */
	.main .sec2 .cover {max-width: calc(100% - (2rem*2));}

	/* sec3 */
	.main .sec3 .txtBox {width: calc(100% - 45.75rem);}
	.main .sec3 .prdList {width: 45.75rem;}
}

@media screen and (max-width:1024px) {
	html {font-size: 100%;}

	/********** 공통 **********/
	.pc {display:none !important;}
	.mob {display:block !important;}

	.inner {max-width:100%; padding-left: 1.25rem; padding-right: 1.25rem;}

	.mt_10 {margin-top: .62rem;}
	.mt_20 {margin-top: 1.25rem;}
	.mt_30 {margin-top: 1.875rem;}
	.mt_40 {margin-top: 1.25rem;}
	.mt_50 {margin-top: 2rem;}
	.mt_60 {margin-top: 2.5rem;}
	.mt_70 {margin-top: 4.375rem;}
	.mt_80 {margin-top: 5rem;}

	/********** HEADER **********/
	.header {height:4.375rem;}
	.header h1 a img {width: 9.24294rem;}
	.header .lang,
	.header .sns,
	.gnb_2depth_bg,
	.all_menu,
	.gnb_wrap,
	.header .gnb {display: none !important;}
	.all_menu_btn {display: none;}
	.head_mob_btn {display: block !important;}
	.head_mob_btn img {width: 1.3125rem;}
	.header.fixed .head_mob_btn,
	.header:hover .head_mob_btn {filter: invert(1);}

	.header.on {border-bottom: 1px solid rgba(147, 143, 139, 0.50); background: #FAF8F3;}
	.header.on .head_mob_btn {filter:invert(1);}

	/********** sideMenu **********/
	.head_bg {position: fixed; right: 0; top: 0; z-index: 10000; background: #fff; width: 100%; height: 100vh; text-align: right;}
	.head_bg.on{display:block !important;}
	.head_bg .head_bg_inner {position: relative; width: 100%; height: 100%; overflow-y: auto; text-align: left;}
	.head_bg .head_bg_close {width: 1.5rem; cursor:pointer; position: absolute; right: 0.66rem; top: 1.09rem;}
	.head_bg .head_bg_logo{margin: 3.5rem 0 2.11rem; text-align: center;}
	.head_bg .head_bg_logo img {width: 9.24294rem;}
	.head_bg .flex-jb {padding: 0 1.38rem;}
	.head_bg .lang{gap: 0.9375rem;}
	.head_bg .lang a{font-size: 0.875rem; letter-spacing: -0.0375rem; font-family: var(--font-out); color: #000; opacity: 0.5;}
	.head_bg .lang a.on{font-weight: 700; opacity: 1; color: #D8A48F;}
	.head_bg .lang .line{width: 0.0625rem; height: 0.75rem; opacity: 0.5; background: #000; display: inline-block;}
	.head_bg .sns {gap: 0.625rem;}
	.head_bg .sns img {width: 2.30113rem;}
	.head_bg #accordion {border-top: 1px solid #E3E3E3; margin-top: 0.79rem;}
	.head_bg #accordion li > div {position: relative; font-size: 1rem; font-weight: 700; padding: .87rem 1.38rem; border-bottom: 1px solid #E3E3E3; cursor:pointer; letter-spacing: -0.03rem;}
	.head_bg #accordion li > div::after {content: ""; background: url("/img/main/accordion_arrow.svg") no-repeat center / contain; position: absolute; top: 50%; transform: translateY(-50%); right: 1.22rem; width: 1.03194rem; height: 1.03194rem; transition:all 0.3s;}
	.head_bg .submenu {display: none; padding: 1rem 1.37rem; border-bottom: 1px solid #E3E3E3; background: #F9F9F9;}
	.head_bg .submenu a {font-size: 0.875rem; font-weight: 500; display: block; line-height: 2.5; color: #8E8E8E;}
	.head_bg .submenu a:hover {color: #000;}
	.head_bg #accordion li.on > div{background: #D8A48F; color:#fff;}
	.head_bg #accordion li.on > div::after {transform: translateY(-50%) rotate(-180deg); filter:invert(1);}
	
	/********** all menu **********/
	.all_menu_close {display: none;}

	/********** footer **********/
	.footer {padding: 3.76225rem 0 3.75rem;}
	.footer .ft_logo img {width: 10.69388rem;}
	.footer .ft_top {margin-top: 2.11rem;}
	.footer .ft_info li {gap: 0.3125rem 0.625rem; flex-wrap: wrap;}
	.footer .ft_info li + li {margin-top: 0.3125rem;}
	.footer .ft_info li .w100 {width: 100%;}
	.footer .ft_info a,
	.footer .ft_info li span {font-size: 0.875rem;}
	.footer .ft_info a {margin-top: .31rem;}
	.footer .ft_sns {gap:0.83331rem; margin-top: 1.875rem;}
	.footer .ft_sns a img {width: 2.5rem;}
	.footer .ft_bot {margin-top: 1.875rem; padding-top: 1.875rem; flex-direction: column-reverse; align-items: flex-start; justify-content: flex-start;}
	.footer .copy {margin-top: 0.625rem;}

	/********** quick menu **********/
	.quick {right: .5rem; bottom: 1.22rem;}
	.quick li + li {margin-top: .63rem;}
	.quick a {width: 3.125rem; height: 3.125rem;}
	.quick a img {width: 1.25rem;}
	.quick > ul > li.naver > a > img {width:1rem;}

	/********** main **********/
	/* common */
	.main .section {padding: 6.25rem 0;}
	.main .leftText_style p {font-size: 0.875rem;}
	.main .leftText_style h2 {font-size: 2.125rem;}
	.main .leftText_style h2 br {display: none;}
	.main .leftText_style a {margin-top: 2.5rem; gap: .5rem; width: 7.5rem; height: 2.29169rem; font-size: 1rem; border-radius: 2.08331rem;}
	.main .leftText_style a img {width: 0.9375rem;}
	/* visual */
	.main .visual .swiper-slide {height: 40.625rem;}
	.main .vis_bt {top: 18.88rem;}
	.main .vis_bt h2 {min-height: 6.9rem;}
	.main .vis_bt h2 span {font-size: 3.125rem;}
	.main .vis_bt .progress-box {margin-top: 2.1875rem;}
	.main .vis_bt .flex-jb {margin-top: 2.1875rem; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 1.06rem;}
	.main .vis_bt p {min-height: 2.7rem;}
	.main .vis_bt p span {font-size: 0.875rem;}
	.main .vis_arrow {gap: 0.625rem;}
	.main .vis_arrow div {width: 3.125rem; height: 3.125rem;}
	.main .vis_arrow div img {width: 0.9375rem;}
	/* sec1 */
	.main .sec1 {padding: 5.06rem 0 4.56rem;}
	.main .sec1 .txtCont h3 p {height: 2.9rem;}
	.main .sec1 .txtCont h3 span {font-size: 2.375rem; text-align: left;}
	.main .sec1 .txtCont h3.flex-jc {gap: 0 .5rem; flex-wrap: wrap; justify-content: flex-start;}
	.main .sec1 .txtCont h3 img {width: 9.542rem;}
	.main .sec1 .cont {padding-top: 4.59rem;}
	.main .sec1 .circle {top: .25rem; right: -3.858em; width: 10.03088rem;}
	.main .sec1 .clipBox .txtBox .txt {padding: 0 1.06rem;}
	.main .sec1 .clipBox .txtBox .txt h4 {font-size: 2.125rem;}
	.main .sec1 .clipBox .txtBox .txt p {margin-top: 3.12rem; font-size: 1.125rem;}
	.main .sec1 .clipBox .txtBox .txt span {margin-top: 1.625rem; font-size: 0.875rem;}
	.main .sec1 .botTxt {margin-top: 1.22rem; font-size: 5rem;}
	/* sec2 */
	.main .sec2 > h2 {font-size: 2.125rem;}
	.main .sec2 > p {margin-top: 1.875rem; font-size: 0.875rem;}
	.main .sec2 .cont {padding-top: 2.5rem; max-width: calc(100% - 2.5rem);}
	.main .sec2 .cover {width: 7.4375rem; height: 40.625rem; background-image: url('/img/main/sec2_img_m.jpg'); max-width: 100%;}
	.main .sec2 .txtBox {height: 40.625rem;}
	.main .sec2 .txt h2 {min-width: auto; font-size: 2.125rem; text-align: center;}
	.main .sec2 .txt h2 + h2 {margin: .44rem; padding-left: 0;}
	.main .sec2 .txt p {font-size: 1.125rem;}
	.main .sec2 .txt .line {height: 3rem; margin: 1rem auto;}
	/* sec3 */
	.main .sec3 .inner {flex-direction: column; justify-content: flex-start; gap: 3.02rem;}
	.main .sec3 .txtBox {width: 100%;}
	.main .sec3 .txt {top: 12.5rem;}
	.main .sec3 .prdList {width: 100%; gap: 5rem; gap: 1.875rem;}
	.main .sec3 .prdList ul {width: 50%;}
	.main .sec3 .prdList ul + ul {margin-top: 0;}
	.main .sec3 .prdList li + li {margin-top: 1.875rem;}
	.main .sec3 .prdList .img {border-radius: 0.96694rem;}
	.main .sec3 .prdList .hover {gap: 1.25rem;}
	.main .sec3 .prdList .hover p {font-size: 1.8rem;}
	.main .sec3 .prdList .hover img {width: 1.2rem;}
	.main .sec3 .prdList li p {margin-top: .73rem; font-size: 1.125rem;}
	/* sec4 */
	.main .sec4 {padding: 4.56rem 1.25rem 5.19rem;}
	.main .sec4 h2 {font-size: 2.125rem;}
	.main .sec4 .tab li, .main .sec4 .tab a {width: calc(100%/4); font-size: 0.875rem;}
	.main .sec4 .swiper {border-radius: 1rem; overflow: visible;}
	.main .sec4 .swiper-slide {width: 80%; margin: 0 0.75rem; aspect-ratio: 24 / 11;}
	.main .sec4 .tabCont .cont .swiper-slide:hover {cursor: default;}
	#cursor_div {display: none;}
	.main .sec4 .swiper-pagination {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin-top: 1.25rem; display: flex; align-items: center; justify-content: center; gap: .5rem;}
	.main .sec4 .swiper-pagination,
	.main .sec4 .swiper-pagination span {color: #000; font-family: var(--font-out); font-size: 0.875rem; font-weight: 500; line-height: 1.85; letter-spacing: -0.0625rem;}
	.main .sec4 .swiper-pagination span:first-child {font-size: 1rem;}
	.main .sec4 .swiper-pagination span:last-child {opacity: .5;}
	/* sec5 */
	.main .sec5 {background-image: url('/img/main/sec5_bg_m.jpg'); padding: 5.12rem 0 5.06rem;}
	.main .sec5 .inner {flex-direction: column; align-items: flex-start; gap: 2.52rem;}
	.main .sec5 .list {width: 100%;}
	.main .sec5 .list li a {padding: 1.08rem 0; flex-direction: column; align-items: flex-start; gap: 0.3125rem;}
	.main .sec5 .list li a > div {max-width: 100%;}
	.main .sec5 .list li .notice {padding: 0.49788rem 0.99581rem; font-size: 0.7875rem; letter-spacing: -0.02075rem; border-radius: 4.14913rem; margin-right: 0.3125rem; max-width: calc(100% - 3.12rem);}
	.main .sec5 .list li .subject {font-size: 0.875rem;}
	.main .sec5 .list li:not(.hasNotice) .subject {max-width: 100%;}
	.main .sec5 .list li .date {font-size: 0.75rem;}
	.main .sec5 .list li::before {display: none;}
	/* sec6 */
	.main .sec6 {padding: 5rem 0;}
	.main .sec6 .inner {gap: .88rem; flex-direction: column; align-items: flex-start;}
	.main .sec6 .inner > h2 {margin-bottom: 1.37rem; color: #FAF8F3; font-family: var(--font-cor); font-size: 2.125rem; font-weight: 400; line-height: 1;}
	.main .sec6 .mapCont {width: 100%; border-radius: 0.5915rem; aspect-ratio: 430 / 331;}
	.main .sec6 .info {width: 100%;}
	.main .sec6 .info > div {padding: 1.18294rem 0;}
	.main .sec6 .top {margin-top: 0;}
	.main .sec6 .top p {font-size: 1rem; letter-spacing: -0.02369rem;}
	.main .sec6 .top p + p {margin-top: 0.70975rem; word-break: keep-all;}
	.main .sec6 .top .flex {gap: 0.44363rem;}
	.main .sec6 .top a {gap: 0.54294rem; padding: 0.6515rem 1.52013rem; font-size: 0.86863rem; letter-spacing: -0.05431rem; border-radius: 2.71456rem;}
	.main .sec6 .top a img {width: 0.81438rem;}
	.main .sec6 .top .copy img {width: 2.49738rem;}
	.main .sec6 .info .tit {font-size: 1rem; letter-spacing: -0.02369rem; width: 5.31rem;}
	.main .sec6 .mid .cont {font-size: 1rem; letter-spacing: -0.01775rem; width: calc(100% - 5.31rem);}
	.main .sec6 .bot ul li + li {margin-top: 0.3125rem;}
	.main .sec6 .bot ul span {font-size: 0.875rem; letter-spacing: -0.01775rem; width: 4.14rem;}
	.main .sec6 .bot ul strong {font-size: 0.875rem; letter-spacing: -0.02369rem; width: calc(100% - 4.14rem);}
	.main .sec6 .bot ul strong.flex {gap: .56rem;}
	.main .sec6 .bot ul strong span {padding: 0 .28rem; height: 0.9375rem; border-radius: 0.14063rem; font-size: 0.5625rem; letter-spacing: -0.0375rem;}
	.main .sec6 .bot ol {margin-top: 0.3125rem; font-size: 0.75rem; letter-spacing: -0.01775rem;}
}

@media screen and (max-width:768px) {
	.pc2 {display:none !important;}
	.mob2 {display:block !important;}
	.main .sec3 .prdList {width: 100%; gap: 5rem; flex-direction: column; align-items: flex-start; gap: 1.875rem;}
	.main .sec3 .prdList ul {width: 100%;}
	.main .sec4 .swiper-slide {aspect-ratio: 430 / 375;}
}

@media screen and (max-width:384px) {
	.main .vis_bt h2 {min-height: 5.9rem;}
	.main .vis_bt h2 span {font-size: 2.7rem;}

	.main .sec1 .clipBox .txtBox .txt h4,
	.main .sec1 .clipBox .txtBox .txt p ,
	.main .sec1 .clipBox .txtBox .txt span {word-break: keep-all;}
	.main .sec1 .clipBox .txtBox .txt {padding: 0 .5rem;}

	.main .sec2 .txtBox {max-width: calc(100% - .5rem); left: 50%; transform: translateX(-50%);}
	.main .sec2 .txt {min-width: 100%;}
	.main .sec2 .txt p {word-break: keep-all;}
	.main .sec2 .txt p br {display: none;}

	.main .sec6 .bot ul strong.flex {flex-wrap: wrap; align-items: flex-start; gap: .25rem .56rem;}
}