@charset "utf-8";



/*************************************************
**************************************************
**********************집앤사**********************
**************************************************
**************************************************/
/* 레이아웃 */
.container {margin: 0 auto; position:relative; width:100%; box-sizing:border-box; padding:0 20px;}
.contents {margin:0 auto; position:relative; width:cacl(100% - 40px); box-sizing:border-box; padding:0 20px;}


/* 버튼 */
.btn {display:block; width:100%; border:0; border-radius:10px; font-size:15px; text-align:center; color:#fff; background:#1cbcab; line-height:40px; font-weight:500; height:40px;}
.line_btn {display:block; width:100%; border:0; border-radius:10px; font-size:15px; text-align:center; border:1px solid #1cbcab; color:#1cbcab; background:#fff; line-height:40px; font-wehgit:500; height:40px;}


/* 인풋,버튼 */
input[type="text"] {background-color:#fff; border:0; border-bottom:1px solid #eee; font-size:13px; color:#000; line-height:35px; width:100%; box-sizing:border-box;}
input[type="text"]::-webkit-input-placeholde {color:#b7b7b7; font-weight:300;}
input[type="text"]::-moz-placeholder {color:#b7b7b7; font-weight:300;}
input[type="text"]:-moz-placeholder {color:#b7b7b7; font-weight:300;}
input[type="text"]:-ms-input-placeholder {color:#b7b7b7; font-weight:300;}
input[type="text"]::placeholder {color:#b7b7b7; font-weight:300;}
input[type="password"] {background-color:#fff; border:0; border-bottom:1px solid #eee; font-size:13px; color:#000; line-height:35px; width:100%; box-sizing:border-box;}
input[type="password"]::-webkit-input-placeholde {color:#b7b7b7; font-weight:300;}
input[type="passwrod"]::-moz-placeholder {color:#b7b7b7; font-weight:300;}
input[type="passwrod"]:-moz-placeholder {color:#b7b7b7; font-weight:300;}
input[type="password"]:-ms-input-placeholder {color:#b7b7b7; font-weight:300;}
input[type="password"]::placeholder {color:#b7b7b7; font-weight:300;}
input[type="date"] {background-color:#fff; border:0; border-bottom:1px solid #eee; font-size:13px; color:#000; line-height:35px; width:100%; box-sizing:border-box;}
input[type="date"]::before {content:attr(data-placeholder); width:100%; color:#b7b7b7; font-weight:300;}
input[type="date"]:focus::before,
input[type="date"]:valid::before {display:none;}
input[type="date"]::-webkit-calendar-picker-indicator {background:url('../img/ico_date.png')no-repeat center; background-size:contain; display:block; -webkit-appearance:block; width:15px; padding:0px; margin:0px;}
select {background-color:#fff; border:0; border-bottom:1px solid #eee; font-size:13px; height:35px; width:100%; box-sizing:border-box; color:#b7b7b7;}
textarea {border-radius:10px; background-color:#fff; border:0; font-size:13px; color:#000; line-height:1.4em; width:100%; box-sizing:border-box; padding:10px 14px; box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);}
textarea::-webkit-input-placeholde {color:#b7b7b7; font-weight:300;}
textarea::-moz-placeholder {color:#b7b7b7; font-weight:300;}
textarea:-moz-placeholder {color:#b7b7b7; font-weight:300;}
textarea:-ms-input-placeholder {color:#b7b7b7; font-weight:300;}
textarea::placeholder {color:#b7b7b7; font-weight:300;}

/* 서브상단메뉴 CSS*/
#subtop{position:relative; padding:20px 0; background:#f8f9fb;}
#subtop h1.top_title {font-family:'Noto Sans KR', sans-serif; font-size:18px; line-height:1; text-align:center; box-sizing:border-box; font-weight:500;}
#subtop a.top_back {float:left; display:inline-block; max-width:10px;}
#subtop a.home {position:absolute; right:20px; top:0; max-width:20px;}
#subtop a.set {position:absolute; right:20px; top:0; max-width:20px; display:none;}
#subtop a.close {position:absolute; right:20px; top:2px; max-width:15px; display:none;}
#subtop a img {display:block; width:100%;}


/* 10_00_03_전체화면팝업 */
#bg {display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.3); z-index:11;}

.pop {position:fixed; max-width:calc(100% - 80px); top:50%; width:100%; left:50%; transform:translate(-50%, -50%); z-index:12;}
.pop .container div {max-height:400px; overflow-y:scroll; /*min-height:400px;*/ border-radius:5px; background:#fff; width:100%; /*padding:20px;*/ font-size:13px;}
.pop .container div img {max-width: 100%; height: auto !important;}
.pop ul {margin:0 auto;}
.pop ul::after {content:''; display:block; visibility:hidden; clear:both;}
.pop ul li {float:left; width:50%; line-height: 35px;}
.pop ul li:first-of-type {box-sizing:border-box; border-right:1px solid #fff; /*line-height:1;*/}
.pop ul li a {color:#fff; font-size:13px; text-align:center; display:block; background: #1cbcab;}
.pop ul li:first-child a {background: #eee; color: #666;}

/* 건물선택 */
.modal-con { max-height:215px; overflow-y:scroll; display: none; position: fixed; bottom:0; left:0; width:100%; background: #fff; z-index: 1; border-radius:10px 10px 0 0; box-sizing: border-box; padding:30px 20px; z-index:12; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -ms-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0; }
.modal-con li {margin-bottom:10px; box-sizing:border-box; /*padding-left:30px;*/ font-size:13px; line-height:21px;}
.modal-con li:last-of-type {margin-bottom:0;}
.modal-con li.theshop {background:url('../img/ico_theshop.png')no-repeat left center; background-size:21px;}
.modal-con li.lh {background:url('../img/ico_lh.png')no-repeat left center; background-size:21px;}
.modal-con li.xi {background:url('../img/ico_xi.png')no-repeat left center; background-size:21px;}
.modal-con li.hillstate {background:url('../img/ico_hillstate.png')no-repeat left center; background-size:21px;}
.modal-con.level5 {max-height: 365px;}
.modal-con.level5 ul {height: 200px; overflow-y: scroll;}
.modal-con.level5 button {margin-top: 15px;}

/* 전체동의 체크박스 */
.user_provision .allchk_box input[type="checkbox"],
.user_provision .chk_box input[type="checkbox"],
.user_provision .chk_box input[type="radio"]{display:none !important;}


/* 메인컨텐츠 CSS*/
.top_info {background:#f8f9fb; padding:20px 0 30px; text-align:left;}
.top_info span {display:block; box-sizing:border-box; padding-left:15px; background:url('../img/ico_cution.png')no-repeat left center; background-size:11px; color:#1bbcaa; font-size:13px; margin-bottom:10px; font-wehgit:500;}
.top_info p {color:#4a4a4a; font-size:13px; line-height: 1.4em;}

/* UNSTABLE CSS */
#unstable .container {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);display:flex; justify-content:center; align-items:center; flex-direction:column; height: 100%;}
#unstable img {display:block; margin:0 auto 35px; max-width:100px;}
#unstable p {text-align:center;}
#unstable a {position:fixed; left:0; bottom:5%;}




/* 푸터 - inc/copy.php */
#footer {padding:20px 0 40px; background:#edf1f5;}
#footer .container > a {display:inline-block; color:#403a3a; margin-right:15px; font-size:13px; line-height:1;font-weight:500;}
#footer p {display:inline-block; font-size:13px; color:#818181; line-height:1;}
#footer span {display:inline-block; font-size:13px; color:#818181; line-height:1; margin-top:15px; margin-bottom:15px; margin-right:7px; padding-right:7px;}
#footer span a {display:inline-block; color:#818181; position:relative;}
#footer span a::after {content: ''; display:block; position:absolute; right:0; height:100%; width:1px; background:#dedede; top:0;}
#footer p.copy {display:block;}

/* 헤더 - inc/main_top.php */
#header {padding:20px 0; background:#edf1f5;}
#header a img {display:block; width:100%;}
#header a.logo {display:inline-block; max-width:90px;}
#header a.alarm {display:block; max-width:20px; float:right;}


/* 스플래시 */
#splash img {display:block; margin:0 auto; width:100%;}

/* 입주민홈 - index_1.php */
/* 입주민홈 - index_3.php */
#main {background:#edf1f5;}
#main .container {padding-bottom:20px;}
#main .info_box {background:url('../img/infobox_bg.png')no-repeat right center; background-size:contain; padding:30px 0 35px 20px;}
#main .info_box p {font-size:20px; font-weight:300; margin-bottom:20px; line-height:1.4em;}
#main .info_box p a {display:table; font-weight:500; border-bottom:1px solid #000; padding-right:16px; background:url('../img/ico_my.png')no-repeat right center; background-size:7px;}
#main .info_box span {font-size:13px; display:block; font-wehgit:500;}
#main .info_box button#select {display:inline-block; box-sizing:border-box; padding-right:15px; background:url('../img/ico_triangle.png')no-repeat right center; background-size:6px; font-size:13px; font-wehgit:500;}
#main .menu_box {}
#main .menu_box ul {display:table; margin:20px auto 35px;}
#main .menu_box ul::after {}
#main .menu_box ul li {position: relative; margin-bottom:30px; float:left; width:25%;}
#main .menu_box ul li .point {display: block; width: 15px; height: 15px; position: absolute; background: #ff0000; border-radius: 50%; top: -3px; right: 27px;}
#main .menu_box ul li:nth-of-type(n+5):nth-of-type(-n+8) {margin-bottom:0;}
#main .menu_box ul li a {display:block;}
#main .menu_box ul li a img {display:block; margin:0 auto 10px; width:40%;}
#main .menu_box ul li a p {font-size:13px; font-weight:500; text-align:center;}
#main .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:unset; left:unset; width:unset; right:25px; top:15px;}
#main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 3px;}
#main .swiper-pagination-bullet {width:7px; height:7px; border-radius: 10px;}
#main .swiper-pagination-bullet.swiper-pagination-bullet-active {width:15px; background-color:#008aad;}
#main .board_box {padding: 25px 0; background:#fff; border-radius:10px; margin-bottom:20px; box-shadow: 0 0 20px -10px rgb(0 0 0 / 20%);}
#main .board_box a {display:block; background:url('../img/ico_more.png')no-repeat right center; font-size:13px; background-size:5px; color:#000;}
#main .board_box .notice {margin-bottom:20px; border-bottom:1px solid #edf1f5; padding-bottom:20px;}
#main .board_box .notice .contents > a {font-size:18px; margin-bottom:20px; font-weight:500;}
#main .board_box .notice dl {margin-bottom:10px;}
#main .board_box .notice dl::after {content:''; display:block; visibility:hidden; clear:both;}
#main .board_box .notice dl dt {float:left; max-width:75%; font-size:13px; color:#818181;}
#main .board_box .notice dl dd {float:right; font-size:12px; color:#acacac;}
#main .banner_slider {overflow:hidden; position:relative;}
#main .swiper-slide {border-radius:10px; overflow:hidden;}
#main .banner_slider img {display:block; width:100%;}

#main .accordion_wrap {box-sizing:border-box; padding:25px 20px; background:#fff; border-radius:10px; margin-top:20px;}
#main .accordion_wrap .que {position: relative; cursor: pointer;}
#main .accordion_wrap .que span {font-size:18px; font-wehgit:500; color:#000; background:url('../img/ico_off.png')no-repeat right center; display:block; background-size:12px;}
#main .accordion_wrap .que.on > span {background:url('../img/ico_on.png')no-repeat right center; background-size:12px;}
#main .accordion_wrap .anw {display: none; overflow: hidden; font-size: 14px; padding-top:25px;}
#main .accordion_wrap .anw dl {margin-bottom:10px;}
#main .accordion_wrap .anw dl:last-of-type {margin-bottom:0;}
#main .accordion_wrap .anw dl::after {content: ''; display:block ; visibility:hidden; clear:both;}
#main .accordion_wrap .anw dl dt {float:left; font-size:13px; color:#818181; opacity:.6; line-height:1.2em;}
#main .accordion_wrap .anw dl dd {float:right; font-size:13px; line-height:1.2em;}

#main .user_provision .chk_box{position:relative;}
#main .user_provision .chk_box label {display:block; font-size:13px; color:#000; background:url("../img/ico_checkoff.png") right center no-repeat; background-size:15px auto; line-height:21px; padding-right: 15px;}
#main .user_provision .chk_box input[type="checkbox"]:checked + label,
#main .user_provision .chk_box input[type="radio"]:checked + label{background:url("../img/ico_checkon.png") right center no-repeat; background-size:15px auto;}



/* 입주민 회원가입 - 01/join_resident.php */
/* 아이디 찾기 - 01/find_id.php */
/* 비밀번호 찾기 - 01/find_pw.php */
/* 마이페이지 - 02/mypage.php */
/* 임직원 회원가입 - 03/join_staff.php */
#join {padding-bottom:40px; background:#fff;}
#join .user_provision .chk_box {position:relative;}
#join .user_provision .chk_box label {display:block; font-size:13px; background:url("../img/ico_checkoff1.png") left center no-repeat; background-size:20px auto; padding-left:30px; line-height:20px;}
#join .user_provision .chk_box input[type="radio"]:checked + label {background:url("../img/ico_checkon1.png") left center no-repeat;background-size:20px auto;}
#join .user_provision .chk_box input[type="checkbox"]:checked + label {background:url("../img/ico_checkon1.png") left center no-repeat;background-size:20px auto;}
.nece {position:relative; margin-bottom:35px;}
.nece:first-of-type {padding-top:30px;}
.nece:last-of-type {margin-bottom:50px;}
.nece span {display:inline-block; padding-right:10px; font-size:13px; font-weight:500; margin-bottom:10px; line-height:1;}
.nece span {position:relative;}
.nece span::after {content:'*'; color:#1bbcaa; position:absolute; right:0; top:0; font-size:13px;}
.nece.in span::after {display:none;}
.nece button.check {position:absolute; right:0; bottom:10px; font-size:13px; font-weight:500; color:#1bbcaa;}
.nece button.search {position:absolute; right:0; bottom:10px; width:16px; height:16px; background:url('../img/ico_search.png')no-repeat center; background-size:contain;}
.nece.date_box button {position:absolute; right:0; bottom:10px; width:16px; height:16px; background:url('../img/ico_date.png')no-repeat center; background-size:contain; font-size: 0;}
.nece ul {margin-top:10px;}
.nece ul::after {content:''; display:block; visibility:hidden; clear:both;}
.nece ul li {float:left; margin-right:30px;}
#find {height:calc(100vh - 168px); position:relative;}
#find .container {position:unset;}
#find .btn {/*position:absolute;*/ bottom:40px; left:20px; width: 100%;/*width:calc(100% - 40px);*/}

/* 설정 - 02/setting.php */
#setting {height:calc(100vh - 58px);}
#setting .box {padding:20px 0 30px; position:relative; border-bottom:1px solid #eee;}
#setting .box p {font-size:15px; margin-bottom:10px;}
#setting .box span {display:inline-block; font-size:13px; color:#a1a1a1;}
#setting .box a {display:block; position:absolute; right:0; top:35px; width:7px; height:12px;}
#setting .box a img {display:block; width:100%;}
#setting .box .switch {position:absolute; right:0; top:25px;}
#setting .box.ver {border-bottom:0;}
#setting .box.ver p {display:inline-block;}
#setting .box.ver span {float:right;}
#setting > p {color:#a1a1a1; font-size:13px; text-align:center; line-height:1.4em; position:absolute; left:50%; transform:translateX(-50%); bottom:105px; width:100%;}
#setting > p a {display:inline-block; border-bottom:1px solid #1cbcab; color:#1cbcab; font-weight:500;}
#setting .btn {position:absolute; bottom:40px; left:20px; width:calc(100% - 40px);}
#setting .switch input[switch] {display: none;}
#setting .switch input[switch] + label { float:right;font-size: 1em; line-height:1; width:40px; height:14px; background:#baebe6; border-radius:50px; cursor: pointer; display: inline-block; position: relative; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
#setting .switch input[switch] + label:before {text-transform: uppercase; color: #b7b7b7; content:''; display: block; font-family: inherit; font-weight: 500; font-size: 0.7rem; line-height: 1.74rem; position: absolute; right: 0.21667rem; margin: 0.21667rem; top: 0; text-align: center; min-width: 1.66667rem; overflow: hidden; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
#setting .switch input[switch] + label:after {content: ''; position: absolute; right:0; top:-3.5px; background:#1cbcab; border-radius:50%; height:20px; width:20px; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
#setting .switch input[switch]:checked + label {background-color:#dfdfdf;}
#setting .switch input[switch]:checked + label:before {color: #fff; content:''; right:0; left:unset; background:#1cbcab;top:-2.5px;}
#setting .switch input[switch]:checked + label:after {left: 0; background-color:#b5b5b5; top:-3.5px;}
#setting .switch.all {padding-top:20px;}
#setting .switch.all input[switch]:checked + label:after {background:#fff; box-shadow: 0 0 20px 10px rgb(0 0 0 / 5%);}




/* 관리비 내역 - 04/maintenance.php */
#maintenance .container {}
#maintenance .tabs input[type=radio] {display: none;}
#maintenance .tabs label {display: block; float: left; width:50%; text-align: center; font-size:15px; font-weight:500; line-height:50px; color:#cecece; cursor: pointer; border-bottom:2px solid #cecece;}
#maintenance .tabs [id^="tab"]:checked + label {color:#1cbcab; border-bottom:2px solid #1cbcab;}
#maintenance .tab-content {display: none; float: left; width:100%; padding:15px 20px;}
#maintenance #tab1:checked ~ #tab-content1,
#maintenance #tab2:checked ~ #tab-content2{display: block;}
#maintenance .tab-content .box {display:block; padding:20px 0; border-bottom:1px solid #f7f7f7;}
#maintenance .tab-content .box:last-of-type {border-bottom:0;}
#maintenance .tab-content .box dl {line-height:22px; margin-bottom:10px; padding:0 5px;}
#maintenance .tab-content .box dl::after {content:''; display:block; visibility:hidden; clear:both;}
#maintenance .tab-content .box dl dt {font-size:17px; float:left; font-weight:500; line-height:1;}
#maintenance .tab-content .box dl dd {float:right; width:65px; text-align:center; border-radius:5px; background:#e8f0fe; color:#1a73e8; font-size:13px; font-weight:500;}
#maintenance .tab-content .box dl dd a {display:block; color:#1a73e8;}
#maintenance .tab-content .box dl dd p {display:block; color:#1a73e8;}
#maintenance .tab-content .box span {display:block; box-sizing:border-box; padding-left:25px; background:url('../img/ico_date.png')no-repeat left 5px center; background-size:14px; font-size:13px; color:#acacac; line-height:1.2em;}

/* 관리비공지_관리비내역상세 - 04/maintenance_detail1.php */
#maintenance_detail .container {padding-bottom:30px;}
#maintenance_detail .top_box {margin:30px auto; padding:25px 0; border-radius:6px; background:#1cbcab;}
#maintenance_detail .top_box::after {content:''; display:block; visibility:hidden; clear:both;}
#maintenance_detail .top_box .left {float:left; width:26.5%;}
#maintenance_detail .top_box .left p {color:#fff; font-size:18px; font-weight:500; text-align:center;}
#maintenance_detail .top_box .left p span {display:block; font-size:12px; margin-bottom:10px; color:#fff;}
#maintenance_detail .top_box .right {float:left; width:calc(100% - 26.5%); padding-left:25px; padding-right:25px; position:relative;}
#maintenance_detail .top_box .right:before {content:''; display:block; width:1px; height:100%; background:#18a092; position:absolute; left:0; top:0;}
#maintenance_detail .top_box .right:after {content:''; display:block; width:1px; height:100%; background:#33c3b4; position:absolute; left:0; top:1px;}
#maintenance_detail .top_box .right dl {overflow:hidden; margin-bottom:10px;}
#maintenance_detail .top_box .right dl:last-of-type {margin-bottom:0;}
#maintenance_detail .top_box .right dl dt {float:left; color:#fff; opacity:.7; font-size:12px;}
#maintenance_detail .top_box .right dl dd {float:right; font-size:11px; color:#fff;}
#maintenance_detail .top_box .right dl dd span {display:inline-block; font-size:14px; color:#fff;}
#maintenance_detail .tit {font-size:16px; font-weight:500; margin-bottom:15px;}

#maintenance_detail .box {border-radius:6px; background:#fff; box-shadow:0px 3px 32px 0px rgba(0, 0, 0, 0.1); margin-bottom:30px; padding:25px 0;}
#maintenance_detail .box:last-of-type {margin-bottom:0;}
#maintenance_detail .box .inner {padding:0 20px;}
#maintenance_detail .box dl {overflow:hidden; margin-bottom:22px;}
#maintenance_detail .box dl dt {float:left; width:50%; font-size:13px; color:#b3b3b3;}
#maintenance_detail .box dl dd {float:right; width:50%; color:#000; font-weight:500; text-align:right; font-size:13px;}
#maintenance_detail .box dl.total {margin-bottom:0; padding:25px 20px 0; border-top:1px solid #f7f7f7;}
#maintenance_detail .box dl.total dt {}
#maintenance_detail .box dl.total dd {}
#maintenance_detail .box dl.total dd span {display:inline-block; font-size:15px; font-weight:600;}
#maintenance_detail .box dl.green dd,
#maintenance_detail .box dl.green dd span {color:#1cbcab;}
#maintenance_detail .box dl.red dd,
#maintenance_detail .box dl.red dd span {color:#ff303a;}

#maintenance_detail .tabs input[type=radio] {display: none;}
#maintenance_detail .tabs label {display: block; float: left; width:50%; text-align: center; font-size:15px; font-weight:500; line-height:50px; color:#cecece; cursor: pointer; border-bottom:2px solid #cecece; background: #fff;}
#maintenance_detail .tabs [id^="tab"]:checked + label {color:#1cbcab; border-bottom:2px solid #1cbcab;}
#maintenance_detail .tab-content {display: none; float: left; width:100%; padding:15px 20px;}
#maintenance_detail #tab1:checked ~ #tab-content1,
#maintenance_detail #tab2:checked ~ #tab-content2{display: block;}

#maintenance_detail strong {display:block; font-size:16px; font-weight:500; padding:20px 5px 15px; border-bottom:2px solid #000;}
#maintenance_detail table {border-collapse:collapse;border-spacing:0; width:100%;}
#maintenance_detail table td {line-height:50px; font-size:13px; text-align:center;}
#maintenance_detail table tr {border-bottom:1px solid #f7f7f7;}
#maintenance_detail table thead tr td {font-weight:600;}
#maintenance_detail table tbody tr td {color:#818181;}
#maintenance_detail table span {display:inline-block; margin:0 auto; font-size:11px; line-height:22px; padding:0 12px; border-radius:5px; font-weight:500;}
#maintenance_detail table .red span {color:#ff303a;background:#fee8e8;}
#maintenance_detail table .done span {color:#818181; background:#f1f1f1;}
#maintenance_detail table .blue span {color:#1a73e8; background:#e8f0fe;}
#maintenance_detail span.cution {color:#1cbcab; font-size:13px; padding-left:20px; background:url('../img/ico_cution.png')no-repeat left center; background-size:15px; margin-bottom:0; margin-top:15px; line-height: 15px; margin:20px 0; display:block;}
#maintenance_detail img {display:block; width:100%;}

/* 주차관리_입주차량확인 - 05/vehicle */
#vehicle {height:100vh; background:#f8f9fb;}
#vehicle .container:first-of-type {padding:35px 20px 30px; background:#fff;}
#vehicle .tabs {padding-top:30px;}
#vehicle .tabs input[type=radio] {display: none;}
#vehicle .tabs label {display: block; float: left; width:calc(48.5% - 20px); margin-right:3%; text-align: center; font-size:15px; font-weight:500; line-height:50px;  cursor: pointer; background:#fff; border-radius:5px; margin-left:20px; box-sizing:border-box;}
#vehicle .tabs label:nth-of-type(2n) {margin-right:0; margin-left:0;}
#vehicle .tabs label:nth-child(n+1):nth-child(-n+2) {margin-bottom:10px;}
#vehicle .tabs [id^="tab"]:checked + label {color:#1cbcab; border:1px solid #1cbcab; }
#vehicle #tab1:checked ~ #tab-content1,
#vehicle #tab2:checked ~ #tab-content2,
#vehicle #tab3:checked ~ #tab-content3,
#vehicle #tab4:checked ~ #tab-content4 {display: block;}
#vehicle .tab-content {display: none; float: left; width:100%; padding:0 20px 15px; background:#fff; margin-top:30px;}
#vehicle .tab-content .nece {margin-top:20px; margin-bottom:25px;}
#vehicle .tab-content#tab-content1 .nece input[type="text"] {height:50px; line-height:50px; border-bottom-color:#4c4c4c;}
#vehicle .tab-content .box {border-bottom:1px solid #f7f7f7; padding: 25px 5px; position:relative;}
#vehicle .tab-content .box::after {content:''; display:block; visibility:hidden; clear:both;}
#vehicle .tab-content .box:last-of-type {border-bottom:0;}
#vehicle .tab-content .box > div {float:left;}
#vehicle .tab-content .box .wrap {max-height:90px; min-height:90px; min-width:90px; max-width:90px; overflow:hidden; border-radius:50%; border: 1px solid #e2e2e2;margin-right:15px;}
#vehicle .tab-content .box .wrap img {display:block; width:100%;}
#vehicle .tab-content .box > div p {font-size:17px; font-weight:600; line-height:1; margin-bottom:10px;}
#vehicle .tab-content .box > div span.add {color:#818181; display:block; font-size:13px; margin-bottom:5px;}
#vehicle .tab-content .box > div span.info {color:#818181; display:inline-block; font-size:13px; margin-left:5px; padding-left:5px; border-left:1px solid #dedede;}
#vehicle .tab-content .box > div span:nth-of-type(2) {border-left:0; padding-left:0; margin-left:0;}
#vehicle .tab-content .box > div b {font-weight:400; font-size:13px; color:#c7c7c7; display:block; margin-top:15px;}
#vehicle .tab-content .box a.call {display:block; width:15px; height:15px; position:absolute; right:5px; top:25px;}
#vehicle .tab-content .box a.del {display:block; width:11px; height:15px; position:absolute; right:5px; top:25px;}
#vehicle .tab-content .box a img {display:block; width:100%;}


#vehicle #tab-content3.tab-content strong {display:block; font-size:17px; line-height:1.4em; font-weight:500; margin-bottom:30px; margin-top:35px;}
#vehicle #tab-content3.tab-content .filebox label {display:inline-block; color:#1cbcab; vertical-align:middle; border:1px solid #1cbcab; border-radius:5px; width:100%; line-height:40px; height:40px; font-size:18px; margin:unset; margin-top:10px;}
#vehicle #tab-content3.tab-content .filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
#vehicle #tab-content3.tab-content span.cution {color:#1cbcab; font-size:13px; padding-left:20px; background:url('../img/ico_cution.png')no-repeat left center; background-size:15px; margin-bottom:0; margin-top:15px; line-height: 15px;}
#vehicle #tab-content3.tab-content span.cution::after {display:none;}
#vehicle .tab-content#tab-content3 .nece.date::before {content:'~'; display:block; position:absolute; left:50%; bottom:10px; color:#000; font-size:13px; transform:translateX(-50%);}
#vehicle .tab-content#tab-content3 .nece::after {content: ''; display:block; visibility:hidden; clear:both;}
#vehicle .tab-content#tab-content3 .nece input[type="text"].left { float:left;width:47%; margin-right:6%;}
#vehicle .tab-content#tab-content3 .nece input[type="text"].right {width:47%; float:left;}
#vehicle .tab-content#tab-content3 .btn {width:calc(100% + 40px); margin-left:-20px; border-radius:0;}


/* 비상연락망 - 06/call_list.php */
#call_list {height:calc(100vh - 58px); overflow-y:scroll; background:#f8f9fa;}
#call_list .container {padding-top:20px;}
#call_list .box {display:block; border-radius:10px; background:#fff; padding:25px 20px; box-shadow: 1px 1px 10px rgb(0 0 0 / 5%); margin-bottom:10px; position:relative;}
#call_list .box:last-of-type {margin-bottom:0;}
#call_list .box dl {line-height:22px; margin-bottom:10px;}
#call_list .box dl::after {content:''; display:block; visibility:hidden; clear:both;}
#call_list .box dl dt {font-size:16px; float:left; font-weight:500; line-height:1; margin-right:10px; line-height:22px;}
#call_list .box dl dd {float:left;}
#call_list .box dl dd button {color:#1a73e8; display:inline-block; width:65px; font-size:11px; text-align:center; border-radius:5px; background:#e8f0fe;  font-weight:500; line-height:22px;}
#call_list .box span {display:block;font-size:13px; color:#acacac; line-height:1; margin-top: 10px;}
#call_list .box a.call {display:block; width:20px; height:20px; position:absolute; right:20px; top:50%; transform:translateY(-50%);}
#call_list .box a.call img {display:block; width:100%;}
.notifyModal {position:fixed;z-index:9;background:rgba(0,0,0,0.7);opacity:0;cursor:pointer;transition:all 200ms ease}
.notifyModal.overlay {top:0;left:0; width:100%; height:100vh;}
.notifyModal.open {opacity:1}
.notifyModal .notifyModal_content {position:absolute; background:#fff; width:90%; padding:25px; margin:auto; transition:all 200ms ease; border-radius: 10px; top:35%; left:5%;}
.notifyModal .notifyModal_content p {font-size:16px; font-weight:500;}
.notifyModal .notifyModal_content p span {display:block; color:#acacac; font-size:13px; margin:10px 0 40px; font-weight:300;}
.notifyModal .notifyModal_content dl {margin-bottom:10px;}
.notifyModal .notifyModal_content dl::after {content:''; display:block; visibility:hidden; clear:both;}
.notifyModal .notifyModal_content dl dt {float:left; width:90px; font-size:13px; color:#acacac;}
.notifyModal .notifyModal_content dl dd {float:left; font-size:13px;}
.notifyModal .notifyModal_content dl dd a {display:block; font-size:13px;}
.notifyModal .notifyModal_content .close {background:url(../img/ico_close1.png) no-repeat center; background-size:contain; width:15px; height:15px; position:absolute; right:25px; top:25px;}


/* 순회점검표 - 07/check */
#check {background:#f8f9fb;}
#check .container {padding:35px 20px 40px;}
#check .btn {margin:0 0 50px;}
#check .custom_calendar_table {border-radius:10px; background-color:#fff; padding:20px 15px;}
#check .custom_calendar_table .cal_date p {font-size:16px; font-weight:600; line-height:45px;}
#check .custom_calendar_table td {text-align: center;}
#check .custom_calendar_table thead.cal_date th {font-size: 15px;}
#check .custom_calendar_table thead.cal_date th button.prev {background:url('../img/ico_date1.png')no-repeat center; background-size:6px; width:45px; height:45px;transform:rotate(180deg); opacity:.6;}
#check .custom_calendar_table thead.cal_date th button.next {background:url('../img/ico_date1.png')no-repeat center; background-size:6px; width:45px; height:45px;}
#check .custom_calendar_table thead.cal_week th {font-size:15px;color: #a1a1a1; font-weight:normal; line-height: 35px;}
#check .custom_calendar_table thead.cal_date th:first-of-type {text-align:right;}
#check .custom_calendar_table thead.cal_date th:last-of-type {text-align:left;}
#check .custom_calendar_table tbody td {cursor: pointer; line-height:47px; width:50px; font-size:15px; position: relative;}
#check .custom_calendar_table tbody td:nth-child(1),
#check .custom_calendar_table thead.cal_week th:nth-child(1) {color:#fe2e6a;}
#check .custom_calendar_table tbody td.select_day {background-color:#fd2e69; color: #fff; border-radius:50%;}
#check .info .container {background:#fff;}
#check .info .container span {font-size:18px; font-weight:500; line-height:1; margin-bottom:25px; display:block;}
#check .info .container a.info_go {font-size:12px; color:#818181; font-weight:300; display:inline-block; padding-right:12px; background:url('../img/ico_more.png')no-repeat right center; line-height:12px; position:absolute; right:20px; top:40px; background-size:4px;}
#check .info .container .user_provision .chk_box{position:relative;}
#check .info .container .user_provision .chk_box label {display:block; font-size:13px; color:#000; background:url("../img/ico_checkoff.png") right center no-repeat; background-size:15px auto; line-height:1; margin-bottom:10px;}
#check .info .container.user_provision .chk_box input[type="checkbox"]:checked + label {background:url("../img/ico_checkon.png") right center no-repeat; background-size:15px auto;}
#check .info .container > div:last-of-type .chk_box label {margin-bottom:0;}




/* 순회점검표_일정등록 - 07/check_register */
#check_register .container {padding-top:20px;}
#check_register textarea {box-shadow:unset; border: 1px solid #eee; border-radius:10px; max-height:125px; overflow-y:scroll; resize: none;}
#check_register a.add {display:table; margin:0 auto 40px; font-size:13px; box-sizing:border-box; padding-left:25px; line-height:20px; background:url('../img/ico_add.png')no-repeat left center; background-size:20px;}
#check_register .nece:nth-of-type(3) {margin-bottom:20px;}
#check_register .filebox label {display:inline-block; color:#1cbcab; vertical-align:middle; border:1px solid #1cbcab; border-radius:5px; width:100%; line-height:40px; height:40px; font-size:18px; margin:unset; text-align:center;}
#check_register .filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
#check_register span.cution {color:#1cbcab; font-size:13px; padding-left:20px; background:url('../img/ico_cution.png')no-repeat left center; background-size:15px; margin-bottom:0; margin-top:15px; line-height: 15px;}
#check_register span.cution::after {display:none;}
#check_register .thumb_list.reg {margin-bottom:40px;}
#check_register .thumb_list.reg ol::after {content:''; display:block; visibility:hidden; clear:both;}
#check_register .thumb_list.reg ol li {position:relative; float:none; display: inline-block; width:17.8%; margin-right:1.5%; border-radius:10px; overflow:hidden;}
#check_register .thumb_list.reg ol li:last-of-type {margin-right:0;}
#check_register .thumb_list.reg ol li img {display:block; width:100%;}
#check_register .thumb_list.reg ol li a {position:absolute; right:3px; top:3px; width:20px; height:20px;}
#check_register .thumb_list.reg:nth-child(5n) {margin-right: 0;}


/* 순회점검표_일정등록 - 07/check_detail */
#check_detail {background: #f8f9fb;}
#check_detail strong {display:block; margin-bottom:25px; font-size:19px; font-weight:500; line-height:1;}
#check_detail .container:first-of-type {padding-top:25px;}
#check_detail a.wright {position:absolute; right:25px; top:25px; width:25px; height:25px; background:#fff; border-radius:5px; box-shadow: 1px 1px 10px 0px rgb(0 0 0 / 10%);}
#check_detail a.wright img {display:block; margin:7px auto 0; max-width:12px;}
#check_detail .box {box-shadow: 1px 1px 10px rgb(0 0 0 / 5%); display:block; padding:25px 20px; background:#fff; border-radius:10px; margin-bottom:10px;}
#check_detail .box span {display:block; font-size:16px; margin-bottom:15px;}
#check_detail .box p {font-size:13px; color:#818181; line-height:1.4em; max-height:4.2em; overflow: hidden;}
#check_detail .thumb_list {margin-bottom:40px;}
#check_detail .thumb_list ol::after {content:''; display:block; visibility:hidden; clear:both;}
#check_detail .thumb_list ol li {position:relative; float:left; width:18.8%; margin-right:1.5%; border-radius:10px; overflow:hidden;}
#check_detail .thumb_list ol li:last-of-type {margin-right:0;}
#check_detail .thumb_list ol li:nth-child(5n) {margin-right:0;}
#check_detail .thumb_list ol li img {display:block; width:100%;}
/*#check_detail .thumb_list ol li a {position:absolute; right:3px; top:3px; width:20px; height:20px;}*/
#check_detail span.cution {display:block; color:#1cbcab; font-size:13px; padding-left:20px; background:url('../img/ico_cution.png')no-repeat left center; background-size:15px; margin-bottom:80px; margin-top:15px; line-height: 15px;}
#check_detail span.cution::after {display:none;}
#check_detail .re {background:#f8f9fb;}
#check_detail .re strong {margin-bottom:30px;}
#check_detail .re strong span {display:inline-block; color:#1cbcab;}
#check_detail .re .container {padding:35px 20px 30px;}
#check_detail .re .re1 {padding-left:20px; margin-bottom:20px;}
#check_detail .re .re2 {padding-left:20px; margin-left:35px; margin-bottom:20px;}
#check_detail .re span.name {font-size:13px; display:inline-block; margin-right:10px; font-weight:500;}
#check_detail .re span.date {display:inline-block; font-size:10px; color:#a1a1a1;}
#check_detail .re a.modi {display:inline-block; width:10px; height:10px; margin-left:5px;}
#check_detail .re a.modi img {display:block; width:100%;}
#check_detail .re p.text {display:table; margin-bottom:10px; margin-top:10px; font-size:13px; color:#818181; padding:10px 20px;background:#fff; border-radius:10px; position:relative;}
#check_detail .re p.text::after {content:''; display:block; position:absolute; left:0; top:-3px; width:7px; height:7px; background:url('../img/bull.png')no-repeat center; background-size:contain;}
#check_detail .re p.text span {font-size:13px; display:inline-block; margin-right:10px; font-weight:500;}
#check_detail .re ul::after {content:''; display:block; visibility:hidden; clear:both;}
#check_detail .re ul li {float:left; line-height:1;}
#check_detail .re ul li a {display:block; font-size:13px; color:#818181; margin-left:10px; padding-left:10px; border-left:1px solid #ddd;}
#check_detail .re ul li:first-of-type a {padding-left:0; margin-left:0; border-left:0;}
#check_detail .re .re_box {position:relative;}
#check_detail .re .re_box input[type="text"] {border-bottom:0; line-height:50px; height:50px; box-sizing:border-box; padding:0 55px 0 20px;}
#check_detail .re .re_box button {position:absolute; right:20px; top:10px; width:30px; height:30px;}
#check_detail .re .re_box button img {display:block; width:100%;}
#check_register .thumb_list {margin-bottom:40px;}
#check_register .thumb_list ol::after {content:''; display:block; visibility:hidden; clear:both;}
#check_register .thumb_list ol li {position:relative; float:left; width:18.8%; margin-right:1.5%; border-radius:10px; overflow:hidden;}
#check_register .thumb_list ol li:last-of-type {margin-right:0;}
#check_register .thumb_list ol li img {display:block; width:100%;}
#check_register .thumb_list ol li a {position:absolute; right:3px; top:3px; width:20px; height:20px;}





/* 민원(A/S)접수 - 08/after_service.php */
#after_service {background: #f8f9fb; height: calc(100vh - 58px); overflow-y:scroll;}
#after_service strong {display:block; margin-bottom:25px; font-size:19px; font-weight:500; margin-top:35px; line-height:1;}
#after_service strong span {display:inline-block; font-size:19px; font-weight:500; margin-left:3px; color:#1cbcab;}
#after_service .tabs.cf input[type=radio]#tab1, #after_service .tabs.cf input[type=radio]#tab2 {display: none;}
#after_service .tabs.cf label.tab1, #after_service .tabs.cf label.tab2 {display: block; float: left; width:50%; text-align: center; font-size:15px; font-weight:500; line-height:50px; color:#cecece; cursor: pointer; border-bottom:2px solid #f7f7f7; background:#fff;}
#after_service .tabs.cf [id^="tab"]:checked + label {color:#1cbcab; border-bottom:2px solid #1cbcab;}
#after_service .tab-content {display: none; float: left; width:100%;}
#after_service #tab1:checked ~ #tab-content1,
#after_service #tab2:checked ~ #tab-content2{display: block;}
#after_service .tab-content#tab-content1 .nece::after {content:''; display:block; visibility:hidden; clear:both;}
#after_service .tab-content#tab-content1 .nece span {display:block;}
#after_service .tab-content#tab-content1 select {float:left; width:44.5%; background:transparent;}
#after_service .tab-content#tab-content1 select:last-of-type {margin-left:11%;}
#after_service .tab-content#tab-content1 textarea {box-shadow:unset; border: 1px solid #eee; border-radius:10px; max-height:125px; overflow-y:scroll;}
#after_service .tab-content#tab-content1 input {background:transparent; width:44.5%; float:left;}
#after_service .tab-content#tab-content1 #ea_position {float:none; width:100%;}
#after_service .tab-content#tab-content1 input[type="date"] {height:35px; font-size:13px;}
#after_service .tab-content#tab-content1 .filebox label {display:inline-block; color:#1cbcab; vertical-align:middle; border:1px solid #1cbcab; border-radius:5px; width:100%; line-height:40px; height:40px; font-size:18px; margin:unset; text-align:center;background:transparent;}
#after_service .tab-content#tab-content1 .filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
#after_service .tab-content#tab-content1 .btn {border-radius:0; /*position:absolute;*/ bottom:0; left:0;}



#after_service .tab-content#tab-content2 {padding:15px 20px;}
#after_service .tab-content#tab-content2 .box {box-shadow: 1px 1px 10px rgb(0 0 0 / 5%); display:block; padding:20px; background:#fff; border-radius:10px; margin-bottom:10px;}
#after_service .tab-content#tab-content2 .box dl {line-height:22px; margin-bottom:10px;}
#after_service .tab-content#tab-content2 .box dl::after {content:''; display:block; visibility:hidden; clear:both;}
#after_service .tab-content#tab-content2 .box dl dt {font-size:17px; float:left; font-weight:500; line-height:1;}
#after_service .tab-content#tab-content2 .box dl dd {float:right; width:65px; font-size:13px; text-align:center; border-radius:5px; font-weight:500;}
#after_service .tab-content#tab-content2 .box dl dd.ing {background:#e8f0fe; color:#1a73e8;}
#after_service .tab-content#tab-content2 .box dl dd.con {background:#e8f0fe; color:#1a73e8;}
#after_service .tab-content#tab-content2 .box dl dd.red {background:#fee8e8; color:#ff303a;}
#after_service .tab-content#tab-content2 .box dl dd.comp {background:#ebebeb; color:#757575;}
#after_service .tab-content#tab-content2 .box span {display:inline-block; box-sizing:border-box; font-size:13px; color:#acacac; line-height:1.2em;}
#after_service .tab-content#tab-content2 .box span.date {background:url('../img/ico_date.png')no-repeat left center; background-size:14px; padding-left:20px; }
#after_service .tab-content .box b {float: right; font-size:13px; color:#acacac; text-align:right; font-weight:400;}


#after_service .tab-content#tab-content2 .container.fff {padding:30px 25px; margin-bottom:10px; background:#fff;}
#after_service .tab-content#tab-content2 .title {border-bottom:1px solid #eee; padding:20px 25px; background:#fff; position:relative;}
#after_service .tab-content#tab-content2 .title p {font-size:17px; margin-bottom:15px; line-height:1;}
#after_service .tab-content#tab-content2 .title span {display:inline-block; font-size:13px; color:#c8c8c8; line-height:1;}
#after_service .tab-content#tab-content2 .title b {display:inline-block; font-weight:400; font-size:12px; line-height:22px; position:absolute; right:25px; /*bottom:17px;*/ top: 17px; padding:0 5px; border-radius:5px;}
#after_service .tab-content#tab-content2 .title b.ing {background:#e8f0fe; color:#1a73e8;}
#after_service .tab-content#tab-content2 .title b.con {background:#e8f0fe; color:#1a73e8;}
#after_service .tab-content#tab-content2 .title b.red {background:#fee8e8; color:#ff303a;}
#after_service .tab-content#tab-content2 .title b.comp {background:#ebebeb; color:#757575;}
#after_service .tab-content#tab-content2 .detail {padding:35px 0 65px; background:#fff;}
#after_service .tab-content#tab-content2 .detail div {color:#818181; font-size:13px; line-height:1.6em; text-overflow:ellipsis; overflow:hidden;}
#after_service .tab-content#tab-content2 .detail img {display:block; width:100%; margin:20px auto; height: auto !important;}
#after_service .list {background:#f8f9fb;}
#after_service .list .container {padding-bottom:45px; border-bottom:1px solid #eee;}
#after_service .list .container:last-of-type {border-bottom:0;}
#after_service .list strong {padding-left:25px; margin-bottom:5px;}
#after_service .list .tit_box {/*padding-left:35px; background:url('../img/re_cs.png')no-repeat left top;*/ background-size:28px;line-height:28px; margin-bottom:20px; margin-top:25px; position: relative;}
#after_service .list .tit_box span.name {display:block; font-size:13px; margin-right:10px; font-weight:500; line-height:1;}
#after_service .list .tit_box span.date {display:block; font-size:10px; color:#a1a1a1; line-height:1; margin-top:5px;}
#after_service .modify {background:#fff; padding-top:40px;}
#after_service .modify p {font-size:14px; margin:40px 0 20px;}
#after_service .modify p:first-of-type {margin-top:0;}
#after_service .modify ul::after {content:''; display:block; visibility:hidden; clear:both;}
#after_service .modify ul li {float:left; width:70px; margin-right:10px;}
#after_service .modify ul li:last-of-type {margin-right:0;}
#after_service .modify .chk_box label {display:block; font-size:13px; width:100%; text-align:center; line-height:30px; margin-bottom:10px; border:1px solid #000; border-radius:5px;}
#after_service .modify .chk_box input[type="radio"]:checked + label {color:#fff; background:#000;}
#after_service .modify textarea {max-height:125px; overflow-y:scroll; box-shadow:none; border:1px solid #eee;}
#after_service .modify .filebox label {display:inline-block; color:#1cbcab; vertical-align:middle; border:1px solid #1cbcab; border-radius:5px; width:100%; line-height:40px; height:40px; font-size:18px; margin:unset; margin-top:10px; text-align:center; margin-bottom:15px;}
#after_service .modify .filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }

#after_service .modify {margin-bottom:40px;}
#after_service .modify ol::after {content:''; display:block; visibility:hidden; clear:both;}
#after_service .modify ol li {position:relative; float:left; width:18.8%; margin-right:1.5%; border-radius:10px; overflow:hidden;}
#after_service .modify ol li:last-of-type {margin-right:0;}
#after_service .modify ol li img {display:block; width:100%;}
#after_service .modify ol li a {position:absolute; right:3px; top:3px; width:20px; height:20px;}
#after_service .modify .btn {margin-top:40px;}

#after_service .list .detail_box h4 {font-size:15px; margin-bottom:20px; display:block; font-weight:600;}
#after_service .list .detail_box p {font-weight:13px; color:#818181; line-height:1.6em; text-overflow:ellipsis; overflow:hidden;}
#after_service .list .detail_box ul {margin:25px 0;}
#after_service .list .detail_box ul::after {content:''; display:block; visibility:hidden; clear:both;}
#after_service .list .detail_box ul li {position:relative; float:left; width:18.8%; margin-right:1.5%; border-radius:10px; overflow:hidden;}
#after_service .list .detail_box ul li:last-of-type {margin-right:0;}
#after_service .list .detail_box ul li img {display:block; width:100%;}
/*#after_service .list .detail_box ul li a {position:absolute; right:3px; top:3px; width:20px; height:20px;}*/
#after_service .list span.cution {display:block; font-size:13px; padding-left:20px; background:url('../img/ico_cution.png')no-repeat left center; background-size:15px; margin-bottom:30px; text-align:left; color:#1cbcab; line-height:1.4em;}






/* 민원AS접수_만족도후기작성팝업 - 08/as_review.php */
#as_review {height:calc(100% - 58px); overflow-y:scroll;}
#as_review .container {position:unset;}
#as_review .btn {position:absolute; left:20px; bottom:40px; width:calc(100% - 40px);}
#as_review .box {margin-top:35px;}
#as_review .box strong {font-weight:500; font-size:14px; display:block; margin-bottom:15px;}
#as_review .user_provision .chk_box {position:relative;}
#as_review .user_provision .chk_box label {display:block; font-size:13px; background:url("../img/ico_checkoff1.png") left center no-repeat; background-size:20px auto; padding-left:30px; line-height:20px; color:#818181; margin-bottom:10px;}
#as_review .user_provision .chk_box input[type="radio"]:checked + label {background:url("../img/ico_checkon1.png") left center no-repeat;background-size:20px auto; color:#1cbcab;}


/* 입주민투표 - 09/vote.php */
#vote {height:100vh; overflow-y:scroll; background:#f8f9fa;}
#vote .wrap {background:#fff;}
#vote .container:first-of-type {padding:35px 20px 30px;}
#vote > .container {padding:35px 20px 50px;}
#vote strong {display:block; margin-bottom:25px; font-size:19px; font-weight:500;}
#vote strong span {display:inline-block; font-size:19px; font-weight:500; margin-left:3px; color:#1cbcab;}
#vote .box {display:block; border-radius:10px; background:#fff; padding:25px 20px; box-shadow: 1px 1px 10px rgb(0 0 0 / 5%); margin-bottom:10px;}
#vote .box:last-of-type {margin-bottom:0;}
#vote .box dl {line-height:22px; margin-bottom:5px;}
#vote .box dl::after {content:''; display:block; visibility:hidden; clear:both;}
#vote .box dl dt {font-size:17px; float:left; font-weight:500; line-height:1;}
#vote .box dl dd.ing {float:right; width:65px; text-align:center; border-radius:5px; background:#e8f0fe; color:#1a73e8; font-weight:500;}
#vote .box dl dd.end {float:right; width:65px; text-align:center; border-radius:5px; background:#ebebeb; color:#757575; font-weight:500;}
#vote .box span {display:block; box-sizing:border-box; padding-left:20px; background:url('../img/ico_date.png')no-repeat left center; background-size:14px; font-size:13px; color:#acacac; line-height:1.2em;}


/* 입주민투표_투표등록 - 09/vote_register.php */
#vote_register .container {padding:35px 20px 30px;}
#vote_register strong {display:block; margin-bottom:25px; font-size:19px; font-weight:500;}
#vote_register input[type="text"].regi {border:1px solid #eee; border-radius:10px; margin-bottom:10px; position:relative; padding-left:40px; line-height:40px;}
#vote_register input[type="text"].regi:first-of-type {background:url('../img/regi1.png')no-repeat left 9px top 9px; background-size:22px;}
#vote_register input[type="text"].regi:nth-of-type(2) {background:url('../img/regi2.png')no-repeat left 9px top 9px; background-size:22px;}
#vote_register input[type="text"].regi:nth-of-type(3) {background:url('../img/regi3.png')no-repeat left 9px top 9px; background-size:22px;}
#vote_register input[type="text"].regi:nth-of-type(4) {background:url('../img/regi4.png')no-repeat left 9px top 9px; background-size:22px;}
#vote_register input[type="text"].regi:nth-of-type(5) {background:url('../img/regi5.png')no-repeat left 9px top 9px; background-size:22px;}
#vote_register input[type="text"].regi:nth-of-type(6) {background:url('../img/regi6.png')no-repeat left 9px top 9px; background-size:22px;}
#vote_register input[type="text"].regi:nth-of-type(7) {background:url('../img/regi7.png')no-repeat left 9px top 9px; background-size:22px;}
#vote_register input[type="text"].regi:nth-of-type(8) {background:url('../img/regi8.png')no-repeat left 9px top 9px; background-size:22px;}
#vote_register input[type="text"].regi:nth-of-type(9) {background:url('../img/regi9.png')no-repeat left 9px top 9px; background-size:22px;}
#vote_register input[type="text"].regi:nth-of-type(10) {background:url('../img/regi10.png')no-repeat left 9px top 9px; background-size:22px;}
#vote_register a.add {display:table; margin:30px auto 50px; font-size:13px; box-sizing:border-box; padding-left:25px; line-height:20px; background:url('../img/ico_add.png')no-repeat left center; background-size:20px;}
#vote_register a.minus {display:table; margin:10px auto 50px;; font-size:13px; box-sizing:border-box; padding-left:25px; line-height:20px; background:url('../img/ico_del2.png')no-repeat left center; background-size:20px;}
#vote_register .nece:last-of-type {margin-top:25px; margin-bottom:50px;}

/* 입주민투표_상세 - 09/vote_detail.php */


/* 로그인 - 10/login */
#login {background:#fff; height:100vh;}
#login .container {position:absolute; top:45%; left:50%; transform:translate(-50%,-50%);display:flex; justify-content:center; align-items:center; flex-direction:column; height: 100%; background:#fff;}
#login img {display:block; margin:0 auto 85px; max-width:160px;}
#login .id_box {width:100%; position:relative;}
#login .id_box::after {content:''; display:block; visibility:hidden; clear:both;}
#login .id_box input[type="text"] {width:100%; margin-right:6%;}
#login .id_box span {font-size:13px; position:absolute; display:block; top: 50%; left:50%; transform:translate(-50%, -50%);}
#login .id_box select {float:left; width:47%;}
#login .container > input[type="password"] {width:100%;}
#login .container > input[type="password"] {margin-top:15px; margin-bottom:15px;}
#login .btn {margin-bottom:10px; width:100%; font-size: 15px;}
#login .line_btn {margin-bottom:15px;}
#login ul {display:table; margin:0 auto;}
#login ul li {display:inline-block;}
#login ul li a {font-size:13px; color:#a1a1a1; line-height:1; display:block;}
#login ul li:first-of-type a {border-right:1px solid #d8d9db; margin-right:10px; padding-right:10px;}


/* 약관동의  - 10/agreement */
#agreement {}
#agreement .container {margin-top:30px;}
#agreement .user_provision .allchk_box input[type="checkbox"],
#agreement .user_provision .allchk_box label{display:block; font-size:13px; color:#000; line-height:20px; background:url("../img/ico_checkoff2.png") left center no-repeat; background-size:20px auto; padding-left:30px; font-weight:500;}
#agreement .user_provision .allchk_box input[type="checkbox"]:checked + label {background:url("../img/ico_checkon2.png") left center no-repeat; background-size:20px auto;}
#agreement .user_provision .allchk_box span {display:block; padding-left:30px;font-size:13px; color:#a1a1a1; margin:15px 0 20px; line-height:1.4em; padding-bottom:30px; border-bottom:1px solid #eee;}
#agreement .user_provision .chk_box {position:relative; margin-bottom:15px;}
#agreement .user_provision .chk_box label {display:block; font-size:13px; color:#000; background:url("../img/ico_checkoff2.png") left center no-repeat; background-size:20px auto; padding-left:30px; line-height:20px;}
#agreement .user_provision .chk_box input[type="checkbox"]:checked + label {background:url("../img/ico_checkon2.png") left center no-repeat;background-size:20px auto;}
#agreement .user_provision .chk_box a {position:absolute; right:0; top:0; display:inline-block; font-size:13px; color:#a1a1a1; border-bottom:1px solid #a1a1a1; line-height:18px;}
#agreement .btn_box {position: fixed; width:calc(100% - 40px); bottom:50px; left:20px;}
#agreement .btn_box a {margin-top:10px;}
#agreement .btn_box input {margin-top: 10px;}


/* 알림  - 10/alarm_list.php */
#alarm_list {}
#alarm_list .container {margin-top:30px;}
#alarm_list .user_provision .allchk_box {display:inline-block;}
#alarm_list .user_provision .allchk_box input[type="checkbox"] {display:none;}
#alarm_list .user_provision .allchk_box label {display:block; font-size:13px; color:#818181;}
#alarm_list .user_provision a.del {display:inline-block; float:right; font-size:13px; color:#818181;}
#alarm_list .user_provision .chk_box {position:relative;}
#alarm_list .user_provision .chk_box label {display:inline-block; font-size:16px; color:#000; background:url("../img/ico_checkoff2.png") left center no-repeat; background-size:20px auto; padding-left:30px; margin-bottom:15px; position:relative; line-height:20px; padding-right:12px;}
#alarm_list .user_provision .chk_box label.none::after {content:''; display:block; position:absolute; width:6px; height:6px; border-radius:50%; background:#fd2e69; top:2px; right:0; }
#alarm_list .user_provision .chk_box input[type="checkbox"]:checked + label {background:url("../img/ico_checkon2.png") left center no-repeat;background-size:20px auto;}
#alarm_list .user_provision .in_box {padding-top:20px; border-bottom:1px solid #eee;}
#alarm_list .user_provision:last-of-type .in_box {border-bottom:0;}
#alarm_list .user_provision .in_box p {color:#818181; font-size:13px; line-height:1.4em; display: inline-block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; height:4.2em; margin-bottom:15px;}
#alarm_list .user_provision .in_box span {color:#c8c8c8; font-size:13px; line-height:1; font-weight:300; margin-bottom:30px; display:block;}



/* 회원가입신청완료팝업 - 10/join_comp */
#join_comp .container {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);display:flex; justify-content:center; align-items:center; flex-direction:column; height: 100%;}
#join_comp img {display:block; margin:0 auto 50px; max-width:160px;}
#join_comp strong {display:block; font-size:21px; font-weight:500; margin-bottom:30px; text-align:center; line-height:1.2em;}
#join_comp .box {background:#f5f5f5; border-radius:10px; padding:25px; width:100%; margin-bottom:35px;}
#join_comp .box dl {margin-bottom:10px;}
#join_comp .box dl:last-of-type {margin-bottom:0;}
#join_comp .box dl::after {content:''; display:block; visibility:hidden; clear:both;}
#join_comp .box dl dt {font-size:13px; color:#818181; float:left; width:90px;}
#join_comp .box dl dd {font-size:13px; float:left; width:calc(100% - 90px);}
#join_comp span {display:block; font-size:13px; font-weight:500; padding-top:20px; background:url('../img/ico_cution.png')no-repeat center top; background-size:15px; margin-bottom:30px; text-align:center; color:#1cbcab; line-height:1.4em;}
#join_comp .btn_wrap {width:100%;}
#join_comp .btn {margin-bottom:10px;}


/* 공지사항 - 10/notice */
#notice {}
#notice ul {}
#notice ul li {box-sizing:border-box; padding:25px 0; border-bottom:1px solid #eee;}
#notice ul li:last-of-type {border-bottom:0;}
#notice ul li a {display:block;}
#notice ul li a p {font-size:17px; line-height: 1; margin-bottom:15px; display:inline-block; position:relative; padding-right:12px;}
#notice ul li a p.none::after {content:''; display:block; position:absolute; width:6px; height:6px; border-radius:50%; background:#fd2e69; top:2px; right:0; }
#notice ul li a span {display:block; color:#c8c8c8; font-size:13px; line-height:1;}

/* 공지사항 상세 - 10/notice_view */
#notice_view {}
#notice_view .title {border-bottom:1px solid #eee; padding:20px 0 25px;}
#notice_view .title p {font-size:17px; margin-bottom:15px; line-height:1;}
#notice_view .title span {display:inline-block; font-size:13px; color:#c8c8c8; line-height:1;}
#notice_view .title b {display:inline-block; float:right; text-align:right; padding-left:15px; font-weight:400; font-size:13px; color:#c8c8c8; background:url('../img/ico_view.png')no-repeat left center; line-height:1; background-size:13px;}
#notice_view .detail {padding:35px 0 45px;}
#notice_view .detail p {color:#818181; font-size:13px; line-height:1.6em;}
#notice_view .detail img {display:block; width:100%; margin:20px auto; max-width: 100%; height: auto !important;}
#notice_view .re {background:#f8f9fb;}
#notice_view .re .container {padding:35px 20px 30px;}
#notice_view .re .re1 {margin-bottom:20px;}
#notice_view .re .re2 {margin-bottom:20px; margin-left:35px;}
#notice_view .re span.name {font-size:13px; display:inline-block; margin-right:10px; font-weight:500;}
#notice_view .re span.date {display:inline-block; font-size:10px; color:#a1a1a1;}
#notice_view .re a.modi {display:inline-block; width:10px; height:10px; margin-left:5px;}
#notice_view .re a.modi img {display:block; width:100%;}
#notice_view .re p.text {display:table; margin-bottom:10px; margin-top:10px; font-size:13px; color:#818181; padding:10px 20px;background:#fff; border-radius:10px; position:relative;}
#notice_view .re p.text::after {content:''; display:block; position:absolute; left:0; top:-3px; width:7px; height:7px; background:url('../img/bull.png')no-repeat center; background-size:contain;}
#notice_view .re p.text span {font-size:13px; display:inline-block; margin-right:10px; font-weight:500;}
#notice_view .re ul::after {content:''; display:block; visibility:hidden; clear:both;}
#notice_view .re ul li {float:left; line-height:1;}
#notice_view .re ul li a {display:block; font-size:13px; color:#818181; margin-left:10px; padding-left:10px; border-left:1px solid #ddd;}
#notice_view .re ul li:first-of-type a {padding-left:0; margin-left:0; border-left:0;}
#notice_view .re .re_box {position:relative;}
#notice_view .re .re_box input[type="text"] {border-bottom:0; line-height:50px; height:50px; box-sizing:border-box; padding:0 55px 0 20px;}
#notice_view .re .re_box button {position:absolute; right:20px; top:10px; width:30px; height:30px;}
#notice_view .re .re_box button img {display:block; width:100%;}



/* 소식지 - 10/news */
#news {}
#news ul {}
#news ul li {box-sizing:border-box; padding:25px 0; border-bottom:1px solid #eee;}
#news ul li:last-of-type {border-bottom:0;}
#news ul li a {display:block;}
#news ul li a p {font-size:17px; line-height: 1; margin-bottom:15px; display:inline-block; position:relative; padding-right:12px;}
#news ul li a p.none::after {content:''; display:block; position:absolute; width:6px; height:6px; border-radius:50%; background:#fd2e69; top:2px; right:0; }
#news ul li a span {display:block; color:#c8c8c8; font-size:13px; line-height:1;}




/* 분양정보 - 10/sell */
#sell .container {padding-top:20px;}
#sell .container .box {display:block; border-bottom:1px solid #f7f7f7; padding-bottom:25px; margin-top:25px;}
#sell .container .box:last-of-type {border-bottom:0;}
#sell .container .box::after {content:''; display:block; visibility:hidden; clear:both;}
#sell .container .box > div {float:left;}
#sell .container .box .info {width:65.5%;}
#sell .container .box .info strong {display:block; color:#1cbcab; font-size:14px; font-weight:600; line-height:1; margin-bottom:10px;}
#sell .container .box .info strong span {display:inline-block; /*margin-left:3px;*/ color:#000;}
#sell .container .box .info p {font-size:13px; margin-bottom:10px; line-height:1; font-weight:500;}
#sell .container .box .info b {display:block; font-size:13px; font-weight:300; line-height:1; margin-bottom:10px;}
#sell .container .box .info > span {display:block; font-size:13px; color:#818181;}
#sell .container .box .img {width:34.5%; border-radius:10px; overflow:hidden; box-sizing:border-box; border: 1px solid #e2e2e2;}
#sell .container .box .img img {display:block; width:100%;}



/* 분양정보상세 - 10/sell_detail */
#sell_detail .container {padding-top:20px; padding-bottom:65px;}
#sell_detail .container strong {display:block; color:#1cbcab; font-size:14px; font-weight:600; line-height:1; margin-bottom:10px;}
#sell_detail .container strong span {display:inline-block; /*margin-left:3px;*/ color:#000;}
#sell_detail .container p {font-size:13px; margin-bottom:10px; line-height:1; font-weight:500;}
#sell_detail .container > span.date {display:inline-block; font-size:12px; color:#c8c8c8; margin-right:10px; padding-right:10px; border-right:1px solid #c8c8c8; line-height:1;}
#sell_detail .container > span.hit {display:inline-block; font-size:12px; color:#c8c8c8; padding-left:15px; background:url('../img/ico_view.png')no-repeat left center; background-size:14px;}
#sell_detail .container dl:first-of-type {margin-top:20px; border-top:2px solid #000;}
#sell_detail .container dl::after {content:''; display:block; visibility:hidden; clear:both;}
#sell_detail .container dl {border-bottom:1px solid #f7f7f7; padding:20px 0; text-align:left;}
#sell_detail .container dl dt {box-sizing:border-box; padding-left:15px; float:left; width:38%; font-size:13px; font-weight:500;}
#sell_detail .container dl dd {float:left; width:62%; font-size:13px; box-sizing:border-box; padding:0 20px; color:#818181;}
#sell_detail .container .sell_content {margin-top: 20px;}


/* 1:1문의 - 10/inquiry */
#inquiry {background: #f8f9fb; height: calc(100vh - 58px); overflow-y:scroll;}
#inquiry .tabs input[type=radio] {display: none;}
#inquiry .tabs > label {display: block; float: left; width:50%; text-align: center; font-size:15px; font-weight:500; line-height:50px; color:#cecece; cursor: pointer; border-bottom:2px solid #f7f7f7; background:#fff;}
#inquiry .tabs [id^="tab"]:checked + label {color:#1cbcab; border-bottom:2px solid #1cbcab;}
#inquiry .tab-content {display: none; float: left; width:100%; padding:0 20px 40px;}
#inquiry #tab1:checked ~ #tab-content1,
#inquiry #tab2:checked ~ #tab-content2{display: block;}
#inquiry .tab-content .box {box-shadow: 1px 1px 10px rgb(0 0 0 / 5%); display:block; padding:20px; background:#fff; border-radius:10px; margin-bottom:10px;}
#inquiry .tab-content#tab-content1 strong {display:block; margin-bottom:15px; font-size:16px; font-weight:500; margin-top:35px; line-height:1.4em;}
#inquiry .tab-content#tab-content1 b {display:block; font-size:13px; font-weight:300; color:#818181; margin-bottom:40px;}
#inquiry .tab-content#tab-content1 .nece ul::after {content:''; display:block; visibility:hidden; clear:both;}
#inquiry .tab-content#tab-content1 .nece ul li {float:left; margin-right:30px; margin-bottom: 10px;}
#inquiry .tab-content#tab-content1 .user_provision .chk_box {position:relative;}
#inquiry .tab-content#tab-content1 .user_provision .chk_box label {display:block; font-size:13px; background:url("../img/ico_checkoff1.png") left center no-repeat; background-size:20px auto; padding-left:30px; line-height:20px;}
#inquiry .tab-content#tab-content1 .user_provision .chk_box input[type="radio"]:checked + label {background:url("../img/ico_checkon1.png") left center no-repeat;background-size:20px auto;}
#inquiry .tab-content#tab-content1 input[type="text"] {background-color:transparent;}
#inquiry .tab-content#tab-content1 textarea {max-height:125px; overflow-y:scroll; box-shadow:none; border:1px solid #eee;}
#inquiry .tab-content#tab-content2 strong {display:block; margin-bottom:25px; font-size:19px; font-weight:500; margin-top:35px; line-height:1;}
#inquiry .tab-content#tab-content2 strong span {display:inline-block; font-size:19px; font-weight:500; margin-left:3px; color:#1cbcab;}
#inquiry .tab-content#tab-content2 .box dl {line-height:22px; margin-bottom:10px;}
#inquiry .tab-content#tab-content2 .box dl::after {content:''; display:block; visibility:hidden; clear:both;}
#inquiry .tab-content#tab-content2 .box dl dt {font-size:17px; float:left; font-weight:500; line-height:1;}
#inquiry .tab-content#tab-content2 .box dl dd {float:right; width:65px; font-size:13px; text-align:center; border-radius:5px; font-weight:500;}
#inquiry .tab-content#tab-content2 .box dl dd.ing {background:#e8f0fe; color:#1a73e8;}
#inquiry .tab-content#tab-content2 .box dl dd.red {background:#fee8e8; color:#ff303a;}
#inquiry .tab-content#tab-content2 .box dl::after {content:''; display:block; visibility:hidden; clear:both;}
#inquiry .tab-content#tab-content2 .box span {display:inline-block; box-sizing:border-box; font-size:13px; color:#acacac; line-height:1.2em;}
#inquiry .tab-content#tab-content2 .box span.date {background:url('../img/ico_date.png')no-repeat left center; background-size:14px; padding-left:20px; }
#inquiry .tab-content#tab-content2 .box b {float:right; display:inline-block; font-size:13px; color:#acacac; text-align:right; font-weight:400;}


/* 1:1문의상세 팝업 - 10/inquiry_detail */
#inquiry_detail {}
#inquiry_detail .title {border-bottom:1px solid #eee; padding:20px 0 25px;}
#inquiry_detail .title p {font-size:17px; margin-bottom:15px; line-height:1;}
#inquiry_detail .title span {display:inline-block; font-size:13px; color:#c8c8c8; line-height:1;}
#inquiry_detail .detail {padding:35px 0 45px;}
#inquiry_detail .detail p {color:#818181; font-size:13px; line-height:1.6em;}
#inquiry_detail .detail img {display:block; width:100%; margin:20px auto;}
#inquiry_detail .re {background:#f8f9fb;}
#inquiry_detail .re .container {padding:35px 20px 30px;}
#inquiry_detail .re .container b {display:inline-block; font-size:16px; font-weight:500;}
#inquiry_detail .re .container span {display:inline-block; font-size:13px; color:#c8c8c8; line-height:1; margin-left:10px; padding-left:10px; border-left:1px solid #c8c8c8;}
#inquiry_detail .re .container p {color:#818181; font-size:13px; line-height:1.6em; padding-top:30px;}

#vehicle .user_provision .allchk_box {margin:30px 0;}
#vehicle .user_provision .allchk_box label {float: none; width: 100%; text-align: left; padding-left: 30px;}
#vehicle .user_provision .allchk_box input[type="checkbox"],
#vehicle .user_provision .allchk_box label{display:block; font-size:13px; color:#000; line-height:20px; background:url("../img/ico_checkoff2.png") left center no-repeat; background-size:20px auto; margin-left: 0; font-weight:500;}
#vehicle .user_provision .allchk_box input[type="checkbox"]:checked + label {background:url("../img/ico_checkon2.png") left center no-repeat; background-size:20px auto;}
#vehicle .car_img {margin-top: 20px;}
#vehicle .car_img img {max-width: 100%; height: auto !important;}

.popup_layer_bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 49;}
.insert_check {display: block; width: 3px; height: 3px; background: red; position: absolute; left: 50%; margin-left: -2px; top: 5px;}
.as_edit_btn {display: inline-block; color: #818184; vertical-align: middle; border: 1px solid #b1b1b1; border-radius: 5px; width: 100%; line-height: 40px; height: 40px; font-size: 15px; margin: 20px 0 0; text-align: center; background: transparent;}
.as_edit_btn_title {position: absolute; right: 25px; bottom: 21px; font-size: 12px; color: #a1a1a1; background:url("../img/edit_icon.png") left center no-repeat; background-size: 12px; padding-left: 15px; font-weight: 300;}
.as_edit_btn_title.answer {position: absolute; right: 0; bottom: 0;}
.as_delete_btn_title {position: absolute; right: 90px; bottom: 21px; font-size: 12px; color: #a1a1a1; background:url("../img/delete_icon.png") left center no-repeat; background-size: 12px; padding-left: 15px; font-weight: 300;}
.as_jum {position: absolute; right: 75px; bottom: 21px; font-size: 15px !important; color: #a1a1a1 !important; font-weight: 500;}

#as_frm span.cution {color:#1cbcab; font-size:13px; padding-left:20px; background:url('../img/ico_cution.png')no-repeat left center; background-size:15px; margin-bottom:0; margin-top:15px; line-height: 15px;}
#as_frm span.cution::after {display:none;}

#after_service .tab-content#tab-content2 .detail .visit {color:#1cbcab; font-size:13px; padding-left:20px; background:url('../img/ico_cution.png')no-repeat left center; background-size:15px; margin-bottom:15px; margin-top:0px; line-height: 15px; display: block;}
#after_service .tab-content#tab-content2 .detail .visit::after {display:none;}
.parking_sticker {float: none; clear: both; margin: 0 20px; color: #1cbcab; font-size: 13px; padding-top: 30px; padding-left: 20px; background: url('../img/ico_cution.png') no-repeat left 30px; background-size: 15px;}




/*원페이지*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500&display=swap');
#onepage{margin:0 auto; background:url('../img/onepage/bg0101.png') 50% 50% no-repeat; height:1693px; }
#contents-box{width:1300px; margin:0 auto; text-align:left; background:url('../img/onepage/main0101.png') 50% 50% no-repeat; height:1693px;}
#contents-box .logo{padding-top:50px; padding-left:50px;}
#contents-box .store_down{padding-top:300px; padding-left:50px;}
#contents-box .store_down a{margin-right:20px;}
#onepage .bottom {padding:40px 0; background:#f5f7f9;}
#onepage .bottom .bottom_in {width:1200px; overflow:hidden; margin:0 auto; position:relative;}
#onepage .bottom .foot_logo {display:block; width:180px; float:left; margin-right:50px;}
#onepage .bottom .link {float:left; overflow:hidden;}
#onepage .bottom .link ul {overflow:hidden;}
#onepage .bottom .link ul li {float:left;}
#onepage .bottom .link ul li:first-of-type {margin-right:15px; padding-right:15px; position:relative;}
#onepage .bottom .link ul li:first-of-type::before {content:''; display:block; position:absolute; width:1px; height:100%; background:#d0d2d6; right:0; top:0;}
#onepage .bottom .link ul li a {display:block; color:#7e8289; font-size:18px; font-weight:500;}
#onepage .bottom .link p {color:#8c9097; font-size:16px; margin:15px 0; margin-block-start:0; margin-block-end:0;}
#onepage .bottom .link span {display:block; font-size:16px; font-weight:300; color:#9fa2a8;}
#onepage .bottom ul.ico {position:absolute; right:0; top:50%; transform:translateY(-50%);}
#onepage .bottom ul.ico li {float:left;}
#onepage .bottom ul.ico li:first-of-type {width:30px; margin-right:40px;}
#onepage .bottom ul.ico li:last-of-type {width:36px;}

@media (max-width:768px) {
    #onepage {background-size:cover;}
}


/*분양정보_11*/

#sell_info {min-height:  calc(100vh - 58px); background:#fff; overflow-y:scroll;}
#sell_info .tabs input[type=radio] {display: none;}
#sell_info .tabs label {display: block; float: left; width:calc(20% - 20px); margin-right:3%; text-align: center; font-size:15px; font-weight:400; line-height:50px;  cursor: pointer; background:#f7f7f7; border-radius:5px; margin-left:20px; box-sizing:border-box; color:#818181;}
#sell_info .tabs label:nth-of-type(2n) {margin-right:-8px; margin-left:0;}
#sell_info .tabs label:nth-child(n+1):nth-child(-n+2) {margin-bottom:10px;}
#sell_info .tabs [id^="tab"]:checked + label {color:#fff; background-color:#1cbcab; } /*color:#1cbcab; border:1px solid #1cbcab; */
#sell_info #tab1:checked ~ #tab-content1,
#sell_info #tab2:checked ~ #tab-content2,
#sell_info #tab3:checked ~ #tab-content3,
#sell_info #tab4:checked ~ #tab-content4 {display: block;}
#sell_info .nece2{padding:20px 0 10px 0;}
#sell_info .nece2::after {content:''; display:block; visibility:hidden; clear:both;}
#sell_info .nece2 span {display:block;}
#sell_info .nece2 select {
	border-radius:0; /* 아이폰 사파리 보더 없애기 */ 
	-webkit-appearance:auto; /* 화살표 없애기 for chrome*/
	-moz-appearance:auto; /* 화살표 없애기 for firefox*/
	appearance:auto; /* 화살표 없애기 공통*/
}
#sell_info .nece2 select {background-color:#fff; border:1px solid #eee; border-radius:5px; font-size:13px; height:40px;  color:#b7b7b7; padding:10px;}
#sell_info .nece2 select {float:left; width:48%; background:transparent;}
#sell_info .nece2 select:last-of-type {margin-left:3%;}
#sell_info .tab-content {float: left; width:100%; padding:0 20px 15px; background:#fff; margin-top:30px;}
#sell_info .tab-content .nece {margin-top:20px; margin-bottom:25px;}
#sell_info .tab-content#tab-content1 .nece input[type="text"] {height:50px; line-height:50px; border-bottom-color:#4c4c4c;}
#sell_info .tab-content .box {display: block; border-bottom:1px solid #f7f7f7; padding: 25px 5px; position:relative;}
#sell_info .tab-content .box::after {content:''; display:block; visibility:hidden; clear:both;}
#sell_info .tab-content .box:last-of-type {border-bottom:0;}
#sell_info .tab-content .box > div {float:left;}
#sell_info .tab-content .box .wrap {max-height:90px; min-height:80px; min-width:120px; max-width:130px; overflow:hidden; border-radius:6%; border: 1px solid #e2e2e2; margin-left:15px; float:right;}
#sell_info .tab-content .box .wrap img {display:block; width:100%; }
#sell_info .tab-content .box > div p {position: relative; font-size:17px; font-weight:600; line-height:1; margin-bottom:10px;}
#sell_info .tab-content .box > div p span{color:#1cbcab;}
#sell_info .tab-content .box > div p span.status{color:#ff0000; font-size: 13px;}
#sell_info .tab-content .box > div span.add {color:#818181; display:block; font-size:13px; margin-bottom:5px;}
#sell_info .tab-content .box > div span.info {color:#818181; display:inline-block; font-size:13px; margin-left:5px; padding-left:5px; border-left:1px solid #dedede;}
#sell_info .tab-content .box > div span:nth-of-type(2) {border-left:0; padding-left:0; margin-left:0;}
#sell_info .tab-content .box > div b {font-weight:400; font-size:13px; color:#c7c7c7; display:block; margin-top:15px;}
#sell_info .tab-content .box a.call {display:block; width:15px; height:15px; position:absolute; right:5px; top:25px;}
#sell_info .tab-content .box a.del {display:block; width:11px; height:15px; position:absolute; right:5px; top:25px;}
#sell_info .tab-content .box a img {display:block; width:100%;}
#sell_info_detail {min-height: clac(100vh - 58px); background:#fff; overflow-y:scroll;}
#sell_info_detail .container {padding-bottom:30px; background:#fff;}
#sell_info_detail .container .title {display:block;  border-bottom:2px solid #000; padding:30px 0 20px 0;}
#sell_info_detail .container .title strong {display:block; font-size:20px; font-weight:500;  line-height:40px; }
#sell_info_detail .container .title strong b {color:#1cbcab;}
#sell_info_detail .container .title span {font-size:16px; font-weight:300; line-height:22px;}
#sell_info_detail table {border-collapse:collapse;border-spacing:0; width:100%; }
#sell_info_detail table td {min-height:50px; line-height:18px; font-size:13px; text-align:left; padding-left:40px;  padding:20px 10px 20px 0;}
#sell_info_detail table tr {border-bottom:1px solid #f7f7f7;}
#sell_info_detail table th {font-weight:600; text-align:left; line-height:18px; width:110px; padding-left:10px;}
#sell_info_detail table tbody tr td {color:#818181;}
#sell_info_detail table .red span {color:#ff303a;background:#fee8e8;}
#sell_info_detail table .done span {color:#818181; background:#f1f1f1;}
#sell_info_detail span.cution {color:#1cbcab; font-size:13px; padding-left:20px; background:url('../img/ico_cution.png')no-repeat left center; background-size:15px; margin-bottom:0; margin-top:15px; line-height: 15px; margin:20px 0; display:block;}
#sell_info_detail img {display:block; width:100%;}
#sell_info_detail .division_line {display:block; width:100%; height:10px; background-color:#f7f7f7;}
#sell_info_detail .tab-content .box {border-bottom:1px solid #f7f7f7; padding: 30px 20px 50px 20px; position:relative;}
#sell_info_detail .tab-content .box::after {content:''; display:block; visibility:hidden; clear:both;}
#sell_info_detail .tab-content .box:last-of-type {border-bottom:0;}
#sell_info_detail .tab-content .box > div {float:left;}
#sell_info_detail .tab-content .box .wrap {max-height:90px; min-height:90px; min-width:90px; max-width:90px; overflow:hidden; border-radius:50%; border: 1px solid #e2e2e2;margin-right:15px;}
#sell_info_detail .tab-content .box .wrap img {display:block; width:100%;}
#sell_info_detail .tab-content .box > div p {font-size:17px; font-weight:600; line-height:1; margin-bottom:5px;}
#sell_info_detail .tab-content .box > div span.add {color:#000; display:block; font-size:13px; margin-bottom:5px;}
#sell_info_detail .tab-content .box > div span.info {color:#818181; display:inline-block; font-size:13px; margin-left:5px; padding-left:5px; border-left:1px solid #dedede;}
#sell_info_detail .tab-content .box > div span:nth-of-type(2) {border-left:0; padding-left:0; margin-left:0;}
#sell_info_detail .tab-content .box > div b {font-weight:400; font-size:13px; color:#818181; display:block; margin-top:15px;}
#sell_info_detail .tab-content .box a.call {display:block; width:15px; height:15px; position:absolute; right:20px; top:25px;}
#sell_info_detail .tab-content .box a img {display:block; width:100%; }
#sell_info_detail .tab-content .box > div span b{display:inline-block; background:url("../img/txt_line.png") 0 center no-repeat; background-size:auto 14px; padding-left:7px; margin-left:6px;}
#sell_info_detail .tab-content .box > div span:first-child{padding-left:0;  margin-left:0; background-image:none;}
#footer .foot_menu li a{display:block; font-size:13px; line-height:35px; color:#fff; text-align:center;}
#sell_info_detail .tab-content#tab-content1 .btn {border-radius:0; /*position:absolute;*/ bottom:0; left:0;}


/*************************************************
**************************************************
**********************231026**********************
**************************************************
**************************************************/
#entry {min-height: 100vh; padding: 60px 20px 40px; background-color: #edf0f5;}
#entry img {display: block; width: 100%;}
#entry .full {display: flex; align-items: center; justify-content: center; color:#fff; background-color: #1cbcab; border-radius: 5px; font-size: 15px; font-weight: 500; margin-bottom: 10px; width: 100%; height: 44px;}
#entry .line {display: flex; align-items: center; justify-content: center; color: #1cbcab; border:1px solid #1cbcab; border-radius: 5px; font-size: 15px; font-weight: 500; width: 100%; height: 44px;}


#sell_info2 {min-height:  calc(100vh - 58px); background:#fff; overflow-y:scroll;}
#sell_info2 .tabs input[type=radio] {display: none;}
#sell_info2 .tabs .flex {display: flex; align-items: center; justify-content: space-between; padding: 0 20px;}
#sell_info2 .tabs label {display: inline-flex; width:25%; max-width: calc(25% - 30px / 4); font-size:15px; font-weight:400; align-items: center; justify-content: center; height:50px; cursor: pointer; background:#f7f7f7; border-radius:5px; color:#818181;}
#sell_info2 .tabs [id^="tab"]:checked + label {color:#fff; background-color:#1cbcab; }
#sell_info2 #tab1:checked ~ #tab-content1, #sell_info2 #tab2:checked ~ #tab-content2, #sell_info2 #tab3:checked ~ #tab-content3, #sell_info2 #tab4:checked ~ #tab-content4 {display: block;}
#sell_info2 .nece2{padding:20px 0 10px 0;}
#sell_info2 .nece2::after {content:''; display:block; visibility:hidden; clear:both;}
#sell_info2 .nece2 span {display:block;}
#sell_info2 .nece2 select {border-radius:0; -webkit-appearance:auto; -moz-appearance:auto; appearance:auto; }
#sell_info2 .nece2 select {background-color:#fff; border:1px solid #eee; border-radius:5px; font-size:13px; height:40px;  color:#b7b7b7; padding:10px;}
#sell_info2 .nece2 select {float:left; width:48%; background:transparent;}
#sell_info2 .nece2 select:last-of-type {margin-left:3%;}
#sell_info2 .tab-content {float: left; width:100%; padding:0 20px 15px; background:#fff; margin-top:30px;}
#sell_info2 .tab-content .nece {margin-top:20px; margin-bottom:25px;}
#sell_info2 .tab-content#tab-content1 .nece input[type="text"] {height:50px; line-height:50px; border-bottom-color:#4c4c4c;}
#sell_info2 .tab-content .box {display: flex; flex-direction: row; align-items: center; justify-content: flex-start; border-bottom:1px solid #f7f7f7; padding: 25px 5px; position:relative;}
#sell_info2 .tab-content .box:last-of-type {border-bottom:0;}
#sell_info2 .tab-content .box .wrap {max-height:80px; min-height:80px; min-width:110px; max-width:110px; overflow:hidden; border-radius:5px; border: 1px solid #e2e2e2; margin-right: 12px;}
#sell_info2 .tab-content .box .wrap img {display:block; width:100%; }
#sell_info2 .tab-content .box p {position: relative; font-size:16px; font-weight:500; line-height:1; margin-bottom:10px;}
#sell_info2 .tab-content .box p span{color:#1cbcab;}
#sell_info2 .tab-content .box .add {color:#000; display:block; font-size:13px; font-weight: 500; margin-bottom:5px;}
#sell_info2 .tab-content .box .info {color:#262626; display:inline-block; font-size:13px;}


#sell_info_detail2 {min-height: clac(100vh - 58px); background:#fff;}
#sell_info_detail2 .swiper-pagination {right: 10px; bottom: 10px; font-size: 12px; border-radius: 5px; background: #00000060; top: unset; padding: 5px 8px; color: #bfbfbf;}
#sell_info_detail2 .swiper-pagination-current {font-weight: 500; color:#fff; padding-left: 18px; background: url('../img/pager.png')no-repeat left center; background-size: 12px;}
#sell_info_detail2 .swiper-pagination-total {color:#bfbfbf;}
#sell_info_detail2 .container {padding-bottom:40px; background:#fff;}
#sell_info_detail2 .container .title {display:block;  border-bottom:2px solid #000; padding:30px 0 20px 0;}
#sell_info_detail2 .container .title strong {display:block; font-size:18px; font-weight:500;  line-height:40px; }
#sell_info_detail2 .container .title strong b {color:#1cbcab;}
#sell_info_detail2 .container .title span {font-size:16px; line-height:22px;}
#sell_info_detail2 table {border-collapse:collapse;border-spacing:0; width:100%;}
#sell_info_detail2 table td {min-height:50px; line-height:18px; font-size:13px; text-align:left; padding-left:40px;  padding:20px 10px 20px 0;}
#sell_info_detail2 table tr {border-bottom:1px solid #f7f7f7;}
#sell_info_detail2 table th {font-weight:600; text-align:left; line-height:18px; width:110px; padding-left:10px;}
#sell_info_detail2 table tbody tr td {color:#818181;}
#sell_info_detail2 table .red span {color:#ff303a;background:#fee8e8;}
#sell_info_detail2 table .done span {color:#818181; background:#f1f1f1;}
#sell_info_detail2 .w-100 {display: block; width: 100%; margin-top: 25px;}
#sell_info_detail2 span.cution {color:#1cbcab; font-size:13px; padding-left:20px; background:url('../img/ico_cution.png')no-repeat left center; background-size:15px; margin-bottom:0; margin-top:15px; line-height: 15px; margin:20px 0; display:block;}
#sell_info_detail2 img {display:block; width:100%;}
#sell_info_detail2 .division_line {display:block; width:100%; height:10px; background-color:#f7f7f7;}
#sell_info_detail2 .tab-content .box {border-bottom:1px solid #f7f7f7; padding: 30px 20px 50px 20px; position:relative;}
#sell_info_detail2 .tab-content .box::after {content:''; display:block; visibility:hidden; clear:both;}
#sell_info_detail2 .tab-content .box:last-of-type {border-bottom:0;}
#sell_info_detail2 .tab-content .box > div {float:left;}
#sell_info_detail2 .tab-content .box .wrap {max-height:90px; min-height:90px; min-width:90px; max-width:90px; overflow:hidden; border-radius:50%; border: 1px solid #e2e2e2;margin-right:15px;}
#sell_info_detail2 .tab-content .box .wrap img {display:block; width:100%;}
#sell_info_detail2 .tab-content .box > div p {font-size:17px; font-weight:600; line-height:1; margin-bottom:5px;}
#sell_info_detail2 .tab-content .box > div span.add {color:#000; display:block; font-size:13px; margin-bottom:5px;}
#sell_info_detail2 .tab-content .box > div span.info {color:#818181; display:inline-block; font-size:13px; margin-left:5px; padding-left:5px; border-left:1px solid #dedede;}
#sell_info_detail2 .tab-content .box > div span:nth-of-type(2) {border-left:0; padding-left:0; margin-left:0;}
#sell_info_detail2 .tab-content .box > div b {font-weight:400; font-size:13px; color:#818181; display:block; margin-top:15px;}
#sell_info_detail2 .tab-content .box a.call {display:block; width:15px; height:15px; position:absolute; right:20px; top:30px;}
#sell_info_detail2 .tab-content .box a img {display:block; width:100%; }
#sell_info_detail2 .tab-content .box > div span b{display:inline-block; background:url("../img/txt_line.png") 0 center no-repeat; background-size:auto 14px; padding-left:7px; margin-left:6px;}
#sell_info_detail2 .tab-content .box > div span:first-child{padding-left:0;  margin-left:0; background-image:none;}
#sell_info_detail2 .tab-content#tab-content1 .btn {border-radius:0; bottom:0; left:0; display: flex; height: 60px; align-items: center; justify-content: center;}
#sell_info_detail2 .tab-content#tab-content1 .btn img {width: 19px; display: block; margin-right: 10px;}