@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {
    font-family: 'Godo';
    font-style: normal;
    font-weight: 400;
    src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff') format('woff');
  }
  
  @font-face {
    font-family: 'Godo';
    font-style: normal;
    font-weight: 700;
    src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoB.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoB.woff') format('woff');
  }

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
ul,li{
    list-style: none;
}
a{
    text-decoration: none;
    color: inherit;

}
select,button{
	font-family: 'Nanum Gothic', sans-serif !important;
	
}
body{
    font-family: 'Nanum Gothic', sans-serif;
    position: relative;
    letter-spacing: -0.04em;
    width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-x:hidden;
    /* 슬라이드 전체화면시 가로스크롤 없애는법 */

}

/*  헤더영역 */
/* 헤더영역 왼쪽  */
header{
    width: 100%;
    height: 80px;
    position: relative;
}
.header-nav{
    max-width: 1400px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
   /*  transition: all 0.3s ease-out; */
}
.logo{
    align-items: center;
    margin-top: 20px;
    margin-right: 60px;
}
nav{
    display: flex;
    height: 100%;
}
.gnb{
    display: flex;
    margin-top: 25px;
   /*  transition: all 0.3s ease-out; */
}
.gnb-menu{
   position: relative;
    padding: 0 25px;
    transition: top .4s;
}
.gnb-menu:first-child{
    padding-left: 0;
}
.gnb-menu>a{
    font-size: 18px;
    font-weight: 600;
    color: #161616;
}
.gnb-menu>a::before{
    content: "";
    display: block;
    position: relative;
    left: 0;
    bottom: -52px;
    width: 100%;
    height: 3px;
    background: #1270D1;
    transform: scale(0);
    transition: all .3s;
    opacity: 0;
}
.gnb-menu:hover>a::before{
    transform: scaleX(1);
    opacity: 1;
}
.gnb-menu:hover>a{
    color: #1270D1;
}
.sub-nav{
    z-index: 500;
    position: absolute;
    top: 100%;
    left: 0;
    /* width: 1920px; */
    height: 50px;
    line-height: 30px;
    white-space: nowrap;
    display: none;
}
.sub-nav.on{
    display: none;
}
.sub-margin{
    margin-left: 28px;
}
.sub-menu{
    /* width: 100%; */
    height: 52px;
    overflow: hidden;
    z-index: 3;
    top: 52px;
}
.sub-menu>li{
    display:inline-block;
    margin-right: 20px;
    padding: 10px 0;
}
.sub-nav>ul a{
    color: #707070;
    font-size: 16px;
    font-weight: 400;
}
.sub-nav>ul a:hover{
    color: #1270D1;
}
.sub-menubg{
    border-top: 1px solid #ccc;
    position: absolute;
    left: 0;
    top: 80px;
    background: #fff;
    width: 100%;
    height: 0;
    z-index: 499;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 4%);
    white-space: nowrap;
    transition: all .2s;
    overflow-x: hidden;
}
.sub-menubg.sub-bght{
    height: 50px;
}
/* 헤더영역 왼쪽 끝 */

/* 헤더영역 오른쪽 */
.header-right{
    display: flex;
    text-align: right;
    /* margin-top:19px; */
}
.header-right>a{
    position: relative;
    font-size: 18px;
    font-weight: 600;
    margin: 19px 10px;

}
.header-right .cart-num{ 
    background: #1270D1;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    text-align: center;
    color: #fff;
    position:absolute;
    top:-6px;
    right:2px;
    z-index:10;
}
.header-right>a span{
	font-size:12px;
}
.header-right .header-icon-box{
	background-repeat:no-repeat;
	 width:24px;
	 height:26px;
	 display:block;
	 margin:0 auto;
}
.header-right .header-log-icon{
	 background-image: url(../images/icon/header_log.png);

}
.header-right .header-serch-icon{
	background-image: url(../images/icon/header_serch.png);
	height:25px;
}
.header-right .header-cart-icon{
	background-image: url(../images/icon/header_cart.png);
	width:26px;
	position:relative;
	top:4px;
}
.header-right .header-mypage-icon{
	background-image:url(../images/icon/header_mypage.png);
	width:25px;
}
/* 헤더영역 끝 */

.menu-serch{
    vertical-align: -4px;

}
.menu-serch>img{
	margin-top:2px;
}
.main-slider{
    position:relative;
}
#main_inner{
    max-width: 1400px;
    /* height: calc(100% -80px); */
    margin: 0 auto;
    padding: 60px 0;
    position: relative;
	z-index: 100;
}
.main-control{
    width: 100%;
	transition: all 0.3s ease-out;
}

