@charset "utf-8";

/******* 헤더 *******/
header{width:100vw;border-bottom:1px solid #eee; background:rgba(255, 255, 255, 0.5); position:fixed; top:0; left:0; z-index:999; -webkit-backdrop-filter:blur(10px); }
header .inner{display:flex; align-items: center;justify-content: space-between; height:8vh}

.logo{width:2vw}
.menu{display:flex; align-items: center; justify-content: flex-end; width:30vw}
.menu li{width:20%; margin:0 2.5%; display:flex; align-items: center;justify-content: center;}
.headBtn{width:100%; height:40px; border-radius:0.5vmin; display:flex; align-items: center; justify-content: center; }
.headBtn img{margin-left:0.5vmin}
/******* //헤더 *******/

.pFButton {box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);}
.pFButtonbox {top:35%;}
.exampletext {  white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
/******* 메인배너 *******/
.mainBanner{padding-top:20vh}
.mainBanner > .inner{display:flex; align-items: center; justify-content: space-between;}
.mainBannerP a{width:160px;height:46px; display:flex; align-items: center;justify-content: center; border-radius:0.5vmin; margin-top:40px}
/******* //메인배너 *******/

.review {background: url(/theme/basic/img/reviewBg.jpg); background-position:center; background-size:cover;}

.processIcons {gap:53px;}
/******* 상담신청 *******/
.consulting{padding:7vh 0; background:url('/theme/basic/img/contactImg.jpg')center center no-repeat; background-size:cover}
.consulting .inner{display:flex; align-items: flex-start; justify-content: space-between; }
.consultingP{width:55%; padding-top:60px}
.consultantingForm{width:45%}

.contactBox {width: 100%;padding:60px; border-radius:1vmin; background:rgba(255, 255, 255, 0.5); -webkit-backdrop-filter:blur(10px); border:1px solid rgba(255, 255, 255, 0.6)}

.customerInput{position:relative;}
.inputIcon{width:16px; height:16px; line-height:0;display:block; position:absolute; left:2vmin; top:47%; transform: translateY(-50%);}
.contactBox input[type="text"] {width: 100%; margin: 1vmin 0 2vmin;border-radius: 0.5vmin;}
.contactBox .consultantradio{margin: 1vmin 0 2vmin;border-radius: 0.5vmin;}
.space-options input[type="radio"] {appearance: none;-webkit-appearance: none;border: 2px solid #ccc;border-radius: 50%;position: relative;cursor: pointer;margin: 0;}
.space-options input[type="radio"]:checked {border-color: #000;}
.space-options input[type="radio"]:checked::after {content: "";position: absolute;top: 3px; left: 3px;width: 10px; height: 10px;background: #000;border-radius: 50%;}
.textBox {border:none; margin: 1vmin 0 2vmin;border-radius: 0.5vmin;}

.adressInput{display:flex; align-items: center; justify-content: space-between;}
.adressInput input[type="text"]{width:70%;}
.adressInput button{height:62px; padding-top:4px; border-radius:0.5vmin; border:0;margin:1vmin 0 2vmin;}
.consultChk input[type="checkbox"] {position: absolute;left: -999px;}
.consultChk input[type="checkbox"] + label {width: 100%;margin: 2vmin 0 5vmin;position: relative;padding-left: 3vmin}
.consultChk input[type="checkbox"] + label:before {width: 1.5vmin;height: 1.5vmin;top: 50%;transform: translateY(-50%);content: '';position: absolute;display: block;background: url('/theme/basic/img/page/chkBoxDefault.svg') center center;background-size: 100% 100%}
.consultChk input[type="checkbox"]:checked + label:before {background: url('/theme/basic/img/page/chkOn.svg') center center;background-size: 100% 100%}
.consultBtn {width: 100%;height: 62px;display: flex;align-items: center;justify-content: center;cursor: pointer;margin-top: 3vmin;border-radius: 0.5vmin; border:none;}


/******* //상담신청 *******/


/******* 모달 *******/
/* 모달 켜지고 꺼지기 */
.modal {display: none;width: 100vw;height: 100vh;position: fixed;left: 0;top: 0;justify-content: center;align-items: center;background: rgba(0, 0, 0, 0.6);z-index: 99;}
.modal.active {display: flex;}

/* 모달 콘텐츠 기본 속성 */
.modalCnt {width: 40vw;background: #fff;border-radius: 1vmin;position: relative;padding: 2vmin 3vmin 5vh 3vmin;overflow: hidden}
.modalCnt2 {width: 40vw;background: #fff;border-radius: 1vmin;position: relative;overflow: hidden}
.modalCnt2 .modalBody{margin-bottom:0}
.modalHeader {width: 100%;height: 5vh;display: flex;position: relative;align-items: center;padding: 0;}
.modalHeader.blue{background:#11CFDB; height:6vh;justify-content: center;}
.modalClose {position: absolute;top: 1.2vmin;right: 1.5vmin;width: 2vmin;height: 2vmin;cursor: pointer;}
.modalClose img {width: 100%;}

/* 개인정보처리방침 체크박스 */
.modalBody {margin-bottom: 5vmin}
.modalBody input[type="checkbox"] {position: absolute;left: -999px;}
.policyBtn1 {width: 100%;height: 4vh;border-radius: 1vmin;display: flex;align-items: center;padding: 1.5vmin 0 1vmin 4vmin;margin: 3vmin 0 2vmin;background: #eee;position: relative;}
.policyBtn1:before {width: 1.8vmin;height: 1.7vmin;position: absolute;left: 1vmin;top: 50%;transform: translateY(-50%);content: '';display: block;background: url('/theme/basic/img/page/chkOff.svg') center center;background-size: 100% 100%;}
#policyAll:checked + label {background: #11CFDB;color: #fff;font-weight: 700;}
#policyAll:checked + label:before {background: url('/theme/basic/img/page/policyOn.svg') center center;background-size: 100% 100%;}
.policyBtn2 {width: 100%;height: 3vh;display: flex;align-items: center;padding: 0.5vmin 0 0 2.5vmin;margin-bottom: 0.5vmin;position: relative}
.policyBtn2:before {width: 1.6vmin;height: 1.6vmin;content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: block;background: url('/theme/basic/img/page/chkOff.svg') center center no-repeat;background-size: 100% 100%;}
#policy1:checked + label:before, #policy2:checked + label:before {background: url('/theme/basic/img/page/chkOn.svg') center center no-repeat;background-size: 100% 100%;}

/* 개인정보처리방침 텍스트 area */
.policyBox {width: 100%;height: 15vh; padding:2vmin;border-radius: 1vmin;overflow-x: hidden;overflow-y: scroll;background: #eee;margin-bottom: 3vmin}
.policyBox .margin{margin-bottom:3vh;}
.policyBox .margin2{margin-bottom:2vh;}
/* 개인정보처리방침 모달 확인 버튼 */
.modalFooter {width: 100%;height: 5vh;display: flex;align-items: center;justify-content: center;position: absolute;left: 0;bottom: 0;background: #eee;color: #999;transition: all 0.2s}
.modalFooter.active {color: #fff;background: #11CFDB;cursor: pointer;font-weight: 700}

/* 상담신청 완료 모달 */
#cunsultingSubmit img {width: 30%;margin: 3vmin auto;display: block}
.modalSubmit {margin: 2vmin 0 4vmin;background: #11CFDB;display: flex;align-items: center;justify-content: center;width: 100%;height: 5vh;border: 0;padding: 1vmin 0 0.7vmin;cursor: pointer;}
/******* //모달 *******/

/******* CEO인사말 *******/
.ceo > .inner{display:flex; align-items: flex-start; justify-content: space-between;}

.triangle-right {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 24px solid #000; /* 원하는 색상으로 변경 가능 */
  }
  
/******* //CEO인사말 *******/

/******* 지도 *******/
.map > .inner > p:nth-child(1){margin-bottom:40px;}
.mapP{width:100%; display:flex; align-items: center; justify-content: flex-start; margin:25px 0 85px;}
.mapIcon{margin-left:60px;}
.mapIcon img{margin-right:10px}
.mapIcon p{margin-right:40px;margin-top:5px;}

.root_daum_roughmap{border-radius:1vmin; border:1px solid #aaa}
.mapSize, .mapSize img {width:100%; border-radius:1vmin}
/******* //지도 *******/

/******* 게시판 리스트페이지 *******/
/* 갤러리 */
.ListBanner{padding:16vh 0 8vh}
.ListBanner .inner{ display:flex;align-items: center;justify-content: center;}
.gallTitP{width:50%; height:100%; padding:85px;}
.ListBanner img{width:50%; height:100%}

.gallery{padding-top:10vh}
.gallLink{display:flex; align-items:center; margin-bottom:80px}

.gallLink a{width:120px; height:45px;  background:#fff;color:#11cfdb;transition:all 0.2s;border:2px solid #11cfdb; border-radius:0.5vmin; margin-right:25px; display:flex; align-items: center;justify-content: center;}
.gallLink a.active{background:#11cfdb; border:2px solid #11cfdb; color:#fff;}

.gall_row{display:flex;  flex-wrap: wrap;align-items: flex-start; justify-content: space-between; width:100%;}
.gall_row li{width:48%; margin-bottom:80px;}
.gall_row li a, .gallImg{width:100%;}
.gallImg{height:270px; background-position:center !important; background-size:auto 100% !important;border-radius:1vmin; overflow:hidden;}
.gall_row li a p{white-space: nowrap;text-overflow:ellipsis; width:90%; overflow-x:hidden}
.gall_row li a p.fs_m01{margin:25px 0 10px} 

.adminBoardBtn{width:120px; height:45px;position:relative; left:calc(100% - 120px); background:#fff;transition:all 0.2s;border:2px solid #84644a; border-radius:0.5vmin; margin-right:25px; margin-bottom:80px; display:flex; align-items: center;justify-content: center;}

/* 리스트 */
#fboardlist{width:100%}
.ListBanner{padding-top:8vh}
.boardListTb table  td{padding:0 2vmin;}
.boardListTb{width:100%; overflow-x: scroll;}
.boardListTb table{width:100%;}
.boardListTb table thead td{background:#84644a; height:54px}

.boardListTb table tbody td{ background:#fff;border-bottom:1px solid #eee;padding:1.5vmin 2vmin;}
.chkBox{width:5%;}
.tdNum{width:5%;}
.tdTit{width:50%;}
.tdDay{width:20%;}
.tdView{width:20%}
.tdTel{width:40%}

.chkBox{position:relative;}
.chkBox input[type="checkbox"] + label{width:16px; height:16px; display:block; position:absolute; 
    left:50%; top:50%; transform: translate(-50%, -50%); background:url('/theme/basic/img/page/listChkDisabled.svg') center center;
     background-size:100% 100%;}

.chkBox input[type="checkbox"]:checked + label{background:url('/theme/basic/img/page/listChkActive.svg') center center;}

/******* //게시판 리스트페이지 *******/

/******* 게시판 뷰페이지 *******/
.viewBanner{padding:0; height:350px; background:url('/theme/basic/img/page/caseSubBanner.jpg') center center no-repeat; margin-top:8vh;
display:flex; align-items: center; justify-content: center; flex-direction: column;}
.viewBanner p:nth-child(1){margin-bottom:2vmin; width:50%;}
.gallViewBtn{width:100%; display:flex; align-items: center; justify-content: flex-end;}

.gallViewBtn a, .gallViewBtn button{width:120px; height:45px; color:black; background:#fff;transition:all 0.2s;border:2px solid black; border-radius:0.5vmin; margin-left:25px; display:flex; align-items: center;justify-content: center;}
.gallViewBtn a:nth-child(3), .gallViewBtn button{background:black; border:2px solid black; color:#fff;}

.viewBanner.notice{background:url('/theme/basic/img/page/noticeSubBanner.jpg') center center; background-size:cover;}

/* 리스트 */
.boardListSubject{width:100%; display:flex; align-items: center; padding-bottom:10px; margin-bottom:30px; justify-content: space-between; border-bottom:2px solid #222}

/* 상담신청 */
.consultingChkTable{width:100%;}
.consultingChkTable table{ width:100%}
.consultingChkTable table tr td:nth-child(1){border:1px solid #222;border-bottom:1px solid #fff; padding:2vmin 0; background:#22508C; color:#fff}
.consultingChkTable table tr td:nth-child(2){padding:2vmin 0 2vmin 3vmin; border:1px solid #aaa; background: #EEEEEE;}
/******* //게시판 뷰페이지 *******/

/******* 게시판 작성페이지 *******/
.boardWrite{padding-top:8vh;}

.boardWriteBox{width:100%; display:flex; align-items: flex-start; justify-content: space-between; margin-bottom:30px}
.boardWriteBox > p, .lb_icon{width:65px;}
.boardWriteBox > input, .boardWriteBox > div{width:calc(100% - 80px)}
.boardWriteBox > input{background:#fff; border:1px solid #aaa}
.cke_sc{display:none}
.boardWriteBox.file {align-items: center;}
.boardWriteBox.file input{border:0}
/******* //게시판 작성페이지 *******/

/******* 로그인 *******/
.loginBox{width:100vw; height:100vh; background:url('/theme/basic/img/page/loginImg.jpg') center center no-repeat; 
    background-size:cover; display:flex; align-items: center; justify-content: center;}

#login_fs{width:835px; padding:5vmin 0; background:rgba(255, 255, 255, 0.5); -webkit-backdrop-filter:blur(10px); border-radius:1vmin}
#login_fs > p:nth-child(1){margin-bottom:3vmin}
.loginInput{width:560px; display:block; margin:0 auto 2vmin; position:relative;}
.loginIcon{position:absolute; width:16px; height:16px; top:47%; left:2vmin; transform:translateY(-50%)}
.loginInput input{padding:0 0 0 5vmin; height: 50px; width:100%;}
.submitBtn{width:560px; margin:2vmin auto; height:62px; display:block; border-radius: 0.5vmin;}
/******* //로그인 *******/


/******* 푸터 *******/
footer{padding:40px 0; background:#222;}
.footBtn{display:flex; align-items: center; justify-content: flex-start; margin-bottom:3vmin}
.footBtn a{margin-right:3vmin}

.fMenu{display:none; align-items: center; justify-content: space-between; position:fixed; left:0; bottom: 0; 
width:100vw; height:90px; background:#fff;border-radius:2vmin 2vmin 0 0; box-shadow:0 -4px 16px 0 rgba(0, 0, 0, 0.2); z-index: 998;}
.fMenu > a{width:20vw; height:50%; display:flex; align-items: center;justify-content: center; flex-direction: column;}
.fMenu > a:nth-child(2){margin-right:20vw}
.fLogo img{margin-bottom: 0 !important;}
.fLogo{border:2px solid #84644a; border-radius:10vmin;position:absolute; 
    background:#fff; left:50%; transform:translateX(-50%); }
.fMenu > a img{margin-bottom:2px}
.fLogo > img{width: 65%;}
footer > .inner > p > br{display: none;}

/******* //푸터 *******/



/******* 개인정보처리방침, 이용약관 ********/
.policyPage{padding-top:15vh}
.policyPage .margin{margin-bottom:3vh}
.policyTitle{width:100%; padding:10px 40px; border-radius:1vmin;}
.policyPage .margin2{margin-bottom:2vh}