/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 모바일용 컨텐츠 영역 */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 모바일용 서브 하위메뉴 */
.mo-gnbmenu {float: left; width: 100%;}
.mo-menulist {float: left; width: 100%;}
.mo-menulist ul {float: left; width: 100%; text-align: center;}
.mo-menulist ul li {float: left; width: 33.3334%;}
.mo-menulist ul li a {display: block; width: 100%; height: 4.5rem; transform: rotate(-0.04deg); font-size: 1.8rem; color: #252525; text-align: center; line-height: 4.5rem; letter-spacing: -0.02rem; border-right: 1px solid #dfdede; border-bottom: 1px solid #dfdede;}
.mo-menulist ul li.active a {color: #fff; cursor: pointer; background: #1156bd;}

/* 모바일용 서브 하위메뉴 배열수 설정 */
.mo-menulist-1 ul li {width: 100%;} /* 메뉴1개 시 */
.mo-menulist-1 ul li:nth-of-type(1n+1) a {border-right: 0;}
.mo-menulist-2 ul li {width: 50%;}  /* 메뉴2개 시 */
.mo-menulist-2 ul li:nth-of-type(2n+2) a {border-right: 0;}
.mo-menulist-4 ul li {width: 25%;}  /* 메뉴4개 시 */
.mo-menulist-5 ul li {width: 20%;}  /* 메뉴5개 시 */


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 서브 컨텐츠 공통영역 */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 레이아웃 공통 */
.sec-sub {position: relative; float: left; width: 100%;}
.sec-sub .inner {display: flex; flex-wrap: wrap; margin: 0 auto; width: 100%; max-width: 128rem;}

/* 서브 sub-visual 배경이미지 영역 */
.sub-visual {position: relative; width: 100%; height: 46rem; background-repeat: no-repeat; background-position: center top; background-size: cover; z-index: 1;}

/* 서브 메뉴리스트 영역 */
.sub-gnb {position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.5); border-top: 1px solid rgba(255,255,255,0.4); z-index: 10;}
.sub-gnb ul {display: flex; margin: 0 auto; width: 100%; max-width: 128rem; font-size: 0; text-align: center;}
.sub-gnb ul li {position: relative; flex: 1;}
.sub-gnb ul li a {display: block; border-right: 1px solid rgba(255,255,255,0.4); position: relative; height: 6rem; font-size: 2rem; color: #fff; font-weight: 500; line-height: 6rem; letter-spacing: -0.02rem; -webkit-transition: all .3s; transition: all .3s;}
.sub-gnb ul li:first-child a {border-left: 1px solid rgba(255,255,255,0.4);}
.sub-gnb ul li a:hover {background: rgba(0,0,0,0.25);} /* 마우스롤오버 메뉴 표시 */
.sub-gnb ul li.active a {font-weight: 600; background: rgba(0,158,240,0.5);} /* 선택된 메뉴 표시 */

/* 서브 대메뉴 타이틀 영역 */
.title-area {position: relative; display: flex; align-items: center; width: 100%; height: 100%;}
.title-area .inner {margin: 0 auto; width: 100%; max-width: 128rem; text-align: center;}
.title-area h2.tit-kor {font-family: "SCoreDream", sans-serif; transform: rotate(-0.03deg); font-size: 5rem; color: #fff; font-weight: 700; line-height: 1; margin-top: 3rem;}
.title-area h2.tit-kor2 {margin-top: 8rem;}

/* 서브페이지 컨텐츠 영역 */
.subpage-contents {float: left; width: 100%; margin-top: 9rem;}
.subpage-contents .titbar-txt {position: relative; display: block; width: 100%; text-align: center; margin-bottom: 6rem;}
.subpage-contents .titbar-txt span {display: inline-block; font-family: "SCoreDream", sans-serif; transform: rotate(-0.03deg); font-size: 4rem; color: #363636; font-weight: 600; line-height: 1; letter-spacing: -0.06rem;}
.subpage-contents .page-common {float: left; width: 100%; margin-bottom: 12rem;}

/* 서브페이지 컨텐츠 - PC 및 Mobile 이미지 준비중 영역 */
.subpage-contents .page-common .page-pc-img img {max-width: 100%;} /* PC */


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 서브페이지 컨텐츠영역 01 - 회사소개 */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* s01 인사말 */
.greeting-box {display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.greeting-box .left-img {width: 39.0625%;}
.greeting-box .left-img img {width: 100%;}
.greeting-box .right-info {width: 57.03125%;}
.greeting-box .right-info .title {font-family: "SCoreDream", sans-serif; transform: rotate(-0.03deg); font-size: 2.8rem; color: #252525; font-weight: 500; line-height: 1.4; letter-spacing: -0.08rem;}
.greeting-box .right-info .title span {display: block;}
.greeting-box .right-info .title strong {color: #1156bd; font-weight: 800;}
.greeting-box .right-info .point {transform: rotate(-0.03deg); font-size: 2.2rem; color: #1156bd; font-weight: 600; line-height: 1.3; letter-spacing: -0.02rem; margin-top: 3rem;}
.greeting-box .right-info .sentence {margin-top: 3rem;}
.greeting-box .right-info .sentence p {font-size: 1.7rem; color: #000; font-weight: 400; line-height: 1.3; letter-spacing: -0.02rem; word-break: keep-all; margin-bottom: 3rem;}
.greeting-box .right-info .sign {font-size: 2.6rem; color: #252525; font-weight: 700; line-height: 1; letter-spacing: -0.02rem; text-align: right;}

/* s01 인사말 - 특장점 */
.features-box {width: 100%; padding-top: 8rem; margin-top: 8rem; border-top: 1px dashed #ccc;}
.features-box ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.features-box ul li {width: 31.25%;}
.features-box ul li .thumb-img {width: 100%;}
.features-box ul li .thumb-img img {width: 100%;}
.features-box ul li .info-txt {width: 100%; text-align: center; padding: 4rem 2rem; border: 1px solid #e9e6e6; border-top: 0;}
.features-box ul li .info-txt h3 {font-family: "SCoreDream", sans-serif; transform: rotate(-0.03deg); font-size: 2.8rem; color: #363636; font-weight: 600; line-height: 1; letter-spacing: -0.15rem; margin-bottom: 2.5rem;}
.features-box ul li .info-txt p {font-size: 1.7rem; color: #6e6e6e; font-weight: 500; line-height: 1.3; letter-spacing: -0.02rem;}
.features-box ul li .info-txt p span {display: block;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 서브페이지 컨텐츠영역 02 - 공사안내 */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* s01 우레탄방수공사 */
.business-intro {position: relative; width: 100%; text-align: center;}
.business-intro:before {content: ""; display: block; width: 100%; height: 49rem; background-image: url("../business/images/s01_topimg.jpg"); background-repeat: no-repeat; background-position: center top; background-size: cover;}
.business-intro2:before {background-image: url("../business/images/s02_topimg.jpg");}
.business-intro3:before {background-image: url("../business/images/s03_topimg.jpg");}
.business-intro4:before {background-image: url("../business/images/s04_topimg.jpg");}
.business-intro .txtbox {position: absolute; bottom: -10rem; left: 0; width: 100%; height: 20rem;}
.business-intro .txtbox .txt {margin: 0 auto; width: 100%; max-width: 116rem; padding-top: 5.5rem; font-family: "SCoreDream", sans-serif; transform: rotate(-0.03deg); font-size: 3.8rem; color: #161616; font-weight: 300; line-height: 1.3; letter-spacing: -0.08rem; background-color: #fff;}
.business-intro .txtbox .txt strong {font-weight: 800;}

.business-type {display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin-top: 19rem;}
.business-type .thumb {width: 40.625%;}
.business-type .thumb img {width: 100%;}
.business-type .type-info {width: 54.6875%;}
.business-type .type-info h3 {font-family: "SCoreDream", sans-serif; transform: rotate(-0.03deg); font-size: 2.8rem; color: #252525; font-weight: 600; line-height: 1; letter-spacing: -0.08rem;}
.business-type .type-info p {width: 100%; margin-top: 3rem; transform: rotate(-0.03deg); font-size: 1.8rem; color: #000; font-weight: 300; line-height: 1.3; letter-spacing: -0.02rem; word-break: keep-all;}
.business-type .type-info .gongsa-advanta {width: 100%; margin-top: 4rem;}
.business-type .type-info .gongsa-advanta .tit {display: inline-block; width: auto; height: 3rem; background-color: #1156bd; border-radius: 55px; padding: 0 2.2rem;}
.business-type .type-info .gongsa-advanta .tit span {font-family: "SCoreDream", sans-serif; transform: rotate(-0.03deg); font-size: 1.85rem; color: #fff; font-weight: 500; letter-spacing: -0.1rem; line-height: 3.2rem;}
.business-type .type-info .gongsa-advanta ul {width: 100%; margin-top: 2rem;}
.business-type .type-info .gongsa-advanta ul li {position: relative; margin-bottom: 1.2rem; transform: rotate(-0.03deg); font-size: 1.8rem; color: #000; font-weight: 300; line-height: 1.2; letter-spacing: -0.02rem; padding-left: 2.5rem; vertical-align: top;}
.business-type .type-info .gongsa-advanta ul li:after {position: absolute; top: 0; left: 0; content: ""; display: inline-block; width: 1.6rem; height: 1.2rem; margin-top: 0.5rem; background-image: url("../business/images/ico_check.png"); background-repeat: no-repeat; background-position: left center; background-size: 1.6rem 1.2rem;}

/* s01 우레탄방수공사 - 시공사례 */
.business-case {width: 100%; margin-top: 8rem;}
.business-case .tit {position: relative; font-family: "SCoreDream", sans-serif; transform: rotate(-0.03deg); font-size: 2.8rem; color: #252525; font-weight: 600; line-height: 1; letter-spacing: -0.08rem; padding-left: 4rem;}
.business-case .tit:after {position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ""; display: inline-block; width: 3.2rem; height: 3.2rem; background-image: url("../business/images/ico_titlebullet.png"); background-repeat: no-repeat; background-position: left center; background-size: 3.2rem 3.2rem;}
.business-case ul {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 3.5rem;}
.business-case ul li {width: 31.25%;}
.business-case ul li:nth-of-type(-n+3) {margin-bottom: 3.5rem;}
.business-case ul li .thumb {width: 100%;}
.business-case ul li .thumb img {width: 100%;}
.business-case ul li p {transform: rotate(-0.03deg); font-size: 2rem; color: #555454; font-weight: 400; line-height: 1; letter-spacing: -0.02rem; text-align: center; padding-top: 2.5rem;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 서브페이지 개인정보안내 - 개인정보처리방침 스타일 */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.member-usebox {width: 100%; padding: 2rem 4rem; background-color: #fff; border: 1px solid #eee; border-top: 2px solid #000;}
.member-usebox .member-usearea {transform: rotate(-0.03deg); white-space: pre-line;}
.member-usebox .member-usearea p {font-size: 1.5rem; color: #5e5d5d; font-weight: 400; line-height: 1.5; letter-spacing: -0.06rem; word-break: keep-all;}
.member-usebox .member-usearea p strong {font-size: 1.8rem; color: #1156bd; font-weight: 700;}
.member-usebox .member-usearea p span.txtpoint {color: #000; font-weight: 700;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** 반응형설정 Mobile 359 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width:359px) {

/* 서브 sub-visual 배경이미지 영역 */
.sub-visual {height: 24rem;}

/* 서브 대메뉴 타이틀 영역 */
.title-area h2.tit-kor {font-size: 3.8rem; margin-top: 10rem;}

/* 서브 메뉴리스트 영역 */
.sub-gnb {display: none;}

/* 서브페이지 컨텐츠 영역 */
.subpage-contents {padding: 0 2rem; margin-top: 5rem;} /* 모바일용 서브컨텐츠 여백 주기 */
.subpage-contents .titbar-txt {margin-bottom: 4rem;}
.subpage-contents .titbar-txt span {font-size: 3.2rem;}
.subpage-contents .page-common {margin-bottom: 5rem;}

/* 서브페이지 pc 이미지 삭제 */
.pc {display: none;}

/* 서브페이지 컨텐츠영역 01 - 회사소개 */
.greeting-box .left-img {width: 100%;}
.greeting-box .right-info {width: 100%; margin-top: 5rem;}
.greeting-box .right-info .title {word-break: keep-all;}
.greeting-box .right-info .title span:nth-of-type(2) {display: inline;}
.features-box {padding-top: 5rem; margin-top: 5rem;}
.features-box ul li {width: 100%; margin-bottom: 2rem;}
.features-box ul li:last-child {margin-bottom: 0;}

/* 서브페이지 컨텐츠영역 02 - 공사안내 */
.business-intro {margin-bottom: 16rem;}
.business-intro:before {height: 30rem;}
.business-intro .txtbox {padding: 0 2rem;}
.business-intro .txtbox .txt {font-size: 2.6rem; line-height: 1.4; word-break: keep-all; padding: 3rem 2rem 0;}
.business-intro .txtbox .txt br {display: none;}

.business-type {margin-top: 0;}
.business-type .thumb {width: 100%;}
.business-type .type-info {width: 100%; margin-top: 4rem;}

.business-case ul li {width: 48%;}
.business-case ul li:nth-of-type(-n+3) {margin-bottom: 0;}
.business-case ul li:nth-of-type(-n+4) {margin-bottom: 3.5rem;}
.business-case ul li p {font-size: 1.7rem; padding-top: 1.5rem;}

/* 서브페이지 개인정보안내 - 개인정보처리방침 스타일 */
.member-usebox {padding: 2rem;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** 반응형설정 Mobile 360,719 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:360px) and (max-width:719px) {

/* 서브 sub-visual 배경이미지 영역 */
.sub-visual {height: 24rem;}

/* 서브 대메뉴 타이틀 영역 */
.title-area h2.tit-kor {font-size: 3.8rem; margin-top: 10rem;}

/* 서브 메뉴리스트 영역 */
.sub-gnb {display: none;}

/* 서브페이지 컨텐츠 영역 */
.subpage-contents {padding: 0 2rem; margin-top: 5rem;} /* 모바일용 서브컨텐츠 여백 주기 */
.subpage-contents .titbar-txt {margin-bottom: 4rem;}
.subpage-contents .titbar-txt span {font-size: 3.2rem;}
.subpage-contents .page-common {margin-bottom: 5rem;}

/* 서브페이지 pc 이미지 삭제 */
.pc {display: none;}

/* 서브페이지 컨텐츠영역 01 - 회사소개 */
.greeting-box .left-img {width: 100%;}
.greeting-box .right-info {width: 100%; margin-top: 5rem;}
.greeting-box .right-info .title {word-break: keep-all;}
.greeting-box .right-info .title span:nth-of-type(2) {display: inline;}
.greeting-box .right-info .sign {font-size: 2.4rem;}
.features-box {padding-top: 5rem; margin-top: 5rem;}
.features-box ul li {width: 100%; margin-bottom: 2rem;}
.features-box ul li:last-child {margin-bottom: 0;}

/* 서브페이지 컨텐츠영역 02 - 공사안내 */
.business-intro {height: 100%;}
.business-intro:before {height: 20rem; background-size: 100% 100%;}
.business-intro .txtbox {position: static; height: 100%; padding: 0 2rem; margin-top: -5rem;}
.business-intro .txtbox .txt {font-size: 2.4rem; line-height: 1.4; padding: 3rem 2rem 0;}
.business-intro .txtbox .txt br {display: none;}

.business-type {margin-top: 5rem;}
.business-type .thumb {width: 100%;}
.business-type .type-info {width: 100%; margin-top: 4rem;}
.business-type .type-info h3 {font-size: 2.3rem;}
.business-type .type-info p {color: #434343; font-weight: 400;}

.business-case .tit:after {margin-top: -0.2rem;}
.business-case ul li {width: 48%;}
.business-case ul li:nth-of-type(-n+3) {margin-bottom: 0;}
.business-case ul li:nth-of-type(-n+4) {margin-bottom: 3.5rem;}
.business-case ul li p {font-size: 1.7rem; padding-top: 1.5rem;}

/* 서브페이지 개인정보안내 - 개인정보처리방침 스타일 */
.member-usebox {padding: 2rem;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** 반응형설정 Tablet 720,767 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:720px) and (max-width:767px) {

/* 서브 sub-visual 배경이미지 영역 */
.sub-visual {height: 34rem;}

/* 서브 대메뉴 타이틀 영역 */
.title-area h2.tit-kor {margin-top: 9rem;}

/* 서브 메뉴리스트 영역 */
.sub-gnb {display: none;}

/* 서브페이지 컨텐츠 영역 */
.subpage-contents {padding: 0 3rem; margin-top: 8rem;} /* 태블릿용 서브컨텐츠 여백 주기 */

/* 서브페이지 pc 이미지 삭제 */
.pc {display: none;}

/* 서브페이지 컨텐츠영역 01 - 회사소개 */
.greeting-box .left-img {width: 100%;}
.greeting-box .right-info {width: 100%; margin-top: 5rem;}
.features-box ul li .info-txt {padding: 3rem 1rem;}
.features-box ul li .info-txt h3 {font-size: 2.4rem;}
.features-box ul li .info-txt p {font-size: 1.6rem;}
.features-box ul li .info-txt p span {display: inline;}

/* 서브페이지 컨텐츠영역 02 - 공사안내 */
.business-intro:before {height: 40rem;}
.business-intro .txtbox {padding: 0 5rem;}
.business-intro .txtbox .txt {font-size: 3rem; line-height: 1.4; word-break: keep-all; padding: 3rem 5rem 0;}
.business-intro .txtbox .txt br {display: none;}

.business-type {margin-top: 16rem;}
.business-type .thumb {width: 100%; text-align: center;}
.business-type .thumb img {width: 70%;}
.business-type .type-info {width: 100%; margin-top: 4rem;}

.business-case ul li {width: 48%;}
.business-case ul li:nth-of-type(-n+3) {margin-bottom: 0;}
.business-case ul li:nth-of-type(-n+4) {margin-bottom: 3.5rem;}

/* 서브페이지 개인정보안내 - 개인정보처리방침 스타일 */
.member-usebox {padding: 2rem;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** 반응형설정 Tablet 768,1023 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:768px) and (max-width:1023px) {

/* 서브 sub-visual 배경이미지 영역 */
.sub-visual {height: 34rem;}

/* 서브 대메뉴 타이틀 영역 */
.title-area h2.tit-kor {margin-top: 9rem;}

/* 서브 메뉴리스트 영역 */
.sub-gnb {display: none;}

/* 서브페이지 컨텐츠 영역 */
.subpage-contents {padding: 0 3rem; margin-top: 8rem;} /* 태블릿용 서브컨텐츠 여백 주기 */

/* 서브페이지 pc 이미지 삭제 */
.pc {display: none;}

/* 서브페이지 컨텐츠영역 01 - 회사소개 */
.greeting-box .left-img {width: 100%;}
.greeting-box .right-info {width: 100%; margin-top: 5rem;}
.features-box ul li .info-txt {padding: 3rem 1rem;}
.features-box ul li .info-txt h3 {font-size: 2.4rem;}
.features-box ul li .info-txt p {font-size: 1.6rem;}
.features-box ul li .info-txt p span {display: inline;}

/* 서브페이지 컨텐츠영역 02 - 공사안내 */
.business-intro:before {height: 40rem;}
.business-intro .txtbox {padding: 0 5rem;}
.business-intro .txtbox .txt {font-size: 3rem; line-height: 1.4; word-break: keep-all; padding: 3rem 5rem 0;}
.business-intro .txtbox .txt br {display: none;}

.business-type {margin-top: 16rem;}
.business-type .thumb {width: 100%; text-align: center;}
.business-type .thumb img {width: 70%;}
.business-type .type-info {width: 100%; margin-top: 4rem;}

.business-case ul li {width: 48%;}
.business-case ul li:nth-of-type(-n+3) {margin-bottom: 0;}
.business-case ul li:nth-of-type(-n+4) {margin-bottom: 3.5rem;}

/* 서브페이지 개인정보안내 - 개인정보처리방침 스타일 */
.member-usebox {padding: 2rem;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** 반응형설정 PC 1024,1279 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1024px) and (max-width:1279px) {

/* 모바일용 서브메뉴 */
.mo-gnbmenu {display: none;}

/* 서브페이지 컨텐츠 영역 */
.subpage-contents {padding: 0 1.5rem;}

/* 서브페이지 컨텐츠영역 02 - 공사안내 */
.business-intro .txtbox {padding: 0 5rem;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** 반응형설정 PC 1280,1919 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1280px) and (max-width:1919px) {

/* 모바일용 서브메뉴 */
.mo-gnbmenu {display: none;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** 반응형설정 PC 1920 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1920px) {

/* 모바일용 서브메뉴 */
.mo-gnbmenu {display: none;}

}