/* 사이트맵 */
#site-nav{
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-image: url(../images/icon/sitemap-background1.png);
    background-repeat:no-repeat;
    opacity: 0;
    visibility: hidden;
    /* transition: visibility 0.2s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.7s cubic-bezier(0.33, 1, 0.68, 1) */
    transition: all .8s;
    background-size: cover;
}
#site-nav.on{
    visibility: visible;
    opacity: 1;
}
.site-inner{
    width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.site-top{
    width: 100%;

}
.site-logo{
	position:relative;
	left: -7px;
}
.site-menu{
    width: 100%;
}
.site-menu>ul{
    display: flex;
    flex-wrap: wrap;
}
.site-menu>ul>li{
    width: 20%;
    padding: 40px 20px 40px 0;
    /* opacity: 1; */
    animation: fadeIn 0.5 ease-in-out;
}
@keyframes fadeIn{
    from{
        opacity: 0;
        transform: translateY(20px);
    }
    to{
        opacity: 1;
        transform: none;
    }
}
.site-menu>ul>li>a{
    color: #fff;
    font-size: 22px;
    font-weight: 600;
}
.site-sub{
    margin-top: 40px;
}
.site-sub>ul>li + li{
    margin-top: 18px;
}
.site-sub ul li a{
    color: #aaa;
    font-size: 18px;
    font-weight: 600;
    transition: color 0.25s ease;
}
.site-sub ul li a:hover{
    color: #fff;
}
.site-sub2{
    margin-top: 18px;
    padding-left: 10px;
}
.site-sub2>ul>li + li{
    padding-top: 8px;
}
/* 햄버거 버튼 애니메이션*/
.hamburger {
    display: block;
    cursor: pointer;
    margin: 21px 10px 0 10px;
    position: relative;
    z-index: 1100;
  }
  .hamburger span {
    display: block;
    background: #161616;
    width: 28px;
    height: 2px;
    border-radius: 3px;
    margin-left:6px;
    transition: 0.25s margin 0.25s, 0.25s transform;
  }
  .hamburger span:nth-child(1) {
    margin-bottom: 6px;
  }
  .hamburger span:nth-child(3) {
    margin-top: 6px;
  }

  .hamburger.active span {
    transition: 0.25s margin, 0.25s transform 0.25s;
    background: #fff;
  }
  .hamburger.active span:nth-child(1) {
    margin-top: 8px;
    margin-bottom: -2px;
    transform: rotate(45deg);
  }
  .hamburger.active span:nth-child(2) {
    transform: rotate(45deg);
  }
  .hamburger.active span:nth-child(3) {
    margin-top: -2px;
    transform: rotate(135deg);
  }
  .hamburger.active p{
  	display:none;
  }


/* 메인 텍스트 */
.main-tit{
    z-index: 8;
    position: relative;
    margin: 0 auto;
    top: -10%;
}
.main-text1{
    font-family: 'Godo', sans-serif;
    font-size: 68px;
    color: #1270D1;
}
.main-text2{
    font-family: 'Godo', sans-serif;
    font-size: 60px;
    margin-top: 8px;
    display:flex;
    flex-wrap:wrap;
    column-gap:20px;
}
.main-text3{
    width: 340px !important;
    word-break: keep-all;
    line-height: 26px;
    margin-top: 20px;
    font-size: 16px;
}
/* 메인 텍스트끝 */

/* 스와이퍼 슬라이드  */
.swiper-container{
    position: relative;
    height: 100%;

}
.main-img{
    background: url(../images/main/main.png) no-repeat center;
    background-size: cover;
    overflow: hidden;
}
.swiper-pagination{
    width: 100%;
}


.main-control>.swiper-pagination-progressbar{
    height: 8px;
    width: 210px;
    top: auto;
    border-radius: 60px;
    bottom: 0;
    left: 20px;
    background: #e5e5e5;
}
.swiper-pagination-progressbar{
    top: none !important;
}
.main-control .swiper-pagination-progressbar-fill{
    border-radius: 60px;
    background: #1270D1;
}
.slider-num{
    font-size: 18px;
    position: absolute;
    width: 250px;
    bottom: 14px;
    font-weight: 600;
}
.number-left{
    position: absolute;
    left: 0;
}
.number-right{
    position: absolute;
    right: 0;
}

/* 슬라이드 버튼 */
.swiper-button-next::after,
.swiper-button-prev::after{
display: none;
}
.swiper-button-next,
.swiper-button-prev{
    top: auto;
    bottom: -18px;
}
.main-btn1{
z-index: 1000;
left: 314px;
}
.main-btn2{
    transform: rotate(180deg);
    left: 274px;
}
.btns{
    position: absolute;
    top: auto;
    bottom: -10px;
    left: 298px;
}
.btn-stop{
    background: url(../images/main/btn-stop.off.png) no-repeat center;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
}
.btn-stop.on{
    background: url(../images/main/btn-stop.on.png) no-repeat center;

}
/* 메인 아이콘 박스 */
/* .main-box{
    position: relative;
    display: flex;
    justify-content: space-between;
} */
.icon-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    margin:0 auto;
    gap: 20px;
    transition: all 0.3s ease-out;
}
.icon-box-list{
    width: 230px;
    height: 340px;
    background: #fff;
    border-radius: 28px;
    box-shadow: 0 4px 10px rgb(0 0 0 / 15%);
    position:relative;
    transform: skew(-0.1deg);
}
.icon-box-list>a{
    z-index: 50;
    display: block;
    width: 100%;
    height: 100%;
}
.icon-box-list>a>p{
    text-align: center;
}
.icon-text1{
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 12px;
}
.icon-text2{
    color: #707070;
    font-size: 14px;
    line-height: 20px;
}
.main-icon{
    height: 55%;
    background-size: cover;
    background-position: bottom !important;
    margin-bottom: 20px;
}
.main-icon1{
    background-position-y: calc(75%) !important;
    background-position-x: calc(55%) !important;
    background: url(../images/main/main-icon1.png) no-repeat center;
}
.main-icon2{
    background: url(../images/main/main-icon2.png) no-repeat center;
}
.main-icon3{
    background: url(../images/main/main-icon3.png) no-repeat center;
}
.main-icon4{
    background: url(../images/main/main-icon4.png) no-repeat center;
}
.main-icon5{
    background: url(../images/main/main-icon5.png) no-repeat center;
}
.box-serch-list{
    border-radius: 28px;
    background: #fff;
    opacity: 0;
    transition:  all 0.3s;
    width: 230px;
    height: 340px;
    position: absolute;
    top: 0;
    padding: 25px 27px;
}
.icon-box-list:hover .box-serch-list{
    opacity: 100;
}
.serch-list-tit{
    font-weight: 600;
    width: 180px;
    height: 52px;
    background-color: #79B42A;
    color:#fff;
    border-radius: 6px;
    display: grid;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.data-list{
    margin-top: 12px;
}
.data-list2{
	margin-top: 22px;
}
.data-list>p:nth-child(1){
    font-weight: 800;
}
.data-list>p:nth-child(2){
    margin-top: 12px;
    color: #707070;
}
.data-list>p:nth-child(3),
.data-list>p:nth-child(4),
.data-list>p:nth-child(5){
    margin-top: 6px;
    color: #707070;

}
.data-line{
    padding-top: 12px;
    border-top: 1px solid #ccc;
}
.data-line2{
	padding-top:22px;
}
.date-number1,
.date-number2,
.date-number3,
.date-number4{
    color: #1270D1;
    font-weight: 800;
    float: right;
}
.date-parcel-num{
    color: #1270D1;
    font-size: 20px;
    border-bottom: 1px solid #ccc;
    padding: 10px 0 20px 0;
    margin-bottom: 22px;
}
.date-parcel-num>span{
    font-size: 14px;
    font-weight: 400;
    color: #161616;
}


/* 공지사항&검색창 */
.notice-serch{
    position: relative;
    margin: 0 auto;
    margin-top: 60px;
    z-index: 8;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    transition: all 0.3s ease-out;
}
.notice{
    display: flex;
}
.notice>a{
    display: block;
    width: 100%;
}
.notice-box{
	transform: skew(-0.1deg);
    width: 500px;
    height: 60px;
    background: #fff;
    border-radius: 8px;
    display: flex;
    align-items: center;
}
.notice-tit{
    font-weight: 600;
    margin: 0 25px;
}
.notice-text{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 360px;
}
.notice-btn,.serch-btn{
    margin-left: 12px;
    width: 60px;
    height: 60px;
}
.btn-not,.btn-ser{
    border: none;
    width: 60px;
    height: 100%;
    border-radius: 8px;
}
.btn-not{
    background: #1270D1 url(../images/main/more-icon.png) no-repeat center;
    box-shadow: 3px 4px 7px rgb(1 52 104 / 35%),
    -4px -4px 14px rgb(255 255 255 / 30%);
}
.btn-ser{
    background: #1270D1 url(../images/main/serch-white.png) no-repeat center;
    box-shadow: 3px 4px 7px rgb(1 52 104 / 60%),
    -2px -2px 12px rgb(255 255 255 / 50%);
}
.serch{
    display: flex;
}
.serch-text{
    width: 500px;
}
.form-control{
	outline:none;
    width: 100%;
    height: 60px;
    background: #fff;
    border-radius: 8px;
    text-indent:25px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    color: #707070;
    box-shadow: inset 2px 2px 6px rgb(0 0 0 / 30%) ;
}
.btn-not>a,.btn-ser>a{
    display: block;
    height: 100%;
}

/* 배너 로고 슬라이드 */
.banner-slide{
    position: relative;
}
#banner-logo{
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 20px 0;
    height: 80px;
    line-height: 60px;
}
#banner-swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-btn{
    position: relative;
    margin: 0 auto;
    max-width: 1400px;
}
.banner-btn>button{
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 4px;
    box-shadow: 2px 2px 6px rgb(0 0 0 / 15%);
    background-color: #fff;
    position: absolute;
    bottom: 20px;
    z-index: 8;
    transition: all 0.2s;
}
#banner-btn-next{
    right: 0;
}
#banner-btn-prev{
    left: 0;
}
.banner-btn>button:hover{
    background-color: #1270D1;
}
.banner-btn>button:hover .banner-btn-hover{
    display: block;
}
.banner-btn>button:hover .banner-btn-leave{
    display: none;
}
.banner-btn>button>img{
    margin-left: 4px;
    position: absolute;

}
.banner-btn-hover{
    display: none;
}
#banner-btn-prev>img{
    transform: rotate(180deg);
    margin-right: 6px;
}

