@charset "utf-8";
@font-face {
    font-family: 'Minhye';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Minhye.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* 모든서비스페이지 */
/* 서비스 페이지에서만 쓰는 클래스(s) */
.br1180,.br1138,.br1080,.br1024,.br960,.br800,
.br768,.br712,.br600,.br412,.br384,.br360,.br280{
	display: none;
}
.mb85{
    margin-bottom: 85px;
}
.pb0{
	padding-bottom: 0 !important;
}
/* 서비스 페이지에서만 쓰는 클래스(e) */
.right_txt ul li:last-child .service_guide{
    margin-bottom: 0px;
}
.detail_Topmenu01{
	margin-bottom: 16px;
}
/* 리뉴얼전 탑메뉴들 */
.gallery_m {
	padding-top: 80px;
	text-align: center;
}

.gallery_m ul {
	width: 100%;
	line-height: 2;
}
.easyPay{
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	position: relative;
	top: -20px;
	left: 63rem;
}
.easyPayTxt{
	font-size: x-small;
	position: relative;
	top: 20px;
	left: -8rem;
}
.easyPayRemove{
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	position: relative;
	top: -60px;
	left: 61.5rem;
}
.easyPayRemove01{
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	position: relative;
	top: -60px;
	left: 67.5rem;
}
.easyPayUseChange{
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	position: relative;
	top: -60px;
	left: 58.5rem;
}
.easyPayShoot{
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	position: relative;
	top: -10px;
	left: 16rem;
}
.easyPayMatter{
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	position: relative;
	top: -55px;
	left: 22rem;
}
.easyPayConsent{
	position: relative;
	top: -60px;
	left: 54rem;
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
}
.easyPayHSTxt{
	font-size: x-small;
	padding: 5px 0 0 0;
}
.easyPayCoating{
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	position: relative;
	top: 20px;
	left: 25rem;
}
.easyPayFW{
	position: relative;
	top: -60px;
	left: 54.5rem;
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
}
.easyPayExterior{
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	position: relative;
	top: -20px;
	left: 16rem;
}
.easyPayTop60{
	position: relative;
	top: -60px;
	left: 63.5rem;
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
}
.easyPayFire{
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	position: relative;
	top: -60px;
	left: 61rem;
}

.gallery_m ul li {
	display: inline-block;
	vertical-align: top;
	padding: 0 20px;
	font-size: 15px;
	border-bottom: 3px solid #e9e9e9;
}

.gallery_m ul li a {
	color: #7c7c7c;
	font-weight: 500;
	display: block;
}
/* section01 */
.bg_01 {
	background:
		url(/resources/brandmenu/menu_01/menu_01_sub_01/img/title_01_bg.png);
	padding-bottom: 0;
	background-size: contain;
	background-repeat: no-repeat;
}

.section01_pb {
	padding-bottom: 72px !important;
}

.detail_Topmenu_wrap {
	padding-top: 80px;
	text-align: center;
}

.detail_Topmenu_wrap ul {
	width: 100%;
	line-height: 2;
	margin-left: auto;
	margin-right: auto;
}

.detail_Topmenu_wrap ul li {
	display: inline-block;
	vertical-align: top;
	padding: 0 20px;
	font-size: 15px;
	border-bottom: 3px solid #e9e9e9;
}

.service_focus {
	border-bottom: 3px solid #96c6f7 !important;
}

.detail_Topmenu_wrap ul li a {
	color: #7c7c7c;
	font-weight: 500;
	display: block;
}

.service_focus a {
	color: #96c6f7 !important;
	font-weight: 700 !important;
}

.serviceDetail_mo {
	width: calc(100% - 80px);
	overflow-x: scroll;
	margin: 0 auto;
	padding-top: 80px;
	display: none;
}

.serviceDetail_mo .detail_Topmenu02 {
	display: flex;
	justify-content: space-between;
	width: 1000px;
}

.serviceDetail_mo .detail_Topmenu02 li {
	width: calc(100%/ 13);
}

.detail_Topmenu02 .serv_iconbox {
	text-align: center;
}

.detail_Topmenu02 .serv_iconbox img {
	width: 80%;
}

.detail_Topmenu02 .service_iconTit {
	font-size: 11px;
}

.step {
	padding-bottom: 72px;
}

.frame1200 {
	width: 1200px;
	margin: 0 auto;
}

.step_n {
	padding-top: 150px;
	padding-bottom: 20px;
	text-align: center;
}

.step_n p {
	background: #add4fd;
	font-size: 18px;
	color: #fff;
	border-radius: 50px;
	display: inline-block;
	padding: 5px 20px;
	text-transform: uppercase;
}

.step_title {
	text-align: center;
	color: #6f6b6b;
	padding-bottom: 100px;
}

.step_title span {
	font-size: 50px;
	color: #54759d;
	font-weight: bold;
	margin-bottom: 13px;
	display: inline-block;
}

.step_title p {
	font-size: 19px;
	color: #7d828b;
	display: block;
	line-height: 1.5;
}

.step_img {
	text-align: center;
	padding-bottom: 50px;
}

.step_img_txt {
	font-size: 16px;
	color: #737373;
	font-weight: 500;
	text-align: center;
	padding: 36px 37px;
	background: #f6fbff;
	line-height: 2;
	word-break: keep-all;
}

.content {
	padding: 36px 0;
	width: 1000px;
	margin: 0 auto;
	background: #f6fbff;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	text-align: center;
}

.content .content_title {
	width: 120px;
	height: 37px;
	border-radius: 50px;
	background: #2b62ae;
	position: absolute;
	top: -14px;
	left: 50%;
	transform: translate(-50px, -5px);
	text-align: center;
	line-height: 37px;
}

.content .content_title p {
	color: #fff;
}

.cont_tec {
	display: inline-block;
	padding-top: 44px;
}

.content .cont_01 {
	line-height: 30px;
	padding-bottom: 10px;
	text-align: left;
}

.content .cont_01 .cont_t {
	display: inline-block;
	vertical-align: top;
	width: 110px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50px;
	background-color: #81abe6;
}

.content .cont_01 .cont_t p {
	color: #fff;
	font-size: 17px;
}

.content .cont_01 .cont_s {
	display: inline-block;
	vertical-align: bottom;
	letter-spacing: -1px;
}

.content .cont_01 .cont_s span {
	display: inline-block;
	vertical-align: top;
	color: #6696d8;
	padding-right: 5px;
}

.content .cont_01 .cont_s p {
	display: inline-block;
	vertical-align: top;
	color: #737373;
}

.br1180, .br1138, .br1080, .br1024, .br960, .br800, .br768, .br712,
	.br600, .br412, .br384, .br360, .br320, .br280 {
	display: none;
}
/* section02 */
.plan_img {
	text-align: center;
}

.plan_img>div {
	padding-top: 72px;
}

.service_youtube {
	text-align: center;
	background: #fff;
	padding-bottom: 72px;
}

.service_youtube_movie {
	width: 960px;
	margin: 0 auto;
}
/* 동의서 */
.bg_03 .progress06 .cir_box {
	width: 150px;
}
/* 방염 */
.bg_02 .progress_img img {
	width: 100%;
	background-size: cover;
	height: 300px;
}

.bg_02 .progress_img .progress_txt {
	height: 73px;
	padding-top: 16px;
	padding-left: 23px;
}

.bg_02 .progress_img .progress_txt>span {
	font-size: 15px;
	font-weight: bold;
	color: #4c5967;
	padding-bottom: 4px;
	display: block;
}

.bg_02 .progress_img .progress_txt p {
	font-size: 12px;
	color: #636c75;
}
/*승강기 보양, 보양탈거 */
.bg_03 .progress04 .cir_box {
	width: 150px;
	vertical-align: top;
}

.LR_imgList .LR_sub_title {
	font-size: 20px;
	color: #646464;
	font-weight: 600;
	letter-spacing: -1px;
	width: max-content;
	margin: 0 auto;
	color: #696d73;
	z-index: 2;
	padding: 0 14px;
	position: relative;
}

.LR_imgList .LR_sub_title:before {
	content: '';
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 100%;
	height: 16px;
	background: #cee5fc;
	z-index: -1;
	margin: 0 auto;
	border-radius: 7px 0;
}

.bg_04 .bg_04_txt .right_txt {
	width: 80%;
}
/*실내 보양 */
.indoor_bfaf {
	padding: 140px 0 72px !important;
}

.indoorImgWrap {
	width: 860px;
	margin: 0 auto;
}

.bfaf_wrap {
	display: flex;
	justify-content: space-between;
}

.bfaf_wrap li {
	width: calc(50% - 4px);
}

.indoor_img .bfaf_wrap img {
	width: 100% !important;
	display: block;
}

.bfaf_txt {
	font-size: 16px;
	padding: 8px 16px;
	margin: 9px auto 0;
	border-radius: 50px;
	background-color: #54759d;
	color: #fff;
	font-weight: 700;
	width: fit-content;
	height: 10%;
	align-content: center;
	display: block;
	text-align: -webkit-center;
}
/* 행위허가 */
.bg_03 .progress07 .cir_box {
	width: 150px;
}
/* 사진촬영 */
.shoot_table{
	width:500px;
}
.table_shoot{
    margin-bottom: 25px !important;
}
.step_title_mo {
	display: none;
}

.progress_imgList_mo {
	display: none !important;
}

.op0 {
	opacity: 0 !important;
}

.op0 a {
	cursor: default;
}
/* 방화문 */
.bg_02 .progress_img_box {
	text-align: center;
}

.bg_02 .progress_img {
	width: 300px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	border-radius: 10px;
	background: #fff;
	margin: 0 20px;
	box-shadow: 4px 8px 5px 0px #d4d4d4;
	overflow: hidden;
}

.bg_02 .progress_img img {
	width: 100%;
	max-height: 300px;
	background-size: cover;
	height: 300px;
}

.bg_02 .progress_img .progress_txt {
	height: 73px;
	padding-top: 16px;
	padding-left: 23px;
}

.bg_02 .progress_img .progress_txt>span {
	font-size: 15px;
	font-weight: bold;
	color: #4c5967;
	padding-bottom: 4px;
	display: block;
}

.bg_02 .progress_img .progress_txt p {
	font-size: 12px;
	color: #636c75;
}

.fire_table_bottomTxt {
	margin-bottom: 72px;
}

.serviceD_boxWrap {
	width: 60%;
	margin: 0 auto;
	border-radius: 20px;
	border: solid 12px #eee;
}

.serviceD_example {
	width: 70%;
	margin: 0 auto
}

.serviceD_example li {
	margin-bottom: 18px;
}

.serviceD_example li:last-child {
	margin-bottom: 27px;
}

.sD_EX_img {
	display: block;
}

.sD_EX_txt {
	display: flex;
	align-items: flex-start;
}

.sD_EX_span {
	font-size: 28px;
	font-weight: 700;
	color: #54759d;
}

.sD_EX_pWrap p:last-child {
	margin-top: 20px;
}

.sD_EX_p {
	margin-left: 14px;
	font-size: 16px;
	line-height: 1.5;
	color: #4c5967;
	font-weight: 500;
	word-break: keep-all;
	text-align: left;
}
/* 용도변경 */
.usageChange_wrap {
	padding: 72px 0;
}

.usageChange_intro {
	background-color: #f6fbff;
}

.serviceD_box {
	font-size: 32px;
	text-align: center;
}

.serviceD_box:last-chlid {
	margin-top: 5px;
}

.serviceD_title_p {
	color: #4f4f4f;
}

.serviceD_title_span {
	display: inline-block;
	color: #54759d;
	font-weight: 600;
}

.serviceD_txt {
	margin: 36px 0;
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
	color: #737373;
}

.serviceD_txt li {
	
}

.usageChange_iconList {
	width: 70%;
	margin: 72px auto 0;
	padding: 36px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 2px 2px 2px 2px #547eaa26;
}

.usageChange_iconList li {
	width: calc(100%/ 4);
	text-align: center;
}

.uc_img {
	display: block;
	width: 25%;
	opacity: 0.9;
	margin: 0 auto 18px;
}

.uc_txt {
	color: #737373;
	width: fit-content;
	margin: 0 auto;
	font-weight: 500;
	position: relative;
	z-index: 1;
}

.uc_txt:after {
	content: '';
	position: absolute;
	display: block;
	bottom: -2px;
	right: -8%;
	width: 120%;
	height: 10px;
	background: #E9F4FF;
	z-index: -1;
	margin: 0 auto;
	border-radius: 7px 0;
}

.service_stepList {
	width: 50%;
	margin: 72px auto 0;
}

.service_stepList li {
	margin-bottom: 27px;
	padding: 20px 40px;
	background-color: #f6fbff;
	border-radius: 10px;
	display: flex;
	align-items: center;
}

.service_stepList li:last-child {
	margin-bottom: 0;
}

.ss_num {
	width: 50px;
	margin-right: 40px;
	display: block;
}

.ss_txt {
	line-height: 1.5;
	font-weight: 500;
	color: #737373;
	display: inline-block;
}

.uc_prog_title {
	font-size: 13px;
	padding: 2px 8px;
	font-weight: 300;
	left: 10px;
	top: 10px;
	position: absolute;
	border-radius: 6px;
	background-color: #54759D;
	color: #fff;
}

.usageChange_example .progList_img {
	filter: brightness(1.02);
}
/* 소방 */
.fc_step_title br {
	display: none;
}

.fc_img_box02 {
	margin-top: 40px !important;
}

.bg_03 .progress05 .cir_box {
	width: 150px;
	vertical-align: top;
}
/* 폐기물 */
.bg_04_sub04 .guidebox {
	padding: 30px 0px 25px !important;
}

.bg_04_sub04 .bg_04_txt .right_txt {
	width: 80%;
}
/* 프로패드 */
.mt_space {
	margin-top: 72px;
}

.mb_space {
	margin-bottom: 72px;
}

.liftpad_colorList {
	padding: 20px;
	display: flex;
	justify-content: space-between;
	border-radius: 20px;
	background-color: #adbac21a;
}

.liftpad_colorList li {
	width: calc(100%/ 8 - 16px);
}

.colorWrap .lift_color {
	width: 100%;
	border: solid 6px transparent;
	cursor: pointer;
}

.colorNameBox {
	margin-top: 5px;
	margin-left: 6px;
}

.pad_img {
	display: none;
}

.pad_img.disB {
	display: block;
}

.colorKor {
	font-size: 13px;
	color: #4F4F4F;
	font-weight: 500;
	display: block;
}

.colorEng {
	font-size: 12px;
	color: #999;
	font-weight: 400;
	display: block;
}
/* 클릭 했을때 */
.pcolorList.padClick .lift_color {
	border: solid 6px #ffd195;
}

.pcolorList.padClick .colorKor {
	font-weight: 700;
}

.propad_name {
	padding: 0 12px;
	font-weight: 500;
	font-size: 20px;
	color: #5e5e5e;
	display: inline-block;
	text-align: center;
	position: relative;
}

.propad_name:before {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 12px;
	z-index: -1;
	margin: 0 auto;
	border-radius: 7px 0;
}

.pp_a:before {
	background-color: #D9DEE0;
}

.pp_c:before {
	background-color: #ccc;
}

.pp_d:before {
	background-color: #B8E7EB;
}

.propad_img {
	margin: 36px auto;
	width: 80%;
	display: block;
}

.propad_btn {
	padding: 12px 24px;
	font-size: 14px;
	border: none;
	margin: 0 auto;
	border-radius: 50px;
	display: inline-block;
	color: #5e5e5e;
	cursor: pointer;
	font-weight: 500;
	background: linear-gradient(0deg, #0000001a, #fff, #0000001a);
	box-shadow: 0px 1px 4px 0px #00000070;
}

.pp_dark {
	display: none;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	background-color: #000000ba;
	z-index: 99;
	position: fixed;
}

.propadPop {
	top: 50%;
	left: 50%;
	z-index: 5;
	transform: translate(-50%, -50%);
	position: absolute;
}

.propadFrame {
	width: 700px;
	height: 80vh;
	overflow-y: scroll;
}

.propadPop img {
	width: 100%;
}

.propadPop_close {
	width: 20px;
	height: 20px;
	right: -30px;
	cursor: pointer;
	position: absolute;
}

.propadPop_close img {
	width: 100%;
	display: block;
}

.propadFrame::-webkit-scrollbar {
	width: 12px;
}

.propadFrame::-webkit-scrollbar-track {
	background-color: #fff;
}

.propadFrame::-webkit-scrollbar-thumb {
	height: 10%;
	background-color: #d1d0d0;
	border-radius: 8px;
}

.propadPop_pc {
	display: block;
}

.propadPop_mo {
	display: none;
}
/* 1타입 탈부착 보양 */
.propad_typeList {
	display: flex;
	justify-content: center;
}

.propad_left img {
	width: 100%;
}

.propad_left {
	width: 260px;
	margin-top: 36px;
}

.propad_right {
	width: 500px;
	margin-left: 90px;
}

.propad_rightbox img {
	width: 100%;
	display: block;
}

.propad_Stit {
	margin-top: 36px;
	margin-bottom: 10px;
	font-size: 18px;
	text-indent: 6px;
	color: #4F4F4F;
	font-weight: 600;
}

.propad_merit {
	padding: 36px;
	border-radius: 20px;
	background-color: #efefef;
}

.propad_merit li {
	display: flex;
	color: #4F4F4F;
}

.propad_merit li:not(:last-child) {
	margin-bottom: 16px;
}

.listDot {
	margin-right: 10px;
}

.colorWrap {
	width: 70%;
	margin: 0 auto;
}

.colorWrap img {
	width: 100%;
	display: block;
}

.propad_typeList_mo {
	display: none;
}

.propad_meritMo {
	display: none;
}

.floorRemove_iconList li p:last-child {
	margin-top: 6px;
}
/*홈스타일링*/
.homeStyling_table{
	margin-bottom:25px !important;	
}
.table_homeStyling{
	width:1690px;
}
.homeS_mo{
	display:none;
}
.bg_003{
    text-align: center;
}
.home_table_bottomTxt{
	margin-top:50px;
}
.homeS_typeL{
	width: 52%;
    margin: 0 auto;
    cursor: pointer;
    -webkit-tap-highlight-color : transparent;
}
.home_typeList {
	display: flex;
	justify-content: space-between;
	width: 80%;
	margin: 0 auto;
}
.home_typeList_mo, .hs_bannerTa, .hs_bannerMo{
	display:none ;
}
.home_styleImg {
	width: calc(95%/ 2);
}
.home_styleImg img {
	width: 100%;
}
.home_List {
	padding: 20px;
	display: flex;
	justify-content: space-between;
	border-radius: 20px;
	-webkit-tap-highlight-color : transparent;
}

.ho_styleList {
	position: relative;
    width: 76px;
    height: 34px;
    background: linear-gradient(0deg, #3d3d3d10 0%, #ffffff 50%);
    border-radius: 50px;
    border: 1px solid rgb(0 0 0 / 10%);
    -webkit-tap-highlight-color : transparent;
}

.ho_listBox {
	width: 90%;
	height: 90%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-tap-highlight-color : transparent;
}

.ho_sList {
	font-weight: 500;
	color: #292929;
	font-size:16px;
}

.home_fm_f {
	font-size: 16px;
}

.home_fm_f ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.home_cardS {
	width: calc(100%/ 3 - 14px);
	padding: 20px;
	border-radius: 15px;
	background-color: #fff
}

.home_cd_tit {
	font-size: 24px;
	font-weight: 500;
	color: #4F4F4F;
}

.home_sf_line {
	width: 100%;
	height: 1px;
	background-color: #54759D;
	margin: 10px 0;
}

.home_sf_flex {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.home_sf_flex:last-child {
	margin-bottom: 0;
}
.home_sf_flex p:last-child{
	width: calc(100% - 78px);
	word-break: keep-all;
}/**/
.ho_sf_txt {
	line-height: 3;
}

.home_styleB {
	display: flex;
	align-items: flex-start;
}

.ho_cp_formBox {
	display: flex;
	margin-top: 10px;
}

.ho_tit {
	width: 78px;
	padding: 4px 8px;
	margin-right: 10px;
	border-radius: 6px;
	background-color: #54759D;
	color: #fff;
}/**/

.pp_banner{
	position:relative;
	background-color:#F1F5FC;
}
.hs_bannerPc {
    display: block;
    margin: 0 auto;
}
.hs_mb{
	margin-bottom: 15px;
}
.hs_banner_txt li {
	line-height: 1.6;
}
.hs_banner_txt{
    position: absolute;
    top: 50px;
    left: 20%;
}
/*홈스타일링 클릭시*/
.hs_title{
    font-size: 28px;
}
.ho_styleList.padClick .ho_listBox {
	width:100%;
    height: 100%;
	background-color:#d3d3d350;
	border-radius: 50px;
    -webkit-tap-highlight-color: transparent;
}
.ho_styleList.padClick .ho_listBox .ho_sList{
	color:#797979;
    -webkit-tap-highlight-color: transparent;
}
/* 입주민 답례품 */
.resgBox {
	position: relative;
	cursor: pointer;
}

.resgPop {
	display: none;
}

.resg_dark {
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	background-color: #00000080;
	cursor: default;
	position: fixed;
	z-index: 100;
}

.resgPop_box {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
}

.resgPop_conts {
	width: 600px;
	height: 80vh;
	overflow-y: scroll;
}

.resg_img {
	width: 100%;
	display: block;
}

.resgClose {
	width: 24px;
	top: 2px;
	right: -32px;
	top: 0;
	position: absolute;
	cursor: pointer;
}

.resgBox .resgBtn strong {
	font-size: 18px;
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
	color: #696d73;
}

.resgBox .resgBtn {
	padding: 14px 20px;
}

.resgBtn strong:after {
	content: '';
	position: absolute;
	bottom: 2px;
	left: -4px;
	width: 96px;
	height: 10px;
	z-index: -1;
	margin: 0 auto;
	border-radius: 7px 0;
}

.resg_strong01:after {
	background-color: #ffd3b2;
}

.resg_strong02:after {
	background-color: #FFF57F;
}

.prog_smallTxt {
	font-size: 12px;
	font-weight: 600;
}

.resgBtn .progList_addr {
	font-size: 14px;
	font-weight: 700;
	text-align: right;
}
/* 입주청소 */
.clean_02{
	padding: 72px 0;
}
.clean_02_txt{
	padding: 36px 0;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
    color: #696d73;
}
.clean_02_imgbox{
	position: relative;
}
.clean_02_imgbox img{
	width: 100%;
	display: block;
}
.clean_02_imgtxt{
	top: 50%;
    right: 55%;
    transform: translate(0, -50%);
    position: absolute;
    color: #696d73;
    width: 40%;
}
.cl02_img_title{
	font-size: 24px;
	line-height: 1.5;
    font-weight: 600;
}
.cl02_img_subtxt{
	font-size: 18px;
	line-height: 1.5;
	margin-top: 18px;
}
.clean03{
	padding: 72px 0 0;
}
.clean_03_txt{
	font-size: 18px;
    line-height: 1.5;
	text-align: center;
	color: #696d73;
}
.clean03_imglist{
	margin-top: 36px;
	display: flex;
	flex-wrap: wrap;
}
.clean03_imglist li{
	width: 25%;
}
.clean03_imglist li img{
	width: 100%;
	display: block;
}
.cl03_txt{
	padding: 36px 18px;
    text-align: center;	
}
.clean03_imglist li:nth-child(2n){
	background-color: var(--sDg01);
}
.cl03_txt span{
    font-size: 24px;
    line-height: 1.3;    
    font-weight: 600;
    color: #486D9E;
    display: inline-flex;
    align-items: center;
    height: 60px;
}
.cl03_txt p{
	margin-top: 18px;
    line-height: 1.5;
	color: #646464;
}
.clean04{
	padding-top: 72px;
}
.cl04_clean{
	width: 100%;
	display: block;
}
.clean04_befaf{
	padding: 72px 36px;
	background-color: #90B0D3;
}
.clean04_title{
	font-size: 30px;
    text-align: center;
	color: #fff;
}
.clean04_imglist{
    margin-top: 72px;	
	display: flex;
    flex-wrap: wrap;
    gap: 36px 0;
}
.clean04_imglist li{
	display: flex;
    justify-content: space-between;	
	position: relative;
}
.cl04_img{
	width: 46%;
}
.cl04_arrow{
    width: 5%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);	
}
.clean05{
	padding: 72px 0;
}
.clean05_list{
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
}
.clean05_list li{
	width: calc(50% - 9px);
	padding: 18px;
    height: 274px;	
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clean05_list li:nth-child(1){
	background-image: url("/resources/brandmenu/menu_01/menu_01_sub_01/img/cleaning/clean05_1.png");
}
.clean05_list li:nth-child(2){
	background-image: url("/resources/brandmenu/menu_01/menu_01_sub_01/img/cleaning/clean05_2.png");
}
.clean05_list li:nth-child(3){
	background-image: url("/resources/brandmenu/menu_01/menu_01_sub_01/img/cleaning/clean05_3.png");
}
.clean05_list li:nth-child(4){
	background-image: url("/resources/brandmenu/menu_01/menu_01_sub_01/img/cleaning/clean05_4.png");
}
.clean05_list li:nth-child(5){
	background-image: url("/resources/brandmenu/menu_01/menu_01_sub_01/img/cleaning/clean05_5.png");
}
.clean05_list li:nth-child(6){
	background-image: url("/resources/brandmenu/menu_01/menu_01_sub_01/img/cleaning/clean05_6.png");
}
.clean05_title{
	display: flex;
    align-items: center;
    gap: 0 8px;
}
.clean05_title span{
    height: 24px;
    width: 24px;    	
	display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #52749F;
    color: #fff;
    border-radius: 50%;
    font-size: 18px;	
}
.clean05_title strong{
	font-size: 20px;
}
.clean05_txt{
    margin-top: 18px;	
}
.clean05_txt p{
    font-size: 18px;
    line-height: 1.8;
    font-weight: 500;	
}
/* 미니홈피 */
.minihomepy_bg .bg_07_img {
	background:
		url(/resources/brandmenu/menu_01/menu_01_sub_01/img/sub_06/bg_7.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 30px 0;
	display: flex;
}

.minihomepy_bg .frame1200 {
	padding: 0 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.minihomepy_bg .Progress_title p {
	font-size: 25px !important;
	line-height: 2;
	color: #525252;
}

.minihomepy_bg .Progress_title span {
	font-weight: bold;
	color: #525252;
}

.minihomepy_bg .bg_07_txt {
	font-size: 16px;
	color: #626262;
	margin-top: 9px;
}

.minihomepy_bg .bg_07_txt ul li {
	line-height: 1.8;
}

.mini_used {
	
}

.middle_title {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 72px;
	color: #3f3f3f;
}

.mini_usedList {
	display: flex;
	flex-wrap: wrap;
	width: 60%;
	margin: 0 auto;
}

.mini_usedList li {
	width: calc(100%/ 4);
	padding: 0 14px;
}

.mini_usedList li:nth-child(-n+4) {
	margin-bottom: 54px;
}

.used_img {
	display: block;
	width: 80%;
	margin: 0 auto;
}

.used_txt {
	font-size: 16px;
	font-weight: 500;
	color: #393939;
	margin-top: 18px;
}

.mini_example, .mini_thema {
	margin-top: 72px;
}

.mini_themaList {
	width: 85%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.mini_themaList li {
	width: calc(100%/ 3 - 72px);
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
}

.mini_themaList li:nth-child(-n+6) {
	margin-bottom: 72px;
}

.mini_none {
	opacity: 0;
}

.mini_none .thema_name {
	cursor: context-menu;
}

.mini_phone {
	display: block;
	width: 100%;
	opacity: 0.8;
}

.themaBox {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 88%;
	height: 430px;
	overflow-y: scroll;
}

.themaBox::-webkit-scrollbar {
	/*     width: 4px; */
	display: none;
}

.mobile_thema:after {
	position: absolute;
	content: "";
	background-image:
		url("/resources/brandmenu/menu_01/menu_01_sub_01/img/sub_06/scroll_arrow_sd.png");
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
	bottom: 190px;
	left: 51%;
	transform: translateX(-50%);
	cursor: pointer;
}

.mobile_thema:hover:after {
	opacity: 0;
}
/* .themaBox::-webkit-scrollbar-thumb{ */
/*     background-color: #575455; */
/*     border-radius: 8px; */
/* } */
/* .themaBox::-webkit-scrollbar-track{ */
/*     background-color: #fff; */
/*     border-radius: 8px; */
/* } */
.themaBox img {
	width: 100%;
}

.thema_name {
	display: block;
	font-size: 16px;
	color: #393939;
	margin-top: 36px;
	font-weight: 500;
}

.thema_style {
	font-size: 16px;
	color: #393939;
	margin-top: 36px;
	font-weight: 500;
}

.themaPop {
	margin-top: 18px;
}

.themaPop a {
	display: block;
	font-size: 14px;
	background-color: #e4f0ff;
	color: #48c;
	width: 50%;
	padding: 10px;
	border-radius: 50px;
	margin: 0 auto;
}

.mini_thema_mo {
	display: none;
}

.mini_admin_guide {
	margin-top: 72px;
}

.mini_admin_guideStep {
	display: flex;
	justify-content: space-evenly;
	width: 60%;
	margin: 0 auto;
}

.mini_admin_guideStep li {
	width: calc(100%/ 3);
}

.mini_admin_guideStep li img {
	display: block;
	margin: 0 auto;
	width: 46%;
}

.MAG_tit {
	display: block;
	font-size: 18px;
	font-weight: 600;
	margin: 27px 0 9px;
	color: #0a6bcd;
	text-transform: uppercase;
}

.MAG_txt {
	font-size: 16px;
	line-height: 1.5;
}

.MAG_guideTxt {
	font-size: 16px;
	margin-top: 54px;
}

.mini_phone_mo {
	width: 40%;
}

.themaPop_btn {
	display: block;
	font-size: 14px;
	background-color: #e4f0ff;
	color: #48c;
	width: 100%;
	padding: 10px;
	border-radius: 50px;
	margin: 25px auto 0;
	border: none;
}

.thema_dark {
	position: fixed;
	display: none;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	background-color: #000000a8;
	z-index: 100;
}

.themaPop_wrap {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.thema_scrollWrap {
	width: 300px;
	height: 560px;
	overflow: scroll;
}

.thema_scroll {
	width: 100%;
}

.themaPop_close {
	position: absolute;
	bottom: -60px;
	left: 50%;
	transform: translate(-50%, 0);
}
/* 욕실돔천장 */
/* section03 */
.bg_02 {
	background: #fbfbfb;
	padding: 72px 0;
	font-size: 0;
}

.bg_02 .Progress_title {
	text-align: center;
	padding-bottom: 72px;
}

.service_sub_eng {
	font-family: 'Minhye' !important;
	font-size: 28px;
	color: #aebfd0;
	padding-bottom: 25px;
}

.service_sub_title {
	font-size: 28px;
	color: #646464;
	font-weight: 300;
	letter-spacing: -2px;
	width: max-content;
	margin: 0 auto;
	color: #696d73;
	z-index: 2;
	padding: 0 14px;
	position: relative;
}

.service_sub_title:before {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 16px;
	background: #cee5fc;
	z-index: -1;
	margin: 0 auto;
	border-radius: 7px 0;
}

.service_sub_title strong {
	font-weight: 500;
}

.progress_imgList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.progress_imgList li {
	width: 23%;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 36px;
	box-shadow: 5px 6px 6px 0px #9ca6b35e;
}

.progList_link {
	display: block;
	width: 100%;
	position: relative;
}

.progList_img {
	display: block;
	width: 100%;
}

.progList_imgTit {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: block;
	background-color: #f7fbfff2;
	padding: 10px 16px;
}

.progList_imgTit strong {
	display: block;
	font-size: 15px;
	color: #4f7bb1;
	padding-bottom: 4px;
}

.progList_addr {
	display: block;
	font-size: 12px;
	font-weight: 500;
	color: #4e4e4e;
	/*     text-overflow: ellipsis; */
	/*     overflow: hidden; */
	/*     white-space: nowrap; */
}

.prog3_list .progress_imgList {
	justify-content: space-evenly;
}

.progress_imgList li:nth-child(5), .progress_imgList li:nth-child(6),
	.progress_imgList li:nth-child(7), .progress_imgList li:nth-child(8) {
	margin-bottom: 0;
}

.progList_company {
	display: block;
	font-size: 12px;
	font-weight: 500;
	color: #4e4e4e;
	margin-top: 3px;
}

.prog_place {
	font-size: 13px;
	padding: 2px 8px;
	font-weight: 300;
	left: 10px;
	top: 10px;
	position: absolute;
	border-radius: 50px;
	background-color: #273f57;
	color: #fff;
	display: none;
}

.prog_apt {
	display: none;
}

.prog_mo_margin {
	margin-bottom: 0 !important;
}
/* seection04 */
.bg_03 {
	background:
		url(resources/brandmenu/menu_01/menu_01_sub_01/img/title_03_bg.png);
	background-size: cover;
	padding: 72px 0;
	height: auto;
	font-size: 0;
	text-align: center;
}

.bg_03 .Progress_title {
	text-align: center;
	padding-bottom: 72px;
}

.cir_box {
	display: inline-block;
	vertical-align: top;
}

.bg_03 .cir_box:first-child {
	padding-left: 0;
}

.bg_03 .cir_box:last-child {
	padding-right: 0;
}

.bg_03 .cir_box .cir_img img {
	width: 120px;
}

.bg_03 .cir_box .cir_txt {
	font-weight: bold;
}

.bg_03 .cir_box .cir_txt span {
	font-size: 17px;
	color: #7aa9d6;
	padding-top: 27px;
	display: block;
	padding-bottom: 14px;
	text-align: center;
	word-break: keep-all;
	line-height: 1;
}

.cir_txt p {
	line-height: 1.5;
}

.bg_03 .cir_box .cir_txt p {
	font-size: 14px;
	color: #797979;
	word-break: keep-all;
}

.bg_03 .cir_arr_img {
	width: 25px;
	height: 200px;
	display: inline-block;
	position: relative;
}

.bg_03 .cir_arr_img img {
	width: 20px;
	position: absolute;
	top: 25%;
	left: 0;
}
/* section05 */
.bg_04 {
	padding: 72px 0;
	background: #f6fbff;
}

.bg_04 .Progress_title {
	text-align: center;
	padding-bottom: 72px;
}

.bg_04 .bg_04_txt {
	width: 800px;
	height: auto;
	margin: 0 auto;
	background: #fff;
	padding: 25px 0px;
	color: #949494;
	display: flex;
	align-items: center;
}

.bg_04 .bg_04_txt .left_txt {
	width: 155px;
	height: 100%;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}

.bg_04 .bg_04_txt .left_txt img {
	width: 28px;
	padding-bottom: 10px;
}

.bg_04 .bg_04_txt .left_txt p {
	font-size: 13px;
	font-weight: bold;
}

.bg_04 .bg_04_txt .right_txt {
	word-break: keep-all;
	font-size: 13px;
	padding-left: 15px;
	padding-right: 30px;
	letter-spacing: -1px;
	line-height: 2;
	display: inline-block;
	vertical-align: top;
	border-left: 1px solid #e0e2e4;
}

.bg_04 .bg_04_txt .right_txt ul {
	font-weight: bold;
}

.right_txt ul li {
	font-size: 14px;
}

.service_guide {
	margin-bottom: 10px;
}

.service_guide_num {
	float: left;
	background-color: #7dafee;
	width: 30px;
	border-radius: 5px;
	text-align: center;
	margin-right: 10px;
	line-height: 30px;
}

.service_guide_num span {
	color: #fff;
}

.service_guide_txt {
	line-height: 1.25;
	float: left;
	width: 90%;
}

.service_guide_txt ul {
	vertical-align: -webkit-baseline-middle;
}

.color_fontS {
	color: #5c98e1;
	font-weight: 600;
	text-align: left;
	word-break: keep-all;
	margin-bottom: 8px;
	line-height: 1.5;
}

bg_04 .bg_04_txt .right_txt ul {
	font-weight: bold;
}

.service_guide::after {
	display: block;
	clear: both;
	content: "";
}

.service_guide_txt ul li {
	font-weight: 500;
	font-size: 14px;
	vertical-align: -webkit-baseline-middle;
}

.inb_middle {
	display: inline-block;
}

.bg_04 .menu_01_sub_01_btn a {
	font-size: 18px;
	color: #fff;
	background: #538ad7;
	font-weight: bold;
	display: block;
	padding: 15px 40px;
	display: inline-block;
	border-radius: 50px;
}

.bg_04 .menu_01_sub_01_btn {
	text-align: center;
	margin: 72px auto 0;
	padding: 0 20px;
}

.bg_04 .menu_01_sub_01_btn:hover a {
	background: #133f8e;
}
/* 테이블 */
/* 마루철거 테이블 */
.bg_04 .floorRemove_table01 {
	margin-bottom: 72px;
	width: 500px;
}

.bg_04 .remove_table01 {
	margin-bottom: 72px;
	width: 700px;
}

.bg_04 .remove_table01 tr td:last-child {
	color: #fff;
}

.bg_04 .remove_table tr th {
	padding: 14px 0;
	font-size: 16px;
}

.bg_04 .remove_table tr td {
	padding: 14px 0;
}

.remove_table td span {
	font-size: 13px;
	font-weight: 500;
}

.bg_04 .remove_table01 tr td:last-child {
	color: #fff;
}

.bg_04 .floorRemove_table tr th {
	padding: 12px 0;
	font-size: 16px;
}

.bg_04 .floorRemove_table tr td {
	padding: 10px 0;
}

.floorRemove_table td span {
	font-size: 13px;
	font-weight: 500;
}

.bg_04 table {
	margin: 0 auto;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	box-shadow: 2px 4px 9px 0px #e7ebef;
	margin-bottom: 72px;
}

.bg_04 .liftProtect_table {
	margin-bottom: 36px;
}

.pyrontex_span {
	font-size: 14px;
	font-weight: 500;
}

.bg_04 .liftProtect_table02 {
	margin-bottom: 72px;
}

.bg_04 .consentForm_table {
	width: 270px;
	height: 80px;
}

.bg_04 .consentForm_table tr, .bg_04 .liftProtect_table tr {
	background: #fff;
	color: #595959;
}

.bg_04 .consentForm_table th {
	color: #fff;
	width: 50%;
}

.bg_04 .liftProtect_table {
	width: 550px;
	height: 180px;
}

.bg_04 .liftProtect_table th {
	width: auto;
	color: #616d79;
	font-weight: bold;
	padding: 12px 0;
}

.bg_04 .liftProtect_table td, .bg_04 .permisson_table td, .bg_04_sub05 td
	{
	padding: 10px 0;
}

.bg_04 .joint_table td
{
	padding: 10px;
}

.bg_04 .elastic_table td
{
	padding: 10px;
	word-break: auto-phrase;
}

.bg_04 .liftProtect_table tr>td:first-child {
	color: #fff;
	font-weight: bold;
}

.bg_04 .permisson_table {
	width: 550px;
}

.bg_04 .permisson_table tr {
	color: #fff;
}

.bg_04 .permisson_table th {
	width: 33.33%;
	padding: 15px 0;
	padding: 15px 0;
	font-size: 18px;
}

.bg_04 .joint_table {
	width: 700px;
}

.bg_04 .joint_table tr {
	color: #fff;
}

.bg_04 .joint_table th {
	width: 33.33%;
	padding: 15px 0;
	padding: 15px 0;
	font-size: 18px;
}

.bg_04 .elastic_table {
	width: 700px;
}

.bg_04 .elastic_table tr {
	color: #fff;
}

.bg_04 .elastic_table th {
	width: 33.33%;
	padding: 15px 10px;
	padding: 15px 10px;
	font-size: 18px;
}

.frame_price {
	width: 1007px;
	margin: 0 auto;
}

.table_center {
	text-align: left;
	margin-bottom: 72px;
}

.table_box {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.bg_04_sub05 table {
	width: 500px;
	margin-left: 0;
	margin-right: 0;
}

.bg_04_sub05 th {
	padding: 15px 0;
	font-size: 18px;
	color: #fff;
	width: 50%;
}

.bg_04_sub05 table.mb_36px {
	margin-bottom: 36px;
}

.bg_04_sub05 td {
	word-break: keep-all;
}

.bg_04_sub05 td:first-child {
	color: #fff;
}

.bg_04_sub05 td:last-child {
	color: #616d78;
}

.table_bottomTxt {
	text-align: left;
	display: flex;
	justify-content: center;
	align-items: center;
}

.table_txtDiv {
	display: inline-flex;
}

.table_txtDiv2 {
	display: inline-flex;
	grid-gap: 5rem;
	position: relative;
	left: 42.5rem;
	top: -10px;
}

.table_txtDiv ul li {
	word-break: keep-all;
	display: block !important;
	line-height: 1.5 !important;
	letter-spacing: 0;
	font-size: 14px;
	color: #6a86a5;
	text-align: left !important;
}

.table_txtDiv2 ul li {
	word-break: keep-all;
	display: block !important;
	line-height: 1.5 !important;
	letter-spacing: 0;
	font-size: 14px;
	color: #6a86a5;
	text-align: left !important;
}

.bg_04 .fire_table {
	width: auto;
	word-break: keep-all;
}

.bg_04 tr {
	background: #fff;
	color: #595959;
}

.bg_04_sub08 th {
	width: auto;
	color: #616d79;
	font-weight: bold;
}

.bg_04_sub08 tr th, .bg_04_sub08 tr td {
	padding: 15px 10px;
}

.bg_04_sub08 table tr>td:first-child {
	color: #fff;
	text-align: left;
	font-weight: bold;
}

.bg_04_sub08 tr td p {
	display: inline-block;
}

.fc_price_wrap .fc_table {
	width: 275px !important;
}

.fc_table td {
	width: 50%;
	text-align: center !important;
}

.fc_price_wrap .bg_04_txt {
	width: 660px !important;
	padding: 30px 0 !important;
}

.fc_price_wrap .bg_04_txt .left_txt {
	width: 140px !important;
	min-width: 155px;
}

.fc_price_wrap .bg_04_txt .right_txt {
	width: 80% !important;
	padding-right: 20px !important;
}

.fc_price_wrap .bg_04_txt .right_txt ul {
	width: 100%;
}

.fc_price_wrap .bg_04_txt .right_txt ul li {
	line-height: 1.5;
}

.fc_price_wrap .right_txt>ul>li {
	display: inline-flex;
	flex-direction: column;
	width: 100%;
}

.bg_04_sub04 table {
	width: 275px;
}

.bg_04_sub04 th {
	padding: 15px 0;
	font-size: 18px;
	color: #fff;
	width: 50%;
}

.bg_04_sub04 td {
	padding: 10px 0;
}

.bg_04_sub04 td:first-child {
	color: #fff;
}

.bg_04_sub04 td:last-child {
	color: #616d78;
}

.bg_04_sub06 table {
	width: 300px;
	height: 80px;
}

.mini_table_guideTxt {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-bottom: 72px;
}

.mini_table_guideTxt ul li {
	word-break: keep-all;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 14px;
	color: #6a86a5;
}

.bg_04 .usageChange_table {
	width: 400px;
	height: 200px;
}

/*editor 기반으로 콘텐츠 표시되도록 수정*/
.Coating_container {
	width: 860px;
	margin: 0 auto;
}

/*상세 페이지 img 태그 가로 100%*/
#main-image-box img {
	width:100% !important;
}

#main-image-box{
	text-align: center;
	padding-top: 150px;
	position: relative;
	padding-bottom: 35px;
}

@media screen and (max-width: 834px) {
	#main-image-box {
		padding-top: 0;
	}
}

@media all and (max-width:860px) {
	.Coating_container {width: 100%;margin:0}
}