@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {
    font-family: 'Godo';
    font-style: normal;
    font-weight: 400;
     src: url(./font/godo/GodoM.woff) format('woff');
   
  }
  
  @font-face {
    font-family: 'Godo';
    font-style: normal;
    font-weight: 700;
    src: url(./font/godo/GodoB.woff) format('woff');
   
  }
@font-face {
    font-family: "Pretendard";
    font-weight: 900;
    src: url(./font/Pretendard-Black.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 800;
    src: url(./font/Pretendard-ExtraBold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    src: url(./font/Pretendard-Bold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    src: url(./font/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    src: url(./font/Pretendard-Medium.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    src: url(./font/Pretendard-Regular.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 300;
    src: url(./font/Pretendard-Light.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 200;
    src: url(./font/Pretendard-ExtraLight.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 100;
    src: url(./font/Pretendard-Thin.woff) format('woff');
}


.no-js{
	display:none;
}

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

}
select,button{
	font-family: 'Pretendard' !important;
	
}
button{
	background:transparent;
	border:0;
}
table{
	border-collapse:collapse;
}
body{
    font-family: 'Pretendard';
    position: relative;
    letter-spacing: -0.04em;
    width: 100%;
    min-width:1914px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-x:hidden !important;
    /* 슬라이드 전체화면시 가로스크롤 없애는법 */
    color:#161616;
    
    
    /* 드래그 방지 */
     -webkit-user-select:none;
  	-moz-user-select:none;
  	-ms-user-select:none;
  	user-select:none

}
body::-webkit-scrollbar{
    width: 6px;
}
body::-webkit-scrollbar-thumb{
    background-color: #C1C1C1;
    border-radius: 10px;
    background-clip: padding-box;
}
body::-webkit-scrollbar-track{
    background-color: #F1F1F1;
    border-radius: 10px;
}

body.y-hidden{
	overflow-y:hidden;
}
input[type="radio"]{
/* 	    appearance: none;
        width: 12px;
        height: 12px;
        outline:1px solid #ccc;
        background:#fff;
        border-radius: 50%; */
}
input[type="radio"]:checked{
/* 	outline: 1px solid #8AB929;
	background:#8AB929;
	border:2px solid #fff; */
	accent-color:#74a11b;
}
input[type="checkbox"]:checked{
	accent-color:#74a11b;
}
input[type="text"],
input[type="button"],
select{
    font-family: 'Pretendard';
}


/*  헤더영역 */

header{
    width: 100%;
    /* min-width:1920px; */
    position: relative;
}


.top-header{
	display:flex;
	height:50px;
	background:#EFEFEF;
	padding:0 30px;
	justify-content:space-between;
	align-items:center; 
	
}
.alarm-wrap{
	display:flex;
	align-items:center;
	gap:6px;
}
.alarm-wrap>.alarm-tit{
	width:50px;
	height:25px;
	border-radius:13px;
	background:#8AB929;
	color:#fff;
	font-size:15px;
	font-weight:500;
	text-align:center;
	line-height:24px;
}
.alarm-list{
	height:20px;
	overflow-Y:hidden;
}
.alarm-list>a{
	font-size:15px;
	font-weight:500;	
}

.right-log-list{
	display:flex;
/* 	column-gap:30px; */
	align-items:center;
}
.dropdown-lang{
	height:16px;
	position:relative;
	top:-5px;
}
.lang-wrap{
	position:relative;
	overflow:hidden;
	height:20px;
	transition:all .3s;
	margin-left:30px;
}
.lang-wrap.open{
	height:47px;
}
.lang-wrap.open .lang:hover>span{
	color:#474645;
}
.lang-wrap>.lang{
	display: flex;
    flex-direction: column;
	font-size:15px;
	font-weight:700;
	color:#474645;
	text-align:left;
	height: inherit;
	border-radius:9px;
	padding:5px 6px;	
	transition:all .3s;
	position:relative;
	z-index:10;
}
.lang-wrap.open .lang{
	height:47px;
	background:#8AB929;
	
}
.lang>span{
	position:relative;
	cursor:pointer;
	transition:all .2s;
}
.lang>span:after{
	content:"";
	background:url(../images/main/lang-aw.png) no-repeat;
	display:inline-block;
	width:10px;
	height:8px;
	margin-left:7px;
	background-size:contain;
}
.order-lang>a{
	color:#fff;
	padding-top:1px;
}
.right-log-list>a{
	font-size:15px;
	font-weight:700;
	color:#474645;
	transition:all .2s;
	margin:0 30px;
}
.right-log-list>a.cart{
	display:flex;
	gap:2px;
	position:relative;
	z-index:600;
}
.right-log-list>a.cart:hover .speech-bubble{
	opacity:1;
	visibility:inherit;
}

.lang:hover>span,
.right-log-list>a:hover>span{
	color:#8AB929;
}
.right-log-list>span{
	display:inline-block;
	width:1px;
	height:14px;
	background:#474645;
}

.right-log-list .kribb-blank{
	color:#5433B4;
	width:160px;
	height:32px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:16px;
	margin:0 13px;
}
.right-log-list .kribb-blank:hover{
	background:#5433B4;
}
.right-log-list .kribb-blank:hover>span{
		color:#fff;
}
.header-nav{
    height: 80px;
    display: flex;
    padding: 0 30px;
    justify-content: space-between;
   	position:relative;
   	align-items:center;
   	border-bottom:1px solid #eee;
   	background:#fff;

}
.logo{
    align-items: center;
    /* margin-top: 10px; */
}
.gnb{
    display: flex;
    column-gap:140px;
    z-index:500;
    white-space:nowrap;
}
.gnb>li{
	position: relative;
    transition: top .4s;
    padding:10px 0;
}
.gnb-menu{
  
}
.gnb-menu>a{
    font-size: 21px;
    font-weight: 700;
    color: #474645;
}
.gnb-menu.on>a{
    color: #8AB929;
}


.sub-menu{
	position:absolute;
    z-index: 10;
    background:#8AB929;
    border-radius:20px;
    padding:26px 20px;
    left:50%;
    top:42px;
    transform:translateX(-50%);
    min-width:249px;
    visibility:hidden;
    opacity:0;
    transition:all .3s;
    box-shadow:0px 2px 6px rgba(0,0,0,.1);
}
.gnb-menu:hover .sub-menu{
	visibility:visible;
    opacity:1;
}

.sub-menu>li{
    text-align:center;
    transition:all .2s;
    border-radius:12px;
}
.sub-menu>li:hover{
	background-color:rgba(255,255,255, 0.2);
	
}
.sub-menu>li:hover>a{
	font-weight:700;
}
.sub-menu .sub-menu-list>a{
	white-space:nowrap;
	transition:all .3s;
	width:100%;
	height:100%;
	color:#fff;
	font-size:18px;
	font-weight:500;
	display:block;
	 padding: 9px 0;
}

/* 헤더영역 왼쪽 끝 */

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

}
.right-log-list .cart-num{ 
    background: #8AB929;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 13px;
    color: #fff;
    font-weight:700;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    margin-left:2px;
}
.right-log-list .cart-num>p{
	position: absolute;
    left: calc(50% - 1px);
    transform: translate(-50%,-50%);
    top: calc(50% - 1px);
}

.speech-bubble{
	text-align: center;
    position: absolute;
    left:50%;
    transform:translateX(-50%);
    top:26px;
    background: #8AB929;
    width: 155px;
    padding: 7px 0;
    border-radius: 8px;
	box-shadow:2px 2px 8px rgba(0,0,0, 0.2);
	opacity: 0;
    visibility:hidden;
	transition:all .2s;
	letter-spacing:-0.015rem;

}
.speech-bubble>p{
	color:#fff;
	font-size:13px;
	font-weight:700;
}
.speech-bubble:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #8AB929;
    border-top: 5px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    left: 50%;
    transform: translateX(-50%);
    top: -11px;
}

.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_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;
}

/* 사이트맵 */
header.site-hd .header-nav{
	background:transparent;
	border-bottom:0;
}
header.site-hd .gnb{
	display:none;
}
header.site-hd .top-header{
	opacity:0;
	visibility:hidden;
}

#site-nav{
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-image: url(../images/main/sitemap-background.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{
	min-width:1920px;
}
.site-top{
    width: 100%;
	margin-top:50px;
}
.site-logo{
    position: relative;
	z-index:1050;
    display:none;
}
.logo.wh-logo>a{
	display:none;
}
.logo.wh-logo .site-logo{
	display:block;
}
.site-menu{
    width: 100%;
    padding:0 160px;
    margin-top:196px;
}
.site-menu>ul{
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
}
.site-menu>ul>li{
    /* 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: 40px;
    font-weight: 600;
}
.site-sub{
    margin-top: 40px;
}
.site-sub>ul>li + li{
    margin-top: 18px;
}
.site-sub ul li a{
    color: #fff;
    font-size: 22px;
    transition: all .2s;
    border-radius:8px;
    padding:4px 10px;
 
}
.site-sub ul li a:hover{
    background:rgba(255,255,255, 0.2);
}
.site-sub2{
    margin-top: 18px;
    padding-left: 10px;
}
.site-sub2>ul>li + li{
    padding-top: 8px;
}
/* 햄버거 버튼 애니메이션*/
.hamburger {
    display: block;
    cursor: pointer;
    margin: 2px 10px 0 10px;
    position: relative;
    z-index: 1100;
  }
  .hamburger span {
    display: block;
    background: #161616;
    width: 16px;
    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);
    opacity:0;
  }
  .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;
  }
  
  /* 사이트맵 모바일 */
  
  .mobile-site-top{
  	height:130px;
  	widtH:100%;
  	background-image: url(../images/main/sitemap-background.png);
    background-repeat: no-repeat;
    background-size:cover;
    display:none;
  }
  .mobile-sitemap{
  	display:none;
  }
  #mobile-nav>li{
  	border-bottom:1px solid #ddd;
 	background:#fff;
  }
  #mobile-nav>.mb-gnb>a{
  	font-size:15px;
  	position: relative;
    display: block;
    padding: 15px 24px;
    line-height: 1.3;
    font-weight: 700;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  #mobile-nav>.mb-gnb>a.on{
  	color:#8AB929;
  }
    .mb-2dep>ul>li.on>a{
    color:#8AB929;
    }
  #mobile-nav>.mb-gnb>a:after{
    font-family: xeicon;
    content: "";
    background: url(../images/main/slide-off-btn.png) no-repeat;
    background-size:contain;
    width:14px;
    height:14px;
	display:block;
  }
  #mobile-nav>.mb-gnb>a.on:after{
  	 content: "";
    background: url(../images/main/slide-on-btn.png) no-repeat;
    background-size:cover;
     width:14px;
    height:2px;
	display:block;
  }
  
  .mb-2dep{
  	background:#f2f2f2;
  	border-top:1px solid #ddd;
  	display:none;
  }
   .mb-2dep>ul>li{
   	border-bottom:1px solid #ddd;
   }
   .mb-3dep>ul>li{
   	border-bottom:1px solid #eee;
   }
    .mb-2dep>ul>li:last-child,
    .mb-3dep>ul>li:last-child{
    	border-bottom:0;
    }
  .mb-3dep{
  	background:#ddd;
  	display:none;
  }
  .mb-2dep>ul>li>a{
  	padding:11px 24px;
  	font-size:15px;
  	transition:all .2s;
  	width:100%;
  	position:relative;
  	display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .mb-2dep>ul>.test-class>a{
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  .mb-2dep>ul>li.dep-at-icon>a::after{
    content: "";
    background: url(../images/main/slide-off-btn.png) no-repeat;
    background-size:contain;
    width:14px;
    height:14px;
	display:block;
  }
  .mb-2dep>ul>li.on>a::after{
    content: "";
    background: url(../images/main/slide-on-btn.png) no-repeat;
    background-size:cover;
     width:14px;
    height:2px;
	display:block;
  
  }
  

  
  .mb-3dep>ul>li>a{
  	padding:11px 24px;
  	font-size:14px;
  	transition:all .2s;
  	display:inline-block;
  	width:100%;
  }
  
  .mb-2dep>ul>li:hover >a{
  	color:#8AB929;
  }

/* 메인 상단 슬라이더 영역 */
.main-slider-con{
    position:relative;
}
.main-txt-wrap{
	position: absolute;
    z-index: 10;
    width: 1440px;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 70px;
}
.main-txt-wrap .eng-font{
    font-family: stolzl, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    color: #fff;
    letter-spacing: -0.015rem;
}
.main-txt-wrap>h1{
    font-size: 70px;
    font-weight: 700;
    color: #fff;
    margin: 5px 0 7px 0;
}
.txt-dummy>li{
	color:#fff;
}
.txt-dummy>li:nth-child(1){
	margin-bottom:10px;
	font-size: 20px;
    line-height: 28px;
}


.main-guide-btn{
	padding:0 32px;
	height:80px;
	width:300px;
	border-radius:40px;
	border:1px solid #fff;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:32px;
	cursor:pointer;
	transition:all .2s;
}
.main-guide-btn:hover{
	background:rgba(138,185,41,0.9);
	border:1px solid transparent;
}
.main-guide-btn>p{
    font-size: 23px;
    font-weight: 500;
    color: #fff;
    text-align: left;
}
.main-guide-btn>span{
	background:url(../images/main/wh-arrow.png) no-repeat;
	background-size:contain;
	display:block;
	width:12px;
	height:16px;
}


.mySwiper{
	height:815px;
}
.slide-imgbox{
	width:100%;
	height:100%;
	position:relative;
}
.slide-imgbox>img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: top;                                              
}
/* .slide-imgbox1{
	background: url(../images/main/main-slide1.png) no-repeat;
	background-size:cover;
} */
/* .slide-imgbox2{
	background: url(../images/main/main-slide2.png) no-repeat;
	background-size:cover;
}
.slide-imgbox3{
	background: url(../images/main/main-slide3.png) no-repeat;
	background-size:cover;
} */
.floating-effect{
	position: absolute;
    z-index: 10;
    bottom: 0;
    width:100%;
    height:100%;
}
.floating-effect>span{
	position:absolute;
	bottom:0;
}
.slide4 .floating-effect>span{
	opacity:0.3;
}
.simg1-fe>span:nth-child(1){
	bottom: 32%;
    right: 24.5%;
      animation-name: floating;
	  animation-duration: 2s;
	  animation-timing-function: ease-in-out;
	  animation-iteration-count: infinite;
	  animation-fill-mode: forwards;
	  animation-direction: alternate;
}
.slide3 .simg1-fe>span:nth-child(1){
	bottom:36%;
	right:18%;
}
.simg1-fe>span:nth-child(2){
	bottom: 15%;
    right: 39%;
    animation-name: floating;
	  animation-duration: 3s;
	  animation-timing-function: ease-in-out;
	  animation-iteration-count: infinite;
	  animation-fill-mode: forwards;
	  animation-direction: alternate;
}
.slide2 .simg1-fe>span:nth-child(2){
	bottom:20%;
	right:36%;
}
.slide3 .simg1-fe>span:nth-child(2){
	bottom:16%;
	right:20%;
}
.simg1-fe>span:nth-child(3){
	  bottom: 40%;
      right: 54%;
	  animation-name: nomal-floating;
	  animation-duration: 2s;
	  animation-timing-function: ease-in-out;
	  animation-iteration-count: infinite;
	  animation-fill-mode: forwards;
	  animation-direction: alternate;
}
.simg1-fe>span:nth-child(4){
	  bottom: 57%;
      right: 31%;
	  animation-name: nomal-floating2;
	  animation-duration: 2s;
	  animation-timing-function: ease-in-out;
	  animation-iteration-count: infinite;
	  animation-fill-mode: forwards;
	  animation-direction: alternate;
}
.slide2 .simg1-fe>span:nth-child(4){
	bottom:33%;
	right:34%;
}
.slide3 .simg1-fe>span:nth-child(4){
	bottom:76%;
	right:34%;
}
.simg1-fe>span:nth-child(5){
	  bottom: 44%;
      right: 11%;
	  animation-name: nomal-floating;
	  animation-duration: 2s;
	  animation-timing-function: ease-in-out;
	  animation-iteration-count: infinite;
	  animation-fill-mode: forwards;
	  animation-direction: alternate;
}
.slide3  .simg1-fe>span:nth-child(5){
    right: 0;
    left: 16%;
    bottom: 7%;
}
.slide3  .simg1-fe>span:nth-child(7){
	bottom:10%;
}
.simg1-fe>span:nth-child(6){
	  top: 6%;
      left:21%;
	  animation-name: nomal-floating2;
	  animation-duration: 2s;
	  animation-timing-function: ease-in-out;
	  animation-iteration-count: infinite;
	  animation-fill-mode: forwards;
	  animation-direction: alternate;
}
.simg1-fe>span:nth-child(7){
	  bottom: 43%;
      right:36%;
	  animation-name: nomal-floating2;
	  animation-duration: 2s;
	  animation-timing-function: ease-in-out;
	  animation-iteration-count: infinite;
	  animation-fill-mode: forwards;
	  animation-direction: alternate;
}
/* .slide-imgbox>img{
	 transform: scale(1.07) rotate(0.0001deg);
	 transition:4.5s cubic-bezier(0.74,0.52,0.8,1);
}
.swiper-slide-active .slide-imgbox>img{
	transform: scale(1) rotate(0);
} */

.swiper-slide-active.main-slide>.slide-imgbox>img{
	animation: mainBg 4s linear alternate both;
}

 @-webkit-keyframes mainBg{
   0%{
     transform: scale(1.07) rotate(0.0001deg)
   }
   100%{
     transform: scale(1) rotate(0deg)
   }
}
@-webkit-keyframes floating{
  0%{
    transform: translate3d(0,0,0) rotate(0deg);
  }
  100%{
    transform: translate3d(15px,5px,0) rotate(240deg);
  }
}
@-webkit-keyframes nomal-floating{
  0%{
    transform: translate3d(0,0,0);
  }
  100%{
    transform: translate3d(15px,30px,0);
  }
}
@-webkit-keyframes nomal-floating2{
  0%{
    transform: translate3d(15px,30px,0);
  }
  100%{
    transform: translate3d(0,0,0);
  }
}

.t-hidden{
	position: absolute;
	left: 50%;
    transform: translateX(-50%);
}
.slide-txt{
	position:relative;
    z-index: 10;
    max-width: 1440px;
    width:100%;
    text-align: right;
    color:#fff;
    transition: all 2s ease-in-out;
    transition-delay:0.6s;
    opacity:0;
    margin:0 auto;
}
.mySwiper .swiper-slide-active .slide-txt{
	   opacity:1;

}
.slide-txt>div{
	font-size:18px;
}
.slide-txt>div:nth-child(1){
	font-size:24px;
	font-weight:500;
}
.slide-txt>div:nth-child(2){
	font-weight:700;
	margin-bottom:12px;
}


.slide2 .t-hidden{
	bottom:80px;
	height:83px;
}
.main-slide .t-hidden{
	bottom:80px;
	width:100%;
}


.swiper-pagination-bullet {
	width: 13px !important;
	height: 13px !important;
	background: #fff !important;
	opacity:0.5;
	border: 1px solid transparent;
	opacity: 1;
	}
.swiper-pagination-bullet-active{
	width: 40px !important;
	transition: width .5s;
	border-radius: 8px !important;
	background: #fff !important;
	border: 1px solid transparent;
	}


/* 메인 아이콘 박스 */

.icon-box{
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 20;
    width:100%;
    max-width: 1440px;
    gap: 40px;
    top: 340px;
    left: 50%;
    transform: translateX(-50%);
    justify-content: flex-start;
    transition:all .3s;
}
.icon-box-list{
    height: 310px;
    width: 220px;
    position: relative;
	background: rgba(71,70,69, 0.8);
    border-radius:25px;
    box-shadow:0px 3px 6px rgba(0,0,0, 0.15);
}
.front-shbox{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
	padding-top:30px;
}
.icon-box-list>a{
    z-index: 50;
    display: block;
    width: 100%;
    height: 100%;
}
.icon-box-list>a>p{
    text-align: center;
}
.front-shbox .front-tbox>p{
	color:#fff;
	text-align:center;
}
.front-shbox .front-tbox>p:nth-child(1){
	font-size:20px;
	font-weight:700;
	margin-top:20px;
}
.front-shbox .front-tbox>p:nth-child(2){
	line-height:21px;
	white-space:nowrap;
	margin-top:20px;
	font-size:15px;
}
.front-shbox1>.main-icon{
	background: url(../images/main/main-icon1.png) no-repeat;
    background-size:contain;
    width:140px;
    background-position:bottom;
}
.front-shbox2>.main-icon{
	background: url(../images/main/main-icon2.png) no-repeat;
    background-size:contain;
    width:130px;
}
.front-shbox3>.main-icon{
	background: url(../images/main/main-icon3.png) no-repeat;
    background-size:contain;
    width:156px;
}

.front-shbox4>.main-icon{
	background: url(../images/main/main-icon4.png) no-repeat;
    background-size:contain;
    width:120px;
}
.front-shbox5>.main-icon{
	background: url(../images/main/main-icon5.png) no-repeat;
    background-size:contain;
    width:105px;
}

.front-shbox>.main-icon{
	height:120px;
}

.back-shbox{
	border-radius:25px;
    background: #fff;
    opacity: 0;
    transition: all 0.3s;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 100;
    width:100%;
    padding:24px 30px;
    text-align:center;
    
}
.back-shbox3 .back-tit{
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.back-shbox.open{
    opacity: 1;
}
.back-shbox >.back-tit>h2{
    font-size: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #ccc;
   	word-break:keep-all;
}
.back-shbox1 .back-tit>h2{
	color:#8AB929;
}
.back-shbox2 .back-tit>h2{
	color:#3BD186;
}
.back-shbox3 .back-tit>h2{
	color:#DF4A4A;
}
.back-shbox4 .back-tit>h2{
	color:#4295D4;
}
.back-shbox .data-list{
	text-align:left;
	margin-top:16px;
}
.data-line-wrap>strong{
	font-size:17px;
	margin-bottom:6px;	
	display:inline-block;
	white-space:nowrap;
}
.back-shbox3 .data-line-wrap>strong{
	margin-bottom:5px;
}
.back-shbox3 .data-line-wrap>.mg20{
	margin:10px 0 6px 0;
}
.data-line-wrap>.mg20{
	margin:10px 0 6px 0;
}
.back-shbox .inner-data{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	font-size:15px;
}
.back-shbox .inner-data>span{
	font-weight:800;
	font-size:16px;
}
.back-shbox1 .inner-data>span{
	color:#679A43;
}
.back-shbox2 .inner-data>span{
	color:#3BD186;

}
.back-shbox3 .inner-data>span{
	color:#DF4A4A;
	
}
.back-shbox4 .inner-data>span{
	color:#4295D4;

}





/* 스크롤버튼 */
.under-scroll{
	background:rgba(255,255,255, 0.26);
	height:95px;
	width:63px;
	position:absolute;
	bottom:50px;
	right:50px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:22px;
	border-radius:32px;
	z-index:20;
	cursor:pointer;
}
.under-scroll>div{
	font-weight:600;
	color:#fff;
}
.under-scroll>.scroll-aw{
	background: url(../images/main/under-scroll-aw.png) no-repeat;
	background-size:contain;
	width:13px;
	height:8px;
}

/* 메인 차트 슬라이드부분 */
.chart-content{
	width:100%;
	height:100%;
	min-height:945px;
	position:relative;
}
.chart-content .chart-bg{
	background:url(../images/main/main-chart-bg.png) no-repeat;
	width:100%;
	height:100%;
	background-size:cover;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	transition:all .6s;
}
.chart-content .chart-bg.ani{
	opacity:1;


}
.chartSwiper .swiper-slide{
	opacity:0;
	transition:all 1s;
	transition-delay:1s;
	transform:translateY(100px);
}
.chartSwiper.ani .swiper-slide{
	opacity:1;
	transform:translateY(0);
}
.mnt-img>img{
	box-shadow:3px 3px 8px rgba(0,0,0, 0.2);
	width:100%;
	height:100%;
	border-radius:27px;
}
.mnt-img>div>img{
	width:100%;
	border-radius:27px;
	object-fit: none;
}

.ct-wrap{
	display:flex;
	max-width:1440px;
	width:100%;
	height:100%;
	min-height:945px;
	margin:0 auto;
	justify-content:space-between;
	position:relative;
	align-items:center;
}
.chart-content .ct-left>h2{
	font-size:50px;
	font-weight:700;
	margin-bottom:15px;
}
.chart-content .ct-left>p{
	font-size:24px;
	line-height:32px;
}
.ctr-btnbox{
	position:relative;
	height:55px;
	margin:85px 0 70px 0;
}
.resp-ct-icon{
	display:none;
}
.swiper-control-btn{
	height:55px !important;
	width:55px !important;
	border:1px solid #8AB929;
	border-radius:50%;
	transition:all .2s;
	top:0;
	margin:0;
	left:0;
}
.swiper-control-btn>div {
  background:url(../images/main/slide-aw-on.png) no-repeat;
  background-size: contain;
  width:10px;
  height:15px;
}
.ctr-btnbox .swiper-button-next{
	left:76px;
}
.swiper-button-next>div{
  transform:rotate(180deg)
}
.swiper-control-btn:hover{
	background:#8AB929;
	border:1px solid transparent;
}
.swiper-control-btn:hover>div{
	background:url(../images/main/slide-aw-hover.png) no-repeat;
  background-size: contain;
  width:10px;
  height:15px;
}


.ctr-btnbox .swiper-button-next::after,
.ctr-btnbox .swiper-button-prev::after {
  display: none;
}
.ct-wrap .ct-icon{
	position:relative;
	left:-66px;
}


.chartSwiper{
	width:1000px;
	margin:0 !important;
}
.chartSwiper .swiper-slide{
	height:645px !important;
}
/* 메인차트 스크롤 애니메이션  */
.ct-left>h2,
.chart-content .ct-left>p,
 .ctr-btnbox,
 .ct-left .ct-icon{
	opacity:0;
	transform:translateY(100px);
	transition-duration: 1s;
}
.chart-content .ct-left.ani>p,
.ct-left.ani>h2,
.ct-left.ani .ctr-btnbox,
.ct-left.ani .ct-icon{
	opacity:1;
	transform:translateY(0);
}
.chart-content .ct-left>h2{
	transition-delay:.2s;
}
.chart-content .ct-left>p{
	transition-delay:.4s;
}
.ctr-btnbox{
	transition-delay:.6s;
}
.ct-left .ct-icon{
	transition-delay:.8s;
}

/* 메인알림컨텐츠 */
.mnt-area{
	position:relative;
	height:100%;
}
.mnt-con{
	max-width:1440px;
	width:100%;
	margin:0 auto;

}
.mnt-tit{
	padding-top:150px;
	text-align:center;
	margin-bottom:74px;
}

.mnt-tit>h2{
	font-size:50px;
	font-weight:700;
	margin-bottom:15px;
	transition:all 1s;
	transform:translateY(80px);
	opacity:0;
}
.mnt-tit>p{
	font-size:24px;
	line-height:32px;
	transition:all 1s;
	transform:translateY(80px);
	transition-delay:0.2s;
	opacity:0;
}
.mnt-tit.ani>h2,
.mnt-tit.ani>p{
	opacity:1;
	transform:translateY(0);
}

.mnt-underbg{
	background:#8AB929;
	width:0%;
	height:200px;
	position:absolute;
	left:1px;
	bottom:0;
	z-index:-1;
	opacity:0;
	transition:all 1s;
	animation-delay:0.2s;
	
}
.mnt-underbg.ani{
	opacity:1;
	width:100%;
}
.noticeSwiper{
	overflow-x:hidden !important;
	overflow-y:inherit !important;
	padding:8px 20px !important;
}
.noticeSwiper .card-slide{
/* 	width:360px !important;
	height:450px; */
	border-radius:27px;
	position:relative;
}
.card-slide>div{
	box-shadow:3px 3px 8px rgba(0,0,0, 0.2);
	width:100%;
	height:100%;
	border-radius:27px;
}
.card-back-data{
    position: absolute;
    top: 0;
    width: 100%;
    height: calc(100% - 4px);
    border-radius: 24px;
    background: rgba(138,185,41, 0.8);
    padding:80px 40px 52px 40px;
	opacity: 0;
    transition:all .3s;
    color:#fff;
}
.card-back-data.open{
	opacity: 1;
}
.card-back-data .flex-data{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: calc(100% - 44px);
}
.card-back-data .dt-mun{
	margin-bottom:20px;
}
.card-back-data .dt-mun,
.card-back-data .dt-date{
	font-size:20px;
	font-weight:700;
}
.card-back-data .dt-notit{
    font-size: 32px;
    font-weight: 700;
    word-break: keep-all;
    margin-bottom: 20px;
    height: 134px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card-back-data .dt-mbtn{
	width:165px;
	height:49px;
	padding:0 32px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	background:#fff;
	border-radius:27px;
	margin-top:30px;
	cursor:pointer;
}
.card-back-data .dt-mbtn>div{
	font-size:20px;
	color:#8AB929;
}
.card-back-data .dt-mbtn>span{
	 background:url(../images/main/slide-aw-on.png) no-repeat;
	 background-size:contain;
	 display:inline-block;
	 width:8px;
	 height:13px;
	 transform:rotate(180deg);
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	opacity:1 !important;
	border:1px solid #ccc !important;
	 
}
.swiper-button-next.swiper-button-disabled>div,
.swiper-button-prev.swiper-button-disabled>div{
	 background:url(../images/main/slide-aw-off.png) no-repeat !important;
	  background-size: contain !important;
	  width:10px;
	  height:15px;
}
.ntsd-cover{
	position:relative;
	width:100%;
	max-width:1280px;
	height:100%;
	transition:all 1s;
	opacity:0;
	transform:translateY(80px);
	transition-delay:0.6s;
	padding-bottom:120px;
	margin:0 auto;
}
.ntsd-cover.ani{
	opacity:1;
	transform:translateY(0);
}
.card-btnbox{
	position: absolute;
    top: calc(50% - 60px);
    transform: translate(-50%,-50%);
    left: 50%;
    max-width:1320px;
    width:100%;
    height:55px;
}
.card-btnbox .swiper-control-btn{
	height:55px;
	width:55px;
	border:1px solid #8AB929;
	border-radius:50%;
	transition:all .2s;
	top:0;
	margin:0;
}
.card-btnbox .swiper-control-btn>div {
  background:url(../images/main/slide-aw-on.png) no-repeat;
  background-size: contain;
 width:10px;
  height:15px;
}
.card-btnbox .swiper-button-next{
	right:-75px;
}
.card-btnbox .swiper-button-prev{
	left:-75px;
}
.swiper-button-next>div{
  transform:rotate(180deg)
}
.swiper-control-btn:hover{
	border:1px solid transparent;
	background:#8AB929 !important;
}
.swiper-control-btn:hover>div{
  background:url(../images/main/slide-aw-hover.png) no-repeat;
  background-size: contain;
  width:10px;
  height:15px;
}

.swiper-button-next::after,
.swiper-button-prev::after {
 	display:none; 
}

/* 공지사항&검색창 */
.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;
    max-width:1440px;
    width:100%;
    margin:0 auto;
    height:80px;
    display:flex;
}
.banner-left{
    height: 100%;
    width: 100px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

} 
.bn-tbox{
    text-align: center;
    font-weight: 600;
    margin-bottom:4px;
    white-space:nowrap;
}
.banner-logo{
    max-width: 1280px;
    margin: 0 auto;
    height: 100%;
    right:10px;
}
.banner-swiper>li{
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
}

.banner-btn{
    width: auto;
    height:22px;
    position:relative;
    display:flex;
    gap:28px;
}
.banner-btn .swiper-control-btn{
	height: 20px !important;
    width: 20px !important;
    border: 1px solid #8AB929;
    border-radius: 50%;
    transition: all .2s;
    top: 0;
    margin: 0;
    position:relative;
}
.banner-btn .swiper-control-btn>div,
.banner-btn .swiper-button-prev.swiper-button-disabled>div{
	width:5px;
	height:8px;
}


/* 서브탑메뉴  리뉴얼 css버전 */
.sub-background{
    height: 380px !important;
    position: relative;

}
.sbg-txt-wrap{
	position:absolute;
	top:calc(50% + 65px);
	left:50%;
	transform:translate(-50%,-50%);
}
.sbg-txt-wrap>h1{
	color:#fff;
	font-size:56px;
	font-weight:700;
	margin-bottom:20px;
	text-align:center;
}
.loc-ltname{
	display:flex;
	justify-content:center;
}
.loc-ltname>li{
	color:#fff;
	font-size:18px;
	font-weight:500;
}
.loc-ltname>li:before{
	content:"";
	width:1px;
	height:12px;
	background:#ddd;
	display:inline-block;
	margin:0 24px;
}
.loc-ltname>li:first-child:before{
	display:none;
}
.loc-ltname>li:first-child{
	background: url(../images/icon/home.png) no-repeat;
    background-size: contain;
    width: 18px;
    height: 20px;
}
.sub-topbar{
    position: fixed;
    top:0;
    width:100%;
    height: 0;
    background: #8AB929;
    transform: skew(-0.1deg);
    z-index:50;
   overflow:hidden;
   transition:all .2s;
   opacity:0;
   display:none;
}
.sub-topbar.fix{
	height:60px;
	overflow:visible;
	opacity:1;
}
.topbar-menu{
    max-width: 1440px;
    margin: 0 auto;
    height: 60px;
    display: flex;
    align-items: center;
}
.topbar-menu>li{
    height: 100%;
    width: 240px;
    position: relative;
    padding:0 20px;
}
.topbar-menu>li:before{
    content: "";
    display: block;
    background: #ddd;
    height: 20px;
    width: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.topbar-menu a{
    display: block;
    line-height: 60px;
    font-weight: 600;
}

.topbar-menu .sub-home{
    width: auto;
}
.topbar-menu .sub-home>a{
    background: url(../images/icon/home.png) no-repeat;
    background-size: contain;
    width: 18px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}


.topbar-menu>li:first-child img{
    padding-right: 10px;
    vertical-align: -1px;
}

.topbar-list{
    position: relative;
}
.topbar-list>a{
	font-size:18px;
	color:#fff;
}
.topbar-list::after{
    content: "";
    position: absolute;
    top: 25px;
    right: 20px;
    transform: rotate(0);
    transition: .4s;
    height: 12px;
    width: 13px;
    background: url(../images/icon/sub-arrow.png) no-repeat center/contain; 
}
.topbar-submenu{
    border: 1px solid #8AB929;
    border-radius: 12px;
    background: #fff;
	color: #161616;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.15);
    position:absolute;
    top:68px;
    left:0;
    width:100%;
    padding:16px 12px;
    display:none;
}
.topbar-submenu>li{
	transition:all .2s;
}
/* .topbar-submenu.opened{
	opacity:1;
    overflow:inherit;
    height:auto;
    transition:all 0.3s;
} */
.active::after{
    transform: rotate(-180deg);
    transition: 0.4s;
    top: 25px;
}

.topbar-submenu>li:hover{
    background-color: #F3F8E9;
    transition: all .2s;
    border-radius:8px;
}
.topbar-submenu a{
    font-weight: 400;
    line-height: 24px;
    padding:8px 0 8px 18px;
}
.topbar-submenu>li>a{
	font-weight:500;
}
.topbar-submenu>li:hover>a{
    color:#8AB929;
}

/* 서브탑메뉴 끝 */

/* 푸터 */
footer{
	background:#474645;
	height:250px;
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:140px;
}
.siteinfo .footer-logo{
	opacity:0.38;
	margin-left:32px;
	margin-bottom:25px;
}
.siteinfo .inner-info{
	margin-left:80px;
}
.siteinfo .inner-info>p{
	color:#C9C9C9;
	font-size:13px;
	font-weight:500;
}
.siteinfo .inner-info>p:nth-child(1){
	font-size:15px;
	font-weight:700;
	margin-bottom:10px;
}
.siteinfo .inner-info>p:nth-child(3){
	margin-top:24px;
	color:#9B9B9B;
}
.fnb{
	display:flex;
	margin-right:50px;
	position:relative;
	top:-48px;
}
.fnb>li{
	position:relative;
}
.fnb>li:after{
	content:"l";
	color:#C9C9C9;
	margin:0 12px;
}
.fnb>li:last-child:after{
	display:none;
}
.fnb>li>a{
	font-size:15px;
	color:#C9C9C9;
	font-weight:500;
	transition:all .2s;
}
.fnb>li>a:hover{
	color:#8AB929;
	font-weight:600;
}


.total-zone{
	margin:60px 0 40px 0 !important;
	background:#FAFCFE;
	border-radius:8px;
	padding:25px 20px;
	text-align:center;
	
}
.total-font{
	font-size: 24px;
	font-weight: 500;
	color: #161616;
}

.st-itelic{
	font-style:italic;
}

/*  scroll 버튼 */
.scroll-wrap{
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 55px;
    height: 55px;
    z-index:100;
    display:none;
}
.scroll-wrap>.scroll-btn{
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,0.15);
    cursor: pointer;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.scroll-btn>p{
	font-size:15px;
	font-weight:600;
	color:#474645;
}
.scroll-btn>.scrollt-aw{
	background: url(../images/main/top-sc-aw.png) no-repeat;
    background-size: contain;
    width: 12px;
    height: 7px;
    margin:1px 0 4px 0;
}



/* 소재,성분,효능,지리 상세검색창 */
.schbox-wrap{
	border:1px solid #ccc;
	background:#fff;
	border-radius:12px;
	/* box-shadow:8px 8px 18px rgba(0,0,0,0.2); */
    box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.06);
}
.sch-top-wrap{
	display:flex;
	background:none;
	padding:20px 32px;
	align-items:center;
	border-radius:12px 12px 0 0;
	gap:8px;
}
.sch-rdo-custom{
	border:1px solid #ccc;
	padding:9.5px 26px;
	border-radius:4px;
	display:flex;
	gap:6px;
	align-items:center;
	background:#fff;
}
.sch-rdo-custom.ck{
	border:1px solid #8AB929;
	background:#F9FCF4;
}
.sch-rdo-custom>span{
	white-space:nowrap;
	font-weight:700;
}
.sch-rdo-custom.ck>span{
	color:#8AB929;
}
.schbox-wrap input[type="text"]{
	height:50px;
	width:100%;
	border:1px solid #B6BEC6;
	padding:0 20px;
	border-radius:25px;
	font-size:16px;
}
.detail-option{
	height:80px;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	position: relative;
	/* border-top:1px solid #ccc; */
}
.detail-option::before {
	content: '';
    position: absolute;
    top: 0;
    height: 1px;
    background-color: #E6EBEF;
    width: 96%;     
    left: 50%;
    transform: translateX(-50%);
}
.detail-option>button{
	font-size:18px;
	/*font-weight:500;*/
	margin-right:10px;
	cursor:pointer;
}
.detail-option>span{
    background: url(../images/icon/arrow-bk.png) no-repeat;
    background-size: contain;
    width: 16px;
    height: 10px;
    height: 10px;
    vertical-align: -2px;
    position: relative;
    top: 1px;
    transition:all .2s;
}
.detail-option.on>span{
	transform:rotate(-180deg);	
}
.more-search-zone{
	display: none;
	padding: 20px 60px;
	/* border-top:1px solid #ccc; */
	position: relative;
}
.more-search-zone::before {
	content: '';
    position: absolute;
    top: 0;
    height: 1px;
    background-color: #E6EBEF;
    width: 96%;     
    left: 50%;
    transform: translateX(-50%);
}
.default-search-one{
	display: flex;
    align-items: center;
    margin-bottom: 28px;
    color: #161616;
}
.more-search-zone .search-header{
	font-size:20px;
	font-weight:700;
	min-width:132px;
}
.more-search-zone .search-header2{
	min-width:144px;
}
.search-item{
	width: 100%;
	height: auto;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	flex-wrap:wrap;
	gap:8px;
}

.schbox-wrap input[type="checkbox"]{
	position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
}
.ls-item{
	position: relative;
    display: inline-block;
    box-sizing: border-box;
    white-space: nowrap;
}
.ls-item .ckbox-custom{
	width: 100%;

    height: 40px;
	display:block;
    border: 1px solid #ccc;
    text-align: center;
    border-radius: 4px;
    cursor:pointer;
}
.si-cw1 .ckbox-custom{
 	min-width: 130px;
}
.si-cw2 .ckbox-custom{
	min-width: 200px;
}
.si-cw3 .ckbox-custom{
	min-width: 100px;
}  
.ls-item .ckbox-custom>span{
	 font-weight: 500;
	 line-height:39px;
}
.ls-item input[type="checkbox"]:checked + .ckbox-custom{
	background:#8AB929;
	border:1px solid #8AB929;
}
.ls-item input[type="checkbox"]:checked + .ckbox-custom>span{
	color:#fff;
}
.ls-item input[type="checkbox"]:disabled + .ckbox-custom{
	background:#ddd;
	border:none;
	cursor:inherit;
}
.ls-item input[type="checkbox"]:disabled + .ckbox-custom>span{
	color:#aaa;
}

/* 데이터 테이블 */
.common-tb{
	width:100%;
	border-top: 2px solid #8AB929;
}
.common-tb tr{
	border-bottom:1px solid #ddd;
}
.common-tb tr>th{
	background:#FBFBFB;
	border-right:1px solid #ddd;
	font-weight:500;
	height:40px;
}

.common-tb  tr>td{
	border-right:1px solid #ddd;
	font-size:14px;
	text-align:center;
	height:40px;
}
.common-tb  tr>th:last-child,
.common-tb  tr>td:last-child{
	border-right:0;
}

.scroll-tb-div{
	overflow-x:auto;
	border-bottom:1px solid #ccc;
}
.scroll-tb-div::-webkit-scrollbar{
    height:8px;
}
.scroll-tb-div::-webkit-scrollbar-thumb{
    background-color: #C1C1C1;
    border-radius: 10px;
    background-clip: padding-box;
}
.scroll-tb-div::-webkit-scrollbar-track{
    background-color: #F1F1F1;
    border-radius: 10px;
}
.dt-commontb{
	width:1440px;
	/* border-top: 2px solid #8AB929; */
}
.inner-scrtb{
	/* overflow-y:auto; */
	height:auto;
 	/* max-height:600px; */
 	width:1440px;
 	overflow-x:hidden;
}
.inner-scrtb::-webkit-scrollbar{
    width:6px;
}
.inner-scrtb::-webkit-scrollbar-thumb{
    background-color: #C1C1C1;
    border-radius: 10px;
    background-clip: padding-box;
}
.inner-scrtb::-webkit-scrollbar-track{
    background-color: #F1F1F1;
    border-radius: 10px;
}
.inner-scrtb .dt-commontb{
	border-top:0;

}

.dt-commontb   tr>th{
	border-bottom: 1px solid #ddd;
	background:#FBFBFB;
	border-right:1px solid #ddd;
	font-size:14px;
	font-weight:500;
	height:40px;
}
.dt-commontb   tr{
	border-bottom:1px solid #ddd;
}
.dt-commontb   tr:last-child{
	border-bottom:0;
}
.dt-commontb   tr>td{
	border-right:1px solid #ddd;
	font-size:14px;
	text-align:center;
	height:40px;
	padding: 15px 0px;
}
.dt-commontb tr>th:last-child,
.dt-commontb   tr>td:last-child{
	border-right:0;
}
.dt-commontb>tbody  tr:nth-child(even){
	background:#FBFBFB;
}
.dt-commontb>tbody tr:hover{
	background:#F3F8E9;
}
.dt-commontb>tbody  tr.ck{
	background:#F3F8E9;
}
.tb-inner-sel{
	height:28px;
	background-position-x:calc(100% - 8px);
	font-size:14px;
	padding:0 8px;
	background-color:#fff;
}

.modar-table{
	border:1px solid #ccc;
	border-radius:5px;
}
.modar-table>table{
	width:100%;	
}
.modar-table .md-top-tr{
	border:0 !important;
}
.modar-table .md-top-tr>th{
	background:#F7F7F7;
	height:48px;
	font-size:20px;
	font-weight:700;
	border:0 !important;
}
.modar-table .md-top-tr th>span{
	color:#8AB929;
}
.modar-table>table tr{
	border-top:1px solid #ccc;
}
.modar-table>table tr>th{
	height:48px;
	background:#F7F7F7;
	border-right:1px solid #ccc;
}
.modar-table>table tr>th:nth-child(3){
	border-left:1px solid #ccc;
}
.modar-table>table tr>td{
	padding-left:20px;
}
.tip-wrap {
    width: 20px;
    height: 20px;
    line-height: 19px;
    border-radius: 50%;
    border: 1px solid #8AB929;
    background: #fff;
    color: #8AB929;
    font-weight: 600;
    cursor: pointer;
    position: relative;
}
.subhead-tit{
	font-size: 28px;
	font-weight: 600;
	margin:80px 0 40px 0 !important;
	font-family: 'Pretendard';
}


/* 버튼 */
.gray-btn{
	border:1px solid #aaa;
	color:#474645;
	font-weight:600;
	transition:all .2s;
}
.gray-btn:hover{
	background:#474645 !important;
	color:#fff;
	border:1px solid transparent;
}
.green-btn{
	background:#8AB929;
	color:#fff !important;
	font-weight:600;
	transition:all .2s;
}
.green-btn:hover{
	background:#709F0E !important;
}
.gr-linebtn{
	border:1px solid #8AB929;
	color:#8AB929;
	font-weight:600;
	transition:all .2s;
}
.gr-linebtn:hover{
	background:#8AB929;
	color:#fff;
}
.blue-btn{
	border:1px solid #4295D4;
	color:#4295D4;
	padding:0 24px;
	height:32px;
	line-height:31px;
	border-radius:5px;
	transition:all .2s;
	white-space:nowrap;
	display:inline-block;
	
	min-width: 220px;
	text-align: center;
}
.blue-btn:hover{
	background:#4295D4;
	color:#fff;
}
.reset-btn{
    border: 1px solid #CCCCCC;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.reset-btn>span{
    background: url(../images/icon/reset-icon.png) no-repeat;
    display: block;
    width: 20px;
    height: 20px;
    background-size: contain;
    margin-top: 1px;
    transition: all 0.2s;
}
.reset-btn:hover{
	border:1px solid #8AB929;
	color:#8AB929;
}
.reset-btn:hover span{
	background: url(../images/icon/reset-hover.png) no-repeat;
    background-size: contain;
}
.download-btn{
	width:140px;
	height:48px;
	font-size:16px;
	font-weight:600;
	border-radius:4px;
	cursor:pointer;
	background:#fff;
}


/* 리뉴얼 컬러수정 */
.tap-on{
	background-color:#8AB929 !important; 
}
/* #chart-table>thead>tr{
	border-top:2px solid #8AB929 !important;
}
 */

/* 리뉴얼 페이지 서브탭메뉴 */
.menu-3dep-tab{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 60px;
    justify-content: space-between;	
}
.menu-3dep-tab>a{
    width: 100%;
    height: 52px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-weight: 600;
    color: #707070;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.menu-3dep-tab>a.on{
	color:#fff;
	background:#1270D1;
	border:1px solid #1270D1;
}
.sub-header{
    margin-bottom: 40px;
    font-family: 'Godo', sans-serif;
    font-size: 28px;
    letter-spacing: -0.04em;
    color:  #1270D1;
    display: flex;
    justify-content: center;
}


 @media(max-width:1024px){
 	.sub-topbar{
 		padding: 0 24px;
 	}
 }



/* @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;
		}
} */