/* 서브탑메뉴 */

.sub-background > img{
    width: 100%;
    height: 100%;
}

.sub-topbar{
    position: relative;
    height: 60px;
    background: #F4F5F9;
    border-bottom: 1px solid #ccc;
    transform: skew(-0.1deg);
    z-index:8;
}
.topbar-menu{
    max-width: 1400px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
}
.topbar-menu>li{
    height: 100%;
    width: 220px;
    position: relative;
}
.topbar-menu a{
    display: block;
    line-height: 60px;
    padding-left: 18px;
    font-weight: 600;
}
.topbar-menu>li:first-child{
    width: 90px;
}
.topbar-menu>li:first-child>a{
    padding: 0 ;
}
.topbar-menu>li:first-child img{
    padding-right: 10px;
    vertical-align: -1px;
}
.topbar-menu>li::before{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 20px;
    background: #ccc;
    transform: translateY(-50%);
}
.topbar-list{
    position: relative;
}
.topbar-list::after{
    content: "";
    position: absolute;
    top: 25px;
    right: 20px;
    transform: rotate(0);
    transition: .4s;
    height: 12px;
    width: 10px;
    background: url(../images/icon/sub-arrow.png) no-repeat center/contain; 
}
.topbar-submenu{
    border: 1px solid #ccc;
    border-top: none;
    background: #fff;
    display: none;
    transition: 0.2s;
    color: #161616;
}
.active{
    color: #1270D1;
}
.active::after{
    transform: rotate(-180deg);
    transition: 0.4s;
    top: 25px;
}
.opened{
    display: block;
}
.topbar-submenu>li:hover{
    background-color: #f5f5f5;
    transition: .2s;
    border-left: 4px solid #1270D1;
}
.topbar-submenu a{
    font-weight: 400;
    line-height: 24px;
    padding:8px 0 8px 18px;
}
.topbar-submenu>li:hover>a{
    font-weight: 600;
}

/* 서브탑메뉴 끝 */

