@charset "utf-8"; :root { --colorMain:#388FCD; --colorSub:#4E5E81; --colorSub2:#F1F3F4; --boxColor:#F7F9FA; --boxColor2:#F9F9FB; --boxColor3:#E4E4E4; --boxColor4:#fff; --alertBox:rgba(255, 92, 92, 0.08); --fontColor:#121212; --fontColor2:#666666; --fontColor3:#B8B8B8; --fontColor4:#FA1C1C; --fontColor5:#1D2FF5; --fontColor6:#969696; --fontColor7:#C4C4C4; --boxShadow: 0 4px 4px rgba(0,0,0,0.25); --boxShadow2: 0 2px 8px rgba(0,0,0,0.2); --borderColor:#E4E4E4; --borderColor2:#EDEDED; } /* 초기화 */ html {overflow-y:scroll} body {margin:0;padding:0;font-size:0.75em;font-family:'noto-sans', dotum, sans-serif;background:#fff;color:var(--fontColor);letter-spacing:-0.5px;} html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0} h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} ul, dl,dt,dd {margin:0;padding:0;list-style:none} legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} label, input, button, select, img {vertical-align:middle;font-size:1em} input, button {margin:0;padding:0;font-family:'noto-sans', dotum, sans-serif;font-size:1em} input[type="submit"] {cursor:pointer} button {cursor:pointer} textarea, select {font-family:'noto-sans', dotum, sans-serif;font-size:1em} select {margin:0} p {margin:0;padding:0;word-break:break-all} hr {display:none} pre {overflow-x:scroll;font-size:1.1em} a {color:var(--fontColor);text-decoration:none} *, :after, :before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } input[type=text],input[type=password], textarea { -webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out; outline:none; } input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus { -webkit-box-shadow:0 0 5px #9ed4ff; -moz-box-shadow:0 0 5px #9ed4ff; box-shadow:0 0 5px #9ed4ff; border:1px solid #558ab7 !important; } .placeholdersjs {color:#aaa !important} /* 레이아웃 크기 지정 */ #hd, #wrapper, #ft {min-width:1200px} #hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr {width:1200px} /* 팝업레이어 */ #hd_pop {z-index:1000;position:relative;margin:0 auto;height:0} #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff} .hd_pops img {max-width:100%} .hd_pops_con {} .hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative} .hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""} .hd_pops_footer button {padding:10px;border:0;color:#fff} .hd_pops_footer .hd_pops_reject {background:#000;text-align:left} .hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0} /* 상단 레이아웃 */ #hd {background:#212020} #hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #tnb {border-bottom:1px solid #383838;margin:0 auto} #tnb:after {display:block;visibility:hidden;clear:both;content:""} #tnb .inner {margin:0 auto} #hd_wrapper {position:relative;margin:0 auto;height:140px;zoom:1} #hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""} #logo {float:left;padding:30px 0 0} .hd_sch_wr {float:left;padding:30px 0;width:445px;margin-left:65px} #hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden} #hd_sch {border-radius:30px;overflow:hidden} #hd_sch #sch_stx {float:left;width:385px;height:45px;padding-left:10px;border-radius:30px 0 0 30px;background:#2c2c2c;border:0;border-right:0;font-size:1.25em;color:#fff} #hd_sch #sch_submit {float:left;width:60px;height:45px;border:0;background:#2c2c2c;color:#fff;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px} #hd_define {float:left} #hd_define:after {display:block;visibility:hidden;clear:both;content:""} #hd_define li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px} #hd_define li:last-child {padding-right:0;margin-right:0;border-right:0} #hd_define li a {display:inline-block;color:#919191} #hd_define li.active a {color:#fff} #hd_qnb {float:right;text-align:right} #hd_qnb:after {display:block;visibility:hidden;clear:both;content:""} #hd_qnb li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px} #hd_qnb li:last-child {padding-right:0;margin-right:0;border-right:0} #hd_qnb li span {display:block;margin-top:5px;font-size:0.92em} #hd_qnb li a {display:inline-block;color:#919191} #hd_qnb .visit .visit-num {display:inline-block;line-height:16px;padding:0 5px;margin-left:5px;border-radius:10px;background:#da22f5;color:#fff;font-size:10px} .hd_login {position:absolute;right:0;top:60px} .hd_login li {float:left;margin:0 5px;border-left:1px solid #616161;padding-left:10px;line-height:13px} .hd_login li:first-child {border-left:0} .hd_login a {color:#fff} /* 메인메뉴 */ #gnb {position:relative;background:#fff} #gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #gnb .gnb_wrap {margin:0 auto;position:relative} #gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3} #gnb #gnb_1dul {font-size:1.083em;padding:0;border-bottom:1px solid #e0e2e5;zoom:1} #gnb ul:after {display:block;visibility:hidden;clear:both;content:""} #gnb .gnb_1dli {float:left;line-height:55px;padding:0px;position:relative} #gnb .gnb_1dli:hover > a {color:#3a8afd; -webkit-transition:background-color 2s ease-out; -moz-transition:background-color 0.3s ease-out; -o-transition:background-color 0.3s ease-out; transition:background-color 0.3s ease-out} .gnb_1dli .bg {position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url('./images/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px} .gnb_1da {display:block;font-weight:bold;padding:0 15px;color:#080808;text-decoration:none} .gnb_1dli.gnb_al_li_plus .gnb_1da{padding-right:25px} .gnb_2dli:first-child {border:0} .gnb_2dul {display:none;position:absolute;top:54px;min-width:140px;padding-top:2px} .gnb_2dul .gnb_2dul_box {border:1px solid #e0e2e5;border-top:0;padding:0; -webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2); -moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2); box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)} .gnb_2da {display:block;padding:0 10px;line-height:40px;background:#fff;color:#080808;text-align:left;text-decoration:none} a.gnb_2da:hover {color:#3a8afd;background:#f7f7f8; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out} .gnb_1dli_air .gnb_2da {} .gnb_1dli_on .gnb_2da {} .gnb_2da:focus, .gnb_2da:hover {color:#fff} .gnb_1dli_over .gnb_2dul {display:block;left:0} .gnb_1dli_over2 .gnb_2dul {display:block;right:0} .gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2.7em;color:#080808} .gnb_wrap .gnb_empty a {color:#3a8afd;text-decoration:underline} .gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555} #gnb .gnb_menu_btn {background:#4158d1;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px} #gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0} #gnb .gnb_mnal {float:right;padding:0} #gnb_all {display:none;position:absolute;border:1px solid #c5d6da;width:100%;background:#fff;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2); -moz-box-shadow:0 2px 5px rgba(0,0,0,0.2); box-shadow:0 2px 5px rgba(0,0,0,0.2)} #gnb_all h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef} #gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""} #gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0} #gnb_all .gnb_al_li {float:left;width:20%;min-height:150px;padding:20px;border-left:1px solid #e7eeef} #gnb_all .gnb_al_li .gnb_al_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#3a8afd} #gnb_all .gnb_al_li li {line-height:2em} #gnb_all .gnb_al_li li a {color:#555} #gnb_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999} /* 중간 레이아웃 */ #wrapper {} #container_wr:after {display:block;visibility:hidden;clear:both;content:""} #container_wr {margin:0 auto;zoom:1} #aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px} #container {position:relative;float:left;min-height:500px;height:auto !important;margin:20px 0;height:500px;font-size:1em;width:930px;zoom:1} #container:after {display:block;visibility:hidden;clear:both;content:""} #container_title {font-size:1.333em;margin:0 auto;font-weight:bold} #container_title span {margin:0 auto 10px;display:block;line-height:30px} .lt_wr {width:32%} .lt_wr:nth-child(3n+1) {clear:both} .latest_wr {margin-bottom:20px} .latest_wr:after {display:block;visibility:hidden;clear:both;content:""} .latest_top_wr {margin:0 -10px 20px} .latest_top_wr:after {display:block;visibility:hidden;clear:both;content:""} /* 하단 레이아웃 */ #ft {background:#212020;margin:0 auto;text-align:center} #ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #ft_wr {max-width:1240px;margin:0;padding:40px 0;position:relative;display:inline-block;text-align:left} #ft_wr:after {display:block;visibility:hidden;clear:both;content:""} #ft_wr .ft_cnt {width:25%;float:left;padding:0 20px} #ft_link {text-align:left} #ft_link a {display:block;color:#fff;line-height:2em;font-weight:bold} #ft_company h2 {font-size:1.2em;margin-bottom:20px} #ft_company {font-weight:normal;color:#e3e3e3;line-height:2em} #ft_catch {margin:20px 0 10px} #ft_copy {text-align:center;width:1200px;margin:0 auto;padding:20px 0;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838} #top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)} #top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff} /* 게시물 선택복사 선택이동 */ #copymove {} #copymove .win_desc {text-align:center;display:block} #copymove .tbl_wrap {margin:20px} #copymove .win_btn {padding:0 20px 20px} .copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px} .copymove_currentbg {background:#f4f4f4} /* 화면낭독기 사용자용 */ #hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden} .msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} /* 본문 바로가기 */ #skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} #skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em} /* ie6 이미지 너비 지정 */ .img_fix {width:100%;height:auto} /* 캡챠 자동등록(입력)방지 기본 -pc */ #captcha {display:inline-block;position:relative} #captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0} #captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px} #captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px} #captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top} #captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} /* 캡챠 자동등록(입력)방지 기본 - mobile */ #captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px} #captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block} #captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px} #captcha.m_captcha #captcha_reload span {display:none} #captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px} #captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} #captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none} /* ckeditor 단축키 */ .cke_sc {margin:0 0 5px;text-align:right} .btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer} .cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center} .cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1} .cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""} .cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9} .cke_sc_def dt {width:20%;font-weight:bold} .cke_sc_def dd {width:30%} /* ckeditor 태그 기본값 */ #bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px} #bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px} #bo_v_con li {display:list-item} /* 버튼 */ a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em; -webkit-transition:background-color 0.3s ease-out; -moz-transition:background-color 0.3s ease-out; -o-transition:background-color 0.3s ease-out; transition:background-color 0.3s ease-out} a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle} a.btn01:focus, a.btn01:hover {text-decoration:none} button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none} a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle} a.btn02:focus, .btn02:hover {text-decoration:none} button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none} .btn_confirm {text-align:right} /* 서식단계 진행 */ .btn_submit {border:0;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px} .btn_submit:hover {background:#2375eb} .btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff} a.btn_close {text-align:center;line-height:50px} a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle} button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle} .btn_cancel:hover {background:#aaa} a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */ a.btn_frmline {} button.btn_frmline {font-size:1em} /* 게시판용 버튼 */ a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent} .btn_b01:hover, .btn_b01:hover {color:#000} a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle} a.btn_b02:hover, .btn_b02:hover {background:#0025eb} a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle} a.btn_b03:hover, .btn_b03:hover {background:#ebedf6} a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle} a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9} a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */ .btn_admin:hover, a.btn_admin:hover {color:#ff3746} /* 기본테이블 */ .tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} .tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left} .tbl_head01 {margin:0 0 10px} .tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px} .tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8} .tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all} .tbl_head01 tbody tr:hover td {background:#fafafa} .tbl_head01 a:hover {text-decoration:underline} .tbl_head02 {margin:0 0 10px} .tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em} .tbl_head02 thead a {color:#383838} .tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff} .tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all} .tbl_head02 a {} /* 폼 테이블 */ .tbl_frm01 {margin:0 0 20px} .tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0} .tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left} .tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent} .wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); } .tbl_frm01 textarea {padding:2px 2px 3px} .frm_input {height:40px} .full_input {width:100%} .half_input {width:49.5%} .twopart_input {width:385px;margin-right:10px} .tbl_frm01 textarea, .write_div textarea {width:100%;height:100px} .tbl_frm01 a {text-decoration:none} .tbl_frm01 .frm_file {display:block;margin-bottom:5px} .tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em} /*기본 리스트*/ .list_01 ul {border-top:1px solid #ececec} .list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative} .list_01 li:nth-child(odd) {background:#f6f6f6} .list_01 li:after {display:block;visibility:hidden;clear:both;content:""} .list_01 li:hover {background:#f9f9f9} .list_01 li.empty_li {text-align:center;padding:20px 0;color:#666} /*폼 리스트*/ .form_01 h2 {font-size:1.167em} .form_01 li {margin-bottom:10px} .form_01 ul:after, .form_01 li:after {display:block;visibility:hidden;clear:both;content:""} .form_01 .left_input {float:left} .form_01 .margin_input {margin-right:1%} .form_01 textarea {height:100px;width:100%} .form_01 .frm_label {display:inline-block;width:130px} /* 자료 없는 목록 */ .empty_table {padding:50px 0 !important;text-align:center} .empty_list {padding:20px 0 !important;color:#666;text-align:center} /* 필수입력 */ .required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important} /* 테이블 항목별 정의 */ .td_board {width:80px;text-align:center} .td_category {width:80px;text-align:center} .td_chk {width:30px;text-align:center} .td_date {width:60px;text-align:center} .td_datetime {width:110px;text-align:center} .td_group {width:80px;text-align:center} .td_mb_id {width:100px;text-align:center} .td_mng {width:80px;text-align:center} .td_name {width:100px;text-align:left} .td_nick {width:100px;text-align:center} .td_num {width:50px;text-align:center} .td_numbig {width:80px;text-align:center} .td_stat {width:60px;text-align:center} .txt_active {color:#5d910b} .txt_done {color:#e8180c} .txt_expired {color:#ccc} .txt_rdy {color:#8abc2a} /* 새창 기본 스타일 */ .new_win {position:relative} .new_win .tbl_wrap {margin:0 20px} .new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1); -moz-box-shadow:0 1px 10px rgba(0,0,0,.1); box-shadow:0 1px 10px rgba(0,0,0,.1)} .new_win #win_title .sv {font-size:0.75em;line-height:1.2em} .new_win .win_ul {margin-bottom:15px;padding:0 20px} .new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""} .new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px} .new_win .win_ul li:first-child {margin-left:0} .new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3} .new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5} .new_win .win_ul .selected a {color:#fff;font-weight:bold} .new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px} .new_win .win_desc i {font-size:1.2em;vertical-align:baseline} .new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px} .new_win .frm_info {font-size:0.92em;color:#919191} .new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px} .new_win .new_win_con {margin:20px 0;padding:20px} .new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""} .new_win .new_win_con2 {margin:20px 0} .new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""} .new_win .win_btn {text-align:center} .new_win .cert_btn {margin-bottom:30px;text-align:center} .new_win .btn_close {padding:0 20px;height:45px;overflow:hidden;cursor:pointer} .new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em} /* 검색결과 색상 */ .sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px} /* 자바스크립트 alert 대안 */ #validation_check {margin:100px auto;width:500px} #validation_check h1 {margin-bottom:20px;font-size:1.3em} #validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff} /* 사이드뷰 */ .sv_wrap {position:relative;font-weight:normal} .sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333; -webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)} .sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent} .sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb} .sv_wrap .sv a:hover {background:#000;color:#fff} .sv_member {color:#333} .sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto} .sv_nojs .sv {display:block} /* 페이징 */ .pg_wrap {display:block;margin-top:25px;} .pg {display:flex;align-items:center;justify-content:center;gap:5px;} .pg_page, .pg_current {display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-family: 'GmarketSansMedium';font-size:14px;color:var(--color4);cursor:pointer;border:1px solid #999;} .pg a:focus, .pg a:hover {text-decoration:none} .pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50%;} .pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50%;} .pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50%;} .pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50%;} .pg_current {color:var(--colorMain);} .pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px} /* 페이징 */ .pg_page_noti.on {background: var(--colorMain);color: #fff;border:none;} /* cheditor 이슈 */ .cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } /* Mobile화면으로 */ #device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center} html {overflow:auto;} body {max-width:1024px;margin:0 auto;display: flex;flex-direction: column;min-height: 100dvh;} #bo_list_total {display:none !important;} * {-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout: none;margin:0; padding:0;} *::-webkit-scrollbar {width:7px; /* 스크롤바의 너비 */} *::-webkit-scrollbar-thumb {height: 10%; /* 스크롤바의 길이 */ background: #bababa; /* 스크롤바의 색상 */border-radius:10px; } *::-webkit-scrollbar-track {background: #f1f1f1; /*스크롤바 뒷 배경 색상*/} li {list-style:none;} .inner {max-width:100%;width:1024px;margin:0 auto; position:relative;padding-left:20px;padding-right:20px;} .inner.ver2 {padding-bottom: 20px;} input::placeholder, textarea::placeholder {color:var(--fontColor6);} /*공통*/ .cm_title {display:flex;align-items:center;justify-content:space-between;font-size:17px;line-height:1.1;font-weight:600;} .cm_title span {font-size:15px;color:var(--colorMain);} .cm_title a {font-size:13px;color:var(--fontColor2);} .sub_box {padding:20px 0;} .sub_box2 {padding:24px 0;} .bd_top {border-top:6px solid var(--borderColor);} .bd_bot {border-bottom:1px solid var(--borderColor2);} .bar {height: 6px;width: 100%;background: #f5f5f5;margin: 30px 0;} .bar.ver2 {margin: 0;} .bar.ver3 {background: #E4E8E9;margin: 20px 0;} #sub_div {display: flex;flex:1} /* 토스트 메세지 */ .toast_box {max-width:640px;width:90%;padding:10px 15px;background:rgba(0,0,0,0.8);border-radius:10px;font-size:15px;line-height:1.7;color:#fff;position:fixed;bottom:100px;left:50%;transform:translateX(-50%);z-index:2000;text-align:center;display:none;} .toast_cont {} .toast_cont span {display:block;} .bansang_ipt {display:block;width:100%;height:50px;background:#F1F3F4;border:none;border-radius:8px;padding-left:15px;font-size:15px;} .bansang_ipt.ver2 {border:1px solid #E4E4E4;background: #fff;} .bansang_ipt.ver3 {width:calc(100% - 90px);} .building_name_box {width:calc(100% - 90px);position: relative;} .building_name_box.ver2 {width: 100%;} .building_name_box span {height:25px;border-radius: 5px;background: var(--colorMain);color: #fff;position: absolute;top:50%;right: 15px;transform:translateY(-50%);padding: 5px 10px 4px;align-items: center;justify-content: center;display: flex;cursor: pointer;display: none;} .bansang_ipt.ver4 {width: calc(100% - 46px);} .bansang_ipt.ta {height: 160px;resize: none;padding: 15px;} .bansang_ipt.ta2 {height: 350px;} /* .bansang_ipt.ver2 {width:calc(100% - 90px);} */ .bansang_ipt.readonly {background:var(--borderColor);} .bansang_ipt.actives {border:1px solid #5AE229} .bansang_ipt.ipt_date {background: url('/images/calendar_icons.svg') no-repeat 15px 50% #fff;padding-left: 50px;} .noti_repeat_t {font-size: 14px;} .sch_select {display: flex;width: 50%;padding: 20px 0 0;} .sch_select.ver2 {padding: 0;} .sch_select.full {width: 100%;} .bansang_sel_box {width: 100%;} .bansang_sel {display:block;width:100%;height:50px;background:#fff;border:none;border-radius:8px;padding-left:15px;font-size:15px;-webkit-appearance:none; /* 크롬 화살표 없애기 */-moz-appearance:none; /* 파이어폭스 화살표 없애기 */appearance:none; /* 화살표 없애기 */background: url('/images/select_arr.svg') no-repeat #fff 98% 50%;border:1px solid var(--borderColor);color: var(--fontColor);} .bansang_sel.ver2 {height: 40px;font-size: 13px;} .bansang_sel.bill {width: auto;height:auto;background: url('/images/select_arr.svg') no-repeat 98% 50%;border: none;width: 65px;padding-left: 10px;font-size: 18px;font-weight: 500;} .bansang_sel.sch_cate {width: 100px;background: url('/images/select_arr.svg') no-repeat 92% 50%;padding-left: 10px;} .bansang_sel.ver3 {width: calc(100% - 90px);} .bansang_sel[readonly] { background-color: #f1f3f4; pointer-events: none; } .ipt_flex_box {width:calc(100% - 90px);position: relative;} .ipt_flex_box .timer {position: absolute; top: 50%; right: 15px; transform: translate(0, -50%);} .memo_label {font-size: 15px;font-weight: 600;margin-bottom: 10px;} .sch_ipt_box {width: calc(100% - 110px);} /* 인디케이터 */ .indicator {width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:2000;display:none;} .indicator p {width:100%;height:100%;display:flex;align-items:center;justify-content:center;} .indicator p img {width:50px;} #wrappers {flex: 1;display: flex;overflow: hidden;} #wrappers.bgs {background: #F1F3F4;} .wrap_container {flex: 1;display: flex;flex-direction: column;width: 100%;margin: 0 auto;} /* 사진확대 */ #big_size_pop {position: fixed;top:0;left: 0;width: 100%;height: 100%;z-index: 9999;display:none;} #big_size_pop .od_cancel_cont {max-width:100%;max-height:100%;padding:0;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:center;background: rgba(0,0,0,0.5);} #big_size_pop .od_cancel_cont img {max-width:100%;max-height:100%;width:auto;height:auto;} .big_size_pop_x {width:40px;height:40px;position:absolute;top:10px;right:10px;background:var(--colorMain);border:none;border-radius:10px;} .big_size_pop_x span {display:block;width:80%;height:2px;background:#fff;border-radius:10px;position:absolute;} .big_size_pop_x span:first-child {left:4px;top:20px;transform:rotate(45deg);} .big_size_pop_x span:last-child {right:4px;top:20px;transform:rotate(-45deg);} /*헤더*/ .header {position:fixed;top:0;left:50%;transform:translateX(-50%);max-width:1024px;width:100%;height:49px;background:#fff;z-index:100;} .header .inner {display:flex;align-items:center;height:100%;} .header.ver1 {} .header.bg {background: #F1F3F4;} .header.ver1 .inner {justify-content:space-between;} .header.ver2 .inner {justify-content:center;padding-left:74px;padding-right:74px;} .hd_lnb {display:flex;align-items:center;gap:16px;} .hd_lnb li a {position: relative;} .hd_lnb li a .notis {width: 4px;height: 4px;border-radius:4px;background: #FF5C5C;display: inline-block;position: absolute;top:-4px;right: -4px;} .hd_lnb li.refresh_li img {width: 24px;height: auto;} .hd_lnb li.sm_hd_lnb a {padding:2px 12px 0;height: 28px;display: flex;align-items: center;display: flex;align-items: center;justify-content: center;gap:0 7px;background: var(--colorMain);border-radius: 5px;font-size: 12px;color: #fff;font-weight: 500;} .hd_lnb li.sm_hd_lnb a img {position: relative;top:-1px;} .hd_btn {display:flex;align-items:center;justify-content:center;width:64px;height:49px;background:#fff;border:none;position:absolute;top:0;} .hd_btn.back_btn {left:0;} .hd_btn.home_btn {right:0;} .hd_lnb2 {position: absolute;top:50%;right: 64px;transform:translateY(-50%);} .hd_lnb2.ver2 {right: 0;} .hd_title {font-size:17px;line-height:1.2;font-weight:500;} .hd_title.ver2 {font-size:20px;font-weight: 700;} .header_back_box {height:49px;} .hd_logo {display: flex;align-items: center;gap:0 15px;} .hd_logo img {width: 27px;height: auto;} .hd_logo span {font-size: 20px;font-weight: 700;color: var(--colorMain);} .tooltip_box {position: absolute;top:59px;right: 20px;width: 100px;border-radius: 8px;overflow: hidden;padding:0 15px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);background: #fff;display: none;} .tooltip_box .tooltip_btn {display: block;font-size: 13px;font-weight: 500;text-align: center;padding:15px 0;background: none;border: none;width: 100%;} .tooltip_box .tooltip_btn + .tooltip_btn {border-top:1px solid #ededed} /* 푸터 */ /* #footer {position: sticky;bottom: 0;width: 100%;background: #FFF;z-index: 99;} */ #footer {position: fixed;bottom: 0;width: 100%;max-width:1024px;background: #FFF;z-index: 99;} #wrappers {padding-bottom: 86px;} #bottom_tab {display: flex;justify-content: space-between;align-items: center;height: 86px;border-top: 1px solid #F8F8F8;} #bottom_tab li {width: 25%;height: 100%;} #bottom_tab li a {display: flex;flex-direction: column;justify-content: center;align-items: center; gap: 6px;width: 100%;height: 100%;font-weight: 500;} #bottom_tab li a.on span {color: var(--colorMain);} #bottom_tab li a span {font-size: 12px;color: var(--fontColor3);display: inline-block;margin-top: 5px;} /*로그인*/ .login_view {max-width:520px;min-height:100vh;padding:100px 20px 40px;margin:0 auto;text-align:center;display: flex;flex-direction: column;justify-content: space-between;} .login_view_bot {display: flex;flex-direction: column;gap:10px 0;} .login_logo img {max-width:100%;} .login_list {margin:80px 0 0;} .login_list li + li {margin-top:15px;} .find_list {display:flex;align-items:center;justify-content:flex-end;margin:10px 0 70px;} .find_list li {position:relative;} .find_list li + li {margin-left:5px;} .find_list li + li::before {content:"";width:1px;height:10px;background:var(--boxColor3);position:absolute;left:-2px;top:50%;transform:translateY(-50%);} .find_list li a {display:block;padding:10px;font-size:14px;line-height:1.1;color:var(--fontColor2);} .graph_div + .graph_div {padding-top:20px;margin-top:20px;border-top:1px solid var(--borderColor2);} .graph_title {font-size:14px;line-height:1.1;font-weight:600;} .bar_chart {margin-top:-5px;} .fix_btn_wrap {margin-top: 30px;display: flex;flex-direction: column;gap:10px 0;} .fix_btn_wrap.flex_ver {flex-direction: row;gap:0 10px;} .fix_btn_box {max-width:1024px;width:100%;height:81px;padding:10px 20px 15px;position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:100;} .fix_btn_box.flex_ver {display: flex;gap:0 10px;} .fix_btn_box2 {height:56px;} .fix_btn {display:flex;align-items:center;justify-content:center;width:100%;height:56px;background:#D8D8D8;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;color:#fff;} .fix_btn.on {background:var(--colorMain);color: var(--boxColor4);} .fix_btn.ver2 {background:#fff;color:var(--colorMain);} .fix_btn.ver3 {background:#fff;color:var(--fontColor6);font-weight: 400;} .fix_btn.ver4 {background: #fff;border:1px solid var(--colorMain);color: var(--colorMain);gap:0 10px;} .fix_btn_back_box {height:81px;margin-top:15px;} .fix_btn_box.ver2 {height:157px;} .fix_btn_box.flex_ver2 .fix_btn + .fix_btn {margin-top:20px;} .fix_btn_back_box.ver2 {height:157px;} .fix_btn_box.ver3 {bottom:85px;} .fix_btn.on2 {background: var(--fontColor4);color: var(--boxColor4);} .mgt5 {margin-top: 5px;} .mgt10 {margin-top:10px;} .mgt15 {margin-top:15px;} .mgt20 {margin-top:20px;} .mgt25 {margin-top: 25px;} .mgt30 {margin-top:30px;} .mgt40 {margin-top:40px;} .mgt50 {margin-top:50px;} .mgb5 {margin-bottom:5px;} .mgb10 {margin-bottom:10px;} .mgb15 {margin-bottom: 15px;} .mgb20 {margin-bottom:20px;} .mgb30 {margin-bottom:30px;} .mgb40 {margin-bottom:40px;} .mgb50 {margin-bottom:50px;} .mgr10 {margin-right: 10px;} /* 탭 메뉴 */ .tab_lnb {padding: 0 20px;display: flex;margin-top: 20px;border-bottom: 1px solid #e4e4e4;gap:0 25px;margin: 20px -20px 0;white-space: nowrap;overflow: auto;} .tab_lnb.ver2 {margin: 30px 0 0;} .tab_lnb::-webkit-scrollbar{display: none;} .tab_lnb li {padding: 0 5px 10px;font-size: 17px;font-weight: 500;color: var(--fontColor3);cursor: pointer;font-weight: 500;border-bottom: 2px solid #fff;} .tab_lnb li.on {border-bottom: 2px solid var(--colorMain);color: var(--colorMain);} .tab_lnb.ver3 {white-space: inherit;} .tab_lnb.ver3 li {width: calc(100% / 2);align-items: center;justify-content: center;display: flex;} .tab_lnb.ver4 {white-space: inherit;padding: 0;} .tab_lnb.ver4 li {width: calc(100% / 3);align-items: center;justify-content: center;display: flex;} .tab_lnb.ver_sm {margin: 20px 0;padding: 0;} .tab_lnb.ver_sm li {border-bottom: 2px solid #F1F3F4;} .tab_lnb.ver_sm li.on {border-bottom: 2px solid var(--colorMain);color: var(--colorMain);} /* 탭 버튼 */ .tab_btn_wrap {display: flex;gap:0 10px;white-space: nowrap;overflow: auto;margin-top: 20px;} .tab_btn_wrap::-webkit-scrollbar{display: none;} .tab_btn_wrap .tab_btn {padding:2px 15px 0;height: 33px;border-radius: 20px;border:1px solid #DBDBDB;font-size: 14px;font-weight: 500;color: var(--fontColor3);display: flex;align-items: center;justify-content: center;cursor: pointer;} .tab_btn_wrap .tab_btn.on {border:1px solid var(--colorMain);color: var(--boxColor4);background: var(--colorMain);} .tab_btn_wrap.ver2 {gap:0 24px;} .tab_btn_wrap .tab_btn.ver2 {padding: 0;height: auto;border:none;background: none;} .tab_btn_wrap .tab_btn.ver2.on {color: var(--colorMain);} .ho_select_box_wrap .ho_select_box {padding:15px;font-size: 15px;display: flex;width: 100%;background: none;border:none;} .ho_select_box_wrap .ho_select_box + .ho_select_box {border-top:1px solid var(--borderColor)} .ho_select_box_wrap .ho_select_box.on {background: var(--colorMain);color: var(--boxColor4);} /*팝업*/ .cm_pop {position:fixed;top:0;left:50%;transform:translateX(-50%);max-width:1024px;width:100%;height:100%;z-index:200;display: none;} .cm_pop_back {width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;} .cm_pop_close_wrap {width: 100%;position: absolute;top:20px;left:0px;background: transparent;height: 40px;display: flex;justify-content: flex-end;padding: 0 20px;} .cm_pop_close_btn {width: 40px;height: 40px;border-radius: 50%;background: #fff;position: absolute;cursor: pointer;top:10px;right: 15px;} .cm_pop_close_btn .cm_pop_bar {width: 24px;height: 2px;background: #121212;} .cm_pop_close_btn .cm_pop_bar1 {position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%) rotate(-45deg);} .cm_pop_close_btn .cm_pop_bar2 {position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%) rotate(45deg);} .cm_pop_cont {width:calc(100% - 40px);max-height:calc(100% - 80px);background:#fff;padding:27px 15px 20px;border-radius:15px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);overflow-y:auto;} .cm_pop_cont.ver_banner {padding: 0;} .cm_pop_cont.ver_noborder {border-radius: 0;padding: 0;} .cm_pop_title {text-align:center;font-size:18px;line-height:1.2;font-weight:600;margin-bottom: 5px;} .cm_pop_title.ver2 {text-align:left;} .cm_pop_desc {text-align:center;font-size:14px;line-height:1.4;color:var(--fontColor5);} .cm_pop_desc.ver2 {text-align:left;} .cm_pop_desc.black {color: var(--fontColor);} .cm_pop_desc_pop img {max-width: 100%;} .cm_pop_desc span + span {margin-top:8px} .cm_pop_desc b {font-weight:500;} .cm_pop_desc2 {text-align:center;font-size:16px;line-height:1.4;font-weight:500;padding-top:13px;} .cm_pop_desc2.ver2 {font-weight: 400;} .cm_pop_desc2 span {color: var(--fontColor4);} .cm_pop_desc3 {text-align:left;font-size:11px;line-height:1.4;color:var(--fontColor2);} .cm_pop_desc4 {text-align:center;font-size:15px;line-height:1.4;color: #3d3d3d;margin-top: 10px;} .cm_pop_btn_box {margin-top:30px;} .cm_pop_btn_box.ver2 {margin-top: 10px;} .cm_pop_btn {display:flex;align-items:center;justify-content:center;width:100%;height:50px;background:var(--borderColor2);border:none;border-radius:8px;font-size:15px;font-weight:500;color:var(--fontColor6);cursor:pointer;} .cm_pop_btn.ver2 {background:var(--colorMain);color:#fff;} .cm_pop_btn.ver3 {background:var(--fontColor);color: #fff;} .cm_pop_btn_box.flex_ver {display:flex;align-items:center;justify-content:space-between;gap:0 10px;} .cm_pop_btn_box.flex_ver .cm_pop_btn {width:calc(50% - 5px);} .cm_pop_btn_box.flex_ver2 .cm_pop_btn {width: calc(33.33% - 5px);} /* 검색버튼 */ .sch_button {background: var(--colorMain);width:46px;height: 46px;border-radius: 8px;border:none;display: flex;align-items: center;justify-content: center;} /* 회원가입 */ .regi_title {font-size:24px;font-weight:700;} .regi_list {margin-top: 24px;} .regi_list.m0 {margin:0;} .regi_list.ver2 {padding-top: 24px;border-top: 1px solid #E4E4E4;} .regi_list > li + li {margin-top:24px;} .regi_list li.ver2 {padding-top: 24px;border-top: 1px solid #E4E4E4;} .regi_list_title {font-size:15px;line-height:1.1;margin-bottom:10px;color: #3D3D3D;font-weight: 500;} .regi_list_title span {color:#FF5C5C;} .regi_list_title span.pic_ver {color: var(--colorMain);font-size: 12px;margin-left: 10px;display: inline-block;} .regi_list_title.ver2 {margin-bottom: 0;font-weight: 400;} .regi_list.ver3 .regi_list_title {font-size: 13px;color: #3d3d3d;} .regi_list.ver3 input {font-size: 13px;} .regi_list.ver3 textarea {height: 80px;font-size: 13px;} .sch_boxs {width: 100%;gap:0 10px;} .sch_boxs select {width: 150px;} .sch_boxs .sch_input_form_box {width: calc(100% - 160px);display: flex;gap:0 10px;} .sch_boxs .sch_button {height: 50px;} .regi_list_sub_title {font-size: 11px;color: var(--fontColor3);font-weight: 400;margin-bottom: 10px;} .ipt_box {position: relative;} .ipt_box + .ipt_box {margin-top:10px;} .ipt_box.ver_regi {width: calc(100% - 90px);} .ipt_flex {display:flex;align-items:center;justify-content:space-between;} .regi_box_btn {display:flex;align-items:center;justify-content:center;width:80px;height:50px;background:#fff;border:1px solid var(--colorMain);border-radius:8px;font-size:15px;line-height:1.1;font-weight:500;color:var(--colorMain);} .regi_box_btn:disabled {background: var(--borderColor);color: #aaa;border:1px solid var(--borderColor)} .regi_box_btn.on {background: var(--colorMain);color: #fff;} .regi_box_btn.regi_box_btn_sms {display: none;} .agree_wraps {padding: 0 0 20px;} .ipt_flex.ipt_box_ver2 {gap:0 10px;} .ipt_flex.ver2 {justify-content: flex-start;gap:0 30px;} .ipt_radio {position: relative;height: 20px;} .ipt_radio input {position: absolute;bottom:0;left: 0;width: 1px;height: 1px;opacity: 0;} .ipt_radio input + label {position: relative;padding-left: 30px;height: 20px;display: flex;align-items: center;font-size: 14px;color: #3d3d3d;cursor: pointer;} .ipt_radio input + label::before {width: 20px;height: 20px;border-radius: 20px;border:1px solid #e4e8e9;position: absolute;top:-1px;left: 0;content:"";} .ipt_radio input:checked + label::before {border:1px solid var(--colorMain);} .ipt_radio input + label::after {content:"";width: 12px;height: 12px;position: absolute;border-radius: 12px;top:3px;left: 4px;background: var(--boxColor4);} .ipt_radio input:checked + label::after {background: var(--colorMain);} .date_form_box.date_form_box_ipt {width: 50%;} /* 약관동의 */ .agree_wrap {margin-top: 24px;padding: 20px 20px 10px;background: #F7F9FA;border-radius: 10px;} .prv_all input {display:none;} .prv_all input + label {display:flex;align-items:center;width:100%;height:auto;padding-left:30px;padding-right:12px;border-radius:8px;position:relative;font-size:15px;font-weight:500;cursor:pointer;} .prv_all input.ver2 + label {display:flex;align-items:center;width:100%;height:auto;padding-left:30px;padding-right:12px;border-radius:8px;position:relative;font-size:13px;font-weight:500;cursor:pointer;} .prv_all input + label::before {content:"";width:22px;height:22px;background:url(/images/icon_chk_off2.svg) no-repeat center;position:absolute;left:0;top:calc(50% - 1px);transform:translateY(-50%);} /* .prv_all input:checked + label {background:var(--colorMain);} */ .prv_all input:checked + label::before {background:url(/images/icon_chk_on2.svg) no-repeat center;} .prv_list {margin-top:10px;} .prv_list li {position:relative;} .regi_prv input {display:none;} .regi_prv input + label {display:block;width:100%;padding:10px 21px 10px 30px;position:relative;font-size:14px;font-weight:500;color:var(--fontColor7);cursor:pointer;} .regi_prv input + label::before {content:"";width:18px;height:13px;background:url(/images/icon_chk_off3.svg) no-repeat center;position:absolute;left:0;top:calc(50% - 2px);transform:translateY(-50%);} .regi_prv input + label.chk_icon_mv::before {top:17px} .regi_prv input:checked + label {color:var(--colorMain);} .regi_prv input:checked + label::before {background:url(/images/icon_chk_on3.svg) no-repeat center;} .prv_list li .regi_prv + button {width:21px;height:100%;background:url(/images/icon_arr_gray.svg) no-repeat right center;border:none;position:absolute;top:0;right:0;} .regi_prv.ver2 input + label {color: #3D3D3D;font-size: 12px;font-weight: 400;} .regi_prv.ver2 input + label span {color: var(--colorMain);} .regi_prv.ver2 input + label span.regi_prv_txt {color: #666666;font-size: 11px;display: block;padding-left: 13px;position: relative;} .regi_prv_txt {margin-top: 7px;} .regi_prv_txt::before {content:"";display: block;position: absolute;left: 0;top:0;} .regi_prv_txt1 {margin-top: 10px;} .regi_prv_txt1::before {content:"1.";} .regi_prv_txt2::before {content:"2.";} .regi_prv_txt3::before {content:"3.";} .regi_prv_txt4::before {content:"4.";} .regi_prv_txt5::before {content:"5.";} .regi_prv_txt6::before {content:"6.";} /*아이디&비밀번호 찾기*/ .find_info_view {padding-bottom:30px;} .find_sort li + li {padding-top:20px;margin-top:20px;border-top:1px solid var(--borderColor2);} .find_id_value {background:#fff;padding:30px 20px;border-radius:8px;text-align:center;font-size:16px;line-height:1.1;font-weight:600;color:var(--colorMain);margin:30px 0 20px;border:1px solid #F0F4F6;box-shadow: 0 2px 6px rgba(123,123,149,0.15);} .find_id_desc {text-align:center;font-size:14px;line-height:1.4;color:var(--fontColor2);} /* 마이페이지 */ .mypage_menu_list {margin-top: 20px;} .mypage_menu_list li + li {margin-top: 12px;} .mypage_menu_list li a {height: 52px;width: 100%;padding: 0 15px;display: flex;align-items: center;font-size: 15px;font-weight: 500;background: url("/images/mypage_arr.svg") no-repeat 98% 50% var(--boxColor);border-radius: 6px;} .mypage_lnb {padding-top:45px;} .mypage_lnb ul li + li {margin-top:30px;} .mypage_lnb ul li button {background:transparent;border:none;font-size:14px;line-height:20px;color:var(--fontColor6);} .sc_boxs {padding: 30px 0;} .sc_boxs2 {display: flex;align-items: center;justify-content: space-between;} .sc_box2_btn button {padding:5px 10px;border-radius: 3px;background: var(--colorMain);color: var(--boxColor4);border:none;font-size: 14px;} /* index.php */ .idx_sc_title1 {font-size: 15px;color: var(--fontColor2);} .idx_sc_title2 {font-size: 18px;font-weight: 700;} .idx_sc_title3 {font-size: 11px;color: var(--fontColor2);padding-left: 10px;position: relative;word-break: keep-all;} .idx_sc_title3::before {content:"*";position: absolute;top:0;left: 0;display: block;} .mng_price_info_box {padding: 15px;background: var(--colorMain);border-radius: 10px;display: flex;align-items: center;justify-content: space-between;gap:0 10px;} .mng_price_title {font-size: 14px;font-weight: 500;color: #fff;width: calc(100% - 110px);word-break: keep-all;} .mng_prices {font-size: 22px;font-weight: 700;color: #fff;width: 110px;word-break: keep-all;text-align: right;} .mng_prices span {font-size: 18px;font-weight: 500;} .idx_title {font-size: 17px;font-weight: 600;} .idx_sc2_box_wrap {padding:15px;background: #fff;border-radius: 10px;display: flex;flex-wrap:wrap;gap:10px;} .idx_sc2_box_wrap.ver2 {align-items: center;justify-content: center;height: 100%;} .idx_sc2_box {width: calc((100% / 3) - 10px);height: 84px;border-radius: 10px;background: #fff;display: flex;align-items: center;justify-content: center;flex-direction: column;} .idx_sc2_box.active {background:#F5F7F9;} .idx_sc2_img_box {width: 40px;height: 38px;display: flex;align-items: center;justify-content: center;} .idx_sc2_tit_box {font-size: 14px;font-weight: 500;margin-top: 10px;} .idx_sc2_tit_box.off {color: #ccc;} .building_info {min-height: 120px;font-size: 14px;width: 100%;display: flex;flex-direction: column;} .building_info_box {display: flex;align-items: center;justify-content: space-between;gap:0 10px} .building_info_box + .building_info_box {margin-top: 10px;} .building_info_box .building_info_label {width: 130px;font-weight: 600;} .building_info_box .building_info_cont {width: calc(100% - 140px);display: flex;align-items: flex-end;justify-content: flex-end;text-align: right;word-break: keep-all;} /* 단지소식 */ .content_box_empty {padding:20px 0;text-align: center;font-size: 14px;} .content_box_wrap {padding: 20px 0;display: flex;flex-direction: column;} .content_box_wrap a + a {margin-top: 10px;} .content_box_wrap.nm a + a {margin-top: 0;} .content_box_wrap.ver2 {gap: 0;} .content_box_wrap.ver3 {padding: 0 0 20px;} .content_box {padding:15px;background: #F7F9FA;border-radius: 8px;display: flex;align-items: center;} .content_box.ver2 {background: var(--boxColor4);border-radius: 0;padding: 15px 0;} .content_box.ver2 + .content_box.ver2 {border-top: 1px solid #F5F5F5;} .content_box.ver3 {padding: 15px 0;background: var(--boxColor4);border-radius: 0;margin-top: 0;} .content_box.ver3 + .content_box.ver3 {border-top: 1px solid #F5F5F5;} .content_box.noti_on {padding: 15px;} .content_box.noti_off {background: var(--borderColor2);padding: 15px;border-radius: 6px;} .content_box_icons {width: 30px;} .content_box_icons2 {width: 30px;height: 30px;border-radius: 30px;background: #fff;display: flex;align-items: center;justify-content: center;} .content_box_icons2 img {max-width: 15px;} .content_box_ct {width: calc(100% - 30px);padding-left: 10px;} .content_box_ct.ver2 {width: 100%;padding-left: 0;} .content_box_ct.ver3 {padding-left: 20px;} .content_box_ct1 {font-size: 12px;color: var(--fontColor2);display: flex;align-items: center;} .content_box_ct1 span {color: var(--colorMain);font-weight: 500;display: inline-block;margin-right: 10px;} .content_box_ct_wrtier {padding-left: 10px;margin-left: 10px;position: relative;} .content_box_ct_wrtier::before {content:"";width: 2px;height: 8px;background: #ededed;position: absolute;top:50%;transform: translateY(-50%);left: 0;} .content_box_ct2 {font-size: 15px;font-weight: 600;margin-top: 10px;word-break: keep-all;} .sign_writer {display: flex;} .sign_writer > div {font-size: 12px;color: #969696;} .sign_writer > div + div {margin-left: 10px;padding-left: 10px;position: relative;} .sign_writer > div + div::before {width: 1px;height: 8px;background: var(--borderColor2);position: absolute;top:50%;left: 0;transform:translateY(-50%);content:"";} .bbs_wrap {padding: 0 0 20px;} .bbs_status_box {margin: 20px 0;font-size: 14px;display: flex;align-items: center;gap:0 10px;color: var(--colorMain);} .bbs_status_box span {font-weight: 500;color: var(--fontColor);font-size: 16px;} .bbs_title_box {padding: 20px 0;border-bottom: 1px solid #E4E4E4;} .bbs_title_box.ver2 {padding: 0 0 20px;} .bbs_title {font-size: 15px;font-weight: 600;word-break: keep-all;} .bbs_info_box {display: flex;align-items: center;} .bbs_date {font-size: 12px;color: var(--fontColor2);margin-top: 10px;} .bbs_date + .bbs_date {margin-left: 10px;padding-left: 10px;position: relative;} .bbs_date + .bbs_date::before {content:"";width: 2px;height: 8px;position: absolute;top:50%;left: 0;transform:translateY(-50%);background: #dbdbdb;} .bbs_date span {color: var(--colorMain);font-weight: 500;margin-right: 5px;} .bbs_content_box_tit {font-size: 12px;color: var(--fontColor);text-align: right;margin: 20px 0 0;display: none;} .bbs_content_box {padding: 15px 0;font-size: 13px;font-weight: 500;} .bbs_content_box img {max-width: 100%;} .bbs_content_box_inner {text-align: center;} .bbs_content_box_inner img {max-width: 100%;} .bbs_content_inspection p {font-size: 14px;color: #3d3d3d;font-weight: 400;display: flex;align-items: center;} .bbs_content_inspection p + p {margin-top: 7px;} .bbs_content_inspection p a {padding:0 10px;font-size: 11px;font-weight: 500;color: #fff;border-radius: 5px;background: #3d3d3d;height: 22px;display: inline-block;line-height: 22px;margin-left: 10px;} .bbs_content_inspection p a img {margin-right: 5px;position: relative;top:-1px;} .bbs_vote_notice {background: rgba(255, 92, 92, 0.08);padding: 15px;border-radius: 6px;margin-bottom: 15px;} .bbs_vote_notice.ver2 {margin-bottom: 0;} .bbs_vote_notice_inner {font-size: 14px;position: relative;padding-left: 25px;font-weight: 400;} .bbs_vote_notice_inner + .bbs_vote_notice_inner {margin-top: 5px;} .bbs_vote_notice_inner::before {content:"";width: 16px;height: 16px;background: url("/images/vote_alarm.svg") no-repeat;position: absolute;top:0;left: 0;} .bbs_vote_notice_inner.ver2 {padding-left: 12px;font-size: 11px;color: #3d3d3d;word-break: keep-all;} .bbs_vote_notice_inner.ver2::before {background: none;content:"*";} .bbs_content_bbs_ct table {border-collapse:collapse;width: 100%;} .bbs_content_bbs_ct table td {border:1.5px solid #000;padding:5px 3px;} /* 온라인 투표 */ .bbs_vote_wrap {padding: 15px 0;border-top: 1px solid #E4E4E4;} .vote_list li {width: 100%;position: relative;} .vote_list li + li {margin-top: 10px;} .vote_list li input {position: absolute;bottom:0;left: 0;width: 1px;height: 1px;opacity: 0;} .vote_list li input + label {width: 100%;display: flex;padding: 15px;border-radius: 8px;background: rgba(56, 143, 205, 0.08);font-size: 15px;color: var(--colorMain);align-items: center;gap:0 5px;cursor: pointer;position: relative;} .vote_list li input + label span {font-size: 15px;font-weight: 500;position: absolute;right: 15px;color: var(--fontColor2);padding-right: 25px;} .vote_list li input + label span .list_icons {width: 13px;height: 10px;position: absolute;top:calc(50% - 1px);right: 0;transform: translateY(-50%);display: inline-block;} .list_icons_bar {width: 100%;height: 2px;border-radius: 2px;background: #666;position: absolute;display: inline-block;} .list_icons_bar1 {top:0;} .list_icons_bar2 {top:50%;transform:translateY(-50%);} .list_icons_bar3 {bottom: 0;} .vote_list li input + label i {position: relative;top: -1px;display: none;} .vote_list li input:checked + label {background: var(--colorMain);color: #fff;} .vote_list li input:checked + label i {display: inline-block;} .vote_list li input:checked + label span {color: var(--boxColor4);} .vote_list li input:checked + label span .list_icons_bar {background: #fff;} .vote_result {font-size: 15px;font-weight: 600;} /* 주차관리 */ .parking_sc {padding: 20px 0;} .parking_sc1 {background: #F1F3F4;} .parking_building {font-size: 16px;font-weight: 600;line-height: 1.4;} .parking_building2 {font-size: 11px;color: #969696;} .parking_info {display: flex;padding:15px;background: #fff;border-radius: 8px;margin-top: 15px;} .parking_info.align {align-items: center;} .parking_info_label {width: 57px;height: 23px;background: var(--colorMain);border-radius: 4px;font-size: 12px;color: #fff;font-weight: 500;display: flex;align-items: center;justify-content: center;padding: 3px 0 0;} .parking_info_text {width: calc(100% - 57px);padding-left: 10px;display: flex;align-items: center;justify-content: flex-end;gap:0 10px;} .parking_info_text img {position: relative;top:-1px;cursor: pointer;} .parking_info_car {font-size: 16px;color: var(--fontColor3);font-weight: 500;} .parking_info_car.on {color: var(--fontColor);} .parking_info_car.on + .parking_info_car.on {margin-top: 7px;} .car_visit_btn_box {margin-top: 15px;} .car_visit_btn_box .car_visit_btn {width: 100%;border-radius: 8px;height: 50px;border:1px solid var(--colorMain);color: var(--colorMain);font-size: 15px;font-weight: 500;display: flex;align-items: center;justify-content: center;position: relative;background: url('/images/plus_icon.svg') no-repeat 15px 50% #fff;} .car_visit_btn_box .car_visit_btn img {position: absolute;top:50%;left: 15px;transform: translateY(-50%);} .car_visit_btn_box .car_visit_btn.ver2 {background: url('/images/plus_icon_w.svg') no-repeat 15px 50% var(--colorMain);color: #fff;} .car_boxs_wrap {padding: 15px 15px 13px;border-radius: 8px;border:1px solid var(--borderColor);} .car_boxs_wrap + .car_boxs_wrap {margin-top: 10px;} .car_boxs {display: flex;align-items: center;} .car_boxs + .car_boxs {margin-top: 12px;} .car_boxs_l {width: 90px;font-size: 14px;font-weight: 600;} .car_boxs_r {width: calc(100% - 90px);font-size: 14px;color: #3d3d3d;padding: 2px 0 0;word-break: keep-all;} .car_boxs button {width: 100%;height: 42px;border-radius: 6px;background: var(--colorMain);font-size: 15px;font-weight: 500;color: #fff;border:none;} .car_boxs button.ver2 {background: #fff;color: var(--fontColor);} .car_boxs button.disabled {background: var(--boxColor3);color: #969696;} /* 프론트용 */ .car_my {display: none;} .car_visit {display: none;} /* 관리업체 */ .mng_report_box {background: var(--colorSub2);padding: 20px 0;} .report_btn_wraps {display: flex;gap:0 10px;} .report_btn_wraps .report_btn {width: 100%;height: 52px;border-radius: 8px;display: flex;align-items: center;justify-content: center;font-size: 15px;font-weight: 600;border:1px solid var(--borderColor);background: var(--boxColor4);} .report_btn_wraps .report_btn.ver119 {border:1px solid #FA1C1C;color:#FA1C1C;background: url("/images/report_icons119.svg") no-repeat 15px 50% #fff;} .report_btn_wraps .report_btn.ver112 {border:1px solid #1D2FF5;color:#1D2FF5;background: url("/images/report_icons112.svg") no-repeat 15px 50% #fff;} .report_text {font-size: 11px;color: #969696;padding-left: 10px;position: relative;} .report_text::before {content:"*";position: absolute;top:0;left: 0;} .mng_list_box {padding: 20px 0;} .mng_list_box.ver2 {padding: 20px;} .mng_boxs {display: flex;padding: 10px;border:1px solid #e4e4e4;border-radius: 8px;gap:0 8px;} .mng_boxs + .mng_boxs {margin-top: 10px;} .mng_boxs.in {border:1px solid var(--fontColor4);} .mng_boxs.out {border:1px solid var(--colorMain);} .mng_cate_box {width: 50px;height: auto;border-radius: 8px;background: #F7F9FA;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 5px 0;} .mng_cate_img_box {min-height: 20px;display: flex;align-items: center;justify-content: center;} .mng_cate {font-size: 11px;color: var(--colorMain);margin-top: 10px;font-weight: 600;} .mng_infos {width: calc(100% - 50px);display: flex;align-items: center;} .mng_info_boxs {width: calc(100% - 50px);} .mng_info_boxs.ver2 {width: 100%;} .mng_infos.ver2 {width: 100%;} .mng_info_tit_box {display: flex;} .mng_info_tit_box.ver2 {gap:0 7px;} .mng_cm_recommend {width: 27px;height: 16px;border-radius: 3px;background: var(--colorMain);font-size: 10px;color: #fff;font-weight: 500;display: flex;align-items: center;justify-content: center;padding: 2px 0 0;} .mng_info_tit {width: 100%;font-size: 14px;font-weight: 600;} .mng_info_tit.ver2 {width: calc(100% - 27px);} .mng_info_calls {width: 50px;height: 100%;border-radius: 5px;background: #3d3d3d;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 11px;color: #fff;} .mng_info_calls img {margin-bottom: 10px;} .mng_info_ct_text {font-size: 12px;color: #969696;margin-top: 5px;} .resident_rel {color: var(--fontColor4);margin-bottom: 5px;} /* 관리규약 */ .mng_policy_wrap {padding: 20px 20px 0;display: flex;flex:1} .mng_policy_content {display: flex;flex:1;background: #F7F9FA;padding: 15px;border-radius: 8px;font-size: 13px;line-height: 20px;} .mng_policy_content img {max-width: 100%;} /* 고지서 */ .bill_info_box {padding:15px;background: #fff;border-radius: 8px;box-shadow: 0 2px 8px rgba(123, 138, 149, 0.15);} .bill_info_top {display: flex;gap:0 10px;} .bill_info_price_box {width: calc(100% - 65px);display: flex;align-items: center;justify-content: space-between;} .bill_info_price_label {font-size: 18px;font-weight: 500;} .bill_info_price {font-size: 18px;font-weight: 500;} .bill_info_price span {color: var(--colorMain);font-size: 24px;font-weight: 700;margin-right: 5px;} .bill_info_bot {padding:10px;background: #F7F9FA;border-radius: 8px;} .bill_info_txt {font-size: 11px;color: var(--fontColor2);word-break: keep-all;} .bill_info_txt + .bill_info_txt {margin-top: 5px;} .bill_downs {width: 100%;height: 50px;border-radius: 8px;display: flex;align-items: center;justify-content: center;background: url('/images/download_icons.svg') no-repeat 15px 50% var(--colorMain);font-size: 15px;font-weight: 500;color: var(--boxColor4);} .mng_bill_info {padding: 20px 0;} .mng_bill_info_wrap + .mng_bill_info_wrap {margin-top: 20px;} .bill_label {font-size: 17px;font-weight: 600;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #C4C4C4;} .bill_label.ver2 {border: none;padding-bottom: 0;} .mng_bill_list ul li {padding: 15px 0;display: flex;align-items: center;justify-content: space-between;} .mng_bill_list ul li .mng_bill_cont {font-size: 15px;color: #3d3d3d;} .mng_bill_list ul li .mng_bill_price {font-size: 15px;font-weight: 500;} .mng_bill_list ul li + li {border-top:1px dashed #e4e4e4;} .mnb_bill_total_price {display: flex;align-items: center;justify-content: space-between;padding-top: 15px;margin-top: 15px;border-top: 1px solid #C4C4C4;} .total_label {font-size: 15px;font-weight: 600;} .total_price {font-size: 18px;font-weight: 700;} .total_price span {color: var(--colorMain);display: inline-block;margin-right: 5px;} .bill_payment_info {padding: 20px 0;} .bill_payment_box {display: flex;align-items: center;justify-content: space-between;} .bill_payment_box.bill_payment_box_col {flex-direction: column;gap: 10px 0;align-items: flex-start;} .bill_payment_box + .bill_payment_box {margin-top: 24px;} .bill_payment_label {font-size: 15px;font-weight: 600;width: 90px;} .bill_payment_ct {font-size: 15px;color: #3D3D3D;text-align: right;word-break: keep-all;width: calc(100% - 90px);display: flex;justify-content: flex-end;} .bill_payment_ct.ver2 {color: #FF5C5C;} .bill_payment_ct button {background: none;border: none;font-size: 15px;color: #3D3D3D;display: flex;align-items: center;text-align: right;} .bill_payment_ct button img {position: relative;top:-1px;margin-left: 5px;} .bill_payment_box_col .bill_payment_ct {width: 100%;text-align: left;} .bill_graph_info {padding: 20px 0;} .line_chart {margin-top: 15px;} .bill_empty {min-height: 200px;display: flex;align-items: center;justify-content: center;font-size: 14px;} .bill_payment_ct .bill_notice_box {padding: 15px;border:1px solid #E4E4E4;height: 160px;border-radius: 8px;font-size: 15px;width: 100%;overflow: auto;} /* 온라인 민원 */ .faq_info_box {padding-bottom: 15px;} .faq_info_box + .faq_info_box {border-top: 1px solid #E4E4E4;padding-top: 15px;} .faq_span {font-size: 13px;font-weight: 600;color: var(--colorMain);} .faq_info_question {cursor: pointer;} .faq_question {font-size: 15px;font-weight: 600;margin-top: 5px;background: url("/images/select_arr.svg") no-repeat 98% 50%;} .faq_question.up {background: url("/images/select_arr_up.svg") no-repeat 98% 50%;;} .faq_info_answer {padding:15px;background: #F7F9FA;border-radius: 8px;font-size: 13px;color:#3d3d3d;word-break: keep-all;display: none;} .online_complain_wrap {display: none;} .bbs_img_wrap {display: flex;gap:0 10px;padding-top: 15px;border-top: 1px solid #E4E4E4;} .bbs_img_wrap.ver2 {border: none;} .bbs_img_wrap .bbs_img_box {width: calc(100% / 4);border:1px solid #E4E4E4;border-radius: 8px;overflow: hidden;display: flex;display: flex;align-items: center;justify-content: center;} .bbs_img_box img {width: auto;height: auto;max-width: 100%;max-height: 100%;} .online_complain_answer {padding: 20px 0;background: #F7F9FA;} .online_complain_answer.ver2 {background: #fff;padding: 0;} .online_complain_answer.bottom {padding-bottom: 20px;} .online_complain_add {padding: 20px 0;margin-top: 20px;border-top: 1px solid var(--borderColor);} .compl_anser_tit {font-size: 17px;font-weight: 600;display: flex;align-items: center;gap:0 10px;} .compl_anser_tit span {font-size: 12px;color: var(--fontColor6);font-weight: 400;} .compl_anser_tit img {position: relative;top:-2px;} .faq_empty_box {width: 100%;font-size: 14px;text-align: center;padding: 20px 0;} .complain_empty {width: 100%;font-size: 14px;text-align: center;padding: 20px 0;} .img_upload_wrap {display: flex;flex-wrap: wrap;gap:10px;} .img_upload_box {width: calc((100% / 4) - 10px);height: 80px;border-radius: 8px;overflow: hidden;} .img_upload_box.filebox img {width: 100%;height:100%;object-fit: contain;} .img_upload_box.filebox2 img {width: 100%;height: 100%;object-fit: contain;} .img_upload_box.filebox3 img {width: 100%;height: 100%;object-fit: contain;} .img_upload_box {display: flex;align-items: center;justify-content: center;background: #F1F3F4;position: relative;} .img_upload_box input {position: absolute;bottom:0;left: 0;width: 1px;height: 1px;opacity: 0;} .img_upload_box input + label {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;cursor: pointer;} .img_upload_box.ver4 {width: 100%;} .img_upload_box.ver44 {width: calc((100% / 4) - 10px);} .img_upload_box_wrapper4 {width: calc((100% / 4) - 10px);} .img_upload_box_wrapper4 .complain_img_box img {width: 100%;height:100%;object-fit: contain;} .img_upload_box_wrapper4 label.img_labels {width: 100%;height: 30px;display: flex;align-items: center;justify-content: center;background: var(--colorMain);color: #fff;cursor: pointer;} .img_upload_box + .img_del_btn {width: 100%;height: 30px;display: flex;align-items: center;justify-content: center;background: var(--fontColor4);color: #fff;cursor: pointer;border:none;} .img_upload_box_wrapper8 {width: calc((100% / 8) - 10px);} .img_upload_box_wrapper8 label.img_labels {width: 100%;height: 30px;display: flex;align-items: center;justify-content: center;background: var(--colorMain);color: #fff;cursor: pointer;} .policy_cont {display: flex;flex:1;flex-direction: column;padding: 20px 0;font-size: 13px;} /* 알림설정 */ .noti_setting_list {padding: 20px 0;} .noti_setting_list.ver2 {border-bottom: 1px solid #E4E4E4;} .noti_setting_list li {display: flex;align-items: center;justify-content: space-between;} .noti_setting_list li + li {margin-top: 20px;} .noti_setting_list li p {width: calc(100% - 60px);font-size: 15px;} .noti_setting_list.ver2 li p {font-size: 17px;font-weight: 600;} .noti_setting_swich {width: 50px;} .noti_setting_swich_box {width: 48px;height:30px;text-align: center;margin: 0 auto;} .switch_chk {position: absolute;appearance: none;-webkit-appearance: none;-moz-appearance: none;} .switch_chk + label {position: relative;cursor: pointer;display: inline-block;width: 48px;height: 30px;background: #E4E8E9;border:1px solid #E4E8E9;border-radius: 30px;transition: 0.2s;} .onf_btn {position: absolute;top:4px;left:3px;display: inline-block;width: 20px;height: 20px;border-radius: 20px;background: #fff;transition: 0.2s;} .switch_chk:checked + label {background: var(--colorMain);border:1px solid var(--colorMain)} .switch_chk:checked + label .onf_btn {left:22px;background: #fff;} /* 품의서 관리자 결재 */ .sign_wrap {background: #F7F9FA;padding:20px 0;} .sign_titles {font-size: 17px;font-weight: 600;display: flex;align-items: center;padding-bottom: 15px;border-bottom: 1px solid #E4E4E4;} .sign_titles img {margin-right: 10px;position: relative;top:-1px;width: 15px;} .sign_label_box {display: flex;align-items: center;justify-content: space-between;} .sign_label {width: calc(100% - 280px);font-size: 15px;font-weight: 500;} .sign_btn_wrap {display: flex;flex-wrap:wrap;width: 280px;justify-content:flex-end;} .sign_label + .red {font-size: 14px;color: var(--fontColor4);font-weight: 500;} .sign_boxs {margin-top: 20px;} .sign_boxs.ver2 {margin: 0;} .sign_buttons {min-width: 125px;height: 38px;border-radius: 8px;display: flex;align-items: center;justify-content: center;border:none;background: var(--colorMain);font-size: 15px;font-weight: 500;color: var(--boxColor4);gap:0 5px;padding: 2px 0 0;} .sign_buttons:disabled {background: var(--borderColor2);color: var(--fontColor6);} .sign_buttons img {position: relative;top:-1px;} .sign_boxs_img {width: 100%;min-height: 100px;background: var(--boxColor4);border-radius: 8px;border:1px solid var(--borderColor);margin-top: 10px;display: flex;align-items: center;justify-content: center;overflow: hidden;} .direct_sign {font-size: 24px;} #signatureCanvas {border:1px solid #dfdfdf;margin-top: 10px;min-height: 150px;width: 100%;} .sign_boxs_img img {width:auto;height:auto;max-width: 100%;max-height: 100%;} .sm_schedule_list {padding-bottom: 20px;} .sm_schedule_box + .sm_schedule_box {margin-top: 10px;} .sm_schedule_box a {padding: 15px;border-radius: 10px;border:1px solid #e7ecef;box-shadow: 0 2px 6px rgba(123, 138, 149, 0.15);display: block;background: #fff;} .sm_schedule_box.on3 a {background: rgba(112,194,253, 0.05);border:1px solid var(--colorMain);} .sm_schedule_box_top {display: flex;align-items: center;justify-content: space-between;} .sm_schedule_date {font-size: 12px;color: #666;} .sm_schedule_status {font-size: 12px;font-weight: 500;color: var(--colorMain);} .sm_schedule_box_tit {font-size: 13px;font-weight: 500;white-space: nowrap;text-overflow: ellipsis;} .sm_schedule_box_mid {font-size: 15px;font-weight: 500;white-space: nowrap;text-overflow: ellipsis;} .sm_schedule_box_addr {font-size: 14px;color: #3d3d3d;} .sm_schedule_box_bot {font-size: 12px;color: #969696;} .sm_schedule_box_bot2 {display: flex;align-items: center;flex-wrap: wrap;} .sm_schedule_box_bot2 + .sm_schedule_box_bot2 {margin-top: 5px;} .sm_sche_bot_cont {position: relative;} .sm_sche_bot_cont + .sm_sche_bot_cont {margin-left: 10px;padding-left: 10px;} .sm_sche_bot_cont + .sm_sche_bot_cont::before {content:"";position: absolute;top:50%;left: 0;width: 1px;height: 8px;background: var(--borderColor2);transform:translateY(-50%);} .sm_section {display: block;} .sm_section2 {display: none;} .sm_section3 {display: none;} .sm_section1 {display: block;} .sm_complain_box_wrap {padding-top:15px;margin-top: 15px;border-top: 1px solid #F5F5F5;} .sm_complain_box {display: flex;align-items: center;justify-content: space-between;font-size: 13px;} .sm_complain_box + .sm_complain_box {margin-top: 10px;} .sm_complain_label {width: 110px;color: #3D3D3D;} .sm_compain_ct {width: calc(100% - 110px);display: flex;justify-content: flex-end;} /* sm 달력 */ /*달력*/ .calendar_area_wrap {background:#fff;padding:15px 0;border-radius:10px;box-shadow:var(--boxShadow);} /* .calendar_area {} */ .cal_header {display:flex;align-items:center;justify-content:center;} .cal_header button {display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:transparent;border:none;} .cal_header p {font-size:18px;font-weight:600;margin:0 5px;} .cal_tr {display:flex;text-align:center;color:#3d3d3d;} .cal_head {background:#F8FBFB;margin-top:10px;} .cal_div {width:14.285%;} .cal_th {padding:10px 5px;font-size:14px;line-height:1.1;color: #3d3d3d;font-weight: 600;} .cal_td {display:flex;align-items:center;justify-content:center;height:58px;padding:0 5px;font-size:15px;} .cal_td + .cal_td {} .cal_td.select_dates {} .not_this {color:var(--fontColor3);} .cal_day_box {position:relative;padding: 10px;border-radius: 8px;min-width: 40px;border:1px solid var(--boxColor4)} .cal_td.today {color: var(--colorMain);font-weight: 600;} .cal_td.today.ver2 {color: var(--fontColor);} .cal_td.select_dates .cal_day_box {border:1px solid var(--colorMain);} .cal_td.select_dates.ver2 .cal_day_box {background: #F0F4F6;border:1px solid #F0F4F6;} .cal_state_dot {width:4px;height:4px;border-radius:50%;position:absolute;top:12px;right: 4px;} .cal_state_dot.red {background: #f2838f;} .cal_state_dot.green {background: #0FD626;} .cal_state {display:flex;align-items:center;gap:15px;margin-top:14px;padding: 0 15px;} .cal_state li {display:flex;align-items:center;gap:6px;} .cal_state li p {width:8px;height:8px;border-radius:50%;} .cal_state li p.red {background: #f2838f;} .cal_state li p.green {background: #0FD626;} .cal_state li span {font-size:12px;line-height:1.1;color:#3D3D3D;} .cal_state li.cal_state_li2 {display: none;} .red_color {color: #f2838f;} .schedule_form_tit {font-size: 15px;font-weight: 600;margin-top: 20px;} .sch_result {padding: 15px 0;margin-top: 15px;border-top: 1px solid #C4C4C4;max-height: 190px;overflow: auto;} .sch_building_box {padding:14px;border-radius: 8px;border:1px solid #e4e4e4;} .sch_building_box + .sch_building_box {margin-top: 10px;} .sch_building_box.selected {border:1px solid var(--colorMain);} .sch_building_tit {font-size: 14px;font-weight: 500;} .sch_building_addr {font-size: 13px;color: #3d3d3d;} .sm_move_wrapper {padding: 0 0 20px;} .move_content_box_wrap {padding: 15px;border-radius: 10px;background: #fff;} .move_ct_box {display: flex;align-items: center;justify-content: space-between;} .move_ct_box + .move_ct_box {margin-top: 10px;} .move_ct_label {font-size: 13px;color: #3d3d3d;width: 110px;} .move_cts {font-size: 14px;font-weight: 500;width: calc(100% - 110px);display: flex;justify-content: flex-end;} .move_cts.ver2 {color: var(--colorMain);} .move_cts img {position: relative;top:-1px;margin-right: 3px;} .mng_box_inner {padding: 20px 0;} .inspection_sch_box {padding: 15px;border-radius: 8px;background: #fff;box-sizing: 0 2px 6px rgba(123, 138, 149, 0.15);} .inspection_form_box {display: flex;align-items: center;} .inspection_sch_label {width: 90px;font-size: 14px;font-weight: 500;color: #3d3d3d;} .inspection_form_box + .inspection_form_box {margin-top: 10px;} .inspection_form_box select {height: 46px;} .inspection_form_box input {height: 46px;} .inspection_form_button button {background: var(--colorMain);border:none;border-radius: 8px;display: flex;align-items: center;justify-content: center;font-size: 15px;font-weight: 500;color: #fff;width: 100%;height: 50px;} .inspection_cont {padding: 0 0 20px;} .inspection_cont_list {padding-top: 10px;} .inspection_cont_list li a {display: flex;padding: 10px 0;align-items: center;} .inspection_cont_list li .mng_cate_box {height: 56px;} .inspection_cont_list li + li {border-top: 1px solid #F5F5F5;} .inspection_cont_list li.empty_inspections {padding: 40px 0;text-align: center;font-size: 14px;} .inspection_content {width: calc(100% - 50px);padding-left: 10px;} .insepecton_form_t p {font-size: 16px;font-weight: 600;word-break: keep-all;} .insepecton_form_t p + p {margin-top: 10px;} .inspection_radio_wrap {display: flex;gap:0 10px;font-size: 14px;} .inspection_radio_boxs input[type="radio"] {margin-right: 5px;position: relative;top:-1px;} .inspection_radio_boxs input[type="radio"] + label {cursor: pointer;} .meter_reading_list li a {display: flex;font-size: 15px;padding: 20px 0;} .meter_reading_list li + li {border-top: 1px solid #E4E4E4;} .meter_reading_area {width: 100px;} .meter_reading_building {width: calc(100% - 100px);font-weight: 600;word-break: keep-all;} .meter_reading_form_box {padding: 20px 0;} .form_select_box.flex_ver {display: flex;gap:0 10px;} .form_select_box_wrap {display: flex;gap:0 10px;width: calc(100% - 46px);} /* .form_select_box select {height: 46px;} */ .form_select_box_wrap select {width: 20%;} .form_select_box_wrap select + select {width: 80%;} .form_select_box + .form_select_box {margin-top: 10px;} .form_select_box_wrap.ver2 select:first-child {width: 100px;background: url('/images/select_arr.svg') no-repeat #fff 86% 50%;} .form_select_box_wrap.ver2 select + select {width: calc(100% - 100px);} .meter_table_box {margin-top: 20px;} .meter_table_label {font-size: 15px;font-weight: 500;color: #3d3d3d;} .meter_tables {display: flex;} .meter_tables_th {width: 50px;border: 1px solid #E4E8E9;border-radius: 6px 0 0 0;display: flex;align-items: center;justify-content: center;font-size: 12px;} .meter_tables_th.ver2 {border-radius: 0;border-top: none;} .meter_tables_th.ver3 {border-radius: 0;border-left: none;} .meter_tables_th_right {width: calc(100% - 100px);display: flex;} .meter_tables_th_right.full {width: 100%;} .meter_tables_th_right.full1 .meter_table_th_rbox:first-child {border-radius: 6px 0 0 0;border-left: 1px solid #E4E8E9;} .meter_tables_th_right.full2 .meter_table_th_rbox:first-child {border-radius: 0 0 0 6px;border-left: 1px solid #E4E8E9;} .meter_tables_th_right .meter_table_th_rbox {width: calc(100% / 3);padding: 10px 0;text-align: center;font-size: 11px;color: #3d3d3d;border: 1px solid #E4E8E9;border-left: none;display: flex;align-items: center;justify-content: center;} .meter_tables_th_right.ver2 .meter_table_th_rbox {border-top: none;font-weight: 500;color: #121212;} .meter_tables:first-child .meter_table_th_rbox:last-of-type {border-radius: 0 6px 0 0;} .meter_tables_th_right.ver2 .meter_table_th_rbox:nth-child(odd) {background: #f7f9fa;} .meter_table_th_rbox .red {color: var(--fontColor4);} .meter_tables:last-child .meter_tables_th.ver2 {border-radius: 0 0 0 6px;} .meter_tables:last-child .meter_tables_th_right.ver2 .meter_table_th_rbox:last-of-type {border-radius: 0 0 6px 0;} .meter_form {text-align: center;font-size: 12px;font-weight: 500;height: 30px;border: none;width: 100%;} .meter_tables_th_right .meter_table_th_rbox.reds {color: #FF5C5C;} .meter_info_text {font-size: 11px;color: #FF5C5C;word-break: keep-all;position: relative;padding-left: 10px;} .meter_info_text::before {content:"*";position: absolute;top:0;left: 0;} .approval_tit {font-size: 16px;font-weight: 600;} .approval_btn {width: 100%;height: 50px;border-radius: 6px;background: url("/images/approval_icons.svg") no-repeat 15px 50% var(--colorMain);font-size: 14px;font-weight: 500;color: #fff;display: flex;align-items: center;justify-content: center;} .approval_menu_list {padding: 10px 0 20px;} .approval_menu_list li + li {border-top:1px solid #F5F5F5;} .approval_menu_list li a {padding:17px 0;display: block;font-size: 15px;font-weight: 500;background: url(/images/mypage_arr.svg) no-repeat 100% 50%;} .holiday_req_wrap {padding: 20px 0 30px;} .request_write_wrap {padding: 20px 0;} .request_write {background: url("/images/write_icons.svg") no-repeat 15px 50% var(--colorMain);} .request_texts {font-size: 14px;font-weight: 600;text-align: center;} .holiday_pay_wrap {padding: 15px;background: #F1F3F4;border-radius: 8px;} .holiday_pay_wrap + .holiday_pay_wrap {margin-top: 15px;} .holiday_box_labels {font-size: 14px;font-weight: 500;color: #3d3d3d;} .holiday_boxs + .holiday_boxs {margin-top: 15px;} .remove_btns_wrap {display: flex;justify-content: flex-end;} .remove_btns_wrap button {background: none;border:none;} .approval_reject_wrap button {width: 100%;height: 50px;border-radius: 6px;background: var(--fontColor4);font-size: 14px;font-weight: 500;color: #fff;display: flex;align-items: center;justify-content: center;border:none;} .building_sch_wrapper {padding: 20px 0;} .mng_building_wrap {padding-top: 20px;border-top: 1px solid var(--borderColor);} .mng_building_top_wrap {display: flex;align-items: center;justify-content: space-between;} .mng_building_sort_wrap {display: flex;align-items: center;gap:0 10px;} .mng_buinding_chk_wrap {position: relative;} .mng_buinding_chk_wrap input {position: absolute;bottom:0;left: 0;width: 1px;height: 1px;opacity: 0;} .mng_buinding_chk_wrap input + label {padding-left: 30px;font-size: 13px;color: #3d3d3d;cursor: pointer;} .mng_buinding_chk_wrap input + label::before { content: ""; width: 22px; height: 22px; background: url(/images/icon_chk_off2.svg) no-repeat center; position: absolute; left: 0; top: calc(50% - 1px); transform: translateY(-50%); } .mng_buinding_chk_wrap input:checked + label::before { background: url(/images/icon_chk_on2.svg) no-repeat center; } .build_sort_box {position: relative;} .build_sort_box input {position: absolute;bottom:0;left: 0;width: 1px;height: 1px;opacity: 0;} .build_sort_box input + label {font-size: 13px;color: #969696;cursor: pointer;} .build_sort_box input:checked + label {color: #666;} .build_sort_box input + label i {width: 8px;height: 11px;display: inline-block;margin-left: 3px;} .build_sort_box input.sort_up + label i {background: url('/images/up_arrows_off.svg') no-repeat;} .build_sort_box input.sort_up:checked + label i {background: url('/images/up_arrows_on.svg') no-repeat;} .build_sort_box input.sort_down + label i {background: url('/images/down_arrows_off.svg') no-repeat;} .build_sort_box input.sort_down:checked + label i {background: url('/images/down_arrows_on.svg') no-repeat;} .mng_building_list {padding-bottom: 20px;} .mng_building_list li + li {margin-top: 10px;} .mng_building_list li a {padding:15px;background: #fff;border-radius: 10px;display: block;} .mng_building_list li.empty_li {padding:20px 0;text-align: center;font-size: 14px;} .building_tits {font-size: 14px;font-weight: 500;} .building_addrs {font-size: 13px;color: #666;margin-top: 7px;} .building_mng_box {padding: 20px 0 0;} .building_mng_tit {font-size: 16px;font-weight: 600;} .building_mng_tit2 {font-size: 14px;color: #666;background: none;border: none;margin-top: 10px;display: flex;align-items: center;gap:0 5px;} .building_mng_tit2 i {position: relative;top:-1px;} .building_info_boxs {padding: 15px;background: #fff;border-radius: 8px;} .build_box {display: flex;flex-direction: column;gap:10px 0;} .build_box + .build_box {margin-top: 13px;} .build_box.ver2 + .build_box.ver2 {margin-top: 24px;} .build_flex {align-items: center;justify-content: space-between;flex-direction: row;gap:0;} .build_label {font-size: 13px;color: #3d3d3d;width: 100%;} .build_cts {font-size: 14px;font-weight: 500;width: 100%;} .build_flex .build_label {width: 110px;} .build_flex .build_cts {width: calc(100% - 110px);justify-content: flex-end;display: flex;} .build_cts_ta {width: 100%;border-radius: 8px;border:1px solid #e4e4e4;padding:15px;font-size: 13px;font-weight: 400;min-height: 80px;max-height: 160px;overflow: auto;} .building_info_bot {padding: 20px 0;} .building_info_bot_box {display: flex;flex-direction: column;gap:10px 0;} .building_info_bot_box + .building_info_bot_box {margin-top: 30px;} .building_bot_label {font-size: 15px;font-weight: 500;color: #3d3d3d;} .building_file_list li + li {margin-top: 10px;} .building_file_list li a {display: block;background:url('/images/down_icons.svg') no-repeat 98% 50% #f7f9fa;height: 46px;width: 100%;display: flex;align-items: center;justify-content: flex-start;padding: 0 15px;border-radius: 8px;font-size: 15px;} .building_bot_cts_btn {border: none;background: var(--colorMain);display: flex;align-items: center;justify-content: center;border-radius: 8px;height: 50px;font-size: 15px;font-weight: 500;color: #fff;} .building_info_update_btn {display: flex;justify-content: flex-end;margin-top: 12px;} .building_info_update_btn a {height: 30px;padding: 0 15px;border-radius: 6px;background: #3d3d3d;font-size: 12px;font-weight: 500;color: #fff;display: flex;align-items: center;justify-content: center;} .building_info_update_btn a img {margin-right: 5px;position: relative;top:-1px;} .build_box_form {padding: 20px 0;} .house_hold_tit {font-size: 16px;font-weight: 600;} .house_hold_wrap {padding: 20px 0;} .house_hold_list li + li {border-top:1px solid #F5F5F5;} .house_hold_list li.empty_li {padding:20px 0;text-align: center;font-size: 14px;} .house_hold_list li a {padding:15px 0;display: flex;align-items: center;justify-content: space-between;font-size: 14px;font-weight: 500;color: #B8B8B8;} .hh_left {width: calc(100% - 50px);display: flex;align-items: center;} .hh_left_dong {width: 70px;} .hh_left_ho {width: calc(100% - 70px);} .hh_right {width: 50px;} .house_hold_list.ver2 .hh_left {width: calc(100% - 200px);color: #121212;} .house_hold_list.ver2 .hh_right {width: 200px;display: flex;justify-content: flex-end;} .house_hold_list li a.ver2 .hh_left {color: #121212;} .house_hold_list li a.ver2 .hh_right {color: var(--colorMain);} .house_hold_wrap {padding:15px 0;background: #fff;border-radius: 8px;} .house_hold_wrap.ver2 {padding: 15px;} .house_hold_wrap + .house_hold_wrap {margin-top: 15px;} .house_hold_box {display: flex;align-items: center;justify-content: space-between;} .house_hold_box + .house_hold_box {margin-top: 10px;} .house_hold_l {width: 150px;font-size: 13px;color: #3d3d3d;} .house_hold_r {width: calc(100% - 150px);display: flex;justify-content: flex-end;font-size: 14px;font-weight: 500;} .house_hold_r.ver2 {flex-direction: column;align-items: flex-end;} .house_hold_car_box + .house_hold_car_box {margin-top: 5px;} .house_hold_r img {margin-right: 5px;} .house_hold_r span {border-bottom: 1px solid #121212;} .house_hold_menu_list {padding: 20px 0;} .house_hold_menu_list li {background: url(/images/mypage_arr.svg) no-repeat 98% 50%;padding: 15px 20px;font-size: 15px;font-weight: 500;cursor: pointer;} .house_hold_menu_list li.disabled {background: url(/images/mypage_arr.svg) no-repeat 98% 50% var(--boxColor);color: #999;} .house_hold_menu_list li + li {border-top: 1px solid #F5F5F5;} .cm_house_hold_box {display: flex;align-items: center;justify-content: space-between;} .cm_house_hold_box_left {width: 120px;} .cm_house_hold_box_right {width: calc(100% - 120px);display: flex;justify-content: flex-end;} .cm_house_hold_box_wrap {padding:15px;border-radius: 8px;border:1px solid var(--borderColor);} .cm_house_hold_box_wrap + .cm_house_hold_box_wrap {margin-top: 10px;} .cm_house_hold_box + .cm_house_hold_box {margin-top: 10px;} .cm_house_hold_box_left {font-size: 13px;color: #3d3d3d;} .cm_house_hold_box_right {font-size: 14px;font-weight: 500;} .cm_house_hold_box_right img {margin-right: 5px;} .cm_house_hold_box_right span {border-bottom: 1px solid #121212;} .cal_header_wrap {background: #F1F3F4;} .cal_header_wrap .cal_header p {font-size: 16px;font-weight: 500;} .car_visit_pop_box {border-radius: 8px;background: #fff;border:1px solid var(--borderColor);overflow: hidden;} .car_visit_pop_box + .car_visit_pop_box {margin-top: 10px;} .car_visit_empty {padding: 20px 0;text-align: center;font-size: 14px;} .car_visit_infos {padding: 14px;} .car_visit_info_box {display: flex;align-items: center;justify-content: space-between;} .car_visit_info_box + .car_visit_info_box {margin-top: 10px;} .car_visit_info_label {width: 85px;font-size: 14px;font-weight: 600;} .car_visit_info_text {width: calc(100% - 100px);font-size: 13px;color: #3D3D3D;display: flex;justify-self: flex-start;} .car_visit_info_text a img {margin-right: 5px;} .car_visit_info_text a span {border-bottom: 1px solid var(--fontColor);} .car_vist_pop_dates {height: 30px;width: 100%;background: var(--boxColor);display: flex;padding:2px 15px 0;display: flex;align-items: center;font-size: 12px;color: #666;} .pop_label_box {display: flex;align-items: center;justify-content: space-between;padding-bottom: 15px;border-bottom: 1px solid #C4C4C4;} .pop_label {font-size: 15px;font-weight: 600;} .pop_label_sub {font-size: 12px;color: #999;} .pop_bill_box {padding: 12px 0;display: flex;align-items: center;justify-content: space-between;font-size: 15px;} .pop_bill_box + .pop_bill_box {border-top: 1px dashed #E4E4E4;} .pop_bill_label {color: #3D3D3D;width: 200px;} .pop_bill_price {font-weight: 500;width: calc(100% - 200px);display: flex;justify-content: flex-end;} .pop_bill_empty {padding:40px 0;text-align: center;font-size: 14px;} .pop_total_price_box {display: flex;align-items: center;justify-content: space-between;padding-top: 15px;border-top: 1px solid #C4C4C4;} .pop_total_price_box .pop_label {width: 90px;} .pop_total_price {font-size: 18px;font-weight: 700;width: calc(100% - 90px);display: flex;justify-content: flex-end;} .pop_total_price span {color: var(--colorMain);} .pop_in_out_box {display: flex;align-items: center;justify-content: space-between;} .pop_in_out_dates {font-size: 13px;color: #3D3D3D;} .pop_in_out_status {font-size: 14px;font-weight: 500;color: var(--fontColor3);} .pop_in_out_status.ver2 {color: var(--colorMain);} .empty_history {padding:20px 0;text-align: center;font-size: 14px;} .pop_in_out_box_wrap + .pop_in_out_box_wrap {margin-top: 20px;} .pop_in_out_info {display: flex;align-items: center;line-height: 1;padding-top: 15px;margin-top: 12px;border-top: 1px solid #E4E4E4;} .pop_in_out_info_name {font-size: 15px;font-weight: 500;padding-right: 10px;margin-right: 10px;position: relative;} .pop_in_out_info_name::after {content:"";width: 1px;height: 10px;background: #EDEDED;position: absolute;top:50%;right: 0;transform:translateY(-50%);} .pop_in_out_info_tel {font-size: 15px;font-weight: 500;} .pop_in_out_info_tel img {position: relative;top:-1px;} .pop_in_out_info_tel span {border-bottom: 1px solid #121212;} .mng_title_sub {font-size: 14px;color: #666;margin-bottom: 5px;} .mng_title {font-size: 16px;font-weight: 600;} .mng_info_cont {padding: 20px 0;} .mng_info_cont .sch_box_wrap select {width: calc(100% - 46px);height: 46px;font-size: 15px;} .mng_info_cont .sch_box_wrap .sch_button {height: 46px;width: 46px;} .mng_cont_empty {padding:20px 0;text-align: center;font-size: 14px;} .mng_cont_box_wrap {padding: 15px 15px 12px;border-radius: 8px;border:1px solid #e4e4e4;} .mng_cont_box_wrap + .mng_cont_box_wrap {margin-top: 10px;} .mng_cont_box {display: flex;align-items: center;line-height: 1.2;} .mng_cont_box + .mng_cont_box {margin-top: 12px;} .mng_cont_box + .mng_cont_box.tel {margin-top: 10px;} .mng_cont_label {font-size: 14px;font-weight: 600;width: 90px;} .mng_cont_infos {font-size: 14px;color: #3D3D3D;width: calc(100% - 90px);} .mng_cont_infos.tel {display: flex; align-items: center;} .mng_cont_infos.tel .tel_btn {background: #3D3D3D;font-size: 12px;color: #fff;display: flex;align-items: center;padding:6px 6px 4px;border-radius: 5px;position: relative;top:-1px;margin-left: 10px;} .mng_cont_infos.tel .tel_btn img {margin-right: 5px;position: relative;top:-1px;} .car_content {padding: 0 0 20px;} .car_content .sch_box_wrap select {width: 106px;background: url('/images/select_arr.svg') no-repeat #fff 90% 50%;} .car_content .sch_box_wrap .ipt_box2 {width: calc(100% - 106px);} .sm_mng_info_cont {padding: 20px 0;} .sm_company_info_box_wrap + .sm_company_info_box_wrap {margin-top: 45px;} .sm_company_label {font-size: 15px;font-weight: 600;line-height: 1;} .sm_company_label.ver2 {font-size: 16px;} .sm_company_label {padding-bottom: 15px;border-bottom: 1px solid #C4C4C4;margin-bottom: 15px;} .sm_company_info_box {display: flex;align-items: center;justify-content: space-between;} .sm_company_info_box + .sm_company_info_box {margin-top: 15px;} .sm_company_info_label {font-size: 15px;color: #3D3D3D;width: 190px;} .sm_company_info_text {font-size: 15px;font-weight: 500;width: calc(100% - 190px);display: flex;justify-content: flex-end;} .sm_company_info_text img {position: relative;top:-1px;margin-right: 5px;} .sm_company_info_text span {color:var(--colorMain);border-bottom:1px solid var(--colorMain)} .bigo_btn_wrap {margin-top: 15px;} .bigo_btn_wrap button {width: 100%;height: 45px;border-radius: 6px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 14px;background: var(--colorMain);border:none;} .cm_pop_bigo_cont {height: 160px;resize: none;padding: 15px;border-radius:8px;border:1px solid #E4E4E4;margin-top: 20px;font-size: 14px;overflow: auto;} .sm_company_history table {border-collapse: collapse;width: 100%;} .sm_company_history th {font-size: 14px;border-top: 1px solid #000;padding: 15px 0;} .sm_company_history td {font-size: 14px;text-align: center;padding: 15px 0;border-top: 1px solid var(--borderColor);} .sm_company_history tr:last-child td {border-bottom: 1px solid var(--borderColor);} .ex_report_submit_box {padding: 10px 15px;border-radius: 8px;border: 1px solid #E4E4E4;display: flex;align-items: center;justify-content: space-between;} .ex_report_submit_text {width: calc(100% - 80px);font-size: 15px;} .ex_report_submit_box button {height: 30px;padding: 2px 0 0px;border-radius: 6px;background: #3d3d3d;display: flex;align-items: center;font-size: 12px;color: #fff;font-weight: 500;width: 80px;justify-content: center;} .report_label_box {height: 46px;border-radius: 8px;background: #F7F9FA;display: flex;align-items: center;justify-content: space-between;padding: 0 15px;font-size: 14px;font-weight: 500;color: #3D3D3D;} .report_pop_label {width: 46px;} .report_pop_label2 {width: calc(100% - 46px);word-break: keep-all;display: flex;justify-content: flex-end;} .report_select_box {display: flex;align-items: center;justify-content: space-between;gap:0 10px;} .report_select_box + .report_select_box {margin-top: 10px;} .report_select_label {width: 46px;font-size: 14px;font-weight: 500;color: #3D3D3D;} .report_selects {width: calc(100% - 46px);} .select_answer {padding: 15px;border-radius: 10px;background: #fff;font-size: 15px;} .vote_res_wrap {padding: 20px 0;} .vote_res_tit_box {display: flex;align-items: center;justify-content: space-between;font-size: 14px;font-weight: 500;padding-bottom: 15px;border-bottom: 1px solid #e4e4e4;} .vote_res_bd_box {display: flex;align-items: center;justify-content: space-between;padding: 15px 0;border-bottom: 1px solid #F5F5F5;font-size: 14px;color: #3D3D3D;} .vote_res_bd_right {width: 70px;display: flex;justify-content: flex-end;} .vote_res_bd_left {width: calc(100% - 70px);} .ipt_box .file_box {margin-top: 10px;} .ipt_box .file_box:first-of-type {margin-top: 0;} .file_box input {position: absolute;bottom:0;left: 0;width: 1px;height: 1px;opacity: 0;} .file_box input + label {display: flex;align-items: center;justify-content: space-between;padding: 10px 10px 10px 15px;border-radius: 8px;border:1px solid #E4E4E4;cursor: pointer;} .file_box input + label .file_contents_box_wrap {width: calc(100% - 82px);font-size: 14px;word-break: keep-all;display: flex;align-items: center;gap:10;justify-content: space-between;} .file_box input + label .file_contents_box_wrap .file_contents_box {width: calc(100% - 72px);} .file_box input + label .label_box {padding: 7px 0 5px;background: #3D3D3D;border-radius: 5px;display: flex;justify-content: center;font-size: 12px;font-weight: 500;color: #fff;width: 62px;} .file_content_del_box {display: none;} .file_content_del { padding: 7px 0 5px; background: var(--fontColor4); border-radius: 5px; display: flex ; justify-content: center; font-size: 12px; font-weight: 500; color: #fff; width: 62px; border:none; } .file_down_box_wrap a {padding:15px 55px 15px 15px;border-radius: 8px;background: url("/images/download_icon.svg") no-repeat 98% 50% #f7f9fa;display: flex;align-items: center;justify-content: space-between;} .file_down_box_wrap a + a {margin-top: 10px;} .file_tit {font-size: 15px;color: #666;} .file_del {position: absolute;top:0;right: 0;} .file_del input[type="checkbox"] {position: absolute;bottom:0;left: 0;width: 1px;height: 1px;opacity: 0;} .file_del input[type="checkbox"] + label {padding:4px 10px;background: var(--boxColor);font-weight: 400;cursor: pointer;} .file_del input[type="checkbox"]:checked + label {background: var(--fontColor4);color: #fff;} .sm_register_agree {padding: 20px 0;} .agree_text {font-size: 14px;color: var(--fontColor4);position: relative;padding-left: 12px;} .agree_text + .agree_text {margin-top: 10px;} .agree_text::after {content:"*";display: block;position: absolute;top:0;left: 0;} .expense_img_box {margin-top: 25px;} .expense_img_box_inner {text-align: center;} .expense_img_box_inner img {max-width: 100%;} .expense_img_box_inner .swiper-pagination-fraction {text-align: right;padding:6px 10px 4px;background: rgba(0,0,0,0.3);width: auto;right: 10px;bottom:10px;left: auto;top:auto;border-radius: 50px;font-size: 14px;color: #fff;} .inspection_content_box {text-align: center;} .inspection_content_box img {max-width: 100%;} .inspection_content_box .swiper-pagination-fraction {text-align: right;padding:6px 10px 4px;background: rgba(0,0,0,0.3);width: auto;right: 10px;bottom:10px;left: auto;top:auto;border-radius: 50px;font-size: 14px;color: #fff;} .expense_content_box {min-height: 160px;padding: 15px;border:1px solid #E4E4E4;border-radius: 8px;} .ipt_box_building_box + .ipt_box_building_box {margin-top: 10px;} .sign_off_info {padding: 30px 0;} .sign_off_info img {max-width: 100%;} .sign_off_info .sign_off_title {font-size: 24px;font-weight: 700;text-align: center;} #building_info_pop {position: fixed;top:0;left: 0;z-index: 1000;width: 100%;height: 100%;display: none;} .building_info_pop_inner {position: absolute;width: 100%;height: 100%;top:0;left: 0;background: rgba(0,0,0,0.9);} .building_pop_cont {width: calc(100% - 40px);padding:20px;border-radius: 16px;background: #fff;display: flex;align-items: center;justify-content: center;position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%);flex-direction: column;} .building_pop_cont p {margin-top: 20px;font-size: 16px;font-weight: 500;} .paid_holiday_del {position: relative;margin-top: 15px;} .paid_holiday_del input[type="checkbox"] {position: absolute;bottom:0;left: 0;width: 1px;height: 1px;opacity: 0;} .paid_holiday_del input + label {padding:0 10px;border-radius: 8px;border: none;height: 40px;color: #fff !important;display: flex;align-items: center;justify-content: center;background: var(--borderColor);cursor: pointer;font-size: 14px;color: #666;} .paid_holiday_del input:checked + label {background: var(--fontColor4);color: #fff;} .empty_inspection {display: flex;flex:1;align-items: center;justify-content: center;font-size: 18px;flex-direction: column;} .empty_inspection img {margin-bottom: 20px;} .inspection_end_box {flex:1;display: flex;flex-direction: column;align-items: center;justify-content: center;} .insp_title {font-size: 18px;font-weight: 500;margin-top: 20px;} .bn_pop_cont {text-align: center;} .ban_swp img {max-width: 100%;} .ban_swp .swiper-pagination-fraction {text-align: right;padding:6px 10px 4px;background: rgba(0,0,0,0.3);width: auto;right: 10px;bottom:10px;left: auto;top:auto;border-radius: 50px;font-size: 14px;color: #fff;} .main_banner_wrap {text-align: center;background: #fff;} .ban_main_swp img {max-width: 100%;} .bn_pop_btn_wrap {display: flex;} .bn_pop_btn_wrap button {width:50%;background: none;border:none;padding: 20px 0;font-size: 15px;position: relative;} .bn_pop_btn_wrap button:first-child::after {content:"";width: 1px;height: 10px;background: var(--fontColor2);position: absolute;top:50%;right: 0;transform:translateY(-50%);} .mng_company_alert p {color: var(--fontColor4);font-size: 15px;line-height: 1.4;padding-left: 12px;position: relative;font-weight: 500;} .mng_company_alert p::before {content:"*";position: absolute;top:0;left: 0;} .mng_company_alert p + p {margin-top: 7px;} .graph_top_box {width: 100%;display: flex;align-items: center;justify-content: space-between;} .graph_top_box > div {width: 50%;} .graph_top_box > div.graph_color_line_box {width: 75px;} .graph_color_line_box {display: flex;flex-direction: column;gap: 10px 0;} .line_box_wrap {display: flex;align-items: center;gap:0 10px} .line_box {width:30px;height: 3px;background: #C4C4C4;} .line_label {font-size: 13px;font-weight: 500;color: #000;} .line_box.orange {background: #FFA81C;} .line_label.orange {color: #FFA81C;} @media(max-width:830px){ .bbs_content_box_tit {display: block;} } @media(max-width:720px){ .bansang_sel {background: url('/images/select_arr.svg') no-repeat #fff 96% 50%;} .mypage_menu_list li a {background: url("/images/mypage_arr.svg") no-repeat 96% 50% var(--boxColor);} .faq_question {background: url("/images/select_arr.svg") no-repeat 96% 50%;} .faq_question.up {background: url("/images/select_arr_up.svg") no-repeat 96% 50%;;} } @media(max-width:390px){ .report_btn_wraps {flex-direction: column;gap:10px 0;} .graph_top_box {flex-direction: column;align-items: flex-start;gap:15px 0;} .graph_top_box > div {width: 100%;} .graph_top_box > div.graph_color_line_box {width: 100%;align-items: flex-end;} .graph_color_line_box .line_box_wrap {width: 75px;} .line_chart {margin-top: 5px;} } @media(max-width:320px){ .idx_sc2_box_wrap {gap:5px} .idx_sc2_box {width: calc((100% / 3) - 5px);} .idx_sc2_tit_box {font-size: 12px;} }