@charset "utf-8";

@import url("common.css");
@import url('https://webfontbox.github.io/Arita/font.min.css');
@import url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap');
@font-face {
    font-family: 'Arita-buri';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*********************************************
    GNB (Global Navigation Bar)
*********************************************/
.sub #header{opacity:1}
.hdr-bg img{width:100%}
#header.on{background: rgba(0, 0, 0, 0.7); backdrop-filter: blur(10px);}

#header{position:absolute;left:0; top:0;display:flex;justify-content:space-between; width:100%; gap:10px; align-items: center; background-color:transparent; height:var(--header-height); margin:0 auto;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;z-index:100; padding:0 5%; box-sizing: border-box;}
#header .header-inner{display:flex;justify-content:space-between;gap:20px; align-items: center;width: 100%; max-width:1200px; height:100%;margin:0 auto;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
#header .logoArea{transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;z-index:4; width: 196px;}
#header .logo-s{display:inline-block;width:196px;min-height:15px;background:url(/resources/img/main/logo-s.svg) 0% 50% no-repeat;background-size:auto 15px; text-indent: -9999px;}
#header .util{flex:1; display:inline-flex;justify-content:flex-end; align-items: center; margin-right:60px; z-index:4}
#header .tel{display:inline-block;width:170px;min-height:31px;background:url(/resources/img/main/tel.svg) 0% 50% no-repeat;background-size:auto 31px; text-indent: -9999px;}

header.temp_header_skin1.scrollUp {transform: translateY(0); transition: all 0.8s;}
header.temp_header_skin1.scrollDown {transform: translateY(-100%); transition: all 0.5s;}

.nav-active header.temp_header_skin1.scrollUp{transform: unset;}
.nav-active header.temp_header_skin1.scrollDown{transform: unset;}

#header.active{position:fixed;top:0;left:0; background:rgba(28, 27,26, 0); z-index:9;  }
/* .fixed-image.active #header{opacity: 1; -webkit-transition-delay: 1s;transition-delay: 1s;  } */
/* mobile-menu */
.nav-but-wrap{position:absolute;right:5%; top:0; display:inline-flex;justify-content:flex-end; align-items: center; width:50px;height:var(--header-height); text-align:right; transition : all 0.3s ease-out; z-index:100}
body.nav-active .nav-but-wrap.bg_on{height:var(--header-height);  }
body.nav-active .nav-but-wrap.bg_on .menu-icon__line {background-color: #fff;} 

.menu-icon {height: 30px;width: 30px;position: relative;z-index:5;cursor: pointer;display: block;}
.menu-icon__line {height: 2px;width: 18px;float: right; background-color: #fff; margin-bottom: 7px;cursor: pointer;-webkit-transition: background-color .5s ease, -webkit-transform .2s ease;transition: background-color .5s ease, -webkit-transform .2s ease;transition: transform .2s ease, background-color .5s ease;transition: width .3s ease, transform .2s ease, background-color .5s ease, -webkit-transform .2s ease; }
.menu-icon__line-left {width: 30px;margin-top:4px;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.menu-icon__line-right {width: 30px;float: right;-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear;}
.menu-icon:hover .menu-icon__line,.menu-icon:hover .menu-icon__line-left, .menu-icon:hover .menu-icon__line-right {width: 30px;}

.nav {position: fixed;left:0;top:0; width:100%; z-index: 98;}
.nav:before, .nav:after {content: "";position: fixed;left:0; top:0; width: 100vw;min-height: 100vh;height:100%;background: rgba(9,9,12,0.6);border-bottom-left-radius: 200%;z-index:-1;-webkit-transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;-webkit-transform: translateX(100%) translateY(-100%);transform: translateX(100%) translateY(-100%); backdrop-filter: blur(10px);}
.nav:after {background: var(--concept-color);-webkit-transition-delay: 0s; transition-delay: 0s;}
.nav:before {-webkit-transition-delay: .2s; transition-delay: .2s;}

.nav__content {position: fixed;visibility: hidden;top: 50%; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%);display:flex; flex-direction: column; justify-content: center; width: 100%;text-align: center; padding:40px 0; height:100%; box-sizing: border-box;  }
#header.on .nav__content {top: 0; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); height:100vh;}
.nav__list {position: relative;padding:0;margin: 0;z-index: 2; }
.nav__logo{display: block;opacity: 0;text-align: center; margin-bottom:60px; transition: all 0.5s;}
.nav__logo img{max-height:138px;}

.nav__list_wrap{width: 100%; opacity: 0; visibility: hidden; transition: all 0.5s;}
.nav__list_wrap > ul{display: flex; gap: 110px; justify-content: center; position: relative;}
.nav__list_wrap > ul::after{content: ""; width: 100%; height: 1px; background: #DED1B7; position: absolute; top: 94px; left: 0; opacity: 0.5;}
.nav__list_wrap > ul > li > a{font-size: 32px; color: #DED1B7; font-family: "Nanum Myeongjo"; line-height: 70px; padding-bottom: 45px; font-weight: bold; letter-spacing: 0.5px; position: relative;}
.nav__list_wrap > ul > li > a::after{content: ""; width: 0; height: 3px; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; background: #DED1B7; transition: all 0.3s;}
.nav__list_wrap > ul > li:hover > a::after{width: 80px;}
.nav__list_wrap .gnb_depth_2{display: block !important; padding-top: 65px;}
.nav__list_wrap .gnb_depth_2 > ul > li > a{font-size: 20px; color: #fff; font-weight: 400; line-height: 240%; position: relative;}
.nav__list_wrap .gnb_depth_2 > ul > li > a::after{content: ""; width: 0%; height: 2px; position: absolute; left: 0; bottom: -2px; background: #fff; transition: all 0.3s;}
.nav__list_wrap .gnb_depth_2 > ul > li > a:hover::after{width: 100%;}

.nav__content .nav__banner_wrap{width: 100%; margin-top: 50px; padding-top: 35px; border-top: 1px solid rgba(222,209,183,0.3); opacity: 0; visibility: hidden; transition: all 0.5s;}
.nav__content .nav__banner_wrap .bnr_inner{display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; max-width: 1580px; margin: auto; width: 100%;}
.nav__content .nav__banner_wrap .bnr_inner a{width: 100%; height: 150px; position: relative; display: flex; align-items: center; justify-content: center; gap: 40px;}
.nav__content .nav__banner_wrap .bnr_inner a .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.nav__content .nav__banner_wrap .bnr_inner a .bg .bg_img{background-position: center center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 10s;}
.nav__content .nav__banner_wrap .bnr_inner a:hover .bg .bg_img{transform: scale(1.3);}
.nav__content .nav__banner_wrap .bnr_inner a:nth-child(1) .bg .bg_img{background-image: url('/resources/img/main/top_link01.jpg');}
.nav__content .nav__banner_wrap .bnr_inner a:nth-child(2) .bg .bg_img{background-image: url('/resources/img/main/top_link02.jpg');}
.nav__content .nav__banner_wrap .bnr_inner a .cursor{position: fixed; top: 0; left: 0; transform: translate(-50%, -50%); pointer-events: none; display: none; z-index: 1;}
.nav__content .nav__banner_wrap .bnr_inner a .cursor .cursor_trace{width: 130px; height: 130px; border-radius: 130px; backdrop-filter: blur(8px); background: rgba(255,255,255,0.2); display: flex; align-items: center; justify-content: center;}
.nav__content .nav__banner_wrap .bnr_inner a .cursor span{font-size: 18px; font-weight: 700; color: #fff;}

.nav__content .nav__banner_wrap .bnr_inner a p:nth-of-type(1){font-size: 28px; color: #fff; font-weight: 700; position: relative;}
.nav__content .nav__banner_wrap .bnr_inner a p:nth-of-type(2){font-size: 18px; color: #fff; font-weight: 400; position: relative;}
.nav__content .nav__banner_wrap .bnr_inner a > span{position: relative; display: block; width: 220px; height: 1px; background: #fff;}

/* 바디에 스크롤 막는 방법 */
.not_scroll{position: fixed;overflow: hidden;width: 100%;height: 100%}
.not_scroll .cont {position: relative;top: 0;}

body.nav-active .nav__content {visibility: visible;}
body.nav-active .menu-icon__line { width:30px; background-color: #ddd;-webkit-transform: translate(0px, 0px) rotate(45deg);transform: translate(0px, 0px) rotate(45deg);}
body.nav-active .menu-icon__line-left {width: 16px;-webkit-transform: translate(-3px, 5px) rotate(-45deg);transform: translate(-3px, 5px) rotate(-45deg);}
body.nav-active .menu-icon__line-right {width: 16px;float: right;-webkit-transform: translate(-12px, -4px) rotate(-45deg);transform: translate(-12px, -4px) rotate(-45deg);}
body.nav-active .menu-icon:hover .menu-icon__line-left,
body.nav-active .menu-icon:hover .menu-icon__line-right {width: 16px;}
body.nav-active .nav {visibility: visible;}
body.nav-active .nav:before, body.nav-active .nav:after {-webkit-transform: translateX(0%) translateY(0%); transform: translateX(0%) translateY(0%);border-radius: 0;}
body.nav-active .nav:after {-webkit-transition-delay: .1s; transition-delay: .1s;}
body.nav-active .nav:before {-webkit-transition-delay: 0s;transition-delay: 0s;}

body.nav-active .nav__logo {opacity: 1; -webkit-transition-delay: 0.7s;transition-delay: 0.7s;}
body.nav-active .nav__list_wrap{opacity: 1; visibility: visible; -webkit-transition-delay: 0.7s;transition-delay: 0.7s;}
body.nav-active .nav__banner_wrap{opacity: 1; visibility: visible; -webkit-transition-delay: 0.7s;transition-delay: 0.7s;}
body.nav-active{overflow: hidden;}
body.nav-active #header .logo{ display:none; }
body.nav-active #gnb{ display:none; }
body.nav-active #header .util{display:none; }

@media all and (max-height: 980px) {
    .nav__list_wrap{overflow-y: scroll;}
    .nav__list_wrap .gnb_depth_2{padding-top: 40px;}
    .nav__list_wrap .gnb_depth_2 > ul > li > a{line-height: 180%;}
    .nav__content .nav__banner_wrap{margin-top: 20px; padding-top: 20px;}
}
@media all and (max-width: 1580px){
    .nav__list_wrap > ul{gap: 30px;}
    .nav__list_wrap > ul > li > a{font-size: 24px;}
    .nav__content .nav__banner_wrap .bnr_inner{width: 100%; max-width: 1024px;}
    .nav__content .nav__banner_wrap .bnr_inner a p:nth-of-type(1){font-size: 20px;}
    .nav__content .nav__banner_wrap .bnr_inner a p:nth-of-type(2){font-size: 14px;}
    .nav__content .nav__banner_wrap .bnr_inner a > span{width: 80px;}
}
@media all and (max-width: 1024px){
    #header{height: 80px;}
    .nav-but-wrap{height: 80px;}
    .nav__content{padding: 70px 0 0;}
    .nav__logo{margin-bottom: 35px;}
    .nav__list_wrap{padding-top: 0;}
    .nav__list_wrap > ul{flex-direction: column;}
    .nav__list_wrap .gnb_depth_2{display: none !important;}
    .mo_only .nav__banner_wrap{display: none;}
}
@media screen and (max-width: 500px){
    #header .tel{width: 35px;}
}

/*********************************************
    모바일 헤더
*********************************************/
.mo_only .nav__content{justify-content: flex-start;}
.mo_only .nav__list_wrap > ul::after{display: none;}
.mo_only .nav__list_wrap > ul{gap: 0;}
.mo_only .nav__list_wrap > ul > li > a{font-size: 28px; width: 100%; height: 70px; display: flex; align-items: center; justify-content: space-between; padding: 0 30px;}
.mo_only .nav__list_wrap > ul > li > a > i{background: url('/resources/img/common/menu_arrow.svg'); width: 12px; height: 7px; transition: all 0.3s;}
.mo_only .nav__list_wrap > ul > li.on > a > i{transform: rotate(180deg);}
.mo_only .nav__list_wrap > ul > li > a::after{display: none;}
.mo_only .nav__list_wrap > ul > li .depth1{display: none; padding: 10px 30px; background: #2B2B2B; text-align: left;}
.mo_only .nav__list_wrap > ul > li .depth1 a{font-size: 18px; font-weight: 500; color: #fff; line-height: 180%;}
.mo_only .nav__banner_wrap{margin-top: 18px; padding: 0; border: 0;}
.mo_only .nav__content .nav__banner_wrap .bnr_inner{grid-template-columns: repeat(1,1fr); gap: 0;}
.mo_only .nav__content .nav__banner_wrap .bnr_inner a{flex-direction: column; align-items: flex-start; padding: 20px 30px; gap: 0;}
.mo_only .nav__content .nav__banner_wrap .bnr_inner a::after{content: ""; background: url('/resources/img/main/top_link_arrow.svg'); width: 18px; height: 17px; position: absolute; top: 30px; right: 20px;}
.mo_only .nav__content .nav__banner_wrap .bnr_inner a .cursor{display: none !important;}
.mo_only .nav__content .nav__banner_wrap .bnr_inner a > span{display: none;}
.nav__content .nav__banner_wrap .bnr_inner a p:nth-of-type(1){font-size: 20px; line-height: 24px; font-weight: bold;}
.nav__content .nav__banner_wrap .bnr_inner a p:nth-of-type(2){font-size: 14px; line-height: 24px; font-weight: 300;}

/*********************************************
    서브용 헤더
*********************************************/
body.stop{overflow: hidden;}
#header .sub__list_wrap{position: absolute; left: 50%; transform: translateX(-50%); z-index: 6;}
#header .sub__list_wrap > ul{display: flex; gap: 60px;}
#header .sub__list_wrap > ul > li{position: relative;}
#header .sub__list_wrap > ul > li > a{font-size: 16px; color: #fff;}
#header .sub__list_wrap .gnb_depth_2{position: absolute; text-align: center; left: 50%; transform: translateX(-50%); white-space: nowrap; padding: 13px 23px; background: #525252; border-radius: 15px; opacity: 0; visibility: hidden; transition: all 0.3s;}
#header .sub__list_wrap .gnb_depth_2 > ul > li > a{font-size: 14px; color: #fff; line-height: 220%; opacity: 0.5; transition: all 0.3s;}
#header .sub__list_wrap .gnb_depth_2 > ul > li > a:hover{opacity: 1;}
#header .sub__list_wrap > ul > li:hover .gnb_depth_2{opacity: 1; visibility: visible;}
@media screen and (max-width: 1250px){
    #header .sub__list_wrap > ul {display: flex; gap: 30px;}
}
@media screen and (max-width: 1024px){
    #header .sub__list_wrap{display: none;}
}
/*********************************************
    브레드크럼 (Breadcrumbs) 네비게이션
    사용자의 현재위치 / 사이트 이동경로
*********************************************/
.sub_top_visual #page_location{display: flex; align-items: center; justify-content: flex-end; gap: 10px; position: relative; top: 26px;}
.sub_top_visual #page_location span{width: 2px; height: 2px; border-radius: 2px; background: #fff; display: block;}
.sub_top_visual #page_location li{font-size: 16px; letter-spacing: -0.5px; color: #fff; font-weight: 300; font-family: 'pretendard';}

/*********************************************
    서브비주얼
*********************************************/
.sub_top_visual {
    position: relative;
    max-width: 1580px;
    margin:0 auto;
    padding-top:200px;
    height:230px;
    transition: all .3s;
    box-sizing: content-box;
}
.sub_top_bg {width: 50%; height: 470px; display: block; position: relative; margin: auto; opacity: 0; animation: sub_top_bg 2s both ease-in-out; will-change: width;}
.sub_top_bg::after{content: ""; position: absolute; top: -55px; left: 0; right: 0; margin: auto; width: 1px; height: 0; background: #DAC2A3; animation: sub_top_line 1s 1.5s both ease-in-out;}
@keyframes sub_top_bg {
    0%{width: 70%; opacity: 0;}
    100%{width: 100%; opacity: 1;}
}
@keyframes sub_top_line {
    0%{height: 0;}
    100%{height: 110px;}
}

.ready_wrap .sub_top_bg{background: url('/resources/img/sub/sub_top_ready.jpg') center center/cover no-repeat;}
/* 사업안내 */
.overview_wrap .sub_top_bg{background: url('/resources/img/sub/sub_top_overview.jpg') center center/cover no-repeat;}
.environment_wrap .sub_top_bg{background: url('/resources/img/sub/sub_top_environment.jpg') center center/cover no-repeat;}
.premium_wrap .sub_top_bg{background: url('/resources/img/sub/sub_top_premium.jpg') center center/cover no-repeat;}
.brand_wrap .sub_top_bg{background: url('/resources/img/sub/sub_top_brand.jpg') center center/cover no-repeat;}
.location_wrap .sub_top_bg{background: url('/resources/img/sub/sub_top_location.jpg') center center/cover no-repeat;}

/* 단지안내 */
.drawing_wrap .sub_top_bg{background: url('/resources/img/sub/sub_top_drawing.jpg') center center/cover no-repeat;}
.layout_wrap .sub_top_bg{background: url('/resources/img/sub/sub_top_layout.jpg') center center/cover no-repeat;}
.landscaping_wrap .sub_top_bg{background: url('/resources/img/sub/sub_top_landscaping.jpg') center center/cover no-repeat;}
.community_wrap .sub_top_bg{background: url('/resources/img/sub/sub_top_community.jpg') center center/cover no-repeat;}
.aiq_wrap .sub_top_bg{background: url('/resources/img/sub/sub_top_aiq.jpg') center center/cover no-repeat;}

/* 세대안내 */
.unit_wrap .sub_top_bg{background: url('/resources/img/sub/sub_top_unit.jpg') center center/cover no-repeat;}

/* 분양안내 */
.schedule_wrap .sub_top_bg{background: url('/resources/img/sub/sub_top_schedule.jpg') center center/cover no-repeat;}
.supply_wrap .sub_top_bg{background: url('/resources/img/sub/sub_top_supply.jpg') center center/cover no-repeat;}
.notice_wrap .sub_top_bg{background: url('/resources/img/sub/sub_top_notice.jpg') center center/cover no-repeat;}
.information_wrap .sub_top_bg{background: url('/resources/img/sub/sub_top_information.jpg') center center/cover no-repeat;}
.winner_doc_wrap .sub_top_bg{background: url('/resources/img/sub/sub_top_winner_doc.jpg') center center/cover no-repeat;}
.contract_wrap .sub_top_bg{background: url('/resources/img/sub/sub_top_contract.jpg') center center/cover no-repeat;}
.housingfund_wrap .sub_top_bg{background: url('/resources/img/sub/sub_top_housingfund.jpg') center center/cover no-repeat;}
.stampduty_wrap .sub_top_bg{background: url('/resources/img/sub/sub_top_stampduty.jpg') center center/cover no-repeat;}

/* 홍보센터 */
.promotion_wrap .sub_top_bg{background: url('/resources/img/sub/sub_top_promotion.jpg') center center/cover no-repeat;}
.promotion_video_wrap .sub_top_bg{background: url('/resources/img/sub/sub_top_promotion_video.jpg') center center/cover no-repeat;}

/* 고객센터 */
.regist_wrap .sub_top_bg{background: url('/resources/img/sub/sub_top_regist.jpg') center center/cover no-repeat;}


.sub_top_visual h2 {position: relative; color:#DED1B7; font-size:120px; font-weight: 500; line-height:80px; text-transform: uppercase; font-family: 'Arita-buri'; text-align: center; margin-bottom: 30px;}
.sub_top_visual p{text-align: center; font-size: 30px; color: #fff; font-weight: 500;}
.sub_top_visual .sub_visual_title {color: #fff; position: relative; z-index: 20; text-align: center;}
.sub_top_visual .sub_visual_title strong {
    font-weight: 500;
}
@media screen and (max-width: 1650px){
    .sub_top_visual{padding: 200px 30px 0;}
}

@media screen and (max-width: 1024px) {
    .sub_top_bg{height: 230px;}
    .sub_top_visual {height: 250px; padding:140px 20px 0;}
    .sub_top_visual h2 {padding: 0; font-size:40px; line-height: 50px; margin-bottom: 10px;}
    .sub_top_visual #page_location{justify-content: center;}
}
@media screen and (max-width: 480px) {
    /* .sub_top_visual {height: 200px;} */
}

/*********************************************
    풋터
*********************************************/
footer {position: relative; width: 100%; background: #222222;}
.footer_inner{padding: 70px 70px 65px; width: 100%;}
.footer_inner .top{text-align: center; margin-bottom: 47px;}
.footer_inner .middle{display: grid; grid-template-columns: repeat(3,1fr); align-items: end; padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid rgba(255,255,255,0.15); position: relative;}
.footer_inner .middle .info_wrap{width: 1000px;}
.footer_inner .middle .info_wrap .info{font-size: 14px; font-weight: 200; color: #fff; line-height: 20px; opacity: 0.3; margin-bottom: 18px; text-align: center;}
.footer_inner .middle .info_wrap .info2{display: flex; align-items: center; justify-content: center; gap: 15px;}
.footer_inner .middle .info_wrap .info2 p{display: flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 200; color: #fff; line-height: 30px;}
.footer_inner .middle .info_wrap .info2 p span{opacity: 0.3;}
.footer_inner .middle .info_wrap .info2 p strong{opacity: 1;}
.footer_inner .middle .info_wrap .info3{display: flex; align-items: center; justify-content: center; opacity: 0.3; gap: 15px;}
.footer_inner .middle .info_wrap .info3 li{font-size: 14px; font-weight: 200; color: #fff; line-height: 20px; white-space: nowrap;}
.footer_inner .middle .info_wrap .info3 span{display: block; width: 1px; height: 15px; background: #243F89;}
.footer_inner .middle .contact a{font-size: 16px; font-weight: 800; color: #fff; margin-bottom: 4px; text-align: right; display: block;}
.footer_inner .middle .contact a strong{font-size: 22px;}
.footer_inner .middle .contact .household{font-size: 15px; font-weight: 200; color: #A2A2A2; line-height: 20px; text-align: right; white-space: nowrap;}
.footer_inner .middle .contact .household strong{font-weight: 800; color: #fff;}
.footer_inner .bottom{display: grid; grid-template-columns: repeat(3,1fr);}
.footer_inner .bottom .copy{font-size: 14px; font-weight: 200; color: #fff; opacity: 0.3; line-height: 20px; text-align: center; width: 100%;}
.footer_inner .bottom a{font-size: 14px; font-weight: 200; color: #fff; width: fit-content; margin-left: auto; pointer-events: all;}

#goTop{position: absolute; right: 80px; top: 80px; z-index: 1;}
#goTop a{display: flex; flex-direction: column; align-items: center; gap: 10px; color: #fff; font-size: 14px; font-weight: 200; line-height: 20px; letter-spacing: 4px;}

@media screen and (max-width: 1540px) {
    .footer_inner .middle{display: flex; justify-content: center;}
    .footer_inner .middle .info_wrap .info3{gap: 5px; flex-direction: column;}
    .footer_inner .middle .info_wrap .info3 span{display: none;}
    .footer_inner .middle .logo{position: absolute; left: 0; bottom: 35px;}
    .footer_inner .middle .contact{position: absolute; right: 0; bottom: 35px;}
}
@media screen and (max-width: 1410px){
    .footer_inner .middle .info_wrap .info2{gap: 5px; flex-direction: column; margin-bottom: 10px;} 
    .footer_inner .middle .info_wrap .info2 p{line-height: 16px;}
}
@media screen and (max-width: 1160px){
    .footer_inner .middle .contact .household strong{display: block;}
}

/* mobile */
@media screen and (max-width: 1024px){
    #goTop{top: 35px; right: 25px;}
    .footer_inner{width: 100%; padding: 35px 25px; position: relative;}
    .footer_inner .top{margin-bottom: 35px;}
    .footer_inner .middle{border-bottom: 0; padding-bottom: 0; margin-bottom: 32px; position: unset;}
    .footer_inner .middle .logo{top: 35px; bottom: unset; left: 25px;}
    .footer_inner .middle .logo img{content: url('/resources/img/common/mo_footer_logo2.svg');}
    .footer_inner .middle .info_wrap .info{font-size: 15px; line-height: 22px; word-break: keep-all; margin-bottom: 12px;}
    .footer_inner .middle .info_wrap .info br{display: none;}
    .footer_inner .middle .info_wrap .info2{gap: 0;}
    .footer_inner .middle .info_wrap .info2 p{font-size: 15px; line-height: 30px;}
    .footer_inner .middle .info_wrap .info3{gap: 0;}
    .footer_inner .middle .info_wrap .info3 li{font-size: 15px; line-height: 30px;}
    .footer_inner .middle .contact{display: none;}
    .footer_inner .bottom{display: flex; flex-direction: column-reverse;}
    .footer_inner .bottom .blank{display: none;}
    .footer_inner .bottom a{margin: 0 0 25px; padding-bottom: 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); width: 100%; text-align: center; font-size: 15px; line-height: 5vw;}
    .footer_inner .bottom .copy{width: unset; word-break: keep-all; font-size: 15px; line-height: 22px; font-weight: 100; letter-spacing: 0.5px;}
}

@media screen and (max-width: 500px){
    .footer_inner .middle .info_wrap .info{font-size: 3.8vw; line-height: 5vw;}
    .footer_inner .middle .info_wrap .info2 p{font-size: 3vw; line-height: 4vw;}
    .footer_inner .middle .info_wrap .info3 li{font-size: 3vw; line-height: 4vw;}
    .footer_inner .bottom a{font-size: 3.8vw; line-height: 5vw;}
    .footer_inner .bottom .copy{font-size: 3vw; line-height: 4vw;}
}