/* 푸터 */
.footer-top{
	margin-top:140px;
    background: #F4F5F9;
    height: auto;
    padding:14px 0;
}
.footer-inner{
    transform: skew(-0.1deg);
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.footer-policy{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	row-gap:8px;	
}
.footer-policy>li{
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color: #aaa;
    display:flex;
    align-items:center;
}
.footer-policy>li::after{
    content: '';
    display: block;
    width: 1px;
    height: 20px;
    background-color: #ccc;
    margin:0 20px;
}
.footer-policy>li:nth-child(5)::after{
	display:none;
	
}
.footer-policy>li:hover>a{
    color: #161616;
}
.footer-sns{
    display: flex;
    align-items: center;
}
.sns-list{
    display: none;
}
.sns-list>li{
    height: 32px;
    width: 32px;
    border-radius: 8px;
    background-color: #bbb;
    margin-left: 10px;
}
.sns-list a{
    display: block;
    height: 100%;
}
.sns-youtube{
    background: url(../images/main/youtube-icon.png) no-repeat center;
}
.sns-insta{
    background: url(../images/main/insta-icon.png) no-repeat center;
    background-position-x: 7px;
}
.footer-bottom{
    padding: 40px 0;
}
.footer-left{
    font-size: 14px;
    color: #aaa;
}
.footer-tit{
    font-weight: 600;
    color: #161616;
    margin-bottom: 10px;
}
.footer-address>p{
    font-style: normal;
    line-height: 20px;
}
.footer-address>p:last-child{
    margin-top: 6px;
}
.footer-visit{
    display: flex;
    color: #aaa;
    font-weight: 800;
    font-size: 14px;
}
.footer-today{
    margin-right: 15px;
}
.today-number,
.total-number{
    margin-left: 4px;
    font-weight: 400;
}

.total-zone{
	padding:60px 0 !important;
}
.st-itelic{
	font-style:italic;
}
.download-btn{
	font-family: 'Nanum Gothic', sans-serif;
}

@media(max-width:1400px){
    .header-nav{
        padding: 0 24px;
    }
    .main-box{
    	display:block;
    }
    .main-text2{
        word-break: break-all;
    }
    .main-tit,.notice-serch,.footer-inner,.main-content,#sub-inner{
    	padding: 0 24px;
    }

    .icon-box{
    	padding:0 24px;
        margin-top: 20px;
    }
    .swiper-wrapper{
        min-width: 1400px;
    }
    .banner-btn{
        margin: 0 28px;
    }
    .site-logo{
        margin-left: 28px;
    }
    .site-menu>ul{
        margin: 0 28px;
    }
    .topbar-menu{
    	margin: 0 24px !important;
    }
    /* 인사말 */
	.intro-con,.amcharts-con,
	.popup-container{
		margin:0 24px !important;
	}
	.role-flex>ul>li{
		padding:24px !important;
	}
	.guide-tap{
		justify-content:inherit !important;
	}
	/* 자원현황 그래프 */
	.mobile-tb-con{
		display:block !important;
		margin:20px 0 60px 0;
		overflow-x:auto;
	}
	.mobile-table{
		min-width:768px;
	}
	.mobile-tb-con>span{
		margin-bottom:12px;
		font-size:14px;
		display:block;
		width:100%;
		text-align:right;
	}
	.mobile-table>thead th{
		width:200px;
	}
	.mobile-wh{
		width:100% !important;
	}
	.mobile-wh2{
		margin-top:40px !important;
	}
	#chart-table,.part-dntit{
		width:100% !important;
	}
	.mb-mg{
		margin-top:60px;
	}
	.chart-container>.chart-table3{
		min-width:768px;
	}
	.blackout{
		display:none;
	}
	.whitein{
		display:block !important;
	}
	.eff-table-date>span:nth-child(2){
		display:block;
		width:100%;
		text-align:right;
	}
	.table-top-date{
		width:100% !important;
	}
	.mbgh-center{
		justify-content:center !important;
	}
	.mobile-date{
		margin-top:40px;
	}
	/* 조직도 */
	.line-gen>li{
		right: 0 !important;
		left:-70px;
	}
	.grgA>li::after{
		width:76% !important;
	}
	.orgB-left-tit>a::before{
		left:12% !important;
	}
	.orgB-left-tit>a::after{
		left:11.5% !important;
	}
	.orgB-right-tit>a::before{
		right:12% !important;
	}
	.orgB-right-tit>a::after{
		right:11.5% !important;
	}
	/* 분양안내 */
	.right-susu-content{
		flex-wrap:wrap;
	}
	.right-shape-content{
		gap:20px !important;
		justify-content:space-between;
	}
	.proc-img-list{
		gap:28px !important;
	}
	.step-img>p{
		max-width:100px;
	}
	.right-susu-content{
		gap:40px !important;
	}
	.susu-box2{
		width:auto !important;
		max-width:560px !important;
		padding: 0 210px 0 40px !important;
	}
	.table-under-p>p:nth-child(1){
		margin: 10px 0 !important;
	}
	.right-rule-content > p{
		white-space:normal !important;
	}
	.org-table tr td{
		height:40px !important;
		font-size:14px !important;
	}
	/* 분양 검색 */
	.search-header{
		min-width:120px !important; 
	}
	/* 효능정보 검색팁 */
	.eff-left-table{
		max-width:100% !important;
	}
	.key-sub-img4{
		max-width:100% !important;
	}
	/* 회원서비스 - 마이페이지  */
	.mypage-container{
		margin:80px 28px 0 28px !important;
	}
	.mypage-container2{
		margin:60px 28px 0 28px !important;
	}

	.mypage-menu{
		width:18%;
	}
	.mypage-menu>p{
		width:100% !important;
	}
	.country-grwrap{
		gap:0 !important;
	}
}	
@media(max-width:1240px){
    .gnb,.login,.cart,.menu-serch,.mypage{
        display: none;
    }
    .hamburger{
        margin: 2px 0 0 0;
    }
    .notice-serch{
       gap: 20px;
    }

    .notice-box,.serch-text{
        width: 410px;
    }
    .main-text3{
        width: 100% !important;
        margin-top: 10px;
    }
    .site-sub ul li a{
        font-size: 1.4vw;
        transition: all .3s ease-out;
    }
    /* 연혁 */
     .history-left>strong{
     	font-size:40px !important;
     }
      .history-year>h3{
     	font-size:28px;
     }
     .history-mon-t{
     	font-size:16px !important;
     }
/*      .history-sort{
     	display:block !important;
     } */
    /* 찾아오시는길 */
    .way-text>strong{
    	font-size:20px !important;
    	margin-right:20px !important;
    }
    /* 분양안내 */
    .box-list{
    	flex-wrap:wrap;
    	gap:20px !important;
    }
    .div-box>.box-font2{
    	max-width:200px !important;
    }
  	/* 알림 */
	.tb-row .tch-sunject{
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		max-width:300px !important;
	}
	.key-text, .key-text1, .key-text2{
		line-height:28px !important;
	}
	/* 분석신청 */
	.wrapdiv-three,
	.wrapdiv-two{
		width:100% !important;;
	}
	.input-wrap2{
		flex-direction:column;
		gap:16px;
	}
	.second-wrap{
		margin-left:0 !important;
	}
	.input-wrap label{
		min-width: 100px !important;
	}
	.input-wrap input[type="text"]{
		max-width:100% !important;
	}
	.payment-menu{
		display:flex;
		gap:20px;
		width:100%;
	}
	.payment-box{
		width:100% !important;
	}
	.two-nowrap{
		flex-wrap:nowrap !important; 
	}
	.mobile-minw{
		min-width:180px;
		text-align:right;
	}
	.mobile-minw2{
		min-width:160px;
		text-align:right;
	}
	.input-wrap label[for="same2"]{
		margin-right:0 !important;
	}
	#payment-group{
		flex-wrap:wrap;
	}
	.card-group,
	.bank-group{
		width:100%
	}
	.credit-option,
	.selected, .selected2{
		max-width:100% !important;
	}
	.credit-option{
		justify-content:space-between;
	}
	.select-wrap, .select-wrap2{
		width:100% !important;
		margin: 0 !important;
	}
	.credit-option>.credit{
		width:calc(20% - 8px) !important;
		height:70px !important;
	}
	.selected, .selected2{
		margin: 0 !important;
	}
	/* 마이페이지 */
	.mypage-menu{
		display:none;
	}
	.mp-menuin{
		display:block !important;
	}
	.cartpage-tap{
		display:flex !important;
	}
	.mypage-icon{
		max-width:200px !important;
	}
	.mypage-content>h1,
	.mypage-top-tit>h1{
		font-size:32px !important;
	}
	.flex-top-box{
		padding:40px 20px !important;
	}
	.flex-top-box>div{
		margin-left:24px !important;
	}
	.flex-top-box2>div{
		margin-left:0 !important;
	}
	.mypage-top-tit{
		text-align:center;
	}
	.mp-table-top{
		margin:60px 0 12px 0 !important;
	}
}
@media(max-width:1060px){
	.propel-main>img{
		max-width:100% !important;
	}
	.main-text2{
		justify-content:center;
		column-gap:12px;
	}
    .main-tit{
        text-align: center;
    }
    .notice-serch{
        width: 100%;

     }
    .icon-box{
    	justify-content: center;
    }
     .icon-box-list{
        width: 320px;
        margin-left:0;
     }
     .box-serch-list{
     	width:320px;
     }
     .serch-list-tit{
     	width:100%;
     }
     .main-text1{
        font-size: 56px;
     }
     .main-text2{
        font-size: 48px;
     }
     .form-control{
        box-shadow: none;
     }
     .notice,.serch{
        width: 100%;
     }
     .serch-text{
        width: 100%;
     }
     .notice-box, .serch>form{
        width: calc(100% - 60px);
     }
     #banner-logo{
     	max-width:960px;
     }
     
     .site-inner{
        display: block;
        overflow: auto;
     }
     .site-sub{
         margin-top: 20px;
     }
     .site-menu>ul>li{
        width: 100%;
        padding: 20px 0;
     }
     .site-menu>ul>li>a{
        display: block;
        width: 100%;
        background-color: #79B42A;
        border-radius: 6px;
        text-align: center;
        padding: 10px 0;
     }
     .site-sub>ul{
        display: flex;
        gap: 40px;
     }
     .site-sub>ul>li + li{
        margin: 0;
     }
     .site-sub ul li a{
        font-size: 16px;
     }
     .site-logo{
        top: -10px;
     }
     .site-logo>img{
        width: 25vmax;
     }
     .notice-tit{
     	margin: 0px 10px 0px 25px;
     	width:60px;
     }
     .footer-address>p{
     	max-width:430px;
     }
     .greetings-tit{
     	font-size:28px !important;
     	line-height:42px !important;
     }


     /* 추진체계 */
     .role-con>div{
     	display:grid !important;
     }
     .role-flex .role-con-tit{
     	height:auto !important;
     	line-height:18px !important;
     	padding: 24px 0;
     	width:100% !important;
     }
     .role-flex>ul{
     	flex-wrap:wrap;
     	justify-content:space-between;
     	gap:12px !important;
     }
     .role-flex>ul>li{
     	width:48% !important;
     	min-width:184px !important;
     	height:auto !important;
     	padding:24px 0 24px 24px !important;
     }
     /* 사업개요 */

     .ps-tip-text{
     	font-size:14px;
     	line-height:20px;
     }
     /* 조직도 */
     .org-group{
     	margin-top:60px !important;
     }
     .grgA>li>a{
     	width: 100% !important;
     	height:60px !important;
     	border-radius:8px !important;
     	padding:0 !important;
     }
     .orgB{
     	flex-direction:column;
     	margin-top:52px !important;
     }
     .orgB-left, .orgB-center, .orgB-right{
     	width:100% !important;
     	max-width:100% !important;
     }
     .orgB-left, .orgB-center{
     	margin-bottom:40px;
     }
     .grgA>li::after,
     .grgA a::before,
     .grgA a::after,
     .orgB-left-tit>a::before,
     .orgB-left-tit>a::after,
     .orgB-right-tit>a::after,
     .orgB-right-tit>a::before{
     	display:none;
     }
     .orgC-1{
     	margin-top:12px !important;
     }
	.line-gen{
		width:100% !important;
		height: 198px !important;
		right:0 !important;
		top: -198px !important;
	}
	.line-gen>li{
		left:auto !important;
		bottom: -24px !important;
		top: auto !important;
	}
	.org-top-name2{
		font-weight:400 !important;
	}
     /* 찾아오시는길 */
    .way-section{
    	flex-wrap:wrap;
    }
    .way-left2{
    	text-align:center;
    	width:100%;
    }
	.way-left>img{
		max-width:100%;
		margin-top:0 !important; 
	}
	/* 분양안내 */
	.guide-warn{
		font-size:18px !important;
		font-weight:600 !important;
	}
	.proc-img-list{
		justify-content:normal !important;
	}
	.melt-chk-list{
		column-gap:40px !important;
	}
	/* 분양 검색 */
	.default-search-wrap{
		flex-wrap:wrap;
		gap:12px;
	}
	.default-flex-box{
		 width:100% !important;
	}
	.default-search-one{
		margin-bottom:8px !important;
	}
	.half-wrap-box{
		width:50% !important;
		background-position:95% 50% !important;
	}
	.sub-tit-tip>.tip-wrap{
		right:-35% !important;
	}
	.item-blue-name{
		display:block;
		width:100%;
	}
	.effcacy-flex-box1{
		width:35% !important;
	}
		.effcacy-flex-box2{
		width:65% !important;
	}
	
	
}
/* 알림 */
@media(max-width:1000px){

	.boadrd-table .t-row{
		padding:20px;
		display:block !important;
		border-bottom:1px solid #ccc;
	}
	.boadrd-table .top-t-row{
		display:none !important;

	}
	.boadrd-table .t-cell{
		display:inline-block !important;
		text-align:left !important;
		border-bottom:0 !important;
		padding:0 !important;
		font-weight:400;
		
	}
	.tb-row .tch-sunject{
		width:100%;
		max-width:inherit;
		display:block !important;
		margin: 8px 0;
		font-size:18px;
		font-weight:600 !important;
	}
	.tb-row .tch-name::after{
	content: "";
    display: inline-block;
    width: 1px;
    height: 13px;
    vertical-align:-1px;
    background-color: #ccc;
	margin: 0 8px 0 12px
	}
	
	/* 연혁 */
	.history-sort{
		flex-direction:column;
		gap:40px !important;
	}
	.history-right>ul{
		margin-left:20px;
	}
	.history-year>h3,.history-mon-num{
		margin-left:48px !important;
	}
	.history-right li{
		white-space:normal !important;
	}
	
}
@media(max-width:768px){
	/* 모든테이블 반응형일때 폰트사이즈와 높이 */
	 .site-table thead th,
	 #chart-table>thead>tr,
	 .tip-table tr th{
	 	font-size:14px !important;
	 	height:40px !important;
	 }
	 .site-table tbody td,
	 #chart-table>tbody>tr{
	 	height:32px !important;
     	font-size:14px;
     	padding:6px;
     }
     .org-table tr th{
     	font-size:14px;
     }
	
	.top-yb-box{
		justify-content:space-between !important;
	}
	.top-yb-right{
		width:100% !important;
		justify-content:flex-start !important;
	}
	.top-yb-right>div:nth-child(1){
		border-left:0 !important;
		padding-left:0 !important;
	}
    .icon-box{
        padding: 0 20px;

    }
    .box-serch-list{
        display: none;
    }
    .main-icon{
        height: 66%;
        width: 50%;
        margin: 0 auto;
        background-size: contain;

    }
    .main-icon1{
    	background-position-y: calc(85%) !important;
    }
    .main-icon2,.main-icon3{
    	width:46%
    }
    .main-icon4{
    	width:40%;
    }
    .icon-box-list{
        width: 45%;
        height: 250px;
    }
    .icon-text1{
        margin: 12px 0;

    }
    .icon-text2{
        display: none;
    }
    .main-text1{
        font-size: 44px;
    }
    .main-text2{
        font-size: 32px;
    }
    .notice-text{
        width: 280px;
    }
    .site-sub>ul{
        gap: 12px;
        flex-wrap: wrap;
    }
    .site-menu>ul>li>a{
    	font-size:18px !important;
    }
    .site-sub ul li a{
        font-size: 16px;
        color: #fff;
        display: block;
        font-weight:400 !important;
    }
    .site-sub>ul{
        gap: 12px;
    }
    .site-sub2{
        display: none;
    }
    .topbar-menu>li{
    	width:100% !important;
    }
    .topbar-menu>li:first-child{
    	display:none;
    }
    .topbar-menu>li:nth-child(4)>a{
    	overflow: hidden;
    	white-space: nowrap;
    	text-overflow: ellipsis;
    	max-width: 140px;
	}
    	/* 푸터 */
	.footer-sns{
		display:none;
	}
	.footer-policy>li{
		font-size:13px !important;
	}
	.footer-top{
		padding:20px 0;
	}
	.footer-policy>li::after{
		margin:0 14px;
		height:14px;
		width:0.5px;
	}
	.footer-inner{
		flex-direction:column;
		gap:28px;
	}
    /* 인사말 */
    .greetings-text>li{
    	line-height:28px !important;
    	font-size:16px !important;
    }
    .sub-background{
    	display:none;
    }
    .sub-topbar{
    	border-top:1px solid #ccc;
    }
    .greetings-tit{
     	font-size:24px !important;
     	line-height:38px !important;
     	padding:40px !important;
     }
     /* 연혁 */
     .intro-con>h2,.membertop>h1,
     .login-tit>h2,.board-header,
     .container-header,#sub-inner h2{
     	margin:48px 0 !important;
     	font-size:32px !important;
     }
     .board-header,#sub-inner h2{
     	margin-bottom:48px !important;
     }
