@charset "utf-8";
/* *******************************************************
 * filename : content_responsive.css
 * description : 서브페이지 컨텐츠 반응형 CSS
 * date : 2020-11-25
******************************************************** */


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative; /* margin-right:calc(-1* var(--area-padding)); */ cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.cm-scroll-drag-guide {display:flex; justify-content:flex-end; margin-right:var(--area-padding); }
	.cm-scroll-drag-guide .cm-scroll-drag-inner { position: relative; width:50px; height: 50px; }
	.cm-scroll-drag-guide .cm-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; content:""; border-radius:5px;}
	.cm-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:moveScrollAni 3s both infinite; }
	.cm-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; opacity:1; }
	.cm-scroll-drag-guide .drag-tail .hand-icon{ font-size:30px; color:#aaa }
	@keyframes moveScrollAni {
		0%, 10% {
			left: 0;
			margin-left: 0px;
		}
		50% {
			left: 100%;
			margin-left: -25px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1220px){
	.sub-tab-list-style .area{padding:0}
}
@media all and (max-width:1024px){
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li a{height:40px; }
	.sub-tab-list-style ul li a em{font-size:13px}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 15px; height:40px; line-height:40px; font-size:15px; background-color:#333; box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box;}
	.sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0;}
	.sub-drop-menu-style ul li a em{font-size:13px;}
	.sub-drop-menu-style ul li.selected a{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em{color:#f57f20; font-weight:600; }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}

/* *******************
	Homescare :: overview
******************* */
@media all and (max-width:1024px){
	.home-ov-con03-item{display: block;}
	.home-ov-con03-item .tit{width: 100%;}
	.home-ov-con03-item .txt-group{margin-top: 15px; width: 100%; padding-left: 0;}
}
@media all and (max-width:800px){
	/* 공통 */
	.cm-home-ov-tit{margin-bottom: 20px; font-size: 28px;}
	.cm-home-ov-sub-tit{margin-bottom: 15px; font-size: 14px; letter-spacing: -0.75px;}
		
	.home-ov-con01{padding-bottom: 65px;}
	.home-ov-con01-list{margin-top: 20px;}
	.home-ov-con01-item{padding: 25px 10px 20px; width: 100%;}
	.home-ov-con01-item + .home-ov-con01-item{border-left: 0; border-top: 1px solid #d6d6d6;}
	.home-ov-con01-item .icon img{height: 35px;}
	.home-ov-con01-item .txt{margin-top: 10px; font-size: 14px;}

	.home-ov-con02{padding: 45px 0;}
	.home-ov-con02 .cm-home-ov-tit{margin-bottom: 25px;}
	
	.home-ov-con03{padding: 65px 0 50px;}
	.home-ov-con03-item{padding: 20px 0;}
	.home-ov-con03-item .tit{font-size: 17px;}
	.home-ov-con03-item .txt-group{margin-top: 5px;}
	.home-ov-con03-item p{font-size: 13px;}
	.home-ov-con03-item .dot-txt{padding-left: 7px;}
	.home-ov-con03-btn{margin-top: 25px;}
	.home-ov-con03-btn a{min-width: auto; padding: 12px 15px; font-size: 14px;}

	.home-ov-con04{min-height: 420px; padding: 30px 0;}
	.home-ov-con04 .tit{font-size: 28px; letter-spacing: -0.75px;}
	.home-ov-con04 .tit:after{margin: 15px auto 20px; width: 20px; height: 2px;}
	.home-ov-con04 .txt01{font-size: 14px;}
	.home-ov-con04 .txt02{margin-top: 15px; font-size: 16px; letter-spacing: -0.5px;}

	/* 탭 1 (프리미엄 임대관리)*/
	.overview .sub-tab-wrapper-style .management-list li a {height:auto;}
	.overview .sub-drop-menu-style ul li.selected a em {color:#fff;}

	/* 탭 2 (종합 시설관리)*/
	.facility-list .facility-list-item{width:50%;}
	.facility-list .facility-list-item:nth-child(3){left:3.84%; margin-top:-2px;}
	.facility-list .facility-list-item:nth-child(4) {left:initial;}
	.facility-list .facility-list-item:nth-child(5) {left:1.92%;}
	.facility-list .facility-list-item a span{font-size:2rem;}
	.facility-con02-inner .facility-con02-item .management-con {flex-wrap: wrap;}
	.facility-con02-inner .facility-con02-item .management-con>div {width:100%;}
	.facility-con02-inner .facility-con02-item .management-con .img-box img {width:100%;}
	.facility-con02-inner .facility-con02-item .management-con .tit {margin-left:0;}
	.facility-con02-inner .facility-con02-item .management-con .tit span {margin-top:3%;}

	/* 탭 3 (원스톱 민원관리)*/
	.customer-container .customer-con02 li:last-child {display:flex; flex-wrap:wrap;}
	.customer-container .customer-con02 li .cutomer-con02-inner {width:100%; margin-top:5%;}
}


/* *******************
	Homescare :: life
******************* */
@media all and (max-width:1260px){
	.home-lf-con02-item{width: 33.33%;}
	.home-lf-con02-item:nth-child(4n+1){border-left: 1px solid #e8e8e8;}
	.home-lf-con02-item:nth-child(3n+1){border-left: 0;}
}
@media all and (max-width:1024px){
	.home-lf-con02-item .item-inner{padding: 0 100px 0 30px;}
	.home-lf-con02-item a.item-inner .btn{left: 30px;}
	.home-lf-con02-item .icon{right: 30px; margin-top: -23px; width: 54px;}
	.home-lf-con02-item .icon img{height: 46px;}
}
@media all and (max-width:800px){
	.home-lf-con01{padding-bottom: 45px;}

	.home-lf-con02{padding: 45px 0;}
	.home-lf-con02-wrapper{margin-top: 20px;}
	.home-lf-con02-item{width: 50%;}
	.home-lf-con02-item:nth-child(3n+1){border-left: 1px solid #e8e8e8;}
	.home-lf-con02-item:nth-child(2n+1){border-left: 0;}
	.home-lf-con02-item .item-inner{padding: 0 125px 0 25px; height: 80px;}
	.home-lf-con02-item .txt{font-size: 14px;}
	.home-lf-con02-item a.item-inner .btn{left: 25px; padding: 0 7px 0 10px; font-size: 11px; line-height: 20px;}
	.home-lf-con02-item a.item-inner .btn i{top: 1px; margin-left: 3px;}
	.home-lf-con02-item .icon{right: 25px; margin-top: -13px;}
	.home-lf-con02-item .icon img{height: 26px;}

	.home-lf-con02-item a.item-inner .txt{padding-bottom: 30px;}
}
@media all and (max-width:480px){
	.home-lf-con02-item .item-inner{padding: 0 60px 0 15px;}
	.home-lf-con02-item .txt{font-size: 14px;}
	.home-lf-con02-item a.item-inner .btn{left: 15px;}
	.home-lf-con02-item .icon{right: 15px; width: 34px;}
}


/* ****************** Business Area :: list ********************** */
@media all and (min-width:801px){
	.business-list-wrap .business-item a:hover .img-box .img-hover{opacity:1;}
}

@media all and (max-width:1024px){
	.business-list-wrap{margin:0 -5px;}
	.business-list-wrap .business-item{width:calc(33.33% - 10px); margin:0 5px 50px;}
}
@media all and (max-width:800px){
	.business-page{padding-bottom: 40px;}
	.business-page .cm-tit-box{margin-bottom:30px;}
	.business-list-wrap .business-item{margin-bottom:25px;}
	.business-list-wrap .business-item .cm-txt{margin-top:5px;}
}
@media all and (max-width:640px){
	.business-list-wrap .business-item{width:calc(50% - 10px);}
}


/* ****************** Business Area :: view ********************** */
@media all and (max-width:1024px){
	.business-view-top{flex-wrap:wrap;}
	.business-view-top .img-box{width:100%; margin-bottom:20px;}
	.business-view-top .img-box span{height:100%; padding-top:0; text-align:center;}
	.business-view-top .img-box span img{position: relative;}
	.business-view-top .txt-box{width:100%;}

	.business-slide-wrap .slick-btn.slick-prev{left:-25px;}
	.business-slide-wrap .slick-btn.slick-next{right:-25px;}
}
@media all and (max-width:800px){
	.business-view-top{margin-bottom:50px;}
	.business-view-top .txt-box .tit{font-size:23px; margin-bottom:5px;}
	.view-inner-box{margin:15px 0 20px;}
	.view-inner-box dl{padding:10px 0;}
	.view-inner-box dl dt{padding-left:0; width:100px; top:11px;}
	.view-inner-box dl dt span{font-size:13px;}
	.view-inner-box dl dt span:before{top:8px;}
	.view-inner-box dl dd{padding-left:100px;}
	.view-inner-box dl dd span{padding-left:30px; font-size:13px;}
	.view-inner-box dl dd span:before{top:3px;}
	.view-btn-wrap .view-btn-item{width:50%; height:40px; font-size:14px;}

	.business-view-bottom.cm-bg-gray{padding:40px 0 20px}
	.business-slide-wrap .slick-btn{font-size:17px; top:-30px; transform:none;}
	.business-slide-wrap .slick-btn.slick-prev{left:4px;}
	.business-slide-wrap .slick-btn.slick-next{right:4px;}
}


/* ****************** News :: CSR ********************** */
@media all and (max-width:800px){
	.csr-tit-box{margin-bottom:30px;}
	.csr-tit-box .tit{font-size:23px; margin-bottom:10px;}
	.csr-tit-box .txt{font-size:13px; margin-bottom:13px;}
	.csr-con-box{flex-wrap:wrap;}
	.csr-con-box .csr-item{width:100%; margin-bottom:30px;}
	.csr-con-box .csr-item .txt{font-size:16px; margin-top:5px;}
}


/* ****************** About Us :: CEO인사말 ********************** */
@media all and (max-width:1024px){
	.about-ceo-box .inner-box{display: block;}
	.about-ceo-box .inner-box .left-box{display: block; width:100%; margin-bottom:30px;}
	.about-ceo-box .inner-box .right-box{display: block; width:100%;}
	.about-ceo-box:after{width:48.43%; height:0; padding-top:41.79%; background-size:contain;}
}
@media all and (max-width:800px){
	.about-ceo-box{padding:40px 0; margin-top:30px;}
	.about-ceo-box:before{width:247px; height:10px; top:-5px;}
	.about-ceo-box .inner-box .left-box{margin-bottom:10px;}
	.about-ceo-box .inner-box .left-box .tit span img{width: 193px;
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */}
	.about-ceo-box .inner-box .left-box .tit{font-size:19px;}
	.about-ceo-box .inner-box .right-box .txt{font-size:13px; margin-bottom:10px;}
	.about-ceo-box .inner-box .right-box .sub-tit{font-size:15px; margin-top:15px; padding-top:15px;}
}


/* ****************** About Us :: History ********************** */
@media all and (max-width:800px){
	.top-history-banner{padding:40px 0 80px; margin-bottom:60px;}
	.top-history-banner .sub-tit{font-size:13px;}
	.top-history-banner .tit{font-size:20px; margin-top:10px;}
	.top-history-banner .logo-item{width:120px; height:120px; line-height:120px;}
	.top-history-banner .logo-item img{width:63px;}
}


/* ****************** About Us :: Vision ********************** */
@media all and (max-width:800px){
	.vision-item{text-align:center; margin-bottom:40px;}
	.vision-item .tit{font-size:23px; margin-bottom:10px;}
	.vision-triangle-box{padding:25px 0 15px;}
	.vision-square-box{padding:12px;}
	.vision-triangle-box .txt, .vision-square-box .txt{font-size:15px;}
}


/* ****************** About Us :: Organization ********************** */
@media all and (max-width:800px){
	.org-con-wrap{margin-top:30px;}
}


/* ****************** contact :: 1:1문의 ********************** */
@media all and ( min-width: 801px ){
	.inquiry-btn-wrap button:hover{background-color: transparent; color: var(--main-color); border-color: var(--main-color);}
	.inquiry-btn-wrap button:hover::before{opacity: 1; width: 110%; transition-duration: .25s, .4s; transition-delay: 0s;}
}
@media all and (max-width:800px){
	.inquiry-con-wrap .txt-box{margin-bottom:20px;}
	.inquiry-con-wrap .txt-box .cm-txt{margin-top:10px;}
	.bbs-write-tbl .type-fieldset .radio-item{margin-right:15px;}
	.bbs-write-tbl .type-fieldset .radio-item label{font-size:13px;}
	.bbs-write-tbl .type-fieldset .radio-item input[type='radio'],
	.bbs-write-tbl .type-fieldset .radio-item input[type='radio']:checked{width:14px; height:14px; margin-right:3px; margin-top:1px;}
	.bbs-write-tbl .type-fieldset .radio-item input[type='radio']:checked:before{width:6px; height:6px;}

	.inquiry-btn-wrap button{width:200px; height:40px; font-size:14px;}
}


/* ****************** contact :: loaction ********************** */
@media all and (max-width:1024px){
	.location-info-wrap dl dt{padding:0 15px;}
}
@media all and (max-width:800px){
	.location-item-wrap{margin-bottom:50px;}
	.location-item-wrap .cm-tit-02{margin-bottom:5px;}
	.location-map-wrap > span{padding-top:250px;}
	.location-map-wrap > span > div{height:250px;}
	.location-map-wrap > span > div .wrap_map{height:250px !important;}
	.location-info-wrap dl{height:auto; padding:10px 0;}
	.location-info-wrap dl dt{width:110px; font-size:13px; padding:0 10px; vertical-align:top;}
	.location-info-wrap dl dt:before{bottom:-11px;}
	.location-info-wrap dl dd{font-size:13px; width:calc(100% - 110px); padding:0 15px;}
}