@charset "UTF-8";
/*****************************************************************



/*반응형 responsive.css-----------------------------------------------------------------------------------------------------------------*/

.moon-mob { display: none; }


/*@media screen and (max-width:1600px) {
    
    .moon-sec-con-1500{padding:0 90px;width: 100%;}
    .moon-sec-container{padding:0 90px;width: 100%;}
}


@media screen and (max-width:1440px) {
    /*head*/
	
	.logo img{width:270px;height:auto;}
	#gnb .gnb_1dli{font-size:16px ;}

    /*main*/
    #wrapper{padding-top: 80px;width:100%;}

    /*moon-theme02-main-business*/
    #moon-theme02-main-business .moon-img-container{height: 500px;}

    /*tail*/
    .ft-quick-container{right: 60px;}

	/*sub title*/
	

@media screen and (max-width:1280px) {
    .moon-mob{display: none;}

    /*main*/
    .moon-sec{padding: 120px 0;}
    .moon-sec-container{padding:0 40px;width: 100%;}
    .moon-sec-con-1500{padding:0 40px;}
    .moon-sec-title{padding-bottom: 55px;}
    /*moon-theme02-main-recruit*/
    #moon-main-banner03 .moon-banner03-list > li{flex: 1;}
    #moon-main-banner03 .moon-banner03-item > a{width:100%;height:540px;}

    /*moon-theme02-main-menu*/
    #moon-theme02-main-menu .moon-menu-list{flex-direction:column;}
    #moon-theme02-main-menu .moon-menu-item{flex:auto;width:100%;}
    #moon-theme02-main-menu .moon-menu-item:not(:first-child) {border-left:none;border-top: 1px solid rgba(255,255,255,0.3);}
    #moon-theme02-main-menu .moon-mb-30 {margin-bottom: 0 ;}
    #moon-theme02-main-menu .moon-text-container{display: flex;justify-content: space-between;width: 100%;}
    #moon-theme02-main-menu .moon-menu-item > a {padding: 0 40px;}
    #moon-theme02-main-menu .moon-top {display: flex;gap: 30px;}
    #moon-theme02-main-menu .moon-menu-item .moon-text02 > br{display: none;}

    /*tail*/
    .ft-quick-container{right: 40px;}

    /*다크모드*/
    body.dark-mode #menu-btn span{background: #fff;}

}


@media screen and (max-width:1024px){
	#container_title .moon-sub-theme-title-container {padding-left:5%;}
	#hd_wrapper {position:relative; margin:0 auto; width: calc(100vw - 20px) ;zoom:1}
	#hd_wrapper .gnb-container{height:110px ;}
	#logo{width:100% ;}
	#logo > a > img {top:15% ;}
	#logo img {width:280px ; height:49px ;}
	#gnb {width:100%; height:110px ;  padding-top:56px;}
	#gnb .gnb_wrap {width:100%;}

    #gnb .gnb_1dli {font-size:20px; align-items: end; line-height: 50px;}



	.hd_login {display:none;}
    .moon-pc{display: none ;}
    .moon-mob{display: block;}

	/*sub title*/
	#wrapper {padding-top:110px;}

    /* 공통 */
    .moon-small-btn{width: 40px;height: 40px;line-height: 40px;text-indent:0;}
    .moon-small-btn:before{right: auto;left:50%;transform: translate(-50%,-50%);}

    /*moon-theme02-main-business*/
    #moon-theme02-main-business .moon-flex-btw{flex-direction: column;}
    #moon-theme02-main-business .moon-w-30{width: 100% ;}
    #moon-theme02-main-business .moon-area{display: flex;align-items: center;}
    #moon-theme02-main-business .moon-w-30:nth-of-type(2) .moon-area{flex-direction: row-reverse;}
    #moon-theme02-main-business .moon-img-container{width: 50%;height: auto;}
    #moon-theme02-main-business .moon-img {height:0;padding-bottom:120%;transform: scale(1.0);}
    #moon-theme02-main-business .moon-area:hover .moon-img-container {transform: scale(1.0);}
    #moon-theme02-main-business .moon-text-container{padding:0 40px;position:relative;left:auto;top:50%;transform:translateY(-50%);width: 50%;}
    #moon-theme02-main-business .moon-text01{color: #000;}
    #moon-theme02-main-business .moon-text02{color: #666;min-height: 40px;}
    #moon-theme02-main-business .moon-business-item:nth-of-type(2) .moon-small-btn {right: auto;left: 0;}
    #moon-theme02-main-business .moon-area:hover .moon-small-btn{text-indent: 0;width: 40px;}
    #moon-theme02-main-business .moon-area:hover .moon-small-btn:before{right: auto;left:50%;transform: translate(-50%,-50%);}

    /*moon-theme02-main-about*/
    #moon-theme02-main-about .moon-sec-container{width: 100% ;}
    #moon-theme02-main-about .moon-text{display: none;}

    /*moon-main-banner03*/
    #moon-main-banner03 .moon-banner03-list{flex-direction: column;}
    #moon-main-banner03 .moon-banner03-list > li{flex: auto;width: 100%;}
    #moon-main-banner03 .moon-banner03-item:first-child > a{margin-top:0;}

    /*moon-theme02-main-location*/
    #moon-theme02-main-location{display:flex;flex-direction: column-reverse;height:100vh;}
    #moon-theme02-main-location .moon-left{width: 100%;height: 50vh;}
    #moon-theme02-main-location .moon-right{width: 100%;height: 50vh;}

    /*moon-theme02-main-banner*/
    #moon-theme02-main-banner .moon-sec-container > div {flex-direction: column;text-align: center;}
    #moon-theme02-main-banner .moon-text{margin-bottom:25px;font-size: 20px;}

    /*moon-theme02-main-partners*/
    #moon-theme02-main-partners .moon-sec-container {flex-direction: column;text-align: center;}
    #moon-theme02-main-partners .moon-partner-banner{flex-direction:column;}
    #moon-theme02-main-partners .moon-partner-banner > li{width: 100%;}
    #moon-theme02-main-partners .moon-partner-banner > li > a{height: 140px;}

    /*tail*/
    .ft-quick-container{bottom:20px;right: 20px;}
    .ft-quick-container > li{width: 60px;height: 60px;}
    #moon-top_btn:hover > i {color: #fff;}

}