/*      .history-content{
     	display:block !important;
     } */
     .history-left{
     	margin-bottom:20px;
     }
     .history-left>strong{
     	font-size:32px !important;
     }
     .org-group,.history-tap,.site-table{
     	margin-top:40px !important;
     }
     /* 사업개요 */
     .summary{
     	margin-top:48px !important;
     }
     .text-box{
     	padding:20px 40px !important;
     	font-size:18px !important;
     	margin-bottom:20px !important;
     }
     .text-box>.name-tp{
     	font-size:28px !important;
     }
     .summary-exptext{
     	width:100% !important;
     }
     .tap-menu{
     	padding: 8px;
     	text-align:center;
     	font-size:14px !important;
     	height: 48px !important;
     	/* min-width:120px !important; */
     }
     .site-con{
     	overflow-x:auto;
     }
     .site-table{
     	min-width:720px;
     }
     /* 추진체계 */
     .propel-tit{
     	font-size:28px !important;
     	margin-top:40px !important;
     }
     .summary-exptext>h4{
     	font-size:18px !important;
     }
     .summary-exptext p{
     	font-size:14px;
     	margin-bottom: 4px !important;
     }
     
     /* 오시는길 */
     .way-content>section{
     	flex-wrap:wrap;
     }
     .map-btn{
     	margin:40px 0 !important;
     	padding:12px 0;
     	height: auto !important;
     	line-height:18px !important;
     	
     }
     .way-text>strong{
     	font-size:18px !important;
     }
     .way-text>span:nth-child(3){
     	margin-right:30px !important;
     }
     .how-under{
     	font-size:14px;
     	line-height:24px !important;
     }
     .dir-tb-td>p{
     	margin-bottom:6px !important;
     }
     /* 자원현황 그래프 */
	.amcharts-con>h2{
		font-size:32px !important;
	}
	.eff-table-date{
		margin-top:20px !important;
	}
	.doughnut-table3>thead th,
	.doughnut-table2>thead>tr,
	.doughnut-table3>thead>tr {
		height:40px !important;
	}
	.doughnut-table3>tbody>tr td,
	.doughnut-table2>tbody>tr{
		height:32px !important;
	}
	.doughnut-table3 .chart-td-imp,
	.doughnut-table3>tbody td{
		font-size:13px !important; 
	}
	.chart-view>strong,
	.chart-view2>strong{
		 margin-bottom:0 !important;
		 font-size:24px !important;
	}
	.chart-margin{
		margin-top:20px !important;
	}
	#doughnut-text,#doughnut-text2,
	#doughnut-text3,#doughnut-text4,
	#doughnut-text5,#doughnut-text6{
		padding:10px 0 !important;
		font-size:24px !important;
	
}
     /* 분양안내 */
     .guide-warn{ 
     	font-size:16px !important;
     	line-height:24px;
     }
     .guide-warn>img{
     	display:none;
     }
     .div-box{
     	width:100% !important;
     }
     .row-content{
     	display:block !important;
     }
     .row-right{
     	border-top:none !important;
     }
     .div-tip,.extraction-font>p{
     	font-size:14px !important;
     }
     .tip-font{
     	font-size:16px !important;
     }
     .right-shape-content{
     	flex-direction:column;
     	gap:10px !important;
     }
     .proc-img-list{
     	gap:20px !important;
     }
     .step-img>img{
     	height:70px !important;
     }
     .step-img>p{
     	font-size:16px;
     	max-width:72px !important;
     }
     .order-arrow{
     	margin-top:26px !important;
     }
     .susu-box{
     	padding: 20px 28px !important;
     	min-height:0 !important;
     }
     .susu-box2{
     	padding: 28px 210px 28px 28px !important;
     }
     .susu-bottom,
     .pay-font,
      .join-font-box>span{
     	font-weight:400 !important;
     }
     .div-tip{
     	column-gap:0 !important;
     	font-weight:400 !important;
     }
     .susu-bottom2{
     	line-height:20px;
     }
     .row-header2,.row-header3{
     	max-width:100% !important;
     }
     .row-content p{
     	line-height:24px;
     	font-weight:400 !important;
     	font-size:16px !important;
     	word-break:keep-all;
     }
     .row-content .box-header{
     	font-weight:700 !important;
     }
     .div-box>.box-font2,.box-font{
     	max-width:100% !important;
     }
     .susu-right>p{
     	font-weight:700 !important;
     }
     .table-under-p>p{
     	line-height:20px !important;
     	font-size:14px !important;
     }
     input[type="checkbox"] + label{
     	font-size:14px;
     	margin-right:8px !important;
     	/* padding-left:20px !important; */
     }
     .default-flex-box>p{
     	font-size:14px !important;
     	min-width:48px !important; 
     }
     .susu-top{
		display:block !important;
	}
	.susu-top-header{
		flex-direction:inherit !important;
	}
	.susu-top-header>span{
		display:inline-block;
		min-width:160px;
	}
    #btn-box>div{
    	width:100% !important;
    }
    .detail-table{
    	font-size:14px !important;
    }
     .detail-table tbody td, .detail-table thead td,
     .table-body>tr{
     	height:40px !important;;
     }
     .font-accent{
     	font-size:14px !important;
     }
     .melt-chk-list{
     	flex-direction:column;
     	gap:12px;
     	align-items:flex-start !important;
     }
     /* 분양 검색 */
     .detail-name{
     	font-size:14px !important; 
     }
     .guide-header{
     	font-size:32px !important;
     	margin: 48px 0 !important;
     }
	.check-wrap-box{
		flex-wrap:wrap;
		gap:6px !important;
	}
	.default-search-gap{
		gap: 12px !important;
	}
	.search-header2,.default-flex-box1,.default-flex-box2,.effcacy-flex-box1,.effcacy-flex-box2{
		width:100% !important;
	}
	.default-nowrap{
		flex-wrap:nowrap !important;
	}
	.search-header{
		min-width: 88px !important;
		max-height:52px !important;
	}
	.search-item2{
		padding:12px 50px 12px 20px !important;
	}
	.search-item{
		padding:11px 20px !important;
	}
	.tip_list2{
		right:0 !important;
		max-width:480px !important; 
	}
	.sub-tit-td{
		padding: 0 2px !important;
	}
	.slide-img-box{
		width:100% !important;
		padding:5% 6% !important;
	}
	#btn-box{
		margin-top:28px !important;
	}
	.mb-select-wrap{
		margin-top:20px;
	}
	.mb-select-wrap,
	.mt-selectbox{
		width:100% !important;
	}
	.mt-selectbox>div{
		font-size:14px;
		min-width:56px !important;
	}
	.mb-dtop{
		flex-wrap:wrap;;
	}
	.material-img-box > div > svg{
		margin-top:0 !important;
	}
	.dt-trst a{
		top: 3px !important;
	}
	.dt-trst a>img{
		height:20px !important;
	}
	/* 효능정보 */
	.key-sub-img{
		max-width:100% !important;
	}
	.key-text3{
		gap:20px !important;
	}
	.row-content .key-text>p{
		line-height:26px !important; 
	}
	.tip-header{
		font-size:32px !important;
		margin-top:60px !important;
	}
	.sub-hname{
		margin:48px 0 !important;
	}
	/* 분석신청 */
	.sec-wrap .tit{
		display:none !important;
	}
	.two-nowrap{
		flex-wrap:wrap !important;
		gap:10px;
	}
	.two-nowrap>.mobile-minw{
		margin-left:100px !important;
		min-width:inherit !important;
	}
	.payment-table tr th, .payment-table tr td,
	.payment-top>p{
		font-size:14px !important;
	}
	/* 알림 */
	.key-text, .key-text1, .key-text2{
		font-weight:400 !important;
	}
	.step-box{
		width:100% !important;
		margin: 12px 0 !important;
	}
	.step-box>p:nth-child(2){
		font-size:18px !important;
		font-weight:600 !important;	
	}
	.inquiry-box>p{
		font-weight: 600 !important;
	}
	.abs-subtext{
		font-weight:400 !important;
		line-height:26px !important;
	}
	.abs-con-under>p{
		font-size:16px !important;
		font-weight:400 !important;
		text-align:center;
	}
	.abs-con-under>p>span{
		font-size:16px !important;
	}
	.abs-btn{
		margin:0 auto;
	}
	/* 회원서비스 */
	.intro-con>h1{
		font-size:40px !important;
	}
	.login-tit{
		margin: 50px 0 !important;
	}
	.login-tit>p{
		font-size:14px !important;
		line-height:20px !important;		
	}
	.login-con{
		width:100% !important;
		max-width:480px !important;
	}
	.login-box input{
		width:100% !important;
	}
	.login-box>li button{
		display:block;
		margin-left: 0 !important;
		margin-top:10px !important;
		width: 100% !important;
	}
	.agree-box ol>li{
		font-size:13px !important;
		font-weight:400 !important;
	}
	.intro-con h3{
		font-size:18px !important;
		font-weight:800;
	}
	.history-mon-num{
		font-size:16px !important;
		font-weight:600 !important;
		margin-right:12px !important;
	}
	.agree-under-box>div,
	.completion-btn>.mypage-btn,
	.completion-btn>.tax-btn{
		width:100% !important;
	}
	.completion-btn>.mypage-btn{
		margin-top:12px !important;
	}
	.completion-btn{
		padding:0 20px;
	}
	.completion-btn>div{
		margin-top:0 !important;
	}
	.mypage-table{
		font-size:14px;
	}
	.mypage-table tr{
		height:auto !important;
	}
	.mypage-table tr th{
		padding:12px 0;
	}
	.mypage-table tr td{
		padding: 8px 0;
	}
	.mypage-table tr td .del-btn,
	.mypage-table tr td input{
		font-size:14px !important;
		height:28px !important;
	}
	.mypage-icon{
		display:none !important;
	}
	.flex-top-tit{
		font-size:18px !important;
	}
	.top-iptext{
		font-size:32px !important;
	}
	.top-iptext>span,
	.top-iptext2,.top-iptext2>span{
		font-size:16px !important;
	}
	.flex-top-box2{
		flex-wrap:wrap;
		padding:40px 28px !important;
		gap:20px !important;
	}
	.flex-top-tit2>span{
		font-size:20px !important; 
		font-weight:600 !important;
	}
	.ph-skybox{
		gap:20px !important;
	}
	.ph-skybox>div{
		padding-left:20px !important;
	}
	.ph-skybox>div:nth-child(1){
		border-left:0 !important;
		padding-left:0 !important;
	}
	.keyword-box{
		gap:8px !important;
	}
	.total-amount>strong{
		font-size:20px !important;
		margin-left:8px !important;
	}
	.flex-top-box>.flex-top-tit{
		text-align:left !important;
		display:flex;
		gap:20px;
	}
	.flex-top-tit>p{
		margin:4px 0 0 0 !important;
	}
	.flex-top-tit>strong{
		font-size:24px !important;
	}
	.flex-top-box>ul>li{
		padding-left:20px !important;
	}
	.flex-top-box>ul>li:nth-child(1){
		border-left: 0 !important;
		padding-left:0 !important;
	}
	.singup-con1>p{
			font-size:18px !important;
		}
	.sub-hname{
			font-size:20px !important;
		}
	.warn-zone{
		flex-wrap:wrap;
		justify-content:flex-end !important;
		gap:8px;
	}
	.warn-zone>span{
		padding-right:0 !important;
		word-break:keep-all;
	}
	/* 알림 */
	.notice-con-top>h3{
		font-size:18px !important;
		line-height:24px;
		font-weight:600 !important;
		text-align:left !important;
	}
}
@media(max-width:530px){
	   .icon-box-list{
        height: 200px;
    }
    .notice-text{
        width: 100%;
        max-width:140px;
    }

	.notice-tit{
		width:60px;
	}
	.main-icon{
		height:64%
	}
	.main-icon1{
		width:60%
	}
	.main-icon2,.main-icon3{
		width:54%
	}
	.main-icon4{
		width:45%
	}
	#banner-logo{
    	max-width:300px;
    }
	.topbar-menu>li:first-child{
		width:112px;
	}
	.greetings-tit{
		padding:32px !important;
		font-size:20px !important;
		line-height:34px !important;
	}
	/* 퀵메뉴 */
	#quick-menu{
		bottom:3% !important;
		right:inherit !important;
		top:inherit !important;
		left:50% !important;
		transform: translateX(-50%);
		width:88% !important;
	}
	#quick-menu>ul{
		display:flex;
		align-items:center;
		height:100px;
		justify-content:space-around;
	}
	#quick-menu>ul>li{
		margin-right:16px;
	}
	#quick-menu .quick-menu-tit{
		border-radius:16px 0 0 16px !important;
		height:100%;
		display:inline-flex;
		align-items:center;
		width:20%;
		margin-top:0 !important;
		margin-left:-2.5% !important;
	}
	.quick-menu-tit>img{
		bottom: inherit !important;
		left:inherit !important;
		right:-12px;
		transform:rotate(-90deg) !important;
	}
	#quick-menu>ul>li>a{
		font-size:14px !important;
		padding:0 !important;
	}
	.quick-btn1>a{
		padding-top:0 !important;
	}
	.quick-btn3>a{
		padding-bottom:0 !important;
	}
	/* 사업개요 */
	.text-box{
		font-size:16px !important;
	}
	.text-box>.name-tp{
		font-size:24px !important;
	}
	.summary-exptext>h4{
		font-size:18px !important;
	}
	.topbar-menu>li:nth-child(4)>a{
		max-width:100px;
	}
	/* 추진체계 */
	.propel-tit{
		font-size:24px !important;
	}
	.plan-img-p{
		font-size:14px !important;
	}
	.propel-tit{
		margin:60px 0 20px 0 !important;
	}
	.summary-exptit{
		height:58px !important;
		line-height:58px !important;
		font-size:16px !important;
	}
	/* 자원현황 그래프 */
	.download-btn{
		width:100% !important;
	}
	/* 분양안내 */
	.div-box{
		width:100% !important;
	}
	.box-font,.div-box>.box-font2{
		max-width:260px !important;
	}
	.proc-img-list,.susu-box>img {
		display:none !important;
	}
	.susu-box2{
		padding: 28px 170px 28px 28px !important;
	}
	.how-table td, .right-shape-content, .right-meltEng-content>span{
		font-weight:400 !important;
	}
	.pay-right>span, .rule-blue, .rule-green{
		font-weight:700 !important;
	}
	.row-header::before{
		display: inline !important;
	}
	.search-header{
		height:44px !important;
	}
	.mobile-inppd{
		padding:13px 12px !important;
	}
	.material-btn{
		font-size:18px !important;
	}
	.total-font{
		font-size:24px !important;
	}
	.pageUnit{
		min-width:100px !important;
	}
	.half-wrap-box{
		width: 28% !important;
	}
	.search-icon{
		top:13px !important;
		right:16px !important;
	}
	.sub-tit-tip>.tip-wrap{
		/* right:-28% !important; */
		display:none;
	}
	.effcacy-flex-box,.default-search-one,.default-flex-box,
	.viewport-sort{
		gap:8px !important;
	}
	
	.effcacy-flex-box>select{
		min-width:100px !important;
	}
	/* 분양검색 */
	.Material-top p{
		font-size:20px !important;
	}
	.mb-detail-bb{
		display:flex;
		width:100%;
		gap:8px;
		margin-top:20px;
	}
	.mb-detail-bb>.list-btn{
		width:100% !important;
	}
	.process-dropbox{
		padding:0 !important;
	}
	/* 분리/분석 안내 */
	.detail-top{
		font-weight:400 !important;
	}
	.content-imagebox{
		padding:60px 10px !important;
	}
	.content-image{
		max-width:100% !important;
	}
	.desc,.use{
		font-weight:400 !important;
	}
	.equip-ul li{
		width:45%;
	}
	.equip-ul>li>div{
		width:auto !important;
	}
	/* 분석신청 */
	.credit-option>.credit input + label{
		font-size:13px !important;
	}
	
	/* 알림 */
	.questions-box>strong, .answer-box>strong{
		font-size:24px !important;; 
	}
	.questions-box>.ql-box{
		display:none;
	}
	.questions-box>.q-tit{
		font-weight:600 !important;
		font-size:16px !important;
		margin-left:40px !important; 
	}
	.questions-box>span.accordion-m::after,
	.questions-box>span.accordion-f::after{
		font-size:24px !important;
		font-weight:600 !important;
	}
	.inquiry-box{
		padding:24px 40px !important;
	}
	.inquiry-box>p{
		padding:8px !important;

	}
	.inquiry-box span{
		position:inherit !important;
		margin-left:0 !important;
		display:block;
		font-weight:400 !important;
	}
	.top-iptext2{
		display:block;
	}
	.Material-top{
		flex-direction:column-reverse;
	}
	.notice-top-list{
		/* flex-direction:column; */
		flex-wrap:wrap;
		row-gap:8px;
		column-gap:16px;
		justify-content:flex-start !important;
	}
	.notice-top-list p::before{
		display:none;
	}
	.no_pd{
		padding-left:0 !important;
		margin-left:0 !important;
	}
	.notice-contents .nc-sub-tit{
		margin-bottom:20px !important;
	}
	/* 푸터 */
	.footer-policy>li::after{
		display:none;
	}
	.guide-tab>.tap-menu,.footer-policy>li{
		width:48% !important;
	}
	/* 마이페이지 */
	.mypage-mbmenu>li{
		padding:16px 0 !important;
		font-size:14px;
	}
	.order-btn-box>button{
		width:100% !important;
	}
	.row-header{
		font-size:18px !important;
	}
	.sub-header{
		font-size:24px !important;
	}

}
@media(max-width:420px){
		.icon-box-list{
			height:180px;
		}
		.icon-text1{
			font-size:18px;
		}
		#quick-menu>ul{
			border-radius:12px !important;
		}
		#quick-menu>ul>li>a{
			font-size:11px !important;
		}
		#quick-menu .quick-menu-tit{
			border-radius:10px 0 0 10px !important;
			margin-left:-1% !important;
		}
		.topbar-menu>li:nth-child(4)>a{
			max-width:80px;
		}
		.tap-menu{
			width:48% !important;
			min-width:inherit !important;
			/* min-width:100px !important; */
		}
		.way-text>span,
		.way-text>strong{
			font-size:16px !important;
			line-height:24px !important;
			margin-right:0 !important;
		}
		.way-text>span:nth-child(3){
			margin-right:12px !important;
		}
		.topbar-menu a{
			padding-left:12px !important;
		}
		.topbar-list::after{
			right:12px !important;
		}
		#chart-table>tbody>tr>#cf-td{
			padding-left:20px !important;
		}
		#chart-table>tbody>tr>#cf-td2{
		padding-left:40px !important;
		}
