/* 공통 텍스트 */ h3.tit_ex {font-size: 15px; line-height: 1.3; color:#222; padding: 0 0 10px 25px; background:url('/apti/images/reWeb/icon_exclamation_17.png') no-repeat 0 0 / 17px; position: relative;} .txtBox {font-size: 15px; line-height: 1.3; color:#3b3b3b;} /* 기본 */ .txt13 {font-size: 14px; line-height: 1.3; color:#3b3b3b;} .bu_list li {font-size: 14px; line-height: 1.3; color:#3b3b3b; margin-bottom:5px; background:url('/apti/images/reWeb/bu_gray.gif') no-repeat 0 7px; padding-left:10px;} .bu_list2 li {font-size: 14px; line-height: 1.3; color:#3b3b3b; margin-bottom:5px; padding-left:10px;} .line_list {padding-top: 8px;} .line_list li {font-size: 14px; line-height: 1.3; color:#3b3b3b; margin-bottom:5px; background:url('/apti/images/reWeb/bu_line.gif') no-repeat 0 7px; padding-left:10px;} .msg {font-size: 11px; line-height: 1.3; color:#666;} strong.data1 {color:#ffa401;} strong.data2 {color:#cd4030;} strong.data3 {color:#20a95c;} strong.data4 {color:#c9c200;} .paging {height:30px; width:100%; text-align:center; margin-top:30px; margin-bottom:20px;} .paging span {padding:7px 9px 6px; color:#fff; background:#aaa; border:1px solid #aaa; font-size:11px;} .paging a {padding:7px 9px 6px; margin:0 1px; text-decoration:none; color:#9a9a9a; background:#fff; border:1px solid #e3e3e3; font-size:11px;} .paging a.img {display:inline-block; zoom:1; *display:inline;padding:0; background:#fff; border:1px solid #e3e3e3; width:25px; height:26px;} .paging a.img img {vertical-align:middle; padding-bottom:3px; width:100%;} .not_event_txt {width: 100%; border-bottom:1px solid #e5e5e5;text-align:center;font-size:15px;font-weight:bold;padding:80px 0;} /* 가입완료 */ .join-com{width:100%; position:relative; text-align:center;} .join-com h2{font:28px/150%; color:#444; font-weight:600; letter-spacing:-0.5px; margin:20px 0 90px 0;} .join-com .com-img{width:30%; text-align:center; display:inline-block; vertical-align:top;} *html .join-com .com-img {_float: left; _margin-left: 3%;} .join-com *.com-img {.float: left; .margin-left: 3%;} .join-com .com-img img {max-width: 80%} *html .join-com *.com-img img {_width: 80%} .join-com .com-img h3{font:18px/150%; color:#2897c4; letter-spacing:-0.5px; margin:10px 0 30px 0;} .join-com .com-img p{font:13px/150%; color:#555; width:70%; margin:0 auto;} .mar-T{margin-top:90px;} .btnBox{text-align:center;} /* 가입완료 */ /**** 제휴 및 광고 문의 ****/ #wrapper.ad_container {overflow: visible;} .ad_container, .ad_container * {box-sizing: border-box;} .ad_container .titleBox {height: 260px; background: url('/apti/images/customer/customer_banner.jpg') center 47%/cover no-repeat;} .ad_container .titleBox h2 {padding-top: 18px; color: #fff;} .ad_container .titleBox h2::before {height: 2px; background-color: #fff;} .ad_container .conBox {max-width: none; padding: 0;} .ad_container .segmented_control { position: sticky; z-index: 10; top: 80px; display: flex; flex-direction: row; justify-content: center; align-items: center; background: #fff; padding-top: 60px; padding-bottom: 10px; } .ad_container .segmented_control .segmented_container { display: grid; grid-auto-flow: column; grid-auto-columns: 118px; padding: 4px; border-radius: 99px; background-color: #f1f2f3; } .ad_container .segmented_control .segmented_container .selection { grid-column: 1; grid-row: 1; background-color: #363C43; border-radius: 99px; will-change: transform; -webkit-transition: transform .2s ease; transition: transform .2s ease; } .ad_container .segmented_control .segmented_container .segment { position: relative; padding: 8px 0; border-radius: 99px; } .ad_container .segmented_control .segmented_container .segment:first-of-type { grid-column: 1; grid-row: 1; } .ad_container .segmented_control .segmented_container .segment input { display: none; } .ad_container .segmented_control .segmented_container .segment .text { position: relative; display: block; line-height: 1.45; font-size: 17px; font-weight: 500; color: #8F99A9; text-align: center; -webkit-transition: all .2s ease; transition: all .2s ease; will-change: transform; cursor: pointer; } .ad_container .segmented_control .segmented_container .segment input:checked + .text { font-weight: 600; color: #fff; } .ad_container .segmented_control.size_md .segmented_container .segment { padding-top: 6px; padding-bottom:6px; } .ad_container .segmented_control.size_sm .segmented_container { padding: 2px; } .ad_container .segmented_control.size_sm .segmented_container .segment { padding-top: 5px; padding-bottom: 5px; } .ad_container .segmented_control.size_sm .segmented_container .segment .text { line-height: 1.35; font-size: 13px; } .ad_container .segmented_control.full { margin: 0 auto; width: calc(100% - 8px); } .ad_container .segmented_control.full .segmented_container { width: 100%; } /* .ad_container .segmented_control.fixed {position: absolute; z-index: 9999; left: 50%; transform: translateX(-50%);} */ .ad_container br.mo {display: none;} .ad_container .ad_contents_wrapper {max-width: 1100px; text-align: center; color: #1C1C1F; margin: 0 auto;} .ad_container .ad_contents_wrapper .title {margin-bottom: 56px; font-size: clamp(24px, 3vw, 36px); font-weight: 700; line-height: 1.5;} .ad_container .ad_contents_wrapper .title p {margin-top: 20px; font-size: clamp(16px, 1.6vw, 20px); font-weight: 400; color: #464D5A;} .ad_container .ad_info_wrapper {padding-top: 120px;} .ad_container .ad_info_wrapper .contents {display: flex; align-items: center;} .ad_container .ad_info_wrapper .contents .img {display:block; flex: 0 1 510px; aspect-ratio: 51/44; background: url('/apti/images/customer/ad_info_img.png') center/contain no-repeat;} .ad_container .ad_info_wrapper .contents p {flex: 1 0 auto; font-size: clamp(22px, 3.2vw, 40px); font-weight: 700; line-height: 1.5; text-align: left;} .ad_container .ad_info_wrapper .contents p span {display: block; margin-bottom: 6px; font-size: clamp(16px, 1.6vw, 20px); font-weight: 500; color: #626978;} .ad_container .ad_info_wrapper .contents p i {color: #2761FF; font-style: normal;} .ad_container .ad_product_wrapper {padding-top: 180px;} .ad_container .ad_product_wrapper .contents {display: flex; align-items: flex-end; gap: 24px;} .ad_container .ad_product_wrapper .contents .video_box {border-radius: 24px; overflow: hidden;} .ad_container .ad_product_wrapper .contents .video_box video {width: 100%;} .ad_container .ad_product_wrapper .contents .video_box p {margin-top: 32px; font-size: 22px; font-weight: 500; line-height: 1.45;} @keyframes aniFlow { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .ad_container .ad_affiliation_wrapper {padding-top: 180px;} .ad_container .ad_affiliation_wrapper .contents {position: relative; padding: 68px 0 74px;} .ad_container .ad_affiliation_wrapper .contents::before, .ad_container .ad_affiliation_wrapper .contents::after {content: ''; position: absolute; z-index: 2; top: 0; width: 80px; height: 310px; background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);} .ad_container .ad_affiliation_wrapper .contents::before {left: 0;} .ad_container .ad_affiliation_wrapper .contents::after {right: 0; transform: rotate(180deg);} .ad_container .ad_affiliation_wrapper .flow_text_wrapper {position: relative;height: 60px;overflow: hidden;user-select: none;} .ad_container .ad_affiliation_wrapper .flow_text_wrapper:nth-child(2) {margin-top: 60px;} .ad_container .ad_affiliation_wrapper .flow_text_wrapper .flow_text_list {position: absolute;top: 0px;left: 0px;height: 100%;display: flex;white-space: nowrap;animation: aniFlow 24s linear 0s infinite normal none running;} .ad_container .ad_affiliation_wrapper .flow_text_wrapper:nth-child(2) .flow_text_list {animation-direction: reverse;} .ad_container .ad_affiliation_wrapper .flow_text_wrapper .flow_text_list .flow_text_item {height: 100%; margin-left: 60px;} .ad_container .ad_affiliation_wrapper .flow_text_wrapper .flow_text_list .flow_text_item img {height: 100%;} .ad_container .ad_contact_wrapper {max-width: none;padding: 120px 0; margin-top: 120px; background: #F5F7F9;} .ad_container .ad_contact_wrapper .contents {max-width: 1100px; padding: 40px 48px; margin: 0 auto; background: #fff;border-radius: 20px;} .ad_container input, .ad_container input[type="text"], .ad_container textarea{border: none; outline: none; border-radius: 0; appearance: none; margin: 0; padding: 0; border: none; height: auto; background: transparent;resize:none;} .ad_container input::placeholder, .ad_container textarea::placeholder{color: #B5BAC5;} .ad_container .text_form {display: flex; flex-direction: column; gap: 20px;} .ad_container .input_group {display:flex;gap:16px;} .ad_container .input_row { display: flex; flex-direction: column; justify-content: flex-start; gap: 8px; width: 100%; } .ad_container .input_row .input_label { display: flex; flex-direction: row; align-items: center; gap: 2px; padding: 0 0 0 4px; } .ad_container .input_row .input_label .text { line-height: 1.35; font-size: 14px; font-weight: 500; color: #2A2A2A; } .ad_container .input_row .input_label .text .required {display: inline-block; margin-left: 3px; font-size: 13px; color: #FF4851;} .ad_container .input_row .input_cell { position: relative; overflow: hidden; display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 12px; width: 100%; padding: 12px 20px; border-radius: 12px; background-color: #F4F5F8; transition: all 0.2s ease-in; } .ad_container .input_row .input_cell::before { box-sizing: border-box; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius: 12px; border: 1px solid #F4F5F8; transition: all 0.2s ease-in; content: ''; } .ad_container .input_row .input_cell:focus-within { background-color: #fff; } .ad_container .input_row .input_cell:has(textarea) { align-items: flex-start; height: 144px; padding: 0; } .ad_container .input_row .input_cell:has(.input_txt:read-only) { background-color: #F4F5F8; } .ad_container .input_row .input_cell:has(.input_txt:read-only)::before { border-color: #F4F5F8; } .ad_container .input_row .input_cell .input_txt { position: relative; flex: 1; width: 100%; line-height: 1.45; font-size: 14px; font-weight: 500; color: #1C1C1F; } .ad_container .input_row .input_cell textarea.input_txt { width: 100%; height: 100%; padding: 13px 20px; } .ad_container .input_row .input_cell:has(.input_txt:read-only) .input_txt { cursor: default; } .ad_container .input_cell .right_area { position: relative; flex: 0 0 auto; display: flex; flex-direction: row; align-items: center; gap: 12px; } .ad_container .input_cell .right_area button { display: none; width: 20px; height: 20px; text-indent: -9999px; background-repeat: no-repeat; background-position: center; background-size: contain; } .ad_container .input_cell .right_area .btn_delete { background-image: url("/apti/images/common/ico_delete_20.svg"); } .ad_container .input_cell .right_area .btn_delete.active { display: block; } .ad_container .file_box {display: flex;align-items: center;gap:12px;} .ad_container .file_box .file_button {position: relative;} .ad_container .file_box .file_button button {padding:8px 24px; font-size: 15px; font-weight: 500; line-height: 1.45; color: #2A2A2A; border-radius: 99px;border: 1px solid #CDD1D8;background: #fff;cursor: pointer;} .ad_container .file_box .file_button input {position: absolute; opacity: 0; visibility: hidden; width: 1px; height: 1px;} .ad_container .file_box .file_button label {position: absolute; top:0; left:0; width:100%; height:100%; opacity: 0; cursor: pointer;} .ad_container .checkbox input { display: none; } .ad_container .checkbox .checkbox_label { display: flex; flex-direction: row; align-items: center; gap: 8px; cursor: pointer; } .ad_container .checkbox .checkbox_label .icon { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 50%; background-color: #E1E4EB; transition: all 0.3s ease; } .ad_container .checkbox.size_m .checkbox_label .icon { width: 20px; height: 20px; } .ad_container .checkbox input:checked + .checkbox_label .icon { background-color: #3C70FF; } .ad_container button{background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer} .ad_container .ad_terms_area {display:flex; flex-direction: column; gap: 16px;margin-top:32px;} .ad_container .ad_terms_area .terms_box {display:flex; flex-direction:column; gap: 16px; padding: 20px 24px 22px;border-radius: 12px;border: 1px solid #F1F2F3;} .ad_container .ad_terms_area .title_area {display:flex;align-items: center;justify-content:space-between;} .ad_container .ad_terms_area .title_area .terms_title {display:flex;align-items:center;} .ad_container .ad_terms_area .title_area .terms_title label {cursor: pointer;} .ad_container .ad_terms_area .title_area .terms_title .title_text {padding-left:10px;font-size:15px; font-weight:500; line-height: 1.45; color: #2a2a2a;} .ad_container .ad_terms_area .title_area .terms_toggle_button {padding: 1px 0 1px 10px;} .ad_container .ad_terms_area .title_area .terms_toggle_button svg {transition: transform 0.3s;} .ad_container .ad_terms_area .text_area {text-align:left;display: none;} .ad_container .ad_terms_area .text_area .text {font-size: 14px; font-weight: 400; line-height: 1.45; color: #363c43;} .ad_container .ad_terms_area .text_area table {margin: 8px 0; table-layout:fixed; width: 100%;text-align:center;} .ad_container .ad_terms_area .text_area table th, .ad_container .ad_terms_area .text_area table td {padding:10px 12px;border-top: 1px solid #E8EAED;font-size:13px;line-height:1.35;border-right: 1px solid #E8EAED;} .ad_container .ad_terms_area .text_area table th:last-child, .ad_container .ad_terms_area .text_area table td:last-child {border-right: none;} .ad_container .ad_terms_area .text_area table th {background: #F4F5F8;font-weight:500;} .ad_container .ad_terms_area .text_area table td {border-bottom: 1px solid #E8EAED;} .ad_container .ad_terms_area .text_area a {display: inline-block; margin-top: 12px; text-decoration: underline; font-size: 13px; font-weight: 400; line-height: 1.35;color:#464D5A;} .ad_container .ad_terms_area .terms_box.active .terms_toggle_button svg {transform: rotate(180deg);} .ad_container .ad_submit_button {width: 160px; height: 48px; margin-top:24px; border-radius: 99px;background: #3C70FF;font-size:15px; font-weight:600;color:#fff;} /**** pc ****/ @media screen and (max-width: 1280px) { .ad_container .titleBox {height: 200px;} .ad_container .ad_contents_wrapper:not(.ad_affiliation_wrapper) {padding-left: 40px; padding-right: 40px;} } @media all and (min-width: 1101px){ #eventSel_txt {float:left;padding-top:7px;} #eventSel_icon {float:left; padding-top:7px;} #eventSel {text-align:right;} #btn_memTop {display:;} #btn_memTop2 {display:none;} /* 캐시 전환 완료 페이지 */ .compaWrap .com-title {width:100%; text-align:center; padding:55px 0; font-size: 18px; line-height: 1.3; color:#333; font-weight:600; letter-spacing:-0.5px;} .compaWrap .com-title img{vertical-align:top; } .compaWrap .com-title p{ font-size:12px; color:#777; font-weight:normal; margin-top:10px;} .tbl_basic_com table {width:100%; table-layout:fixed; border-top:2px solid #000;} .tbl_basic_com table thead th {border-bottom:1px solid #c6dbe2; font-size: 15px; line-height: 1; color:#000; padding:14px 12px; font-weight:600;} .tbl_basic_com table tbody td {font-size: 14px; line-height: 1.3; color:#444; padding:12px 0; border-bottom:1px solid #c6dbe2; text-align:center; } /* 캐시 전환 완료 페이지 */ /* 가입완료 */ .join-com {width:100%; position:relative; text-align:center;} .join-com h2 {font-size: 28px; line-height: 1.5; color:#444; font-weight:600; letter-spacing:-0.5px; margin:20px 0 90px 0;} .join-com .com-img {width:30%; text-align:center; display:inline-block; vertical-align:top;} .join-com .com-img h3 {font-size: 18px; line-height: 1.5; color:#2897c4; letter-spacing:-0.5px; margin:10px 0 30px 0;} .join-com .com-img p {font-size: 13px; line-height: 1.5; color:#555; width:70%; margin:0 auto;} .mar-T{margin-top:90px;} /* 가입완료 */ /* 내정보 미리보기 css수정 PC */ .memberTop {width:100%; border-top:2px solid #000; clear:both;} .memberTop_left {float:left; width:25%; height:20px; background:#ECF8FC; font-size: 14px; line-height: 1.3; color:#444; font-weight:bold;} .memberTop_right {float:left; width:25%; height:20px; font-size: 14px; line-height: 1.3; color:#444;} .memberTop div {border-bottom:1px solid #c6dbe2; padding-top:10px; padding-bottom:10px;} /* padding-left:7px; padding-right:5px; */ .memberTop div p {padding-left:20px;} .memberTop_addr_left {width:25%} .memberTop_addr_right {width:75%} /* 171205_회원정보_ 모바일 제휴 서비스 */ .member_bill_box {margin-top: 10px; width: 100%; display: inline-block; border: 0 !important; } .member_bill_box table {margin-top: 10px; } .member_bill_box table td {border-right: 1px solid #c6dbe2;} .member_bill_box table td:last-child {border-right: 0;} .member_bill_box table thead td {background:#fff; font-size: 14px; font-weight: 700; text-align: center;} .member_bill_box table tbody td {text-align: center; font-size: 13px;} /* //내정보 미리보기 css수정 PC */ h3.h3Tit {font-size: 18px; line-height: 1.3; color:#222; padding-bottom:10px;margin-top:40px;} .btnBox {margin-top:20px; text-align:center;} /**** 타이틀추가 ****/ h3.h3Titcolor {font-size: 18px; line-height: 1.3; color:#1087b6; padding-bottom:10px;} .grayBox {background:#f6f6f6; border:1px solid #ddd; padding:20px; box-sizing: border-box;} /* pagenate */ .paginate {margin:0; padding:1em 0; text-align:center;} .paginate a, .paginate strong { display:inline-block; width:36px; height:36px; line-height:36px; vertical-align:middle; font-size:.875em; margin:0 .2em; background:#f1f1f1; } .paginate strong {font-weight:normal;} .paginate .dir { font-size:1em;} .paginate a:hover{background:#147da6; color:white;} .paginate .over{background:#147da6; color:white;} .paginate .prev{padding:0 6px;} .paginate .next{padding:0 6px;} /* 꼭 확인하세요 */ .grayBox .text-co{color:#666; padding-left:20px; display:block; line-height:160%;} .grayBox .text-co2{color:#749cac; width:100%; } .grayBox table{border-top:1px solid #777; background:#f9f9f9; margin:5px 15px 5px 0; letter-spacing:-0.2px; font-size:0.8em; display:table; vertical-align:top; } .grayBox table td{padding:9px 5px; border-bottom:1px solid #ddd; text-align:center; color:#666; border-right:1px solid #ddd;} .grayBox table td:last-child, .grayBox table th:last-child {border-right: 0;} .grayBox table th{padding:9px 5px; background:#eee; font-weight:bold; border-bottom:1px solid #ddd; border-right:1px solid #ddd;} .grayBox table td:first-child, .grayBox table th:first-child {width: 30%;} .grayBox table .born{border-right:none;} /* 瑗? ???????? ?щ??대? ???肄? */ .slide_arrow_btn {display: block; position: relative; float: right; padding-right: 25px;} .slide_arrow_btn span.off {display: block;} .slide_arrow_btn span.on {display: none;} .slide_arrow_btn.on span.off {display: none;} .slide_arrow_btn.on span.on {display: block;} .slide_arrow_btn:before {content:""; position: absolute; right: 0; top: 8px; width: 10px; height: 2px; transform: rotate(-45deg); background: #454545; border-radius: 5px;} .slide_arrow_btn:after {content:""; position: absolute; right: 6px; top: 8px; width: 10px; height: 2px; transform: rotate(45deg); background: #454545; border-radius: 5px;} .slide_arrow_btn.on:before {transform: rotate(45deg);} .slide_arrow_btn.on:after {transform: rotate(-45deg);} input, input[type=text], input[type=password] {border:1px solid #dadada; border-top:1px solid #bababa; font-size:13px; height:30px; padding:0 10px;} select {border:1px solid #e5e5e5; font-size:14px; padding:6px 8px; background:#fff;} .select_month {margin-bottom:30px; position:relative; text-align:center; z-index:11;} .select_month .select_btn {position:relative; border:1px solid #dde0db; background:#fff; padding:0 8px 0 15px; display:block; border-radius:30px; width:220px; height:45px; margin:0 auto; z-index:5} .select_month .select_btn a {display:block; text-align:center; background:url('/apti/images/reWeb/arw_select.png') 186px center no-repeat; background-size:33px; color:#222; font-size: 18px; line-height: 45px; padding-right:35px;} .select_month .select_list {border:1px solid #dde0db; border-top:none; border-radius:0 0 20px 20px; width:243px; position:absolute; top:30px; left:50%; margin-left:-122px; padding-top:20px; display:none; z-index:3} .select_month .select_list a {display:block; background:#fff; padding:5px 10px; font-size: 15px; line-height: 1.3; } .select_month .select_list a:hover {color:#2898c4;} .select_month .select_list a:last-child{border-radius:0 0 20px 20px; padding-bottom:10px;} .costInfo_wrap {border:5px solid #ededed;} .costdataBox {float:left;background:#ededed; width:32%; padding:10px;} .costdataBox .dayBox {float:left; width:25%; height:80px; border-radius:5px; background:#2898c4; text-align:center;} .costdataBox .dayBox strong {display:block; font-size: 30px; line-height: 1.3; color:#fff; padding-top:10px;} .costdataBox .dayBox p {font-size: 15px; line-height: 1.3; color:#fff;} .costdataBox .endBox {float:left; width:75%; font-size: 18px; line-height: 1.3; color:#124b62; text-align:center; padding-top:15px;} .costdataBox .endBox span {display:block; font-size: 18px; line-height: 1.3; color:#2898c4;} .costpayBox {float:left; width:68%; max-width:680px; padding:10px;} .costpayBox dt {float:left; width:50%; font-size: 18px; line-height: 1.3; color:#222; padding:7px 0; } .costpayBox dd {float:left; width:50%; font-size: 18px; line-height: 1.3; color:#222; padding:7px 0; text-align:right;} .costpayBox dd .costPay {font-size: 18px; line-height: 1.3; color:#2898c4;} .compaWrap {border:5px solid #ededed; margin-top:30px;} .compaWrap li {float:left; width:33.26%; border-left:1px solid #ddd;} .compaWrap li:first-child {border-left:none;} .compaWrap li h2 {background:#f6f6f6; font-size: 15px; line-height: 1.3; color:#222; padding:12px 0; text-align:center;} .tbl_basic table {width:100%; table-layout:fixed; border-top:2px solid #000;} .tbl_basic table thead th {border:1px solid #ddd; border-bottom:1px solid #c6dbe2; background:#ecf8fc; font-size: 15px; line-height: 1; color:#000; padding:14px 12px;} .tbl_basic table tbody th {border:1px solid #ddd; background:#ecf8fc; font-size: 14px; line-height: 1.3; color:#222; padding:12px; text-align:left;} .tbl_basic table tbody td {border:1px solid #ddd; background:#fff; font-size: 14px; line-height: 1.3; color:#444; padding:12px;} .tbl_basic table tbody td .red img, .tbl_basic table tbody td .blue img {width:14px; padding-right:5px;} .tbl_basic table tbody td .icon img {width:20px; padding-right:2px;} .tbl_basic table .bg_gray {background:#f6f6f6;} /******* bbs 검색 ********/ .search {overflow: hidden; box-sizing: border-box; display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; width: 100%; min-height: 120px; border: 1px solid #e8eff2;} .search .search_item {overflow: hidden; box-sizing: border-box; width: 100%; padding: 10px 0; font-size: 14px; line-height: 1.3; text-align: center; color:#006f9b; background-color:#f8fafb;} .search .span_icon02, .search .span_icon04 {background-color:#ecf3f6;} .search .search_item a {display: block;} .search .search_item .left {width: 100%; height: 80px;} .search .search_item .right {margin: 10px 0 0; width: 100%; height: 20px;} .search01 {width:100%; border:3px solid #edf4f7; text-align:center; padding-top:15px; padding-bottom:15px;margin-top:20px;margin-bottom:20px; font-size: 14px; line-height: 1.3; color:#878787;} /* 161114 고객센터 문의유형 */ .search01 .inputSearch {width:25%; height:22px; margin:0px 10px;} .search01 span {padding-left: 10px; color: #2897c4;} .searchTab {text-align:center; margin-bottom:10px;} .searchTab li {display:inline-block; zoom:1; *display:inline;width:154px; margin:0 0px;} .searchTab li a {display:block; height:35px; font-size: 13px; line-height: 35px; color:#707070; border-radius:0px;border:1px solid #dbdbdb;} .searchTab li a.on {font-size: 13px; line-height: 35px; color:#fff; background:#2898c4; border:1px solid #2898c4;} .search_select01 {float:left; margin-top:5px; padding-left:159px;padding-right:157px; background-color:#C90;} .search_s01 {float:left;width:151px;border:1px solid #dbdbdb; font-size: 13px; color:#707070;text-align:center;line-height:30px; padding:10px 0px 10px 0px; margin-right:4px;} .search_s02 {float:left;width:152px;border:1px solid #dbdbdb; font-size: 13px; color:#707070;text-align:center;line-height:30px; padding:10px 0px 10px 0px; margin-right:4px;} .search_s03 {float:left;width:151px;border:1px solid #dbdbdb; font-size: 13px; color:#707070;text-align:center;line-height:30px; padding:10px 0px 10px 0px; margin-right:4px;} .search_s04 {float:left;width:151px;border:1px solid #dbdbdb; font-size: 13px; color:#707070;text-align:center;line-height:30px; padding:10px 0px 10px 0px; margin-right:4px;} .search_s05 {float:left;width:151px;border:1px solid #dbdbdb; font-size: 13px; color:#707070;text-align:center;line-height:30px; padding:10px 0px 10px 0px;} /*** drop-down ***/ #drop-down {height:50px;} #drop-down .gnb01 {position: absolute;z-index:1;top:256px;left:0px; } #drop-down .gnb01 ul {overflow:hidden; padding-top:0px; } #drop-down .gnb01 ul li {float:left; width:153px; color:#fff; border-radius:0px; padding:0px 0px 0px 0px;margin-right:4px; background-color:#;} #drop-down .gnb01 ul li a {display:block; text-align:center; font-size: 13px; line-height: 14px; color:#707070;} #drop-down .gnb01 ul li a:hover, #drop-down .gnb01 ul li a:focus {color:#2898c4; border:1px solid #2898c4;} #drop-down .gnb_hover01 {border:1px solid #dbdbdb;padding:10px 0px 10px 0px;} #drop-down .topnavisub01 ul {margin:3px 0px 0px 0px;border:1px solid #dbdbdb;} #drop-down .topnavisub01 ul li {float:none; margin-bottom:0px;} #drop-down .topnavisub01 ul li a {background:#ffffff; font-size: 12px; line-height: 1; color:#707070; padding:5px 0px; text-align:center; line-height:20px; background-color:#;} #drop-down .topnavisub01 ul li a:hover, #drop-down .topnavisub01 ul li a:focus {background:#f2f2f2; text-decoration:none; color:#707070; border:1px solid #f2f2f2;} /* 161114 고객센터 문의유형 */ /* 220629 고객센터 문의유형 */ #drop-down02 {display: block;} #drop-down02 .gnb02 {position: relative; border-bottom: 1px solid #7ca6b4} #drop-down02 .gnb02 > ul {display: flex; flex-wrap: nowrap; flex-direction: row; overflow:hidden; padding-top:0px; background: #ecf3f6; border-right: 1px solid #7ca6b4; border-left: 1px solid #7ca6b4;} #drop-down02 .gnb02 .gnb-box {flex: 1; box-sizing: border-box; color:#fff; border-radius:0px; padding:0 0px ;} #drop-down02 .gnb02 .gnb-box + .gnb-box {border-left: 1px solid #7ca6b4;} #drop-down02 .gnb02 .gnb-box .gnb_hover02 a {display:block; text-align:center; font-size: 14px; line-height: 18px; border:1px solid #7ca6b4; border-left: 0; border-right: 0; padding:10px 0px 10px 0px; background-color:#8bcadf; color: #fff; font-weight: 600;} #drop-down02 .topnavisub02 ul {margin:0; height: 100%; display: block; width: 100%;} #drop-down02 .topnavisub02 ul li {float: none; margin-bottom: 0px; display: inline-block; width: 100%;} #drop-down02 .topnavisub02 ul li a {display: block; height: 34px; line-height: 34px; font-size: 13px; text-align: center; color: #707070;} #drop-down02 .topnavisub02 ul li a:hover, #drop-down02 .topnavisub02 ul li a:focus {background:#f3fbff; text-decoration:none; color:#3097b9; } .que_list_box {display: none; width: 100%;} /* 모바일전용 */ #clickMenu {height:50px; width:100%; text-align:center; } #clickMenu div {float:left; width:16.5%; max-width:178px; color:#707070; border-radius:0px; padding:0px 0px 0px 0px;margin-right:4px; background-color:#;} /* width:153px; */ #clickMenu div a {display:block; text-align:center; font-size: 13px; line-height: 14px; color:#707070; } #clickMenu div a:hover, #clickMenu div a:focus {color:#2898c4; border:1px solid #2898c4; } #clickMenu .gnb_hover01 {border:1px solid #dbdbdb;padding:10px 0px 10px 0px; } /******* bbs추가01 ********/ .New_tbl_basic table {width:100%; table-layout:fixed; border-top:2px solid #000;} .New_tbl_basic table thead th {border-bottom:1px solid #c6dbe2; background:#ecf8fc; font-size: 15px; line-height: 1; color:#000; padding:14px 12px;} .New_tbl_basic table tbody th {background:#ecf8fc; font-size: 14px; line-height: 1.3; color:#222; padding:12px; text-align:left;} .New_tbl_basic table tbody td {border-bottom:1px solid #ddd; background:#fff; font-size: 14px; line-height: 1.3; color:#444; padding:12px;} .bbs_view table {width:100%; table-layout:fixed; border-top:2px solid #000;} .bbs_view table thead th {padding: 14px 12px; line-height: 1.5; font-size: 16px; color: #111; border-bottom: 1px solid #c6dbe2; background-color: #ecf8fc;} .bbs_view table tbody td {padding: 20px; line-height: 1.45; font-size: 14px; color: #222; border-bottom: 1px solid #000; background-color: #fff;} .bbs_view table tbody td img {max-width: 100%;} .bbs_view table tbody td > * {color: #222;} .bbs_view table tbody td ol { display: block; list-style-type: decimal; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; unicode-bidi: isolate;} .bbs_view table tbody td ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; unicode-bidi: isolate; } .bbs_view table tbody td li::marker { font-size: 12px; line-height: 1.6; } .bbs_next table {width: 100%; table-layout: fixed; border-top:1px solid #000;} .bbs_next table td {padding:14px 12px; line-height: 1; font-size: 14px; color: #000; border-bottom: 1px solid #000;} .bbs_write table {width:100%; table-layout: fixed; border-top: 2px solid #000;} .bbs_write table td {padding: 14px 20px; border-bottom:1px solid #c6dbe2;} .bbs_vlist table {width:100%; table-layout:fixed; border-top:2px solid #000;border-bottom:2px solid #000000;} .bbs_vlist table td {border-bottom:1px solid #dddddd; padding:10px 0px; vertical-align:top;} .bbs_comment {float:left; width:90%; font-size: 12px; line-height: 1; color:#000; margin-top:30px; margin-bottom:30px;} .input_comment {width:100%; height:90px; font-size: 14px; line-height: 1; color:#000; border:1px solid #bcbaba} .bbs_comlist {width:100%;float:left; border-top:1px solid #000; border-bottom:1px solid #000000; margin:0px 0px 30px 0px; background-color:#;} .bbs_comlist table {width:100%;position:relative; font-size: 13px; line-height: 1.1; vertical-align:top;} /* 161013 ???遺?遺? ?고? ?ш린 議곗? */ .bbs_comlist table td {line-height:20px;} .comlist_t {border-top:1px solid #dddddd; padding-bottom:0px;} .comlist_tt {padding-top:20px; padding-bottom:20px;padding-left:20px;} .input_V01 {width:100%;height:90px; font-size: 14px; line-height: 1; color:#000; border:1px solid #bcbaba} .VB01 {float:left;width:100%;border-top:2px solid #000;border-bottom:2px solid #000000; margin-bottom:30px; margin-top:5px; padding-top:20px; padding-bottom:20px; padding-left:10px;} .vB01_Div01 {float:left; width:8%; font-size: 11px; line-height: 12px; color:#787878; text-align:center; padding-top:0px;} .vB01_Div01_li01 {font-size: 30px; line-height: 50px; color:#000000; padding-left:5px;} .vB01_Div01_li02 {font-size: 11px; line-height: 12px; color:#787878; padding-left:10px;} .vB01_Div01_li03 {font-size: 26px; line-height: 50px; color:#000000; padding-left:0px;} .vB01_Div02 {float:left; width:70%; font-size: 16px; line-height: 20px; font-weight:bold; color:#000000; text-align:left; padding-top:0px;} .vB01_Div02_li {font-size: 12px; line-height: 13px; color:#787878;line-height:20px; padding-top:10px;} .vB01_Div03 {float:left; width:21%; text-align:right; padding-bottom:0px;} .vB01_Div04 {float:left;width:100%;border-bottom:1px solid #dddddd; margin-top:20px; margin-bottom:20px;} .vB01_Div05 {float:left; width:82%; font-size: 16px; line-height: 20px; font-weight:bold; color:#000000; text-align:left; padding-top:0px;} .vB01_Div05 li {padding-left:10px;} .vB01_Div05_li {font-size: 12px; line-height: 13px; color:#787878;line-height:20px; padding-top:10px;} .vB01_Div06 {float:left; width:10%; text-align:right; font-size: 13px; line-height: 20px; font-weight:bold; color:#000000;} .vB01_Div06_li {font-size: 12px; line-height: 13px; color:#2898c4;line-height:20px; padding-top:0px;} /**** 우리끼리톡 ****/ .talkL {width:49%; margin-top:10px; margin-bottom:30px; outline:3px solid #1087b6;float:left;} .talkL h1 {font-size: 18px; line-height: 1.3; color:#000; padding:20px 0px 20px 20px; } .talkL h2 {font-size: 14px; line-height: 1.3; color:#000; padding:0px 10px 20px 20px; } .talkR {width:49%; margin-top:10px; margin-bottom:30px; outline:3px solid #1087b6;float:right;} .talkR h1 {font-size: 18px; line-height: 1.3; color:#000; padding:20px 0px 20px 20px; } .talkR h2 {font-size: 14px; line-height: 1.3; color:#000; padding:0px 10px 20px 20px; } /**** 이벤트 ****/ .engDetail {display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; justify-content: flex-start;} .engDetail.clearfix:after {display: none;} .eventL {box-sizing: border-box; margin: 30px 14.8px 0; width: calc((100% - 88.8px) / 3); border:1px solid #ccc;} .eventL h1 {position: relative; overflow: hidden; padding: 0;} .eventL h1:before {display: block; padding-top: calc((240/960) * 100%); content: '';} .eventL h1 img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;} .eventL .good_icon {position: relative; padding: 8px 10px 10px;} .eventL .good_icon li {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 4px;} .eventL .good_icon li .icon {display: block; width:18px; height:18px;} .eventL .good_icon li .icon a {display: block;} .eventL .good_icon li .icon a img {display: block;} .eventL .good_icon li .text {line-height: 18px; font-size: 14px; font-weight: 600; color:#444;} .eventR {margin-top:10px; margin-bottom:20px; outline:1px solid #cccccc;float:right;} .eventR h1 {padding:0px 0px 0px 0px; } .eventR .good_icon {position:relative; text-align:right; padding-bottom:10px; padding-right:10px;} .eventR .good_icon li {display:inline-block; zoom:1; *display:inline;padding:0 5px; font-size: 14px; line-height: 1.3; color:#444;} .eventR .good_icon li .icon {display:inline-block; zoom:1; *display:inline;width:18px; height:18px; } /**** pc내아파트아이 ****/ .myapti_T01 {border:2px solid #f0f0f0; height:70px; font-size: 16px; line-height: 70px; color:#5B616C; letter-spacing:-0.02em; text-align:center; margin-bottom:40px;} .myaptiBox {width:100%;} .myaptiBox table {float:left; width:55%;border-top:2px solid #000; margin-right:16px;} .myaptiBox table tbody th {border:1px solid #c6dbe2; background:#ecf8fc; font-size: 12px; line-height: 1; color:#000; padding:12px 10px; text-align:left;} .myaptiBox table tbody td {border:1px solid #c6dbe2; background:#ffffff; font-size: 12px; line-height: 1; color:#444; padding:10px 10px;} .myaptiBox .totalPay01 {float:left; padding:;width:21%;} .myaptiBox .totalPay01 table {border-top:2px solid #000; margin-right:0px; width:100%; height:144px;} .myaptiBox .totalPay01 table tbody th {border:1px solid #c6dbe2; background:#ecf8fc; font-size: 13px; line-height: 1; color:#000; padding:16px 10px; text-align:center; } .myaptiBox .totalPay01 table tbody td {font-size: 14px; line-height: 1; color:#2897c4; padding:12px 10px; text-align:center;} .myaptiBox .totalPay02 {float:right; padding:;width:21%;} .myaptiBox .totalPay02 table {border-top:2px solid #000; margin-right:0px; width:100%; height:144px;} .myaptiBox .totalPay02 table tbody th {border:1px solid #c6dbe2; background:#ecf8fc; font-size: 13px; line-height: 1; color:#000; padding:15px 10px; text-align:center; } .myaptiBox .totalPay02 table tbody td {font-size: 14px; line-height: 1; color:#2897c4; padding:13px 10px; text-align:center;} /**** 내아파트아이-tap01 ****/ .myaptiTab {text-align:center; margin-top:50px;} .myaptiTab li {display:inline-block; zoom:1; *display:inline;width:272px; margin:0 0px;} .myaptiTab li a {display:block; height:52px; font-size: 16px; line-height: 50px; color:#666; background:#f0f0f0; border-radius:2px;} .myaptiTab li a.on {color:#fff; background:#2898c4;} /**** 내아파트아이-tap02 ****/ .myaptiTab02 {text-align:center; height: 52px; margin-bottom: 2px;} .myaptiTab02 li {display:block; zoom:1; *display:inline;width:25%; margin:0 0px; float: left;} .myaptiTab02 li a {display:block; height:53px; font-size: 16px; line-height: 50px; color:#666; background:#f0f0f0; border-radius:2px; border: 1px solid #e5e5e5; border-bottom: 0;} .myaptiTab02 li a.on {color:#2898c4; background:#fff; border: 1px solid #2898c4; height: 54px; border-bottom: 0; font-weight:600;} /**** 내아파트아이-로그인 ****/ .myaptilogin {text-align:center; margin:40px 0 20px;width:100%; } .myaptilogin li {display:inline-block; zoom:1; *display:inline;width:100%; margin:0 0px; font-size: 15px; line-height: 1; color:#2897c4;} .myaptiline {border-top:1px solid #dedede;margin-top:30px; font-size: 13px; line-height: 20px; color:#7e7e7e; padding-top:20px;} /**** 내아파트아이-회원정보변경 ****/ .myapti_member {position:relative; padding:0px 0px 0;width:100%; } .member_title {font-size: 16px; line-height: 50px; color:#222; text-align:center; border:2px solid #f0f0f0; margin-bottom:20px; height:50px;} /**** 내아파트아이-이메일고지서 ****/ .member_t {font-size: 18px; line-height: 50px; color:#222; text-align:left; margin-bottom:0px;} /**** 내아파트아이-아파트정보수정 ****/ .member_tt01 {font-size: 18px; line-height: 50px; color:#222; text-align:left; margin-bottom:0px;} .member_tt02 {float:left; font-size: 18px; line-height: 20px; color:#222; text-align:left; margin-bottom:12px;} .member_tt03 {float:right; text-align:right;} .member_tt04 {font-size: 13px; line-height: 15px; color:#222; text-align:left; padding-top:5px;padding-bottom:10px;} .member_tt05 {float:right; width:50%; font-size: 13px; line-height: 15px; color:#222; margin-bottom:30px;} /**** pc 내아파트캐쉬 ****/ .couponTab {text-align:center; margin-bottom:40px;} .couponTab li {display:inline-block; zoom:1; *display:inline; width:49%; margin:0 0px;} .couponTab li a {display:block; height:52px; font-size: 16px; line-height: 50px; color:#afb7bb; background:#f0f2f3;border:1px solid #b6c0c5;} .couponTab li a.on {color:#fff; background:#FFFFFF;border:1px solid #71b0c9; font-size: 16px; line-height: 50px; color:#3f9fc7;} .couponCheck {border:1px solid #EDEDED; background-color:#F6F6F6; width:100%; height:50px; margin-bottom:20px; text-align:center;} .couponCheck li {display:inline-block; font-size: 16px; color:#2897c4; padding:10px 0px; width:100%;} .aptCashDetail_searchH {border:1px solid #EDEDED; background-color:#F6F6F6; width:100%; height:80px; margin-bottom:20px; text-align:center;} .aptCashDetail_searchH li {display:inline-block; font-size: 16px; color:#2897c4; padding:10px 10px; width:100%;} #aptCashDetailTxt {width:60px; vertical-align:top; padding:5px;} #aptCashDetail_search_1 {float:left; width:30%; text-align:left;} #aptCashDetail_search_2 {float:left; width:30%; text-align:left;} #aptCashDetail_search_3 {float:left; width:30%; text-align:left;} .couponCheckT {border:2px solid #4fb7e6; background-color:#fafafa; text-align:center; margin-bottom:40px; margin-top:0px; padding: 10px 0 15px; letter-spacing: -0.45px;} .couponCheckT li {font-size: 14px; line-height: 35px; color:#454545; padding:0px 0px;} .couponspan01 {padding-left:70px; font-size: 14px; line-height: 35px; color:#2897c4;} .couponBox {width:100%;position:relative;z-index:1;} .couponBox table {float:left; width:65%;border-top:2px solid #000; margin-right:16px;} .couponBox table tbody th {border:1px solid #c6dbe2; background:#ecf8fc; font-size: 14px; line-height: 1; color:#000; padding:19px 14px; text-align:left; width:40%;} .couponBox table tbody td {border:1px solid #c6dbe2; background:#ffffff; font-size: 14px; line-height: 1; color:#444; padding:19px 14px;text-align:right; width:60%;} .couponBox .totalPay02 {float:right; padding:;width:35%; max-width:360px;} .cashList_wrap {margin-top:50px;} .cashList_wrap:after {content:" "; display:block; clear:both; height:0; visibility:hidden;} .cashBox {position:relative; float:left; width:44%; height:100%; margin:15px 2.5%; display:table;} .cashBox:after {content:" "; display:block; clear:both; height:0; visibility:hidden;} .cashBox .cashL {position:absolute; left:0; top:0; width:30%; height:100%; background:url('/apti/images/reWeb/bg_cashList.gif') no-repeat; background-size:cover; text-align:center; } .cashBox .cashL .c_logo {width:40px; margin:0 auto; padding-top:40px;} .cashBox .cashL .c_name a {font-size: 16px; line-height: 1.3; color:#666; padding-top:10px;} .cashBox .cashL .c_pay a {font-size: 32px; line-height: 1.3; color:#2898c4; letter-spacing:-0.05em;} .cashBox .cashR {float:right; display:table-cell; width:70%; height:160px; text-align:center; border:4px solid #ececec; border-left:none;} .cashBox .cashR .c_subTit {width:95%; margin:0 auto; font-size: 16px; line-height: 1.3; color:#444; padding-top:25px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; height:23px;} .cashBox .cashR .c_title {width:95%; margin:0 auto; padding-top:5px; word-break:break-all; height:60px;}/*white-space:nowrap; text-overflow:ellipsis; overflow:hidden;*/ .cashBox .cashR .c_title a {font-size: 20px; line-height: 1.3; color:#222;} .cashBox .cashR .cashToggle {position:relative; text-align:right; padding-top:25px; padding-right:10px;} .cashBox .cashR .cashToggle li {display:inline-block; zoom:1; *display:inline;padding:0 5px; font-size: 14px; line-height: 1.3; color:#444;} .cashBox .cashR .cashToggle li .icon{display:inline-block; zoom:1; *display:inline;width:18px; height:18px; } .aptInfo_wrap {border:2px solid #2898c4;} .dateBox {float:left; width:31%; background:#f6f6f6; padding:9px;} .dateBox .dayBox {float:left; width:60px; height:50px; border-radius:5px; background:#2898c4; text-align:center; margin-top:7px;} .dateBox .dayBox strong {display:block; font-size: 16px; line-height: 1.3; color:#fff; padding-top:12px;} .dateBox .dayBox p {font-size: 11px; line-height: 1.3; color:#fff;} .dateBox .endBox {float:left; font-size: 18px; line-height: 1.3; color:#124b62; text-align:center; padding:13px 0 0 15px; width:260px;} .dateBox .endBox span {font-size: 18px; line-height: 1.3; color:#2898c4;} .dateBox .endBox a {font-size: 14px; line-height: 1.3; color:#F5555D;} .aptBox1, .aptBox2 {float:left; display:table; width:33%; height:82px; text-align:center; border-left:1px solid #ddd;} .aptBox1 span, .aptBox2 span {display:table-cell; font-size: 18px; line-height: 1.3; color:#222; vertical-align:middle; letter-spacing:-0.05em;} .paymentBox {position:relative; border:5px solid #ededed; margin-top:20px; margin-bottom:40px; } .paymentBox table {width:100%; table-layout:fixed;} .paymentBox table th {background:#f6f6f6; height:40px; width:33.33%; font-size: 14px; line-height: 1.3; color:#222; font-weight:600; border-left:1px solid #ddd;} .paymentBox table th .quest {display:inline-block; zoom:1; *display:inline;width:18px; height:19px; vertical-align:middle; overflow:visible;} .paymentBox table th .questInfo {display:none; position:absolute; top:35px; left:50%; margin-left:-100px; z-index:2000; width:200px; padding:15px; background:#fff; border:1px solid #ededed; font-size: 14px; line-height: 1.3; color:#666;} .paymentBox table td {background:#ffffff; height:55px; font-size: 15px; line-height: 55px; color:#666; font-weight:600; border-left:1px solid #ddd; text-align:right; padding:0 23px; letter-spacing:-0.05em;} .paymentBox table td span {font-size:23px; color:#666;} .paymentBox table th:first-child, .paymentBox table td:first-child {border-left:0;} .paymentBox .mark1 {position:absolute; left:33.33%; top:53px; width:30px; height:30px; margin-left:-14px;} .paymentBox .mark2 {position:absolute; left:66.66%; top:53px; width:30px; height:30px; margin-left:-14px;} .discountBox {border-top:2px solid #000; background:#d3e9f2; margin-bottom:40px; min-height:123px; height:100%;} .discountBox table {float:left; width:70%;} .discountBox table tbody th {border:1px solid #c6dbe2; background:#ecf8fc; font-size: 15px; line-height: 1; color:#000; font-weight:600; padding:14px 12px; text-align:left;} .discountBox table tbody td {border:1px solid #c6dbe2; background:#ffffff; font-size: 14px; line-height: 15px; color:#444; padding:14px 12px;} .discountBox .totalPay {float:left; width:26%; padding:2%; background:#d3e9f2;} .discountBox .totalPay .totalPayBox {margin-top:69px; font-size: 16px; line-height: 1.6; font-weight:600; color:#222; text-align:right;} .discountBox .totalPay .totalPayBox strong {font-size:28px; letter-spacing:-0.05em;} .payChoice {border-top:2px solid #000; border-bottom:1px solid #ddd; padding:30px 10px; } .payChoice .payBox {text-align:center; } .payChoice .payBox li {display:inline-block; zoom:1; *display:inline;width:240px; border:1px solid #ddd; box-shadow:0 2px 2px #ccc; text-align:center; margin: 10px; position: relative;} .payChoice .payBox li.blur:after {content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(33,33,33,0.5); z-index: 50;} .payChoice .payBox li .payImg {padding-top:10px; width:100px; margin:0 auto;} .payChoice .payBox li .cashImg {padding-top:12px; width:200px; margin:0 auto;} .payChoice .payBox li .payDate {background:#f6f6f6; font-size:14px; font-weight:600; padding:10px; margin-top:10px;} .payChoice .payBox li .inputPay {padding:10px;} .payChoice .payBox li .inputPay input{width:100%; box-sizing:border-box;} .payChoice .payBox li .cashSearch {background:#f6f6f6; padding:10px; margin-top:10px;} .payChoice .payBox li .cashSearch input {width:115px;} .payChoice .payBox li:hover {border:1px solid #2898c4; cursor:pointer;} .payChoice .payBox2 {text-align:left;padding-left:9px; padding-bottom:30px; } .payChoice .payBox2 li {display:inline-block; zoom:1; *display:inline;width:240px; border:1px solid #ddd; box-shadow:0 2px 2px #ccc; text-align:center; margin: 10px; position: relative;} .payChoice .payBox2 li.blur:after {content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(33,33,33,0.5); z-index: 50;} .payChoice .payBox2 li .payImg {padding-top:10px; width:100px; margin:0 auto;} .payChoice .payBox2 li .cashImg {padding-top:12px; width:200px; margin:0 auto;} .payChoice .payBox2 li .payDate {background:#f6f6f6; font-size:14px; font-weight:600; padding:10px; margin-top:10px;} .payChoice .payBox2 li .inputPay {padding:10px;} .payChoice .payBox2 li .inputPay input{width:100%; box-sizing:border-box;} .payChoice .payBox2 li .cashSearch {background:#f6f6f6; padding:10px; margin-top:10px;} .payChoice .payBox2 li .cashSearch input {width:115px;} .payChoice .payBox2 li:hover {border:1px solid #2898c4; cursor:pointer;} .tbl_guide {width:100%; table-layout:fixed;} .tbl_guide thead th {background:#efefef; border:1px solid #ddd; padding:10px; font-size: 14px; line-height: 1.65; letter-spacing: -0.55px; } .tbl_guide tbody td {background:#fff; border:1px solid #ddd; padding:10px 15px; font-size: 14px; line-height: 1.65; vertical-align:top; letter-spacing: -0.55px;} .cashGuide {background:#f6f6f6; padding:20px;} .cashGuide .left {width:35%;} .cashGuide .right {width:60%; padding-top:10px;} .aptInfo_wrap2 {border:2px solid #2898c4;} .aptInfo_wrap2 .aptBox1 {float:left; display:table; width:35%; height:70px; text-align:center; border-left:1px solid #ddd;} .aptInfo_wrap2 .aptBox2 {float:left; display:table; width:64%; height:70px; text-align:center; border-left:1px solid #ddd;} .paymentBox_early {position:relative; border:5px solid #ededed; margin-top:20px; margin-bottom:40px;} .paymentBox_early table {width:100%; table-layout:fixed;} .paymentBox_early table td {background:#f6f6f6; font-size: 16px; line-height: 1.3; color:#222; font-weight:600; border-left:1px solid #ddd; text-align:center; letter-spacing:-0.05em; padding:25px 10px;} .paymentBox_early table td:first-child {border-left:0;} .paymentBox_early .mark1 {position:absolute; display:block; left:33.33%; top:32px; width:30px; height:30px; margin-left:-14px;} .paymentBox_early .mark2 {position:absolute; display:block; left:66.66%; top:32px; width:30px; height:30px; margin-left:-14px;} .paymentBox_early p img {width:100%;} .dcTotalBox {border:2px solid #2898c4; background:#ecf8fc; padding:20px; margin-top:20px;} .dcTotalBox .dcList {text-align:right; font-size: 18px; line-height: 1.3;} .dcTotalBox .dcTotal {text-align:right; font-size: 20px; line-height: 1.3; font-weight:600; padding-top:10px;} .slide > * {max-width: 100%;} .sliderCash .slide-prev , .sliderCash .slide-next {cursor:pointer; height:60px; width:50px; position:absolute; top:50%; margin-top:-30px; padding:0px; opacity: 0.6;} .sliderCash .slide-prev {left:0; background:rgba(102,102,102,0.6) url('/apti/images/reWeb/arw_slide_left.png') no-repeat ;} .sliderCash .slide-next {right:0; background:rgba(102,102,102,0.6) url('/apti/images/reWeb/arw_slide_right.png') no-repeat;} .sliderCash .slide-prev:before, .sliderCash .slide-next:before {display: block; width:60px; height:50px; line-height:60px; text-align: center; position: absolute; } .es-caption {position: absolute; bottom:-30px; text-align: center; background-color: rgba(0,0,0,0.8); color: #fff; font-size: 14px; padding: 16px; margin: 10px; width: auto; left: 0; right: 0; } ul.es-pager {display: block; width: 100%; text-align: center; margin: 7px 0; padding: 0; line-height: 0px; } ul.es-pager li {display: inline-block; margin: 2px; padding: 0; height:13px; width:13px; cursor: pointer; background:#ccc; border-radius:13px; -moz-border-radius:13px;-webkit-border-radius:13px; -khtml-border-radius:13px; } ul.es-pager li:hover, ul.es-pager li.act {background:#b4b4b4; } ul.es-pager li.act {cursor: default;} .cashTab {text-align:center; margin-top:60px;} .cashTab li {display:inline-block; zoom:1; *display:inline;min-width:180px; margin:0 2px;} .cashTab li a {display:block; height:45px; padding: 0 20px; font-size: 16px; line-height: 45px; color:#666; background:#f0f0f0; border-radius:30px;} .cashTab li a.on { color:#fff; background:#2898c4;} .cashTab_01 {text-align:center; margin-top:60px;} .cashTab_01 li {display:inline-block; zoom:1; *display:inline;width:20%; margin:0 2px;} .cashTab_01 li a {display:block; height:45px; font-size: 16px; line-height: 45px; color:#666; background:#f0f0f0; border-radius:30px;} .cashTab_01 li a.on {font-size: 16px; line-height: 45px; color:#fff; background:#2898c4;} .cashList_wrap {margin-top:50px;} .cashList_wrap:after {content:" "; display:block; clear:both; height:0; visibility:hidden;} .cashBox {position:relative; float:left; width:44%; height:100%; margin:15px 2.5%; display:table;} .cashBox:after {content:" "; display:block; clear:both; height:0; visibility:hidden;} .cashBox .cashL {position:absolute; left:0; top:0; width:30%; height:100%; background:url('/apti/images/reWeb/bg_cashList.gif') no-repeat; background-size:cover; text-align:center; } .tabBox {text-align:right; margin-top:60px;} .tabBox li {display:inline-block; zoom:1; *display:inline;width:145px; margin:0 2px;} .tabBox li a {display:block; font-size: 14px; line-height: 35px; color:#666; background:#f0f0f0;} .tabBox li a.on { color:#fff; background:#2898c4;} .bbsView table {width:100%; table-layout:fixed; border-top:2px solid #000;} .bbsView table thead th.bbsTit {width:70%; background:#ecf8fc; border-bottom:1px solid #c6dbe2; font-size: 16px; line-height: 1.3; font-weight:600; color:#222; padding:12px 15px; text-align:left; letter-spacing:-0.05em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .bbsView table thead th.bbsDate {width:30%; background:#ecf8fc; border-bottom:1px solid #c6dbe2; font-size: 14px; line-height: 1.3; color:#444; padding:12px 15px; text-align:right; font-weight:normal; } .bbsView table tbody .snsBox ul {float:right;} .bbsView table tbody .snsBox li {float:left; padding:15px 2px;} .bbsView table tbody .bbsView_con {padding:20px 20px 60px; border-bottom:1px solid #ddd;} .commentWrap {margin-top:45px;} .cmtWrite {border:1px solid #ddd; background:#f6f6f6; padding:10px;} .cmtWrite .cmtSelect {float:left; width:110px; height:70px; background:#ecf8fc; border:1px solid #ddd; border-right:none; text-align:center;} .cmtWrite .cmtSelect li {display:inline-block; zoom:1; *display:inline;width:30px; text-align:center; padding:8px 3px;} .cmtWrite .cmtSelect li img {width:30px;} .cmtWrite .cmtBox {float:left; width:860px;} .cmtWrite .cmtBox textarea {width:100%; height:72px;} .cmtWrite .cmtBtn {float:right; width:95px;} .cmtWrite .cmtBtn a {display:block; width:100%; height:70px; box-sizing:border-box; font-size: 15px; line-height: 70px; text-align:center;} .cmtList {margin-top:30px; border-top:2px solid #000;} .cmtlistBox {padding:20px; border-bottom:1px solid #ddd;} .cmtlistBox:after {content:" "; display:block; clear:both; height:0; visibility:hidden;} .cmtlistBox .cmtIcon {float:left; width:50px; text-align:center;} .cmtlistBox .cmtTxt {float:right; width:980px;} .cmtlistBox .cmtTxt .cmtInfo {font-size: 12px; line-height: 1.3; color:#222; margin-bottom:10px;} .cmtlistBox .cmtTxt .cmtInfo .cmtDate{display:inline-block; zoom:1; *display:inline;padding:0 8px; color:#666;} .cashinfo_wrap {border:2px solid #2898c4; height:70px; font-size: 18px; line-height: 70px; color:#222; letter-spacing:-0.05em; text-align:center; margin-bottom:40px;} .changePointWrap {border-top:2px solid #000;} ..cashinfo_wrap {border:2px solid #2898c4; height:70px; font-size: 18px; line-height: 70px; color:#222; letter-spacing:-0.05em;} .changePointWrap {border-top:2px solid #000;} .cashGuide2 {background:#f6f6f6; padding:20px; margin-top:30px;} .cashGuide2 .left {width:23%;} .cashGuide2 .right {width:74%;} .calendarBox h2 {background:#2898c4; height:30px; text-align:center; font-size: 15px; line-height: 30px; color:#fff; font-weight:600;} .calendarBox .tal_cal {background:#fff; padding:10px} .calendarBox .tal_cal table {width:100%; table-layout:fixed;} .calendarBox .tal_cal table th {font-size: 12px; line-height: 1.3; font-weight:600; color:#222;} .calendarBox .tal_cal table td {font-size: 12px; line-height: 1.3; color:#666; text-align:center; padding:4px 0} .calendarBox .tal_cal table td.today{background:url('/apti/images/reWeb/bg_cal_today.png') no-repeat center 3px; background-size:21px auto; color:#2898c4;} .webzin_searchWrap h2 {float:left; width:14%; height:60px; background:#124b62; font-size: 16px; line-height: 60px; color:#fff; text-align:center;} .searchBox {float:left; position:relative; width:83%; height:60px; background:#2898c4; padding:0 1.5%; line-height:60px;} .searchBox input[type=text] {width:180px;} .searchBox .mailzin {position:absolute;; right:20px; top:0;} .wzWrap {background:#f6f6f6; padding:40px 0;} /* #wzBest {display:none;} */ .nbs-flexisel-container {position:relative; width:100%;} .nbs-flexisel-ul {position:relative; width:99999px; margin:0px; padding:0px; list-style-type:none; text-align:center;} .nbs-flexisel-inner {overflow:hidden; margin:0 auto; width:90%;} .nbs-flexisel-item {float:left; margin:0px; padding-bottom:0px; cursor:pointer; position:relative; } .bestBox {width:300px; border:1px solid #ddd; margin:0 15px;} .bestBox .wz_img img {width:100%;} .bestBox .wz_tit {height:45px; border-top:1px solid #ddd; background:#fff; text-align:center; padding:0 12px; letter-spacing:-0.05em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .bestBox .wz_tit a {font-size: 15px; line-height: 45px; color:#222; } .nbs-flexisel-nav-left, .nbs-flexisel-nav-right {width: 5%; max-width:50px; height:60px; position: absolute; cursor: pointer; z-index:10; } .nbs-flexisel-nav-left {left: 0px; background:#bcbcbc url('/apti/images/reWeb/arw_slide_left.png') no-repeat center 0;} .nbs-flexisel-nav-right {right: 0; background:#bcbcbc url('/apti/images/reWeb/arw_slide_right.png') no-repeat center 0;} /* .life_listWrap {margin:45px 0 50px;} */ .life_listWrap {margin:0px 0px 0px;} .life_listWrap > ul > li {float:left; width:250px; height:370px; margin:0px 12px 0px; outline:1px solid #ddd; text-align:center;}/* margin:30px 12px 0; */ .life_listWrap li .wzl_img img {width:100%; border-bottom:1px solid #ddd;} .life_listWrap li .wzl_cate {margin-top:10px; font-size: 12px; line-height: 1.3; color:#2898c4; font-weight:600;} .life_listWrap li .wzl_tit {margin:5px 15px 0; font-size: 15px; line-height: 1.3; color:#222; letter-spacing:-0.03em; } .life_listWrap li .wzl_con {text-align:left; height:60px; margin:15px ; font-size: 13px; line-height: 1.5; color:#666; text-overflow:ellipsis; overflow:hidden;} .life_listWrap li .bbsCount li {display:inline-block; zoom:1; *display:inline; font-size: 13px; line-height: 1.3; color:#666; margin:0 8px;} .life_listWrap li .bbsCount li span {display:inline-block; zoom:1; *display:inline;width:25px; height:25px;} .tab_energy:after {content:" "; display:block; clear:both; height:0; visibility:hidden;} .tab_energy li {float:left; width:50%;} .tab_energy li a {display:block; border:1px solid #ddd; background:#fff; padding:15px 0; font-size: 18px; line-height: 1; font-weight:600; color:#888; text-align:center;} .tab_energy li a.on {background:#f6f6f6 url('/apti/images/reWeb/line_1.gif') repeat-x; color:#222;} .energyTop {border:5px solid #ededed;} .energyTop .enePay {background:#f6f6f6; text-align:right; padding:13px 10px;} .energyTop .enePay h3 {display:inline-block; zoom:1; *display:inline;padding-right:10px; font-size: 30px; line-height: 1.3; color:#888; letter-spacing:-0.03em;} .energyTop .enePay h3 .month {font-size: 15px; line-height: 1.3; color:#222;} .energyTop .left {width:40%; padding:30px 0; border-right:1px solid #ddd;} .energyTop .right {width:55%; margin:0 2%;} .ad_eng {margin:20px 0; } .engDetail {display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; justify-content: flex-start;} .engDetail.clearfix:after {display: none;} .engDetail .engBox {width:48%; margin:20px 0; outline:1px solid #ddd;} .engBox .topArea {border-bottom:1px solid #ddd; padding:15px;} .engBox .topArea h3 {float:left; width:20%; font-size: 20px; line-height: 1.3; color:#222; font-weight:600;} .engBox .topArea h3 span {width:30px; display:inline-block;} .engBox .engUnit {float:right; width:79%; text-align:right;} .engBox .engUnit li {display:inline-block; zoom:1; *display:inline;padding:0 5px; font-size: 18px; line-height: 1.3; color:#888; } .engBox .engUnit li strong {font-size: 17px; line-height: 1.3; color:#333; } .engBox .engUnit li.line {background:url('/apti/images/reWeb/line_3.gif') no-repeat center 7px; width:1px; height:18px;} .engBox .botArea {padding:10px;} .engBox .botArea .engMent {position:relative; background:#f6f6f6; padding:15px;} .engBox .botArea .engMent p {position:absolute;; left:10px; top:-8px;} .engBox .botArea .engMent p img {width:32px;} .engBox .botArea .engMent .txtBox {padding-left:35px;} .engDetail .engNo {width:48%; margin:20px 0} .engDetail .engNo img {width:100%;} .billBox {border:5px solid #ededed; margin-bottom:30px;} .billBox .billGraph {float:left; width:40%; padding:30px 0; border-right:1px solid #ddd;} .billGraph .eneTit {text-align:center; font-size: 15px; line-height: 1.3; color:#222;} .billGraph .eneTit span img {width:20px; vertical-align:middle; padding-right:3px;} .billGraph .enePay {text-align:center; font-size: 30px; line-height: 1.3; color:#888; letter-spacing:-0.03em; padding-bottom:20px;} .billBox .billDetails {float:right; width:59%;} .tbl_bill {padding:10px;} .tbl_bill table {table-layout:fixed; width:100%;} .tbl_bill table th {text-align:left; font-weight:bold; color:#222; border:1px solid #ddd; padding:10px; font-size:14px;} .tbl_bill table td {text-align:right; color:#666; border:1px solid #ddd; padding:10px; font-size:14px;} .tbl_bill table tr:nth-child(even) {background:#fff;} .tbl_bill table tr:nth-child(odd) {background:#f6f6f6;} /*** PC 게시판 리스트 ***/ #hidden-mo {display: none;} #hidden-xs {width: 100%;} #hidden-xs .table-w {position: relative; width: 100%; text-align: center;} #hidden-xs .table-w thead td {font-weight: 600; color: #222; background-color: #ecf8fc;} #hidden-xs .table-w td {padding: 10px 0; line-height: 1.45; font-size: 14px; color: #222; border-bottom: 1px solid #ddd;} #hidden-xs .table-w td > * {line-height: 1.45; font-size: 14px; color: #222;} #hidden-xs .table-w .td01 {padding: 10px 0; text-align: left; color: #222;} /* 161114 고객센터 문의유형 */ #hidden-xs .table-w tr.view_Open {text-align: left;} #hidden-xs .table-w tr.view_Open td {padding: 20px 54px 20px 50px; background-color: #fbfbfb;} #hidden-xs .table-w tr.view_Open td div {padding: 20px;} #hidden-xs .table-w tr.view_Open td .bbsBtn_box {padding: 0; border-top: 1px solid #555;} #hidden-xs .table-w tr.view_Open td .bbsBtn_box a {padding: 0 20px; border-top: 0;} #hidden-xs .table-top {border-top: 2px solid #000;} /* 240517 자주하는 질문 공유하기 버튼 추가 */ #hidden-xs .table-w tr.view_Open td.view_open_contents {position: relative;} #hidden-xs .table-w tr.view_Open td.view_open_contents table {width: 100% !important;} #hidden-xs .table-w tr.view_Open td.view_open_contents .btn_faq_share {overflow: hidden; position: absolute; top: 14px; right: 22px; display: block; width: 30px; height: 30px; text-indent: -9999px; border-radius: 50%; border: 0; background: #fff url('../images/board/ico_share.png') no-repeat center / 18px; cursor: pointer;} #hidden-xs .table-w tr.view_Open td.view_open_contents .btn_faq_share:before {visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); transition: all 0.3s; content: '';} #hidden-xs .table-w tr.view_Open td.view_open_contents .btn_faq_share:active:before {visibility: visible; opacity: 1;} /*** PC 납부내역조회 ***/ #hidden-mo2{display:none;} #hidden-xs2{width:100%; font-size: 1.0em; line-height: 1.1;} #hidden-xs2 .table-w{width:100%; position:relative; text-align:center; font-size:0.8em;} #hidden-xs2 .table-w thead td{background:#ecf8fc; font-weight:bold; color:#333;} #hidden-xs2 .table-w td{padding:10px 0; border-bottom:1px solid #dddddd; color:#666;} #hidden-xs2 .table-w .td01{padding:10px 0; color:#666; text-align:left;} #hidden-xs2 .table-top{border-top:2px solid #000; } /*** aptpay ***/ .aptpay_tab {text-align:center;} .aptpay_tab li {display:inline-block; zoom:1; *display:inline;width:24.6%; margin:0 0px;} .aptpay_tab li a {display:block; height:52px; font-size: 16px; line-height: 50px; color:#666; background:#f0f0f0; border-radius:2px;} .aptpay_tab li a.on {color:#fff; background:#2898c4;} .aptpay_box01 {background:#f6f6f6; border:1px solid #ddd; padding:30px 70px 25px 70px; margin-top:30px;} .aptpay_tit01 {font-size: 16px; line-height: 1.3; color:#222; padding:0 0 10px 25px; background:url('/apti/images/reWeb/icon_exclamation_17.png') no-repeat 0 0; background-size:17px;} .aptpay_tit02 li {font-size: 14px; line-height: 1.3; color:#444; margin-bottom:5px; background:url('/apti/images/reWeb/bu_gray.gif') no-repeat 0 7px; padding-left:10px;} .aptpay_T01 {text-align:center; border:2px solid #f0f0f0; margin-bottom:20px; margin-top:20px; padding-top:15px; padding-bottom:15px;} .aptpay_T01 li {font-size: 13px; line-height: 25px; color:#828181;} .aptpay_T01 .apttxt01 {font-size: 12px; line-height: 25px; color:#828181;} .aptpay_T02 {text-align:left; border:2px solid #f0f0f0; margin-bottom:20px; margin-top:0px; padding-top:15px; padding-bottom:15px;padding-left:25px;padding-right:20px;} .aptpay_T02 li {font-size: 13px; line-height: 23px; color:#828181;} .aptpay_T02 .apttxt02 {font-size: 16px; line-height: 24px; color:#5d5d5d; padding-bottom:5px;} .aptpay_t {font-size: 18px; line-height: 50px; color:#222; text-align:left; margin-top:15px; margin-left:10px;} /*** pw틀린경우 ***/ .pw5_box01 {border:3px solid #ddd; padding:30px 0px 30px 0px;text-align:center;} .pw5_tit01 {font-size: 26px; line-height: 1.3; color:#444; padding:0px 0px 20px 0px;} .pw5_tit02 li {font-size: 16px; line-height: 1.3; color:#828181; margin-bottom:5px;line-height:30px;} .pw5_login {text-align:center; margin-top:40px;margin-left:0px;width:100%; background-color:#;} .pw5_login li {font-size: 15px; line-height: 1; color:#2897c4;} .pw5_line {text-align:center;border-top:1px solid #dedede;margin-top:30px; font-size: 13px; line-height: 20px; color:#7e7e7e; padding-top:20px;} .pw5_secu {text-align:center; margin-top:20px;margin-left:0px;width:100%; background-color:#;} .pw5_secu li {font-size: 15px; line-height: 1; color:#2897c4;} .pw5_box02 {background:#f6f6f6;text-align:center; border:1px solid #ddd; padding:30px 0px 25px 0px; margin-top:20px;margin-bottom:20px;} .pw5_box02_tit01 {font-size: 16px; line-height: 1.3; color:#222; padding:0 0 10px 25px;} /*** 본인확인완료 ***/ .me01_box01 { width:48.5%;float:left; background:#f6f6f6;text-align:center; border:1px solid #ddd; padding:15px 0px 0px 0px; margin-top:20px;margin-bottom:20px;} .me01_box01_tit01 { font-size: 16px; line-height: 1.3; color:#222; padding:0 0 15px 25px; border-bottom:1px solid #ddd;text-align:center;} .me01_box01_tit02 { font-size: 14px; line-height: 1.3; color:#7e7e7e; padding:30px 0 10px 0px; text-align:center; background-color:#FFF;} .me01_box01_tit03 { font-size: 14px; line-height: 1.3; padding:0px 0 30px 0px; text-align:center; background-color:#FFF;} .me01_box01_tit04 { font-size: 14px; line-height: 1.3; padding:0px 0 40px 0px; text-align:center; background-color:#FFF;} .me01_box02 { width:48.5%;float:right; background:#f6f6f6;text-align:center; border:1px solid #ddd; padding:15px 0px 0px 0px; margin-top:20px;margin-bottom:20px;} .me01_box02_tit01 { font-size: 16px; line-height: 1.3; color:#222; padding:0 0 15px 25px; border-bottom:1px solid #ddd;text-align:center;} .me01_box02_tit02 { font-size: 14px; line-height: 1.3; color:#7e7e7e; padding:30px 0 10px 0px; text-align:center; background-color:#FFF;} .me01_box02_tit03 { font-size: 14px; line-height: 1.3; padding:0px 0 30px 0px; text-align:center; background-color:#FFF;} .me01_box02_tit04 { font-size: 14px; line-height: 1.3; padding:0px 0 40px 0px; text-align:center; background-color:#FFF;} /*** 관리비정보가없을경우 ***/ .Deleteback {width:45%;margin:auto;} .Delete_01 {border:4px solid #ddd; padding:20px; margin-top:40px; margin-bottom:10px;} .Delete_01 li {font-size: 22px; line-height: 2; color:#208eb9; text-align:center;} .Delete_02 {border:1px solid #ededed; background-color:#f5f5f5; padding:20px;} .Delete_02 li {font-size: 14px; line-height: 1.5; color:#474646;} /*** 비로그인상태 이미지 ***/ .Blogin_01 {width:100%; height:100%;margin:auto;border:3px solid #ddd; padding:30px;} .Blogin_02 {width:100%;height:100%;margin:auto; padding-left:10px; padding-right:10px;} .Blogin_02 li {font-size: 18px; line-height: 1.6; color:#208eb9;} .Blogin_02 .t01 {font-size: 14px; line-height: 1.4; color:#474646;} .Blogin_02_line {border-bottom:1px solid #d9d9d9; margin-top:20px;} .Blogin_03 {width:100%;height:100%; text-align:center;} .Blogin_03_img { width:65%;height:100%; margin-top:30px;margin-bottom:15px;} .Blogin_04 {width:100%;height:350px;;margin:auto;} .Blogin_05 {float:left;width:32%; height:100%;margin:auto; border:1px solid #ededed; background-color:#f5f5f5;} .Blogin_05_C01{padding-top:10px;} .Blogin_05_C01 li {font-size: 16px; line-height: 1.5; color:#208eb9; text-align:center;} .Blogin_05_C01 .Tli01 {font-size: 14px; line-height: 1.4; color:#474646; text-align:left; padding-left:20px; padding-right:20px;} .Blogin_05_C01 .Tli02 {font-size: 12px; line-height: 1.3; color:#474646; text-align:left; padding-left:20px; padding-right:20px; padding-bottom:15px;} .Blogin_05_line01 {border-bottom:1px solid #e1e1e1; margin:10px;} .Blogin_06 {float:left;width:32%; height:100%; margin-left:18px; border:1px solid #ededed; background-color:#f5f5f5;} .Blogin_06_C01{padding-top:10px;} .Blogin_06_C01 li {font-size: 16px; line-height: 1.5; color:#208eb9; text-align:center;} .Blogin_06_C01 .Tli01 {font-size: 14px; line-height: 1.4; color:#474646; text-align:left; padding-left:20px; padding-right:20px;} .Blogin_06_C01 .Tli02 {font-size: 12px; line-height: 1.3; color:#474646; text-align:left; padding-left:20px; padding-right:20px; padding-bottom:15px;} .Blogin_06_line01 {border-bottom:1px solid #e1e1e1; margin:10px;} .Blogin_07 {float:right;width:32%; height:100%; border:1px solid #ededed; background-color:#f5f5f5;} .Blogin_07_C01{padding-top:10px;} .Blogin_07_C01 li {font-size: 16px; line-height: 1.5; color:#208eb9; text-align:center;} .Blogin_07_C01 .Tli01 {font-size: 14px; line-height: 1.4; color:#474646; text-align:left; padding-left:20px; padding-right:20px;} .Blogin_07_C01 .Tli02 {font-size: 12px; line-height: 1.3; color:#474646; text-align:left; padding-left:20px; padding-right:20px; padding-bottom:15px;} .Blogin_07_line01 {border-bottom:1px solid #e1e1e1; margin:10px;} /*** 아파트검색 ***/ .aptsearh_T01{position: absolute; top: 0%; left: 0%; width: 100%; height:auto; background-color:#fff; -moz-border-radius:px; -webkit-border-radius:0px; border-radius:0px; z-index: 0;} .aptsearh_T01 h2.popTit {background:#2898c4; height:60px; font-size: 18px; line-height: 60px; color:#fff; padding-left:20px; -moz-border-radius:0px 0px 0 0; -webkit-border-radius:0px 0px 0 0; border-radius:0px 0px 0 0;} .aptsearhTab {text-align:center; margin-top:20px;} .aptsearhTab li {display:inline-block; zoom:1; *display:inline;width:27%; margin:0 0px;} .aptsearhTab li a {display:block; height:37px; font-size: 13px; line-height: 35px; color:#666; background:#f0f0f0; border-radius:2px;} .aptsearhTab li a.on {color:#fff; background:#2898c4;} .aptsearhbbs table {width:93%; table-layout:fixed; border-top:2px solid #000; margin:auto; margin-top:15px;} .aptsearhbbs table td {border-bottom:1px solid #c6dbe2; padding:8px 15px; font-size: 12px; color:#000;} .space01 {font-size: 11px; color:#666;} .aptsearhbbs01 table {width:93%; table-layout:fixed; border-top:2px solid #000;margin:auto;margin-top:20px;} .aptsearhbbs01 table thead th {border-bottom:1px solid #c6dbe2; background:#ecf8fc; font-size: 13px; line-height: 15px; color:#000; padding:10px 10px;} .aptsearhbbs01 table tbody td {border-bottom:1px solid #ddd; background:#fff; font-size: 13px; line-height: 1; color:#444; padding:10px;} .aptsearh_S01 {width:93%;border:1px solid #ededed; background-color:#f5f5f5; padding:0px; margin:auto;margin-top:10px;} .aptsearh_S01 li {font-size: 18px; line-height: 3; color:#474646; text-align:center; font-weight:bold; letter-spacing:10px;} .aptsearh_S02 {width:93%;margin:auto;margin-top:5px; font-size: 11px; color:#666; text-align:center;} .aptsearh_S03 {width:92.5%;margin:auto;margin-top:15px;border:4px solid #ddd;} .aptsearh_S03 li {font-size: 16px; line-height: 2; color:#208eb9; text-align:center; padding:20px;} .aptsearh_S04 {width:93%;border:1px solid #ededed; background-color:#f5f5f5; padding:0px; margin:auto;margin-top:10px;} .aptsearh_S04 li {font-size: 12px; color:#474646; text-align:left; padding-left:20px; margin:12px;} /*** 아파트캐시 선물하기 ***/ .gift01 {display: flex; flex-direction: row; align-items: center; margin: 0 auto 35px; padding: 20px 40px; border: 2px solid #2897c5;} .gift01 .gift_img01 {width: 115px;} .gift01 .gift_img02 {width: 100%; vertical-align: top;} .gift01 .gift_box01 {padding: 0 0 0 30px;} .gift01 .gift_box01 .txt {font-size: 14px; line-height: 1.8; color: #424242;} .gift01 .gift_box01 .txt.c_orange {color: #cb6f03;} .gift01 .gift_box01 .txt span {color: #1d80a7; vertical-align: baseline;} .giftTab_01 {overflow: hidden; margin-bottom:15px;} .giftTab_01 li {float: left; min-width: 100px; width: calc((100% - 5px)/2); max-width: 220px;} .giftTab_01 li + li {margin-left: 5px;} .giftTab_01 li a {box-sizing: border-box; display: block; width: 100%; height: 45px; padding: 0 30px; font-size: 16px; line-height: 45px; color:#383838; text-align: center; background-color: #f0f0f0; border-radius: 30px;} .giftTab_01 li a.on {color: #fff; background-color: #2898c4;} .gif_input {width: 110px;} .gif_input01 {width: 100px;} .gif_sh01 {border:1px solid #EDEDED; background-color:#F6F6F6; width:100%; margin-bottom:20px; text-align:center;} .gif_sh01 li {font-size: 16px; color:#000; padding:10px 0px; width:%;} .gift_box02 {box-sizing: border-box; display: flex; flex-wrap: wrap; overflow: hidden; margin: 0 0 30px; height: auto; border:5px solid #ebebeb;} .gift_box02 .gift_box_iitem {box-sizing: border-box; width: 25%; border-right: 1px solid #ebebeb;} .gift_box02 .gift_box_iitem:last-child {border: 0;} .gift_box02 .gift_box_iitem .title {display: block; height: 40px; line-height: 40px; font-size: 14px; font-weight: 600; color: #3d3d3d; text-align: center; background-color: #f0fafe;} .gift_box02 .gift_box_iitem .title span {color: #2897c5; vertical-align: baseline;} .gift_box02 .gift_box_iitem .input_contents {box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; height: calc(100% - 40px); padding: 15px 0; text-align: center;} .gift_box02 .gift_box_iitem .input_contents li {color: #424242;} .gift_box02 .gift_box_iitem .input_contents .input_area {margin: 0 auto; width: 160px; line-height: 32px; font-size: 13px; color: #424242;} .gift_box02 .gift_box_iitem .input_contents .sub_tit {margin: 20px auto 5px; font-size: 13px; color: #424242; text-align: left;} .gift_box02 .gift_box_iitem .input_contents .txt_area {margin: 10px 0 0; font-size: 13px; line-height: 1.4; font-weight: 500; color: #424242;} .gift_box02 .gift_box_iitem .input_contents .txt_area em {color: #2897c5;} .gift_box02 .gift_box_iitem .input_contents .btn_area {margin: 10px 0 0;} /*** address ***/ .address_tab {text-align:center;} .address_tab li {display:inline-block; zoom:1; *display:inline;width:32.5%; margin:0 0px;} .address_tab li a {display:block; height:52px; font-size: 16px; line-height: 50px; color:#666; background:#f0f0f0; border-radius:2px;} .address_tab li a.on {color:#fff; background:#2898c4;} .address01 {font-size: 16px; line-height: 30px; color:#222; text-align:left; margin-top:20px;} .address_title {border:2px solid #f0f0f0; margin-bottom:20px; height:80px;} .address_title table {margin-top:8px; margin-left:0px;} .address_title table tbody td {padding-left:0px;} .address_off {font-size: 14px; line-height: 33px; color:#666; } .address_on {font-size: 14px; line-height: 33px; color:#208eb9; text-decoration:underline;} .address_Box01 {background:#f6f6f6; width:97%; border:1px solid #ddd; margin-top:0px; height:285px; padding:15px} .AB_left01 {background:#;float:left; width:28%; margin-top:5px;margin-bottom:5px;margin-left:0px; font-size: 13px; line-height: 24px; color:#666; padding-left:0px;} .AB_right01 {background:#;float:right; width:67%; text-align:right; margin-top:5px;margin-bottom:5px;margin-right:0px; height:25px;} .address_Box02 {float:left;width:28%; background:#ffffff; border:1px solid #ddd;padding-bottom:5px; padding-top:5px;padding-left:10px; height:230px; overflow-y:scroll;} .address_Box03 {float:right; width:67%; background:#ffffff; border:1px solid #ddd;padding-bottom:5px; padding-top:5px;padding-left:10px; height:230px; overflow-y:scroll;} .AB_left02 li .off {font-size: 13px; line-height: 23px; color:#666;} .AB_left02 li .on {font-size: 13px; line-height: 23px; color:#208eb9; text-decoration:underline;} .AB_right02 li {font-size: 13px; line-height: 23px; color:#666;} .AB_r01 {width:100%;background:#;} .AB_abc01 {float:left; text-align:left; font-size: 13px; line-height: 24px; color:#666;background:#; height:24px;} .AB_abc02 {float:right; font-size: 13px; line-height: 24px; color:#666; padding-left:10px;background:#;} .AB_abc_on {font-size: 16px; line-height: 24px; color:#208eb9; text-decoration:underline; letter-spacing:8px;} .AB_abc_off {font-size: 16px; line-height: 24px; color:#666; letter-spacing:8px;} /*** homepage ***/ .homepage01 {font-size: 16px; line-height: 30px; color:#222; text-align:left; margin-bottom:5px; font-weight: 700;} .homepage02 {font-size: 16px; line-height: 30px; color:#222; text-align:left; margin-top:10px; position:absolute;} .homepage03 {width:100%;border:5px solid #ebebeb; text-align:center; padding:10px; margin-top:5px; box-sizing: border-box;} .homepage_B01 {width:100%;border:5px solid #ebebeb; height:130px; margin-bottom:20px;} .homepage_B_01 {float:left; width:12%; height:120px; text-align:left; background-color:#ffffff;margin-bottom:0px; padding-top:0px;} .homepage_B_01 li {font-size: 16px; line-height: 24px; color:#666;background-color:#; padding-top:40px;} .homepage_B_02 {float:left; width:4%; height:120px; text-align:center; background-color:#ffffff;margin-bottom:0px; padding-top:0px;} .homepage_B_02 li {font-size: 70px; line-height: 24px; color:#b0b0b0;background-color:#; padding-top:50px;} .homepage_B_03 {float:left; width:34%; height:120px; text-align:left; background-color:#ffffff;margin-bottom:0px; padding-top:0px;} .h_B_04 {font-size: 14px; line-height: 0; color:#666;background-color:#; padding-top:40px;} .h_B_03 {font-size: 14px; line-height: 24px; color:#d97203;background-color:#; padding-top:10px;} .h_B_05 {font-size: 12px; line-height: 20px; color:#666;background-color:#; padding-top:0px;} .h_B_06 {font-size: 12px; line-height: 40px; color:#666;background-color:#; padding-top:0px;} .h_B_07 {font-size: 13px; line-height: 0; color:#666;background-color:#; padding-top:40px;} .homepage_B_04 {float:left; width:5%; height:120px; text-align:center; background-color:#ffffff;margin-bottom:0px; padding-top:0px;} .homepage_B_04 li {margin-top:25px;border-left:1px solid #b0b0b0; height:80px;} .homepage_B_05 {float:left; width:21%; height:120px; text-align:left; background-color:#ffffff;margin-bottom:0px; padding-top:0px;} .homepage_B_06 {float:left; width:28%; height:120px; text-align:left; background-color:#ffffff;margin-bottom:0px; padding-top:0px;} .home_img01 {float:left; text-align:center; width:5%; height:35px; background:#f9a20a; border-radius:20px;margin-top:45px;margin-left:29px;margin-right:15px;} .home_img01 li {text-align:center; font-size: 14px; line-height: 35px; color:#FFF;} } /* 20210108 이벤트 상세페이지 타이틀 수정 */ #eventSel_txt {padding: 7px 0; line-height: 20px;} #eventSel_icon {margin: 0 0 0 8px; padding: 7px 0;} /**** tablet ****/ @media all and (max-width: 1100px) { #eventSel_txt {float:left; padding-top:7px;} #eventSel_icon {float:left; padding-top:7px;} #eventSel {text-align:right; padding-top:3px;} #btn_memTop {display:none;} #btn_memTop2 {display:;} /* 가입완료 */ .join-com {width:100%; position:relative; text-align:center;} .join-com h2 {font-size: 25px; line-height: 1.3; color:#444; font-weight:600; letter-spacing:-0.5px; margin:20px 0 90px 0;} .join-com .com-img {width:30%; text-align:center; display:inline-block; vertical-align:top;} .join-com .com-img h3 {font-size: 18px; line-height: 1.5; color:#2897c4; letter-spacing:-0.5px; margin:10px 0 30px 0;} .join-com .com-img p {font-size: 13px; line-height: 1.5; color:#555; width:70%; margin:0 auto;} .mar-T {margin-top:90px;} /* 가입완료 */ /* 광고 제휴 문의 */ .ad_container .segmented_control .segmented_container {grid-auto-columns: 106px;} .ad_container .segmented_control .segmented_container .segment .text {font-size: 15px;} .ad_container .ad_info_wrapper{padding-top: 100px;} .ad_container .ad_product_wrapper, .ad_container .ad_affiliation_wrapper{padding-top: 140px;} .ad_container .ad_affiliation_wrapper .flow_text_wrapper {height: 48px;} .ad_container .ad_contact_wrapper {padding-top: 100px; padding-bottom: 100px; margin-top: 100px;} /* 캐시 전환 완료 페이지 */ .compaWrap .com-title{width:100%; text-align:center; padding:55px 0; font-size: 18px; line-height: 1.3; color:#333; font-weight:600; letter-spacing:-0.5px;} .compaWrap .com-title img{vertical-align:top; } .compaWrap .com-title p{ font-size:12px; color:#777; font-weight:normal; margin-top:10px;} .tbl_basic_com table {width:100%; table-layout:fixed; border-top:2px solid #000;} .tbl_basic_com table thead th {border-bottom:1px solid #c6dbe2; font-size: 15px; line-height: 1; color:#000; padding:14px 12px; font-weight:600;} .tbl_basic_com table tbody td {font-size: 14px; line-height: 1.3; color:#444; padding:12px 0; border-bottom:1px solid #c6dbe2; text-align:center; } /* //캐시 전환 완료 페이지 */ /* 내정보 미리보기 css수정 Tablet */ .memberTop {width:100%; border-top:2px solid #000;} .memberTop_left {float:left; width:25%; background:#ECF8FC; font-size: 14px; line-height: 1.3; color:#444; font-weight:bold;} .memberTop_right {float:left; width:25%; font-size: 14px; line-height: 1.3; color:#444;} .memberTop div {border-bottom:1px solid #c6dbe2; padding-top:10px; padding-bottom:10px; height:25px;} /* padding-left:7px; padding-right:5px; */ .memberTop div p {padding-left:20px;} .memberTop_addr_left {width:25%} .memberTop_addr_right {width:75%} /* 171205_회원정보_ 모바일 제휴 서비스 */ .member_bill_box {margin-top: 10px; width: 100%; display: inline-block; border: 0 !important; height: auto !important} .member_bill_box table {margin-top: 10px; } .member_bill_box table td {border-right: 1px solid #c6dbe2; word-break:break-all} .member_bill_box table td:last-child {border-right: 0;} .member_bill_box table thead td {background:#fff; font-size: 12px; font-weight: 700; text-align: center;} .member_bill_box table tbody td {text-align: center; font-size: 12px;} /* //내정보 미리보기 css수정 Tablet */ h3.h3Tit {font-size: 16px; line-height: 1.3; color:#222; padding-bottom:10px;margin-top:40px;} .btnBox {margin-top:20px; text-align:center;} .grayBox {background:#f6f6f6; border:1px solid #ddd; padding:15px; box-sizing: border-box;} input[type=text], input[type=password] {border:1px solid #dadada; border-top:1px solid #bababa; font-size:13px; height:26px; padding:0 8px;} select {border:1px solid #e5e5e5; font-size:14px; padding:3px 5px; background:#fff; color: #000;} .select_month {margin-bottom:20px; position:relative; text-align:center; z-index:11;} .select_month .select_btn {position:relative; border:1px solid #dde0db; background:#fff; padding:0 8px 0 15px; display:block; border-radius:30px; width:190px; height:40px; margin:0 auto; z-index:7} .select_month .select_btn a {display:block; text-align:center; background:url('/apti/images/reWeb/arw_select.png') 152px center no-repeat; background-size:28px; color:#222; font-size: 18px; line-height: 40px; padding-right:35px;} .select_month .select_list {border:1px solid #dde0db; border-top:none; border-radius:0 0 20px 20px; width:203px; position:absolute; top:30px; left:50%; margin-left:-103px; padding-top:18px; display:none; z-index:3} .select_month .select_list a {display:block; background:#fff; padding:4px 10px; font-size: 14px; line-height: 1.3; } .select_month .select_list a:hover {color:#2898c4;} .select_month .select_list a:last-child{border-radius:0 0 20px 20px; padding-bottom:10px;} .costInfo_wrap {border:5px solid #ededed;} .costdataBox {float:left;background:#ededed; width:40%; padding:1.5%;} .costdataBox .dayBox {float:left; width:30%; height:70px; border-radius:5px; background:#2898c4; text-align:center;} .costdataBox .dayBox strong {display:block; font-size: 26px; line-height: 1.3; color:#fff; padding-top:10px;} .costdataBox .dayBox p {font-size: 14px; line-height: 1.3; color:#fff;} .costdataBox .endBox {float:left; width:70%; font-size: 16px; line-height: 1.3; color:#124b62; text-align:center; padding-top:15px;} .costdataBox .endBox span {display:block; font-size: 16px; line-height: 1.3; color:#2898c4;} .costpayBox {float:left; width:54%; padding:1.5%;} .costpayBox dt {float:left; width:70%; font-size: 16px; line-height: 1.3; color:#222; padding:5px 0; } .costpayBox dd {float:left; width:30%; font-size: 16px; line-height: 1.3; color:#222; padding:5px 0; text-align:right;} .costpayBox dd .costPay {font-size: 16px; line-height: 1.3; color:#2898c4;} .compaWrap {border:5px solid #ededed; margin-top:20px;} .compaWrap li {float:left; width:33.2%; border-left:1px solid #ddd;} .compaWrap li:first-child {border-left:none;} .compaWrap li h2 {background:#f6f6f6; font-size: 15px; line-height: 1.3; color:#222; padding:12px 0; text-align:center;} .tbl_basic table {width:100%; table-layout:fixed; border-top:2px solid #000;} .tbl_basic table thead th {border:1px solid #ddd; border-bottom:1px solid #c6dbe2; background:#ecf8fc; font-size: 15px; line-height: 1; color:#000; padding:12px 10px;} .tbl_basic table tbody th {border:1px solid #ddd; background:#ecf8fc; font-size: 14px; line-height: 1.3; color:#222; padding:10px; text-align:left;} .tbl_basic table tbody td {border:1px solid #ddd; background:#fff; font-size: 14px; line-height: 1.3; color:#444; padding:10px;} .tbl_basic table tbody td .red img, .tbl_basic table tbody td .blue img {width:14px; padding-right:5px;} .tbl_basic table tbody td .icon img {width:20px; padding-right:2px;} .tbl_basic table tbody td .space {display:block; margin-bottom:5px;} .tbl_basic table .bg_gray {background:#f6f6f6;} /******* tablet bbs추가01 ********/ .New_tbl_basic table {width:100%; table-layout:fixed; border-top:2px solid #000;} .New_tbl_basic table thead th {border-bottom:1px solid #c6dbe2; background:#ecf8fc; font-size: 15px; line-height: 1; color:#000; padding:14px 12px;} .New_tbl_basic table tbody th {background:#ecf8fc; font-size: 14px; line-height: 1.3; color:#222; padding:12px; text-align:left;} .New_tbl_basic table tbody td {border-bottom:1px solid #ddd; background:#fff; font-size: 14px; line-height: 1.3; color:#444; padding:12px;} .bbs_view table {width:100%; table-layout:fixed; border-top:2px solid #000;} .bbs_view table thead th {border-bottom:1px solid #c6dbe2; background:#ecf8fc; padding:14px 12px;} .bbs_view table tbody td {border-bottom:1px solid #000; background:#fff; font-size: 14px; line-height: 1.5; color:#222; padding: 20px;} .bbs_view table tbody td ol { display: block; list-style-type: decimal; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; unicode-bidi: isolate;} .bbs_view table tbody td ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; unicode-bidi: isolate; } .bbs_view table tbody td li::marker { font-size: 12px; line-height: 1.6; } .bbs_next table {width:100%; table-layout:fixed; border-top:1px solid #000;} .bbs_next table td {border-bottom:1px solid #000; font-size: 14px; line-height: 1; color:#000; padding:14px 12px;} .bbs_write table {width:100%; table-layout:fixed; border-top:2px solid #000;} .bbs_write table td {border-bottom:1px solid #c6dbe2; padding:14px 20px;} .bbs_vlist table {width:100%; border-top:2px solid #000;border-bottom:2px solid #000000;} .bbs_vlist table td { border-bottom:1px solid #dddddd; padding:10px 0px; vertical-align:top;} .bbs_comment {float:left; width:88%; font-size: 12px; line-height: 1; color:#000; margin-top:30px; margin-bottom:30px;} .input_comment {width:100%; height:90px; font-size: 14px; line-height: 1; color:#000; border:1px solid #bcbaba;} .bbs_comlist {width:100%;float:left; border-top:1px solid #000; border-bottom:1px solid #000000; margin:0px 0px 30px 0px; background-color:#;} .bbs_comlist table {width:100%; font-size: 13px; line-height: 1.1; vertical-align:top;} /* 161013 ???遺?遺? ?고? ?ш린 議곗? */ .bbs_comlist table td {line-height:20px;} .comlist_t {border-top:1px solid #dddddd; padding-bottom:0px;} .comlist_tt {padding-top:20px; padding-bottom:20px;padding-left:20px;} .input_V01 {width:100%;height:90px; font-size: 14px; line-height: 1; color:#000; border:1px solid #bcbaba} .VB01 {float:left;width:100%;border-top:2px solid #000;border-bottom:2px solid #000000; margin-bottom:20px; margin-top:5px; padding-top:20px; padding-bottom:20px; padding-left:0px;} .vB01_Div01 {float:left; width:8%; font-size: 11px; line-height: 12px; color:#787878; text-align:center; padding-top:0px;} .vB01_Div01_li01 {font-size: 30px; line-height: 50px; color:#000000; padding-left:5px;} .vB01_Div01_li02 {font-size: 11px; line-height: 12px; color:#787878; padding-left:10px;} .vB01_Div01_li03 {font-size: 26px; line-height: 50px; color:#000000; padding-left:0px;} .vB01_Div02 {float:left; width:69%; font-size: 16px; line-height: 20px; font-weight:bold; color:#000000; text-align:left; padding-top:0px;} .vB01_Div02_li {font-size: 12px; line-height: 13px; color:#787878;line-height:20px; padding-top:10px;} .vB01_Div03 {float:left; width:21%; text-align:right; padding-bottom:0px;} .vB01_Div04 {float:left;width:100%;border-bottom:1px solid #dddddd; margin-top:20px;margin-bottom:20px;} .vB01_Div05 {float:left; width:82%; font-size: 16px; line-height: 20px; font-weight:bold; color:#000000; text-align:left; padding-top:0px;} .vB01_Div05 li {padding-left:10px;} .vB01_Div05_li {font-size: 12px; line-height: 13px; color:#787878;line-height:20px; padding-top:10px;} .vB01_Div06 {float:left; width:10%; text-align:right; font-size: 13px; line-height: 20px; font-weight:bold; color:#000000;} .vB01_Div06_li {font-size: 12px; line-height: 13px; color:#2898c4;line-height:20px; padding-top:0px;} .aptInfo_wrap {border:2px solid #2898c4;} .dateBox {background:#f6f6f6; padding:10px;} .dateBox .dayBox {float:left; width:60px; height:50px; border-radius:5px; background:#2898c4; text-align:center;} .dateBox .dayBox strong {display:block; font-size: 16px; line-height: 1.3; color:#fff; padding-top:12px;} .dateBox .dayBox p {font-size: 11px; line-height: 1.3; color:#fff;} .dateBox .endBox {float:left; font-size: 16px; line-height: 1.3; color:#124b62; text-align:center; padding:13px 0 0 15px;} .dateBox .endBox span {font-size: 16px; line-height: 1.3; color:#2898c4;} .aptBox1, .aptBox2 {float:left; display:table; width:49.5%; height:60px; text-align:center; border-left:1px solid #ddd;} .aptBox1 span, .aptBox2 span {display:table-cell; font-size: 16px; line-height: 1.3; color:#222; vertical-align:middle; letter-spacing:-0.05em;} .paymentBox {position:relative; border:5px solid #ededed; margin-top:20px; margin-bottom:30px;} .paymentBox table {width:100%; table-layout:fixed;} .paymentBox table th {background:#f6f6f6; height:40px; width:33.33%; font-size: 13px; line-height: 1.3; color:#222; font-weight:600; border-left:1px solid #ddd; letter-spacing:-0.05em;} .paymentBox table th .quest {display:inline-block; zoom:1; *display:inline;width:18px; height:19px; vertical-align:middle;} .paymentBox table th .questInfo {display:none; position:absolute; top:35px; left:50%; margin-left:-100px; z-index:2000; width:200px; padding:15px; background:#fff; border:1px solid #ededed; font-size: 13px; line-height: 1.3; color:#666;} .paymentBox table td {background:#ffffff; height:50px; font-size: 14px; line-height: 50px; color:#666; font-weight:600; border-left:1px solid #ddd; text-align:right; padding:0 18px; letter-spacing:-0.05em;} .paymentBox table td span {font-size:18px; color:#666;} .paymentBox table th:first-child, .paymentBox table td:first-child {border-left:0;} .paymentBox table td input[type=text]{width:80%;} .paymentBox .mark1 {position:absolute; left:33.33%; top:53px; width:24px; height:24px; margin-left:-11px;} .paymentBox .mark2 {position:absolute; left:66.66%; top:53px; width:24px; height:24px; margin-left:-11px;} .discountBox {border-top:2px solid #000; background:#d3e9f2; margin-bottom:40px; width:100%; min-height:115px; height:100%;} .discountBox table {float:left; width:78%;} .discountBox table tbody th {border:1px solid #c6dbe2; background:#ecf8fc; font-size: 15px; line-height: 1; color:#000; font-weight:600; padding:14px 12px; text-align:left;} .discountBox table tbody td {border:1px solid #c6dbe2; background:#ffffff; font-size: 14px; line-height: 15px; color:#444; padding:14px 12px;} .discountBox .totalPay {float:left; width:26%; padding:2%; background:#d3e9f2; width:17%;} .discountBox .totalPay .totalPayBox {margin-top:69px; font-size: 15px; line-height: 1.6; font-weight:600; color:#222; text-align:right;} .discountBox .totalPay .totalPayBox strong {font-size:25px; letter-spacing:-0.05em;} .payChoice {border-top:2px solid #000; border-bottom:1px solid #ddd; padding:30px 10px; } .payChoice .payBox {text-align:center; } .payChoice .payBox li {display:inline-block; zoom:1; *display:inline;width:22%; border:1px solid #ddd; box-shadow:0 2px 2px #ccc; text-align:center; margin: 10px 1%; position: relative;} .payChoice .payBox li.blur:after {content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(33,33,33,0.5); z-index: 50;} .payChoice .payBox li .payImg {padding-top:10px; width:80px; margin:0 auto;} .payChoice .payBox li .cashImg {padding-top:12px; width:160px; margin:0 auto;} .payChoice .payBox li .payDate {background:#f6f6f6; font-size:14px; font-weight:600; padding:10px; margin-top:10px;} .payChoice .payBox li .inputPay {padding:10px;} .payChoice .payBox li .inputPay input{width:100%; box-sizing:border-box;} .payChoice .payBox li .cashSearch {background:#f6f6f6; padding:10px; margin-top:10px;} .payChoice .payBox li .cashSearch input {width:38%;} .payChoice .payBox li:hover {border:1px solid #2898c4;} .payChoice .payBox2 {text-align:left; padding-bottom:30px; } .payChoice .payBox2 li {display:inline-block; zoom:1; *display:inline;width:22%; border:1px solid #ddd; box-shadow:0 2px 2px #ccc; text-align:center; margin: 10px 1%; position: relative;} .payChoice .payBox2 li.blur:after {content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(33,33,33,0.5); z-index: 50;} .payChoice .payBox2 li .payImg {padding-top:10px; width:80px; margin:0 auto;} .payChoice .payBox2 li .cashImg {padding-top:12px; width:160px; margin:0 auto;} .payChoice .payBox2 li .payDate {background:#f6f6f6; font-size:14px; font-weight:600; padding:10px; margin-top:10px;} .payChoice .payBox2 li .inputPay {padding:10px;} .payChoice .payBox2 li .inputPay input{width:100%; box-sizing:border-box;} .payChoice .payBox2 li .cashSearch {background:#f6f6f6; padding:10px; margin-top:10px;} .payChoice .payBox2 li .cashSearch input {width:38%;} .payChoice .payBox2 li:hover {border:1px solid #2898c4;} .tbl_guide {width:100%; table-layout:fixed;} .tbl_guide thead th {background:#efefef; border:1px solid #ddd; padding:10px; font-size: 14px; line-height: 1.65; letter-spacing: -0.55px;} .tbl_guide tbody td {background:#fff; border:1px solid #ddd; padding:10px; font-size: 14px; line-height: 1.65; vertical-align:top; letter-spacing: -0.55px;} .cashGuide {background:#f6f6f6; padding:15px;} .cashGuide .left {width:40%;} .cashGuide .right {width:55%; padding-top:10px;} .aptInfo_wrap2 {border:2px solid #2898c4;} .aptInfo_wrap2 .aptBox1 {float:left; display:table; width:35%; height:70px; text-align:center; border-left:1px solid #ddd;} .aptInfo_wrap2 .aptBox2 {float:left; display:table; width:64%; height:70px; text-align:center; border-left:1px solid #ddd;} .paymentBox_early {position:relative; border:5px solid #ededed; margin-top:20px; margin-bottom:30px;} .paymentBox_early table {width:100%; table-layout:fixed;} .paymentBox_early table td {background:#f6f6f6; font-size: 14px; line-height: 1.3; color:#222; font-weight:600; border-left:1px solid #ddd; text-align:center; letter-spacing:-0.05em; padding:20px 10px;} .paymentBox_early table td:first-child {border-left:0;} .paymentBox_early .mark1 {position:absolute; left:33.33%; top:30px; width:24px; height:24px; margin-left:-11px;} .paymentBox_early .mark2 {position:absolute; left:66.66%; top:30px; width:24px; height:24px; margin-left:-11px;} .dcTotalBox {border:2px solid #2898c4; background:#ecf8fc; padding:15px; margin-top:15px;} .dcTotalBox .dcList {text-align:right; font-size: 16px; line-height: 1.3;} .dcTotalBox .dcTotal {text-align:right; font-size: 20px; line-height: 1.3; font-weight:600; padding-top:10px;} .slide > * {max-width: 100%;} .sliderCash .slide-prev , .sliderCash .slide-next {cursor:pointer; height:42px; width:35px; position:absolute; top:50%; margin-top:-21px; padding:0px; opacity: 0.6;} .sliderCash .slide-prev {left:0; background:rgba(102,102,102,0.6) url('/apti/images/reWeb/arw_slide_left.png') no-repeat ; background-size:35px;} .sliderCash .slide-next {right:0; background:rgba(102,102,102,0.6) url('/apti/images/reWeb/arw_slide_right.png') no-repeat; background-size:35px;} .sliderCash .slide-prev:before, .sliderCash .slide-next:before {display: block; width:42px; height:35px; line-height:35px; text-align: center; position: absolute; } .es-caption {position: absolute; bottom:-30px; text-align: center; background-color: rgba(0,0,0,0.8); color: #fff; font-size: 14px; padding: 16px; margin: 10px; width: auto; left: 0; right: 0; } ul.es-pager {display: block; width: 100%; text-align: center; margin: 7px 0; padding: 0; line-height: 0px; } ul.es-pager li {display: inline-block; margin: 2px; padding: 0; height:10px; width:10px; cursor: pointer; background:#ccc; border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px; -khtml-border-radius:10px; } ul.es-pager li:hover, ul.es-pager li.act {background:#b4b4b4; } ul.es-pager li.act {cursor: default;} .cashTab {text-align:center; margin-top:40px;} .cashTab li {display:inline-block; zoom:1; *display:inline;min-width:180px; margin:0 2px;} .cashTab li a {display:block; height:40px; padding: 0 15px; font-size: 16px; line-height: 40px; color:#666; background:#f0f0f0; border-radius:30px;} .cashTab li a.on { color:#fff; background:#2898c4;} .cashList_wrap {margin-top:30px;} .cashList_wrap:after {content:" "; display:block; clear:both; height:0; visibility:hidden;} .cashBox {position:relative; float:left; width:44%; height:100%; margin:15px 2.2%; display:table;} .cashBox:after {content:" "; display:block; clear:both; height:0; visibility:hidden;} .cashBox .cashL {position:absolute; left:0; top:0; width:35%; height:100%; background:url('/apti/images/reWeb/bg_cashList.gif') no-repeat; background-size:cover; text-align:center; } .cashBox .cashL .c_logo {width:35px; margin:0 auto; padding-top:30%;} .cashBox .cashL .c_name a {font-size: 13px; line-height: 1.3; color:#666; padding-top:10px;} .cashBox .cashL .c_pay a {font-size: 20px; line-height: 1.3; color:#2898c4; letter-spacing:-0.05em;} .cashBox .cashR {float:right; display:table-cell; width:65%; text-align:center; border:3px solid #ececec; border-left:none;} .cashBox .cashR .c_subTit {width:90%; margin:0 auto; font-size: 13px; line-height: 1.3; color:#444; padding-top:15%; letter-spacing:-0.05em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .cashBox .cashR .c_title {width:90%; margin:0 auto; padding-top:5px; word-break:break-all; } /* white-space:nowrap; text-overflow:ellipsis; overflow:hidden; */ .cashBox .cashR .c_title a {font-size: 16px; line-height: 1.3; color:#222; letter-spacing:-0.05em;} .cashBox .cashR .cashToggle {position:relative; text-align:right; padding:30px 10px 10px 0;} .cashBox .cashR .cashToggle li {display:inline-block; zoom:1; *display:inline;padding:0 4px; font-size: 13px; line-height: 1.3; color:#444;} .cashBox .cashR .cashToggle li .icon{display:inline-block; zoom:1; *display:inline;width:15px; height:15px; } .bbsView table {width:100%; table-layout:fixed; border-top:2px solid #000;} .bbsView table thead th.bbsTit {width:70%; background:#ecf8fc; border-bottom:1px solid #c6dbe2; font-size: 15px; line-height: 1.3; font-weight:600; color:#222; padding:12px 15px; text-align:left; letter-spacing:-0.05em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .bbsView table thead th.bbsDate {width:30%; background:#ecf8fc; border-bottom:1px solid #c6dbe2; font-size: 13px; line-height: 1.3; color:#444; padding:12px 15px; text-align:right; font-weight:normal; } .bbsView table tbody .snsBox ul {float:right;} .bbsView table tbody .snsBox li {float:left; width:30px; height:30px; padding:12px 2px;} .bbsView table tbody .snsBox li img {width:100%;} .bbsView table tbody .bbsView_con {padding:20px 10px 40px; border-bottom:1px solid #ddd;} .bbsView table tbody .bbsView_con img{width:100%;} .commentWrap {margin-top:35px;} .cmtWrite {border:1px solid #ddd; background:#f6f6f6; padding:10px;} .cmtWrite .cmtSelect {float:left; width:16%; height:70px; background:#ecf8fc; border:1px solid #ddd; border-right:none; text-align:center;} .cmtWrite .cmtSelect li {display:inline-block; zoom:1; *display:inline;width:30px; text-align:center; padding:8px 3px;} .cmtWrite .cmtSelect li img {width:30px;} .cmtWrite .cmtBox {float:left; width:70%;} .cmtWrite .cmtBox textarea {width:100%; height:72px;} .cmtWrite .cmtBtn {float:right; width:13%;} .cmtWrite .cmtBtn a {display:block; width:100%; height:70px; box-sizing:border-box; font-size: 15px; line-height: 70px; text-align:center;} .cmtList {margin-top:20px; border-top:2px solid #000;} .cmtlistBox {padding:15px; border-bottom:1px solid #ddd;} .cmtlistBox:after {content:" "; display:block; clear:both; height:0; visibility:hidden;} .cmtlistBox .cmtIcon {float:left; width:8%;} .cmtlistBox .cmtIcon img {width:35px;} .cmtlistBox .cmtTxt {float:left; width:90%;} .cmtlistBox .cmtTxt .cmtInfo {font-size: 12px; line-height: 1.3; color:#222; margin-bottom:10px;} .cmtlistBox .cmtTxt .cmtInfo .cmtDate{display:inline-block; zoom:1; *display:inline;padding:0 8px; color:#666;} .cashinfo_wrap {border:2px solid #2898c4; font-size: 16px; line-height: 1.4; color:#222; letter-spacing:-0.05em; text-align:center; margin-bottom:30px; padding:15px 0;} .changePointWrap {border-top:2px solid #000;} .cashGuide2 {background:#f6f6f6; padding:15px; margin-top:20px;} .cashGuide2 .left {width:25%;} .cashGuide2 .right {width:70%;} .calendarBox h2 {background:#2898c4; height:30px; text-align:center; font-size: 15px; line-height: 30px; color:#fff; font-weight:600;} .calendarBox .tal_cal {background:#fff; padding:10px} .calendarBox .tal_cal table {width:100%; table-layout:fixed;} .calendarBox .tal_cal table th {font-size: 12px; line-height: 1.3; font-weight:600; color:#222;} .calendarBox .tal_cal table td {font-size: 12px; line-height: 1.3; color:#666; text-align:center; padding:3px 0} .calendarBox .tal_cal table td.today{background:url('/apti/images/reWeb/bg_cal_today.png') no-repeat center 3px; background-size:21px auto; color:#2898c4;} .webzin_searchWrap h2 {float:left; width:15%; height:50px; background:#124b62; font-size: 15px; line-height: 50px; color:#fff; text-align:center;} .searchBox {float:left; position:relative; width:82%; height:50px; background:#2898c4; padding:0 1.5%; line-height:50px;} .searchBox .mailzin {position:absolute;; right:20px; top:0;} .wzWrap {background:#f6f6f6; padding:20px 0;} /* #wzBest {display:none;} */ .nbs-flexisel-container {position:relative; width:100%;} .nbs-flexisel-ul {position:relative; width:99999px; margin:0px; padding:0px; list-style-type:none; text-align:center;} .nbs-flexisel-inner {overflow:hidden; margin:0 auto; width:90%;} .nbs-flexisel-item {float:left; margin:0px; padding-bottom:0px; cursor:pointer; position:relative; } .bestBox {width:90%; border:1px solid #ddd; margin:0 5%;} .bestBox .wz_img img {width:100%;} .bestBox .wz_tit {height:35px; border-top:1px solid #ddd; background:#fff; text-align:center; padding:0 10px; letter-spacing:-0.05em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .bestBox .wz_tit a {font-size: 14px; line-height: 35px; color:#222; } .nbs-flexisel-nav-left, .nbs-flexisel-nav-right {width: 5%; max-width:50px; height:60px; position: absolute; cursor: pointer; z-index:10; } .nbs-flexisel-nav-left {left: 0px; background:#bcbcbc url('/apti/images/reWeb/arw_slide_left.png') no-repeat center 0;} .nbs-flexisel-nav-right {right: 0; background:#bcbcbc url('/apti/images/reWeb/arw_slide_right.png') no-repeat center 0;} .life_listWrap {margin:0px 0px 0px; }/* margin:30px 0 40px; */ .life_listWrap > ul > li {float:left; width:30%; min-height:390px; margin:0px 1.5% 0px; outline:1px solid #ddd; text-align:center;}/* margin:5% 1.5% 0; */ .life_listWrap li .wzl_img img {width:100%; border-bottom:1px solid #ddd;} .life_listWrap li .wzl_cate {margin-top:8px; font-size: 12px; line-height: 1.3; color:#2898c4; font-weight:600;} .life_listWrap li .wzl_tit {margin:5px 10px 0; font-size: 14px; line-height: 1.3; color:#222; letter-spacing:-0.03em; } .life_listWrap li .wzl_con {text-align:left; height:54px; margin:10px ; font-size: 13px; line-height: 1.4; color:#666; overflow:hidden;} .life_listWrap li .bbsCount {margin:10px;} .life_listWrap li .bbsCount li {display:inline-block; zoom:1; *display:inline; font-size: 12px; line-height: 1.3; color:#666; margin:0 5px;} .life_listWrap li .bbsCount li span {display:inline-block; zoom:1; *display:inline;width:20px; height:20px;} .tab_energy:after {content:" "; display:block; clear:both; height:0; visibility:hidden;} .tab_energy li {float:left; width:50%;} .tab_energy li a {display:block; border:1px solid #ddd; background:#fff; padding:13px 0; font-size: 15px; line-height: 1; font-weight:600; color:#888; text-align:center;} .tab_energy li a.on {background:#f6f6f6 url('/apti/images/reWeb/line_1.gif') repeat-x; color:#222;} .energyTop {border:5px solid #ededed;} .energyTop .enePay {background:#f6f6f6; text-align:center; padding:13px 10px;} .energyTop .enePay h3 {padding-bottom:10px; font-size: 26px; line-height: 1.3; color:#888; letter-spacing:-0.03em;} .energyTop .enePay h3 strong.data1 {color:#ffa401;} .energyTop .enePay h3 .month {font-size: 15px; line-height: 1.3; color:#222;} .energyTop .left {width:100%; padding:30px 0; border-bottom:1px solid #ddd;} .energyTop .right {width:95%; margin:0 2.5%;} .ad_eng {margin:15px 0; } .engDetail {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; width: 100%;} .engDetail.clearfix:after {display: none;} .engDetail .engBox {width:100%; margin:10px 0; outline:1px solid #ddd;} .engBox .topArea {border-bottom:1px solid #ddd; padding:10px;} .engBox .topArea h3 {float:left; width:30%; font-size: 18px; line-height: 1.3; color:#222; font-weight:600;} .engBox .topArea h3 span {width:30px; display:inline-block;} .engBox .engUnit {float:right; width:70%; text-align:right;} .engBox .engUnit li {display:inline-block; zoom:1; *display:inline;padding:0 5px; font-size: 18px; line-height: 1.3; color:#888; } .engBox .engUnit li strong {font-size: 18px; line-height: 1.3; color:#333; } .engBox .engUnit li.line {background:url('/apti/images/reWeb/line_3.gif') no-repeat center 7px; width:1px; height:18px;} .engBox .botArea {padding:10px;} .engBox .botArea .engMent {position:relative; background:#f6f6f6; padding:10px;} .engBox .botArea .engMent p {position:absolute;; left:10px; top:-8px;} .engBox .botArea .engMent p img {width:32px;} .engBox .botArea .engMent .txtBox {padding-left:35px;} .engDetail .engNo {margin:10px 0} .engDetail .engNo img {width:100%;} .billBox {border:5px solid #ededed;margin-bottom:20px;} .billBox .billGraph {padding:30px 0; border-bottom:1px solid #ddd;} .billGraph .eneTit {text-align:center; font-size: 15px; line-height: 1.3; color:#222;} .billGraph .eneTit span img {width:20px; vertical-align:middle; padding-right:3px;} .billGraph .enePay {text-align:center; font-size: 26px; line-height: 1.3; color:#888; letter-spacing:-0.03em; padding-bottom:20px;} .tbl_bill {padding:10px;} .tbl_bill table {table-layout:fixed; width:100%;} .tbl_bill table th {text-align:left; font-weight:bold; color:#222; border:1px solid #ddd; padding:10px; font-size:14px;} .tbl_bill table td {text-align:right; color:#666; border:1px solid #ddd; padding:10px; font-size:14px;} .tbl_bill table tr:nth-child(even) {background:#fff;} .tbl_bill table tr:nth-child(odd) {background:#f6f6f6;} /**** tablet 내아파트아이 ****/ .myapti_T01 {border:2px solid #f0f0f0; height:70px; font-size: 16px; line-height: 70px; color:#5B616C; letter-spacing:-0.02em; text-align:center; margin-bottom:40px;} .myaptiBox {width:100%;} .myaptiBox table {float:left; width:55%;border-top:2px solid #000; margin-right:16px;} .myaptiBox table tbody th {border:1px solid #c6dbe2; background:#ecf8fc; font-size: 12px; line-height: 1; color:#000; padding:12px 10px; text-align:left;} .myaptiBox table tbody td {border:1px solid #c6dbe2; background:#ffffff; font-size: 12px; line-height: 1; color:#444; padding:10px 10px;} .myaptiBox .totalPay01 {float:left; padding:;width:21%;} .myaptiBox .totalPay01 table {border-top:2px solid #000; margin-right:0px; width:100%; height:144px;} .myaptiBox .totalPay01 table tbody th {border:1px solid #c6dbe2; background:#ecf8fc; font-size: 13px; line-height: 1; color:#000; padding:16px 10px; text-align:center;} .myaptiBox .totalPay01 table tbody td {font-size: 14px; line-height: 1; color:#2897c4; padding:12px 10px; text-align:center;} .myaptiBox .totalPay02 {float:right; padding:;width:21%;} .myaptiBox .totalPay02 table {border-top:2px solid #000; margin-right:0px; width:100%; height:144px;} .myaptiBox .totalPay02 table tbody th {border:1px solid #c6dbe2; background:#ecf8fc; font-size: 13px; line-height: 1; color:#000; padding:15px 10px; text-align:center;} .myaptiBox .totalPay02 table tbody td {font-size: 14px; line-height: 1; color:#2897c4; padding:10px 10px; text-align:center;} /**** tablet 내아파트아이-tap01 ****/ .myaptiTab {text-align:center; margin-top:30px;} .myaptiTab li {display:inline-block; zoom:1; *display:inline;width:243px; margin:0 0px;} .myaptiTab li a {display:block; height:52px; font-size: 16px; line-height: 50px; color:#666; background:#f0f0f0; border-radius:2px;} .myaptiTab li a.on {color:#fff; background:#2898c4;} /**** tablet 내아파트아이-tap02 ****/ .myaptiTab02 {text-align:center; margin-top:50px; height: 52px; margin-bottom: 2px;} .myaptiTab02 li {display:block; zoom:1; *display:inline;width:25%; margin:0 0px; float: left;} .myaptiTab02 li a {display:block; height:53px; font-size: 16px; line-height: 50px; color:#666; background:#f0f0f0; border-radius:2px; border: 1px solid #e5e5e5; border-bottom: 0;} .myaptiTab02 li a.on {color:#2898c4; background:#fff; border: 1px solid #2898c4; height: 54px; border-bottom: 0;} /**** tablet 내아파트아이-로그인 ****/ .myaptilogin {text-align:center; margin-top:60px;width:100%; } .myaptilogin li {display:inline-block; zoom:1; *display:inline;width:100%; margin:0 0px; font-size: 15px; line-height: 1; color:#2897c4;} .myaptiline {border-top:1px solid #dedede;margin-top:30px; font-size: 13px; line-height: 20px; color:#7e7e7e; padding-top:20px;} /**** tablet 내아파트아이-회원정보변경 ****/ .myapti_member {position:relative; padding: 0; width:100%; } .member_title {font-size: 16px; line-height: 50px; color:#222; text-align:center; border:2px solid #f0f0f0; margin-bottom:20px; height:50px;} /**** 제휴 및 광고 문의 ****/ .ad_style {position:relative; padding: 0; width:100%; } .ad_style .bbs_write .writeTL {width:20%;} .ad_style .bbs_write .writeTLW {width:80%;} .ad_style .email_box .ip_add1 { width: calc((100% - 27px) / 3) } .ad_style .email_box select { width: calc((100% - 27px) / 3) } /**** tablet 내아파트아이-이메일고지서 ****/ .member_t {font-size: 18px; line-height: 50px; color:#222; text-align:left; margin-bottom:0px;} /**** tablet 내아파트아이-아파트정보수정 ****/ .member_tt01 {font-size: 18px; line-height: 50px; color:#222; text-align:left; margin-bottom:0px;} .member_tt02 {float:left; font-size: 18px; line-height: 20px; color:#222; text-align:left; margin-bottom:12px;} .member_tt03 {float:right; text-align:right;} .member_tt04 {font-size: 13px; line-height: 15px; color:#222; text-align:left; padding-top:5px;padding-bottom:10px;} .member_tt05 {float:right; width:50%; font-size: 13px; line-height: 15px; color:#222; margin-bottom:30px;} /**** tablet 내아파트캐쉬 ****/ .couponTab {text-align:center; margin-bottom:40px;} .couponTab li {display:inline-block; zoom:1; *display:inline; width:49%; margin:0 0px;} .couponTab li a {display:block; height:52px; font-size: 16px; line-height: 50px; color:#afb7bb; background:#f0f2f3;border:1px solid #b6c0c5;} .couponTab li a.on {color:#fff; background:#FFFFFF;border:1px solid #71b0c9; font-size: 16px; line-height: 50px; color:#3f9fc7;} .couponCheck {border:1px solid #EDEDED; background-color:#F6F6F6; width:100%; height:50px; margin-bottom:20px; text-align:center;} .couponCheck li {display:inline-block; font-size: 16px; color:#2897c4; padding:10px 0px; width:100%;} .aptCashDetail_searchH {border:1px solid #EDEDED; background-color:#F6F6F6; width:100%; height:80px; margin-bottom:20px; text-align:center;} .aptCashDetail_searchH li {display:inline-block; font-size: 16px; color:#2897c4; padding:10px 10px; width:100%;} #aptCashDetailTxt {width:60px; vertical-align:top; padding:5px;} #aptCashDetail_search_1 {float:left; text-align:left; height:30px; padding-right:10px;} #aptCashDetail_search_2 {float:left; width:290px; height:30px;} #aptCashDetail_search_3 {float:left; text-align:left; height:30px; margin-right:45px;} /* .couponCheckT {border:2px solid #CCC; height:85px; background-color:#f0f0f0; text-align:center; margin-bottom:40px; margin-top:0px;} */ .couponCheckT {border:2px solid #4fb7e6; background-color:#fafafa; text-align:center; margin-bottom:40px; margin-top:0px; padding: 10px 0;} .couponCheckT li {font-size: 14px; line-height: 20px; color:#454545; padding-top:10px;} .couponspan01 {padding-left:70px; font-size: 14px; line-height: 20px; color:#2897c4;} .couponBox {float:left;width:100%; position:relative;z-index:1;} .couponBox table {float:left; border-top:2px solid #000; margin-right:0px; width:62%;} .couponBox table tbody th {border:1px solid #c6dbe2; background:#ecf8fc; font-size: 13px; line-height: 1; color:#000; padding:19px 20px 19px 20px; text-align:left; width:45%;} .couponBox table tbody td {border:1px solid #c6dbe2; background:#ffffff; font-size: 13px; line-height: 1; color:#444; padding:19px 20px 19px 100px;text-align:right; width:55%;} .couponBox .totalPay02 {float:right; padding:0;width:35%;max-width:360px;} /******* tablet tap추가 ********/ .cashTab {text-align:center; margin-top:60px;} .cashTab li {display:inline-block; zoom:1; *display:inline;min-width:180px; margin:0 2px;} .cashTab li a {display:block; height:45px; padding: 0 20px; font-size: 16px; line-height: 45px; color:#666; background:#f0f0f0; border-radius:30px;} .cashTab li a.on { color:#fff; background:#2898c4;} .cashTab_01 {text-align:center; margin-top:60px;} .cashTab_01 li {display:inline-block; zoom:1; *display:inline;width:20%; margin:0 2px;} .cashTab_01 li a {display:block; height:45px; font-size: 16px; line-height: 45px; color:#666; background:#f0f0f0; border-radius:30px;} .cashTab_01 li a.on {font-size: 16px; line-height: 45px; color:#fff; background:#2898c4;} /**** tablet 이벤트 ****/ .eventL {box-sizing: border-box; margin: 30px 10px 0; width: calc((100% - 60px) / 3); border:1px solid #ccc;} .eventL h1 {position: relative; overflow: hidden; padding: 0;} .eventL h1:before {display: block; padding-top: calc((240/960) * 100%); content: '';} .eventL h1 img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;} .eventL .good_icon {position: relative; padding: 8px 10px 10px;} .eventL .good_icon li {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 4px;} .eventL .good_icon li .icon {display: block; width:18px; height:18px;} .eventL .good_icon li .icon a {display: block;} .eventL .good_icon li .icon a img {display: block;} .eventL .good_icon li .text {line-height: 18px; font-size: 14px; font-weight: 600; color:#444;} .eventR {margin-top:10px; margin-bottom:20px; outline:1px solid #cccccc;float:left;} .eventR h1 {padding:0px 0px 0px 0px; } .eventR .good_icon {position:relative; text-align:right; padding-bottom:10px; padding-right:10px;} .eventR .good_icon li {display:inline-block; zoom:1; *display:inline;padding:0 5px; font-size: 14px; line-height: 1.3; color:#444;} .eventR .good_icon li .icon {display:inline-block; zoom:1; *display:inline;width:18px; height:18px; } /******* tablet bbs 검색 ********/ .search {overflow: hidden; box-sizing: border-box; display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; width: 100%; min-height: 120px; border: 1px solid #e8eff2;} .search .search_item {overflow: hidden; box-sizing: border-box; width: 100%; padding: 10px 0; font-size: 14px; line-height: 1.3; text-align: center; color:#006f9b; background-color:#f8fafb;} .search .span_icon02, .search .span_icon04 {background-color:#ecf3f6;} .search .search_item a {display: block;} .search .search_item .left {width: 100%; height: 80px;} .search .search_item .right {margin: 10px 0 0; width: 100%; height: 20px;} .search01 {box-sizing: border-box; width:100%; border:3px solid #edf4f7; text-align:center; padding-top:15px; padding-bottom:15px;margin-top:20px; margin-bottom:10px; font-size: 14px; line-height: 1.3; color:#878787;} .search01 .inputSearch {width:40%; height:18px; margin:0px 10px;} .search01 span {display: block; margin-top: 5px; color: #2897c4;} .search01 span .searchTab {text-align:center; margin-bottom:10px;} .searchTab li {display:inline-block; zoom:1; *display:inline;width:130px; margin:0 0px;} .searchTab li a {display:block; height:35px; font-size: 13px; line-height: 35px; color:#707070; border-radius:0px;border:1px solid #dbdbdb;} .searchTab li a.on {font-size: 13px; line-height: 35px; color:#fff; background:#2898c4;border-radius:0px;border:1px solid #2898c4;} .search_select01 {float:left; margin-top:5px; padding-left:133px;padding-right:130px; background-color:#2898c4;} .search_s01 {float:left;width:130px;border:1px solid #dbdbdb; font-size: 13px; color:#707070;text-align:center;line-height:30px; padding:10px 0px 10px 0px; margin-right:3px;} .search_s02 {float:left;width:128px;border:1px solid #dbdbdb; font-size: 13px; color:#707070;text-align:center;line-height:30px; padding:10px 0px 10px 0px; margin-right:3px;} .search_s03 {float:left;width:128px;border:1px solid #dbdbdb; font-size: 13px; color:#707070;text-align:center;line-height:30px; padding:10px 0px 10px 0px; margin-right:3px;} .search_s04 {float:left;width:128px;border:1px solid #dbdbdb; font-size: 13px; color:#707070;text-align:center;line-height:30px; padding:10px 0px 10px 0px; margin-right:4px;} .search_s05 {float:left;width:128px;border:1px solid #dbdbdb; font-size: 13px; color:#707070;text-align:center;line-height:30px; padding:10px 0px 10px 0px;} /*** tablet drop-down ***/ #drop-down {display:none; height:0px;} #clickMenu {height:100px; width:100%; text-align:center; } #clickMenu div {float:left; width:32.6%; max-width:353px; color:#707070; border-radius:0px; padding:4px 0px 0px 0px;margin-right:4px; background-color:#;} /* width:153px; */ #clickMenu div a {display:block; text-align:center; font-size: 13px; line-height: 14px; color:#707070; } #clickMenu div a:hover, #clickMenu div a:focus {color:#2898c4; border:1px solid #2898c4; } #clickMenu .gnb_hover01 {border:1px solid #dbdbdb;padding:10px 0px 10px 0px; } /*** tablet 게시판 리스트 ***/ #hidden-mo {display: none;} #hidden-xs {width: 100%;} #hidden-xs .table-w {position: relative; width: 100%; text-align: center;} #hidden-xs .table-w thead td {font-size: 15px; font-weight: 600; color: #222; background: #ecf8fc;} #hidden-xs .table-w td {padding: 10px 0; font-size: 15px; color:#222; border-bottom: 1px solid #dddddd;} #hidden-xs .table-w .td01 {padding: 10px 0; font-size: 15px; color: #222; text-align: left;} /* 161114 고객센터 문의유형 */ #hidden-xs .table-w tr.view_Open {text-align: left;} #hidden-xs .table-w tr.view_Open td {padding: 15px 54px 15px 30px; background: #fbfbfb;} #hidden-xs .table-w tr.view_Open td div {padding: 15px; line-height: 1.5; font-size: 14px;} #hidden-xs .table-w tr.view_Open td .bbsBtn_box {padding: 0; border-top: 1px solid #555;} #hidden-xs .table-w tr.view_Open td .bbsBtn_box a {padding: 0 20px; border-top: 0;} #hidden-xs .table-top {border-top: 2px solid #000; } /* 240517 자주하는 질문 공유하기 버튼 추가 */ #hidden-xs .table-w tr.view_Open td.view_open_contents {position: relative;} #hidden-xs .table-w tr.view_Open td.view_open_contents table {width: 100% !important;} #hidden-xs .table-w tr.view_Open td.view_open_contents .btn_faq_share {overflow: hidden; position: absolute; top: 14px; right: 22px; display: block; width: 30px; height: 30px; text-indent: -9999px; border-radius: 50%; border: 0; background: #fff url('../images/board/ico_share.png') no-repeat center / 18px; cursor: pointer;} #hidden-xs .table-w tr.view_Open td.view_open_contents .btn_faq_share:before {visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); transition: all 0.3s; content: '';} #hidden-xs .table-w tr.view_Open td.view_open_contents .btn_faq_share:active:before {visibility: visible; opacity: 1;} /*** PC 납부내역조회 ***/ #hidden-mo2 {display: none;} #hidden-xs2 {width: 100%; font-size: 1em; line-height: 1.1;} #hidden-xs2 .table-w{width:100%; position:relative; text-align:center; font-size:0.8em;} #hidden-xs2 .table-w thead td{background:#eaeff4; font-weight:bold; color:#333;} #hidden-xs2 .table-w td{padding:10px 0; border-bottom:1px solid #d1e2e8; color:#666;} #hidden-xs2 .table-top{border-top:2px solid #666; } /* pagenate */ .paginate {margin:0; padding:1em 0; text-align:center;} .paginate a, .paginate strong { display:inline-block; width:36px; height:36px; line-height:36px; vertical-align:middle; font-size:.875em; margin:0 .2em; background:#f1f1f1; } .paginate strong {font-weight:normal;} .paginate .dir { font-size:1em;} .paginate a:hover{background:#147da6; color:white;} .paginate .over{background:#147da6; color:white;} .paginate .prev{padding:0 6px;} .paginate .next{padding:0 6px;} /* 꼭 확인하세요 */ .grayBox .text-co{color:#666; padding-left:20px; display:block; line-height:160%;} .grayBox .text-co2{color:#749cac; width:100%; } .grayBox table{border-top:1px solid #777; background:#f9f9f9; margin:5px 15px 5px 0; letter-spacing:-0.2px; font-size:0.8em; display:inline-block; vertical-align:top; width:100%;} .grayBox table td{padding:9px 5px; border-bottom:1px solid #ddd; text-align:center; color:#666; border-right:1px solid #ddd; width:700px;} .grayBox table td:last-child, .grayBox table th:last-child {border-right: 0;} .grayBox table th{padding:9px 5px; background:#eee; font-weight:bold; border-bottom:1px solid #ddd; border-right:1px solid #ddd;} .grayBox table .born{border-right:none;} /*** tablet aptpay ***/ .aptpay_tab {text-align:center;} .aptpay_tab li {display:inline-block; zoom:1; *display:inline;width:23.6%; margin:0 0px;} .aptpay_tab li a {display:block; height:52px; font-size: 16px; line-height: 50px; color:#666; background:#f0f0f0; border-radius:2px;} .aptpay_tab li a.on {color:#fff; background:#2898c4;} .aptpay_box01 {background:#f6f6f6; border:1px solid #ddd; padding:30px 70px 25px 70px; margin-top:30px;} .aptpay_tit01 {font-size: 16px; line-height: 1.3; color:#222; padding:0 0 10px 25px; background:url('/apti/images/reWeb/icon_exclamation_17.png') no-repeat 0 0; background-size:17px;} .aptpay_tit02 li {font-size: 14px; line-height: 1.3; color:#444; margin-bottom:5px; background:url('/apti/images/reWeb/bu_gray.gif') no-repeat 0 7px; padding-left:10px;} .aptpay_T01 {text-align:center; border:2px solid #f0f0f0; margin-bottom:20px; margin-top:20px; padding-top:15px; padding-bottom:15px;} .aptpay_T01 li {font-size: 13px; line-height: 25px; color:#828181;} .aptpay_T01 .apttxt01 {font-size: 12px; line-height: 25px; color:#828181;} .aptpay_T02 {text-align:left; border:2px solid #f0f0f0; margin-bottom:20px; margin-top:0px; padding-top:15px; padding-bottom:15px;padding-left:25px;padding-right:20px;} .aptpay_T02 li {font-size: 13px; line-height: 23px; color:#828181;} .aptpay_T02 .apttxt02 {font-size: 16px; line-height: 24px; color:#5d5d5d; padding-bottom:5px;} .aptpay_t {font-size: 18px; line-height: 50px; color:#222; text-align:left; margin-top:15px; margin-left:10px;} /*** tablet pw틀린경우 ***/ .pw5_box01 {border:3px solid #ddd; padding:30px 0px 30px 0px;text-align:center;} .pw5_tit01 {font-size: 26px; line-height: 1.3; color:#444; padding:0px 0px 20px 0px;} .pw5_tit02 li {font-size: 16px; line-height: 1.3; color:#828181; margin-bottom:5px;line-height:30px;} .pw5_login {text-align:center; margin-top:40px;margin-left:0px;width:100%; background-color:#;} .pw5_login li {font-size: 15px; line-height: 1; color:#2897c4;} .pw5_line {text-align:center;border-top:1px solid #dedede;margin-top:30px; font-size: 13px; line-height: 20px; color:#7e7e7e; padding-top:20px;} .pw5_secu {text-align:center; margin-top:20px;margin-left:0px;width:100%; background-color:#;} .pw5_secu li {font-size: 15px; line-height: 1; color:#2897c4;} .pw5_box02 {background:#f6f6f6;text-align:center; border:1px solid #ddd; padding:30px 0px 25px 0px; margin-top:20px;margin-bottom:20px;} .pw5_box02_tit01 {font-size: 16px; line-height: 1.3; color:#222; padding:0 0 10px 25px;} /*** 본인확인완료 ***/ .me01_box01 { width:48.5%;float:left; background:#f6f6f6;text-align:center; border:1px solid #ddd; padding:15px 0px 0px 0px; margin-top:20px;margin-bottom:20px;} .me01_box01_tit01 { font-size: 16px; line-height: 1.3; color:#222; padding:0 0 15px 25px; border-bottom:1px solid #ddd;text-align:center;} .me01_box01_tit02 { font-size: 14px; line-height: 1.3; color:#7e7e7e; padding:30px 0 10px 0px; text-align:center; background-color:#FFF;} .me01_box01_tit03 { font-size: 14px; line-height: 1.3; padding:0px 0 30px 0px; text-align:center; background-color:#FFF;} .me01_box01_tit04 { font-size: 14px; line-height: 1.3; padding:0px 0 40px 0px; text-align:center; background-color:#FFF;} .me01_box02 { width:48.5%;float:right; background:#f6f6f6;text-align:center; border:1px solid #ddd; padding:15px 0px 0px 0px; margin-top:20px;margin-bottom:20px;} .me01_box02_tit01 { font-size: 16px; line-height: 1.3; color:#222; padding:0 0 15px 25px; border-bottom:1px solid #ddd;text-align:center;} .me01_box02_tit02 { font-size: 14px; line-height: 1.3; color:#7e7e7e; padding:30px 0 10px 0px; text-align:center; background-color:#FFF;} .me01_box02_tit03 { font-size: 14px; line-height: 1.3; padding:0px 0 30px 0px; text-align:center; background-color:#FFF;} .me01_box02_tit04 { font-size: 14px; line-height: 1.3; padding:0px 0 40px 0px; text-align:center; background-color:#FFF;} /*** tablet 관리비정보가없을경우 ***/ .Deleteback {width:65%;margin:auto;} .Delete_01 {border:4px solid #ddd; padding:20px; margin-top:40px; margin-bottom:10px;} .Delete_01 li {font-size: 22px; line-height: 2; color:#208eb9; text-align:center;} .Delete_02 {border:1px solid #ededed; background-color:#f5f5f5; padding:20px;} .Delete_02 li {font-size: 14px; line-height: 1.5; color:#474646;} /*** tablet 비로그인상태 이미지 ***/ .Blogin_01 {width:90%; height:100%;margin:auto;border:3px solid #ddd; padding:30px;} .Blogin_02 {width:100%;height:100%;margin:auto; padding-left:10px; padding-right:10px;} .Blogin_02 li {font-size: 18px; line-height: 1.6; color:#208eb9;} .Blogin_02 .t01 {font-size: 14px; line-height: 1.4; color:#474646;} .Blogin_02_line {border-bottom:1px solid #d9d9d9; margin-top:20px;} .Blogin_03 {width:100%;height:100%; text-align:center;} .Blogin_03_img {width:55%;height:100%; margin-top:30px;margin-bottom:15px;} .Blogin_04 {width:100%;height:335px;;margin:auto; display:table; word-break:break-all; word-wrap: break-word;} .Blogin_05 {float:left;width:31%; height:100%;margin:auto; border:1px solid #ededed; background-color:#f5f5f5;} .Blogin_05_C01{padding-top:10px;} .Blogin_05_C01 li {font-size: 16px; line-height: 1.5; color:#208eb9; text-align:center;} .Blogin_05_C01 .Tli01 {font-size: 14px; line-height: 1.4; color:#474646; text-align:left; padding-left:20px; padding-right:20px;} .Blogin_05_C01 .Tli02 {font-size: 12px; line-height: 1.3; color:#474646; text-align:left; padding-left:20px; padding-right:20px; padding-bottom:15px;} .Blogin_05_line01 {border-bottom:1px solid #e1e1e1; margin:10px;} .Blogin_06 {float:left;width:31%; height:100%; margin-left:13px; border:1px solid #ededed; background-color:#f5f5f5;} .Blogin_06_C01{padding-top:10px;} .Blogin_06_C01 li {font-size: 16px; line-height: 1.5; color:#208eb9; text-align:center;} .Blogin_06_C01 .Tli01 {font-size: 14px; line-height: 1.4; color:#474646; text-align:left; padding-left:20px; padding-right:20px;} .Blogin_06_C01 .Tli02 {font-size: 12px; line-height: 1.3; color:#474646; text-align:left; padding-left:20px; padding-right:20px; padding-bottom:15px;} .Blogin_06_line01 {border-bottom:1px solid #e1e1e1; margin:10px;} .Blogin_07 {float:right;width:31%; height:100%; margin-left:10px; border:1px solid #ededed; background-color:#f5f5f5;} .Blogin_07_C01{padding-top:10px;} .Blogin_07_C01 li {font-size: 16px; line-height: 1.5; color:#208eb9; text-align:center;} .Blogin_07_C01 .Tli01 {font-size: 14px; line-height: 1.4; color:#474646; text-align:left; padding-left:20px; padding-right:20px;} .Blogin_07_C01 .Tli02 {font-size: 12px; line-height: 1.3; color:#474646; text-align:left; padding-left:20px; padding-right:20px; padding-bottom:15px;} .Blogin_07_line01 {border-bottom:1px solid #e1e1e1; margin:10px;} /*** tablet 아파트검색 ***/ .aptsearh_T01{position: absolute; top: 0%; left: 0%; width:100%; height:auto; background-color:#fff; -moz-border-radius:px; -webkit-border-radius:0px; border-radius:0px; z-index: 0;} .aptsearh_T01 h2.popTit {background:#2898c4; height:60px; font-size: 18px; line-height: 60px; color:#fff; padding-left:20px; -moz-border-radius:0px 0px 0 0; -webkit-border-radius:0px 0px 0 0; border-radius:0px 0px 0 0;} .aptsearhTab {text-align:center; margin-top:20px;} .aptsearhTab li {display:inline-block; zoom:1; *display:inline;width:30%; margin:0 0px;} .aptsearhTab li a {display:block; height:37px; font-size: 12px; line-height: 35px; color:#666; background:#f0f0f0; border-radius:2px;} .aptsearhTab li a.on {color:#fff; background:#2898c4;} .aptsearhbbs table {width:93%; table-layout:fixed; border-top:2px solid #000; margin:auto; margin-top:15px;} .aptsearhbbs table td {border-bottom:1px solid #c6dbe2; padding:8px 15px; font-size: 12px; color:#000;} .space01 {font-size: 11px; color:#666;} .aptsearhbbs01 table {width:93%; table-layout:fixed; border-top:2px solid #000;margin:auto;margin-top:20px;} .aptsearhbbs01 table thead th {border-bottom:1px solid #c6dbe2; background:#ecf8fc; font-size: 13px; line-height: 15px; color:#000; padding:10px 10px;} .aptsearhbbs01 table tbody td {border-bottom:1px solid #ddd; background:#fff; font-size: 13px; line-height: 1; color:#444; padding:10px;} .aptsearh_S01 {width:93%;border:1px solid #ededed; background-color:#f5f5f5; padding:0px; margin:auto;margin-top:10px;} .aptsearh_S01 li {font-size: 18px; line-height: 1.3; color:#474646; text-align:center; font-weight:bold; letter-spacing:10px;} .aptsearh_S02 {width:93%;margin:auto;margin-top:5px; font-size: 11px; color:#666; text-align:center;} .aptsearh_S03 {width:92.5%;margin:auto;margin-top:15px;border:4px solid #ddd;} .aptsearh_S03 li {font-size: 16px; line-height: 2; color:#208eb9; text-align:center; padding:20px;} .aptsearh_S04 {width:93%;border:1px solid #ededed; background-color:#f5f5f5; padding:0px; margin:auto;margin-top:10px;} .aptsearh_S04 li {font-size: 12px; color:#474646; text-align:left; padding-left:20px; margin:12px;} /*** 아파트캐시 선물하기 ***/ .gift01 {display: flex; flex-direction: row; align-items: center; margin: 0 auto 35px; padding: 20px 40px; border: 2px solid #2897c5;} .gift01 .gift_img01 {width: 115px;} .gift01 .gift_img02 {width: 100%; vertical-align: top;} .gift01 .gift_box01 {padding: 0 0 0 30px;} .gift01 .gift_box01 .txt {font-size: 14px; line-height: 1.8; color: #424242;} .gift01 .gift_box01 .txt.c_orange {color: #cb6f03;} .gift01 .gift_box01 .txt span {color: #1d80a7; vertical-align: baseline;} .giftTab_01 {overflow: hidden; margin-bottom:15px;} .giftTab_01 li {float: left; min-width: 100px; width: calc((100% - 5px)/2); max-width: 220px;} .giftTab_01 li + li {margin-left: 5px;} .giftTab_01 li a {box-sizing: border-box; display: block; width: 100%; height: 45px; padding: 0 30px; font-size: 16px; line-height: 45px; color:#383838; text-align: center; background-color: #f0f0f0; border-radius: 30px;} .giftTab_01 li a.on {color: #fff; background-color: #2898c4;} .gif_input { width:110px;} .gif_input01 { width:80px;} .gif_sh01 {border:1px solid #EDEDED; background-color:#F6F6F6; width:100%; margin-bottom:20px; text-align:center;} .gif_sh01 li {font-size: 14px; color:#000; padding:10px 0px;} .gift_box02 {box-sizing: border-box; display: flex; flex-wrap: wrap; overflow: hidden; margin: 0 0 30px; height: auto; border:5px solid #ebebeb;} .gift_box02 .gift_box_iitem {box-sizing: border-box; width: 25%; border-right: 1px solid #ebebeb;} .gift_box02 .gift_box_iitem:last-child {border: 0;} .gift_box02 .gift_box_iitem .title {display: block; height: 40px; line-height: 40px; font-size: 14px; font-weight: 600; color: #3d3d3d; text-align: center; background-color: #f0fafe;} .gift_box02 .gift_box_iitem .title span {color: #2897c5; vertical-align: baseline;} .gift_box02 .gift_box_iitem .input_contents {box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; height: calc(100% - 40px); padding: 15px 0; text-align: center;} .gift_box02 .gift_box_iitem .input_contents li {color: #424242;} .gift_box02 .gift_box_iitem .input_contents .input_area {margin: 0 auto; width: 160px; line-height: 32px; font-size: 13px; color: #424242;} .gift_box02 .gift_box_iitem .input_contents .sub_tit {margin: 20px auto 5px; font-size: 13px; color: #424242; text-align: left;} .gift_box02 .gift_box_iitem .input_contents .txt_area {margin: 10px 0 0; font-size: 13px; line-height: 1.4; font-weight: 500; color: #424242;} .gift_box02 .gift_box_iitem .input_contents .txt_area em {color: #2897c5;} .gift_box02 .gift_box_iitem .input_contents .btn_area {margin: 10px 0 0;} /*** tablet address ***/ .address_tab {text-align:center;} .address_tab li {display:inline-block; zoom:1; *display:inline;width:32.5%; margin:0 0px;} .address_tab li a {display:block; height:52px; font-size: 16px; line-height: 50px; color:#666; background:#f0f0f0; border-radius:2px;} .address_tab li a.on {color:#fff; background:#2898c4;} .address01 {font-size: 16px; line-height: 30px; color:#222; text-align:left; margin-top:20px;} .address_title {border:2px solid #f0f0f0; margin-bottom:20px; height:80px;} .address_title table {margin-top:8px; margin-left:0px;} .address_title table tbody td {padding-left:0px;} .address_off {font-size: 14px; line-height: 33px; color:#666; } .address_on {font-size: 14px; line-height: 33px; color:#208eb9; text-decoration:underline;} .address_Box01 {background:#f6f6f6; width:97%; border:1px solid #ddd; margin-top:0px; height:290px; padding:15px} .AB_left01 {background:#;float:left; width:28%; margin-top:5px;margin-bottom:5px;margin-left:0px; font-size: 13px; line-height: 24px; color:#666; padding-left:0px;} .AB_right01 {background:#;float:right; width:67%; text-align:right; margin-top:5px;margin-bottom:5px;margin-right:0px; height:25px;} .address_Box02 {float:left;width:28%; background:#ffffff; border:1px solid #ddd;padding-bottom:5px; padding-top:5px;padding-left:10px; height:230px; overflow-y:scroll;} .address_Box03 {float:right; width:67%; background:#ffffff; border:1px solid #ddd;padding-bottom:5px; padding-top:5px;padding-left:10px; height:230px; overflow-y:scroll;} .AB_left02 li .off {font-size: 13px; line-height: 23px; color:#666;} .AB_left02 li .on {font-size: 13px; line-height: 23px; color:#208eb9; text-decoration:underline;} .AB_right02 li {font-size: 13px; line-height: 23px; color:#666;} .AB_r01 {width:100%;background:#;} .AB_abc01 {float:left; text-align:left; font-size: 13px; line-height: 24px; color:#666;background:#; height:24px;} .AB_abc02 {float:right; font-size: 13px; line-height: 24px; color:#666; padding-left:10px;background:#;} .AB_abc_on {font-size: 14px; line-height: 24px; color:#208eb9; text-decoration:underline; letter-spacing:5px;} .AB_abc_off {font-size: 14px; line-height: 24px; color:#666; letter-spacing:8px;} /*** tablet homepage ***/ .homepage01 {font-size: 16px; line-height: 30px; color:#222; text-align:left; margin-bottom:5px; font-weight: 700;} .homepage02 {font-size: 16px; line-height: 30px; color:#222; text-align:left; margin-top:10px; position:absolute;} .homepage03 {width:100%;border:5px solid #ebebeb; text-align:center; padding:10px; margin-top:5px; box-sizing: border-box;} .homepage03_img {width:80%} .homepage_B01 {width:100%;border:5px solid #ebebeb; height:130px; margin-bottom:20px;} .homepage_B_01 {float:left; width:15%; height:120px; text-align:left; background-color:#ffffff;margin-bottom:0px; padding-top:0px;} .homepage_B_01 li {font-size: 16px; line-height: 24px; color:#666;background-color:#; padding-top:40px;} .homepage_B_02 {float:left; width:4%; height:120px; text-align:center; background-color:#ffffff;margin-bottom:0px; padding-top:0px;} .homepage_B_02 li {font-size: 50px; line-height: 24px; color:#b0b0b0;background-color:#; padding-top:50px;} .homepage_B_03 {float:left; width:34%; height:120px; text-align:left; background-color:#ffffff;margin-bottom:0px; padding-top:0px;} .h_B_04 {font-size: 14px; line-height: 18px; color:#666;background-color:#; padding-top:30px;} .h_B_03 {font-size: 13px; line-height: 22px; color:#d97203;background-color:#; padding-top:10px;} .h_B_05 {font-size: 11px; line-height: 30px;; color:#666;background-color:#; padding-top:0px;} .h_B_06 {font-size: 11px; line-height: 15px; color:#666;background-color:#; padding-top:0px;} .h_B_07 {font-size: 13px; line-height: 20px; color:#666;background-color:#; padding-top:30px;} .homepage_B_04 {float:left; width:5%; height:120px; text-align:center; background-color:#ffffff;margin-left:8px; padding-top:0px;} .homepage_B_04 li {margin-top:25px;border-left:1px solid #b0b0b0; height:80px;} .homepage_B_05 {float:left; width:17%; height:120px; text-align:left; background-color:#ffffff;margin-bottom:0px; padding-top:0px;} .homepage_B_06 {float:left; width:28%; height:120px; text-align:left; background-color:#ffffff;margin-bottom:0px; padding-top:0px;} .home_img01 {float:left; text-align:center; width:5%; height:35px; background:#f9a20a; border-radius:20px;margin-top:45px;margin-left:30px;margin-right:20px;} .home_img01 li {text-align:center; font-size: 14px; line-height: 35px; color:#FFF;} /* 161114 고객센터 문의유형 */ #drop-down02 {display: none;} .que_list_box {display: block; width: 100%;} .que_list_box ul { display: inline-block; width: 100%; border: 1px solid #7ca6b4; border-left: 0; border-right: 0; background: #ecf3f6;} .que_list_box ul li {float: left; display: inline-block; padding:10px; height: 24px;} .que_list_box ul li.que_title {width: 15%; text-align: center; font-size: 16px; line-height: 24px; border-right:1px solid #7ca6b4; background-color:#8bcadf; color: #fff; font-weight: 600;} .que_list_box ul li.que_select {width: 70%;} .que_list_box ul li select {width: 30%; margin: 0 5px;} } @media screen and (max-width: 899px) { .ad_container .segmented_control {top: 65px;} } @media all and (max-width: 880px) { #eventSel_icon {float: right;} #eventSel #change_form select {width: 100%;} /* 광고 제휴 문의 */ .ad_container .titleBox {height: 160px;} } /**** mobile (2) ****/ @media all and (max-width: 737px) { h3.h3Tit {position:relative; font-size: 16px; line-height: 1.3; color:#222; padding-bottom:10px; margin-top:40px;} #eventSel_txt {width: calc(100% - 67px); line-height: 20px; padding: 7px 0;} #eventSel_icon {float: right;} #eventSel {text-align:left; padding-top:3px;} #eventSel #change_form select {width: 100%;} #btn_memTop {display:none;} #btn_memTop2 {display:;} /* 내정보 미리보기 css수정 Mobile */ .memberTop {width:100%; border-top:2px solid #000;} .memberTop_left {width:30%; background:#ECF8FC; font-size: 12px; line-height: 1.4; color:#444; font-weight:bold;} .memberTop_right {width:70%; font-size: 12px; line-height: 1.4; color:#444; } .memberTop div {border-bottom:1px solid #c6dbe2; padding-top:10px; padding-bottom:10px; word-break:break-all; overflow:hidden;} /* padding-left:7px; padding-right:5px; */ .memberTop div p {padding-left:7px;} .memberTop_addr_left {width:30%} .memberTop_addr_right {width:70%;} /* //내정보 미리보기 css수정 Mobile */ /* 캐시 전환 완료 페이지 */ .compaWrap .com-title{width:100%; text-align:center; padding:55px 0; font-size: 16px; line-height: 1.3; color:#333; font-weight:600; letter-spacing:-0.5px;} .compaWrap .com-title img{vertical-align:top; } .compaWrap .com-title p{ font-size:12px; color:#777; font-weight:normal; margin-top:10px;} .tbl_basic_com table {width:100%; table-layout:fixed; border-top:2px solid #000;} .tbl_basic_com table thead th {border-bottom:1px solid #c6dbe2; font-size: 14px; line-height: 15px; color:#000; padding:14px 12px; font-weight:600;} .tbl_basic_com table tbody td {font-size: 13px; line-height: 1.3; color:#555; padding:12px 0; border-bottom:1px solid #c6dbe2; text-align:center; } /* //캐시 전환 완료 페이지 */ /* 가입완료 */ .join-com {width:100%; position:relative; text-align:center;} .join-com h2 {font-size: 24px; line-height: 1.5; color:#444; font-weight:600; letter-spacing:-0.5px; margin:20px 0 50px 0;} .join-com img {width:70%;} .join-com .com-img {width:32%; text-align:center; display:inline-block; vertical-align:top;} .join-com .com-img h3 {font-size: 15px; line-height: 1.5; color:#2897c4; letter-spacing:-0.5px; margin:10px 0 30px 0;} .join-com .com-img p {font-size: 12px; line-height: 1.5; color:#555; width:95%; margin:0 auto;} .mar-T{margin-top:50px;} /* 가입완료 */ .mgT5_m {margin-top:5px; display:block;} .costInfo_wrap {border:4px solid #ededed;} .costdataBox {background:#ededed; width:96%; padding:2%;} .costpayBox {width:96%; padding:2%;} .costpayBox dt {float:left; width:72%; font-size: 16px; line-height: 1.3; color:#222; padding:5px 0; } .costpayBox dd {float:left; width:28%; font-size: 16px; line-height: 1.3; color:#222; padding:5px 0; text-align:right;} .costpayBox dd .costPay {font-size: 16px; line-height: 1.3; color:#2898c4;} .compaWrap {border:4px solid #ededed; margin-top:20px;} .compaWrap li {width:100%;; border-left:none;} .tbl_basic table thead th {border:1px solid #ddd; border-bottom:1px solid #c6dbe2; background:#ecf8fc; font-size: 14px; line-height: 1; color:#000; padding:12px 5px;} .tbl_basic table {min-height:200px;} .tbl_basic table thead .first {width:35%; overflow:hidden;} .tbl_basic table tbody th {border:1px solid #ddd; background:#ecf8fc; font-size: 14px; line-height: 1.3; color:#222; padding:10px 5px; text-align:left;} .tbl_basic table tbody td {border:1px solid #ddd; background:#fff; font-size: 14px; line-height: 1.3; color:#444; padding:10px 5px;} .aptBox1, .aptBox2 {clear:both; display:table; width:100%; height:50px; text-align:center; border-left:0; border-top:1px solid #ddd;} .aptBox1 span, .aptBox2 span {display:table-cell; font-size: 16px; line-height: 1.3; color:#222; vertical-align:middle; letter-spacing:-0.05em;} .paymentBox {border:4px solid #ededed;} .paymentBox table td {background:#ffffff; height:50px; font-size: 12px; line-height: 50px; color:#666; font-weight:600; border-left:1px solid #ddd; text-align:right; padding:0 15px; letter-spacing:-0.05em;} .paymentBox table td span {font-size:16px; color:#666;} .paymentBox table th:first-child, .paymentBox table td:first-child {border-left:0;} .paymentBox .mark1 {position:absolute; left:33.33%; top:53px; width:20px; height:20px; margin-left:-9px;} .paymentBox .mark2 {position:absolute; left:66.66%; top:53px; width:20px; height:20px; margin-left:-9px;} .discountBox {border-top:2px solid #000; background:#d3e9f2; margin-bottom:40px; height:270px;} .discountBox table {width:100%; height:96px;} .discountBox table tbody th {border:1px solid #c6dbe2; background:#ecf8fc; font-size: 14px; line-height: 1.3; color:#000; font-weight:600; padding:14px 12px; text-align:left;} .discountBox table tbody td {border:1px solid #c6dbe2; background:#ffffff; font-size: 14px; line-height: 1.3; color:#444; padding:14px 12px;} .discountBox table tbody td .cachInfo{display:block; margin-top:5px;} .discountBox .totalPay {width:94%; padding:3%; background:#d3e9f2;} .discountBox .totalPay .totalPayBox {margin-top:0; padding-top:10px; font-size: 15px; line-height: 1.6; font-weight:600; color:#222; text-align:right; width:100%;} .discountBox .totalPay .totalPayBox strong {font-size:23px; letter-spacing:-0.05em;} .payChoice {border-top:2px solid #000; border-bottom:1px solid #ddd; padding:20px 10px; } .payChoice .payBox {text-align:center;} .payChoice .payBox li {display:inline-block; zoom:1; *display:inline;width:90%; max-width:300px; border:1px solid #ddd; box-shadow:0 2px 2px #ccc; text-align:center; margin:2%;position: relative;} .payChoice .payBox li.blur:after {content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(33,33,33,0.5); z-index: 50;} .payChoice .payBox li .payImg {padding-top:10px; width:70px; margin:0 auto;} .payChoice .payBox li .payDate {background:#f6f6f6; font-size:14px; font-weight:600; padding:10px; margin-top:10px;} .payChoice .payBox2 {text-align:center; padding-bottom:20px; } .payChoice .payBox2 li {display:inline-block; zoom:1; *display:inline;width:90%; max-width:300px; border:1px solid #ddd; box-shadow:0 2px 2px #ccc; text-align:center; margin:2%;position: relative;} .payChoice .payBox2 li.blur:after {content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(33,33,33,0.5); z-index: 50;} .payChoice .payBox2 li .payImg {padding-top:10px; width:70px; margin:0 auto;} .payChoice .payBox2 li .payDate {background:#f6f6f6; font-size:14px; font-weight:600; padding:10px; margin-top:10px;} .cashGuide {background:#f6f6f6; padding:10px;} .cashGuide .left {width:100%;} .cashGuide .right {width:100%; padding-top:15px;} .aptInfo_wrap2 .aptBox1 {clear:both; display:table; width:100%;height:50px; text-align:center; border-top:none;} .aptInfo_wrap2 .aptBox2 {clear:both; display:table; width:100%;height:50px; text-align:center; border-left:1px solid #ddd;} .paymentBox_early {border:4px solid #ededed;} .paymentBox_early table td {background:#f6f6f6; font-size: 13px; line-height: 1.3; color:#222; font-weight:600; border-left:1px solid #ddd; text-align:center; letter-spacing:-0.05em; padding:10px 10px; height:90px;} .paymentBox_early .mark1 {position:absolute; left:33.33%; top:45px; width:20px; height:20px; margin-left:-9px;} .paymentBox_early .mark2 {position:absolute; left:66.66%; top:45px; width:20px; height:20px; margin-left:-9px;} .cashTab {text-align:center; margin-top:40px;} .cashTab li {display:inline-block; zoom:1; *display:inline;min-width:30%; margin:0 1%;} .cashTab li a {display:block; height:35px; padding: 0 15px; font-size: 15px; line-height: 35px; color:#666; background:#f0f0f0; border-radius:30px;} .cashTab li a.on { color:#fff; background:#2898c4;} .cashList_wrap {margin-top:20px; } .cashBox {position:relative; width:100%; margin:10px auto; display:table;} .cashBox .cashL {position:absolute; left:0; top:0; width:35%; height:100%; background:url('/apti/images/reWeb/bg_cashList.gif') no-repeat; background-size:cover; text-align:center; } .cashBox .cashL .c_logo {width:35px; margin:0 auto; padding-top:30%;} .cashBox .cashL .c_name a {font-size: 13px; line-height: 1.3; color:#666; padding-top:10px;} .cashBox .cashL .c_pay a {font-size: 20px; line-height: 1.3; color:#2898c4; letter-spacing:-0.05em;} .cashBox .cashR {float:right; display:table-cell; width:65%; text-align:center; border:2px solid #ececec; border-left:none;} .cashBox .cashR .c_subTit {width:90%; margin:0 auto; font-size: 13px; line-height: 1.3; color:#444; padding-top:15%; letter-spacing:-0.05em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .cashBox .cashR .c_title {width:90%; margin:0 auto; padding-top:5px; word-break:break-all;} /* white-space:nowrap; text-overflow:ellipsis; overflow:hidden; */ .cashBox .cashR .c_title a {font-size: 16px; line-height: 1.3; color:#222; letter-spacing:-0.05em;} .bbsView table tbody .snsBox li {float:left; width:25px; height:25px; padding:10px 2px;} .bbsView table tbody .bbsView_con {padding:20px 5px 40px; border-bottom:1px solid #ddd;} .commentWrap {margin-top:25px;} .cmtWrite {border:1px solid #ddd; background:#f6f6f6; padding:5px;} .cmtWrite .cmtSelect {float:left; width:25%; height:70px; background:#ecf8fc; border:1px solid #ddd; border-right:none; text-align:center;} .cmtWrite .cmtSelect li {display:inline-block; zoom:1; *display:inline;width:25px; text-align:center; padding:10px 1px;} .cmtWrite .cmtSelect li img {width:25px;} .cmtWrite .cmtBox {float:left; width:60%;} .cmtWrite .cmtBtn a {display:block; width:100%; height:70px; box-sizing:border-box; font-size: 13px; line-height: 70px; text-align:center;} .cmtlistBox .cmtIcon {float:left; width:15%; text-align:left; } .cmtlistBox .cmtIcon img {width:30px;} .cmtlistBox .cmtTxt {float:left; width:85%;} .cashGuide2 {background:#f6f6f6; padding:10px; margin-top:15px;} .cashGuide2 .left {width:100%;} .cashGuide2 .right {width:100%; margin-top:15px;} .webzin_searchWrap h2, .searchBox .mailzin {display:none;} .searchBox {float:left; position:relative; width:94%; height:auto; background:#2898c4; padding:10px 3%; line-height:40%;} .searchBox select {margin-top:5px;} .bestBox .wz_tit {height:30px; border-top:1px solid #ddd; background:#fff; text-align:center; padding:0 8px; letter-spacing:-0.05em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .bestBox .wz_tit a {font-size: 13px; line-height: 30px; color:#222; } .nbs-flexisel-nav-left, .nbs-flexisel-nav-right {width:5%; max-width:50px; height:40px; position: absolute; cursor: pointer; z-index:10; background-size:cover;} .life_listWrap {margin:0px 0px 0px; }/* margin:20px 0 30px; */ .life_listWrap > ul > li {float:left; width:44%; min-height:370px; margin:0px 3% 0px; outline:1px solid #ddd; text-align:center;}/* margin:5% 3% 0; */ .life_listWrap li .wzl_con {text-align:left; height:54px; margin:10px ; font-size: 13px; line-height: 1.4; color:#666; overflow:hidden;} .life_listWrap li .bbsCount {margin:10px;} .life_listWrap li .bbsCount li {display:inline-block; zoom:1; *display:inline; font-size: 12px; line-height: 1.3; color:#666; margin:0 5px;} .life_listWrap li .bbsCount li span {display:inline-block; zoom:1; *display:inline;width:20px; height:20px;} .tab_energy li a {display:block; border:1px solid #ddd; background:#fff; padding:12px 0; font-size: 14px; line-height: 1; font-weight:600; color:#888; text-align:center; letter-spacing:-0.03em;} .tab_energy li a.on {background:#f6f6f6 url('/apti/images/reWeb/line_2.gif') repeat-x; color:#222;} .ad_eng {margin:15px 0; } .engBox .topArea h3 {float:left; width:20%; font-size: 16px; line-height: 1.3; color:#222; font-weight:600; } .engBox .topArea h3 span {width:20px; display:inline-block;} .engBox .engUnit {float:right; width:80%; text-align:right; } .engBox .engUnit li {display:inline-block; zoom:1; *display:inline;padding:0 2px; font-size: 14px; line-height: 1.3; color:#888; } .engBox .engUnit li strong {font-size: 15px; line-height: 1.3; color:#333; } .engBox .engUnit li.line {background:url('/apti/images/reWeb/line_3.gif') no-repeat center 7px; width:1px; height:18px;} .billBox {border:4px solid #ededed;margin-bottom:15px;} .tbl_bill table th {text-align:left; font-weight:bold; color:#222; border:1px solid #ddd; padding:10px 5px; font-size:12px;} .tbl_bill table td {text-align:right; color:#666; border:1px solid #ddd; padding:10px 5px; font-size:12px;} /**** mobile 내아파트아이 ****/ .myapti_T01 {border:2px solid #f0f0f0; height:55px; font-size: 15px; line-height: 25px; color:#5B616C; letter-spacing:-0.02em; text-align:center; margin-bottom:20px; padding-top:10px;} .myaptiBox {width:100%;} .myaptiBox table {float:left; width:100%;border-top:2px solid #000; margin-right:16px;} .myaptiBox table tbody th {border:1px solid #c6dbe2; background:#ecf8fc; font-size: 12px; line-height: 1; color:#000; padding:12px 10px; text-align:left;} .myaptiBox table tbody td {border:1px solid #c6dbe2; background:#ffffff; font-size: 12px; line-height: 1; color:#444; padding:10px 10px;} .myaptiBox .totalPay01 {float:left; padding:;width:49%; margin-top:15px;} .myaptiBox .totalPay01 table {border-top:2px solid #000; margin-right:0px; width:100%; height:166px;} .myaptiBox .totalPay01 table tbody th {border:1px solid #c6dbe2; background:#ecf8fc; font-size: 13px; line-height: 1; color:#000; padding:16px 10px; text-align:center; height:24px;} .myaptiBox .totalPay01 table tbody td {font-size: 14px; line-height: 1; color:#2897c4; padding:17px 10px; text-align:center;} .myaptiBox .totalPay02 {float:right; padding:;width:49%;margin-top:15px; } .myaptiBox .totalPay02 table {border-top:2px solid #000; margin-right:0px; width:100%; height:166px;} .myaptiBox .totalPay02 table tbody th {border:1px solid #c6dbe2; background:#ecf8fc; font-size: 13px; line-height: 1; color:#000; padding:15px 10px; text-align:center; height:24px;} .myaptiBox .totalPay02 table tbody td {font-size: 14px; line-height: 1; color:#2897c4; padding:10px 10px; text-align:center;} /**** mobile 내아파트아이-tap01 ****/ .myaptiTab {text-align:center; margin-top:30px; width:100%} .myaptiTab li {display:inline-block; zoom:1; *display:inline;width:24%; margin:0px 0px;} .myaptiTab li a {display:block; height:52px; font-size: 12px; line-height: 50px; color:#666; background:#f0f0f0; border-radius:2px;} .myaptiTab li a.on {color:#fff; background:#2898c4;} /**** mobile 내아파트아이-tap02 ****/ .myaptiTab02 {text-align:center; margin-top:50px; height: auto;} .myaptiTab02 li {display:inline-block; zoom:1; *display:inline;width:100%; margin-bottom:3px; float: none;} .myaptiTab02 li a {display:block; height:52px; font-size: 16px; line-height: 50px; color:#666; background:#f0f0f0; border-radius:2px;} .myaptiTab02 li a.on {color:#fff; background:#2898c4;} /**** mobile 내아파트아이-로그인 ****/ .myaptilogin {text-align:center; margin-top:40px;width:100%; } .myaptilogin li {display:inline-block; zoom:1; *display:inline;width:100%; margin:0 0px; font-size: 14px; line-height: 15px; color:#2897c4;} .myaptiline {border-top:1px solid #dedede;margin-top:30px; font-size: 13px; line-height: 20px; color:#7e7e7e; padding-top:20px;} /**** mobile 내아파트아이-회원정보변경 ****/ .myapti_member {position:relative; padding:0px 0px 0;width:100%; } .member_title {font-size: 16px; line-height: 50px; color:#222; text-align:center; border:2px solid #f0f0f0; margin-bottom:20px;margin-top:10px; height:50px;} /**** 제휴 및 광고 문의 ****/ .ad_style {position:relative; padding:0px 0px 0;width:100%; } .ad_style .bbs_write .writeTL {width: 80px;} .ad_style .bbs_write .writeTLW {width: calc(100% - 80px);} .ad_style .email_box .ip_add1 {width: calc((100% - 22px) / 2);} .ad_style .email_box select {width: 100%;} .ad_style .file_box label {width: 100%; gap: 5px;} .ad_style .file_box .file_name {width: calc(100% - 85px);} .ad_style .file_box .file_btn {width: 80px;} .ad_terms_area .title_area {display: block;} .ad_terms_area .checkbox_area {margin: 5px 0 0;} .ad_terms_area .text_area {margin: 15px 0 0; padding: 15px;} .ad_terms_area .text_area .text {line-height: 1.6;} .ad_terms_area .text_area table th {font-size: 11px;} .ad_terms_area .text_area table td {font-size: 11px;} /**** mobile 내아파트아이-이메일고지서 ****/ .member_t {font-size: 14px; line-height: 50px; color:#222; text-align:left; margin-bottom:0px;} /**** mobile 내아파트아이-아파트정보수정 ****/ .member_tt01 {font-size: 14px; line-height: 30px; color:#222; text-align:left; margin-top:20px;} .member_tt02 {float:left; font-size: 14px; line-height: 20px; color:#222; text-align:left; margin-bottom:0px;} .member_tt03 {float:right; text-align:right;} .member_tt04 {font-size: 11px; line-height: 17px; color:#222; text-align:left; padding-top:5px;padding-bottom:10px;} .member_tt05 {float:right; width:100%; font-size: 12px; line-height: 15px; color:#222; margin-bottom:30px;} /**** mobile 내아파트캐쉬 ****/ .couponTab {text-align:center; margin-bottom:40px;} .couponTab li {display:inline-block; zoom:1; *display:inline; width:49%; margin:0 0px;} .couponTab li a {display:block; height:52px; font-size: 16px; line-height: 50px; color:#afb7bb; background:#f0f2f3;border:1px solid #b6c0c5;} .couponTab li a.on {color:#fff; background:#FFFFFF;border:1px solid #71b0c9; font-size: 16px; line-height: 50px; color:#3f9fc7;} .couponCheck {border:1px solid #EDEDED; background-color:#F6F6F6; width:95%; height:90px; margin-bottom:20px; text-align:left; padding-left:20px;padding-top:10px;} .couponCheck li {font-size: 14px; color:#2897c4; padding:0px 0px; width:100%;} .aptCashDetail_searchH {border:1px solid #EDEDED; background-color:#F6F6F6; width:95%; min-width:300px; height:90px; margin-bottom:20px; text-align:left; padding-left:0px;padding-top:10px;} .aptCashDetail_searchH li {font-size: 14px; color:#2897c4; padding:0px 0px; width:100%;} #aptCashDetailTxt {display:none;} #aptCashDetail_search_1 {float:left; padding-left:10px; width:318px; height:30px; } #aptCashDetail_search_2 {float:left; padding-left:10px; width:276px; height:25px; text-align:left; padding-top:5px;} #aptCashDetail_search_3 {float:left; padding-left:10px; width:335px; height:30px; text-align:left; } /* .couponCheckT {border:2px solid #CCC;background-color:#f0f0f0; height:80px; text-align:left; padding-left:10px; padding-top:5px; margin-bottom:20px; margin-top:0px;} */ .couponCheckT {border:2px solid #4fb7e6; background-color:#fafafa; text-align:center; margin-bottom:40px; margin-top:0px; padding: 10px 0;} .couponCheckT li {font-size: 12px; line-height: 30px; color:#454545; padding:0px 0px;} .couponspan01 {padding-left:10px; font-size: 14px; line-height: 20px; color:#2897c4;} .couponBox {width:100%; position:relative;z-index:1;} .couponBox table {float:left; width:100%;border-top:2px solid #000; margin-right:16px;margin-bottom:16px;} .couponBox table tbody th {border:1px solid #c6dbe2; background:#ecf8fc; font-size: 12px; line-height: 1; color:#000; padding:15px 14px; text-align:left; width:60%} .couponBox table tbody td {border:1px solid #c6dbe2; background:#ffffff; font-size: 12px; line-height: 1; color:#444; padding:15px 14px;text-align:right; width:40%} .couponBox .totalPay02 {float:left; padding:;width:100%; max-width:360px;} /******* mobile tap추가 ********/ .cashTab {text-align:center; margin-top:60px;} .cashTab li { display:inline-block; zoom:1; *display:inline;min-width:180px; margin:0 2px 12px;} .cashTab li a {display:block; height:45px; padding: 0 20px; font-size: 16px; line-height: 45px; color:#666; background:#f0f0f0; border-radius:30px; text-align:center;} .cashTab li a.on { color:#fff; background:#2898c4;} .cashTab_01 {text-align:center; margin-top:30px;} .cashTab_01 li {display:inline-block; zoom:1; *display:inline;width:100%; margin:2px 2px;} .cashTab_01 li a {display:block; height:45px; font-size: 16px; line-height: 45px; color:#666; background:#f0f0f0; border-radius:30px;} .cashTab_01 li a.on {font-size: 16px; line-height: 45px; color:#fff; background:#2898c4;} /**** mobile 이벤트 ****/ .eventL {margin-top: 30px; border:1px solid #ccc; float:left;} .eventL h1 {position: relative; overflow: hidden; padding: 0;} .eventL h1:before {display: block; padding-top: calc((240/960) * 100%)vvvvv; content:'';} .eventL h1 img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;} .eventL .good_icon {position: relative; padding: 8px 10px 10px;} .eventL .good_icon li {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 4px;} .eventL .good_icon li .icon {display: block; width:18px; height:18px;} .eventL .good_icon li .icon a {display: block;} .eventL .good_icon li .icon a img {display: block;} .eventL .good_icon li .text {line-height: 18px; font-size: 14px; font-weight: 600; color:#444;} .eventR {margin-top:10px; margin-bottom:20px; outline:1px solid #cccccc;float:right;} .eventR h1 {padding:0px 0px 0px 0px; } .eventR .good_icon {position:relative; text-align:right; padding-bottom:10px; padding-right:10px;} .eventR .good_icon li {display:inline-block; zoom:1; *display:inline;padding:0 5px; font-size: 14px; line-height: 1.3; color:#444;} .eventR .good_icon li .icon {display:inline-block; zoom:1; *display:inline;width:18px; height:18px; } /******* mobile bbs 검색 ********/ .search {overflow: hidden; width:100%; min-height: auto; border: 0px solid #edf4f7;} .search .search_item {overflow: hidden; box-sizing: border-box; float: none; width: 100%; padding:10px 20px; text-align:left; font-size: 14px; line-height: 1.4; color:#006f9b; border:1px solid #e8eff2; background-color:#f8fafb;} .search .span_icon02, .search .span_icon04 {background-color:#ecf3f6;} .search .search_item .left {float: left; width: 60px; height: 60px;} .search .search_item .left a {display: block;} .search .search_item .left a img {width: 100%; vertical-align: top;} .search .search_item .right {float: left; margin: 0; width: calc(100% - 60px); height: auto; text-align: left;} .search .search_item .right a {display: block; line-height: 60px; padding: 0 0 0 10px;} .search01 {width:100%; border:3px solid #edf4f7; text-align:center; padding-top:15px; padding-bottom:15px;margin-top:20px; margin-bottom:10px; font-size: 14px; line-height: 1.3; color:#878787;} .search01 .inputSearch {width:30%; height:18px; margin:0px 10px;} .search01 span {display: block; margin-top: 5px; padding: 0 10px;} .searchTab {text-align:center; margin-bottom:10px;} .searchTab li {display:inline-block; zoom:1; *display:inline;width:145px;margin-bottom:5px; text-align:center;} .searchTab li a {display:block; height:35px; font-size: 13px; line-height: 35px; color:#707070; border-radius:0px;border:1px solid #dbdbdb;} .searchTab li a.on {font-size: 13px; line-height: 35px; color:#fff; background:#2898c4;border-radius:0px;border:1px solid #2898c4;} /*** mobile drop-down ***/ #drop-down {display:none; height:0px;} #clickMenu {height:150px; width:100%; text-align:center; } #clickMenu div {float:left; width:48%; max-width:320px; color:#707070; border-radius:0px; padding:4px 0px 0px 0px;margin-right:4px; background-color:#;} /* width:153px; */ #clickMenu div a {display:block; text-align:center; font-size: 13px; line-height: 14px; color:#707070; } #clickMenu div a:hover, #clickMenu div a:focus {color:#2898c4; border:1px solid #2898c4; } #clickMenu .gnb_hover01 {border:1px solid #dbdbdb;padding:10px 0px 10px 0px; } /******* mobile bbs추가01 ********/ .New_tbl_basic table {width:100%; table-layout:fixed; border-top:2px solid #000; margin-top:10px;} .New_tbl_basic table thead th {border-bottom:1px solid #c6dbe2; background:#ecf8fc; font-size: 12px; line-height: 15px; color:#000; padding:14px 0px;} .New_tbl_basic table tbody th {background:#ecf8fc; font-size: 12px; line-height: 1.3; color:#222; text-align:left;} .New_tbl_basic table tbody td {border-bottom:1px solid #ddd; background:#fff; font-size: 12px; line-height: 1.3; color:#444; padding:15px 5px 15px 5px;} .bbs_view table {width:100%; table-layout:fixed; border-top:2px solid #000;} .bbs_view table thead th {border-bottom:1px solid #c6dbe2; background:#ecf8fc; padding:15px 10px;} .bbs_view table tbody td {border-bottom:1px solid #000; background:#fff; font-size: 13px; line-height: 1.5; color:#222; padding:20px 10px;} .bbs_view table tbody td ol { display: block; list-style-type: decimal; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; unicode-bidi: isolate;} .bbs_view table tbody td ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; unicode-bidi: isolate; } .bbs_view table tbody td li::marker { font-size: 12px; line-height: 1.6; } .bbs_next table {width:100%; table-layout:fixed; border-top:1px solid #000;} .bbs_next table td {border-bottom:1px solid #000; font-size: 14px; line-height: 1; color:#000; padding:14px 12px;} .bbs_write table {width:100%; table-layout:fixed; border-top:2px solid #000;} .bbs_write table td {border-bottom:1px solid #c6dbe2; padding-top:10px; padding-bottom:10px; padding-left:7px; padding-right:5px;} .bbs_vlist table { border-top:2px solid #000;border-bottom:2px solid #000000;} .bbs_vlist table td {border-bottom:1px solid #dddddd; padding:10px 0px; vertical-align:top;} .bbs_comment {float:left; width:84%; font-size: 12px; line-height: 1; color:#000; margin-top:30px; margin-bottom:30px;} .input_comment {width:100%; height:90px; font-size: 14px; line-height: 1; color:#000; border:1px solid #bcbaba} .bbs_comlist {width:100%;float:left; border-top:1px solid #000; border-bottom:1px solid #000000; margin:0px 0px 30px 0px; background-color:#;} .bbs_comlist table {width:100%; font-size: 13px; line-height: 1.1; vertical-align:top;}/* 161013 ???遺?遺? ?고? ?ш린 議곗? */ .bbs_comlist table td {line-height:20px;} .comlist_t {border-top:1px solid #dddddd; padding-bottom:0px;} .input_V01 {width:100%;height:90px; font-size: 14px; line-height: 1; color:#000; border:1px solid #bcbaba} .VB01 {float:left;width:98%;border-top:2px solid #000;border-bottom:2px solid #000000; margin-bottom:20px; margin-top:5px; padding-top:20px; padding-bottom:20px; padding-left:10px;} .vB01_Div01 {float:left; width:15%; font-size: 11px; line-height: 12px; color:#787878; text-align:center; padding-top:0px; padding-right:15px;} .vB01_Div01_li01 {font-size: 30px; line-height: 50px; color:#000000; padding-left:5px;} .vB01_Div01_li02 {font-size: 11px; line-height: 12px; color:#787878; padding-left:10px;} .vB01_Div01_li03 {font-size: 26px; line-height: 50px; color:#000000; padding-left:0px;} .vB01_Div02 {float:left; width:80%; font-size: 16px; line-height: 20px; font-weight:bold; color:#000000; text-align:left; padding-top:0px;} .vB01_Div02_li {font-size: 12px; line-height: 13px; color:#787878;line-height:20px; padding-top:10px;} .vB01_Div03 {float:left; width:90%; text-align:left; padding-left:65px; padding-top:10px;} .vB01_Div04 {float:left;width:100%;border-bottom:1px solid #dddddd; margin-top:20px;margin-bottom:20px;} .vB01_Div05 {float:left; width:80%; font-size: 16px; line-height: 20px; font-weight:bold; color:#000000; text-align:left; padding-top:0px;} .vB01_Div05 li {padding-left:10px;} .vB01_Div05_li {font-size: 12px; line-height: 13px; color:#787878;line-height:20px; padding-top:10px;} .vB01_Div06 {float:left; width:95%; text-align:right; font-size: 13px; line-height: 20px; font-weight:bold; color:#000000;} .vB01_Div06_li {font-size: 12px; line-height: 13px; color:#2898c4;line-height:20px; padding-top:0px;} /*** moible 게시판 리스트 ***/ #hidden-xs{display:none;} #hidden-mo{width:100%; display:block;} #hidden-mo .table-w{table-layout: fixed; width:100%; text-align:left; border-top:1px solid #777; } #hidden-mo .table-w td{padding: 2px 0; letter-spacing: -0.3px;} #hidden-mo .table-w tbody{border-bottom: 1px solid #777;} #hidden-mo .table-w .table-title {color: #646B77; font-size: 14px; padding-left: 13px; letter-spacing: -1px;} #hidden-mo .table-w strong {color: #2898c4;} #hidden-mo .table-w .table-txt {color: #222; font-weight: 600; font-size: 14px; padding: 5px 0; padding-left: 5px;} #hidden-mo .table-w .table-txt01 {color: #111; font-size: 14px; padding: 5px 0; padding-left: 5px;} #hidden-mo .table-w .pont-co{color:#2898c4;} /* 161114 고객센터 문의유형 */ #hidden-mo .table-w tr.view_Open {text-align: left;} #hidden-mo .table-w tr.view_Open td {padding: 10px 54px 10px 15px; background: #ecf3f6;} #hidden-mo .table-w tr.view_Open td table {width: 100% !important;} #hidden-mo .table-w tr.view_Open td div {padding: 10px; line-height: 1.5; font-size: 13px;} #hidden-mo .table-w tr.view_Open td .bbsBtn_box {border-top: 1px solid #555; padding: 0;} #hidden-mo .table-w tr.view_Open td .bbsBtn_box a {border-top: 0; padding: 0 10px;} #hidden-mo .table-color2 {background: #ecf8fc;} #hidden-mo .table-color {background: #f9f9f9;} .clear_both{height:7px;} /* 240517 자주하는 질문 공유하기 버튼 추가 */ #hidden-mo .table-w tr.view_Open td.view_open_contents {position: relative;} #hidden-mo .table-w tr.view_Open td.view_open_contents .btn_faq_share {overflow: hidden; position: absolute; top: 14px; right: 22px; display: block; width: 30px; height: 30px; text-indent: -9999px; border-radius: 50%; border: 0; background: #fff url('../images/board/ico_share.png') no-repeat center / 18px; cursor: pointer;} #hidden-mo .table-w tr.view_Open td.view_open_contents .btn_faq_share:before {visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); transition: all 0.3s; content: '';} #hidden-mo .table-w tr.view_Open td.view_open_contents .btn_faq_share:active:before {visibility: visible; opacity: 1;} #hidden-xs2{display:none;} #hidden-mo2{width:100%; display:block;} #hidden-mo2 .table-w{width:100%; text-align:left; border-top:1px solid #777; } #hidden-mo2 .table-w td{padding:2px 0; letter-spacing:-0.3px;} #hidden-mo2 .table-w tbody{border-bottom:1px solid #777; } #hidden-mo2 .table-w .table-title{color:#666; font-size:0.8em; padding-left:13px; letter-spacing:-1px;} #hidden-mo2 .table-w strong{color:#2898c4;} #hidden-mo2 .table-w .table-txt{color:#333; font-weight:bold; font-size:0.8em; padding:5px 0; } #hidden-mo2 .table-w .pont-co{color:#2898c4;} #hidden-mo2 .table-color2{background:#f3f6f9;} #hidden-mo2 .table-color{background:#f9f9f9;} /* pagenate */ .paginate {margin:0; padding:1em 0; text-align:center;} .paginate a, .paginate strong { display:inline-block; width:26px; height:28px; line-height:28px; vertical-align:middle; font-size:.875em; margin:0 .1em; background:#f1f1f1; } .paginate strong {font-weight:normal;} .paginate .dir {font-size:1em;} .paginate a:hover{background:#147da6; color:white;} .paginate .over{background:#147da6; color:white;} .paginate .prev{padding:0 4px; font-size:0.8em;} .paginate .next{padding:0 4px; font-size:0.8em;} /* 꼭 확인하세요 */ .grayBox .text-co{color:#666; padding-left:20px; display:block; line-height:160%;} .grayBox .text-co2{color:#749cac; width:100%; } .grayBox table{border-top:1px solid #777; background:#f9f9f9; margin:5px 15px 5px 0; letter-spacing:-0.2px; font-size:0.8em; display:inline-block; vertical-align:top; width:100%;} .grayBox table td{padding:9px 5px; border-bottom:1px solid #ddd; text-align:center; color:#666; border-right:1px solid #ddd; width:700px;} .grayBox table td:last-child, .grayBox table th:last-child {border-right: 0;} .grayBox table th{padding:9px 5px; background:#eee; font-weight:bold; border-bottom:1px solid #ddd; border-right:1px solid #ddd; } .grayBox table .born{border-right:none;} /*** moible aptpay ***/ .aptpay_tab {text-align:center;} .aptpay_tab li {display:inline-block; zoom:1; *display:inline;width:100%; margin-bottom:3px;} .aptpay_tab li a {display:block; height:52px; font-size: 16px; line-height: 50px; color:#666; background:#f0f0f0; border-radius:2px;} .aptpay_tab li a.on {color:#fff; background:#2898c4;} .aptpay_box01 {background:#f6f6f6; border:1px solid #ddd; padding:20px 15px 20px 15px; margin-top:30px;} .aptpay_tit01 {font-size: 14px; line-height: 1.3; color:#222; padding:0 0 10px 25px; background:url('/apti/images/reWeb/icon_exclamation_17.png') no-repeat 0 0; background-size:17px;} .aptpay_tit02 li {font-size: 12px; line-height: 1.3; color:#444; margin-bottom:5px; background:url('/apti/images/reWeb/bu_gray.gif') no-repeat 0 7px; padding-left:10px;} .aptpay_T01 {text-align:left; border:2px solid #f0f0f0; margin-bottom:20px; margin-top:20px; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px;} .aptpay_T01 li {font-size: 12px; line-height: 20px; color:#828181;} .aptpay_T01 .apttxt01 {font-size: 11px; line-height: 20px; color:#828181; padding-left:px; padding-right:0px;} .aptpay_T02 {text-align:left; border:2px solid #f0f0f0; margin-bottom:20px; margin-top:0px; padding-top:15px; padding-bottom:15px;padding-left:25px;padding-right:20px;} .aptpay_T02 li {font-size: 13px; line-height: 23px; color:#828181;} .aptpay_T02 .apttxt02 {font-size: 16px; line-height: 24px; color:#5d5d5d; padding-bottom:5px;} .aptpay_t {font-size: 18px; line-height: 50px; color:#222; text-align:left; margin-top:15px; margin-left:10px;} /*** moible pw틀린경우 ***/ .pw5_box01 {border:3px solid #ddd; padding:20px 0px 20px 0px;text-align:center;} .pw5_tit01 {font-size: 22px; line-height: 1.3; color:#444; padding:0px 0px 10px 0px;} .pw5_tit02 li {font-size: 13px; line-height: 1.3; color:#828181; margin-bottom:5px;line-height:30px;} .pw5_login {text-align:center; margin-top:40px;margin-left:0px;width:100%; background-color:#;} .pw5_login li {font-size: 15px; line-height: 1; color:#2897c4;} .pw5_line {text-align:center;border-top:1px solid #dedede;margin-top:30px; font-size: 13px; line-height: 20px; color:#7e7e7e; padding-top:20px;} .pw5_secu {text-align:center; margin-top:20px;margin-left:0px;width:100%; background-color:#;} .pw5_secu li {font-size: 15px; line-height: 1; color:#2897c4;} .pw5_box02 {background:#f6f6f6;text-align:center; border:1px solid #ddd; padding:30px 0px 25px 0px; margin-top:20px;margin-bottom:20px;} .pw5_box02_tit01 {font-size: 16px; line-height: 1.3; color:#222; padding:0 0 10px 25px;} /*** moible 본인확인완료 ***/ .me01_box01 { width:99%;float:left; background:#f6f6f6;text-align:center; border:1px solid #ddd; padding:15px 0px 0px 0px; margin-top:20px;margin-bottom:20px;} .me01_box01_tit01 { font-size: 16px; line-height: 1.3; color:#222; padding:0 0 15px 25px; border-bottom:1px solid #ddd;text-align:center;} .me01_box01_tit02 { font-size: 14px; line-height: 1.3; color:#7e7e7e; padding:30px 0 10px 0px; text-align:center; background-color:#FFF;} .me01_box01_tit03 { font-size: 14px; line-height: 1.3; padding:0px 0 30px 0px; text-align:center; background-color:#FFF;} .me01_box01_tit04 { font-size: 14px; line-height: 1.3; padding:0px 0 40px 0px; text-align:center; background-color:#FFF;} .me01_box02 { width:99%;float:right; background:#f6f6f6;text-align:center; border:1px solid #ddd; padding:15px 0px 0px 0px; margin-top:20px;margin-bottom:20px;} .me01_box02_tit01 { font-size: 16px; line-height: 1.3; color:#222; padding:0 0 15px 25px; border-bottom:1px solid #ddd;text-align:center;} .me01_box02_tit02 { font-size: 14px; line-height: 1.3; color:#7e7e7e; padding:30px 0 10px 0px; text-align:center; background-color:#FFF;} .me01_box02_tit03 { font-size: 14px; line-height: 1.3; padding:0px 0 30px 0px; text-align:center; background-color:#FFF;} .me01_box02_tit04 { font-size: 14px; line-height: 1.3; padding:0px 0 40px 0px; text-align:center; background-color:#FFF;} /*** moible 관리비정보가없을경우 ***/ .Deleteback {width:90%; margin:auto;} .Delete_01 {border:4px solid #ddd; padding:20px; margin-top:40px; margin-bottom:10px;} .Delete_01 li {font-size: 18px; line-height: 1.4; color:#208eb9; text-align:center;} .Delete_02 {border:1px solid #ededed; background-color:#f5f5f5; padding:20px;} .Delete_02 li {font-size: 13px; line-height: 1.5; color:#474646;} /*** moible 비로그인상태 이미지 ***/ .Blogin_01 {width:85%; height:100%;margin:auto;border:3px solid #ddd; padding:20px;} .Blogin_02 {width:100%;height:100%;margin:auto; padding-left:0px; padding-right:5px;} .Blogin_02 li {font-size: 16px; line-height: 1.4; color:#208eb9;} .Blogin_02 .t01 {font-size: 12px; line-height: 1.2; color:#474646;} .Blogin_02_line {border-bottom:1px solid #d9d9d9; margin-top:20px;} .Blogin_03 {width:100%; height:auto; text-align:center;} .Blogin_03_img {width:80%;height:auto; margin-top:30px;margin-bottom:15px;} .Blogin_04 {width:100%;height:460px;;margin:auto; display:table; word-break:break-all; word-wrap: break-word;} .Blogin_05 {float:left;width:30%; height:100%;margin:auto; border:1px solid #ededed; background-color:#f5f5f5;} .Blogin_05_C01{padding-top:10px; height:100%;} .Blogin_05_C01 li {font-size: 14px; line-height: 1.4; color:#208eb9; text-align:center;} .Blogin_05_C01 .Tli01 {font-size: 13px; line-height: 1.3; color:#474646; text-align:left; padding-left:10px; padding-right:10px;} .Blogin_05_C01 .Tli02 {font-size: 11px; line-height: 1.2; color:#474646; text-align:left; padding-left:10px; padding-right:10px; padding-bottom:15px;} .Blogin_05_line01 {border-bottom:1px solid #e1e1e1; margin:10px;} .Blogin_06 {float:left;width:30%; height:100%; margin-left:10px; border:1px solid #ededed; background-color:#f5f5f5;} .Blogin_06_C01{padding-top:10px; height:100%;} .Blogin_06_C01 li {font-size: 14px; line-height: 1.4; color:#208eb9; text-align:center;} .Blogin_06_C01 .Tli01 {font-size: 13px; line-height: 1.3; color:#474646; text-align:left; padding-left:10px; padding-right:10px;} .Blogin_06_C01 .Tli02 {font-size: 11px; line-height: 1.2; color:#474646; text-align:left; padding-left:10px; padding-right:10px; padding-bottom:15px;} .Blogin_06_line01 {border-bottom:1px solid #e1e1e1; margin:10px;} .Blogin_07 {float:right;width:30%; height:100%; margin-left:5px; border:1px solid #ededed; background-color:#f5f5f5;} .Blogin_07_C01{padding-top:10px; height:100%;} .Blogin_07_C01 li {font-size: 14px; line-height: 1.3; color:#208eb9; text-align:center;} .Blogin_07_C01 .Tli01 {font-size: 13px; line-height: 1.3; color:#474646; text-align:left; padding-left:10px; padding-right:10px;} .Blogin_07_C01 .Tli02 {font-size: 11px; line-height: 1.2; color:#474646; text-align:left; padding-left:10px; padding-right:10px; padding-bottom:15px;} .Blogin_07_line01 {border-bottom:1px solid #e1e1e1; margin:10px;} /*** moible 아파트검색 ***/ .aptsearh_T01{position: absolute; top: 0%; left: 0%; width:100%; height:auto; background-color:#fff; -moz-border-radius:px; -webkit-border-radius:0px; border-radius:0px; z-index: 0;} .aptsearh_T01 h2.popTit {background:#2898c4; height:60px; font-size: 18px; line-height: 60px; color:#fff; padding-left:20px; -moz-border-radius:0px 0px 0 0; -webkit-border-radius:0px 0px 0 0; border-radius:0px 0px 0 0;} .aptsearhTab {text-align:center; margin-top:20px;} .aptsearhTab li {display:inline-block; zoom:1; *display:inline;width:70%; margin-bottom:3px;} .aptsearhTab li a {display:block; height:37px; font-size: 13px; line-height: 35px; color:#666; background:#f0f0f0; border-radius:2px;} .aptsearhTab li a.on {color:#fff; background:#2898c4;} .aptsearhbbs table {width:93%; table-layout:fixed; border-top:2px solid #000; margin:auto; margin-top:12px;} .aptsearhbbs table td {border-bottom:1px solid #c6dbe2; padding:6px 10px; font-size: 12px; color:#000;} .space01 {font-size: 11px; color:#666;} .aptsearhbbs01 table {width:93%; table-layout:fixed; border-top:2px solid #000;margin:auto;margin-top:20px;} .aptsearhbbs01 table thead th {border-bottom:1px solid #c6dbe2; background:#ecf8fc; font-size: 12px; line-height: 13px; color:#000; padding:8px 8px;} .aptsearhbbs01 table tbody td {border-bottom:1px solid #ddd; background:#fff; font-size: 12px; line-height: 1; color:#444; padding:8px;} .aptsearh_S01 {width:93%;border:1px solid #ededed; background-color:#f5f5f5; padding:0px; margin:auto;margin-top:10px;} .aptsearh_S01 li {font-size: 14px; line-height: 2.3; color:#474646; text-align:center; font-weight:bold; letter-spacing:4px;} .aptsearh_S02 {width:93%;margin:auto;margin-top:5px; font-size: 11px; color:#666; text-align:center;} .aptsearh_S03 {width:92.5%;margin:auto;margin-top:15px;border:4px solid #ddd;} .aptsearh_S03 li {font-size: 16px; line-height: 2; color:#208eb9; text-align:center; padding:20px;} .aptsearh_S04 {width:93%;border:1px solid #ededed; background-color:#f5f5f5; padding:0px; margin:auto;margin-top:10px;} .aptsearh_S04 li {font-size: 11px; color:#474646; text-align:left; padding-left:10px; margin:10px;} /*** 아파트캐시 선물하기 ***/ .gift01 {display: flex; flex-direction: row; align-items: center; margin: 0 auto 35px; padding: 20px; border: 2px solid #2897c5;} .gift01 .gift_img01 {flex: 0 0 auto; width: 85px;} .gift01 .gift_img02 {width: 100%; vertical-align: top;} .gift01 .gift_box01 {padding: 0 0 0 20px;} .gift01 .gift_box01 .txt {font-size: 14px; line-height: 1.8; color: #424242;} .gift01 .gift_box01 .txt.c_orange {color: #cb6f03;} .gift01 .gift_box01 .txt span {color: #1d80a7; vertical-align: baseline;} .giftTab_01 {overflow: hidden; margin-bottom:15px;} .giftTab_01 li {float: left; min-width: 100px; width: calc((100% - 5px)/2); max-width: 220px;} .giftTab_01 li + li {margin-left: 5px;} .giftTab_01 li a {box-sizing: border-box; display: block; width: 100%; height: 45px; padding: 0 30px; font-size: 14px; line-height: 45px; color:#383838; text-align: center; background-color: #f0f0f0; border-radius: 30px;} .giftTab_01 li a.on {color: #fff; background-color: #2898c4;} .gif_input {width: 85px;} .gif_input01 { width:100px; margin-bottom:5px;} .gif_sh01 {border:1px solid #EDEDED; background-color:#F6F6F6; width:100%; margin-bottom:20px; text-align:center;} .gif_sh01 li {font-size: 14px; color:#000; padding:10px 0px; } .gift_box02 {box-sizing: border-box; display: flex; flex-wrap: wrap; overflow: hidden; margin: 0 0 30px; height: auto; border:5px solid #ebebeb;} .gift_box02 .gift_box_iitem {box-sizing: border-box; width: 50%; border-right: 1px solid #ebebeb;} .gift_box02 .gift_box_iitem:last-child {border: 0;} .gift_box02 .gift_box_iitem .title {display: block; height: 40px; line-height: 40px; font-size: 14px; font-weight: 600; color: #3d3d3d; text-align: center; background-color: #f0fafe;} .gift_box02 .gift_box_iitem .title span {color: #2897c5; vertical-align: baseline;} .gift_box02 .gift_box_iitem .input_contents {box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; height: calc(100% - 40px); padding: 15px 0; text-align: center;} .gift_box02 .gift_box_iitem .input_contents li {color: #424242;} .gift_box02 .gift_box_iitem .input_contents .input_area {margin: 0 auto; width: 135px; line-height: 32px; font-size: 13px; color: #424242;} .gift_box02 .gift_box_iitem .input_contents .sub_tit {margin: 20px auto 5px; font-size: 13px; color: #424242; text-align: left;} .gift_box02 .gift_box_iitem .input_contents .txt_area {margin: 10px 0 0; font-size: 13px; line-height: 1.4; font-weight: 500; color: #424242;} .gift_box02 .gift_box_iitem .input_contents .txt_area em {color: #2897c5;} .gift_box02 .gift_box_iitem .input_contents .btn_area {margin: 10px 0 0;} /*** moible address ***/ .address_tab {text-align:center;} .address_tab li {display:inline-block; zoom:1; *display:inline;width:100%; margin:0 0px; margin-bottom:3px;} .address_tab li a {display:block; height:52px; font-size: 14px; line-height: 50px; color:#666; background:#f0f0f0; border-radius:2px;} .address_tab li a.on {color:#fff; background:#2898c4;} .address01 {font-size: 14px; line-height: 30px; color:#222; text-align:left; margin-top:20px;} .address_title {border:2px solid #f0f0f0; margin-bottom:20px; height:80px;} .address_title table {margin-top:8px; margin-left:0px;} .address_title table tbody td {padding-left:0px;} .address_off {font-size: 14px; line-height: 33px;; color:#666; } .address_on {font-size: 14px; line-height: 33px; color:#208eb9; text-decoration:underline;} .address_Box01 {background:#f6f6f6; width:92.5%; border:1px solid #ddd; margin-top:0px; height:495px; padding:px} .AB_left01 {background:#;float:left; width:100%; margin-top:0px;margin-bottom:5px;margin-left:0px; font-size: 12px; line-height: 24px; color:#666; padding-left:0px;} .AB_right01 {background:#;float:left; width:100%; text-align:right; margin-top:5px;margin-bottom:5px;margin-right:0px;} .address_Box02 {float:left;width:97%; background:#ffffff; border:1px solid #ddd; margin-bottom:10px; padding-bottom:5px; padding-top:5px;padding-left:10px; height:190px; overflow-y:scroll;} .address_Box03 {float:left; width:97%; background:#ffffff; border:1px solid #ddd;padding-bottom:5px; padding-top:5px;padding-left:10px; height:190px; overflow-y:scroll;} .AB_left02 li .off {font-size: 12px; line-height: 23px; color:#666;} .AB_left02 li .on {font-size: 12px; line-height: 23px; color:#208eb9; text-decoration:underline;} .AB_right02 li {font-size: 12px; line-height: 23px; color:#666;} .AB_r01 {width:100%;background:#;} .AB_abc01 {float:left; text-align:left; font-size: 12px; line-height: 24px; color:#666;background:#; height:24px;} .AB_abc02 {float:right; font-size: 12px; line-height: 24px; color:#666; padding-left:10px;background:#;} .AB_abc_on {font-size: 12px; line-height: 24px;color:#208eb9; text-decoration:underline; letter-spacing:2px;} .AB_abc_off {font-size: 12px; line-height: 24px; color:#666; letter-spacing:2px;} /*** moible homepage ***/ .homepage01 {font-size: 14px; line-height: 30px; color:#222; text-align:left; margin-bottom:5px; font-weight: 700;} .homepage02 {font-size: 14px; line-height: 30px; color:#222; text-align:left; margin-top:10px; position:absolute;} .homepage03 {width:100%;border:5px solid #ebebeb; text-align:center; padding:10px; margin-top:5px; box-sizing: border-box;} .homepage03_img {width:80%} .homepage_B01 {width:100%;border:5px solid #ebebeb; height:329px; margin-bottom:20px;} .homepage_B_01 {float:left; width:28%; height:120px; text-align:left; background-color:#ffffff;margin-bottom:0px; padding-top:0px;} .homepage_B_01 li {font-size: 14px; line-height: 20px; color:#666;background-color:#; padding-top:35px;} .homepage_B_02 {float:left; width:11%; height:85px; text-align:center; background-color:#ffffff;margin-bottom:0px; padding-top:0px;} .homepage_B_02 li {font-size: 40px; line-height: 24px; color:#b0b0b0;background-color:#; padding-top:37px;} .homepage_B_03 {float:left; width:89%; height:120px; text-align:left; background-color:#ffffff; padding-top:0px;} .h_B_04 {font-size: 13px; line-height: 18px; color:#666;background-color:#; padding-top:20px;} .h_B_03{font-size: 13px; line-height: 24px; color:#d97203;background-color:#; padding-top:0px;} .h_B_05{font-size: 12px; line-height: 15px; color:#666;background-color:#; padding-top:0px;} .h_B_06{font-size: 13px; line-height: 25px; color:#666;background-color:#; padding-top:0px;} .homepage_B_04 {float:left; width:10%; height:100px; text-align:left; background-color:#;margin-left:0px; padding-top:0px;} .homepage_B_04 li {margin-top:0px;border-left:1px solid #fff; height:80px;} .homepage_B_05 {float:left; width:80%; height:100px; text-align:left; background-color:#;margin-bottom:0px; padding-top:0px; margin-top:03px;} .homepage_B_06 {float:left; width:80%; height:100px; text-align:left; background-color:#;margin-bottom:0px; padding-top:0px; margin-top:0px;} .home_img01 {float:left; text-align:center; width:10%; height:30px; background:#f9a20a; border-radius:20px;margin-top:38px;margin-left:20px;margin-right:15px;} .home_img01 li {text-align:center; font-size: 12px; line-height: 30px; color:#FFF;} /* 161114 고객센터 문의유형 */ .que_list_box ul li {float: none; padding: 10px 0; text-align: center;} .que_list_box ul li.que_title {width: 100%; border-right: 0;} .que_list_box ul li.que_select {width: 100%;} .que_list_box ul li select {width: 40%; margin: 0 5px;} /* 180102 */ .member_bill_box {margin-top: 10px; width: 100%; display: inline-block; border: 0 !important; } .member_bill_box table {margin-top: 10px; } .member_bill_box table td {border-right: 1px solid #c6dbe2;} .member_bill_box table td:last-child {border-right: 0;} .member_bill_box table thead td {background:#fff; font-size: 14px; font-weight: 700; text-align: center;} .member_bill_box table tbody td {text-align: center; font-size: 13px;} } /* ??? 由ъ??? 遺?遺? */ .no_info_pop_list {display: block; padding: 20px;} .no_info_pop_list li {font-size: 13px; line-height: 1.3; color:#444; margin-bottom:5px; background:url('/apti/images/reWeb/bu_gray.gif') no-repeat 0 7px; padding-left:10px;} #no_member_select_box p {font-size: 14px; line-height: 1.65; vertical-align:top; letter-spacing: -0.55px;} .payChoice .none_payment_txt {padding: 25px 10px; text-align: center; line-height: 22px; font-size: 15px; letter-spacing: -0.7px; font-weight: 600;} .payChoice .cash_only_payment_txt {padding: 25px 10px 50px 10px; text-align: center; line-height: 22px; font-size: 15px; letter-spacing: -0.7px; font-weight: 600;} /* 단지 전산화 관련 스타일 */ .login_check_apt {width: 70%; position: relative; margin: 0 auto; text-align: center; padding: 35px 0; font-size: 14px;} .login_check_apt ul {display: inline-block; width: 80%; padding: 25px 0;} .login_check_apt ul li {display:inline-block; width:100%; margin-bottom: 20px; padding-top: 15px;} .login_check_apt ul li h3{font-size: 16px; line-height: 1.5; margin:30px 0 15px 0; letter-spacing:-0.5px; color: #555; font-weight:600;} .web_application_box {width: 70%; position: relative; margin: 0 auto; text-align: center; padding: 35px 0; font-size: 14px;} .web_application_box .user-apart-box {width: 100%;} .web_application_box .user-apart-box .user-apart-area {padding: 15px 4%} .web_application_box .user-apart-box .user-apart-area ul li.a-a-input2 {margin-top: 15px;} .web_application_box .user-apart-box .user-apart-area ul li.a-a-input2 div {border: 1px solid #c5c5c5;} .web_application_box .user-apart-box .user-apart-area ul li.a-a-input2 div input {width: 100%; box-sizing: border-box; border: 0;} .web_appli_agree_box {display: block; position: relative; margin: 0 auto 20px; text-align: center; padding: 0 0; font-size: 14px;} .web_appli_agree_box ul {display: block;} .web_appli_agree_box ul li {display:block; text-align: left; letter-spacing: -0.55px; padding: 10px; border: 1px solid #d8d8d8; border-top: 0;} .web_appli_agree_box ul li:first-child {border-top: 1px solid #d8d8d8;} .web_appli_agree_box ul li input {width: 20px; height: 20px; margin-right: 10px;} .web_appli_agree_box ul li span {display: inline-block; padding: 5px 0; color: #353535; font-size: 15px; } .web_appli_agree_box ul li a {color: #2898c4; font-size: 15px; cursor: pointer;} .web_appli_agree_box ul li .agree_info_box {display: block; padding: 15px; text-align: left; margin-top: 15px; border-top: 1px solid #d8d8d8;} .web_appli_agree_box ul li .agree_info_box textarea {height: 140px; overflow-y: auto; border: 0} .web_appli_agree_box ul li .agree_info_box p {line-height: 25px; height: 140px; overflow-y: auto; font-size: 13px;} /* 신청 부분 스텝 스타일 */ .step_box {display: inline-block; width: 100%; padding: 10px 0; margin-bottom: 30px;} .step_box ul {display: inline-block; width: 100%;} .step_box ul li {width: calc(19.999% - 60px); float: left; position: relative; margin-right: 75px;} .step_box ul li:last-child {margin-right: 0;} .step_box ul li:after {padding-top: 100%; display: block; content: ""; background: #f6f6f6; border-radius: 200px;} .step_box ul li:last-child:before {position: absolute; top: 50%; right: -15px; content: "";} .step_box ul li:before {position: absolute; top: 50%; right: -45px; content: ">"; font-size: 30px; line-height: 30px; margin-top: -15px;} .step_box ul li.on:after {padding-top: 100%; display: block; content: ""; background: #2898c4; border-radius: 200px;} .step_box ul li .step_icon {width: 100%; height: 100%; position: absolute; border-radius: 200px; } .step_box ul li .step_icon p {display: table; vertical-align: middle; text-align: center; width: 100%; height: 100%;} .step_box ul li .step_icon p b {vertical-align: middle; color: #2898c4; font-size: 18px; display: block; margin-top: 25%;} .step_box ul li .step_icon p span {letter-spacing: -0.5px; line-height: 20px; font-size: 15px; margin-top: 15%; display: block; color: #353535;} .step_box ul li.on .step_icon p b {color: #fff;} .step_box ul li.on .step_icon p span {color: #fff;} @media all and (max-width:960px){ .step_box ul li {width: calc(19.999% - 40px); margin-right: 50px;} .step_box ul li:before {right: -35px;} .step_box ul li .step_icon p b {margin-top: 20%; font-size: 16px;} .step_box ul li .step_icon p span {margin-top: 13%; font-size: 14px; line-height: 16px;} } @media all and (max-width:720px) { .step_box ul li {width: calc(19.999% - 20px); margin-right: 25px;} .step_box ul li:before {right: -17px; font-size: 20px;} .step_box ul li .step_icon p b {margin-top: 20%; font-size: 16px;} .step_box ul li .step_icon p span {margin-top: 10%; font-size: 14px; line-height: 16px;} .eventL {box-sizing: border-box; margin: 30px 10px 0; width: calc((100% - 40px) / 2);} } @media all and (max-width:580px) { .step_box ul li {width: calc(19.999% - 10px); margin-right: 12px;} .step_box ul li:before {right: -10px; font-size: 14px;} .step_box ul li .step_icon p b {margin-top: 20%; font-size: 14px;} .step_box ul li .step_icon p span {margin-top: 10%; font-size: 12px; line-height: 16px;} /* 광고 제휴 문의 */ .ad_container br.mo {display: block;} .ad_container .conBox {padding-top: 20px;} .ad_container .titleBox {height: 120px; background-size: auto 275%;background-position: 56% 56%;} .ad_container .segmented_control {padding: 10px 20px;} .ad_container .segmented_control .segmented_container {width: 100%; grid-auto-columns: 1fr;} .ad_container .segmented_control .segmented_container .segment {padding: 12px 0;} .ad_container .segmented_control .segmented_container .segment .text {line-height: 1;} .ad_container .ad_contents_wrapper:not(.ad_affiliation_wrapper) {padding-left: 24px; padding-right: 24px;} .ad_container .ad_contents_wrapper .title {margin-bottom: 28px;} .ad_container .ad_product_wrapper, .ad_container .ad_affiliation_wrapper {padding-top: 72px;} .ad_container .ad_info_wrapper {padding-top:22px;} .ad_container .ad_info_wrapper .contents {display: block;} .ad_container .ad_info_wrapper .contents .img {margin-left: 36px; margin-right: 36px; background-image: url('/apti/images/customer/ad_info_img_m.png'); aspect-ratio: 240/207;} .ad_container .ad_info_wrapper .contents p {margin-top: 20px; text-align: center;} .ad_container .ad_contents_wrapper .title p {margin-top: 10px;} .ad_container .ad_product_wrapper .contents {flex-direction: column; gap: 36px; padding: 0 6px;} .ad_container .ad_product_wrapper .contents .video_box p {margin-top: 16px;} .ad_container .ad_affiliation_wrapper .contents {padding: 26px 0 33px;} .ad_container .ad_affiliation_wrapper .flow_text_wrapper {height: 29px;} .ad_container .ad_affiliation_wrapper .flow_text_wrapper:nth-child(2) {margin-top: 28px;} .ad_container .ad_affiliation_wrapper .flow_text_wrapper .flow_text_list {animation-duration: 18s;} .ad_container .ad_affiliation_wrapper .flow_text_wrapper .flow_text_list .flow_text_item {margin-left: 28px;} .ad_container .ad_contact_wrapper {padding: 72px 20px; margin-top: 72px;} .ad_container .ad_contact_wrapper .contents {padding: 28px 20px 32px;} .ad_container .input_group {flex-direction: column; gap: 20px;} .ad_container .file_box {gap: 8px;} .ad_container .file_box .file_button button {padding: 11px 14px 10px;} .ad_container .ad_terms_area {margin-top: 24px;} .ad_container .ad_terms_area .terms_box {padding: 16px 16px 20px;} .ad_container .ad_terms_area .title_area .terms_title .title_text {font-size: 14px;} .ad_container .ad_terms_area .title_area .terms_toggle_button svg {width: 14px; height: 14px;} .ad_container .ad_submit_button {width: 100%;} } @media all and (max-width:500px) { .step_box {margin-bottom: 15px;} .step_box ul li {width: calc(33.33% - 30px); margin-right: 30px; margin-bottom: 15px;} .step_box ul li:before {right: -20px; font-size: 16px;} .step_box ul li:nth-child(4) {float: left; margin-left: calc(15% + 15px)} .step_box ul li .step_icon p b {margin-top: 25%; font-size: 16px;} .step_box ul li .step_icon p span {margin-top: 13%; font-size: 14px; line-height: 16px;} } @media all and (max-width:428px) { .step_box ul li {width: calc(33.33% - 15px); margin-right: 15px;} .step_box ul li:before {right: -12px; font-size: 16px;} .step_box ul li .step_icon p b {margin-top: 20%; font-size: 14px;} .step_box ul li .step_icon p span {margin-top: 10%; font-size: 12px; line-height: 16px;} /* 220623 이벤트 리스트 추가 */ .eventL {width: calc(100% - 20px); margin: 20px 10px 0;} }