@media screen and (max-width:768px){
	#logo {top:30%;}
	#logo > a > img {top: 55%;}

    /*main*/
    .moon-sec{padding: 80px 0;}
    .moon-sec-container{padding: 0 20px;}
    .moon-sec-con-1500{padding:0 20px;}
    .moon-sec-title{padding-bottom: 30px;}

    /*moon-theme02-main-partners*/
    #moon-theme02-main-partners .moon-text-container{left:20px;}

    /*moon-theme02-main-banner*/
    #moon-theme02-main-banner{padding: 80px 0;background:url(../img/moon-theme02-main-banner-img.jpg) 50% 50% no-repeat;;background-size: cover;background-attachment: scroll;}

    /*tail*/
    #ft_company .ft_info{line-height: 1.5;}
	#ft  {padding-bottom:80px;}
	.ft-quick-container {right:10px ; bottom:100px ; }

	/*sub 타이틀*/
	#container_title {display:none;}

	/*sub 스텝타이틀*/
	.step-container h5 {font-size: 22px;} 
}

@media screen and (max-width:576px){
    /*haed*/
    #hd_wrapper{width:calc(100vw - 20px);}
	#gnb .gnb_wrap {height:80% !important; margin:10px auto 0 !important;}
	#gnb .gnb_1dli {font-size:15px; align-items: end; line-height: 40px; padding: 0;}




    /*main*/
    .moon-sec{padding: 30px 0;}
    .moon-main-btn01 {padding: 12px 24px;height: auto;line-height: inherit;}
    .moon-main-btn01:hover{padding: 12px 24px;color: #fff;}

	/*main 환경더보기 버튼*/
	.moon-mt-40 {margin-top:10px !important;}


    /*moon-theme02-main-business*/
    #moon-theme02-main-business .moon-img{padding-bottom: 140%;}
    #moon-theme02-main-business .moon-text-container{padding: 0 20px;top:0;transform:translateY(0);}

    /*moon-theme02-main-about*/
    #moon-theme02-main-about .moon-text-container{height: auto;}
    #moon-theme02-main-about ul {flex-direction: column;width:100%;}
    #moon-theme02-main-about ul > li{padding:20px 0;width: 100%;gap:10px;}
    #moon-theme02-main-about ul > li:last-child{padding-bottom: 0;}
    #moon-theme02-main-about ul > li:not(:last-child):before{top:auto;bottom: 0;transform: translateY(0);width: 100%;height: 1px;}

    /*moon-theme02-main-recruit*/
 
    #moon-main-banner03 .moon-text-container{padding: 20px !important;}
	#moon-main-banner03 .moon-banner03-item > a {width:100% !important; height:200px !;}
	#moon-main-banner03 .moon-banner03-item .moon-text02 {font-size: 18px !important;letter-spacing: -1px;}


    /*moon-theme02-main-menu*/
    #moon-theme02-main-menu .moon-text-container{flex-direction:column;align-items:flex-start;gap: 10px;text-align: left;}

    /*moon-theme02-main-location*/
    #moon-theme02-main-location .moon-main-btn01{margin-bottom: 0 ;}

    /*moon-theme02-main-partners*/
    #moon-theme02-main-partners .moon-partner-container > div{height:80px;}
    #moon-theme02-main-partners .moon-partner-item{width:150px;height:80px;}

    /*moon-theme02-main-inquiry*/
    #moon-theme02-main-inquiry .moon-input-container{flex-direction:column;}
    #moon-theme02-main-inquiry .moon-input-container > ul{width: 100%;}
    #moon-theme02-main-inquiry .moon-file-input-button{width: 20% ;}
    #moon-theme02-main-inquiry .chk_box{display:flex;align-items:center;}
    #moon-theme02-main-inquiry .moon-check-list > div:last-child{text-align:left;width: calc(100% - 55px);}
    #moon-theme02-main-inquiry .moon-search{width: 25px;height: 25px;line-height: 25px;text-align:center;}
    #moon-theme02-main-inquiry .moon-main-btn01{width:50%;height:40px;line-height:40px;}

    
    /*tail*/
    #ft_link{flex-wrap: wrap;gap: 0 ;}
    #ft_link a{padding: 0 9px;}
    #ft_copy{font-size: 12px; padding:10px;}
    #ft_company h2 {font-size: 14px;}
    #ft_company .ft_info{font-size: 12px;}
    #ft .ft-bottom {  flex-direction: column ; gap: 10px ; }
    .ft-quick-container > li{font-size: 12px;}


	.moon-btn01 {padding: 10px 30px;}
}

@media screen and (max-width:375px){
    /*haed*/
    .hd_pops_con{width: 280px ;}

    /*moon-theme02-main-business*/
    #moon-theme02-main-business .moon-text-container{padding:0 10px;}
}

/*반응형 responsive.css-----------------------------------------------------------------------------------------------------------------*/