/* 		.graph-con{
			padding:12px !important;
		} */
		#doughnut-text, #doughnut-text2, #doughnut-text3,
		#doughnut-text4, #doughnut-text5, #doughnut-text6{
			top:-34px !important;
		}
		.way{
			column-gap:20px !important; 
		}
		.susu-box{
			display:block !important;
		}
		.button-zone{
			column-gap:8px !important;
		}
		.mobile-minw2{
			margin-left:100px !important;
			text-align:left !important;
		}
		.credit-option{
			justify-content:flex-start;
		}
		.credit-option>.credit{
			width:23% !important;
		}
		.taxbill-ph,
		.mb-select-wrap,
		.popup-tbsp{
			flex-wrap:wrap;
			gap:8px !important;
		}
		.taxbill-ph>.ph-box,
		.Material-top>.list-btn{
			width:100% !important;
			margin-right: 0 !important;
		}
		.tip-under{
			flex-direction:column;
			gap:10px !important;
			padding:16px 20px !important;
		}
		.popup-container>h2{
			font-size:28px !important;
		}
		.efficacy-num,
		.top-yb-box>div>span, .top-yb-right span,
		.top-yb-box .yb-tit{
			font-size:16px !important;
		}
		.efficacy-num span{
			font-size:18px !important;
		}
		.top-yb-box{
			padding:20px !important;
		}
/* 		.top-yb-box .yb-tit{
			white-space:nowrap;
		} */
		.role-con>div{
			gap:12px !important;
		}
		.role-flex>ul>li{
			min-width:inherit !important;
			padding:20px 0 20px 18px !important;
		}
		.org-top-name2{
			margin-left:0 !important;
		}
/* 		#banner-logo{
			margin:0 80px;
		} */
		.main-text3{
			font-size:14px !important;
			line-height:20px !important;
			padding: 0 8px;
		}
		.slide-img-box{
			height: 400px !important;
		}
		.memberTopmenu>ul{
			justify-content:space-between;
			gap:0 !important;
		}
		.noticebtn-box{
			flex-direction:column;
			gap:8px;
		}
		.noticebtn-box button{
			width:100% !important;
		}
		.zip-btn{
			width:100% !important;
			min-width: 100px !important;
			font-size:14px !important;
			margin-left:8px !important;
		}
}